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

package/dist/esm/components/postPicker/postPicker.js.map

@@ -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","PostPicker","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","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","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","backgroundColor","background","inverse","borderRadius","SearchIcon","primaryInverse","TitleMedium","ButtonLarge","brand","StateComponent","states","StateInterface","WARNING","heading","subline","isButtonEnabled"],"mappings":"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"}
+{"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","PostPicker","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","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","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","backgroundColor","background","inverse","borderRadius","SearchIcon","primaryInverse","TitleMedium","ButtonLarge","brand","StateComponent","states","StateInterface","WARNING","heading","subline","isButtonEnabled"],"mappings":"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"}

package/dist/esm/components/product-picker/ProductPickerModal.js

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

package/dist/esm/components/product-picker/ProductPickerModal.js.map

@@ -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","_ref","text","styleProps","_jsxs","StyledZeroState","children","_jsx","className","style","AlertTriangle","width","height","color","DEFAULT_THEME","colorsV2","content","secondary","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","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","PricePleaseProductPicker","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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"}
+{"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","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","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","PricePleaseProductPicker","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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"}

package/dist/esm/components/product-picker-v2/emptyState.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import n from"../../assets/icons/box_round.svg.js";import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{TitleRegular as i,BodySecondary as s}from"../TypographyStyle.js";const c=o=>{let{title:c,subtitle:m}=o;return t(l,{children:[e(n,{width:48,height:48}),e(i,Object.assign({style:{marginTop:8}},{children:c})),e(s,Object.assign({style:{color:r.content.secondary,marginTop:4}},{children:m}))]})},l=o.div`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/box_round.svg.js";import i from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{TitleRegular as r,BodySecondary as s}from"../TypographyStyle.js";const c=({title:i,subtitle:c})=>t(m,{children:[e(o,{width:48,height:48}),e(r,Object.assign({style:{marginTop:8}},{children:i})),e(s,Object.assign({style:{color:n.content.secondary,marginTop:4}},{children:c}))]}),m=i.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;

package/dist/esm/components/product-picker-v2/emptyState.js.map

@@ -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":["EmptyState","_ref","title","subtitle","_jsxs","EmptyContainer","children","_jsx","BoxRound","width","height","TitleRegular","Object","assign","style","marginTop","BodySecondary","color","COLORS","content","secondary","styled","div"],"mappings":"gQAUaA,MAAAA,EAAaC,IAAyC,IAAxCC,MAAEA,EAAKC,SAAEA,GAA2BF,EAC9D,OACCG,EAACC,EACA,CAAAC,SAAA,CAAAC,EAACC,EAAS,CAAAC,MAAO,GAAIC,OAAQ,KAC7BH,EAACI,EAAYC,OAAAC,OAAA,CAACC,MAAO,CAAEC,UAAW,cAAMb,KACxCK,EAACS,EAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,UAAWL,UAAW,IAAG,CAAAT,SACrEH,OAEc,EAIbE,EAAiBgB,EAAOC,GAAG;;;;;;;"}
+{"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","title","subtitle","_jsxs","EmptyContainer","children","_jsx","BoxRound","width","height","TitleRegular","Object","assign","style","marginTop","BodySecondary","color","COLORS","content","secondary","styled","div"],"mappings":"gQAUO,MAAMA,EAAaA,EAAGC,QAAOC,cAElCC,EAACC,EACA,CAAAC,SAAA,CAAAC,EAACC,EAAS,CAAAC,MAAO,GAAIC,OAAQ,KAC7BH,EAACI,EAAYC,OAAAC,OAAA,CAACC,MAAO,CAAEC,UAAW,cAAMb,KACxCK,EAACS,EAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,UAAWL,UAAW,IAAG,CAAAT,SACrEH,QAMCE,EAAiBgB,EAAOC,GAAG;;;;;;;"}

package/dist/esm/components/product-picker-v2/helpers/ProductHelper.js

@@ -1,2 +1,2 @@
-import{OUT_OF_STOCK_ACTION as t}from"../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.NORMAL,u="NORMAL";if(l.variants)return n[u];const a=l;return"REJECTED"===(null==a?void 0:a.fbStatus)?n.FB_REJECTED:(i===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.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,a;let e=t,o=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(e=Object.values(null!==(a=null==t?void 0:t.variants)&&void 0!==a?a:{})[0],o=!0);const r=l.getProductLabels(e,i);return{isVariantForProductPickerTag:o,dataForProductPickerTag:e,tagText:null!=r?r:void 0,tagType:l.getTagType(null!=r?r:"")}}});const i=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,a;const e=null!==(u=t[l].products)&&void 0!==u?u:[],o=null!==(a=e[i].variants)&&void 0!==a?a:[];return Object.keys(o).map((t=>{const n=o[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[i].name})),n=[...n,...Object.values(o)],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};export{l as ProductHelper,i as parseSelectedVariantsToArray};
+import{OUT_OF_STOCK_ACTION as t}from"../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.NORMAL){let u="NORMAL";if(l.variants)return n[u];const a=l;return"REJECTED"===(null==a?void 0:a.fbStatus)?n.FB_REJECTED:(i===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.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,a;let e=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(e=Object.values(null!==(a=null==t?void 0:t.variants)&&void 0!==a?a:{})[0],r=!0);const o=l.getProductLabels(e,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:e,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});const i=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,a;const e=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(a=e[i].variants)&&void 0!==a?a:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[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};export{l as ProductHelper,i as parseSelectedVariantsToArray};
 //# sourceMappingURL=ProductHelper.js.map

package/dist/esm/components/product-picker-v2/helpers/ProductHelper.js.map

@@ -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","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","parseSelectedVariantsToArray","selectedCollections","selectedVariantsForRearrange","forEach","collectionId","productId","products","map","variantId","variantForRearrange","currency","productName","sortedVariants","sort","a","b","displayOrder","variant","index"],"mappings":"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"}
+{"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","parseSelectedVariantsToArray","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/esm/components/product-picker-v2/modal.js.map

@@ -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":["ProductPickerModal","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","ContainerStyle","assign","style","children","postHeader","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","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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"}
+{"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":["ProductPickerModal","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","ContainerStyle","assign","style","children","postHeader","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","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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"}