{"version":3,"file":"static/js/21.175e5aef1f46e547a832.chunk.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/toy-reviews/toy-reviews.tsx?4e04","webpack://Msdyn365.Commerce.Online/./src/modules/toy-reviews/components/toyreviewlist.tsx?0781","webpack://Msdyn365.Commerce.Online/./src/modules/toy-reviews/toy-reviews.view.tsx?aa6f","webpack://Msdyn365.Commerce.Online/./src/modules/toy-trends/toy-trends.tsx?c339","webpack://Msdyn365.Commerce.Online/./src/modules/toy-trends/components/toytrendslist.tsx?2d99","webpack://Msdyn365.Commerce.Online/./src/modules/toy-trends/toy-trends.view.tsx?e0be","webpack://Msdyn365.Commerce.Online/./src/modules/toysrus-banner/toysrus-banner.tsx?7fa1","webpack://Msdyn365.Commerce.Online/./src/modules/toysrus-banner/toysrus-banner.view.tsx?ed2b","webpack://Msdyn365.Commerce.Online/./src/modules/toysrus-giftfinder/toysrus-giftfinder.tsx?4a25","webpack://Msdyn365.Commerce.Online/./src/modules/toysrus-giftfinder/components/range-selector.tsx?0144","webpack://Msdyn365.Commerce.Online/./src/modules/toysrus-giftfinder/toysrus-giftfinder.view.tsx?963e","webpack://Msdyn365.Commerce.Online/./src/modules/spacer/spacer.tsx?7565","webpack://Msdyn365.Commerce.Online/./src/modules/spacer/spacer.view.tsx?1f15","webpack://Msdyn365.Commerce.Online/./src/modules/text-block/text-block.tsx?db84","webpack://Msdyn365.Commerce.Online/./src/modules/text-block/text-block.view.tsx?9307"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from 'react';\r\n\r\nimport { IToyReviewsData } from './toy-reviews.data';\r\nimport { IToyReviewsProps } from './toy-reviews.props.autogenerated';\r\n\r\nexport interface IToyReviewsViewProps extends IToyReviewsProps {\r\n\r\n}\r\n\r\n/**\r\n *\r\n * ToyReviews component\r\n * @extends {React.PureComponent>}\r\n */\r\nclass ToyReviews extends React.PureComponent> {\r\n public render(): JSX.Element | null {\r\n\r\n return this.props.renderView(this.props);\r\n }\r\n}\r\n\r\nexport default ToyReviews;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n * Returns List of Toy Reviews\r\n * Alfapeople -Customisation object -For Toy Reviews page\r\n */\r\n\r\nimport React, { Component } from 'react';\r\n\r\nexport interface IToy {\r\n toyImage?: string;\r\n toyDescription?: string;\r\n toyLink?: string;\r\n}\r\n/**\r\n *\r\n * ToyReviewList component\r\n * @extends Component\r\n */\r\nexport class ToyReviewList extends Component {\r\n private readonly toys: IToy[] = [\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDjt0',\r\n toyDescription: 'L.O.L. Surprise OMG Doll',\r\n toyLink: '/l-o-l-surprise---omg-doll-core-asst/5637323833.p',\r\n },\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDjsT',\r\n toyDescription: 'Poopsie Rainbow Surprise Doll',\r\n toyLink: '/online/poopsie-rainbow-surprise-doll-assortment-1/5637321605.p',\r\n },\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDq1c',\r\n toyDescription: 'Kindi Kids',\r\n toyLink: '/kindikids-s1-toddler-doll-sgl-pk---snack-time-fun-jessicake/5637309597.p',\r\n },\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDjsW',\r\n toyDescription: 'Boppi ‘The Booty Shakin’ Llama',\r\n toyLink: '/boppie-the-booty-shakin-llama-by-zuru/5637307678.p',\r\n },\r\n ];\r\n public render(): JSX.Element | null {\r\n return (\r\n \r\n
\r\n
\r\n

toy reviews

\r\n
\r\n {this.toys.map((p) => (\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n ))}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ToyReviewList;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { ToyReviewList } from './components';\r\nimport { IToyReviewsViewProps } from './toy-reviews';\r\n\r\nexport default (props: IToyReviewsViewProps) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n","/*---------------------------------------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from 'react';\r\n\r\nimport { IToyTrendsData } from './toy-trends.data';\r\nimport { IToyTrendsProps } from './toy-trends.props.autogenerated';\r\n\r\nexport interface IToyTrendsViewProps extends IToyTrendsProps {\r\n\r\n}\r\n\r\n/**\r\n *\r\n * ToyTrends component\r\n * @extends {React.PureComponent>}\r\n */\r\nclass ToyTrends extends React.PureComponent> {\r\n public render(): JSX.Element | null {\r\n\r\n return this.props.renderView(this.props);\r\n }\r\n}\r\n\r\nexport default ToyTrends;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n * Returns List of ToyTrendsList\r\n * Alfapeople -Customisation object -For ToyTrendsList page\r\n */\r\n\r\nimport React, { Component } from 'react';\r\n\r\nexport interface IToy {\r\n toyImage?: string;\r\n toyDescription?: string;\r\n toyLink?: string;\r\n}\r\n/**\r\n *\r\n * ToyTrendsList component\r\n * @extends Component\r\n */\r\nexport class ToyTrendsList extends Component {\r\n private readonly toys: IToy[] = [\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDxPk',\r\n toyDescription: '4 unboxing worthy toys',\r\n toyLink: '/four-unboxing-worthy-toys',\r\n },\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDD1Y',\r\n toyDescription: 'it’s slime time! 2 slimy toys we love ',\r\n toyLink: '/slimy-toys',\r\n },\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDAqJ',\r\n toyDescription: 'level up the fun! top 2 video game toys',\r\n toyLink: '/top-two-video-game-toys',\r\n },\r\n {\r\n toyImage:\r\n 'https://images-eu-prod.cms.commerce.dynamics.com/cms/api/fnqzbfjwxg/imageFileData/MDxPb',\r\n toyDescription: 'these two Frozen 2 toys are worth melting for',\r\n toyLink: '/frozen-toys',\r\n },\r\n ];\r\n public render(): JSX.Element | null {\r\n return (\r\n \r\n
\r\n
\r\n

toy trends

\r\n
\r\n {this.toys.map((p) => (\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n ))}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ToyTrendsList;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { ToyTrendsList } from './components';\r\nimport { IToyTrendsViewProps } from './toy-trends';\r\n\r\nexport default (props: IToyTrendsViewProps) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n","/*---------------------------------------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport * as React from 'react';\r\nimport { IToysrusBannerData } from './toysrus-banner.data';\r\nimport { IToysrusBannerProps } from './toysrus-banner.props.autogenerated';\r\n\r\nexport interface IToysrusBannerViewProps\r\n extends IToysrusBannerProps {\r\n ToysrusBannerHtml?: React.ReactNode;\r\n}\r\n\r\n/**\r\n *\r\n * ToysrusBanner component\r\n * @extends {React.PureComponent>}\r\n */\r\nclass ToysrusBanner extends React.PureComponent<\r\n IToysrusBannerProps\r\n> {\r\n public render(): JSX.Element | null {\r\n const {\r\n bigImage,\r\n bigImageAltText,\r\n smallImage,\r\n smallImageAltText,\r\n } = this.props.config;\r\n const bigImageProps = {\r\n gridSettings: this.props.context.request.gridSettings || {},\r\n imageSettings: bigImage && bigImage.imageSettings,\r\n };\r\n const toysrusDynamicbigImage = bigImage && (\r\n \r\n );\r\n const smallImageProps = {\r\n gridSettings: this.props.context.request.gridSettings || {},\r\n imageSettings: smallImage && smallImage.imageSettings,\r\n };\r\n const toysrusDynamicsmallImage = smallImage && (\r\n \r\n );\r\n\r\n const htmlContent = (\r\n
\r\n \r\n
\r\n \r\n {toysrusDynamicsmallImage}\r\n \r\n
\r\n
\r\n );\r\n\r\n const ToysrusBannerProps = {\r\n ...this.props,\r\n ToysrusBannerHtml: htmlContent,\r\n };\r\n return this.props.renderView(ToysrusBannerProps);\r\n }\r\n}\r\n\r\nexport default ToysrusBanner;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { IToysrusBannerViewProps } from './toysrus-banner';\r\n\r\nconst ToysrusBannerView: React.FC = (props) => {\r\n const { ToysrusBannerHtml } = props;\r\n return {ToysrusBannerHtml};\r\n};\r\nexport default ToysrusBannerView;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport { IToysrusGiftfinderData } from \"./toysrus-giftfinder.data\";\r\nimport { IToysrusGiftfinderProps } from \"./toysrus-giftfinder.props.autogenerated\";\r\n\r\nexport interface IToysrusGiftfinderViewProps\r\n extends IToysrusGiftfinderProps {\r\n budgetAmount: number;\r\n budgetAmountMin: number;\r\n budgetAmountMax: number;\r\n onBudgetAmountInput: (val: any) => void;\r\n onBudgetAmountMinInput: (val: any) => void;\r\n onBudgetAmountMaxInput: (val: any) => void;\r\n isAgeSelected: boolean;\r\n isGenderSelected: boolean;\r\n giftfinderBack: () => void;\r\n giftfinderBack1: () => void;\r\n giftfinderNext: () => void;\r\n giftfinderNext1: () => void;\r\n getGiftSuggestions: () => void;\r\n onAgeInput: () => void;\r\n onGenderInput: () => void;\r\n ageGroups: IAgeGroup[];\r\n genderGroups: IGenderGroup[];\r\n}\r\n\r\nexport interface IToysrusGiftfinderState {\r\n budgetAmount: number;\r\n budgetAmountMin: number,\r\n budgetAmountMax: number,\r\n isAgeSelected: boolean;\r\n isGenderSelected: boolean;\r\n selectedAgeGroups: string[];\r\n selectedGenderGroups: string[];\r\n}\r\n\r\nexport interface IAgeGroup {\r\n ageLabel: string;\r\n ageValue: string;\r\n id: string;\r\n isChecked: boolean;\r\n containerClassName: string;\r\n}\r\n\r\nexport interface IGenderGroup {\r\n genderLabel: string;\r\n genderValue: string;\r\n id: string;\r\n isChecked: boolean;\r\n containerClassName: string;\r\n}\r\n\r\n/**\r\n *\r\n * ToysrusGiftfinder component\r\n * @extends {React.PureComponent>}\r\n */\r\nclass ToysrusGiftfinder extends React.PureComponent<\r\n IToysrusGiftfinderProps,\r\n IToysrusGiftfinderState\r\n> {\r\n public constructor(props: IToysrusGiftfinderViewProps) {\r\n super(props);\r\n\r\n this.state = {\r\n budgetAmount: 1,\r\n budgetAmountMin: 101,\r\n budgetAmountMax: 2001,\r\n isAgeSelected: false,\r\n isGenderSelected: false,\r\n selectedAgeGroups: [],\r\n selectedGenderGroups: [\"GIRLS\"],\r\n };\r\n }\r\n\r\n public render(): JSX.Element | null {\r\n var ageGroups: IAgeGroup[] = [\r\n {\r\n ageLabel: \"0-18 Months\",\r\n ageValue: \"0-18 Months\",\r\n id: \"c1\",\r\n isChecked: this.state.selectedAgeGroups.findIndex(sag => sag === \"0-18 Months\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer1\",\r\n },\r\n {\r\n ageLabel: \"24-36 Months\",\r\n ageValue: \"24-36 Months\",\r\n id: \"c2\",\r\n isChecked: this.state.selectedAgeGroups.findIndex(sag => sag === \"24-36 Months\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer2\",\r\n },\r\n {\r\n ageLabel: \"3-5 Years\",\r\n ageValue: \"3-5 Years\",\r\n id: \"c3\",\r\n isChecked: this.state.selectedAgeGroups.findIndex(sag => sag === \"3-5 Years\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer3\",\r\n },\r\n {\r\n ageLabel: \"6-8 Years\",\r\n ageValue: \"6-8 Years\",\r\n id: \"c4\",\r\n isChecked: this.state.selectedAgeGroups.findIndex(sag => sag === \"6-8 Years\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer4\",\r\n }, \r\n {\r\n ageLabel: \"9-11 Years\",\r\n ageValue: \"9-11 Years\",\r\n id: \"c5\",\r\n isChecked: this.state.selectedAgeGroups.findIndex(sag => sag === \"9-11 Years\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer5\",\r\n },\r\n {\r\n ageLabel: \"12+ Years\",\r\n ageValue: \"12+ Years\",\r\n id: \"c6\",\r\n isChecked: this.state.selectedAgeGroups.findIndex(sag => sag === \"12+ Years\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer6\",\r\n }\r\n ]\r\n\r\n var genderGroups: IGenderGroup[] = [\r\n {\r\n genderLabel: \"Boy\",\r\n genderValue: \"BOYS\",\r\n id: \"c2\",\r\n isChecked: this.state.selectedGenderGroups.findIndex(sag => sag === \"BOYS\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer2\",\r\n },\r\n {\r\n genderLabel: \"Girl\",\r\n genderValue: \"GIRLS\",\r\n id: \"c1\",\r\n isChecked: this.state.selectedGenderGroups.findIndex(sag => sag === \"GIRLS\") !== -1,\r\n containerClassName: \"gift-finder-ageinput-container gift-finder-divcontainer1\",\r\n }\r\n ]\r\n\r\n\r\n return this.props.renderView({\r\n ...this.props,\r\n budgetAmount: this.state.budgetAmount,\r\n budgetAmountMax: this.state.budgetAmountMax,\r\n budgetAmountMin: this.state.budgetAmountMin,\r\n onBudgetAmountInput: this.onBudgetAmountInput,\r\n onBudgetAmountMaxInput: this.onBudgetAmountMaxInput,\r\n onBudgetAmountMinInput: this.onBudgetAmountMinInput,\r\n isAgeSelected: this.state.isAgeSelected,\r\n isGenderSelected: this.state.isGenderSelected,\r\n giftfinderBack: this.giftfinderBack,\r\n giftfinderBack1: this.giftfinderBack1,\r\n giftfinderNext: this.giftfinderNext,\r\n giftfinderNext1: this.giftfinderNext1,\r\n getGiftSuggestions: this.getGiftSuggestions,\r\n ageGroups: ageGroups,\r\n genderGroups: genderGroups,\r\n onAgeInput: this.updateSelectedAgeGroups,\r\n onGenderInput: this.updateSelectedGenderGroups\r\n });\r\n }\r\n\r\n public onBudgetAmountInput = (val: any) => {\r\n this.setState({ budgetAmount: val.currentTarget.value });\r\n };\r\n\r\n public onBudgetAmountMinInput = (val: number) => {\r\n this.setState({ budgetAmountMin: val });\r\n };\r\n\r\n public onBudgetAmountMaxInput = (val: number) => {\r\n this.setState({ budgetAmountMax: val });\r\n };\r\n\r\n public giftfinderBack = () => {\r\n this.setState({ isAgeSelected: false });\r\n };\r\n\r\n public giftfinderBack1 = () => {\r\n this.setState({ isGenderSelected: false });\r\n };\r\n\r\n public giftfinderNext = () => {\r\n this.updateSelectedAgeGroups();\r\n this.setState({ isAgeSelected: true });\r\n };\r\n\r\n public giftfinderNext1 = () => {\r\n this.updateSelectedGenderGroups();\r\n this.setState({ isGenderSelected: true });\r\n };\r\n\r\n public updateSelectedAgeGroups = () => {\r\n let checkboxes = document.querySelectorAll(\r\n 'input[name=\"color\"]:checked'\r\n );\r\n let selectedAgeGroups: string[] = [];\r\n checkboxes.forEach((checkBoxElement: HTMLInputElement) => {\r\n selectedAgeGroups.push(checkBoxElement.value);\r\n });\r\n\r\n this.setState({ selectedAgeGroups: selectedAgeGroups });\r\n };\r\n\r\n\r\n public updateSelectedGenderGroups = () => {\r\n let checkboxes = document.querySelectorAll(\r\n 'input[name=\"gender\"]:checked'\r\n );\r\n let selectedGenderGroups: string[] = [];\r\n checkboxes.forEach((checkBoxElement: HTMLInputElement) => {\r\n selectedGenderGroups.push(checkBoxElement.value);\r\n }); \r\n\r\n this.setState({ selectedGenderGroups: selectedGenderGroups });\r\n };\r\n\r\n\r\n public getGiftSuggestions = () => {\r\n\r\n var genderGroupFilters: string[] = [];\r\n \r\n this.state.selectedGenderGroups.forEach((genderGroupValue: string) => {\r\n let genderGroupFilter = '[5,\"'+genderGroupValue+'\",5637146827,1,\"'+genderGroupValue+'\",\"\"]';\r\n genderGroupFilters.push(genderGroupFilter);\r\n });\r\n\r\n\r\n if (!genderGroupFilters || genderGroupFilters.length == 0) {\r\n var genderfinalfilter = '[5,\"All\",5637146827,1,\"All\",\"\"]';\r\n } else {\r\n var genderfinalfilter = genderGroupFilters[0];\r\n }\r\n \r\n console.log(genderfinalfilter);\r\n\r\n //var maxprice = this.state.budgetAmount;\r\n var maxPrice = this.state.budgetAmountMax;\r\n var minPrice = this.state.budgetAmountMin;\r\n var pricerange = `[1,\"${minPrice}\",0,3,\"${maxPrice}\",\"SAR\"]`;\r\n\r\n var ageGroupFilters: string[] = [];\r\n var agegpstrt = \"[\";\r\n var agegpend = \"]\";\r\n\r\n this.state.selectedAgeGroups.forEach((ageGroupValue: string) => {\r\n let ageGroupFilter = '[5,\"' + ageGroupValue + '\",5637146826,1,\"' + ageGroupValue + '\",\"\"]';\r\n ageGroupFilters.push(ageGroupFilter);\r\n });\r\n\r\n if (!ageGroupFilters || ageGroupFilters.length == 0) {\r\n var agefinalfilter = agegpstrt + pricerange + \",\" + genderfinalfilter + agegpend;\r\n } else {\r\n var agefinalfilter = agegpstrt + pricerange + \",\" + ageGroupFilters + \",\" + genderfinalfilter + agegpend;\r\n }\r\n\r\n // [[1,\"2\",0,3,\"2859\",\"SAR\"],[5,\"0-18 Months\",5637146826,1,\"0-18 Months\",\"\"],[5,\"GIRLS\",5637146827,1,\"GIRLS\",\"\"]]\r\n\r\n // console.log(agefinalfilter); \r\n agefinalfilter = encodeURIComponent(agefinalfilter);\r\n console.log(agefinalfilter);\r\n \r\n window.location.assign(\r\n \"https://www.toysrus.com.sa/5637226331.c?refiners=\" + agefinalfilter\r\n );\r\n\r\n //[ [1,\"3\",0,3,\"879\",\"SAR\"]] [[5,\"0-12 Months\",5637146826,1,\"0-12 Months\",\"\"]]\r\n };\r\n}\r\n\r\nexport default ToysrusGiftfinder;\r\n","import React, { useCallback, useEffect, useState, useRef } from \"react\";\r\n\r\nexport interface IMultiRangeSlider {\r\n min: number;\r\n max: number;\r\n maxValue?: number;\r\n minValue?: number;\r\n stepVal?: number;\r\n onChange?: (arg: { min: number, max: number}) => void;\r\n}\r\n\r\nconst MultiRangeSlider: React.FC = ({ min, max, maxValue, minValue, stepVal, onChange }) => {\r\n const [minVal, setMinVal] = useState(minValue || min);\r\n const [maxVal, setMaxVal] = useState(maxValue || max);\r\n const minValRef = useRef(min);\r\n const maxValRef = useRef(max);\r\n const range = useRef(null);\r\n stepVal = stepVal || 1;\r\n // Convert to percentage\r\n const getPercent = useCallback(\r\n (value) => Math.round(((value - min) / (max - min)) * 100),\r\n [min, max]\r\n );\r\n\r\n // Set width of the range to decrease from the left side\r\n useEffect(() => {\r\n const minPercent = getPercent(minVal);\r\n const maxPercent = getPercent(maxValRef.current);\r\n\r\n // @ts-ignore\r\n if (range.current && range.current.style) {\r\n // @ts-ignore\r\n range.current.style.left = `${minPercent}%`;\r\n // @ts-ignore\r\n range.current.style.width = `${maxPercent - minPercent}%`;\r\n }\r\n }, [minVal, getPercent]);\r\n\r\n // Set width of the range to decrease from the right side\r\n useEffect(() => {\r\n const minPercent = getPercent(minValRef.current);\r\n const maxPercent = getPercent(maxVal);\r\n\r\n // @ts-ignore\r\n if (range.current && range.current.style) {\r\n // @ts-ignore\r\n range.current.style.width = `${maxPercent - minPercent}%`;\r\n }\r\n }, [maxVal, getPercent]);\r\n\r\n // Get min and max values when their state changes\r\n useEffect(() => {\r\n onChange && onChange({ min: minVal, max: maxVal })\r\n }, [minVal, maxVal, onChange]);\r\n\r\n return (\r\n
\r\n {\r\n const value = Math.min(Number(event.target.value), maxVal - 1);\r\n setMinVal(value);\r\n minValRef.current = value;\r\n }}\r\n className=\"thumb thumb--left\"\r\n style={{ zIndex: minVal > max - 100 ? 5 : undefined }}\r\n />\r\n {\r\n const value = Math.max(Number(event.target.value), minVal + 1);\r\n setMaxVal(value);\r\n maxValRef.current = value;\r\n }}\r\n className=\"thumb thumb--right\"\r\n />\r\n\r\n
\r\n
\r\n
\r\n
{minVal}
\r\n
{maxVal}
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default MultiRangeSlider;\r\n\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport MultiRangeSlider from './components/range-selector';\r\nimport { IToysrusGiftfinderViewProps } from './toysrus-giftfinder';\r\n\r\nexport default (props: IToysrusGiftfinderViewProps) => {\r\n return (\r\n <>\r\n
\r\n
Find the perfect gift
\r\n
\r\n{\r\nprops.isGenderSelected \r\n?\r\n\r\n props.isAgeSelected \r\n ?\r\n
\r\n
What is your budget?
\r\n
\r\n {props.budgetAmountMin} - {props.budgetAmountMax}\r\n SAR\r\n
\r\n
\r\n
\r\n {\r\n props.onBudgetAmountMaxInput(max);\r\n props.onBudgetAmountMinInput(min);\r\n console.log(`min = ${min}, max = ${max}`)\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n : \r\n
\r\n
\r\n
\r\n
How old is your child?
\r\n
\r\n
\r\n {\r\n props.ageGroups && props.ageGroups.map( ag => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n:\r\n
\r\n
\r\n
\r\n
Select Gender
\r\n
\r\n
\r\n {\r\n props.genderGroups && props.genderGroups.map( gd => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n} \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n /**/","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { ISpacerProps } from './spacer.props.autogenerated';\n\nexport interface ISpacerViewProps extends ISpacerProps<{}> {\n className?: string;\n}\n\n/**\n *\n * SpacerModule component.\n * @extends {React.PureComponent}\n */\nclass Spacer extends React.PureComponent> {\n public render(): JSX.Element | null {\n const { className } = this.props.config;\n const spacerClass = this.props.config.spacerHeight ? `ms-${this.props.config.spacerHeight}` : 'ms-spacer';\n const viewProps = {\n // Context for telemetry and raw data for C1 to do customization\n // Including computed data, state data and methods\n ...this.props,\n className: (className && classnames(spacerClass, className)) || spacerClass\n };\n\n return this.props.renderView(viewProps) as React.ReactElement;\n }\n}\n\nexport default Spacer;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nimport { ISpacerViewProps } from './spacer';\n\nconst SpacerView: React.FC = props => (\n
\n);\n\nexport default SpacerView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as MsDyn365 from '@msdyn365-commerce/core';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { ITextBlockProps } from './text-block.props.autogenerated';\n\nexport interface ITextBlockViewProps extends ITextBlockProps<{}> {\n paragraph?: React.ReactNode;\n className?: string;\n}\n\n/**\n *\n * TextBlock component.\n */\nclass TextBlock extends React.PureComponent> {\n public render(): JSX.Element | null {\n const { paragraph, className } = this.props.config;\n const text = paragraph && (\n \n );\n const textBlockViewProps = {\n ...this.props,\n paragraph: text,\n className: classnames('ms-text-block', className)\n };\n return this.props.renderView(textBlockViewProps) as React.ReactElement;\n }\n\n public handleTextChange = (event: MsDyn365.ContentEditableEvent) => (this.props.config.paragraph = event.target.value);\n}\nexport default TextBlock;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nimport { ITextBlockViewProps } from './text-block';\n\nconst TextBlockView: React.FC = props => (\n
\n {props.paragraph}\n
\n);\n\nexport default TextBlockView;\n"],"names":["ToyReviews","React","render","this","props","renderView","ToyReviewList","Component","constructor","toys","toyImage","toyDescription","toyLink","className","map","p","href","src","alt","ToyTrends","ToyTrendsList","ToysrusBanner","bigImage","bigImageAltText","smallImage","smallImageAltText","config","bigImageProps","gridSettings","context","request","imageSettings","toysrusDynamicbigImage","Msdyn365","Object","assign","altText","editProps","key","requestContext","smallImageProps","toysrusDynamicsmallImage","htmlContent","bigImageLink","smallImageLink","role","ToysrusBannerProps","_objectSpread","ToysrusBannerHtml","ToysrusGiftfinder","super","onBudgetAmountInput","val","setState","budgetAmount","currentTarget","value","onBudgetAmountMinInput","budgetAmountMin","onBudgetAmountMaxInput","budgetAmountMax","giftfinderBack","isAgeSelected","giftfinderBack1","isGenderSelected","giftfinderNext","updateSelectedAgeGroups","giftfinderNext1","updateSelectedGenderGroups","checkboxes","document","querySelectorAll","selectedAgeGroups","forEach","checkBoxElement","push","selectedGenderGroups","getGiftSuggestions","genderGroupFilters","state","genderGroupValue","genderGroupFilter","length","genderfinalfilter","console","log","maxPrice","pricerange","ageGroupFilters","ageGroupValue","ageGroupFilter","agefinalfilter","encodeURIComponent","window","location","ageGroups","ageLabel","ageValue","id","isChecked","findIndex","sag","containerClassName","genderGroups","genderLabel","genderValue","onAgeInput","onGenderInput","_ref","min","max","maxValue","minValue","stepVal","onChange","minVal","setMinVal","useState","maxVal","setMaxVal","minValRef","useRef","maxValRef","range","getPercent","useCallback","Math","round","useEffect","minPercent","maxPercent","current","style","left","width","type","step","event","Number","target","zIndex","undefined","ref","MultiRangeSlider","onClick","ag","name","checked","gd","Spacer","spacerClass","spacerHeight","viewProps","classnames","renderModuleAttributes","TextBlock","handleTextChange","paragraph","text","MsDyn365","onEdit","textBlockViewProps"],"sourceRoot":""}