npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.809-beta.0 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1601) hide show

package/dist/cjs/components/postPicker/postPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"postPicker.js","sources":["../../../../src/components/postPicker/postPicker.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport React, { useEffect, useRef, useState } from 'react';\nimport {\n\tStyledProduct,\n\tStyledProductGrid,\n} from '@src/components/postPicker/PostPicker.styled';\nimport { Tag } from '@src/components/tag';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonRegular,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\nimport InstagramIcon from '../../assets/icons/instagram.svg';\nimport WarningIcon from '../../assets/icons/warning.svg';\nimport { AnalyticsDropdown } from '../analytics-chips-and-dropdowns';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { ShimmerImage } from '../shimmer-image/ShimmerImage';\nimport { StateComponent, StateInterface } from '../states';\n\nexport enum MEDIA_TYPES {\n\tSTORY = 'story',\n\tPOST = 'post',\n\tREEL = 'reel',\n}\n\nexport type Media = {\n\timageUrl: string;\n\tredirectionUrl: string;\n\toverlayCaption: string;\n\tid: string;\n\ttimestamp?: string;\n};\n\nexport type PostPickerProps = {\n\ttitle: string;\n\tshowModal: boolean;\n\tonClose: () => void;\n\tonSelect: (Media: Media[]) => void;\n\tmedia: Media[];\n\tmediaType: MEDIA_TYPES;\n\tpreviouslySelected?: Media[];\n\tlimit?: number;\n\tselected: Media[];\n\tshowFilter?: boolean;\n};\n\nexport enum DateKeys {\n\t'Today' = 'Today',\n\t'7_Days' = '7',\n\t'30_Days' = '30',\n\t'custom' = 'custom',\n\t'Yesterday' = 'Yesterday',\n}\n\nexport interface DateOptionI {\n\tlabel: string;\n\tvalue: string;\n\tkey: DateKeys;\n\ttypeValue?: [Date, Date];\n\tselectedRange?: [Date, Date];\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tmaxDate?: Date;\n\t\tminDate?: Date;\n\t};\n}\n\nexport const dateOptions: DateOptionI[] = [\n\t{\n\t\tlabel: 'Today',\n\t\tvalue: 'today',\n\t\tkey: DateKeys.Today,\n\t\ttypeValue: [new Date(), new Date()],\n\t},\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: DateKeys['7_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 6)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: DateKeys['30_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 29)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: DateKeys.custom,\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: {\n\t\t\tselectRange: true,\n\t\t\tmaxDate: new Date(new Date().setMonth(new Date().getMonth() + 3)),\n\t\t},\n\t},\n];\n\nexport const PostPicker: React.FC<PostPickerProps> = (props) => {\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>(\n\t\tprops.previouslySelected ?? [],\n\t);\n\tconst [error, setError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [media, setMedia] = useState<Media[]>(props.media);\n\tconst [resetFilter, setResetFilter] = useState<boolean>(false);\n\tconst [showClear, setShowClear] = useState<boolean>(false);\n\tconst [closeAnalyticsDropdown, setCloseAnalyticsDropdown] =\n\t\tuseState<boolean>(false);\n\tconst ref = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (!props.media.length) {\n\t\t\tsetLoading(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetLoading(false);\n\t\t\t}, 2000);\n\t\t}\n\t\tsetSelectedMedia(props.selected \|\| []);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (props.media.length > 0) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [props?.media?.length]);\n\n\tuseEffect(() => {\n\t\tif (selectedMedia.length > 0) {\n\t\t\tsetError('');\n\t\t}\n\t}, [selectedMedia.length]);\n\n\tuseEffect(() => {\n\t\tif (resetFilter) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetShowClear(false);\n\t\t}\n\t}, [resetFilter]);\n\n\tuseEffect(() => {\n\t\tconst handleClick = (event) => {\n\t\t\tconst analyticsDropdown = document.getElementById(\n\t\t\t\t'analytic-dropdown',\n\t\t\t) as any;\n\t\t\tif (!analyticsDropdown.contains(event.target)) {\n\t\t\t\tsetCloseAnalyticsDropdown(!closeAnalyticsDropdown);\n\t\t\t}\n\t\t};\n\n\t\tconst element = document.getElementById('post-picker') as any;\n\t\tif (element) {\n\t\t\telement.addEventListener('click', handleClick);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (element) {\n\t\t\t\telement.removeEventListener('click', handleClick);\n\t\t\t}\n\t\t};\n\t});\n\n\tconst handleProductSelect = (selectedPost: Media) => {\n\t\tsetSelectedMedia(() => {\n\t\t\tif (selectedMedia.find((media) => media.id === selectedPost.id)) {\n\t\t\t\treturn selectedMedia.filter((post) => post.id !== selectedPost.id);\n\t\t\t} else {\n\t\t\t\tif (!props.limit \|\| selectedMedia.length < props.limit) {\n\t\t\t\t\treturn [...selectedMedia, selectedPost];\n\t\t\t\t} else {\n\t\t\t\t\tsetError(`Only ${props.limit} ${props.mediaType}s can be selected`);\n\t\t\t\t}\n\t\t\t\treturn selectedMedia;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleOnSave = () => {\n\t\tif (!selectedMedia.length) {\n\t\t\tsetError(`Please select a ${props.mediaType} to proceed`);\n\t\t\treturn;\n\t\t}\n\t\tprops.onSelect(selectedMedia);\n\t};\n\n\tconst renderFooterLeftComponent = () => {\n\t\tif (error) {\n\t\t\treturn <Tag tagText={error} type=\"negative\" LeadingIcon={WarningIcon} />;\n\t\t} else if (selectedMedia.length) {\n\t\t\treturn <BodySecondary>{selectedMedia.length} selected</BodySecondary>;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst containsObject = (obj, list) => {\n\t\treturn list.some((elem) => elem.id === obj.id);\n\t};\n\n\tfunction isDateInRange(itemDateStr, startDateStr, endDateStr) {\n\t\tconst itemDate = new Date(itemDateStr);\n\t\tconst startDate = new Date(startDateStr);\n\t\tconst endDate = new Date(endDateStr);\n\n\t\treturn itemDate >= startDate && itemDate <= endDate;\n\t}\n\n\treturn (\n\t\t<div ref={ref}>\n\t\t\t<StyledModal\n\t\t\t\tzIndex={201}\n\t\t\t\topen={props.showModal}\n\t\t\t\theadingTitle={props.title}\n\t\t\t\tonClose={props.onClose}\n\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\twidth: 1071,\n\t\t\t\t\theight: props.showFilter ? 650 : 564,\n\t\t\t\t}}\n\t\t\t\tprimaryButton={{\n\t\t\t\t\tdisabled: !media.length,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\tbuttonText: `Select ${unCamelCase(props.mediaType)}`,\n\t\t\t\t\tonClick: () => handleOnSave(),\n\t\t\t\t}}\n\t\t\t\tsecondaryButton={{\n\t\t\t\t\tbuttonType: 'secondary',\n\t\t\t\t\tbuttonText: 'Back',\n\t\t\t\t\tonClick: () => props.onClose(),\n\t\t\t\t}}\n\t\t\t\tfooterLeftCustomElement={renderFooterLeftComponent()}\n\t\t\t\tid=\"post-picker\"\n\t\t\t>\n\t\t\t\t{props.showFilter && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\t\tpadding: '0 24px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AnalyticsDropdown\n\t\t\t\t\t\t\toptions={dateOptions}\n\t\t\t\t\t\t\tplaceholder=\"posted on\"\n\t\t\t\t\t\t\tresetDropdown={resetFilter}\n\t\t\t\t\t\t\tonOptionSelected={(chosen) => {\n\t\t\t\t\t\t\t\tlet start: Date \| null = null;\n\t\t\t\t\t\t\t\tlet end: Date \| null = null;\n\t\t\t\t\t\t\t\tif (chosen.label === 'Custom range') {\n\t\t\t\t\t\t\t\t\tstart = chosen?.['selectedRange']?.[0] \|\| new Date();\n\t\t\t\t\t\t\t\t\tend = chosen?.['selectedRange']?.[1] \|\| new Date();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstart = chosen['typeValue'][0];\n\t\t\t\t\t\t\t\t\tend = chosen['typeValue'][1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst filtered = props.media.filter((item) =>\n\t\t\t\t\t\t\t\t\tisDateInRange(item.timestamp, start, end),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetMedia(filtered);\n\t\t\t\t\t\t\t\tsetShowClear(true);\n\t\t\t\t\t\t\t\tsetResetFilter(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcloseDropdown={closeAnalyticsDropdown}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{showClear && (\n\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\tonClick={() => setResetFilter(true)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div style={{ padding: '0 24px' }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twidth: `${props.mediaType == MEDIA_TYPES.POST ? 148 : 104}px`,\n\t\t\t\t\t\t\t\t\theight: `${\n\t\t\t\t\t\t\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? 148 : 172\n\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{media && !!media.length ? (\n\t\t\t\t\t\t\t<StyledProductGrid mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t{media.map((post) => (\n\t\t\t\t\t\t\t\t\t<StyledProduct\n\t\t\t\t\t\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t\t\t\t\t\t\tkey={post.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\tcontainsObject(post, selectedMedia) ? 'selected' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleProductSelect(post)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\t\t\t\t\t\timageUrl={post.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.mediaType == MEDIA_TYPES.POST ? 148 : 104}\n\t\t\t\t\t\t\t\t\t\t\theight={props.mediaType == MEDIA_TYPES.POST ? 148 : 172}\n\t\t\t\t\t\t\t\t\t\t\talt={post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\thref={post.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</StyledProduct>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</StyledProductGrid>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\theight: 422,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!props.media.length ? (\n\t\t\t\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\t\t\t\theading={`No ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tsubline={`There seems to be no ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\t\t\t\twidth={400}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : !media.length ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${COLORS.background.inverse}`,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon color={COLORS.content.primaryInverse} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Sorry we could not find any results for the selected filter'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResetFilter(true);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge color={`${COLORS.content.brand}`}>\n\t\t\t\t\t\t\t\t\t\t\t\tClear Filter\n\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</StyledModal>\n\t\t</div>\n\t);\n};\n"],"names":["MEDIA_TYPES","DateKeys","dateOptions","label","value","key","Today","typeValue","Date","setDate","getDate","custom","isCustom","dateRangeSelectionOptions","selectRange","maxDate","setMonth","getMonth","props","selectedMedia","setSelectedMedia","useState","_a","previouslySelected","error","setError","loading","setLoading","media","setMedia","resetFilter","setResetFilter","showClear","setShowClear","closeAnalyticsDropdown","setCloseAnalyticsDropdown","ref","useRef","useEffect","length","setTimeout","selected","_b","handleClick","event","document","getElementById","contains","target","element","addEventListener","removeEventListener","_jsx","Object","assign","children","_jsxs","jsxs","StyledModal","zIndex","open","showModal","headingTitle","title","onClose","centralContainerStyles","width","height","showFilter","primaryButton","disabled","buttonType","buttonText","unCamelCase","mediaType","onClick","onSelect","secondaryButton","footerLeftCustomElement","Tag","tagText","type","LeadingIcon","WarningIcon","BodySecondary","id","style","marginTop","marginBottom","padding","display","flexDirection","gap","alignItems","jsx","AnalyticsDropdown","options","placeholder","resetDropdown","onOptionSelected","chosen","start","end","filtered","filter","item","itemDateStr","startDateStr","endDateStr","itemDate","startDate","endDate","isDateInRange","timestamp","closeDropdown","ButtonRegular","color","COLORS","content","secondary","cursor","BikShimmer","boxes","POST","StyledProductGrid","map","post","StyledProduct","className","obj","list","some","elem","handleProductSelect","selectedPost","find","limit","ShimmerImage","imageUrl","alt","overlayCaption","rel","href","redirectionUrl","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","containsObject","justifyContent","_Fragment","Fragment","backgroundColor","background","inverse","borderRadius","SearchIcon","primaryInverse","TitleMedium","ButtonLarge","brand","StateComponent","states","StateInterface","WARNING","heading","subline","isButtonEnabled"],"mappings":"wrEA0BYA,EA2BAC,0NA3BAD,QAIXA,iBAAA,GAJWA,EAAAA,sBAAAA,QAAAA,YAIX,CAAA,IAHA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OAwBWC,QAMXA,cAAA,GANWA,EAAAA,mBAAAA,QAAAA,SAMX,CAAA,IALA,MAAA,QACAA,EAAA,UAAA,IACAA,EAAA,WAAA,KACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YAiBM,MAAMC,EAA6B,CACzC,CACCC,MAAO,QACPC,MAAO,QACPC,IAAKJ,QAAQA,SAACK,MACdC,UAAW,CAAC,IAAIC,KAAQ,IAAIA,OAE7B,CACCL,MAAO,cACPC,MAAO,SACPC,IAAKJ,QAAQA,SAAC,UACdM,UAAW,CACV,IAAIC,MAAK,IAAIA,MAAOC,SAAQ,IAAID,MAAOE,UAAY,IACnD,IAAIF,OAGN,CACCL,MAAO,eACPC,MAAO,UACPC,IAAKJ,QAAQA,SAAC,WACdM,UAAW,CACV,IAAIC,MAAK,IAAIA,MAAOC,SAAQ,IAAID,MAAOE,UAAY,KACnD,IAAIF,OAGN,CACCL,MAAO,eACPC,MAAO,WACPC,IAAKJ,QAAQA,SAACU,OACdC,UAAU,EACVC,0BAA2B,CAC1BC,aAAa,EACbC,QAAS,IAAIP,MAAK,IAAIA,MAAOQ,UAAS,IAAIR,MAAOS,WAAa,0BAKXC,YACrD,MAAOC,EAAeC,GAAoBC,EAAQA,SACrB,QAA5BC,EAAAJ,EAAMK,0BAAsB,IAAAD,EAAAA,EAAA,KAEtBE,EAAOC,GAAYJ,EAAQA,SAAS,KACpCK,EAASC,GAAcN,EAAQA,UAAU,IACzCO,EAAOC,GAAYR,EAAAA,SAAkBH,EAAMU,QAC3CE,EAAaC,GAAkBV,EAAQA,UAAU,IACjDW,EAAWC,GAAgBZ,EAAQA,UAAU,IAC7Ca,EAAwBC,GAC9Bd,EAAQA,UAAU,GACbe,EAAMC,SAAO,MAEnBC,EAAAA,WAAU,KACJpB,EAAMU,MAAMW,SAChBZ,GAAW,GACXa,YAAW,KACVb,GAAW,EAAM,GACf,MAEJP,EAAiBF,EAAMuB,UAAY,GAAG,GACpC,IAEHH,EAAAA,WAAU,KACLpB,EAAMU,MAAMW,OAAS,IACxBV,EAASX,EAAMU,OACfD,GAAW,GACX,GACC,CAAa,QAAZe,EAAAxB,aAAK,EAALA,EAAOU,aAAK,IAAAc,OAAA,EAAAA,EAAEH,SAElBD,EAAAA,WAAU,KACLnB,EAAcoB,OAAS,GAC1Bd,EAAS,GACT,GACC,CAACN,EAAcoB,SAElBD,EAAAA,WAAU,KACLR,IACHD,EAASX,EAAMU,OACfK,GAAa,GACb,GACC,CAACH,IAEJQ,EAAAA,WAAU,KACT,MAAMK,EAAeC,IACMC,SAASC,eAClC,qBAEsBC,SAASH,EAAMI,SACrCb,GAA2BD,EAC3B,EAGIe,EAAUJ,SAASC,eAAe,eAKxC,OAJIG,GACHA,EAAQC,iBAAiB,QAASP,GAG5B,KACFM,GACHA,EAAQE,oBAAoB,QAASR,EACrC,CACD,IAgDF,OACCS,MAAA,MAAAC,OAAAC,OAAA,CAAKlB,IAAKA,GACT,CAAAmB,SAAAC,EAAAC,KAACC,cAAWL,OAAAC,OAAA,CACXK,OAAQ,IACRC,KAAM1C,EAAM2C,UACZC,aAAc5C,EAAM6C,MACpBC,QAAS9C,EAAM8C,QACfC,uBAAwB,CACvBC,MAAO,KACPC,OAAQjD,EAAMkD,WAAa,IAAM,KAElCC,cAAe,CACdC,UAAW1C,EAAMW,OACjBgC,WAAY,UACZC,WAAY,UAAUC,EAAAA,YAAYvD,EAAMwD,aACxCC,QAASA,KA5CPxD,EAAcoB,OAInBrB,EAAM0D,SAASzD,GAHdM,EAAS,mBAAmBP,EAAMwD,uBA4ChC,GACDG,gBAAiB,CAChBN,WAAY,YACZC,WAAY,OACZG,QAASA,IAAMzD,EAAM8C,WAEtBc,wBA3CEtD,EACI4B,EAAAA,IAAC2B,EAAAA,IAAI,CAAAC,QAASxD,EAAOyD,KAAK,WAAWC,YAAaC,EAAAA,UAC/ChE,EAAcoB,OACjBiB,EAAAA,KAAC4B,EAAAA,cAAa,CAAA7B,SAAA,CAAEpC,EAAcoB,sBAE9B,KAuCN8C,GAAG,eAEF,CAAA9B,SAAA,CAAArC,EAAMkD,YACNZ,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCgC,MAAO,CACNC,UAAW,GACXC,aAAc,GACdC,QAAS,SACTC,QAAS,OACTC,cAAe,MACfC,IAAK,EACLC,WAAY,WAGb,CAAAtC,SAAA,CAAAH,EAAA0C,IAACC,oBACA,CAAAC,QAAS9F,EACT+F,YAAY,YACZC,cAAepE,EACfqE,iBAAmBC,YAClB,IAAIC,EAAqB,KACrBC,EAAmB,KACF,iBAAjBF,EAAOjG,OACVkG,WAAQ/E,EAAA8E,eAAAA,EAAwB,oCAAI,KAAM,IAAI5F,KAC9C8F,WAAM5D,EAAA0D,eAAAA,EAAwB,oCAAI,KAAM,IAAI5F,OAE5C6F,EAAQD,EAAkB,UAAE,GAC5BE,EAAMF,EAAkB,UAAE,IAE3B,MAAMG,EAAWrF,EAAMU,MAAM4E,QAAQC,GA3D5C,SAAuBC,EAAaC,EAAcC,GACjD,MAAMC,EAAW,IAAIrG,KAAKkG,GACpBI,EAAY,IAAItG,KAAKmG,GACrBI,EAAU,IAAIvG,KAAKoG,GAEzB,OAAOC,GAAYC,GAAaD,GAAYE,CAC7C,CAsDQC,CAAcP,EAAKQ,UAAWZ,EAAOC,KAEtCzE,EAAS0E,GACTtE,GAAa,GACbF,GAAe,EAAM,EAEtBmF,cAAehF,IAGfF,GACAoB,EAAAA,IAAC+D,EAAAA,cAAa9D,OAAAC,OAAA,CACb8D,MAAOC,EAAAA,OAAOC,QAAQC,UACtB5C,QAASA,IAAM5C,GAAe,GAC9BuD,MAAO,CACNkC,OAAQ,YAIM,CAAAjE,SAAA,eAIlB7B,EACA0B,EAAAA,IAAK,MAAAC,OAAAC,OAAA,CAAAgC,MAAO,CAAEG,QAAS,qBACtBrC,EAAC0C,IAAA2B,aACA,CAAAC,MAAO,CACN,CACCxD,OAAUhD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,KAA/C,KACPxD,QACCjD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,KADrC,YAQZvE,2BACExB,GAAWA,EAAMW,OACjBa,MAACwE,EAAAA,kBAAkBvE,OAAAC,OAAA,CAAAoB,UAAWxD,EAAMwD,WAClC,CAAAnB,SAAA3B,EAAMiG,KAAKC,IACXtE,SAAAA,KAACuE,EAAaA,6BACbrD,UAAWxD,EAAMwD,UAEjBsD,UAAW,IA3GIC,EA4GCH,EA5GII,EA4GE/G,EA3GvB+G,EAAKC,MAAMC,GAASA,EAAK/C,KAAO4C,EAAI5C,KA2GI,WAAa,IAEpDV,QAASA,KAAM0D,OA/IKC,EA+IeR,OA9I3C1G,GAAiB,IACZD,EAAcoH,MAAM3G,GAAUA,EAAMyD,KAAOiD,EAAajD,KACpDlE,EAAcqF,QAAQsB,GAASA,EAAKzC,KAAOiD,EAAajD,MAE1DnE,EAAMsH,OAASrH,EAAcoB,OAASrB,EAAMsH,MACzC,IAAIrH,EAAemH,IAE1B7G,EAAS,QAAQP,EAAMsH,SAAStH,EAAMwD,8BAEhCvD,KAVmBmH,KA+IoB,GAAA,CAAA/E,SAAA,CAExCH,EAAC0C,IAAA2C,gBACAC,SAAUZ,EAAKY,SACfxE,MAAOhD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,IACnDxD,OAAQjD,EAAMwD,WAAa1E,QAAWA,YAAC2H,KAAO,IAAM,IACpDgB,IAAKb,EAAKc,iBAEXpF,4BAAKwE,UAAU,WAAS,CAAAzE,SAAA,CACvBH,yBACCJ,OAAO,SACP6F,IAAI,aACJC,KAAMhB,EAAKiB,0BAEXvF,EAAKC,KAAA,MAAAJ,OAAAC,OAAA,CAAA0E,UAAU,wBAAsB,CAAAzE,SAAA,CACpCH,EAAC0C,IAAAkD,WAAc7E,OAAQ,GAAID,MAAO,KAClCd,EAAA0C,IAACmD,cACA5F,OAAAC,OAAA,CAAA8D,MAAO8B,EAAOA,QACd5D,MAAO,CACN6D,WAAY,MACZ,CAAA5F,SAAA,iBAMJH,2BAAK4E,UAAU,oBACd,CAAAzE,SAAAH,EAAA0C,IAACsD,cAAW/F,OAAAC,OAAA,CAAC8D,MAAOC,EAAAA,OAAOC,QAAQrB,aACjC,CAAA1C,SAAAuE,EAAKc,4BAhCJd,EAAKzC,IA1GIgE,IAACpB,EAAKC,CA+IrB,OAGF9E,EAAA0C,IAAA,MAAAzC,OAAAC,OAAA,CACCgC,MAAO,CACNgE,eAAgB,SAChBzD,WAAY,SACZH,QAAS,OACTvB,OAAQ,MAGR,CAAAZ,SAACrC,EAAMU,MAAMW,OAQTX,EAAMW,OAsDVa,EAAAA,IAAKmG,EAAAC,SAAA,IArDLhG,EACCC,KAAA,MAAAJ,OAAAC,OAAA,CAAAgC,MAAO,CACNI,QAAS,OACTC,cAAe,SACfE,WAAY,SACZD,IAAK,SAGN,CAAArC,SAAA,CAAAH,EAAA0C,IAAA,MAAAzC,OAAAC,OAAA,CACCgC,MAAO,CACNI,QAAS,OACTC,cAAe,SACfE,WAAY,SACZyD,eAAgB,SAChBpF,MAAO,OACPC,OAAQ,OACRsF,gBAAiB,GAAGpC,EAAAA,OAAOqC,WAAWC,UACtCC,aAAc,QACd,CAAArG,SAEDH,EAAC0C,IAAA+D,aAAW,CAAAzC,MAAOC,EAAAA,OAAOC,QAAQwC,oBAGnCtG,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CACCgC,MAAO,CACNI,QAAS,OACTC,cAAe,SACfE,WAAY,SACZyD,eAAgB,SAChB1D,IAAK,QACL,CAAArC,SAAA,CAEDH,EAAC0C,IAAAiE,cAA0C,CAAAxG,SAAA,qBAC3CH,MAAC6F,cAAW,CAAA1F,SAEV,oEAIHH,EAAA0C,IAAA,MAAAzC,OAAAC,OAAA,CACCqB,QAASA,KACR5C,GAAe,EAAK,EAErBuD,MAAO,CACNkC,OAAQ,YACR,CAAAjE,SAEDH,EAAC0C,IAAAkE,cAAY3G,OAAAC,OAAA,CAAA8D,MAAO,GAAGC,EAAAA,OAAOC,QAAQ2C,SAExB,CAAA1G,SAAA,yBAzDhBH,EAAAA,IAAC8G,EAAAA,eAAc,CACdC,OAAQC,EAAcA,eAACC,QACvBC,QAAS,MAAMpJ,EAAMwD,6BACrB6F,QAAS,wBAAwBrJ,EAAMwD,6BACvC8F,iBAAiB,EACjBtG,MAAO,iBA+DT"}
1	+ {"version":3,"file":"postPicker.js","sources":["../../../../src/components/postPicker/postPicker.tsx"],"sourcesContent":["import { SearchIcon } from '@src/assets/icons/searchIcon';\nimport React, { useEffect, useRef, useState } from 'react';\nimport {\n\tStyledProduct,\n\tStyledProductGrid,\n} from '@src/components/postPicker/PostPicker.styled';\nimport { Tag } from '@src/components/tag';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonRegular,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\nimport InstagramIcon from '../../assets/icons/instagram.svg';\nimport WarningIcon from '../../assets/icons/warning.svg';\nimport { AnalyticsDropdown } from '../analytics-chips-and-dropdowns';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { ShimmerImage } from '../shimmer-image/ShimmerImage';\nimport { StateComponent, StateInterface } from '../states';\n\nexport enum MEDIA_TYPES {\n\tSTORY = 'story',\n\tPOST = 'post',\n\tREEL = 'reel',\n}\n\nexport type Media = {\n\timageUrl: string;\n\tredirectionUrl: string;\n\toverlayCaption: string;\n\tid: string;\n\ttimestamp?: string;\n};\n\nexport type PostPickerProps = {\n\ttitle: string;\n\tshowModal: boolean;\n\tonClose: () => void;\n\tonSelect: (Media: Media[]) => void;\n\tmedia: Media[];\n\tmediaType: MEDIA_TYPES;\n\tpreviouslySelected?: Media[];\n\tlimit?: number;\n\tselected: Media[];\n\tshowFilter?: boolean;\n};\n\nexport enum DateKeys {\n\t'Today' = 'Today',\n\t'7_Days' = '7',\n\t'30_Days' = '30',\n\t'custom' = 'custom',\n\t'Yesterday' = 'Yesterday',\n}\n\nexport interface DateOptionI {\n\tlabel: string;\n\tvalue: string;\n\tkey: DateKeys;\n\ttypeValue?: [Date, Date];\n\tselectedRange?: [Date, Date];\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tmaxDate?: Date;\n\t\tminDate?: Date;\n\t};\n}\n\nexport const dateOptions: DateOptionI[] = [\n\t{\n\t\tlabel: 'Today',\n\t\tvalue: 'today',\n\t\tkey: DateKeys.Today,\n\t\ttypeValue: [new Date(), new Date()],\n\t},\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: DateKeys['7_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 6)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: DateKeys['30_Days'],\n\t\ttypeValue: [\n\t\t\tnew Date(new Date().setDate(new Date().getDate() - 29)),\n\t\t\tnew Date(),\n\t\t],\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: DateKeys.custom,\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: {\n\t\t\tselectRange: true,\n\t\t\tmaxDate: new Date(new Date().setMonth(new Date().getMonth() + 3)),\n\t\t},\n\t},\n];\n\nexport const PostPicker: React.FC<PostPickerProps> = (props) => {\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>(\n\t\tprops.previouslySelected ?? [],\n\t);\n\tconst [error, setError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [media, setMedia] = useState<Media[]>(props.media);\n\tconst [resetFilter, setResetFilter] = useState<boolean>(false);\n\tconst [showClear, setShowClear] = useState<boolean>(false);\n\tconst [closeAnalyticsDropdown, setCloseAnalyticsDropdown] =\n\t\tuseState<boolean>(false);\n\tconst ref = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (!props.media.length) {\n\t\t\tsetLoading(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetLoading(false);\n\t\t\t}, 2000);\n\t\t}\n\t\tsetSelectedMedia(props.selected \|\| []);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (props.media.length > 0) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [props?.media?.length]);\n\n\tuseEffect(() => {\n\t\tif (selectedMedia.length > 0) {\n\t\t\tsetError('');\n\t\t}\n\t}, [selectedMedia.length]);\n\n\tuseEffect(() => {\n\t\tif (resetFilter) {\n\t\t\tsetMedia(props.media);\n\t\t\tsetShowClear(false);\n\t\t}\n\t}, [resetFilter]);\n\n\tuseEffect(() => {\n\t\tconst handleClick = (event) => {\n\t\t\tconst analyticsDropdown = document.getElementById(\n\t\t\t\t'analytic-dropdown',\n\t\t\t) as any;\n\t\t\tif (!analyticsDropdown.contains(event.target)) {\n\t\t\t\tsetCloseAnalyticsDropdown(!closeAnalyticsDropdown);\n\t\t\t}\n\t\t};\n\n\t\tconst element = document.getElementById('post-picker') as any;\n\t\tif (element) {\n\t\t\telement.addEventListener('click', handleClick);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (element) {\n\t\t\t\telement.removeEventListener('click', handleClick);\n\t\t\t}\n\t\t};\n\t});\n\n\tconst handleProductSelect = (selectedPost: Media) => {\n\t\tsetSelectedMedia(() => {\n\t\t\tif (selectedMedia.find((media) => media.id === selectedPost.id)) {\n\t\t\t\treturn selectedMedia.filter((post) => post.id !== selectedPost.id);\n\t\t\t} else {\n\t\t\t\tif (!props.limit \|\| selectedMedia.length < props.limit) {\n\t\t\t\t\treturn [...selectedMedia, selectedPost];\n\t\t\t\t} else {\n\t\t\t\t\tsetError(`Only ${props.limit} ${props.mediaType}s can be selected`);\n\t\t\t\t}\n\t\t\t\treturn selectedMedia;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst handleOnSave = () => {\n\t\tif (!selectedMedia.length) {\n\t\t\tsetError(`Please select a ${props.mediaType} to proceed`);\n\t\t\treturn;\n\t\t}\n\t\tprops.onSelect(selectedMedia);\n\t};\n\n\tconst renderFooterLeftComponent = () => {\n\t\tif (error) {\n\t\t\treturn <Tag tagText={error} type=\"negative\" LeadingIcon={WarningIcon} />;\n\t\t} else if (selectedMedia.length) {\n\t\t\treturn <BodySecondary>{selectedMedia.length} selected</BodySecondary>;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst containsObject = (obj, list) => {\n\t\treturn list.some((elem) => elem.id === obj.id);\n\t};\n\n\tfunction isDateInRange(itemDateStr, startDateStr, endDateStr) {\n\t\tconst itemDate = new Date(itemDateStr);\n\t\tconst startDate = new Date(startDateStr);\n\t\tconst endDate = new Date(endDateStr);\n\n\t\treturn itemDate >= startDate && itemDate <= endDate;\n\t}\n\n\treturn (\n\t\t<div ref={ref}>\n\t\t\t<StyledModal\n\t\t\t\tzIndex={201}\n\t\t\t\topen={props.showModal}\n\t\t\t\theadingTitle={props.title}\n\t\t\t\tonClose={props.onClose}\n\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\twidth: 1071,\n\t\t\t\t\theight: props.showFilter ? 650 : 564,\n\t\t\t\t}}\n\t\t\t\tprimaryButton={{\n\t\t\t\t\tdisabled: !media.length,\n\t\t\t\t\tbuttonType: 'primary',\n\t\t\t\t\tbuttonText: `Select ${unCamelCase(props.mediaType)}`,\n\t\t\t\t\tonClick: () => handleOnSave(),\n\t\t\t\t}}\n\t\t\t\tsecondaryButton={{\n\t\t\t\t\tbuttonType: 'secondary',\n\t\t\t\t\tbuttonText: 'Back',\n\t\t\t\t\tonClick: () => props.onClose(),\n\t\t\t\t}}\n\t\t\t\tfooterLeftCustomElement={renderFooterLeftComponent()}\n\t\t\t\tid=\"post-picker\"\n\t\t\t>\n\t\t\t\t{props.showFilter && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 24,\n\t\t\t\t\t\t\tpadding: '0 24px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AnalyticsDropdown\n\t\t\t\t\t\t\toptions={dateOptions}\n\t\t\t\t\t\t\tplaceholder=\"posted on\"\n\t\t\t\t\t\t\tresetDropdown={resetFilter}\n\t\t\t\t\t\t\tonOptionSelected={(chosen) => {\n\t\t\t\t\t\t\t\tlet start: Date \| null = null;\n\t\t\t\t\t\t\t\tlet end: Date \| null = null;\n\t\t\t\t\t\t\t\tif (chosen.label === 'Custom range') {\n\t\t\t\t\t\t\t\t\tstart = chosen?.['selectedRange']?.[0] \|\| new Date();\n\t\t\t\t\t\t\t\t\tend = chosen?.['selectedRange']?.[1] \|\| new Date();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tstart = chosen['typeValue'][0];\n\t\t\t\t\t\t\t\t\tend = chosen['typeValue'][1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst filtered = props.media.filter((item) =>\n\t\t\t\t\t\t\t\t\tisDateInRange(item.timestamp, start, end),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetMedia(filtered);\n\t\t\t\t\t\t\t\tsetShowClear(true);\n\t\t\t\t\t\t\t\tsetResetFilter(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcloseDropdown={closeAnalyticsDropdown}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{showClear && (\n\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\tonClick={() => setResetFilter(true)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div style={{ padding: '0 24px' }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twidth: `${props.mediaType == MEDIA_TYPES.POST ? 148 : 104}px`,\n\t\t\t\t\t\t\t\t\theight: `${\n\t\t\t\t\t\t\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? 148 : 172\n\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{media && !!media.length ? (\n\t\t\t\t\t\t\t<StyledProductGrid mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t{media.map((post) => (\n\t\t\t\t\t\t\t\t\t<StyledProduct\n\t\t\t\t\t\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t\t\t\t\t\t\tkey={post.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`${\n\t\t\t\t\t\t\t\t\t\t\tcontainsObject(post, selectedMedia) ? 'selected' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleProductSelect(post)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\t\t\t\t\t\timageUrl={post.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.mediaType == MEDIA_TYPES.POST ? 148 : 104}\n\t\t\t\t\t\t\t\t\t\t\theight={props.mediaType == MEDIA_TYPES.POST ? 148 : 172}\n\t\t\t\t\t\t\t\t\t\t\talt={post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t\thref={post.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{post.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</StyledProduct>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</StyledProductGrid>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\theight: 422,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!props.media.length ? (\n\t\t\t\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\t\t\t\theading={`No ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tsubline={`There seems to be no ${props.mediaType}s on your account`}\n\t\t\t\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\t\t\t\twidth={400}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : !media.length ? (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '48px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${COLORS.background.inverse}`,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon color={COLORS.content.primaryInverse} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Sorry we could not find any results for the selected filter'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResetFilter(true);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge color={`${COLORS.content.brand}`}>\n\t\t\t\t\t\t\t\t\t\t\t\tClear Filter\n\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</StyledModal>\n\t\t</div>\n\t);\n};\n"],"names":["MEDIA_TYPES","DateKeys","dateOptions","label","value","key","Today","typeValue","Date","setDate","getDate","custom","isCustom","dateRangeSelectionOptions","selectRange","maxDate","setMonth","getMonth","props","selectedMedia","setSelectedMedia","useState","_a","previouslySelected","error","setError","loading","setLoading","media","setMedia","resetFilter","setResetFilter","showClear","setShowClear","closeAnalyticsDropdown","setCloseAnalyticsDropdown","ref","useRef","useEffect","length","setTimeout","selected","_b","handleClick","event","document","getElementById","contains","target","element","addEventListener","removeEventListener","_jsx","Object","assign","children","_jsxs","jsxs","StyledModal","zIndex","open","showModal","headingTitle","title","onClose","centralContainerStyles","width","height","showFilter","primaryButton","disabled","buttonType","buttonText","unCamelCase","mediaType","onClick","onSelect","secondaryButton","footerLeftCustomElement","Tag","tagText","type","LeadingIcon","WarningIcon","BodySecondary","id","style","marginTop","marginBottom","padding","display","flexDirection","gap","alignItems","jsx","AnalyticsDropdown","options","placeholder","resetDropdown","onOptionSelected","chosen","start","end","filtered","filter","item","itemDateStr","startDateStr","endDateStr","itemDate","startDate","endDate","isDateInRange","timestamp","closeDropdown","ButtonRegular","color","COLORS","content","secondary","cursor","BikShimmer","boxes","POST","StyledProductGrid","map","post","StyledProduct","className","obj","list","some","elem","handleProductSelect","selectedPost","find","limit","ShimmerImage","imageUrl","alt","overlayCaption","rel","href","redirectionUrl","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","containsObject","justifyContent","_Fragment","Fragment","backgroundColor","background","inverse","borderRadius","SearchIcon","primaryInverse","TitleMedium","ButtonLarge","brand","StateComponent","states","StateInterface","WARNING","heading","subline","isButtonEnabled"],"mappings":"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"}

package/dist/cjs/components/product-picker/ProductPickerModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),o=require("../bik-layout/PageLoader.js"),r=require("../checkBox/CheckBox.js"),n=require("../input/Input.js"),c=require("../modals/styledModal.js"),l=require("./ProductPicker.styled.js"),i=require("../TypographyStyle.js"),a=require("../../utils/DateUtils.js"),d=require("../../constants/Theme.js"),u=require("../../assets/icons/alert_triangle.svg.js"),p=require("../../assets/icons/search.svg.js");const h="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",j=({text:t,styleProps:s})=>e.jsxs(l.StyledZeroState,{children:[e.jsx("div",Object.assign({className:"icon__container",style:Object.assign({},s)},{children:e.jsx(u.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.secondary})})),e.jsx(i.TitleSmall,{children:"No results found"}),e.jsx(i.BodySecondary,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${t}"`}))]}),g=c=>{var u,g,x,m;const P=c.instaPost?a.default.dateFormat(new Date(c.instaPost.timestamp),"•",!0):"",[y,v]=s.useState(c.products),[E,_]=s.useState(!1),[b,T]=s.useState(""),f=s.useCallback(t.default((e=>{e?(v([]),c.onSearchKeyChange(e).then((e=>{v(e),_(!1)}))):(v(c.products),_(!1))}),700),[]);return e.jsxs(l.StyledProductPickerContainer,{children:[c.instaPost&&e.jsxs("div",Object.assign({className:"post__wrapper"},{children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=h},src:null===(u=c.instaPost)||void 0===u?void 0:u.media_url,className:"post__thumbnail"}),e.jsxs("div",Object.assign({className:"post__info-wrapper"},{children:[e.jsx(i.BodyPrimary,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:c.instaPost.caption?d.DEFAULT_THEME.colorsV2.content.primary:d.DEFAULT_THEME.colorsV2.content.secondary}},{children:(null===(g=c.instaPost)||void 0===g?void 0:g.caption)?null===(x=c.instaPost)||void 0===x?void 0:x.caption:"No caption"})),e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.placeholder}},{children:P}))]}))]})),e.jsx("div",Object.assign({style:{borderTop:c.instaPost?`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:c.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:e.jsx(n.Input,{placeholder:null!==(m=c.searchPlaceholder)&&void 0!==m?m:"Search products..",onChangeText:e=>{var t;T(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(_(!0),f(e)):(_(!1),v(c.products))},rightIcon:{icon:p.default}})})),e.jsxs("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[E&&e.jsx("div",Object.assign({className:"loader__wrapper"},{children:e.jsx(o.PageLoader,{})})),0!==y.length||E?y.map((t=>{var s;const o=c.selectedProducts.find((e=>e.id===t.id));return e.jsxs("div",Object.assign({className:"product__wrapper"},{children:[e.jsxs("div",Object.assign({className:"product__info-wrapper"},{children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=h},src:null!==(s=t.image)&&void 0!==s?s:h,className:"product__image"}),e.jsx(i.TitleSmall,{children:t.name})]})),e.jsx("div",Object.assign({style:{order:1}},{children:e.jsx(r.CheckBox,{isChecked:void 0!==o,onValueChange:e=>{((e,t)=>{const s=c.selectedProducts.find((e=>e.id===t.id));if(e&&!s){const e=[...c.selectedProducts,t];c.setSelectedProducts(e)}else if(s){const e=[...c.selectedProducts];let s=-1;c.selectedProducts.forEach(((e,o)=>{e.id===t.id&&(s=o)})),e.splice(s,1),c.setSelectedProducts(e)}})(e,t)}})}))]}),t.id)})):e.jsx(j,{text:b})]}))]})};exports.PricePleaseProductPicker=t=>{var o;const[r,n]=s.useState([]);return s.useEffect((()=>{var e;n(null!==(e=t.selectedProducts)&&void 0!==e?e:[])}),[null===(o=t.selectedProducts)||void 0===o?void 0:o.length]),e.jsx(c.StyledModal,Object.assign({open:t.show,onClose:()=>{t.onClose()},footerLeftCustomElement:r.length>10?e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:t.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{t.setSelectedProducts(r),t.onClose()}},secondaryButton:t.secondaryButtonProps,footerShadow:!0},{children:e.jsx(g,Object.assign({},t,{selectedProducts:r,setSelectedProducts:n}))}))},exports.ProductPickerContent=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),o=require("../bik-layout/PageLoader.js"),r=require("../checkBox/CheckBox.js"),n=require("../input/Input.js"),c=require("../modals/styledModal.js"),l=require("./ProductPicker.styled.js"),i=require("../TypographyStyle.js"),a=require("../../utils/DateUtils.js"),d=require("../../constants/Theme.js"),u=require("../../assets/icons/alert_triangle.svg.js"),p=require("../../assets/icons/search.svg.js");const h="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",j=t=>{let{text:s,styleProps:o}=t;return e.jsxs(l.StyledZeroState,{children:[e.jsx("div",Object.assign({className:"icon__container",style:Object.assign({},o)},{children:e.jsx(u.default,{width:24,height:24,color:d.DEFAULT_THEME.colorsV2.content.secondary})})),e.jsx(i.TitleSmall,{children:"No results found"}),e.jsx(i.BodySecondary,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${s}"`}))]})},g=c=>{var u,g,x,m;const P=c.instaPost?a.default.dateFormat(new Date(c.instaPost.timestamp),"•",!0):"",[y,v]=s.useState(c.products),[E,_]=s.useState(!1),[b,T]=s.useState(""),f=s.useCallback(t.default((e=>{e?(v([]),c.onSearchKeyChange(e).then((e=>{v(e),_(!1)}))):(v(c.products),_(!1))}),700),[]);return e.jsxs(l.StyledProductPickerContainer,{children:[c.instaPost&&e.jsxs("div",Object.assign({className:"post__wrapper"},{children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=h},src:null===(u=c.instaPost)||void 0===u?void 0:u.media_url,className:"post__thumbnail"}),e.jsxs("div",Object.assign({className:"post__info-wrapper"},{children:[e.jsx(i.BodyPrimary,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:c.instaPost.caption?d.DEFAULT_THEME.colorsV2.content.primary:d.DEFAULT_THEME.colorsV2.content.secondary}},{children:(null===(g=c.instaPost)||void 0===g?void 0:g.caption)?null===(x=c.instaPost)||void 0===x?void 0:x.caption:"No caption"})),e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.placeholder}},{children:P}))]}))]})),e.jsx("div",Object.assign({style:{borderTop:c.instaPost?`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:c.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:e.jsx(n.Input,{placeholder:null!==(m=c.searchPlaceholder)&&void 0!==m?m:"Search products..",onChangeText:e=>{var t;T(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(_(!0),f(e)):(_(!1),v(c.products))},rightIcon:{icon:p.default}})})),e.jsxs("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[E&&e.jsx("div",Object.assign({className:"loader__wrapper"},{children:e.jsx(o.PageLoader,{})})),0!==y.length||E?y.map((t=>{var s;const o=c.selectedProducts.find((e=>e.id===t.id));return e.jsxs("div",Object.assign({className:"product__wrapper"},{children:[e.jsxs("div",Object.assign({className:"product__info-wrapper"},{children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=h},src:null!==(s=t.image)&&void 0!==s?s:h,className:"product__image"}),e.jsx(i.TitleSmall,{children:t.name})]})),e.jsx("div",Object.assign({style:{order:1}},{children:e.jsx(r.CheckBox,{isChecked:void 0!==o,onValueChange:e=>{((e,t)=>{const s=c.selectedProducts.find((e=>e.id===t.id));if(e&&!s){const e=[...c.selectedProducts,t];c.setSelectedProducts(e)}else if(s){const e=[...c.selectedProducts];let s=-1;c.selectedProducts.forEach(((e,o)=>{e.id===t.id&&(s=o)})),e.splice(s,1),c.setSelectedProducts(e)}})(e,t)}})}))]}),t.id)})):e.jsx(j,{text:b})]}))]})};exports.PricePleaseProductPicker=t=>{var o;const[r,n]=s.useState([]);return s.useEffect((()=>{var e;n(null!==(e=t.selectedProducts)&&void 0!==e?e:[])}),[null===(o=t.selectedProducts)||void 0===o?void 0:o.length]),e.jsx(c.StyledModal,Object.assign({open:t.show,onClose:()=>{t.onClose()},footerLeftCustomElement:r.length>10?e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):e.jsx(i.Caption,Object.assign({style:{color:d.DEFAULT_THEME.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:t.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{t.setSelectedProducts(r),t.onClose()}},secondaryButton:t.secondaryButtonProps,footerShadow:!0},{children:e.jsx(g,Object.assign({},t,{selectedProducts:r,setSelectedProducts:n}))}))},exports.ProductPickerContent=g;
 //# sourceMappingURL=ProductPickerModal.js.map

package/dist/cjs/components/product-picker/ProductPickerModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductPickerModal.js","sources":["../../../../src/components/product-picker/ProductPickerModal.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { PageLoader } from '@src/components/bik-layout/PageLoader';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Input } from '@src/components/input';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tStyledProductPickerContainer,\n\tStyledZeroState,\n} from '@src/components/product-picker/ProductPicker.styled';\nimport {\n\tCollection,\n\tProduct,\n\tProductPickerProps,\n} from '@src/components/product-picker/type';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport Search from '../../assets/icons/search.svg';\n\nconst DEFAULT_IMG =\n\t'https://jkfenner.com/wp-content/uploads/2019/11/default.jpg';\n\nconst NoResultsSection: React.FC<{\n\ttext: string;\n\tstyleProps?: React.CSSProperties;\n}> = ({ text, styleProps }) => {\n\treturn (\n\t\t<StyledZeroState>\n\t\t\t<div className=\"icon__container\" style={{ ...styleProps }}>\n\t\t\t\t<AlertTriangle\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<TitleSmall>No results found</TitleSmall>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{`Sorry we could not find any results for \"${text}\"`}\n\t\t\t</BodySecondary>\n\t\t</StyledZeroState>\n\t);\n};\n\nexport const ProductPickerContent: React.FC<ProductPickerProps> = (props) => {\n\tconst formattedTimeStamp = props.instaPost\n\t\t? DateUtils.dateFormat(new Date(props.instaPost.timestamp), '•', true)\n\t\t: '';\n\tconst [listItems, setListItems] = useState<Product[] \| Collection[]>(\n\t\tprops.products,\n\t);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [searchedText, setSearchedText] = useState('');\n\n\tconst searchProducts = useCallback(\n\t\tdebounce((text) => {\n\t\t\tif (!text) {\n\t\t\t\tsetListItems(props.products);\n\t\t\t\tsetShowLoader(false);\n\t\t\t} else {\n\t\t\t\tsetListItems([]);\n\t\t\t\tprops.onSearchKeyChange(text).then((res) => {\n\t\t\t\t\tsetListItems(res);\n\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 700),\n\t\t[],\n\t);\n\n\tconst onChangeHandle = (value: boolean, product: Product \| Collection) => {\n\t\tconst itemPresent = (props.selectedProducts as any).find((item) => {\n\t\t\treturn item.id === product.id;\n\t\t});\n\t\tif (value && !itemPresent) {\n\t\t\tconst temp = [...props.selectedProducts, product];\n\t\t\tprops.setSelectedProducts(temp as any);\n\t\t} else {\n\t\t\tif (itemPresent) {\n\t\t\t\tconst temp = [...props.selectedProducts];\n\t\t\t\tlet productIndex = -1;\n\t\t\t\tprops.selectedProducts.forEach((item, index) => {\n\t\t\t\t\tif (item.id === product.id) {\n\t\t\t\t\t\tproductIndex = index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemp.splice(productIndex, 1);\n\t\t\t\tprops.setSelectedProducts(temp as any);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<StyledProductPickerContainer>\n\t\t\t{props.instaPost && (\n\t\t\t\t<div className=\"post__wrapper\">\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={'Ig Media'}\n\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsrc={props.instaPost?.media_url}\n\t\t\t\t\t\tclassName=\"post__thumbnail\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"post__info-wrapper\">\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tcolor: props.instaPost.caption\n\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.primary\n\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.instaPost?.caption\n\t\t\t\t\t\t\t\t? props.instaPost?.caption\n\t\t\t\t\t\t\t\t: 'No caption'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{formattedTimeStamp}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTop: props.instaPost\n\t\t\t\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderBottom: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tpadding: props.instaPost ? '16px 24px' : '0px 24px 16px 24px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={props.searchPlaceholder ?? 'Search products..'}\n\t\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\t\tsetSearchedText(text);\n\t\t\t\t\t\tif (text.trim()?.length > 0) {\n\t\t\t\t\t\t\tsetShowLoader(true);\n\t\t\t\t\t\t\tsearchProducts(text);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t\t\t\tsetListItems(props.products);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\trightIcon={{ icon: Search }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ maxHeight: 350, overflowY: 'scroll' }}>\n\t\t\t\t{showLoader && (\n\t\t\t\t\t<div className=\"loader__wrapper\">\n\t\t\t\t\t\t<PageLoader />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{listItems.length === 0 && !showLoader ? (\n\t\t\t\t\t<NoResultsSection text={searchedText} />\n\t\t\t\t) : (\n\t\t\t\t\tlistItems.map((product) => {\n\t\t\t\t\t\tconst selectedItem = (props.selectedProducts as any[]).find(\n\t\t\t\t\t\t\t(item) => {\n\t\t\t\t\t\t\t\treturn item.id === product.id;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={product.id} className=\"product__wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"product__info-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt={'Product'}\n\t\t\t\t\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsrc={product.image ?? DEFAULT_IMG}\n\t\t\t\t\t\t\t\t\t\tclassName=\"product__image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{product.name}</TitleSmall>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ order: 1 }}>\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tisChecked={selectedItem !== undefined}\n\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeHandle(value, product);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</StyledProductPickerContainer>\n\t);\n};\n\nexport const PricePleaseProductPicker: React.FC<ProductPickerProps> = (\n\tprops,\n) => {\n\tconst [selectedListItems, setSelectedListItems] = useState<\n\t\tProduct[] \| Collection[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tsetSelectedListItems(props.selectedProducts ?? []);\n\t}, [props.selectedProducts?.length]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.show}\n\t\t\tonClose={() => {\n\t\t\t\tprops.onClose();\n\t\t\t}}\n\t\t\tfooterLeftCustomElement={\n\t\t\t\tselectedListItems.length > 10 ? (\n\t\t\t\t\t<Caption style={{ color: DEFAULT_THEME.colorsV2.content.negative }}>\n\t\t\t\t\t\t{\"Can't add more than 10 products\"}\n\t\t\t\t\t</Caption>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedListItems ? `${selectedListItems.length} selected` : ''}\n\t\t\t\t\t</Caption>\n\t\t\t\t)\n\t\t\t}\n\t\t\theadingTitle={props.title}\n\t\t\tprimaryButton={{\n\t\t\t\tdisabled:\n\t\t\t\t\tselectedListItems.length > 10 \|\| selectedListItems.length === 0,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tbuttonText: 'Select',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tprops.setSelectedProducts(selectedListItems);\n\t\t\t\t\tprops.onClose();\n\t\t\t\t},\n\t\t\t}}\n\t\t\tsecondaryButton={props.secondaryButtonProps}\n\t\t\tfooterShadow={true}\n\t\t>\n\t\t\t<ProductPickerContent\n\t\t\t\t{...props}\n\t\t\t\tselectedProducts={selectedListItems}\n\t\t\t\tsetSelectedProducts={setSelectedListItems}\n\t\t\t/>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DEFAULT_IMG","NoResultsSection","text","styleProps","_jsxs","StyledZeroState","children","_jsx","className","style","AlertTriangle","width","height","color","DEFAULT_THEME","colorsV2","content","secondary","jsx","TitleSmall","BodySecondary","Object","assign","textAlign","ProductPickerContent","props","formattedTimeStamp","instaPost","DateUtils","dateFormat","Date","timestamp","listItems","setListItems","useState","products","showLoader","setShowLoader","searchedText","setSearchedText","searchProducts","useCallback","debounce","onSearchKeyChange","then","res","StyledProductPickerContainer","jsxs","alt","onError","e","target","onerror","src","_a","media_url","BodyPrimary","textOverflow","overflow","whiteSpace","caption","primary","_b","_c","Caption","placeholder","borderTop","stroke","borderBottom","padding","Input","searchPlaceholder","_d","onChangeText","trim","length","rightIcon","icon","Search","maxHeight","overflowY","PageLoader","map","product","selectedItem","selectedProducts","find","item","id","image","name","order","CheckBox","isChecked","undefined","onValueChange","value","onChangeHandle","itemPresent","temp","setSelectedProducts","productIndex","forEach","index","splice","selectedListItems","setSelectedListItems","useEffect","StyledModal","open","show","onClose","footerLeftCustomElement","negative","headingTitle","title","primaryButton","disabled","buttonType","buttonText","size","onClick","secondaryButton","secondaryButtonProps","footerShadow"],"mappings":"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"}
1	+ {"version":3,"file":"ProductPickerModal.js","sources":["../../../../src/components/product-picker/ProductPickerModal.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { PageLoader } from '@src/components/bik-layout/PageLoader';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Input } from '@src/components/input';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tStyledProductPickerContainer,\n\tStyledZeroState,\n} from '@src/components/product-picker/ProductPicker.styled';\nimport {\n\tCollection,\n\tProduct,\n\tProductPickerProps,\n} from '@src/components/product-picker/type';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport Search from '../../assets/icons/search.svg';\n\nconst DEFAULT_IMG =\n\t'https://jkfenner.com/wp-content/uploads/2019/11/default.jpg';\n\nconst NoResultsSection: React.FC<{\n\ttext: string;\n\tstyleProps?: React.CSSProperties;\n}> = ({ text, styleProps }) => {\n\treturn (\n\t\t<StyledZeroState>\n\t\t\t<div className=\"icon__container\" style={{ ...styleProps }}>\n\t\t\t\t<AlertTriangle\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<TitleSmall>No results found</TitleSmall>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{`Sorry we could not find any results for \"${text}\"`}\n\t\t\t</BodySecondary>\n\t\t</StyledZeroState>\n\t);\n};\n\nexport const ProductPickerContent: React.FC<ProductPickerProps> = (props) => {\n\tconst formattedTimeStamp = props.instaPost\n\t\t? DateUtils.dateFormat(new Date(props.instaPost.timestamp), '•', true)\n\t\t: '';\n\tconst [listItems, setListItems] = useState<Product[] \| Collection[]>(\n\t\tprops.products,\n\t);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [searchedText, setSearchedText] = useState('');\n\n\tconst searchProducts = useCallback(\n\t\tdebounce((text) => {\n\t\t\tif (!text) {\n\t\t\t\tsetListItems(props.products);\n\t\t\t\tsetShowLoader(false);\n\t\t\t} else {\n\t\t\t\tsetListItems([]);\n\t\t\t\tprops.onSearchKeyChange(text).then((res) => {\n\t\t\t\t\tsetListItems(res);\n\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 700),\n\t\t[],\n\t);\n\n\tconst onChangeHandle = (value: boolean, product: Product \| Collection) => {\n\t\tconst itemPresent = (props.selectedProducts as any).find((item) => {\n\t\t\treturn item.id === product.id;\n\t\t});\n\t\tif (value && !itemPresent) {\n\t\t\tconst temp = [...props.selectedProducts, product];\n\t\t\tprops.setSelectedProducts(temp as any);\n\t\t} else {\n\t\t\tif (itemPresent) {\n\t\t\t\tconst temp = [...props.selectedProducts];\n\t\t\t\tlet productIndex = -1;\n\t\t\t\tprops.selectedProducts.forEach((item, index) => {\n\t\t\t\t\tif (item.id === product.id) {\n\t\t\t\t\t\tproductIndex = index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemp.splice(productIndex, 1);\n\t\t\t\tprops.setSelectedProducts(temp as any);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<StyledProductPickerContainer>\n\t\t\t{props.instaPost && (\n\t\t\t\t<div className=\"post__wrapper\">\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={'Ig Media'}\n\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsrc={props.instaPost?.media_url}\n\t\t\t\t\t\tclassName=\"post__thumbnail\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"post__info-wrapper\">\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tcolor: props.instaPost.caption\n\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.primary\n\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.instaPost?.caption\n\t\t\t\t\t\t\t\t? props.instaPost?.caption\n\t\t\t\t\t\t\t\t: 'No caption'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{formattedTimeStamp}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTop: props.instaPost\n\t\t\t\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderBottom: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tpadding: props.instaPost ? '16px 24px' : '0px 24px 16px 24px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={props.searchPlaceholder ?? 'Search products..'}\n\t\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\t\tsetSearchedText(text);\n\t\t\t\t\t\tif (text.trim()?.length > 0) {\n\t\t\t\t\t\t\tsetShowLoader(true);\n\t\t\t\t\t\t\tsearchProducts(text);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t\t\t\tsetListItems(props.products);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\trightIcon={{ icon: Search }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ maxHeight: 350, overflowY: 'scroll' }}>\n\t\t\t\t{showLoader && (\n\t\t\t\t\t<div className=\"loader__wrapper\">\n\t\t\t\t\t\t<PageLoader />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{listItems.length === 0 && !showLoader ? (\n\t\t\t\t\t<NoResultsSection text={searchedText} />\n\t\t\t\t) : (\n\t\t\t\t\tlistItems.map((product) => {\n\t\t\t\t\t\tconst selectedItem = (props.selectedProducts as any[]).find(\n\t\t\t\t\t\t\t(item) => {\n\t\t\t\t\t\t\t\treturn item.id === product.id;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={product.id} className=\"product__wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"product__info-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt={'Product'}\n\t\t\t\t\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsrc={product.image ?? DEFAULT_IMG}\n\t\t\t\t\t\t\t\t\t\tclassName=\"product__image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{product.name}</TitleSmall>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ order: 1 }}>\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tisChecked={selectedItem !== undefined}\n\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeHandle(value, product);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</StyledProductPickerContainer>\n\t);\n};\n\nexport const PricePleaseProductPicker: React.FC<ProductPickerProps> = (\n\tprops,\n) => {\n\tconst [selectedListItems, setSelectedListItems] = useState<\n\t\tProduct[] \| Collection[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tsetSelectedListItems(props.selectedProducts ?? []);\n\t}, [props.selectedProducts?.length]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.show}\n\t\t\tonClose={() => {\n\t\t\t\tprops.onClose();\n\t\t\t}}\n\t\t\tfooterLeftCustomElement={\n\t\t\t\tselectedListItems.length > 10 ? (\n\t\t\t\t\t<Caption style={{ color: DEFAULT_THEME.colorsV2.content.negative }}>\n\t\t\t\t\t\t{\"Can't add more than 10 products\"}\n\t\t\t\t\t</Caption>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedListItems ? `${selectedListItems.length} selected` : ''}\n\t\t\t\t\t</Caption>\n\t\t\t\t)\n\t\t\t}\n\t\t\theadingTitle={props.title}\n\t\t\tprimaryButton={{\n\t\t\t\tdisabled:\n\t\t\t\t\tselectedListItems.length > 10 \|\| selectedListItems.length === 0,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tbuttonText: 'Select',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tprops.setSelectedProducts(selectedListItems);\n\t\t\t\t\tprops.onClose();\n\t\t\t\t},\n\t\t\t}}\n\t\t\tsecondaryButton={props.secondaryButtonProps}\n\t\t\tfooterShadow={true}\n\t\t>\n\t\t\t<ProductPickerContent\n\t\t\t\t{...props}\n\t\t\t\tselectedProducts={selectedListItems}\n\t\t\t\tsetSelectedProducts={setSelectedListItems}\n\t\t\t/>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DEFAULT_IMG","NoResultsSection","_ref","text","styleProps","_jsxs","StyledZeroState","children","_jsx","className","style","AlertTriangle","width","height","color","DEFAULT_THEME","colorsV2","content","secondary","jsx","TitleSmall","BodySecondary","Object","assign","textAlign","ProductPickerContent","props","formattedTimeStamp","instaPost","DateUtils","dateFormat","Date","timestamp","listItems","setListItems","useState","products","showLoader","setShowLoader","searchedText","setSearchedText","searchProducts","useCallback","debounce","onSearchKeyChange","then","res","StyledProductPickerContainer","jsxs","alt","onError","e","target","onerror","src","_a","media_url","BodyPrimary","textOverflow","overflow","whiteSpace","caption","primary","_b","_c","Caption","placeholder","borderTop","stroke","borderBottom","padding","Input","searchPlaceholder","_d","onChangeText","trim","length","rightIcon","icon","Search","maxHeight","overflowY","PageLoader","map","product","selectedItem","selectedProducts","find","item","id","image","name","order","CheckBox","isChecked","undefined","onValueChange","value","onChangeHandle","itemPresent","temp","setSelectedProducts","productIndex","forEach","index","splice","selectedListItems","setSelectedListItems","useEffect","StyledModal","open","show","onClose","footerLeftCustomElement","negative","headingTitle","title","primaryButton","disabled","buttonType","buttonText","size","onClick","secondaryButton","secondaryButtonProps","footerShadow"],"mappings":"gkBA0BA,MAAMA,EACL,8DAEKC,EAGDC,IAAyB,IAAxBC,KAAEA,EAAIC,WAAEA,GAAYF,EACzB,OACCG,EAAAA,KAACC,EAAAA,gBAAe,CAAAC,SAAA,CACfC,2BAAKC,UAAU,kBAAkBC,uBAAYN,IAAU,CAAAG,SACtDC,MAACG,UAAa,CACbC,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAaA,cAACC,SAASC,QAAQC,eAGxCV,EAAAW,IAACC,aAAwC,CAAAb,SAAA,qBACzCC,MAACa,gBAAaC,OAAAC,OAAA,CACbb,MAAO,CACNI,MAAOC,EAAaA,cAACC,SAASC,QAAQC,UACtCM,UAAW,WACX,CAAAjB,qDAE4CJ,UAE7B,EAIPsB,EAAsDC,gBAClE,MAAMC,EAAqBD,EAAME,UAC9BC,EAAS,QAACC,WAAW,IAAIC,KAAKL,EAAME,UAAUI,WAAY,KAAK,GAC/D,IACIC,EAAWC,GAAgBC,EAAAA,SACjCT,EAAMU,WAEAC,EAAYC,GAAiBH,EAAQA,UAAC,IACtCI,EAAcC,GAAmBL,EAAQA,SAAC,IAE3CM,EAAiBC,EAAAA,YACtBC,EAAQ,SAAExC,IACJA,GAIJ+B,EAAa,IACbR,EAAMkB,kBAAkBzC,GAAM0C,MAAMC,IACnCZ,EAAaY,GACbR,GAAc,EAAM,MANrBJ,EAAaR,EAAMU,UACnBE,GAAc,GAOd,GACC,KACH,IAyBD,OACCjC,EAAAA,KAAC0C,EAAAA,6BACC,CAAAxC,SAAA,CAAAmB,EAAME,WACNvB,EAAA2C,KAAA,MAAA1B,OAAAC,OAAA,CAAKd,UAAU,iBACd,CAAAF,SAAA,CAAAC,EAAAW,IAAA,MAAA,CACC8B,IAAK,WACLC,QAAUC,IACTA,EAAEC,OAAOC,QAAU,KACnBF,EAAEC,OAAOE,IAAMtD,CAAW,EAE3BsD,IAAoB,QAAfC,EAAA7B,EAAME,iBAAS,IAAA2B,OAAA,EAAAA,EAAEC,UACtB/C,UAAU,oBAEXJ,EAAK2C,KAAA,MAAA1B,OAAAC,OAAA,CAAAd,UAAU,iCACdD,EAACW,IAAAsC,cACAnC,OAAAC,OAAA,CAAAb,MAAO,CACNgD,aAAc,WACdC,SAAU,SACVC,WAAY,SACZ9C,MAAOY,EAAME,UAAUiC,QACpB9C,EAAAA,cAAcC,SAASC,QAAQ6C,QAC/B/C,EAAAA,cAAcC,SAASC,QAAQC,YAClC,CAAAX,kBAEAwD,EAAArC,EAAME,gCAAWiC,iBACfG,EAAAtC,EAAME,gCAAWiC,QACjB,gBAEJrD,EAACW,IAAA8C,UACA3C,OAAAC,OAAA,CAAAb,MAAO,CAAEI,MAAOC,EAAaA,cAACC,SAASC,QAAQiD,cAE9C,CAAA3D,SAAAoB,aAKLnB,EAAAW,IAAA,MAAAG,OAAAC,OAAA,CACCb,MAAO,CACNyD,UAAWzC,EAAME,uBACDb,gBAAcC,SAASoD,OAAON,UAC3C,OACHO,0BAA2BtD,EAAAA,cAAcC,SAASoD,OAAON,UACzDQ,QAAS5C,EAAME,UAAY,YAAc,uBACzC,CAAArB,SAEDC,MAAC+D,QAAK,CACLL,YAAoC,UAAvBxC,EAAM8C,yBAAiB,IAAAC,EAAAA,EAAI,oBACxCC,aAAevE,UACdqC,EAAgBrC,IACC,QAAboD,EAAApD,EAAKwE,cAAQ,IAAApB,OAAA,EAAAA,EAAAqB,QAAS,GACzBtC,GAAc,GACdG,EAAetC,KAEfmC,GAAc,GACdJ,EAAaR,EAAMU,UACnB,EAEFyC,UAAW,CAAEC,KAAMC,EAAAA,cAGrB1E,EAAK2C,KAAA,MAAA1B,OAAAC,OAAA,CAAAb,MAAO,CAAEsE,UAAW,IAAKC,UAAW,WACvC,CAAA1E,SAAA,CAAA8B,GACA7B,EAAAA,IAAK,MAAAc,OAAAC,OAAA,CAAAd,UAAU,6BACdD,EAAAA,IAAC0E,EAAUA,WAAG,OAGM,IAArBjD,EAAU2C,QAAiBvC,EAG3BJ,EAAUkD,KAAKC,UACd,MAAMC,EAAgB3D,EAAM4D,iBAA2BC,MACrDC,GACOA,EAAKC,KAAOL,EAAQK,KAG7B,OACCpF,4BAAsBI,UAAU,oBAC/B,CAAAF,SAAA,CAAAF,EAAA2C,KAAA,MAAA1B,OAAAC,OAAA,CAAKd,UAAU,oCACdD,EACCW,IAAA,MAAA,CAAA8B,IAAK,UACLC,QAAUC,IACTA,EAAEC,OAAOC,QAAU,KACnBF,EAAEC,OAAOE,IAAMtD,CAAW,EAE3BsD,YAAKC,EAAA6B,EAAQM,qBAAS1F,EACtBS,UAAU,mBAEXD,EAAAW,IAACC,aAAY,CAAAb,SAAA6E,EAAQO,WAEtBnF,EAAKW,IAAA,MAAAG,OAAAC,OAAA,CAAAb,MAAO,CAAEkF,MAAO,IACpB,CAAArF,SAAAC,EAAAW,IAAC0E,WAAQ,CACRC,eAA4BC,IAAjBV,EACXW,cAAgBC,IAlHFC,EAACD,EAAgBb,KACvC,MAAMe,EAAezE,EAAM4D,iBAAyBC,MAAMC,GAClDA,EAAKC,KAAOL,EAAQK,KAE5B,GAAIQ,IAAUE,EAAa,CAC1B,MAAMC,EAAO,IAAI1E,EAAM4D,iBAAkBF,GACzC1D,EAAM2E,oBAAoBD,EAC1B,MACA,GAAID,EAAa,CAChB,MAAMC,EAAO,IAAI1E,EAAM4D,kBACvB,IAAIgB,GAAgB,EACpB5E,EAAM4D,iBAAiBiB,SAAQ,CAACf,EAAMgB,KACjChB,EAAKC,KAAOL,EAAQK,KACvBa,EAAeE,EACf,IAEFJ,EAAKK,OAAOH,EAAc,GAC1B5E,EAAM2E,oBAAoBD,EAC1B,CACD,EAgGQF,CAAeD,EAAOb,EAAQ,UAjBxBA,EAAQK,GAqBZ,IA9BRjF,EAACW,IAAAlB,EAAiB,CAAAE,KAAMoC,UAmCI,mCAKhCb,UAEA,MAAOgF,EAAmBC,GAAwBxE,EAAQA,SAExD,IAMF,OAJAyE,EAAAA,WAAU,WACTD,EAA+C,UAA1BjF,EAAM4D,wBAAoB,IAAA/B,EAAAA,EAAA,GAAG,GAChD,CAAyB,QAAxBA,EAAA7B,EAAM4D,wBAAkB,IAAA/B,OAAA,EAAAA,EAAAqB,SAG3BpE,MAACqG,EAAAA,YAAWvF,OAAAC,OAAA,CACXuF,KAAMpF,EAAMqF,KACZC,QAASA,KACRtF,EAAMsF,SAAS,EAEhBC,wBACCP,EAAkB9B,OAAS,GAC1BpE,EAAAA,IAACyD,EAAOA,QAAA3C,OAAAC,OAAA,CAACb,MAAO,CAAEI,MAAOC,EAAaA,cAACC,SAASC,QAAQiG,WACtD,CAAA3G,SAAA,qCAGFC,EAACW,IAAA8C,UACA3C,OAAAC,OAAA,CAAAb,MAAO,CAAEI,MAAOC,EAAaA,cAACC,SAASC,QAAQiD,cAAa,CAAA3D,SAE3DmG,EAAoB,GAAGA,EAAkB9B,kBAAoB,MAIjEuC,aAAczF,EAAM0F,MACpBC,cAAe,CACdC,SACCZ,EAAkB9B,OAAS,IAAmC,IAA7B8B,EAAkB9B,OACpD2C,WAAY,UACZC,WAAY,SACZC,KAAM,QACNC,QAASA,KACRhG,EAAM2E,oBAAoBK,GAC1BhF,EAAMsF,SAAS,GAGjBW,gBAAiBjG,EAAMkG,qBACvBC,cAAc,GAAI,CAAAtH,SAElBC,EAACW,IAAAM,mBACIC,EAAK,CACT4D,iBAAkBoB,EAClBL,oBAAqBM,OAET"}

package/dist/cjs/components/product-picker-v2/emptyState.js CHANGED Viewed

@@ -5,5 +5,5 @@
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;exports.EmptyState=({title:r,subtitle:i})=>e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:r})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:i}))]});
+`;exports.EmptyState=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:i})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:l}))]})};
 //# sourceMappingURL=emptyState.js.map

package/dist/cjs/components/product-picker-v2/emptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emptyState.js","sources":["../../../../src/components/product-picker-v2/emptyState.tsx"],"sourcesContent":["import BoxRound from '@src/assets/icons/box_round.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\n\ninterface EmptyStateProps {\n\ttitle: string;\n\tsubtitle: string;\n}\n\nexport const EmptyState = ({ title, subtitle }: EmptyStateProps) => {\n\treturn (\n\t\t<EmptyContainer>\n\t\t\t<BoxRound width={48} height={48} />\n\t\t\t<TitleRegular style={{ marginTop: 8 }}>{title}</TitleRegular>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, marginTop: 4 }}>\n\t\t\t\t{subtitle}\n\t\t\t</BodySecondary>\n\t\t</EmptyContainer>\n\t);\n};\n\nconst EmptyContainer = styled.div`\n\theight: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n`;\n"],"names":["EmptyContainer","div","~~EmptyState~~","title","subtitle","_jsxs","children","_jsx","jsx","BoxRound","width","height","TitleRegular","Object","assign","style","marginTop","BodySecondary","color","COLORS","content","secondary"],"mappings":"~~wUAUO~~,~~MAYDA~~,OAAuB,QAACC,GAAG;;;;;;;qBAZPC,~~EAAGC~~,~~QAAOC~~,~~cAElCC~~,EAAAA,KAACL,EACA,CAAAM,SAAA,CAAAC,EAAAC,IAACC,UAAS,CAAAC,MAAO,GAAIC,OAAQ,KAC7BJ,EAAAC,IAACI,eAAYC,OAAAC,OAAA,CAACC,MAAO,CAAEC,UAAW,cAAMb,KACxCI,EAAAC,IAACS,gBAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAAA,OAAOC,QAAQC,UAAWL,UAAW,IAAG,CAAAV,SACrEF"}
1	+ {"version":3,"file":"emptyState.js","sources":["../../../../src/components/product-picker-v2/emptyState.tsx"],"sourcesContent":["import BoxRound from '@src/assets/icons/box_round.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\n\ninterface EmptyStateProps {\n\ttitle: string;\n\tsubtitle: string;\n}\n\nexport const EmptyState = ({ title, subtitle }: EmptyStateProps) => {\n\treturn (\n\t\t<EmptyContainer>\n\t\t\t<BoxRound width={48} height={48} />\n\t\t\t<TitleRegular style={{ marginTop: 8 }}>{title}</TitleRegular>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, marginTop: 4 }}>\n\t\t\t\t{subtitle}\n\t\t\t</BodySecondary>\n\t\t</EmptyContainer>\n\t);\n};\n\nconst EmptyContainer = styled.div`\n\theight: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n`;\n"],"names":["EmptyState","EmptyContainer","div","_ref","title","subtitle","_jsxs","children","_jsx","jsx","BoxRound","width","height","TitleRegular","Object","assign","style","marginTop","BodySecondary","color","COLORS","content","secondary"],"mappings":"wUAUaA,MAYPC,OAAuB,QAACC,GAAG;;;;;;;qBAZPC,IAAyC,IAAxCC,MAAEA,EAAKC,SAAEA,GAA2BF,EAC9D,OACCG,EAAAA,KAACL,EACA,CAAAM,SAAA,CAAAC,EAAAC,IAACC,UAAS,CAAAC,MAAO,GAAIC,OAAQ,KAC7BJ,EAAAC,IAACI,eAAYC,OAAAC,OAAA,CAACC,MAAO,CAAEC,UAAW,cAAMb,KACxCI,EAAAC,IAACS,gBAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAAA,OAAOC,QAAQC,UAAWL,UAAW,IAAG,CAAAV,SACrEF,OAEc"}

package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js");const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l,i=t.OUT_OF_STOCK_ACTION.NORMAL){let u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="OUT_OF_STOCK"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NORMAL"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[i].name})),n=[...n,...Object.values(r)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js");const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.OUT_OF_STOCK_ACTION.NORMAL,u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="OUT_OF_STOCK"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NORMAL"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[i].name})),n=[...n,...Object.values(r)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};
 //# sourceMappingURL=ProductHelper.js.map

package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductHelper.js","sources":["../../../../../src/components/product-picker-v2/helpers/ProductHelper.ts"],"sourcesContent":["import type { TagType } from '@src/components/tag/model';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductVariant,\n\ttype SelectedItems,\n} from '../type';\nimport type { ProductVariantForRearrange } from '../type';\n\nconst TAG_NAME_MAP = {\n\tNORMAL: null,\n\tNOT_SYNCED: 'Hidden',\n\tOUT_OF_STOCK: 'Out of Stock',\n\tFB_REJECTED: 'Rejected on FB catalog',\n};\n\nexport class ProductHelper {\n\t/*\n\t how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)\n\t * how to know if a product is hidden ? skipSync === true (not-synced)\n\t \n\t if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE\n\t * - not-synced && OOS => NOT_SYNCED\n\t * - not-synced && !OOS => NOT_SYNCED\n\t * - !not-synced && OOS => NOT_SYNCED\n\t * - !not-synced && !OOS => NORMAL\n\t \n\t \n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR\n\t * - not-synced && OOS => NOT_SYNCED\n\t * - not-synced && !OOS => NOT_SYNCED\n\t * - !not-synced && OOS => OUT_OF_STOCK\n\t * - !not-synced && !OOS => NORMAL\n\t \n\t \n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL\n\t * - not-synced && OOS => NOT_SYNCED\n\t * - not-synced && !OOS => NOT_SYNCED\n\t * - !not-synced && OOS => NORMAL\n\t * - !not-synced && !OOS => NORMAL\n\t \n\t @param product\n\t * @param currentCombination\n\t * @param outOfStockAction\n\t /\n\tstatic getProductLabels(\n\t\tproductVariant: Product \| ProductVariant,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION = OUT_OF_STOCK_ACTION.NORMAL,\n\t) {\n\t\tlet tag: keyof typeof TAG_NAME_MAP = 'NORMAL';\n\n\t\tif ((productVariant as Product).variants) return TAG_NAME_MAP[tag];\n\n\t\tconst product = productVariant as ProductVariant;\n\n\t\tif (product?.fbStatus === 'REJECTED') {\n\t\t\treturn TAG_NAME_MAP['FB_REJECTED'];\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.HIDE) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.BLUR) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'OUT_OF_STOCK';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\treturn TAG_NAME_MAP[tag];\n\t}\n\n\t/\n\t For FB Rejected returns 'negative', for rest returns 'warning'\n\t /\n\tstatic getTagType = (tagText: string): TagType => {\n\t\tif (TAG_NAME_MAP['FB_REJECTED'] === tagText) {\n\t\t\treturn 'negative';\n\t\t}\n\t\treturn 'warning';\n\t};\n\n\tstatic getDataForProductPickerTag = (\n\t\tdata: Product \| ProductVariant,\n\t\tisVariant: boolean,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION \| undefined,\n\t) => {\n\t\tlet dataForProductPickerTag = data;\n\t\tlet isVariantForProductPickerTag = isVariant;\n\t\t// Is product a variant logic - only one variant and variant name has product name\n\t\tif (Object.keys((data as Product)?.variants ?? {}).length === 1) {\n\t\t\tdataForProductPickerTag = Object.values(\n\t\t\t\t(data as Product)?.variants ?? {},\n\t\t\t)[0];\n\t\t\tisVariantForProductPickerTag = true;\n\t\t}\n\n\t\tconst tagText = ProductHelper.getProductLabels(\n\t\t\tdataForProductPickerTag,\n\t\t\toutOfStockAction,\n\t\t);\n\t\tconst tagType = ProductHelper.getTagType(tagText ?? '');\n\t\treturn {\n\t\t\tisVariantForProductPickerTag,\n\t\t\tdataForProductPickerTag,\n\t\t\ttagText: tagText ?? undefined,\n\t\t\ttagType,\n\t\t};\n\t};\n}\n/\n Loops through each collection, each product, each variant.\n * For each variant, adds a displayOrder if not already there.\n * For each variant, additional parameters are added from ProductVariantForRearrange\n * in order to display the variant card.\n * After converting to array, sorts the array based on displayOrder and returns.\n \n @param selectedCollections - Collections in object format\n * @returns Selected Varaints in array format, sorted based on displayOrder.\n */\nexport const parseSelectedVariantsToArray = (\n\tselectedCollections: SelectedItems,\n) => {\n\tlet selectedVariantsForRearrange = [] as ProductVariantForRearrange[];\n\n\tObject.keys(selectedCollections).forEach((collectionId) => {\n\t\treturn Object.keys(\n\t\t\tselectedCollections?.[collectionId]?.['products'] \|\| [],\n\t\t).forEach((productId) => {\n\t\t\tconst products = selectedCollections[collectionId]['products'] ?? [];\n\t\t\tconst variants = (products[productId]['variants'] ??\n\t\t\t\t[]) as ProductVariantForRearrange[];\n\n\t\t\tObject.keys(variants).map((variantId) => {\n\t\t\t\tconst variantForRearrange = variants[\n\t\t\t\t\tvariantId\n\t\t\t\t] as ProductVariantForRearrange;\n\t\t\t\tvariantForRearrange.currency = products[productId]['currency'];\n\t\t\t\tvariantForRearrange.variantId = variantId;\n\t\t\t\tvariantForRearrange.productId = productId;\n\t\t\t\tvariantForRearrange.collectionId = collectionId;\n\t\t\t\tvariantForRearrange.productName = products[productId]['name'];\n\t\t\t});\n\n\t\t\tselectedVariantsForRearrange = [\n\t\t\t\t...selectedVariantsForRearrange,\n\t\t\t\t...Object.values(variants),\n\t\t\t];\n\t\t\treturn selectedVariantsForRearrange;\n\t\t});\n\t});\n\n\tconst sortedVariants = selectedVariantsForRearrange.sort((a, b) => {\n\t\t// Handle null and undefined values\n\t\tif (a.displayOrder == null && b.displayOrder == null) {\n\t\t\treturn 0; // No change in order\n\t\t} else if (a.displayOrder == null) {\n\t\t\treturn 1; // a comes after b\n\t\t} else if (b.displayOrder == null) {\n\t\t\treturn -1; // a comes before b\n\t\t}\n\n\t\t// Compare based on displayOrder\n\t\treturn a.displayOrder - b.displayOrder;\n\t});\n\n\tsortedVariants.forEach((variant, index) => {\n\t\tvariant.displayOrder = index;\n\t});\n\n\treturn sortedVariants;\n};\n"],"names":["TAG_NAME_MAP","NORMAL","NOT_SYNCED","OUT_OF_STOCK","FB_REJECTED","ProductHelper","static","productVariant","outOfStockAction","OUT_OF_STOCK_ACTION","tag","variants","product","fbStatus","HIDE","skipSync","quantity","BLUR","Object","defineProperty","tagText","value","data","isVariant","dataForProductPickerTag","isVariantForProductPickerTag","keys","_a","length","values","_b","getProductLabels","undefined","tagType","getTagType","selectedCollections","selectedVariantsForRearrange","forEach","collectionId","productId","products","map","variantId","variantForRearrange","currency","productName","sortedVariants","sort","a","b","displayOrder","variant","index"],"mappings":"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"}
1	+ {"version":3,"file":"ProductHelper.js","sources":["../../../../../src/components/product-picker-v2/helpers/ProductHelper.ts"],"sourcesContent":["import type { TagType } from '@src/components/tag/model';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductVariant,\n\ttype SelectedItems,\n} from '../type';\nimport type { ProductVariantForRearrange } from '../type';\n\nconst TAG_NAME_MAP = {\n\tNORMAL: null,\n\tNOT_SYNCED: 'Hidden',\n\tOUT_OF_STOCK: 'Out of Stock',\n\tFB_REJECTED: 'Rejected on FB catalog',\n};\n\nexport class ProductHelper {\n\t/*\n\t how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)\n\t * how to know if a product is hidden ? skipSync === true (not-synced)\n\t \n\t if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE\n\t * - not-synced && OOS => NOT_SYNCED\n\t * - not-synced && !OOS => NOT_SYNCED\n\t * - !not-synced && OOS => NOT_SYNCED\n\t * - !not-synced && !OOS => NORMAL\n\t \n\t \n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR\n\t * - not-synced && OOS => NOT_SYNCED\n\t * - not-synced && !OOS => NOT_SYNCED\n\t * - !not-synced && OOS => OUT_OF_STOCK\n\t * - !not-synced && !OOS => NORMAL\n\t \n\t \n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL\n\t * - not-synced && OOS => NOT_SYNCED\n\t * - not-synced && !OOS => NOT_SYNCED\n\t * - !not-synced && OOS => NORMAL\n\t * - !not-synced && !OOS => NORMAL\n\t \n\t @param product\n\t * @param currentCombination\n\t * @param outOfStockAction\n\t /\n\tstatic getProductLabels(\n\t\tproductVariant: Product \| ProductVariant,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION = OUT_OF_STOCK_ACTION.NORMAL,\n\t) {\n\t\tlet tag: keyof typeof TAG_NAME_MAP = 'NORMAL';\n\n\t\tif ((productVariant as Product).variants) return TAG_NAME_MAP[tag];\n\n\t\tconst product = productVariant as ProductVariant;\n\n\t\tif (product?.fbStatus === 'REJECTED') {\n\t\t\treturn TAG_NAME_MAP['FB_REJECTED'];\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.HIDE) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.BLUR) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'OUT_OF_STOCK';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 \|\| product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\treturn TAG_NAME_MAP[tag];\n\t}\n\n\t/\n\t For FB Rejected returns 'negative', for rest returns 'warning'\n\t /\n\tstatic getTagType = (tagText: string): TagType => {\n\t\tif (TAG_NAME_MAP['FB_REJECTED'] === tagText) {\n\t\t\treturn 'negative';\n\t\t}\n\t\treturn 'warning';\n\t};\n\n\tstatic getDataForProductPickerTag = (\n\t\tdata: Product \| ProductVariant,\n\t\tisVariant: boolean,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION \| undefined,\n\t) => {\n\t\tlet dataForProductPickerTag = data;\n\t\tlet isVariantForProductPickerTag = isVariant;\n\t\t// Is product a variant logic - only one variant and variant name has product name\n\t\tif (Object.keys((data as Product)?.variants ?? {}).length === 1) {\n\t\t\tdataForProductPickerTag = Object.values(\n\t\t\t\t(data as Product)?.variants ?? {},\n\t\t\t)[0];\n\t\t\tisVariantForProductPickerTag = true;\n\t\t}\n\n\t\tconst tagText = ProductHelper.getProductLabels(\n\t\t\tdataForProductPickerTag,\n\t\t\toutOfStockAction,\n\t\t);\n\t\tconst tagType = ProductHelper.getTagType(tagText ?? '');\n\t\treturn {\n\t\t\tisVariantForProductPickerTag,\n\t\t\tdataForProductPickerTag,\n\t\t\ttagText: tagText ?? undefined,\n\t\t\ttagType,\n\t\t};\n\t};\n}\n/\n Loops through each collection, each product, each variant.\n * For each variant, adds a displayOrder if not already there.\n * For each variant, additional parameters are added from ProductVariantForRearrange\n * in order to display the variant card.\n * After converting to array, sorts the array based on displayOrder and returns.\n \n @param selectedCollections - Collections in object format\n * @returns Selected Varaints in array format, sorted based on displayOrder.\n */\nexport const parseSelectedVariantsToArray = (\n\tselectedCollections: SelectedItems,\n) => {\n\tlet selectedVariantsForRearrange = [] as ProductVariantForRearrange[];\n\n\tObject.keys(selectedCollections).forEach((collectionId) => {\n\t\treturn Object.keys(\n\t\t\tselectedCollections?.[collectionId]?.['products'] \|\| [],\n\t\t).forEach((productId) => {\n\t\t\tconst products = selectedCollections[collectionId]['products'] ?? [];\n\t\t\tconst variants = (products[productId]['variants'] ??\n\t\t\t\t[]) as ProductVariantForRearrange[];\n\n\t\t\tObject.keys(variants).map((variantId) => {\n\t\t\t\tconst variantForRearrange = variants[\n\t\t\t\t\tvariantId\n\t\t\t\t] as ProductVariantForRearrange;\n\t\t\t\tvariantForRearrange.currency = products[productId]['currency'];\n\t\t\t\tvariantForRearrange.variantId = variantId;\n\t\t\t\tvariantForRearrange.productId = productId;\n\t\t\t\tvariantForRearrange.collectionId = collectionId;\n\t\t\t\tvariantForRearrange.productName = products[productId]['name'];\n\t\t\t});\n\n\t\t\tselectedVariantsForRearrange = [\n\t\t\t\t...selectedVariantsForRearrange,\n\t\t\t\t...Object.values(variants),\n\t\t\t];\n\t\t\treturn selectedVariantsForRearrange;\n\t\t});\n\t});\n\n\tconst sortedVariants = selectedVariantsForRearrange.sort((a, b) => {\n\t\t// Handle null and undefined values\n\t\tif (a.displayOrder == null && b.displayOrder == null) {\n\t\t\treturn 0; // No change in order\n\t\t} else if (a.displayOrder == null) {\n\t\t\treturn 1; // a comes after b\n\t\t} else if (b.displayOrder == null) {\n\t\t\treturn -1; // a comes before b\n\t\t}\n\n\t\t// Compare based on displayOrder\n\t\treturn a.displayOrder - b.displayOrder;\n\t});\n\n\tsortedVariants.forEach((variant, index) => {\n\t\tvariant.displayOrder = index;\n\t});\n\n\treturn sortedVariants;\n};\n"],"names":["TAG_NAME_MAP","NORMAL","NOT_SYNCED","OUT_OF_STOCK","FB_REJECTED","ProductHelper","static","productVariant","outOfStockAction","arguments","length","undefined","OUT_OF_STOCK_ACTION","tag","variants","product","fbStatus","HIDE","skipSync","quantity","BLUR","Object","defineProperty","tagText","value","data","isVariant","dataForProductPickerTag","isVariantForProductPickerTag","keys","_a","values","_b","getProductLabels","tagType","getTagType","selectedCollections","selectedVariantsForRearrange","forEach","collectionId","productId","products","map","variantId","variantForRearrange","currency","productName","sortedVariants","sort","a","b","displayOrder","variant","index"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../../src/components/product-picker-v2/modal.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport { useEffect, useReducer, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport type { ButtonProps } from '../button/model';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { Spinner } from '../spinner';\nimport { Tag } from '../tag';\nimport { CollectionsScreen } from './collectionScreen';\nimport { ProductInfoOverlay } from './productInfoOverlay';\nimport { ProductsScreen } from './productScreen';\nimport { RearrangeScreen } from './rearrangeScreen';\nimport {\n\tCollectionIdContext,\n\tcollectionsReducer,\n\tsearchReducer,\n\tselectedColectionsReducer,\n} from './reducers';\nimport { SearchScreen } from './searchScreen';\nimport { SelectedScreen } from './selectedScreen';\nimport {\n\tContainerStyle,\n\tScrollContainerStyle,\n\tStyledFooterForNonModal,\n} from './style';\nimport {\n\ttype CollectionFetcherReturn,\n\ttype FbStatusFetcherReturn,\n\ttype FooterForNonModalI,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductFetcherReturn,\n\ttype ProductVariant,\n\tScreenName,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport { updateAllVariantsForSelectedProducts } from './utility';\n\nexport type ProductPickerInterface = {\n\thideGlobalSearch?: boolean;\n\thideInCollectionSearch?: boolean;\n\tcustomCollectionRestriction?: boolean;\n\tsearchInCollectionFetcher: (\n\t\tstoreId: string,\n\t\tcollectionId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => ProductFetcherReturn;\n\tsearchFetcher: (\n\t\tstoreId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => Promise<SearchedItems \| SelectedItems>;\n\tcollectionFetcher: (\n\t\toffset: number,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t) => CollectionFetcherReturn;\n\tproductFetcher: (\n\t\tcollectionId: string,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t\tlimit?: number,\n\t\toffset?: number,\n\t) => ProductFetcherReturn;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\tstoreId: string;\n\tappType?: ApplicationType;\n\tselectedItems: SelectedItems;\n\tonAdd: (\n\t\titems: SelectedItems,\n\t\ttotal: number,\n\t\tsecondaryClick?: boolean,\n\t) => void;\n\tonClose?: () => void;\n\tvisible: boolean;\n\tzIndex?: number;\n\tlimit?: number;\n\texactLimit?: number;\n\thideCollectionCheckbox?: boolean;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\tselectProductsFromCustomCollection?: boolean;\n\thideSelectionCount?: boolean;\n\ttitle?: string;\n\tpostHeader?: React.ReactNode;\n\twidth?: string;\n\tleft?: string;\n\trenderWithoutModal?: boolean;\n\tonClickSave?: number;\n\tpickerType?: 'COLLECTION' \| 'PRODUCT';\n\thideProductVariants?: boolean;\n\trearrangeEnabled?: boolean;\n\tselectSingleItem?: boolean;\n\tstickyFooter?: boolean;\n\tshowProductDetails?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tcrossButtonInsideHeader?: boolean;\n\tfooterForNonModal?: FooterForNonModalI;\n\tuseDynamicInfoImageSize?: boolean;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n\tsubtitle?: string;\n} & (\n\t\| {\n\t\t\tstartupScreen: ScreenName.RearrangeProducts;\n\t\t\trearrangeEnabled: true;\n\t }\n\t\| {\n\t\t\tstartupScreen?: Exclude<ScreenName, ScreenName.RearrangeProducts>;\n\t }\n);\n\nexport const ProductPickerModal = (props: ProductPickerInterface) => {\n\tconst {\n\t\tstoreId,\n\t\tselectedItems,\n\t\tonClose,\n\t\tvisible,\n\t\tzIndex,\n\t\texactLimit,\n\t\tlimit,\n\t\thideCollectionCheckbox,\n\t\thideProductCheckbox,\n\t\toutOfStockAction = OUT_OF_STOCK_ACTION.BLUR,\n\t\thideVariantCheckbox,\n\t\tselectProductsFromCustomCollection,\n\t\thideSelectionCount,\n\t\ttitle,\n\t\twidth,\n\t\tleft,\n\t\trenderWithoutModal,\n\t\tonClickSave,\n\t\tpickerType,\n\t\thideProductVariants = false,\n\t\tstartupScreen = ScreenName.Collections,\n\t\trearrangeEnabled,\n\t\tselectSingleItem = false,\n\t\tshowProductDetails: showProductDetailInfoIcon,\n\t\tcontainerStyle,\n\t\tcrossButtonInsideHeader = false,\n\t\tfooterForNonModal = {},\n\t\tprimaryButton,\n\t\tsecondaryButton,\n\t\tsubtitle,\n\t} = props;\n\tconst appType = props.appType \|\| ApplicationType.BIK;\n\tconst [collections, collectionsDispatch] = useReducer(collectionsReducer, {});\n\tconst [screen, setScreen] = useState<string>(\n\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\tstartupScreen,\n\t\t)\n\t\t\t? startupScreen\n\t\t\t: ScreenName.Collections,\n\t);\n\t// @ts-ignore\n\tconst [rearrangeViewType, setRearrangeViewType] = useState<'grid' \| 'list'>(\n\t\t'grid',\n\t);\n\tconst [collectionId, setCollectionId] = useState<string>('');\n\t// Introduced for pagination purpose. Based on this flag, we fetch all data for a collection.\n\tconst [selectedCollectionId, setSelectedCollectionId] = useState<string>('');\n\n\tconst [collectionPage, setCollectionPage] = useState<number>(0);\n\tconst [saveDisabled, setSaveDisabled] = useState<boolean>(false);\n\tconst [total, setTotal] = useState(0);\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [searchLoader, setSearchLoader] = useState<boolean>(false);\n\tconst [collectionsLoader, setCollectionsLoader] = useState<boolean>(false);\n\tconst [searchedCollections, searchedCollectionsDispatch] = useReducer(\n\t\tsearchReducer,\n\t\t{ collections: {}, products: {} },\n\t);\n\n\tconst [selectedCollections, selectedCollectionsDispatch] = useReducer(\n\t\tselectedColectionsReducer,\n\t\tObject.keys(selectedItems).length > 0 ? selectedItems : {},\n\t);\n\n\tconst scrollContainerRef = useRef<HTMLDivElement>(null);\n\n\tconst [showProductInfoOverlay, setShowProductInfoOverlay] = useState(false);\n\tconst [productInfoOverlayData, setProductInfoOverlayData] = useState<\n\t\tProduct \| ProductVariant\n\t>();\n\n\tuseEffect(() => {\n\t\tsetSaveDisabled(true);\n\t\tsetCollectionsLoader(true);\n\t\tprops\n\t\t\t.collectionFetcher(collectionPage, storeId, appType)\n\t\t\t.then((collectionsParsed) => {\n\t\t\t\tcollectionsDispatch({\n\t\t\t\t\ttype: 'fetched',\n\t\t\t\t\tdata: collectionsParsed?.collections \|\| {},\n\t\t\t\t});\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetCollectionPage((prev) => prev + 1);\n\t\t\t\tsetCollectionsLoader(false);\n\t\t\t})\n\t\t\t.catch();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tlet count = 0;\n\t\t// For COLLECTION picker type, count the number of collections selected\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\tcount = Object.keys(selectedCollections \|\| {}).filter(\n\t\t\t\t(key) => key !== 'isCustom',\n\t\t\t).length;\n\t\t} else if (hideProductVariants) {\n\t\t\tObject.keys(selectedCollections \|\| []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] \|\| [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tif (collectionId !== '-1') {\n\t\t\t\t\t\t// currently we are not in all products collections\n\t\t\t\t\t\t// so we check if this product is present in all product collection,\n\t\t\t\t\t\t// if so, skip this count, it will increment from all product collection\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!selectedCollections['-1'] \|\|\n\t\t\t\t\t\t\t!selectedCollections['-1'].products?.[productId]\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tObject.keys(selectedCollections \|\| []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] \|\| [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tObject.keys(\n\t\t\t\t\t\tselectedCollections[collectionId]['products']?.[productId]?.[\n\t\t\t\t\t\t\t'variants'\n\t\t\t\t\t\t] \|\| [],\n\t\t\t\t\t).forEach(() => {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetTotal(count);\n\t}, [collections, selectedCollections, hideProductVariants, pickerType]);\n\n\t/*\n\t When we have a selected collection Id, we fetch all products for the collection and store in memory. This is done so that we can have total count to display in footer.\n\t /\n\tuseEffect(() => {\n\t\tif (selectedCollectionId) {\n\t\t\tsetSaveDisabled(true);\n\t\t\tprops\n\t\t\t\t.productFetcher(selectedCollectionId, storeId, appType)\n\t\t\t\t.then((data) => {\n\t\t\t\t\tif (Object.keys(data).length) {\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsFetched',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId: selectedCollectionId,\n\t\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tsetSaveDisabled(false);\n\t\t\t\t})\n\t\t\t\t.catch();\n\t\t}\n\t}, [selectedCollectionId]);\n\n\tuseEffect(() => {\n\t\tconst getSearchData = setTimeout(() => {\n\t\t\tif (screen === 'rearrange') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length && screen === 'collections') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length) {\n\t\t\t\tsetScreen('collections');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetSearchLoader(true);\n\t\t\tprops.searchFetcher(storeId, searchText, appType).then((data) => {\n\t\t\t\t// Updating searched items as well as global data. Global data should be updated because it is being used everywhere.\n\t\t\t\tif ('collections' in data && 'products' in data) {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: data as SearchedItems,\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.collections,\n\t\t\t\t\t});\n\t\t\t\t\t// If products are present in the search data but respective collection is missing, this ensures those collections get added as well.\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.products,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tcollections: {},\n\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetScreen('searchProducts');\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetSearchLoader(false);\n\t\t\t});\n\t\t}, 800);\n\n\t\treturn () => clearTimeout(getSearchData);\n\t}, [searchText]);\n\n\tuseEffect(() => {\n\t\tif (onClickSave) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [onClickSave]);\n\n\tuseEffect(() => {\n\t\t/\n\t use-case: When single product/collection picker is required which should select the single item\n\t when clicked and close the picker\n\t /\n\t\tif (!selectSingleItem) return;\n\t\tif (Object.keys(selectedCollections \|\| {}).length && total) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [selectSingleItem, selectedCollections, total]);\n\n\tconst getTitle = () => {\n\t\tif (screen === 'collections') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'products') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'view') {\n\t\t\treturn 'Selected Products';\n\t\t} else if (screen === 'searchProducts') {\n\t\t\treturn 'Searched Results';\n\t\t} else if (screen === 'rearrange') {\n\t\t\treturn 'Rearrange Products';\n\t\t}\n\t};\n\n\tconst resetPicker = () => {\n\t\tselectedCollectionsDispatch({\n\t\t\ttype: 'reset',\n\t\t\tdata: {},\n\t\t});\n\t};\n\n\tconst handleOnClose = () => {\n\t\tonClose?.();\n\t\tresetPicker();\n\t};\n\n\tconst renderFooterComponent = () => {\n\t\t// Determine item type based on picker type and whether we're counting variants\n\t\tlet itemType: string;\n\t\tlet itemTypePlural: string;\n\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\titemType = 'collection';\n\t\t\titemTypePlural = 'collections';\n\t\t} else if (hideProductVariants) {\n\t\t\t// When hideProductVariants is true, we count products\n\t\t\titemType = 'product';\n\t\t\titemTypePlural = 'products';\n\t\t} else {\n\t\t\t// When hideProductVariants is false, we count variants\n\t\t\titemType = 'variant';\n\t\t\titemTypePlural = 'variants';\n\t\t}\n\n\t\tif (exactLimit && total > exactLimit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${exactLimit} ${\n\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if (limit && total > limit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${limit} ${\n\t\t\t\t\t\tlimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (total > 0) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\trearrangeEnabled\n\t\t\t\t\t\t\t? setScreen(ScreenName.RearrangeProducts)\n\t\t\t\t\t\t\t: setScreen(ScreenName.SelectedProducts);\n\t\t\t\t\t}}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\ttotal === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\t['rearrange', 'view'].includes(screen) ? 'tertiaryGray' : 'tertiary'\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={['rearrange', 'view'].includes(screen)}\n\t\t\t\t/>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={true}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst onSearchTextChange = (text) => {\n\t\tif (!text.length \|\| !text.trim().length) {\n\t\t\tsetSearchText('');\n\t\t\treturn;\n\t\t}\n\t\tsetSearchText(text);\n\t};\n\n\tconst getFooterButtonText = (buttonText?: string) => {\n\t\tif (saveDisabled) {\n\t\t\treturn 'Loading...';\n\t\t}\n\n\t\tif (screen === ScreenName.RearrangeProducts) {\n\t\t\treturn buttonText ?? 'Done';\n\t\t}\n\t\treturn buttonText ?? 'Add';\n\t};\n\n\tconst onProductDetailClick = (productData: Product \| ProductVariant) => {\n\t\tsetShowProductInfoOverlay(true);\n\t\tsetProductInfoOverlayData(productData);\n\t};\n\n\tconst getPrimaryButtonForComponent = (primaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...primaryButton,\n\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\tdisabled:\n\t\t\t\t(!primaryButton.isLoading &&\n\t\t\t\t\t(saveDisabled \|\|\n\t\t\t\t\t\ttotal < 1 \|\|\n\t\t\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t\t\t(!exactLimit && limit && total > limit))) \|\|\n\t\t\t\tprimaryButton.disabled,\n\t\t\tonClick: () => {\n\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\tresetPicker();\n\t\t\t\tsetScreen(\n\t\t\t\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\t\t\t\tstartupScreen,\n\t\t\t\t\t)\n\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst getSecondaryButtonForComponent = (secondaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...secondaryButton,\n\t\t\tdisabled:\n\t\t\t\tsaveDisabled \|\|\n\t\t\t\ttotal < 1 \|\|\n\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t(!exactLimit && limit && total > limit) \|\|\n\t\t\t\tfalse,\n\t\t\tonClick: () => {\n\t\t\t\tconst filteredCollections = updateAllVariantsForSelectedProducts(\n\t\t\t\t\tselectedCollections,\n\t\t\t\t\tcollections,\n\t\t\t\t\tsearchedCollections,\n\t\t\t\t);\n\t\t\t\tprops.onAdd(filteredCollections, total, true);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst CoreComponent = (\n\t\t<ContainerStyle style={containerStyle ?? {}}>\n\t\t\t{props.postHeader && (\n\t\t\t\t<div style={{ padding: '0 24px' }}>{props.postHeader}</div>\n\t\t\t)}\n\t\t\t{!props.hideGlobalSearch && (\n\t\t\t\t<>\n\t\t\t\t\t{(screen === 'collections' \|\| screen === 'searchProducts') && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: renderWithoutModal ? '8px 16px' : '12px 24px',\n\t\t\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Search using ID, Name or SKU ID'}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tnoErrorHint={true}\n\t\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t\t\t\t\tsearchLoader ? (\n\t\t\t\t\t\t\t\t\t\t\t<Spinner size=\"small\" color={COLORS.content.primary} />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid={'listInput'}\n\t\t\t\t\t\t\t\theight={'24px'}\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tonChangeText={onSearchTextChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<ScrollContainerStyle ref={scrollContainerRef} screenName={screen}>\n\t\t\t\t{screen === 'collections' && (\n\t\t\t\t\t<CollectionsScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tdataLoading={collectionsLoader}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\tcollectionFetcher={props.collectionFetcher}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\tpagingControls={{\n\t\t\t\t\t\t\tcurPage: collectionPage,\n\t\t\t\t\t\t\tsetCurPage: setCollectionPage,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'products' && collectionId && (\n\t\t\t\t\t<CollectionIdContext.Provider value={collectionId}>\n\t\t\t\t\t\t<ProductsScreen\n\t\t\t\t\t\t\thideInCollectionSearch={props.hideInCollectionSearch}\n\t\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\t\tproductFetcher={props.productFetcher}\n\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\tdata={collections[collectionId]}\n\t\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\tselectedData={selectedCollections}\n\t\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\t\tsearchInCollectionFetcher={props.searchInCollectionFetcher}\n\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\tselectProductsFromCustomCollection={\n\t\t\t\t\t\t\t\tselectProductsFromCustomCollection\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CollectionIdContext.Provider>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'view' && (\n\t\t\t\t\t<SelectedScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections \|\| {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'rearrange' && (\n\t\t\t\t\t<RearrangeScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections \|\| {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\trearrangeViewType={rearrangeViewType === 'grid' ? 'list' : 'grid'}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'searchProducts' && (\n\t\t\t\t\t<SearchScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tselectedCollections={selectedCollections \|\| {}}\n\t\t\t\t\t\tsearchedCollections={searchedCollections \|\| {}}\n\t\t\t\t\t\tsearchedCollectionsDispatch={searchedCollectionsDispatch}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tonBackPress={() => {\n\t\t\t\t\t\t\t//Resetting searched items once user presses back\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\t\t\tdata: { collections: {}, products: {} },\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ScrollContainerStyle>\n\t\t</ContainerStyle>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{renderWithoutModal ? (\n\t\t\t\t<>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{footerForNonModal.renderFooter ? (\n\t\t\t\t\t\t<StyledFooterForNonModal>\n\t\t\t\t\t\t\t{renderFooterComponent()}\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tbuttonText={getFooterButtonText(\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonText,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\t\t\t\t\t\t\t(!footerForNonModal.isLoading &&\n\t\t\t\t\t\t\t\t\t\t(saveDisabled \|\|\n\t\t\t\t\t\t\t\t\t\t\ttotal < 1 \|\|\n\t\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit))) \|\|\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonDisabled\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisLoading={footerForNonModal.isLoading}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\tsetScreen(\n\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\tScreenName.Collections,\n\t\t\t\t\t\t\t\t\t\t\tScreenName.RearrangeProducts,\n\t\t\t\t\t\t\t\t\t\t].includes(startupScreen)\n\t\t\t\t\t\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledFooterForNonModal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{/ this will allow to show the product overlay in the renderWithoutModal case */}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<StyledModal\n\t\t\t\t\tzIndex={zIndex}\n\t\t\t\t\topen={visible}\n\t\t\t\t\tonClose={handleOnClose}\n\t\t\t\t\theadingTitle={title \|\| getTitle()}\n\t\t\t\t\theadingSubtitle={subtitle}\n\t\t\t\t\tfooterShadow={true}\n\t\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\t\twidth: width \|\| '600px',\n\t\t\t\t\t\tleft: left \|\| 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tcrossButtonInsideHeader ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tfooterContainerStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tzIndex: 9,\n\t\t\t\t\t\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tprimaryButton={\n\t\t\t\t\t\tprimaryButton\n\t\t\t\t\t\t\t? getPrimaryButtonForComponent(primaryButton)\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\tbuttonText: getFooterButtonText(),\n\t\t\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t\t\tsaveDisabled \|\|\n\t\t\t\t\t\t\t\t\t\ttotal < 1 \|\|\n\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit) \|\|\n\t\t\t\t\t\t\t\t\t\tfalse,\n\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t }\n\t\t\t\t\t}\n\t\t\t\t\tsecondaryButton={\n\t\t\t\t\t\tsecondaryButton\n\t\t\t\t\t\t\t? getSecondaryButtonForComponent(secondaryButton)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\twrapperStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tfooterLeftCustomElement={\n\t\t\t\t\t\thideSelectionCount ? <></> : renderFooterComponent()\n\t\t\t\t\t}\n\t\t\t\t\thideCrossButton={showProductInfoOverlay \|\| crossButtonInsideHeader}\n\t\t\t\t>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["props","storeId","selectedItems","onClose","visible","zIndex","exactLimit","limit","hideCollectionCheckbox","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","BLUR","hideVariantCheckbox","selectProductsFromCustomCollection","hideSelectionCount","title","width","left","renderWithoutModal","onClickSave","pickerType","hideProductVariants","startupScreen","ScreenName","Collections","rearrangeEnabled","selectSingleItem","showProductDetails","showProductDetailInfoIcon","containerStyle","crossButtonInsideHeader","footerForNonModal","primaryButton","secondaryButton","subtitle","appType","ApplicationType","BIK","collections","collectionsDispatch","useReducer","collectionsReducer","screen","setScreen","useState","RearrangeProducts","includes","rearrangeViewType","setRearrangeViewType","collectionId","setCollectionId","selectedCollectionId","setSelectedCollectionId","collectionPage","setCollectionPage","saveDisabled","setSaveDisabled","total","setTotal","searchText","setSearchText","searchLoader","setSearchLoader","collectionsLoader","setCollectionsLoader","searchedCollections","searchedCollectionsDispatch","searchReducer","products","selectedCollections","selectedCollectionsDispatch","selectedColectionsReducer","Object","keys","length","scrollContainerRef","useRef","showProductInfoOverlay","setShowProductInfoOverlay","productInfoOverlayData","setProductInfoOverlayData","useEffect","collectionFetcher","then","collectionsParsed","type","data","prev","catch","count","filter","key","forEach","_a","productId","_b","productFetcher","getSearchData","setTimeout","searchFetcher","clearTimeout","onAdd","resetPicker","renderFooterComponent","itemType","itemTypePlural","_jsx","Tag","tagText","Button","onClick","SelectedProducts","buttonText","buttonType","disabled","getFooterButtonText","CoreComponent","_jsxs","jsxs","ContainerStyle","assign","style","children","postHeader","jsx","padding","hideGlobalSearch","_Fragment","borderBottom","Input","placeholder","noKeyDownChange","noErrorHint","rightIcon","icon","Spinner","size","color","COLORS","content","primary","SearchIcon","id","height","value","onChangeText","text","trim","ScrollContainerStyle","ref","screenName","CollectionsScreen","customCollectionRestriction","dataLoading","pagingControls","curPage","setCurPage","CollectionIdContext","Provider","ProductsScreen","hideInCollectionSearch","selectedData","searchInCollectionFetcher","fbStatusFetcher","onProductDetailClick","productData","SelectedScreen","RearrangeScreen","SearchScreen","onBackPress","renderFooter","StyledFooterForNonModal","primaryButtonText","isLoading","primaryButtonDisabled","Fragment","ProductInfoOverlay","useDynamicInfoImageSize","StyledModal","open","handleOnClose","headingTitle","headingSubtitle","footerShadow","centralContainerStyles","headerRightCustomElement","cursor","display","CrossIcon","secondary","footerContainerStyle","stickyFooter","position","bottom","background","surface","standard","undefined","getPrimaryButtonForComponent","filteredCollections","updateAllVariantsForSelectedProducts","getSecondaryButtonForComponent","wrapperStyle","footerLeftCustomElement","hideCrossButton"],"mappings":"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"}
1	+ {"version":3,"file":"modal.js","sources":["../../../../src/components/product-picker-v2/modal.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport { useEffect, useReducer, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport type { ButtonProps } from '../button/model';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { Spinner } from '../spinner';\nimport { Tag } from '../tag';\nimport { CollectionsScreen } from './collectionScreen';\nimport { ProductInfoOverlay } from './productInfoOverlay';\nimport { ProductsScreen } from './productScreen';\nimport { RearrangeScreen } from './rearrangeScreen';\nimport {\n\tCollectionIdContext,\n\tcollectionsReducer,\n\tsearchReducer,\n\tselectedColectionsReducer,\n} from './reducers';\nimport { SearchScreen } from './searchScreen';\nimport { SelectedScreen } from './selectedScreen';\nimport {\n\tContainerStyle,\n\tScrollContainerStyle,\n\tStyledFooterForNonModal,\n} from './style';\nimport {\n\ttype CollectionFetcherReturn,\n\ttype FbStatusFetcherReturn,\n\ttype FooterForNonModalI,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductFetcherReturn,\n\ttype ProductVariant,\n\tScreenName,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport { updateAllVariantsForSelectedProducts } from './utility';\n\nexport type ProductPickerInterface = {\n\thideGlobalSearch?: boolean;\n\thideInCollectionSearch?: boolean;\n\tcustomCollectionRestriction?: boolean;\n\tsearchInCollectionFetcher: (\n\t\tstoreId: string,\n\t\tcollectionId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => ProductFetcherReturn;\n\tsearchFetcher: (\n\t\tstoreId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => Promise<SearchedItems \| SelectedItems>;\n\tcollectionFetcher: (\n\t\toffset: number,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t) => CollectionFetcherReturn;\n\tproductFetcher: (\n\t\tcollectionId: string,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t\tlimit?: number,\n\t\toffset?: number,\n\t) => ProductFetcherReturn;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\tstoreId: string;\n\tappType?: ApplicationType;\n\tselectedItems: SelectedItems;\n\tonAdd: (\n\t\titems: SelectedItems,\n\t\ttotal: number,\n\t\tsecondaryClick?: boolean,\n\t) => void;\n\tonClose?: () => void;\n\tvisible: boolean;\n\tzIndex?: number;\n\tlimit?: number;\n\texactLimit?: number;\n\thideCollectionCheckbox?: boolean;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\tselectProductsFromCustomCollection?: boolean;\n\thideSelectionCount?: boolean;\n\ttitle?: string;\n\tpostHeader?: React.ReactNode;\n\twidth?: string;\n\tleft?: string;\n\trenderWithoutModal?: boolean;\n\tonClickSave?: number;\n\tpickerType?: 'COLLECTION' \| 'PRODUCT';\n\thideProductVariants?: boolean;\n\trearrangeEnabled?: boolean;\n\tselectSingleItem?: boolean;\n\tstickyFooter?: boolean;\n\tshowProductDetails?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tcrossButtonInsideHeader?: boolean;\n\tfooterForNonModal?: FooterForNonModalI;\n\tuseDynamicInfoImageSize?: boolean;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n\tsubtitle?: string;\n} & (\n\t\| {\n\t\t\tstartupScreen: ScreenName.RearrangeProducts;\n\t\t\trearrangeEnabled: true;\n\t }\n\t\| {\n\t\t\tstartupScreen?: Exclude<ScreenName, ScreenName.RearrangeProducts>;\n\t }\n);\n\nexport const ProductPickerModal = (props: ProductPickerInterface) => {\n\tconst {\n\t\tstoreId,\n\t\tselectedItems,\n\t\tonClose,\n\t\tvisible,\n\t\tzIndex,\n\t\texactLimit,\n\t\tlimit,\n\t\thideCollectionCheckbox,\n\t\thideProductCheckbox,\n\t\toutOfStockAction = OUT_OF_STOCK_ACTION.BLUR,\n\t\thideVariantCheckbox,\n\t\tselectProductsFromCustomCollection,\n\t\thideSelectionCount,\n\t\ttitle,\n\t\twidth,\n\t\tleft,\n\t\trenderWithoutModal,\n\t\tonClickSave,\n\t\tpickerType,\n\t\thideProductVariants = false,\n\t\tstartupScreen = ScreenName.Collections,\n\t\trearrangeEnabled,\n\t\tselectSingleItem = false,\n\t\tshowProductDetails: showProductDetailInfoIcon,\n\t\tcontainerStyle,\n\t\tcrossButtonInsideHeader = false,\n\t\tfooterForNonModal = {},\n\t\tprimaryButton,\n\t\tsecondaryButton,\n\t\tsubtitle,\n\t} = props;\n\tconst appType = props.appType \|\| ApplicationType.BIK;\n\tconst [collections, collectionsDispatch] = useReducer(collectionsReducer, {});\n\tconst [screen, setScreen] = useState<string>(\n\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\tstartupScreen,\n\t\t)\n\t\t\t? startupScreen\n\t\t\t: ScreenName.Collections,\n\t);\n\t// @ts-ignore\n\tconst [rearrangeViewType, setRearrangeViewType] = useState<'grid' \| 'list'>(\n\t\t'grid',\n\t);\n\tconst [collectionId, setCollectionId] = useState<string>('');\n\t// Introduced for pagination purpose. Based on this flag, we fetch all data for a collection.\n\tconst [selectedCollectionId, setSelectedCollectionId] = useState<string>('');\n\n\tconst [collectionPage, setCollectionPage] = useState<number>(0);\n\tconst [saveDisabled, setSaveDisabled] = useState<boolean>(false);\n\tconst [total, setTotal] = useState(0);\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [searchLoader, setSearchLoader] = useState<boolean>(false);\n\tconst [collectionsLoader, setCollectionsLoader] = useState<boolean>(false);\n\tconst [searchedCollections, searchedCollectionsDispatch] = useReducer(\n\t\tsearchReducer,\n\t\t{ collections: {}, products: {} },\n\t);\n\n\tconst [selectedCollections, selectedCollectionsDispatch] = useReducer(\n\t\tselectedColectionsReducer,\n\t\tObject.keys(selectedItems).length > 0 ? selectedItems : {},\n\t);\n\n\tconst scrollContainerRef = useRef<HTMLDivElement>(null);\n\n\tconst [showProductInfoOverlay, setShowProductInfoOverlay] = useState(false);\n\tconst [productInfoOverlayData, setProductInfoOverlayData] = useState<\n\t\tProduct \| ProductVariant\n\t>();\n\n\tuseEffect(() => {\n\t\tsetSaveDisabled(true);\n\t\tsetCollectionsLoader(true);\n\t\tprops\n\t\t\t.collectionFetcher(collectionPage, storeId, appType)\n\t\t\t.then((collectionsParsed) => {\n\t\t\t\tcollectionsDispatch({\n\t\t\t\t\ttype: 'fetched',\n\t\t\t\t\tdata: collectionsParsed?.collections \|\| {},\n\t\t\t\t});\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetCollectionPage((prev) => prev + 1);\n\t\t\t\tsetCollectionsLoader(false);\n\t\t\t})\n\t\t\t.catch();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tlet count = 0;\n\t\t// For COLLECTION picker type, count the number of collections selected\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\tcount = Object.keys(selectedCollections \|\| {}).filter(\n\t\t\t\t(key) => key !== 'isCustom',\n\t\t\t).length;\n\t\t} else if (hideProductVariants) {\n\t\t\tObject.keys(selectedCollections \|\| []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] \|\| [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tif (collectionId !== '-1') {\n\t\t\t\t\t\t// currently we are not in all products collections\n\t\t\t\t\t\t// so we check if this product is present in all product collection,\n\t\t\t\t\t\t// if so, skip this count, it will increment from all product collection\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!selectedCollections['-1'] \|\|\n\t\t\t\t\t\t\t!selectedCollections['-1'].products?.[productId]\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tObject.keys(selectedCollections \|\| []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] \|\| [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tObject.keys(\n\t\t\t\t\t\tselectedCollections[collectionId]['products']?.[productId]?.[\n\t\t\t\t\t\t\t'variants'\n\t\t\t\t\t\t] \|\| [],\n\t\t\t\t\t).forEach(() => {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetTotal(count);\n\t}, [collections, selectedCollections, hideProductVariants, pickerType]);\n\n\t/*\n\t When we have a selected collection Id, we fetch all products for the collection and store in memory. This is done so that we can have total count to display in footer.\n\t /\n\tuseEffect(() => {\n\t\tif (selectedCollectionId) {\n\t\t\tsetSaveDisabled(true);\n\t\t\tprops\n\t\t\t\t.productFetcher(selectedCollectionId, storeId, appType)\n\t\t\t\t.then((data) => {\n\t\t\t\t\tif (Object.keys(data).length) {\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsFetched',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId: selectedCollectionId,\n\t\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tsetSaveDisabled(false);\n\t\t\t\t})\n\t\t\t\t.catch();\n\t\t}\n\t}, [selectedCollectionId]);\n\n\tuseEffect(() => {\n\t\tconst getSearchData = setTimeout(() => {\n\t\t\tif (screen === 'rearrange') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length && screen === 'collections') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length) {\n\t\t\t\tsetScreen('collections');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetSearchLoader(true);\n\t\t\tprops.searchFetcher(storeId, searchText, appType).then((data) => {\n\t\t\t\t// Updating searched items as well as global data. Global data should be updated because it is being used everywhere.\n\t\t\t\tif ('collections' in data && 'products' in data) {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: data as SearchedItems,\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.collections,\n\t\t\t\t\t});\n\t\t\t\t\t// If products are present in the search data but respective collection is missing, this ensures those collections get added as well.\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.products,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tcollections: {},\n\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetScreen('searchProducts');\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetSearchLoader(false);\n\t\t\t});\n\t\t}, 800);\n\n\t\treturn () => clearTimeout(getSearchData);\n\t}, [searchText]);\n\n\tuseEffect(() => {\n\t\tif (onClickSave) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [onClickSave]);\n\n\tuseEffect(() => {\n\t\t/\n\t use-case: When single product/collection picker is required which should select the single item\n\t when clicked and close the picker\n\t /\n\t\tif (!selectSingleItem) return;\n\t\tif (Object.keys(selectedCollections \|\| {}).length && total) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [selectSingleItem, selectedCollections, total]);\n\n\tconst getTitle = () => {\n\t\tif (screen === 'collections') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'products') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'view') {\n\t\t\treturn 'Selected Products';\n\t\t} else if (screen === 'searchProducts') {\n\t\t\treturn 'Searched Results';\n\t\t} else if (screen === 'rearrange') {\n\t\t\treturn 'Rearrange Products';\n\t\t}\n\t};\n\n\tconst resetPicker = () => {\n\t\tselectedCollectionsDispatch({\n\t\t\ttype: 'reset',\n\t\t\tdata: {},\n\t\t});\n\t};\n\n\tconst handleOnClose = () => {\n\t\tonClose?.();\n\t\tresetPicker();\n\t};\n\n\tconst renderFooterComponent = () => {\n\t\t// Determine item type based on picker type and whether we're counting variants\n\t\tlet itemType: string;\n\t\tlet itemTypePlural: string;\n\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\titemType = 'collection';\n\t\t\titemTypePlural = 'collections';\n\t\t} else if (hideProductVariants) {\n\t\t\t// When hideProductVariants is true, we count products\n\t\t\titemType = 'product';\n\t\t\titemTypePlural = 'products';\n\t\t} else {\n\t\t\t// When hideProductVariants is false, we count variants\n\t\t\titemType = 'variant';\n\t\t\titemTypePlural = 'variants';\n\t\t}\n\n\t\tif (exactLimit && total > exactLimit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${exactLimit} ${\n\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if (limit && total > limit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${limit} ${\n\t\t\t\t\t\tlimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (total > 0) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\trearrangeEnabled\n\t\t\t\t\t\t\t? setScreen(ScreenName.RearrangeProducts)\n\t\t\t\t\t\t\t: setScreen(ScreenName.SelectedProducts);\n\t\t\t\t\t}}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\ttotal === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\t['rearrange', 'view'].includes(screen) ? 'tertiaryGray' : 'tertiary'\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={['rearrange', 'view'].includes(screen)}\n\t\t\t\t/>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={true}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst onSearchTextChange = (text) => {\n\t\tif (!text.length \|\| !text.trim().length) {\n\t\t\tsetSearchText('');\n\t\t\treturn;\n\t\t}\n\t\tsetSearchText(text);\n\t};\n\n\tconst getFooterButtonText = (buttonText?: string) => {\n\t\tif (saveDisabled) {\n\t\t\treturn 'Loading...';\n\t\t}\n\n\t\tif (screen === ScreenName.RearrangeProducts) {\n\t\t\treturn buttonText ?? 'Done';\n\t\t}\n\t\treturn buttonText ?? 'Add';\n\t};\n\n\tconst onProductDetailClick = (productData: Product \| ProductVariant) => {\n\t\tsetShowProductInfoOverlay(true);\n\t\tsetProductInfoOverlayData(productData);\n\t};\n\n\tconst getPrimaryButtonForComponent = (primaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...primaryButton,\n\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\tdisabled:\n\t\t\t\t(!primaryButton.isLoading &&\n\t\t\t\t\t(saveDisabled \|\|\n\t\t\t\t\t\ttotal < 1 \|\|\n\t\t\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t\t\t(!exactLimit && limit && total > limit))) \|\|\n\t\t\t\tprimaryButton.disabled,\n\t\t\tonClick: () => {\n\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\tresetPicker();\n\t\t\t\tsetScreen(\n\t\t\t\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\t\t\t\tstartupScreen,\n\t\t\t\t\t)\n\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst getSecondaryButtonForComponent = (secondaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...secondaryButton,\n\t\t\tdisabled:\n\t\t\t\tsaveDisabled \|\|\n\t\t\t\ttotal < 1 \|\|\n\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t(!exactLimit && limit && total > limit) \|\|\n\t\t\t\tfalse,\n\t\t\tonClick: () => {\n\t\t\t\tconst filteredCollections = updateAllVariantsForSelectedProducts(\n\t\t\t\t\tselectedCollections,\n\t\t\t\t\tcollections,\n\t\t\t\t\tsearchedCollections,\n\t\t\t\t);\n\t\t\t\tprops.onAdd(filteredCollections, total, true);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst CoreComponent = (\n\t\t<ContainerStyle style={containerStyle ?? {}}>\n\t\t\t{props.postHeader && (\n\t\t\t\t<div style={{ padding: '0 24px' }}>{props.postHeader}</div>\n\t\t\t)}\n\t\t\t{!props.hideGlobalSearch && (\n\t\t\t\t<>\n\t\t\t\t\t{(screen === 'collections' \|\| screen === 'searchProducts') && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: renderWithoutModal ? '8px 16px' : '12px 24px',\n\t\t\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Search using ID, Name or SKU ID'}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tnoErrorHint={true}\n\t\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t\t\t\t\tsearchLoader ? (\n\t\t\t\t\t\t\t\t\t\t\t<Spinner size=\"small\" color={COLORS.content.primary} />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid={'listInput'}\n\t\t\t\t\t\t\t\theight={'24px'}\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tonChangeText={onSearchTextChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<ScrollContainerStyle ref={scrollContainerRef} screenName={screen}>\n\t\t\t\t{screen === 'collections' && (\n\t\t\t\t\t<CollectionsScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tdataLoading={collectionsLoader}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\tcollectionFetcher={props.collectionFetcher}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\tpagingControls={{\n\t\t\t\t\t\t\tcurPage: collectionPage,\n\t\t\t\t\t\t\tsetCurPage: setCollectionPage,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'products' && collectionId && (\n\t\t\t\t\t<CollectionIdContext.Provider value={collectionId}>\n\t\t\t\t\t\t<ProductsScreen\n\t\t\t\t\t\t\thideInCollectionSearch={props.hideInCollectionSearch}\n\t\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\t\tproductFetcher={props.productFetcher}\n\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\tdata={collections[collectionId]}\n\t\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\tselectedData={selectedCollections}\n\t\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\t\tsearchInCollectionFetcher={props.searchInCollectionFetcher}\n\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\tselectProductsFromCustomCollection={\n\t\t\t\t\t\t\t\tselectProductsFromCustomCollection\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CollectionIdContext.Provider>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'view' && (\n\t\t\t\t\t<SelectedScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections \|\| {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'rearrange' && (\n\t\t\t\t\t<RearrangeScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections \|\| {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\trearrangeViewType={rearrangeViewType === 'grid' ? 'list' : 'grid'}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'searchProducts' && (\n\t\t\t\t\t<SearchScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tselectedCollections={selectedCollections \|\| {}}\n\t\t\t\t\t\tsearchedCollections={searchedCollections \|\| {}}\n\t\t\t\t\t\tsearchedCollectionsDispatch={searchedCollectionsDispatch}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tonBackPress={() => {\n\t\t\t\t\t\t\t//Resetting searched items once user presses back\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\t\t\tdata: { collections: {}, products: {} },\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ScrollContainerStyle>\n\t\t</ContainerStyle>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{renderWithoutModal ? (\n\t\t\t\t<>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{footerForNonModal.renderFooter ? (\n\t\t\t\t\t\t<StyledFooterForNonModal>\n\t\t\t\t\t\t\t{renderFooterComponent()}\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tbuttonText={getFooterButtonText(\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonText,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\t\t\t\t\t\t\t(!footerForNonModal.isLoading &&\n\t\t\t\t\t\t\t\t\t\t(saveDisabled \|\|\n\t\t\t\t\t\t\t\t\t\t\ttotal < 1 \|\|\n\t\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit))) \|\|\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonDisabled\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisLoading={footerForNonModal.isLoading}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\tsetScreen(\n\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\tScreenName.Collections,\n\t\t\t\t\t\t\t\t\t\t\tScreenName.RearrangeProducts,\n\t\t\t\t\t\t\t\t\t\t].includes(startupScreen)\n\t\t\t\t\t\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledFooterForNonModal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{/ this will allow to show the product overlay in the renderWithoutModal case */}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<StyledModal\n\t\t\t\t\tzIndex={zIndex}\n\t\t\t\t\topen={visible}\n\t\t\t\t\tonClose={handleOnClose}\n\t\t\t\t\theadingTitle={title \|\| getTitle()}\n\t\t\t\t\theadingSubtitle={subtitle}\n\t\t\t\t\tfooterShadow={true}\n\t\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\t\twidth: width \|\| '600px',\n\t\t\t\t\t\tleft: left \|\| 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tcrossButtonInsideHeader ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tfooterContainerStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tzIndex: 9,\n\t\t\t\t\t\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tprimaryButton={\n\t\t\t\t\t\tprimaryButton\n\t\t\t\t\t\t\t? getPrimaryButtonForComponent(primaryButton)\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\tbuttonText: getFooterButtonText(),\n\t\t\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t\t\tsaveDisabled \|\|\n\t\t\t\t\t\t\t\t\t\ttotal < 1 \|\|\n\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) \|\|\n\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit) \|\|\n\t\t\t\t\t\t\t\t\t\tfalse,\n\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t }\n\t\t\t\t\t}\n\t\t\t\t\tsecondaryButton={\n\t\t\t\t\t\tsecondaryButton\n\t\t\t\t\t\t\t? getSecondaryButtonForComponent(secondaryButton)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\twrapperStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tfooterLeftCustomElement={\n\t\t\t\t\t\thideSelectionCount ? <></> : renderFooterComponent()\n\t\t\t\t\t}\n\t\t\t\t\thideCrossButton={showProductInfoOverlay \|\| crossButtonInsideHeader}\n\t\t\t\t>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["props","storeId","selectedItems","onClose","visible","zIndex","exactLimit","limit","hideCollectionCheckbox","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","BLUR","hideVariantCheckbox","selectProductsFromCustomCollection","hideSelectionCount","title","width","left","renderWithoutModal","onClickSave","pickerType","hideProductVariants","startupScreen","ScreenName","Collections","rearrangeEnabled","selectSingleItem","showProductDetails","showProductDetailInfoIcon","containerStyle","crossButtonInsideHeader","footerForNonModal","primaryButton","secondaryButton","subtitle","appType","ApplicationType","BIK","collections","collectionsDispatch","useReducer","collectionsReducer","screen","setScreen","useState","RearrangeProducts","includes","rearrangeViewType","setRearrangeViewType","collectionId","setCollectionId","selectedCollectionId","setSelectedCollectionId","collectionPage","setCollectionPage","saveDisabled","setSaveDisabled","total","setTotal","searchText","setSearchText","searchLoader","setSearchLoader","collectionsLoader","setCollectionsLoader","searchedCollections","searchedCollectionsDispatch","searchReducer","products","selectedCollections","selectedCollectionsDispatch","selectedColectionsReducer","Object","keys","length","scrollContainerRef","useRef","showProductInfoOverlay","setShowProductInfoOverlay","productInfoOverlayData","setProductInfoOverlayData","useEffect","collectionFetcher","then","collectionsParsed","type","data","prev","catch","count","filter","key","forEach","_a","productId","_b","productFetcher","getSearchData","setTimeout","searchFetcher","clearTimeout","onAdd","resetPicker","renderFooterComponent","itemType","itemTypePlural","_jsx","Tag","tagText","Button","onClick","SelectedProducts","buttonText","buttonType","disabled","getFooterButtonText","CoreComponent","_jsxs","jsxs","ContainerStyle","assign","style","children","postHeader","jsx","padding","hideGlobalSearch","_Fragment","borderBottom","Input","placeholder","noKeyDownChange","noErrorHint","rightIcon","icon","Spinner","size","color","COLORS","content","primary","SearchIcon","id","height","value","onChangeText","text","trim","ScrollContainerStyle","ref","screenName","CollectionsScreen","customCollectionRestriction","dataLoading","pagingControls","curPage","setCurPage","CollectionIdContext","Provider","ProductsScreen","hideInCollectionSearch","selectedData","searchInCollectionFetcher","fbStatusFetcher","onProductDetailClick","productData","SelectedScreen","RearrangeScreen","SearchScreen","onBackPress","renderFooter","StyledFooterForNonModal","primaryButtonText","isLoading","primaryButtonDisabled","Fragment","ProductInfoOverlay","useDynamicInfoImageSize","StyledModal","open","handleOnClose","headingTitle","headingSubtitle","footerShadow","centralContainerStyles","headerRightCustomElement","cursor","display","CrossIcon","secondary","footerContainerStyle","stickyFooter","position","bottom","background","surface","standard","undefined","getPrimaryButtonForComponent","filteredCollections","updateAllVariantsForSelectedProducts","getSecondaryButtonForComponent","wrapperStyle","footerLeftCustomElement","hideCrossButton"],"mappings":"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"}