@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.7

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

@@ -1 +1 @@
-{"version":3,"file":"product.js","sources":["../../../../src/components/product-picker-v2/product.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport InfoIcon from '../../assets/icons/info.svg';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport type { SelectedCollectionsActions } from './reducers';\nimport {\n\tEllipsedBodyTiny,\n\tProductCardStyle,\n\tProductInfo,\n\tProductSubTitle,\n\tSKUIDBadge,\n} from './style';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductVariant,\n\ttype SelectedItems,\n} from './type';\nimport { getSkuId, shouldShowVariant } from './utility';\n\ninterface ProductGroupInterface {\n\tcollectionId: string;\n\tproductId: string;\n\tdata: Product;\n\tselectedData: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tviewOnly: boolean;\n\tisProductPartiallyChecked?: boolean;\n\tupliftAdditions: any;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\thideProductVariants?: boolean;\n\tshowProductDetailInfoIcon?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tonProductDetailClick?: (productData: Product | ProductVariant) => void;\n}\n\nexport const ProductGroup = (props: ProductGroupInterface) => {\n\tconst {\n\t\tcollectionId,\n\t\tproductId,\n\t\tdata,\n\t\tselectedData,\n\t\tselectedCollectionsDispatch,\n\t\tviewOnly,\n\t\tupliftAdditions,\n\t\tisProductPartiallyChecked,\n\t\thideProductCheckbox,\n\t\toutOfStockAction,\n\t\thideVariantCheckbox,\n\t\thideProductVariants,\n\t\tpickerType,\n\t\tonProductDetailClick,\n\t\tshowProductDetailInfoIcon,\n\t} = props;\n\n\tconst containsProduct = () => {\n\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\treturn product ? true : false;\n\t};\n\n\tconst containsVariant = (variantId: string) => {\n\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\tif (!product) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst variant =\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants']?.[\n\t\t\t\tvariantId\n\t\t\t];\n\n\t\treturn variant ? true : false;\n\t};\n\n\tconst currencyAndPriceForProduct = !(\n\t\t!hideProductVariants && shouldShowVariant(data)\n\t)\n\t\t? `${data.currency ? CurrencySymbols[data.currency] ?? '' : ''}${\n\t\t\t\tObject.values(data['variants'] ?? {})?.[0]?.price ??\n\t\t\t\tObject.values(data['variants'] ?? {})?.[0]?.actualPrice ??\n\t\t\t\t''\n\t\t  }`\n\t\t: '';\n\n\treturn (\n\t\t<div>\n\t\t\t<ProductCard\n\t\t\t\tisVariant={false}\n\t\t\t\tdata={data}\n\t\t\t\tproductId={productId}\n\t\t\t\tcollectionId={collectionId}\n\t\t\t\tisSelected={containsProduct()}\n\t\t\t\tisPartiallyChecked={isProductPartiallyChecked}\n\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\tkey={productId}\n\t\t\t\tupliftAdditions={upliftAdditions}\n\t\t\t\tviewOnly={viewOnly}\n\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\tpickerType={pickerType}\n\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\tcurrencyAndPrice={currencyAndPriceForProduct}\n\t\t\t/>\n\n\t\t\t{hideProductVariants\n\t\t\t\t? null\n\t\t\t\t: shouldShowVariant(data) &&\n\t\t\t\t  Object.keys(data['variants'] || []).map((variantId: any) => {\n\t\t\t\t\t\tconst currencyAndPriceForVariant = `${\n\t\t\t\t\t\t\tdata.currency ? CurrencySymbols[data.currency] ?? '' : ''\n\t\t\t\t\t\t}${\n\t\t\t\t\t\t\tdata['variants']?.[variantId]?.price ??\n\t\t\t\t\t\t\tdata['variants']?.[variantId]?.actualPrice ??\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<ProductCard\n\t\t\t\t\t\t\t\tisVariant={true}\n\t\t\t\t\t\t\t\tkey={variantId}\n\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\tdata={{\n\t\t\t\t\t\t\t\t\t...(data['variants'] as { [key: string]: ProductVariant })[\n\t\t\t\t\t\t\t\t\t\tvariantId\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\tcurrency: data.currency,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvariantId={variantId}\n\t\t\t\t\t\t\t\tproductId={productId}\n\t\t\t\t\t\t\t\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\tupliftAdditions={upliftAdditions}\n\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\tisSelected={containsVariant(variantId)}\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\t\t\t\t\tcurrencyAndPrice={currencyAndPriceForVariant}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t  })}\n\t\t</div>\n\t);\n};\n\ninterface ProductCardInterface {\n\tisVariant: boolean;\n\tdata: Product | ProductVariant;\n\tproductId: string;\n\tcollectionId: string;\n\tvariantId?: string;\n\tisSelected: boolean;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tviewOnly: boolean;\n\tisPartiallyChecked?: boolean;\n\tupliftAdditions: any;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\thideProductVariants?: boolean;\n\tshowProductDetailInfoIcon?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tonProductDetailClick?: (productData: Product | ProductVariant) => void;\n\tcurrencyAndPrice?: string;\n}\n\nexport const ProductCard = (props: ProductCardInterface) => {\n\tconst {\n\t\tisVariant,\n\t\tdata,\n\t\tproductId,\n\t\tcollectionId,\n\t\tvariantId,\n\t\tisSelected,\n\t\tselectedCollectionsDispatch,\n\t\tviewOnly,\n\t\tupliftAdditions,\n\t\tisPartiallyChecked,\n\t\thideProductCheckbox,\n\t\toutOfStockAction,\n\t\thideVariantCheckbox,\n\t\thideProductVariants,\n\t\tpickerType = 'PRODUCT',\n\t\tonProductDetailClick,\n\t\tshowProductDetailInfoIcon,\n\t\tcurrencyAndPrice,\n\t} = props;\n\tconst {\n\t\tisVariantForProductPickerTag,\n\t\tdataForProductPickerTag,\n\t\ttagText,\n\t\ttagType,\n\t} = ProductHelper.getDataForProductPickerTag(\n\t\tdata,\n\t\tisVariant,\n\t\toutOfStockAction,\n\t);\n\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = getSkuId(data, isVariant);\n\n\tconst onProductCardClick = (event) => {\n\t\tevent.stopPropagation();\n\n\t\tif (\n\t\t\tpickerType === 'PRODUCT' &&\n\t\t\t(hideProductCheckbox || hideVariantCheckbox)\n\t\t) {\n\t\t\tconst keys = Object.keys(data['variants']);\n\t\t\tif (hideProductVariants) {\n\t\t\t\tif (!isSelected) {\n\t\t\t\t\tupliftAdditions('productSelected', {\n\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\tproduct: data,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'productUnselected',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (!isSelected) {\n\t\t\t\t\tupliftAdditions('variantSelected', {\n\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\tvariantId: variantId || keys[0],\n\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\tvariant: data,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'variantUnselected',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\t\tcollectionId: collectionId,\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}\n\t};\n\n\treturn (\n\t\t<ProductCardStyle\n\t\t\tisVariant={isVariant}\n\t\t\tonClick={onProductCardClick}\n\t\t\tisActive={isSelected}\n\t\t>\n\t\t\t{(isVariant && !(viewOnly || hideVariantCheckbox)) ||\n\t\t\t(!isVariant && !(viewOnly || hideProductCheckbox)) ? (\n\t\t\t\t<CheckBox\n\t\t\t\t\tisChecked={isSelected}\n\t\t\t\t\tisPartiallyChecked={isPartiallyChecked || false}\n\t\t\t\t\tonValueChange={function (checked: boolean, _val, event): void {\n\t\t\t\t\t\tevent?.stopPropagation();\n\n\t\t\t\t\t\tif (!isVariant) {\n\t\t\t\t\t\t\tif (!checked) {\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\ttype: 'productUnselected',\n\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\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} else {\n\t\t\t\t\t\t\t\tupliftAdditions('productSelected', {\n\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\t\t\t\tproduct: data,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (!checked) {\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\ttype: hideProductVariants\n\t\t\t\t\t\t\t\t\t\t? 'productUnselected'\n\t\t\t\t\t\t\t\t\t\t: 'variantUnselected',\n\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\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} else {\n\t\t\t\t\t\t\t\tupliftAdditions(\n\t\t\t\t\t\t\t\t\thideProductVariants ? 'productSelected' : 'variantSelected',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\t\t\t\t\tvariant: data,\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}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t<div>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\twidth={40}\n\t\t\t\t\theight={40}\n\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\talt=\"Item\"\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: 1,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tvariant={'light'}\n\t\t\t\t\t\tbody={data.name}\n\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\tdelay={400}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{data.name}\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<ProductInfo>\n\t\t\t\t\t\t<ProductPickerTag\n\t\t\t\t\t\t\tisVariant={isVariantForProductPickerTag}\n\t\t\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\t\t\ttagText={tagText}\n\t\t\t\t\t\t\ttagType={tagType}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{showProductDetailInfoIcon && (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonProductDetailClick?.(data);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={() => (\n\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\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)}\n\t\t\t\t\t</ProductInfo>\n\t\t\t\t</div>\n\t\t\t\t<ProductSubTitle>\n\t\t\t\t\t{/* in the cases where we show tags, do not show the currency and price and sku id */}\n\t\t\t\t\t{(!(dataForProductPickerTag as ProductVariant)?.fbStatus &&\n\t\t\t\t\t\tisVariantForProductPickerTag) ||\n\t\t\t\t\ttagText ? null : (\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{currencyAndPrice}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t)}\n\t\t\t\t\t{skuId && (\n\t\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t)}\n\t\t\t\t</ProductSubTitle>\n\t\t\t</div>\n\t\t</ProductCardStyle>\n\t);\n};\n"],"names":["ProductGroup","props","collectionId","productId","data","selectedData","selectedCollectionsDispatch","viewOnly","upliftAdditions","isProductPartiallyChecked","hideProductCheckbox","outOfStockAction","hideVariantCheckbox","hideProductVariants","pickerType","onProductDetailClick","showProductDetailInfoIcon","containsProduct","containsVariant","variantId","currencyAndPriceForProduct","shouldShowVariant","CurrencySymbols","jsxDEV","ProductCard","this","currencyAndPriceForVariant","isVariant","isSelected","isPartiallyChecked","currencyAndPrice","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","onProductCardClick","event","keys","ProductCardStyle","CheckBox","checked","_val","Fragment","ShimmerImage","Tooltip","TitleSmall","ProductInfo","ProductPickerTag","IconButton","InfoIcon","COLORS","ProductSubTitle","BodyCaption","SKUIDBadge","EllipsedBodyTiny"],"mappings":"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"}
+{"version":3,"file":"product.js","sources":["../../../../src/components/product-picker-v2/product.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport InfoIcon from '../../assets/icons/info.svg';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport type { SelectedCollectionsActions } from './reducers';\nimport {\n\tEllipsedBodyTiny,\n\tProductCardStyle,\n\tProductInfo,\n\tProductSubTitle,\n\tSKUIDBadge,\n} from './style';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductVariant,\n\ttype SelectedItems,\n} from './type';\nimport { getSkuId, shouldShowVariant } from './utility';\n\ninterface ProductGroupInterface {\n\tcollectionId: string;\n\tproductId: string;\n\tdata: Product;\n\tselectedData: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tviewOnly: boolean;\n\tisProductPartiallyChecked?: boolean;\n\tupliftAdditions: any;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\thideProductVariants?: boolean;\n\tshowProductDetailInfoIcon?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tonProductDetailClick?: (productData: Product | ProductVariant) => void;\n}\n\nexport const ProductGroup = (props: ProductGroupInterface) => {\n\tconst {\n\t\tcollectionId,\n\t\tproductId,\n\t\tdata,\n\t\tselectedData,\n\t\tselectedCollectionsDispatch,\n\t\tviewOnly,\n\t\tupliftAdditions,\n\t\tisProductPartiallyChecked,\n\t\thideProductCheckbox,\n\t\toutOfStockAction,\n\t\thideVariantCheckbox,\n\t\thideProductVariants,\n\t\tpickerType,\n\t\tonProductDetailClick,\n\t\tshowProductDetailInfoIcon,\n\t} = props;\n\n\tconst containsProduct = () => {\n\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\treturn product ? true : false;\n\t};\n\n\tconst containsVariant = (variantId: string) => {\n\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\tif (!product) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst variant =\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants']?.[\n\t\t\t\tvariantId\n\t\t\t];\n\n\t\treturn variant ? true : false;\n\t};\n\n\tconst currencyAndPriceForProduct = !(\n\t\t!hideProductVariants && shouldShowVariant(data)\n\t)\n\t\t? `${data.currency ? CurrencySymbols[data.currency] ?? '' : ''}${\n\t\t\t\tObject.values(data['variants'] ?? {})?.[0]?.price ??\n\t\t\t\tObject.values(data['variants'] ?? {})?.[0]?.actualPrice ??\n\t\t\t\t''\n\t\t  }`\n\t\t: '';\n\n\treturn (\n\t\t<div>\n\t\t\t<ProductCard\n\t\t\t\tisVariant={false}\n\t\t\t\tdata={data}\n\t\t\t\tproductId={productId}\n\t\t\t\tcollectionId={collectionId}\n\t\t\t\tisSelected={containsProduct()}\n\t\t\t\tisPartiallyChecked={isProductPartiallyChecked}\n\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\tkey={productId}\n\t\t\t\tupliftAdditions={upliftAdditions}\n\t\t\t\tviewOnly={viewOnly}\n\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\tpickerType={pickerType}\n\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\tcurrencyAndPrice={currencyAndPriceForProduct}\n\t\t\t/>\n\n\t\t\t{hideProductVariants\n\t\t\t\t? null\n\t\t\t\t: shouldShowVariant(data) &&\n\t\t\t\t  Object.keys(data['variants'] || []).map((variantId: any) => {\n\t\t\t\t\t\tconst currencyAndPriceForVariant = `${\n\t\t\t\t\t\t\tdata.currency ? CurrencySymbols[data.currency] ?? '' : ''\n\t\t\t\t\t\t}${\n\t\t\t\t\t\t\tdata['variants']?.[variantId]?.price ??\n\t\t\t\t\t\t\tdata['variants']?.[variantId]?.actualPrice ??\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<ProductCard\n\t\t\t\t\t\t\t\tisVariant={true}\n\t\t\t\t\t\t\t\tkey={variantId}\n\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\tdata={{\n\t\t\t\t\t\t\t\t\t...(data['variants'] as { [key: string]: ProductVariant })[\n\t\t\t\t\t\t\t\t\t\tvariantId\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\tcurrency: data.currency,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvariantId={variantId}\n\t\t\t\t\t\t\t\tproductId={productId}\n\t\t\t\t\t\t\t\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\tupliftAdditions={upliftAdditions}\n\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\tisSelected={containsVariant(variantId)}\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\t\t\t\t\tcurrencyAndPrice={currencyAndPriceForVariant}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t  })}\n\t\t</div>\n\t);\n};\n\ninterface ProductCardInterface {\n\tisVariant: boolean;\n\tdata: Product | ProductVariant;\n\tproductId: string;\n\tcollectionId: string;\n\tvariantId?: string;\n\tisSelected: boolean;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tviewOnly: boolean;\n\tisPartiallyChecked?: boolean;\n\tupliftAdditions: any;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\thideProductVariants?: boolean;\n\tshowProductDetailInfoIcon?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tonProductDetailClick?: (productData: Product | ProductVariant) => void;\n\tcurrencyAndPrice?: string;\n}\n\nexport const ProductCard = (props: ProductCardInterface) => {\n\tconst {\n\t\tisVariant,\n\t\tdata,\n\t\tproductId,\n\t\tcollectionId,\n\t\tvariantId,\n\t\tisSelected,\n\t\tselectedCollectionsDispatch,\n\t\tviewOnly,\n\t\tupliftAdditions,\n\t\tisPartiallyChecked,\n\t\thideProductCheckbox,\n\t\toutOfStockAction,\n\t\thideVariantCheckbox,\n\t\thideProductVariants,\n\t\tpickerType = 'PRODUCT',\n\t\tonProductDetailClick,\n\t\tshowProductDetailInfoIcon,\n\t\tcurrencyAndPrice,\n\t} = props;\n\tconst {\n\t\tisVariantForProductPickerTag,\n\t\tdataForProductPickerTag,\n\t\ttagText,\n\t\ttagType,\n\t} = ProductHelper.getDataForProductPickerTag(\n\t\tdata,\n\t\tisVariant,\n\t\toutOfStockAction,\n\t);\n\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = getSkuId(data, isVariant);\n\n\tconst onProductCardClick = (event) => {\n\t\tevent.stopPropagation();\n\n\t\tif (\n\t\t\tpickerType === 'PRODUCT' &&\n\t\t\t(hideProductCheckbox || hideVariantCheckbox)\n\t\t) {\n\t\t\tconst keys = Object.keys(data['variants']);\n\t\t\tif (hideProductVariants) {\n\t\t\t\tif (!isSelected) {\n\t\t\t\t\tupliftAdditions('productSelected', {\n\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\tproduct: data,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'productUnselected',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (!isSelected) {\n\t\t\t\t\tupliftAdditions('variantSelected', {\n\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\tvariantId: variantId || keys[0],\n\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\tvariant: data,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'variantUnselected',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\t\tcollectionId: collectionId,\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}\n\t};\n\n\treturn (\n\t\t<ProductCardStyle\n\t\t\tisVariant={isVariant}\n\t\t\tonClick={onProductCardClick}\n\t\t\tisActive={isSelected}\n\t\t>\n\t\t\t{(isVariant && !(viewOnly || hideVariantCheckbox)) ||\n\t\t\t(!isVariant && !(viewOnly || hideProductCheckbox)) ? (\n\t\t\t\t<CheckBox\n\t\t\t\t\tisChecked={isSelected}\n\t\t\t\t\tisPartiallyChecked={isPartiallyChecked || false}\n\t\t\t\t\tonValueChange={function (checked: boolean, _val, event): void {\n\t\t\t\t\t\tevent?.stopPropagation();\n\n\t\t\t\t\t\tif (!isVariant) {\n\t\t\t\t\t\t\tif (!checked) {\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\ttype: 'productUnselected',\n\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\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} else {\n\t\t\t\t\t\t\t\tupliftAdditions('productSelected', {\n\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\t\t\t\tproduct: data,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (!checked) {\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\ttype: hideProductVariants\n\t\t\t\t\t\t\t\t\t\t? 'productUnselected'\n\t\t\t\t\t\t\t\t\t\t: 'variantUnselected',\n\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\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} else {\n\t\t\t\t\t\t\t\tupliftAdditions(\n\t\t\t\t\t\t\t\t\thideProductVariants ? 'productSelected' : 'variantSelected',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tproductId: productId,\n\t\t\t\t\t\t\t\t\t\tvariantId: variantId,\n\t\t\t\t\t\t\t\t\t\tcollectionId: collectionId,\n\t\t\t\t\t\t\t\t\t\tvariant: data,\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}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t<div>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\twidth={40}\n\t\t\t\t\theight={40}\n\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\talt=\"Item\"\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: 1,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tvariant={'light'}\n\t\t\t\t\t\tbody={data.name}\n\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\tdelay={400}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{data.name}\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<ProductInfo>\n\t\t\t\t\t\t<ProductPickerTag\n\t\t\t\t\t\t\tisVariant={isVariantForProductPickerTag}\n\t\t\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\t\t\ttagText={tagText}\n\t\t\t\t\t\t\ttagType={tagType}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{showProductDetailInfoIcon && (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonProductDetailClick?.(data);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={() => (\n\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\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)}\n\t\t\t\t\t</ProductInfo>\n\t\t\t\t</div>\n\t\t\t\t<ProductSubTitle>\n\t\t\t\t\t{/* in the cases where we show tags, do not show the currency and price and sku id */}\n\t\t\t\t\t{(!(dataForProductPickerTag as ProductVariant)?.fbStatus &&\n\t\t\t\t\t\tisVariantForProductPickerTag) ||\n\t\t\t\t\ttagText ? null : (\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{currencyAndPrice}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t)}\n\t\t\t\t\t{skuId && (\n\t\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t)}\n\t\t\t\t</ProductSubTitle>\n\t\t\t</div>\n\t\t</ProductCardStyle>\n\t);\n};\n"],"names":["ProductGroup","props","collectionId","productId","data","selectedData","selectedCollectionsDispatch","viewOnly","upliftAdditions","isProductPartiallyChecked","hideProductCheckbox","outOfStockAction","hideVariantCheckbox","hideProductVariants","pickerType","onProductDetailClick","showProductDetailInfoIcon","containsProduct","containsVariant","variantId","currencyAndPriceForProduct","shouldShowVariant","CurrencySymbols","jsxDEV","ProductCard","this","currencyAndPriceForVariant","isVariant","isSelected","isPartiallyChecked","currencyAndPrice","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","onProductCardClick","event","keys","ProductCardStyle","CheckBox","checked","_val","Fragment","ShimmerImage","Tooltip","TitleSmall","ProductInfo","ProductPickerTag","IconButton","InfoIcon","COLORS","ProductSubTitle","BodyCaption","SKUIDBadge","EllipsedBodyTiny"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/productInfoOverlay.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),v=require("styled-components"),c=require("../../constants/Theme.js"),x=require("../../assets/icons/cross.svg.js"),i=require("../TypographyStyle.js"),s=require("./constants.js"),D=require("./helpers/ProductHelper.js"),N=require("./ProductPickerTag.js"),l=require("./style.js"),u=require("./utility.js"),k=require("../icon-button/IconButton.js"),I=require("../shimmer-image/ShimmerImage.js"),g=require("../tooltips/Tooltip.js"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=h(v),O=e=>o.jsxDEV(w,{children:[o.jsxDEV(P,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:29,columnNumber:4},void 0),o.jsxDEV(S,{children:o.jsxDEV(k.IconButton,{className:"close-button",onClick:e.onClose,Icon:x.default,width:20,height:20},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:31,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:30,columnNumber:4},void 0),o.jsxDEV(m,{productData:e.productData,outOfStockAction:e.outOfStockAction,useDynamicInfoImageSize:e.useDynamicInfoImageSize},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:39,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:28,columnNumber:3},void 0),m=e=>{const r=e.productData.variants===void 0;let t;if(r)t=`${e.productData.currency?s.CurrencySymbols[e.productData.currency]??"":""}${e.productData?.price??e.productData?.actualPrice??""}`;else{const d=e.productData?.currency;t=`${d?s.CurrencySymbols[d]??"":""}${Object.values(e.productData.variants??{})?.[0]?.price??Object.values(e.productData.variants??{})?.[0]?.actualPrice??""}`}const{isVariantForProductPickerTag:p,dataForProductPickerTag:f,tagText:y,tagType:b}=D.ProductHelper.getDataForProductPickerTag(e.productData,r,e.outOfStockAction),a=u.getSkuId(e.productData,r);return o.jsxDEV(j,{children:[o.jsxDEV(V,{children:o.jsxDEV(I.ShimmerImage,{useDynamicInfoImageSize:e.useDynamicInfoImageSize,imageUrl:e.productData.image,width:200,height:200,borderRadius:4},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:94,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:93,columnNumber:4},void 0),o.jsxDEV(U,{children:[a&&o.jsxDEV(g.Tooltip,{body:a,placement:"top",children:o.jsxDEV(l.SKUIDBadge,{children:o.jsxDEV(l.EllipsedBodyTiny,{children:`SKU ID: ${a}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:106,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:105,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:104,columnNumber:6},void 0),o.jsxDEV(i.TitleRegular,{style:{display:"flex"},children:e.productData.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:110,columnNumber:5},void 0),o.jsxDEV(i.BodyCaption,{color:c.COLORS.content.secondary,children:`Product ID: ${e.productData.id}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:113,columnNumber:5},void 0),o.jsxDEV(i.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:e.productData.description??""}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:117,columnNumber:5},void 0),o.jsxDEV(i.BodyCaption,{color:c.COLORS.content.secondary,children:r?t:u.shouldShowVariant(e.productData)?null:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:124,columnNumber:5},void 0),o.jsxDEV(N.ProductPickerTag,{isVariant:p,data:f,tagText:y,tagType:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:132,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:102,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:92,columnNumber:3},void 0)},w=n.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),k=require("styled-components"),c=require("../../constants/Theme.js"),y=require("../../assets/icons/cross.svg.js"),i=require("../TypographyStyle.js"),u=require("./constants.js"),h=require("./helpers/ProductHelper.js"),x=require("./ProductPickerTag.js"),l=require("./style.js"),d=require("./utility.js"),D=require("../icon-button/IconButton.js"),N=require("../shimmer-image/ShimmerImage.js"),I=require("../tooltips/Tooltip.js"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=g(k),O=e=>r.jsxDEV(P,{children:[r.jsxDEV(S,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:29,columnNumber:4},void 0),r.jsxDEV(j,{children:r.jsxDEV(D.IconButton,{className:"close-button",onClick:e.onClose,Icon:y.default,width:20,height:20},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:31,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:30,columnNumber:4},void 0),r.jsxDEV(m,{productData:e.productData,outOfStockAction:e.outOfStockAction,useDynamicInfoImageSize:e.useDynamicInfoImageSize},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:39,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:28,columnNumber:3},void 0),m=e=>{const n=e.productData.variants===void 0;let t;if(n)t=`${e.productData.currency?u.CurrencySymbols[e.productData.currency]??"":""}${e.productData?.price??e.productData?.actualPrice??""}`;else{const s=e.productData?.currency;t=`${s?u.CurrencySymbols[s]??"":""}${Object.values(e.productData.variants??{})?.[0]?.price??Object.values(e.productData.variants??{})?.[0]?.actualPrice??""}`}const{isVariantForProductPickerTag:p,dataForProductPickerTag:b,tagText:f,tagType:v}=h.ProductHelper.getDataForProductPickerTag(e.productData,n,e.outOfStockAction),a=d.getSkuId(e.productData,n);return r.jsxDEV(V,{children:[r.jsxDEV(U,{children:r.jsxDEV(N.ShimmerImage,{useDynamicInfoImageSize:e.useDynamicInfoImageSize,imageUrl:e.productData.image,width:200,height:200,borderRadius:4},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:94,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:93,columnNumber:4},void 0),r.jsxDEV(C,{children:[a&&r.jsxDEV(I.Tooltip,{body:a,placement:"top",children:r.jsxDEV(l.SKUIDBadge,{children:r.jsxDEV(l.EllipsedBodyTiny,{children:`SKU ID: ${a}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:106,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:105,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:104,columnNumber:6},void 0),r.jsxDEV(i.TitleRegular,{style:{display:"flex"},children:e.productData.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:110,columnNumber:5},void 0),r.jsxDEV(i.BodyCaption,{color:c.COLORS.content.secondary,children:`Product ID: ${e.productData.id}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:113,columnNumber:5},void 0),r.jsxDEV(i.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:e.productData.description??""}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:117,columnNumber:5},void 0),r.jsxDEV(i.BodyCaption,{color:c.COLORS.content.secondary,children:n?t:d.shouldShowVariant(e.productData)?null:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:124,columnNumber:5},void 0),r.jsxDEV(x.ProductPickerTag,{isVariant:p,data:b,tagText:f,tagType:v},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:132,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:102,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productInfoOverlay.tsx",lineNumber:92,columnNumber:3},void 0)},P=o.default.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
@@ -17,11 +17,11 @@
 		word-break: break-word;
 		margin-top: 8px;
 	}
-`,P=n.default.div`
+`,S=o.default.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
-`,S=n.default.div`
+`,j=o.default.div`
 	position: relative;
 
 	.close-button {
@@ -32,19 +32,19 @@
 		background: ${c.COLORS.surface.standard};
 		border-radius: 50%;
 	}
-`,j=n.default.div`
+`,V=o.default.div`
 	display: flex;
 	background: white;
 	padding: 24px;
 	gap: 24px;
 	border-radius: 8px 8px 0px 0px;
-`,V=n.default.div`
+`,U=o.default.div`
 	display: flex;
 	max-width: min(50%, 200px);
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,U=n.default.div`
+`,C=o.default.div`
 	display: flex;
 	flex: 1;
 	flex-direction: column;

package/dist/cjs/components/product-picker-v2/productInfoOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"productInfoOverlay.js","sources":["../../../../src/components/product-picker-v2/productInfoOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport { EllipsedBodyTiny, SKUIDBadge } from './style';\nimport { OUT_OF_STOCK_ACTION, type Product, type ProductVariant } from './type';\nimport { getSkuId, shouldShowVariant } from './utility';\n\n/**\n * When user presses i icon on a product, we show the overlay.\n * In case of a product, contains products image,  product name & description\n * In case of a variant, contains variant image,  variant name,\n *  description as product name, variant tag\n */\nexport const ProductInfoOverlay = (props: {\n\tproductData: Product | ProductVariant;\n\tonClose: () => void;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\treturn (\n\t\t<StyledProductInfoOverlay>\n\t\t\t<OverlayBackground />\n\t\t\t<CloseButtonContainer>\n\t\t\t\t<IconButton\n\t\t\t\t\tclassName=\"close-button\"\n\t\t\t\t\tonClick={props.onClose}\n\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\twidth={20}\n\t\t\t\t\theight={20}\n\t\t\t\t/>\n\t\t\t</CloseButtonContainer>\n\t\t\t<ProductInfoCard\n\t\t\t\tproductData={props.productData}\n\t\t\t\toutOfStockAction={props.outOfStockAction}\n\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t/>\n\t\t</StyledProductInfoOverlay>\n\t);\n};\n\nexport const ProductInfoCard = (props: {\n\tproductData: Product | ProductVariant;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\tconst isVariant = (props.productData as Product).variants === undefined;\n\tlet currencyAndPrice;\n\tif (isVariant) {\n\t\tcurrencyAndPrice = `${\n\t\t\tprops.productData.currency\n\t\t\t\t? CurrencySymbols[props.productData.currency!] ?? ''\n\t\t\t\t: ''\n\t\t}${\n\t\t\t(props.productData as ProductVariant)?.price ??\n\t\t\t(props.productData as ProductVariant)?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t} else {\n\t\tconst productCurrency = (props.productData as Product)?.currency;\n\t\tcurrencyAndPrice = `${\n\t\t\tproductCurrency ? CurrencySymbols[productCurrency] ?? '' : ''\n\t\t}${\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.price ??\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t}\n\tconst {\n\t\tisVariantForProductPickerTag,\n\t\tdataForProductPickerTag,\n\t\ttagText,\n\t\ttagType,\n\t} = ProductHelper.getDataForProductPickerTag(\n\t\tprops.productData,\n\t\tisVariant,\n\t\tprops.outOfStockAction,\n\t);\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = getSkuId(props.productData, isVariant);\n\n\treturn (\n\t\t<StyledProductInfoCard>\n\t\t\t<ImageContainerProductInfo>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\timageUrl={props.productData.image}\n\t\t\t\t\twidth={200}\n\t\t\t\t\theight={200}\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</ImageContainerProductInfo>\n\t\t\t<RightContainerProductInfo>\n\t\t\t\t{skuId && (\n\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t<TitleRegular style={{ display: 'flex' }}>\n\t\t\t\t\t{props.productData.name}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t>{`Product ID: ${props.productData.id}`}</BodyCaption>\n\t\t\t\t{/* Rendering HTML here */}\n\t\t\t\t<BodyCaption\n\t\t\t\t\tclassName=\"overlay-description\"\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: props.productData.description ?? '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{isVariant\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: !shouldShowVariant(props.productData as Product)\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: null}\n\t\t\t\t</BodyCaption>\n\n\t\t\t\t<ProductPickerTag\n\t\t\t\t\tisVariant={isVariantForProductPickerTag}\n\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\ttagText={tagText}\n\t\t\t\t\ttagType={tagType}\n\t\t\t\t/>\n\t\t\t</RightContainerProductInfo>\n\t\t</StyledProductInfoCard>\n\t);\n};\n\nconst StyledProductInfoOverlay = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tbottom: 0;\n\tz-index: 10;\n\n\t.overlay-description {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-height: 300px;\n\t\toverflow-y: auto;\n\t\tword-break: break-word;\n\t\tmargin-top: 8px;\n\t}\n`;\n\nconst OverlayBackground = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n`;\n\nconst CloseButtonContainer = styled.div`\n\tposition: relative;\n\n\t.close-button {\n\t\tposition: absolute;\n\t\ttop: -50px;\n\t\tright: 0px;\n\t\tmargin: 10px;\n\t\tbackground: ${COLORS.surface.standard};\n\t\tborder-radius: 50%;\n\t}\n`;\nconst StyledProductInfoCard = styled.div`\n\tdisplay: flex;\n\tbackground: white;\n\tpadding: 24px;\n\tgap: 24px;\n\tborder-radius: 8px 8px 0px 0px;\n`;\n\nconst ImageContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tmax-width: min(50%, 200px);\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst RightContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n"],"names":["ProductInfoOverlay","props","StyledProductInfoOverlay","jsxDEV","OverlayBackground","this","CloseButtonContainer","IconButton","CrossIcon","ProductInfoCard","isVariant","currencyAndPrice","CurrencySymbols","productCurrency","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","RightContainerProductInfo","Tooltip","SKUIDBadge","EllipsedBodyTiny","TitleRegular","BodyCaption","COLORS","shouldShowVariant","ProductPickerTag","styled"],"mappings":"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"}
+{"version":3,"file":"productInfoOverlay.js","sources":["../../../../src/components/product-picker-v2/productInfoOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport { EllipsedBodyTiny, SKUIDBadge } from './style';\nimport { OUT_OF_STOCK_ACTION, type Product, type ProductVariant } from './type';\nimport { getSkuId, shouldShowVariant } from './utility';\n\n/**\n * When user presses i icon on a product, we show the overlay.\n * In case of a product, contains products image,  product name & description\n * In case of a variant, contains variant image,  variant name,\n *  description as product name, variant tag\n */\nexport const ProductInfoOverlay = (props: {\n\tproductData: Product | ProductVariant;\n\tonClose: () => void;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\treturn (\n\t\t<StyledProductInfoOverlay>\n\t\t\t<OverlayBackground />\n\t\t\t<CloseButtonContainer>\n\t\t\t\t<IconButton\n\t\t\t\t\tclassName=\"close-button\"\n\t\t\t\t\tonClick={props.onClose}\n\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\twidth={20}\n\t\t\t\t\theight={20}\n\t\t\t\t/>\n\t\t\t</CloseButtonContainer>\n\t\t\t<ProductInfoCard\n\t\t\t\tproductData={props.productData}\n\t\t\t\toutOfStockAction={props.outOfStockAction}\n\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t/>\n\t\t</StyledProductInfoOverlay>\n\t);\n};\n\nexport const ProductInfoCard = (props: {\n\tproductData: Product | ProductVariant;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\tconst isVariant = (props.productData as Product).variants === undefined;\n\tlet currencyAndPrice;\n\tif (isVariant) {\n\t\tcurrencyAndPrice = `${\n\t\t\tprops.productData.currency\n\t\t\t\t? CurrencySymbols[props.productData.currency!] ?? ''\n\t\t\t\t: ''\n\t\t}${\n\t\t\t(props.productData as ProductVariant)?.price ??\n\t\t\t(props.productData as ProductVariant)?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t} else {\n\t\tconst productCurrency = (props.productData as Product)?.currency;\n\t\tcurrencyAndPrice = `${\n\t\t\tproductCurrency ? CurrencySymbols[productCurrency] ?? '' : ''\n\t\t}${\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.price ??\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t}\n\tconst {\n\t\tisVariantForProductPickerTag,\n\t\tdataForProductPickerTag,\n\t\ttagText,\n\t\ttagType,\n\t} = ProductHelper.getDataForProductPickerTag(\n\t\tprops.productData,\n\t\tisVariant,\n\t\tprops.outOfStockAction,\n\t);\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = getSkuId(props.productData, isVariant);\n\n\treturn (\n\t\t<StyledProductInfoCard>\n\t\t\t<ImageContainerProductInfo>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\timageUrl={props.productData.image}\n\t\t\t\t\twidth={200}\n\t\t\t\t\theight={200}\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</ImageContainerProductInfo>\n\t\t\t<RightContainerProductInfo>\n\t\t\t\t{skuId && (\n\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t<TitleRegular style={{ display: 'flex' }}>\n\t\t\t\t\t{props.productData.name}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t>{`Product ID: ${props.productData.id}`}</BodyCaption>\n\t\t\t\t{/* Rendering HTML here */}\n\t\t\t\t<BodyCaption\n\t\t\t\t\tclassName=\"overlay-description\"\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: props.productData.description ?? '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{isVariant\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: !shouldShowVariant(props.productData as Product)\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: null}\n\t\t\t\t</BodyCaption>\n\n\t\t\t\t<ProductPickerTag\n\t\t\t\t\tisVariant={isVariantForProductPickerTag}\n\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\ttagText={tagText}\n\t\t\t\t\ttagType={tagType}\n\t\t\t\t/>\n\t\t\t</RightContainerProductInfo>\n\t\t</StyledProductInfoCard>\n\t);\n};\n\nconst StyledProductInfoOverlay = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tbottom: 0;\n\tz-index: 10;\n\n\t.overlay-description {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-height: 300px;\n\t\toverflow-y: auto;\n\t\tword-break: break-word;\n\t\tmargin-top: 8px;\n\t}\n`;\n\nconst OverlayBackground = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n`;\n\nconst CloseButtonContainer = styled.div`\n\tposition: relative;\n\n\t.close-button {\n\t\tposition: absolute;\n\t\ttop: -50px;\n\t\tright: 0px;\n\t\tmargin: 10px;\n\t\tbackground: ${COLORS.surface.standard};\n\t\tborder-radius: 50%;\n\t}\n`;\nconst StyledProductInfoCard = styled.div`\n\tdisplay: flex;\n\tbackground: white;\n\tpadding: 24px;\n\tgap: 24px;\n\tborder-radius: 8px 8px 0px 0px;\n`;\n\nconst ImageContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tmax-width: min(50%, 200px);\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst RightContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n"],"names":["ProductInfoOverlay","props","StyledProductInfoOverlay","jsxDEV","OverlayBackground","this","CloseButtonContainer","IconButton","CrossIcon","ProductInfoCard","isVariant","currencyAndPrice","CurrencySymbols","productCurrency","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","RightContainerProductInfo","Tooltip","SKUIDBadge","EllipsedBodyTiny","TitleRegular","BodyCaption","COLORS","shouldShowVariant","ProductPickerTag","styled"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/productScreen.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),te=require("../../assets/icons/arrow_left.svg.js"),re=require("../../assets/icons/box.svg.js"),oe=require("../../assets/icons/search.svg.js"),ne=require("lodash/cloneDeep"),i=require("react"),L=require("../../constants/Theme.js"),ce=require("../InfiniteScroll/InfiniteScroll.js"),B=require("../TypographyStyle.js"),se=require("./emptyState.js"),ie=require("./product.js"),le=require("./ProductPickerShimmer.js"),ae=require("./reducers.js"),_=require("./style.js"),ue=require("./type.js"),l=require("./utility.js"),de=require("../icon-button/IconButton.js"),pe=require("../input/Input.js"),me=require("../spinner/Spinner.js"),fe=require("../checkBox/CheckBox.js"),he=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},be=he(ne),ye=a=>{const{data:s,collectionsDispatch:f,selectedData:h,selectedCollectionsDispatch:k,productFetcher:V,storeId:S,setScreen:K,setSaveDisabled:v,hideInCollectionSearch:M,customCollectionRestriction:O,hideProductCheckbox:T,outOfStockAction:H=ue.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:J=!1,selectProductsFromCustomCollection:W=!1,pickerType:z,hideProductVariants:C,fbStatusFetcher:E,onProductDetailClick:G,showProductDetailInfoIcon:Q,scrollContainerRef:X,appType:N}=a,r=i.useContext(ae.CollectionIdContext),x=i.useRef(0),w=i.useRef(!1),[d,A]=i.useState(""),[I,D]=i.useState(!1),[n,p]=i.useState(s),R=i.useRef(!0),U=i.useRef(!1);i.useEffect(()=>{if(R.current){R.current=!1;return}const e=setTimeout(()=>{if(!d.length){p(s);return}D(!0),a.searchInCollectionFetcher(S,r,d,N).then(t=>{const c=be.default(s);c.products=t,p(c);const m=l.getVariantIdsToFetchAtProductLevel(t??{});g(m,t??{},!0),v(!1),D(!1)})},800);return()=>clearTimeout(e)},[d]);const Y=()=>(w.current=!0,V(r,S,N,10,x.current).then(e=>{let t=!1;if(Object.keys(e).length||(t=!0),Object.keys(e).length){const c=n;c.products={...n.products,...e},p({...c});const m=l.getVariantIdsToFetchAtProductLevel(e);g(m,e)}return v(!1),w.current=!1,x.current+=1,t}));i.useEffect(()=>{U.current=!1,x.current=Math.floor(Object.keys(s.products??{})?.length/10);const e=l.getVariantIdsToFetchAtProductLevel(s.products??{});g(e,s.products??{})},[r]);const Z=e=>{if(!e.length||!e.trim().length){A("");return}A(e)},q=O?s.isSmartCollection:!1;i.useEffect(()=>{s?.products||F(10)},[]);const g=(e,t,c)=>{E||(c?l.markVariantsAsApprovedProductsLevel(t,f,r,n,p):l.markVariantsAsApprovedProductsLevel(t,f,r)),e.length>0&&E&&E(S,e,N).then(m=>{const P={...t};Object.keys(t).forEach(b=>{Object.keys(t?.[b]?.variants??{}).forEach(u=>{const y=t?.[b].variants?.[u];y&&m[u]==="REJECTED"?y.fbStatus="REJECTED":y&&m[u]==="APPROVED"&&(y.fbStatus="APPROVED");const j=P?.[b]?.variants;j&&j[u]&&(j[u]=y)})}),c?(p(b=>{const u={...b};return u.products=P,u}),f({type:"productsPaged",data:{collectionId:r,products:P}})):f({type:"productsPaged",data:{collectionId:r,products:P}})}).catch(m=>{c?l.markVariantsAsApprovedProductsLevel(t,f,r,n,p):l.markVariantsAsApprovedProductsLevel(t,f,r)})},F=e=>{v(!0),D(!0),V(r,S,N,e,0).then(t=>{if(Object.keys(t).length||(U.current=!0),Object.keys(t).length){p({...n,products:t});const c=l.getVariantIdsToFetchAtProductLevel(t);g(c,t),x.current=1}e||k({type:"selected",data:{id:r,val:{...s,products:t}}}),v(!1),D(!1)}).catch()},$=(e,t)=>{const c=l.liftTheStateUp(t,s);k({type:e,data:{...c,isRestricted:O}})},ee=h?.[r]?!!Object.keys(h?.[r]?.products??{}).length:!1;return o.jsxDEV("div",{children:[o.jsxDEV(_.ProductScreenHeader,{children:[o.jsxDEV(de.IconButton,{Icon:te.default,height:16,onClick:()=>{K("collections")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:395,columnNumber:5},void 0),o.jsxDEV(B.BodyCaption,{style:{color:L.COLORS.content.secondary},children:s.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:402,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:394,columnNumber:4},void 0),!M&&o.jsxDEV("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:o.jsxDEV(pe.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>I&&d.length?o.jsxDEV(me.Spinner,{size:"small",color:L.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:420,columnNumber:10},void 0):o.jsxDEV(oe.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:422,columnNumber:10},void 0)},id:"listInput",height:"24px",type:"text",value:d,onChangeText:Z,placeholder:"Search using ID, Name or SKU ID"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:414,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:407,columnNumber:5},void 0),Object.keys(n?.products||[]).length>0&&!q&&!d.length&&!T&&r!=="-1"&&o.jsxDEV(_.ProductScreenCollectionCardStyle,{children:[o.jsxDEV(fe.CheckBox,{isChecked:ee,isPartiallyChecked:l.isCollectionPartiallyChecked(r,n,h,C),onValueChange:function(e){e?F():k({type:"unselected",data:{id:r}})}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:441,columnNumber:7},void 0),o.jsxDEV("div",{style:{width:40,height:40},children:o.jsxDEV(re.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:461,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:460,columnNumber:7},void 0),o.jsxDEV(B.TitleRegular,{children:"All Products"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:463,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:440,columnNumber:6},void 0),o.jsxDEV(ce.InfiniteScroll,{hasData:Object.keys(n?.products||[]).length<10?!1:!!Object.keys(n?.products||[]).length,fetchMore:Y,containerRef:X,children:Object.keys(n?.products||[]).length?Object.keys(n.products||[]).map(e=>o.jsxDEV(ie.ProductGroup,{outOfStockAction:H,collectionId:r,isProductPartiallyChecked:l.isProductPartiallyChecked(r,e,h,n,C),productId:e,data:n.products[e],selectedData:h,selectedCollectionsDispatch:k,viewOnly:W?!1:!!q,upliftAdditions:$,hideProductCheckbox:T,hideVariantCheckbox:J,hideProductVariants:C,pickerType:z,onProductDetailClick:G,showProductDetailInfoIcon:Q},e,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:478,columnNumber:8},void 0)):I?o.jsxDEV(le.ProductPickerShimmer,{limit:10},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:513,columnNumber:6},void 0):o.jsxDEV(se.EmptyState,{title:"No products to show",subtitle:d.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:515,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:466,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:393,columnNumber:3},void 0)};exports.ProductsScreen=ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),te=require("../../assets/icons/arrow_left.svg.js"),re=require("../../assets/icons/box.svg.js"),oe=require("../../assets/icons/search.svg.js"),ne=require("lodash/cloneDeep"),i=require("react"),L=require("../../constants/Theme.js"),se=require("../InfiniteScroll/InfiniteScroll.js"),w=require("../TypographyStyle.js"),ce=require("./emptyState.js"),ie=require("./product.js"),ae=require("./ProductPickerShimmer.js"),ue=require("./reducers.js"),B=require("./style.js"),le=require("./type.js"),a=require("./utility.js"),de=require("../icon-button/IconButton.js"),pe=require("../input/Input.js"),me=require("../spinner/Spinner.js"),he=require("../checkBox/CheckBox.js"),be=u=>u&&typeof u=="object"&&"default"in u?u:{default:u},fe=be(ne),ke=u=>{const{data:c,collectionsDispatch:h,selectedData:b,selectedCollectionsDispatch:v,productFetcher:V,storeId:y,setScreen:_,setSaveDisabled:S,hideInCollectionSearch:K,customCollectionRestriction:O,hideProductCheckbox:T,outOfStockAction:M=le.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:H=!1,selectProductsFromCustomCollection:J=!1,pickerType:z,hideProductVariants:C,fbStatusFetcher:E,onProductDetailClick:G,showProductDetailInfoIcon:Q,scrollContainerRef:X,appType:N}=u,r=i.useContext(ue.CollectionIdContext),x=i.useRef(0),A=i.useRef(!1),[d,I]=i.useState(""),[R,D]=i.useState(!1),[n,p]=i.useState(c),U=i.useRef(!0),q=i.useRef(!1);i.useEffect(()=>{if(U.current){U.current=!1;return}const e=setTimeout(()=>{if(!d.length){p(c);return}D(!0),u.searchInCollectionFetcher(y,r,d,N).then(t=>{const s=fe.default(c);s.products=t,p(s);const m=a.getVariantIdsToFetchAtProductLevel(t??{});g(m,t??{},!0),S(!1),D(!1)})},800);return()=>clearTimeout(e)},[d]);const Y=()=>(A.current=!0,V(r,y,N,10,x.current).then(e=>{let t=!1;if(Object.keys(e).length||(t=!0),Object.keys(e).length){const s=n;s.products={...n.products,...e},p({...s});const m=a.getVariantIdsToFetchAtProductLevel(e);g(m,e)}return S(!1),A.current=!1,x.current+=1,t}));i.useEffect(()=>{q.current=!1,x.current=Math.floor(Object.keys(c.products??{})?.length/10);const e=a.getVariantIdsToFetchAtProductLevel(c.products??{});g(e,c.products??{})},[r]);const Z=e=>{if(!e.length||!e.trim().length){I("");return}I(e)},F=O?c.isSmartCollection:!1;i.useEffect(()=>{c?.products||W(10)},[]);const g=(e,t,s)=>{E||(s?a.markVariantsAsApprovedProductsLevel(t,h,r,n,p):a.markVariantsAsApprovedProductsLevel(t,h,r)),e.length>0&&E&&E(y,e,N).then(m=>{const P={...t};Object.keys(t).forEach(f=>{Object.keys(t?.[f]?.variants??{}).forEach(l=>{const k=t?.[f].variants?.[l];k&&m[l]==="REJECTED"?k.fbStatus="REJECTED":k&&m[l]==="APPROVED"&&(k.fbStatus="APPROVED");const j=P?.[f]?.variants;j&&j[l]&&(j[l]=k)})}),s?(p(f=>{const l={...f};return l.products=P,l}),h({type:"productsPaged",data:{collectionId:r,products:P}})):h({type:"productsPaged",data:{collectionId:r,products:P}})}).catch(m=>{s?a.markVariantsAsApprovedProductsLevel(t,h,r,n,p):a.markVariantsAsApprovedProductsLevel(t,h,r)})},W=e=>{S(!0),D(!0),V(r,y,N,e,0).then(t=>{if(Object.keys(t).length||(q.current=!0),Object.keys(t).length){p({...n,products:t});const s=a.getVariantIdsToFetchAtProductLevel(t);g(s,t),x.current=1}e||v({type:"selected",data:{id:r,val:{...c,products:t}}}),S(!1),D(!1)}).catch()},$=(e,t)=>{const s=a.liftTheStateUp(t,c);v({type:e,data:{...s,isRestricted:O}})},ee=b?.[r]?!!Object.keys(b?.[r]?.products??{}).length:!1;return o.jsxDEV("div",{children:[o.jsxDEV(B.ProductScreenHeader,{children:[o.jsxDEV(de.IconButton,{Icon:te.default,height:16,onClick:()=>{_("collections")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:395,columnNumber:5},void 0),o.jsxDEV(w.BodyCaption,{style:{color:L.COLORS.content.secondary},children:c.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:402,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:394,columnNumber:4},void 0),!K&&o.jsxDEV("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:o.jsxDEV(pe.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>R&&d.length?o.jsxDEV(me.Spinner,{size:"small",color:L.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:420,columnNumber:10},void 0):o.jsxDEV(oe.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:422,columnNumber:10},void 0)},id:"listInput",height:"24px",type:"text",value:d,onChangeText:Z,placeholder:"Search using ID, Name or SKU ID"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:414,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:407,columnNumber:5},void 0),Object.keys(n?.products||[]).length>0&&!F&&!d.length&&!T&&r!=="-1"&&o.jsxDEV(B.ProductScreenCollectionCardStyle,{children:[o.jsxDEV(he.CheckBox,{isChecked:ee,isPartiallyChecked:a.isCollectionPartiallyChecked(r,n,b,C),onValueChange:function(e){e?W():v({type:"unselected",data:{id:r}})}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:441,columnNumber:7},void 0),o.jsxDEV("div",{style:{width:40,height:40},children:o.jsxDEV(re.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:461,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:460,columnNumber:7},void 0),o.jsxDEV(w.TitleRegular,{children:"All Products"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:463,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:440,columnNumber:6},void 0),o.jsxDEV(se.InfiniteScroll,{hasData:Object.keys(n?.products||[]).length<10?!1:!!Object.keys(n?.products||[]).length,fetchMore:Y,containerRef:X,children:Object.keys(n?.products||[]).length?Object.keys(n.products||[]).map(e=>o.jsxDEV(ie.ProductGroup,{outOfStockAction:M,collectionId:r,isProductPartiallyChecked:a.isProductPartiallyChecked(r,e,b,n,C),productId:e,data:n.products[e],selectedData:b,selectedCollectionsDispatch:v,viewOnly:J?!1:!!F,upliftAdditions:$,hideProductCheckbox:T,hideVariantCheckbox:H,hideProductVariants:C,pickerType:z,onProductDetailClick:G,showProductDetailInfoIcon:Q},e,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:478,columnNumber:8},void 0)):R?o.jsxDEV(ae.ProductPickerShimmer,{limit:10},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:513,columnNumber:6},void 0):o.jsxDEV(ce.EmptyState,{title:"No products to show",subtitle:d.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:515,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:466,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/productScreen.tsx",lineNumber:393,columnNumber:3},void 0)};exports.ProductsScreen=ke;
 //# sourceMappingURL=productScreen.js.map

package/dist/cjs/components/product-picker-v2/productScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"productScreen.js","sources":["../../../../src/components/product-picker-v2/productScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport Box from '@src/assets/icons/box.svg';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { InfiniteScroll } from '../InfiniteScroll/InfiniteScroll';\nimport { Input } from '../input';\nimport { Spinner } from '../spinner';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport { ProductPickerShimmer } from './ProductPickerShimmer';\nimport {\n\tCollectionIdContext,\n\ttype CollectionsActions,\n\ttype SelectedCollectionsActions,\n} from './reducers';\nimport { ProductScreenCollectionCardStyle, ProductScreenHeader } from './style';\nimport type {\n\tCollection,\n\tFbStatusFetcherReturn,\n\tProduct,\n\tProductFetcherReturn,\n\tProductVariant,\n\tSelectedItems,\n} from './type';\nimport { OUT_OF_STOCK_ACTION } from './type';\nimport {\n\tgetVariantIdsToFetchAtProductLevel,\n\tisCollectionPartiallyChecked,\n\tisProductPartiallyChecked,\n\tliftTheStateUp,\n\tmarkVariantsAsApprovedProductsLevel,\n} from './utility';\n\ninterface ProductsScreenInterface {\n\thideInCollectionSearch?: boolean;\n\tcustomCollectionRestriction?: boolean;\n\tdata: Collection;\n\tcollectionsDispatch: React.Dispatch<CollectionsActions>;\n\tselectedData: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsearchInCollectionFetcher: (\n\t\tstoreId: string,\n\t\tcollectionId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => ProductFetcherReturn;\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\tstoreId: string;\n\tappType: ApplicationType;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tsetSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\tselectProductsFromCustomCollection?: boolean;\n\trenderWithoutModal?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\tshowProductDetailInfoIcon?: boolean;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\tonProductDetailClick: (productData: Product | ProductVariant) => void;\n\tscrollContainerRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const ProductsScreen = (props: ProductsScreenInterface) => {\n\tconst {\n\t\tdata,\n\t\tcollectionsDispatch,\n\t\tselectedData,\n\t\tselectedCollectionsDispatch,\n\t\tproductFetcher,\n\t\tstoreId,\n\t\tsetScreen,\n\t\tsetSaveDisabled,\n\t\thideInCollectionSearch,\n\t\tcustomCollectionRestriction,\n\t\thideProductCheckbox,\n\t\toutOfStockAction = OUT_OF_STOCK_ACTION.BLUR,\n\t\thideVariantCheckbox = false,\n\t\tselectProductsFromCustomCollection = false,\n\t\tpickerType,\n\t\thideProductVariants,\n\t\tfbStatusFetcher,\n\t\tonProductDetailClick,\n\t\tshowProductDetailInfoIcon,\n\t\tscrollContainerRef,\n\t\tappType,\n\t} = props;\n\n\tconst collectionId = useContext(CollectionIdContext);\n\tconst nextpageRef = useRef(0);\n\tconst isFetchingRef = useRef(false);\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [searchLoader, setSearchLoader] = useState<boolean>(false);\n\tconst [curScreenData, setCurScreenData] = useState<Collection>(data);\n\tconst isFirstRender = useRef(true);\n\n\tconst hasAllProductsLoaded = useRef(false);\n\n\tuseEffect(() => {\n\t\tif (isFirstRender.current) {\n\t\t\tisFirstRender.current = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst getSearchData = setTimeout(() => {\n\t\t\tif (!searchText.length) {\n\t\t\t\tsetCurScreenData(data);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetSearchLoader(true);\n\t\t\tprops\n\t\t\t\t.searchInCollectionFetcher(storeId, collectionId, searchText, appType)\n\t\t\t\t.then((products) => {\n\t\t\t\t\tconst dataCopy = cloneDeep(data);\n\t\t\t\t\tdataCopy['products'] = products;\n\t\t\t\t\tsetCurScreenData(dataCopy);\n\t\t\t\t\tconst variantIdsToFetchFbStatus = getVariantIdsToFetchAtProductLevel(\n\t\t\t\t\t\tproducts ?? {},\n\t\t\t\t\t);\n\n\t\t\t\t\tfetchFbStatusAndDispatchProducts(\n\t\t\t\t\t\tvariantIdsToFetchFbStatus,\n\t\t\t\t\t\tproducts ?? {},\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t);\n\n\t\t\t\t\tsetSaveDisabled(false);\n\t\t\t\t\tsetSearchLoader(false);\n\t\t\t\t});\n\t\t}, 800);\n\n\t\treturn () => clearTimeout(getSearchData);\n\t}, [searchText]);\n\n\t/**\n\t * Pagination logic. When scroll bar is end of the container, gets the next 10 products from api and fetches fb status for those 10 products.\n\t * After that, Increments next page ref which acts as offset.\n\t */\n\n\tconst fetchMore = () => {\n\t\tisFetchingRef.current = true;\n\t\treturn productFetcher(\n\t\t\tcollectionId,\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\t10,\n\t\t\tnextpageRef.current,\n\t\t).then((data) => {\n\t\t\tlet hasAllProductsLoaded = false;\n\t\t\tif (!Object.keys(data).length) {\n\t\t\t\thasAllProductsLoaded = true;\n\t\t\t}\n\n\t\t\tif (Object.keys(data).length) {\n\t\t\t\tconst dataCopy = curScreenData;\n\t\t\t\tdataCopy.products = { ...curScreenData.products, ...data };\n\n\t\t\t\tsetCurScreenData({ ...dataCopy });\n\n\t\t\t\tconst variantIdsToFetchFbStatus =\n\t\t\t\t\tgetVariantIdsToFetchAtProductLevel(data);\n\t\t\t\tfetchFbStatusAndDispatchProducts(variantIdsToFetchFbStatus, data);\n\t\t\t}\n\n\t\t\tsetSaveDisabled(false);\n\n\t\t\tisFetchingRef.current = false;\n\t\t\tnextpageRef.current += 1;\n\t\t\treturn hasAllProductsLoaded;\n\t\t});\n\t};\n\n\t/**\n\t * When page is opened for a collection - we do the following\n\t * 1. All products loades is false,\n\t * 2. next page ref will be 0\n\t * 3. we fetch fb status for the products loaded.\n\t */\n\tuseEffect(() => {\n\t\thasAllProductsLoaded.current = false;\n\n\t\tnextpageRef.current = Math.floor(\n\t\t\tObject.keys(data.products ?? {})?.length / 10,\n\t\t);\n\n\t\tconst variantIdsToFetchFbStatus = getVariantIdsToFetchAtProductLevel(\n\t\t\tdata.products ?? {},\n\t\t);\n\t\tfetchFbStatusAndDispatchProducts(\n\t\t\tvariantIdsToFetchFbStatus,\n\t\t\tdata.products ?? {},\n\t\t);\n\t}, [collectionId]);\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 isSmartCollection = customCollectionRestriction\n\t\t? data.isSmartCollection\n\t\t: false || false;\n\n\tuseEffect(() => {\n\t\tif (!data?.['products']) {\n\t\t\tgetProductsForCollection(10);\n\t\t}\n\t}, []);\n\n\t/**\n\t *3 scenarios.\n\t * 1. If no api is provided -> marks everything as approved.\n\t * 2. If api is success -> sets the status\n\t * 3. If api is failure -> marks everything as approved.\n\t *\n\t * We first get the variant ids to fetch and only if we have variant ids, we call api.\n\t *\n\t * Additionally if the products are given uing search, we also set the current screen data for seamless ui rendering.\n\t */\n\tconst fetchFbStatusAndDispatchProducts = (\n\t\tvariantIdsToFetchFbStatus: string[],\n\t\tproducts: {\n\t\t\t[key: string]: Product;\n\t\t},\n\t\tshouldsetCurScreenData?: boolean,\n\t) => {\n\t\tif (!fbStatusFetcher) {\n\t\t\tif (shouldsetCurScreenData) {\n\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\tproducts,\n\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\tcollectionId,\n\t\t\t\t\tcurScreenData,\n\t\t\t\t\tsetCurScreenData,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\tproducts,\n\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\tcollectionId,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (variantIdsToFetchFbStatus.length > 0 && fbStatusFetcher) {\n\t\t\tfbStatusFetcher(storeId, variantIdsToFetchFbStatus, appType)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tconst updatedProducts = { ...products };\n\n\t\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\t\tObject.keys(products?.[productId]?.variants ?? {}).forEach(\n\t\t\t\t\t\t\t(vId) => {\n\t\t\t\t\t\t\t\tconst v = products?.[productId].variants?.[vId];\n\t\t\t\t\t\t\t\tif (v && response[vId] === 'REJECTED') {\n\t\t\t\t\t\t\t\t\tv.fbStatus = 'REJECTED';\n\t\t\t\t\t\t\t\t} else if (v && response[vId] === 'APPROVED') {\n\t\t\t\t\t\t\t\t\tv.fbStatus = 'APPROVED';\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst updatedVariants = updatedProducts?.[productId]?.variants;\n\t\t\t\t\t\t\t\tif (updatedVariants && updatedVariants[vId]) {\n\t\t\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\t\t\tupdatedVariants[vId] = v;\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});\n\n\t\t\t\t\tif (shouldsetCurScreenData) {\n\t\t\t\t\t\tsetCurScreenData((prev) => {\n\t\t\t\t\t\t\tconst dataCopy = { ...prev };\n\t\t\t\t\t\t\tdataCopy.products = updatedProducts;\n\t\t\t\t\t\t\treturn dataCopy;\n\t\t\t\t\t\t});\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsPaged',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\tproducts: updatedProducts,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsPaged',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\tproducts: updatedProducts,\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})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tif (shouldsetCurScreenData) {\n\t\t\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\t\t\tproducts,\n\t\t\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\tcurScreenData,\n\t\t\t\t\t\t\tsetCurScreenData,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\t\t\tproducts,\n\t\t\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * When page gets loaded for first time.\n\t * We get first 10 products.\n\t *\n\t * There is a limit param, if not passed, then user clicked checkbox on All products,\n\t * in such case fetch all products and dispatch data to selected Collections.\n\t */\n\tconst getProductsForCollection = (limit?: number) => {\n\t\tsetSaveDisabled(true);\n\t\tsetSearchLoader(true);\n\t\tproductFetcher(collectionId, storeId, appType, limit, 0)\n\t\t\t.then((productData) => {\n\t\t\t\tif (!Object.keys(productData).length) {\n\t\t\t\t\thasAllProductsLoaded.current = true;\n\t\t\t\t}\n\n\t\t\t\tif (Object.keys(productData).length) {\n\t\t\t\t\tsetCurScreenData({ ...curScreenData, products: productData });\n\t\t\t\t\tconst variantIdsToFetchFbStatus =\n\t\t\t\t\t\tgetVariantIdsToFetchAtProductLevel(productData);\n\t\t\t\t\tfetchFbStatusAndDispatchProducts(\n\t\t\t\t\t\tvariantIdsToFetchFbStatus,\n\t\t\t\t\t\tproductData,\n\t\t\t\t\t);\n\n\t\t\t\t\tnextpageRef.current = 1;\n\t\t\t\t}\n\n\t\t\t\tif (!limit) {\n\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'selected',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tid: collectionId,\n\t\t\t\t\t\t\tval: {\n\t\t\t\t\t\t\t\t...data,\n\t\t\t\t\t\t\t\tproducts: productData,\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}\n\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetSearchLoader(false);\n\t\t\t})\n\t\t\t.catch();\n\t};\n\n\tconst upliftAdditions = (type: string, payload: unknown) => {\n\t\tconst finalPayload = liftTheStateUp(payload, data);\n\n\t\tselectedCollectionsDispatch({\n\t\t\ttype,\n\t\t\tdata: { ...finalPayload, isRestricted: customCollectionRestriction },\n\t\t});\n\t};\n\n\tconst isAllProductsChecked = selectedData?.[collectionId]\n\t\t? !!Object.keys(selectedData?.[collectionId]?.products ?? {}).length\n\t\t: false;\n\n\treturn (\n\t\t<div>\n\t\t\t<ProductScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\theight={16}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{data.name}\n\t\t\t\t</BodyCaption>\n\t\t\t</ProductScreenHeader>\n\t\t\t{!hideInCollectionSearch && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: 16,\n\t\t\t\t\t\theight: '76px',\n\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\tnoErrorHint={true}\n\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t\t\tsearchLoader && !!searchText.length ? (\n\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) : (\n\t\t\t\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tid={'listInput'}\n\t\t\t\t\t\theight={'24px'}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\tonChangeText={onSearchTextChange}\n\t\t\t\t\t\tplaceholder={'Search using ID, Name or SKU ID'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{Object.keys(curScreenData?.['products'] || []).length > 0 &&\n\t\t\t\t!isSmartCollection &&\n\t\t\t\t!searchText.length &&\n\t\t\t\t!hideProductCheckbox &&\n\t\t\t\tcollectionId !== '-1' && (\n\t\t\t\t\t<ProductScreenCollectionCardStyle>\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tisChecked={isAllProductsChecked}\n\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\tcurScreenData,\n\t\t\t\t\t\t\t\tselectedData,\n\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonValueChange={function (checked: boolean): void {\n\t\t\t\t\t\t\t\tif (checked) {\n\t\t\t\t\t\t\t\t\tgetProductsForCollection();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\ttype: 'unselected',\n\t\t\t\t\t\t\t\t\t\tdata: { id: collectionId },\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/>\n\t\t\t\t\t\t<div style={{ width: 40, height: 40 }}>\n\t\t\t\t\t\t\t<Box />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<TitleRegular>{'All Products'}</TitleRegular>\n\t\t\t\t\t</ProductScreenCollectionCardStyle>\n\t\t\t\t)}\n\t\t\t<InfiniteScroll\n\t\t\t\thasData={\n\t\t\t\t\tObject.keys(curScreenData?.['products'] || []).length < 10\n\t\t\t\t\t\t? false\n\t\t\t\t\t\t: !!Object.keys(curScreenData?.['products'] || []).length\n\t\t\t\t}\n\t\t\t\tfetchMore={fetchMore}\n\t\t\t\tcontainerRef={scrollContainerRef}\n\t\t\t>\n\t\t\t\t{Object.keys(curScreenData?.['products'] || []).length ? (\n\t\t\t\t\tObject.keys(curScreenData['products'] || []).map((key: string) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\tselectedData,\n\t\t\t\t\t\t\t\t\tcurScreenData,\n\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tproductId={key}\n\t\t\t\t\t\t\t\tdata={\n\t\t\t\t\t\t\t\t\t(curScreenData['products'] as { [key: string]: Product })[key]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tselectedData={selectedData}\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\tviewOnly={\n\t\t\t\t\t\t\t\t\tselectProductsFromCustomCollection\n\t\t\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t\t\t: isSmartCollection\n\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tupliftAdditions={upliftAdditions}\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\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) : searchLoader ? (\n\t\t\t\t\t<ProductPickerShimmer limit={10} />\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle=\"No products to show\"\n\t\t\t\t\t\tsubtitle={\n\t\t\t\t\t\t\tsearchText.length\n\t\t\t\t\t\t\t\t? \"We couldn't find the product you were looking for\"\n\t\t\t\t\t\t\t\t: 'We couldn’t find any product in this collection.'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</InfiniteScroll>\n\t\t</div>\n\t);\n};\n"],"names":["ProductsScreen","props","data","collectionsDispatch","selectedData","selectedCollectionsDispatch","productFetcher","storeId","setScreen","setSaveDisabled","hideInCollectionSearch","customCollectionRestriction","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","hideVariantCheckbox","selectProductsFromCustomCollection","pickerType","hideProductVariants","fbStatusFetcher","onProductDetailClick","showProductDetailInfoIcon","scrollContainerRef","appType","collectionId","useContext","CollectionIdContext","nextpageRef","useRef","isFetchingRef","searchText","setSearchText","useState","searchLoader","setSearchLoader","curScreenData","setCurScreenData","isFirstRender","hasAllProductsLoaded","useEffect","getSearchData","products","dataCopy","cloneDeep","variantIdsToFetchFbStatus","getVariantIdsToFetchAtProductLevel","fetchFbStatusAndDispatchProducts","fetchMore","onSearchTextChange","text","isSmartCollection","getProductsForCollection","shouldsetCurScreenData","markVariantsAsApprovedProductsLevel","response","updatedProducts","productId","vId","v","updatedVariants","prev","e","limit","productData","upliftAdditions","type","payload","finalPayload","liftTheStateUp","isAllProductsChecked","jsxDEV","ProductScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","COLORS","Input","Spinner","SearchIcon","ProductScreenCollectionCardStyle","CheckBox","isCollectionPartiallyChecked","checked","Box","TitleRegular","InfiniteScroll","key","ProductGroup","isProductPartiallyChecked","ProductPickerShimmer","EmptyState"],"mappings":"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"}
+{"version":3,"file":"productScreen.js","sources":["../../../../src/components/product-picker-v2/productScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport Box from '@src/assets/icons/box.svg';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { InfiniteScroll } from '../InfiniteScroll/InfiniteScroll';\nimport { Input } from '../input';\nimport { Spinner } from '../spinner';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport { ProductPickerShimmer } from './ProductPickerShimmer';\nimport {\n\tCollectionIdContext,\n\ttype CollectionsActions,\n\ttype SelectedCollectionsActions,\n} from './reducers';\nimport { ProductScreenCollectionCardStyle, ProductScreenHeader } from './style';\nimport type {\n\tCollection,\n\tFbStatusFetcherReturn,\n\tProduct,\n\tProductFetcherReturn,\n\tProductVariant,\n\tSelectedItems,\n} from './type';\nimport { OUT_OF_STOCK_ACTION } from './type';\nimport {\n\tgetVariantIdsToFetchAtProductLevel,\n\tisCollectionPartiallyChecked,\n\tisProductPartiallyChecked,\n\tliftTheStateUp,\n\tmarkVariantsAsApprovedProductsLevel,\n} from './utility';\n\ninterface ProductsScreenInterface {\n\thideInCollectionSearch?: boolean;\n\tcustomCollectionRestriction?: boolean;\n\tdata: Collection;\n\tcollectionsDispatch: React.Dispatch<CollectionsActions>;\n\tselectedData: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsearchInCollectionFetcher: (\n\t\tstoreId: string,\n\t\tcollectionId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => ProductFetcherReturn;\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\tstoreId: string;\n\tappType: ApplicationType;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tsetSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\tselectProductsFromCustomCollection?: boolean;\n\trenderWithoutModal?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\tshowProductDetailInfoIcon?: boolean;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\tonProductDetailClick: (productData: Product | ProductVariant) => void;\n\tscrollContainerRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const ProductsScreen = (props: ProductsScreenInterface) => {\n\tconst {\n\t\tdata,\n\t\tcollectionsDispatch,\n\t\tselectedData,\n\t\tselectedCollectionsDispatch,\n\t\tproductFetcher,\n\t\tstoreId,\n\t\tsetScreen,\n\t\tsetSaveDisabled,\n\t\thideInCollectionSearch,\n\t\tcustomCollectionRestriction,\n\t\thideProductCheckbox,\n\t\toutOfStockAction = OUT_OF_STOCK_ACTION.BLUR,\n\t\thideVariantCheckbox = false,\n\t\tselectProductsFromCustomCollection = false,\n\t\tpickerType,\n\t\thideProductVariants,\n\t\tfbStatusFetcher,\n\t\tonProductDetailClick,\n\t\tshowProductDetailInfoIcon,\n\t\tscrollContainerRef,\n\t\tappType,\n\t} = props;\n\n\tconst collectionId = useContext(CollectionIdContext);\n\tconst nextpageRef = useRef(0);\n\tconst isFetchingRef = useRef(false);\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [searchLoader, setSearchLoader] = useState<boolean>(false);\n\tconst [curScreenData, setCurScreenData] = useState<Collection>(data);\n\tconst isFirstRender = useRef(true);\n\n\tconst hasAllProductsLoaded = useRef(false);\n\n\tuseEffect(() => {\n\t\tif (isFirstRender.current) {\n\t\t\tisFirstRender.current = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst getSearchData = setTimeout(() => {\n\t\t\tif (!searchText.length) {\n\t\t\t\tsetCurScreenData(data);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetSearchLoader(true);\n\t\t\tprops\n\t\t\t\t.searchInCollectionFetcher(storeId, collectionId, searchText, appType)\n\t\t\t\t.then((products) => {\n\t\t\t\t\tconst dataCopy = cloneDeep(data);\n\t\t\t\t\tdataCopy['products'] = products;\n\t\t\t\t\tsetCurScreenData(dataCopy);\n\t\t\t\t\tconst variantIdsToFetchFbStatus = getVariantIdsToFetchAtProductLevel(\n\t\t\t\t\t\tproducts ?? {},\n\t\t\t\t\t);\n\n\t\t\t\t\tfetchFbStatusAndDispatchProducts(\n\t\t\t\t\t\tvariantIdsToFetchFbStatus,\n\t\t\t\t\t\tproducts ?? {},\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t);\n\n\t\t\t\t\tsetSaveDisabled(false);\n\t\t\t\t\tsetSearchLoader(false);\n\t\t\t\t});\n\t\t}, 800);\n\n\t\treturn () => clearTimeout(getSearchData);\n\t}, [searchText]);\n\n\t/**\n\t * Pagination logic. When scroll bar is end of the container, gets the next 10 products from api and fetches fb status for those 10 products.\n\t * After that, Increments next page ref which acts as offset.\n\t */\n\n\tconst fetchMore = () => {\n\t\tisFetchingRef.current = true;\n\t\treturn productFetcher(\n\t\t\tcollectionId,\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\t10,\n\t\t\tnextpageRef.current,\n\t\t).then((data) => {\n\t\t\tlet hasAllProductsLoaded = false;\n\t\t\tif (!Object.keys(data).length) {\n\t\t\t\thasAllProductsLoaded = true;\n\t\t\t}\n\n\t\t\tif (Object.keys(data).length) {\n\t\t\t\tconst dataCopy = curScreenData;\n\t\t\t\tdataCopy.products = { ...curScreenData.products, ...data };\n\n\t\t\t\tsetCurScreenData({ ...dataCopy });\n\n\t\t\t\tconst variantIdsToFetchFbStatus =\n\t\t\t\t\tgetVariantIdsToFetchAtProductLevel(data);\n\t\t\t\tfetchFbStatusAndDispatchProducts(variantIdsToFetchFbStatus, data);\n\t\t\t}\n\n\t\t\tsetSaveDisabled(false);\n\n\t\t\tisFetchingRef.current = false;\n\t\t\tnextpageRef.current += 1;\n\t\t\treturn hasAllProductsLoaded;\n\t\t});\n\t};\n\n\t/**\n\t * When page is opened for a collection - we do the following\n\t * 1. All products loades is false,\n\t * 2. next page ref will be 0\n\t * 3. we fetch fb status for the products loaded.\n\t */\n\tuseEffect(() => {\n\t\thasAllProductsLoaded.current = false;\n\n\t\tnextpageRef.current = Math.floor(\n\t\t\tObject.keys(data.products ?? {})?.length / 10,\n\t\t);\n\n\t\tconst variantIdsToFetchFbStatus = getVariantIdsToFetchAtProductLevel(\n\t\t\tdata.products ?? {},\n\t\t);\n\t\tfetchFbStatusAndDispatchProducts(\n\t\t\tvariantIdsToFetchFbStatus,\n\t\t\tdata.products ?? {},\n\t\t);\n\t}, [collectionId]);\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 isSmartCollection = customCollectionRestriction\n\t\t? data.isSmartCollection\n\t\t: false || false;\n\n\tuseEffect(() => {\n\t\tif (!data?.['products']) {\n\t\t\tgetProductsForCollection(10);\n\t\t}\n\t}, []);\n\n\t/**\n\t *3 scenarios.\n\t * 1. If no api is provided -> marks everything as approved.\n\t * 2. If api is success -> sets the status\n\t * 3. If api is failure -> marks everything as approved.\n\t *\n\t * We first get the variant ids to fetch and only if we have variant ids, we call api.\n\t *\n\t * Additionally if the products are given uing search, we also set the current screen data for seamless ui rendering.\n\t */\n\tconst fetchFbStatusAndDispatchProducts = (\n\t\tvariantIdsToFetchFbStatus: string[],\n\t\tproducts: {\n\t\t\t[key: string]: Product;\n\t\t},\n\t\tshouldsetCurScreenData?: boolean,\n\t) => {\n\t\tif (!fbStatusFetcher) {\n\t\t\tif (shouldsetCurScreenData) {\n\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\tproducts,\n\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\tcollectionId,\n\t\t\t\t\tcurScreenData,\n\t\t\t\t\tsetCurScreenData,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\tproducts,\n\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\tcollectionId,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (variantIdsToFetchFbStatus.length > 0 && fbStatusFetcher) {\n\t\t\tfbStatusFetcher(storeId, variantIdsToFetchFbStatus, appType)\n\t\t\t\t.then((response) => {\n\t\t\t\t\tconst updatedProducts = { ...products };\n\n\t\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\t\tObject.keys(products?.[productId]?.variants ?? {}).forEach(\n\t\t\t\t\t\t\t(vId) => {\n\t\t\t\t\t\t\t\tconst v = products?.[productId].variants?.[vId];\n\t\t\t\t\t\t\t\tif (v && response[vId] === 'REJECTED') {\n\t\t\t\t\t\t\t\t\tv.fbStatus = 'REJECTED';\n\t\t\t\t\t\t\t\t} else if (v && response[vId] === 'APPROVED') {\n\t\t\t\t\t\t\t\t\tv.fbStatus = 'APPROVED';\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst updatedVariants = updatedProducts?.[productId]?.variants;\n\t\t\t\t\t\t\t\tif (updatedVariants && updatedVariants[vId]) {\n\t\t\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\t\t\tupdatedVariants[vId] = v;\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});\n\n\t\t\t\t\tif (shouldsetCurScreenData) {\n\t\t\t\t\t\tsetCurScreenData((prev) => {\n\t\t\t\t\t\t\tconst dataCopy = { ...prev };\n\t\t\t\t\t\t\tdataCopy.products = updatedProducts;\n\t\t\t\t\t\t\treturn dataCopy;\n\t\t\t\t\t\t});\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsPaged',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\tproducts: updatedProducts,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsPaged',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\tproducts: updatedProducts,\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})\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tif (shouldsetCurScreenData) {\n\t\t\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\t\t\tproducts,\n\t\t\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\tcurScreenData,\n\t\t\t\t\t\t\tsetCurScreenData,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmarkVariantsAsApprovedProductsLevel(\n\t\t\t\t\t\t\tproducts,\n\t\t\t\t\t\t\tcollectionsDispatch,\n\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * When page gets loaded for first time.\n\t * We get first 10 products.\n\t *\n\t * There is a limit param, if not passed, then user clicked checkbox on All products,\n\t * in such case fetch all products and dispatch data to selected Collections.\n\t */\n\tconst getProductsForCollection = (limit?: number) => {\n\t\tsetSaveDisabled(true);\n\t\tsetSearchLoader(true);\n\t\tproductFetcher(collectionId, storeId, appType, limit, 0)\n\t\t\t.then((productData) => {\n\t\t\t\tif (!Object.keys(productData).length) {\n\t\t\t\t\thasAllProductsLoaded.current = true;\n\t\t\t\t}\n\n\t\t\t\tif (Object.keys(productData).length) {\n\t\t\t\t\tsetCurScreenData({ ...curScreenData, products: productData });\n\t\t\t\t\tconst variantIdsToFetchFbStatus =\n\t\t\t\t\t\tgetVariantIdsToFetchAtProductLevel(productData);\n\t\t\t\t\tfetchFbStatusAndDispatchProducts(\n\t\t\t\t\t\tvariantIdsToFetchFbStatus,\n\t\t\t\t\t\tproductData,\n\t\t\t\t\t);\n\n\t\t\t\t\tnextpageRef.current = 1;\n\t\t\t\t}\n\n\t\t\t\tif (!limit) {\n\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'selected',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tid: collectionId,\n\t\t\t\t\t\t\tval: {\n\t\t\t\t\t\t\t\t...data,\n\t\t\t\t\t\t\t\tproducts: productData,\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}\n\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetSearchLoader(false);\n\t\t\t})\n\t\t\t.catch();\n\t};\n\n\tconst upliftAdditions = (type: string, payload: unknown) => {\n\t\tconst finalPayload = liftTheStateUp(payload, data);\n\n\t\tselectedCollectionsDispatch({\n\t\t\ttype,\n\t\t\tdata: { ...finalPayload, isRestricted: customCollectionRestriction },\n\t\t});\n\t};\n\n\tconst isAllProductsChecked = selectedData?.[collectionId]\n\t\t? !!Object.keys(selectedData?.[collectionId]?.products ?? {}).length\n\t\t: false;\n\n\treturn (\n\t\t<div>\n\t\t\t<ProductScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\theight={16}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{data.name}\n\t\t\t\t</BodyCaption>\n\t\t\t</ProductScreenHeader>\n\t\t\t{!hideInCollectionSearch && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: 16,\n\t\t\t\t\t\theight: '76px',\n\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\tnoErrorHint={true}\n\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t\t\tsearchLoader && !!searchText.length ? (\n\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) : (\n\t\t\t\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tid={'listInput'}\n\t\t\t\t\t\theight={'24px'}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\tonChangeText={onSearchTextChange}\n\t\t\t\t\t\tplaceholder={'Search using ID, Name or SKU ID'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{Object.keys(curScreenData?.['products'] || []).length > 0 &&\n\t\t\t\t!isSmartCollection &&\n\t\t\t\t!searchText.length &&\n\t\t\t\t!hideProductCheckbox &&\n\t\t\t\tcollectionId !== '-1' && (\n\t\t\t\t\t<ProductScreenCollectionCardStyle>\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tisChecked={isAllProductsChecked}\n\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\tcurScreenData,\n\t\t\t\t\t\t\t\tselectedData,\n\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonValueChange={function (checked: boolean): void {\n\t\t\t\t\t\t\t\tif (checked) {\n\t\t\t\t\t\t\t\t\tgetProductsForCollection();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\ttype: 'unselected',\n\t\t\t\t\t\t\t\t\t\tdata: { id: collectionId },\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/>\n\t\t\t\t\t\t<div style={{ width: 40, height: 40 }}>\n\t\t\t\t\t\t\t<Box />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<TitleRegular>{'All Products'}</TitleRegular>\n\t\t\t\t\t</ProductScreenCollectionCardStyle>\n\t\t\t\t)}\n\t\t\t<InfiniteScroll\n\t\t\t\thasData={\n\t\t\t\t\tObject.keys(curScreenData?.['products'] || []).length < 10\n\t\t\t\t\t\t? false\n\t\t\t\t\t\t: !!Object.keys(curScreenData?.['products'] || []).length\n\t\t\t\t}\n\t\t\t\tfetchMore={fetchMore}\n\t\t\t\tcontainerRef={scrollContainerRef}\n\t\t\t>\n\t\t\t\t{Object.keys(curScreenData?.['products'] || []).length ? (\n\t\t\t\t\tObject.keys(curScreenData['products'] || []).map((key: string) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\tselectedData,\n\t\t\t\t\t\t\t\t\tcurScreenData,\n\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tproductId={key}\n\t\t\t\t\t\t\t\tdata={\n\t\t\t\t\t\t\t\t\t(curScreenData['products'] as { [key: string]: Product })[key]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tselectedData={selectedData}\n\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\tviewOnly={\n\t\t\t\t\t\t\t\t\tselectProductsFromCustomCollection\n\t\t\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t\t\t: isSmartCollection\n\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tupliftAdditions={upliftAdditions}\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\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) : searchLoader ? (\n\t\t\t\t\t<ProductPickerShimmer limit={10} />\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle=\"No products to show\"\n\t\t\t\t\t\tsubtitle={\n\t\t\t\t\t\t\tsearchText.length\n\t\t\t\t\t\t\t\t? \"We couldn't find the product you were looking for\"\n\t\t\t\t\t\t\t\t: 'We couldn’t find any product in this collection.'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</InfiniteScroll>\n\t\t</div>\n\t);\n};\n"],"names":["ProductsScreen","props","data","collectionsDispatch","selectedData","selectedCollectionsDispatch","productFetcher","storeId","setScreen","setSaveDisabled","hideInCollectionSearch","customCollectionRestriction","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","hideVariantCheckbox","selectProductsFromCustomCollection","pickerType","hideProductVariants","fbStatusFetcher","onProductDetailClick","showProductDetailInfoIcon","scrollContainerRef","appType","collectionId","useContext","CollectionIdContext","nextpageRef","useRef","isFetchingRef","searchText","setSearchText","useState","searchLoader","setSearchLoader","curScreenData","setCurScreenData","isFirstRender","hasAllProductsLoaded","useEffect","getSearchData","products","dataCopy","cloneDeep","variantIdsToFetchFbStatus","getVariantIdsToFetchAtProductLevel","fetchFbStatusAndDispatchProducts","fetchMore","onSearchTextChange","text","isSmartCollection","getProductsForCollection","shouldsetCurScreenData","markVariantsAsApprovedProductsLevel","response","updatedProducts","productId","vId","v","updatedVariants","prev","e","limit","productData","upliftAdditions","type","payload","finalPayload","liftTheStateUp","isAllProductsChecked","jsxDEV","ProductScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","COLORS","Input","Spinner","SearchIcon","ProductScreenCollectionCardStyle","CheckBox","isCollectionPartiallyChecked","checked","Box","TitleRegular","InfiniteScroll","key","ProductGroup","isProductPartiallyChecked","ProductPickerShimmer","EmptyState"],"mappings":"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"}

package/dist/cjs/components/product-picker-v2/rearrangeScreen.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),k=require("@hello-pangea/dnd"),V=require("../../assets/icons/arrow_left.svg.js"),i=require("react"),a=require("../../constants/Theme.js"),h=require("../TypographyStyle.js"),q=require("./emptyState.js"),l=require("./helpers/ProductHelper.js"),E=require("./style.js"),w=require("./utility.js"),d=require("./variantComponents.js"),j=require("../icon-button/IconButton.js"),C=u=>{const{selectedCollections:r,selectedCollectionsDispatch:t,setScreen:p,rearrangeViewType:m,outOfStockAction:b,scrollContainerRef:f,storeId:y,fbStatusFetcher:S,appType:N}=u,[s,n]=i.useState(l.parseSelectedVariantsToArray(r));i.useEffect(()=>{n(l.parseSelectedVariantsToArray(r))},[r]),i.useEffect(()=>{f?.current?.scrollTo({top:0}),w.fetchFbStatusCollection(r,y,N,t,S,"update")},[]);const D=c=>{if(!c.destination)return;const o=s,[v]=o.splice(c.source.index,1);o.splice(c.destination.index,0,v),o.forEach((x,g)=>{x.displayOrder=g}),n(o)};return e.jsxDEV(k.DragDropContext,{onDragEnd:D,children:[e.jsxDEV(E.SelectedScreenHeader,{children:[e.jsxDEV(j.IconButton,{Icon:V.default,width:16,height:16,color:a.COLORS.content.secondary,onClick:()=>{p("collections")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:104,columnNumber:5},void 0),e.jsxDEV(h.BodyCaption,{color:a.COLORS.content.secondary,children:"All Products"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:113,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:103,columnNumber:4},void 0),Object.keys(r).length>0?m==="list"?e.jsxDEV(d.VariantsList,{selectedVariants:s,setSelectedVariants:n,selectedCollectionsDispatch:t,outOfStockAction:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:119,columnNumber:6},void 0):e.jsxDEV(d.VariantsGrid,{selectedVariants:s,setSelectedVariants:n,selectedCollectionsDispatch:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:126,columnNumber:6},void 0):e.jsxDEV(q.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:133,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:102,columnNumber:3},void 0)};exports.RearrangeScreen=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),x=require("@hello-pangea/dnd"),g=require("../../assets/icons/arrow_left.svg.js"),c=require("react"),a=require("../../constants/Theme.js"),V=require("../TypographyStyle.js"),q=require("./emptyState.js"),l=require("./helpers/ProductHelper.js"),E=require("./style.js"),j=require("./utility.js"),u=require("./variantComponents.js"),C=require("../icon-button/IconButton.js"),O=p=>{const{selectedCollections:r,selectedCollectionsDispatch:o,setScreen:d,rearrangeViewType:m,outOfStockAction:b,scrollContainerRef:k,storeId:f,fbStatusFetcher:v,appType:y}=p,[s,n]=c.useState(l.parseSelectedVariantsToArray(r));c.useEffect(()=>{n(l.parseSelectedVariantsToArray(r))},[r]),c.useEffect(()=>{k?.current?.scrollTo({top:0}),j.fetchFbStatusCollection(r,f,y,o,v,"update")},[]);const S=i=>{if(!i.destination)return;const t=s,[h]=t.splice(i.source.index,1);t.splice(i.destination.index,0,h),t.forEach((N,D)=>{N.displayOrder=D}),n(t)};return e.jsxDEV(x.DragDropContext,{onDragEnd:S,children:[e.jsxDEV(E.SelectedScreenHeader,{children:[e.jsxDEV(C.IconButton,{Icon:g.default,width:16,height:16,color:a.COLORS.content.secondary,onClick:()=>{d("collections")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:104,columnNumber:5},void 0),e.jsxDEV(V.BodyCaption,{color:a.COLORS.content.secondary,children:"All Products"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:113,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:103,columnNumber:4},void 0),Object.keys(r).length>0?m==="list"?e.jsxDEV(u.VariantsList,{selectedVariants:s,setSelectedVariants:n,selectedCollectionsDispatch:o,outOfStockAction:b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:119,columnNumber:6},void 0):e.jsxDEV(u.VariantsGrid,{selectedVariants:s,setSelectedVariants:n,selectedCollectionsDispatch:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:126,columnNumber:6},void 0):e.jsxDEV(q.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:133,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/rearrangeScreen.tsx",lineNumber:102,columnNumber:3},void 0)};exports.RearrangeScreen=O;
 //# sourceMappingURL=rearrangeScreen.js.map

package/dist/cjs/components/product-picker-v2/rearrangeScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"rearrangeScreen.js","sources":["../../../../src/components/product-picker-v2/rearrangeScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport { DragDropContext, type DropResult } from '@hello-pangea/dnd';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect, useState } from 'react';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { parseSelectedVariantsToArray } from './helpers/ProductHelper';\nimport type { SelectedCollectionsActions } from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype ProductVariantForRearrange,\n\ttype SelectedItems,\n} from './type';\nimport { fetchFbStatusCollection } from './utility';\nimport { VariantsGrid, VariantsList } from './variantComponents';\n\ninterface RearrangeScreenInterface {\n\tselectedCollections: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\trearrangeViewType: 'grid' | 'list';\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tscrollContainerRef: React.RefObject<HTMLDivElement>;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n}\n\n/**\n * Screen will be opened on two conditions -\n * 1. When startupScreen is 'rearrange'- Here, this screen will be opened as beginning.\n\t 2. When rearrangeAfterSelectionEnabled is true - Here instead of selected products screen, rearrange screen will be opened\n */\nexport const RearrangeScreen = (props: RearrangeScreenInterface) => {\n\tconst {\n\t\tselectedCollections,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\trearrangeViewType,\n\t\toutOfStockAction,\n\t\tscrollContainerRef,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tappType,\n\t} = props;\n\n\tconst [selectedVariants, setSelectedVariants] = useState<\n\t\tProductVariantForRearrange[]\n\t>(parseSelectedVariantsToArray(selectedCollections));\n\n\tuseEffect(() => {\n\t\tsetSelectedVariants(parseSelectedVariantsToArray(selectedCollections));\n\t}, [selectedCollections]);\n\n\t/**\n\t * When opened, we scroll to top, and get FB status of selected variants\n\t */\n\tuseEffect(() => {\n\t\tscrollContainerRef?.current?.scrollTo({\n\t\t\ttop: 0,\n\t\t});\n\t\tfetchFbStatusCollection(\n\t\t\tselectedCollections,\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tselectedCollectionsDispatch,\n\t\t\tfbStatusFetcher,\n\t\t\t'update',\n\t\t);\n\t}, []);\n\n\t/**\n\t * Once user completes dragging, this function will be called.\n\t * This function rearranges the array and sets the selectedVariants state\n\t * which in turn renders the list of variants in rearranged format\n\t */\n\tconst onDragEnd = (result: DropResult) => {\n\t\tif (!result.destination) {\n\t\t\treturn;\n\t\t}\n\t\tconst tempSelectedVariants = selectedVariants;\n\t\tconst [removed] = tempSelectedVariants.splice(result.source.index, 1);\n\t\ttempSelectedVariants.splice(result.destination.index, 0, removed);\n\n\t\ttempSelectedVariants.forEach((variant, index) => {\n\t\t\tvariant.displayOrder = index;\n\t\t});\n\n\t\tsetSelectedVariants(tempSelectedVariants);\n\t};\n\n\treturn (\n\t\t<DragDropContext onDragEnd={onDragEnd}>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{'All Products'}\n\t\t\t\t</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t{Object.keys(selectedCollections).length > 0 ? (\n\t\t\t\trearrangeViewType === 'list' ? (\n\t\t\t\t\t<VariantsList\n\t\t\t\t\t\tselectedVariants={selectedVariants}\n\t\t\t\t\t\tsetSelectedVariants={setSelectedVariants}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<VariantsGrid\n\t\t\t\t\t\tselectedVariants={selectedVariants}\n\t\t\t\t\t\tsetSelectedVariants={setSelectedVariants}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) : (\n\t\t\t\t<EmptyState\n\t\t\t\t\ttitle={'No Products Selected'}\n\t\t\t\t\tsubtitle={'Selected products will appear here'}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DragDropContext>\n\t);\n};\n"],"names":["RearrangeScreen","props","selectedCollections","selectedCollectionsDispatch","setScreen","rearrangeViewType","outOfStockAction","scrollContainerRef","storeId","fbStatusFetcher","appType","selectedVariants","setSelectedVariants","useState","parseSelectedVariantsToArray","useEffect","fetchFbStatusCollection","onDragEnd","result","tempSelectedVariants","removed","variant","index","jsxDEV","DragDropContext","SelectedScreenHeader","IconButton","ArrowLeftIcon","COLORS","this","BodyCaption","VariantsList","VariantsGrid","EmptyState"],"mappings":"2eA0CaA,EAAmBC,GAAoC,CACnE,KAAM,CACL,oBAAAC,EACA,4BAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,QAAAC,CAAA,EACGT,EAEE,CAACU,EAAkBC,CAAmB,EAAIC,EAAAA,SAE9CC,EAAAA,6BAA6BZ,CAAmB,CAAC,EAEnDa,EAAAA,UAAU,IAAM,CACfH,EAAoBE,EAAAA,6BAA6BZ,CAAmB,CAAC,CACtE,EAAG,CAACA,CAAmB,CAAC,EAKxBa,EAAAA,UAAU,IAAM,CACfR,GAAoB,SAAS,SAAS,CACrC,IAAK,CAAA,CACL,EACDS,EAAAA,wBACCd,EACAM,EACAE,EACAP,EACAM,EACA,QAAA,CAEF,EAAG,CAAA,CAAE,EAOL,MAAMQ,EAAaC,GAAuB,CACzC,GAAI,CAACA,EAAO,YACX,OAED,MAAMC,EAAuBR,EACvB,CAACS,CAAO,EAAID,EAAqB,OAAOD,EAAO,OAAO,MAAO,CAAC,EACpEC,EAAqB,OAAOD,EAAO,YAAY,MAAO,EAAGE,CAAO,EAEhED,EAAqB,QAAQ,CAACE,EAASC,IAAU,CAChDD,EAAQ,aAAeC,CACxB,CAAC,EAEDV,EAAoBO,CAAoB,CACzC,EAEA,OACCI,SAACC,EAAAA,iBAAgB,UAAAP,EAChB,SAAA,CAAAM,SAACE,EAAAA,qBAAA,CACA,SAAA,CAAAF,EAAAA,OAACG,EAAAA,WAAA,CACA,KAAMC,EAAAA,QACN,MAAO,GACP,OAAQ,GACR,MAAOC,EAAAA,OAAO,QAAQ,UACtB,QAAS,IAAM,CACdxB,EAAU,aAAa,CACxB,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAyB,MAAA,WASCC,EAAAA,YAAA,CAAY,MAAOF,SAAO,QAAQ,UACjC,SAAA,gBADF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAEA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAaA,EACC,OAAO,KAAK3B,CAAmB,EAAE,OAAS,EAC1CG,IAAsB,OACrBkB,EAAAA,OAACQ,EAAAA,aAAA,CACA,iBAAApB,EACA,oBAAAC,EACA,4BAAAT,EACA,iBAAAG,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAuB,MAAA,EAOAN,EAAAA,OAACS,EAAAA,aAAA,CACA,iBAAArB,EACA,oBAAAC,EACA,4BAAAT,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAA0B,MAAA,EAODN,EAAAA,OAACU,EAAAA,WAAA,CACA,MAAO,uBACP,SAAU,oCAAA,EAFX,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAAA,CAGA,CAAA,EAlCF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}
+{"version":3,"file":"rearrangeScreen.js","sources":["../../../../src/components/product-picker-v2/rearrangeScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport { DragDropContext, type DropResult } from '@hello-pangea/dnd';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect, useState } from 'react';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { parseSelectedVariantsToArray } from './helpers/ProductHelper';\nimport type { SelectedCollectionsActions } from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype ProductVariantForRearrange,\n\ttype SelectedItems,\n} from './type';\nimport { fetchFbStatusCollection } from './utility';\nimport { VariantsGrid, VariantsList } from './variantComponents';\n\ninterface RearrangeScreenInterface {\n\tselectedCollections: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\trearrangeViewType: 'grid' | 'list';\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tscrollContainerRef: React.RefObject<HTMLDivElement>;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n}\n\n/**\n * Screen will be opened on two conditions -\n * 1. When startupScreen is 'rearrange'- Here, this screen will be opened as beginning.\n\t 2. When rearrangeAfterSelectionEnabled is true - Here instead of selected products screen, rearrange screen will be opened\n */\nexport const RearrangeScreen = (props: RearrangeScreenInterface) => {\n\tconst {\n\t\tselectedCollections,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\trearrangeViewType,\n\t\toutOfStockAction,\n\t\tscrollContainerRef,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tappType,\n\t} = props;\n\n\tconst [selectedVariants, setSelectedVariants] = useState<\n\t\tProductVariantForRearrange[]\n\t>(parseSelectedVariantsToArray(selectedCollections));\n\n\tuseEffect(() => {\n\t\tsetSelectedVariants(parseSelectedVariantsToArray(selectedCollections));\n\t}, [selectedCollections]);\n\n\t/**\n\t * When opened, we scroll to top, and get FB status of selected variants\n\t */\n\tuseEffect(() => {\n\t\tscrollContainerRef?.current?.scrollTo({\n\t\t\ttop: 0,\n\t\t});\n\t\tfetchFbStatusCollection(\n\t\t\tselectedCollections,\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tselectedCollectionsDispatch,\n\t\t\tfbStatusFetcher,\n\t\t\t'update',\n\t\t);\n\t}, []);\n\n\t/**\n\t * Once user completes dragging, this function will be called.\n\t * This function rearranges the array and sets the selectedVariants state\n\t * which in turn renders the list of variants in rearranged format\n\t */\n\tconst onDragEnd = (result: DropResult) => {\n\t\tif (!result.destination) {\n\t\t\treturn;\n\t\t}\n\t\tconst tempSelectedVariants = selectedVariants;\n\t\tconst [removed] = tempSelectedVariants.splice(result.source.index, 1);\n\t\ttempSelectedVariants.splice(result.destination.index, 0, removed);\n\n\t\ttempSelectedVariants.forEach((variant, index) => {\n\t\t\tvariant.displayOrder = index;\n\t\t});\n\n\t\tsetSelectedVariants(tempSelectedVariants);\n\t};\n\n\treturn (\n\t\t<DragDropContext onDragEnd={onDragEnd}>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{'All Products'}\n\t\t\t\t</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t{Object.keys(selectedCollections).length > 0 ? (\n\t\t\t\trearrangeViewType === 'list' ? (\n\t\t\t\t\t<VariantsList\n\t\t\t\t\t\tselectedVariants={selectedVariants}\n\t\t\t\t\t\tsetSelectedVariants={setSelectedVariants}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<VariantsGrid\n\t\t\t\t\t\tselectedVariants={selectedVariants}\n\t\t\t\t\t\tsetSelectedVariants={setSelectedVariants}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) : (\n\t\t\t\t<EmptyState\n\t\t\t\t\ttitle={'No Products Selected'}\n\t\t\t\t\tsubtitle={'Selected products will appear here'}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DragDropContext>\n\t);\n};\n"],"names":["RearrangeScreen","props","selectedCollections","selectedCollectionsDispatch","setScreen","rearrangeViewType","outOfStockAction","scrollContainerRef","storeId","fbStatusFetcher","appType","selectedVariants","setSelectedVariants","useState","parseSelectedVariantsToArray","useEffect","fetchFbStatusCollection","onDragEnd","result","tempSelectedVariants","removed","variant","index","jsxDEV","DragDropContext","SelectedScreenHeader","IconButton","ArrowLeftIcon","COLORS","this","BodyCaption","VariantsList","VariantsGrid","EmptyState"],"mappings":"2eA0CaA,EAAmBC,GAAoC,CACnE,KAAM,CACL,oBAAAC,EACA,4BAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,QAAAC,CAAA,EACGT,EAEE,CAACU,EAAkBC,CAAmB,EAAIC,EAAAA,SAE9CC,EAAAA,6BAA6BZ,CAAmB,CAAC,EAEnDa,EAAAA,UAAU,IAAM,CACfH,EAAoBE,EAAAA,6BAA6BZ,CAAmB,CAAC,CACtE,EAAG,CAACA,CAAmB,CAAC,EAKxBa,EAAAA,UAAU,IAAM,CACfR,GAAoB,SAAS,SAAS,CACrC,IAAK,CAAA,CACL,EACDS,EAAAA,wBACCd,EACAM,EACAE,EACAP,EACAM,EACA,QAAA,CAEF,EAAG,CAAA,CAAE,EAOL,MAAMQ,EAAaC,GAAuB,CACzC,GAAI,CAACA,EAAO,YACX,OAED,MAAMC,EAAuBR,EACvB,CAACS,CAAO,EAAID,EAAqB,OAAOD,EAAO,OAAO,MAAO,CAAC,EACpEC,EAAqB,OAAOD,EAAO,YAAY,MAAO,EAAGE,CAAO,EAEhED,EAAqB,QAAQ,CAACE,EAASC,IAAU,CAChDD,EAAQ,aAAeC,CACxB,CAAC,EAEDV,EAAoBO,CAAoB,CACzC,EAEA,OACCI,SAACC,EAAAA,iBAAgB,UAAAP,EAChB,SAAA,CAAAM,SAACE,EAAAA,qBAAA,CACA,SAAA,CAAAF,EAAAA,OAACG,EAAAA,WAAA,CACA,KAAMC,EAAAA,QACN,MAAO,GACP,OAAQ,GACR,MAAOC,EAAAA,OAAO,QAAQ,UACtB,QAAS,IAAM,CACdxB,EAAU,aAAa,CACxB,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAyB,MAAA,WASCC,EAAAA,YAAA,CAAY,MAAOF,SAAO,QAAQ,UACjC,SAAA,gBADF,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAEA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAaA,EACC,OAAO,KAAK3B,CAAmB,EAAE,OAAS,EAC1CG,IAAsB,OACrBkB,EAAAA,OAACQ,EAAAA,aAAA,CACA,iBAAApB,EACA,oBAAAC,EACA,4BAAAT,EACA,iBAAAG,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAuB,MAAA,EAOAN,EAAAA,OAACS,EAAAA,aAAA,CACA,iBAAArB,EACA,oBAAAC,EACA,4BAAAT,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAA0B,MAAA,EAODN,EAAAA,OAACU,EAAAA,WAAA,CACA,MAAO,uBACP,SAAU,oCAAA,EAFX,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAAA,CAGA,CAAA,EAlCF,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}

package/dist/cjs/components/product-picker-v2/searchScreen.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),q=require("../../assets/icons/arrow_left.svg.js"),T=require("react"),F=require("../TypographyStyle.js"),R=require("./collectionScreen.js"),B=require("./emptyState.js"),L=require("./product.js"),A=require("./style.js"),c=require("./utility.js"),M=require("../icon-button/IconButton.js"),W=y=>{const{customCollectionRestriction:i,selectedCollections:t,searchedCollections:r,searchedCollectionsDispatch:k,selectedCollectionsDispatch:l,setScreen:m,collections:p,onBackPress:N,hideVariantCheckbox:C,pickerType:a,hideProductVariants:d,hideProductCheckbox:S,storeId:x,fbStatusFetcher:D,setCollectionId:v,setSelectedCollectionId:j,hideCollectionCheckbox:P,renderWithoutModal:w,outOfStockAction:E,appType:V,limit:b,exactLimit:h}=y;T.useEffect(()=>{c.fetchFbStatusCollection(r.products??{},x,V,k,D,"setProducts")},[r?.products]);const O=i?t?.isCustom:!1,f=Object.keys(t||{}).filter(e=>e!=="isCustom").length,U=(e,n,s)=>{const u=c.liftTheStateUp(s,r?.products?.[e]);l({type:n,data:{...u,isRestricted:i}})};return o.jsxDEV("div",{children:[o.jsxDEV(A.SelectedScreenHeader,{children:[o.jsxDEV(M.IconButton,{Icon:q.default,onClick:()=>{m("collections"),N()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:121,columnNumber:5},void 0),o.jsxDEV(F.BodyCaption,{children:Object.keys(r?.collections)?.length?"Searched Collections & Products":"Searched Products"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:128,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:120,columnNumber:4},void 0),o.jsxDEV("div",{children:Object.keys(r?.products).length||Object.keys(r?.collections).length?o.jsxDEV(o.Fragment,{children:[o.jsxDEV(o.Fragment,{children:Object.keys(r?.collections).map(e=>{const n=!!t?.[e],s=a==="COLLECTION"&&!n&&(!!h&&f>=h||!!b&&f>=b);return o.jsxDEV(R.CollectionCard,{customCollectionRestriction:i,data:p?.[e],isDisabled:O&&!t?.[e]||s,isChecked:n,isPartiallyChecked:c.isCollectionPartiallyChecked(e,p?.[e],t,d),selectedCollectionsDispatch:l,setCollectionId:v,setSelectedCollectionId:j,setScreen:m,id:e,hideCollectionCheckbox:P||e==="-1",selectedCollections:t,renderWithoutModal:w,pickerType:a,usedInSearch:!0},e,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:151,columnNumber:11},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:138,columnNumber:7},void 0),o.jsxDEV(o.Fragment,{children:Object.keys(r?.products).map(e=>Object.keys(r?.products?.[e]?.products||[]).map(n=>{let s=!1;return r?.products?.isCustom&&(s=!0),o.jsxDEV(L.ProductGroup,{collectionId:e,upliftAdditions:(u,g)=>U(e,u,g),productId:n,data:(r?.products?.[e].products)[n],isProductPartiallyChecked:c.isProductPartiallyChecked(e,n,t,r.products?.[e],d),selectedData:t,selectedCollectionsDispatch:l,viewOnly:s,hideProductCheckbox:S,hideVariantCheckbox:C,hideProductVariants:d,pickerType:a,outOfStockAction:E},n,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:196,columnNumber:12},void 0)}))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:183,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:137,columnNumber:6},void 0):o.jsxDEV(B.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:237,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:134,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:119,columnNumber:3},void 0)};exports.SearchScreen=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),q=require("../../assets/icons/arrow_left.svg.js"),T=require("react"),F=require("../TypographyStyle.js"),R=require("./collectionScreen.js"),B=require("./emptyState.js"),L=require("./product.js"),w=require("./style.js"),i=require("./utility.js"),A=require("../icon-button/IconButton.js"),M=f=>{const{customCollectionRestriction:n,selectedCollections:o,searchedCollections:t,searchedCollectionsDispatch:v,selectedCollectionsDispatch:a,setScreen:m,collections:p,onBackPress:y,hideVariantCheckbox:N,pickerType:l,hideProductVariants:u,hideProductCheckbox:C,storeId:S,fbStatusFetcher:x,setCollectionId:D,setSelectedCollectionId:j,hideCollectionCheckbox:P,renderWithoutModal:E,outOfStockAction:V,appType:W,limit:b,exactLimit:h}=f;T.useEffect(()=>{i.fetchFbStatusCollection(t.products??{},S,W,v,x,"setProducts")},[t?.products]);const O=n?o?.isCustom:!1,k=Object.keys(o||{}).filter(e=>e!=="isCustom").length,U=(e,s,c)=>{const d=i.liftTheStateUp(c,t?.products?.[e]);a({type:s,data:{...d,isRestricted:n}})};return r.jsxDEV("div",{children:[r.jsxDEV(w.SelectedScreenHeader,{children:[r.jsxDEV(A.IconButton,{Icon:q.default,onClick:()=>{m("collections"),y()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:121,columnNumber:5},void 0),r.jsxDEV(F.BodyCaption,{children:Object.keys(t?.collections)?.length?"Searched Collections & Products":"Searched Products"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:128,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:120,columnNumber:4},void 0),r.jsxDEV("div",{children:Object.keys(t?.products).length||Object.keys(t?.collections).length?r.jsxDEV(r.Fragment,{children:[r.jsxDEV(r.Fragment,{children:Object.keys(t?.collections).map(e=>{const s=!!o?.[e],c=l==="COLLECTION"&&!s&&(!!h&&k>=h||!!b&&k>=b);return r.jsxDEV(R.CollectionCard,{customCollectionRestriction:n,data:p?.[e],isDisabled:O&&!o?.[e]||c,isChecked:s,isPartiallyChecked:i.isCollectionPartiallyChecked(e,p?.[e],o,u),selectedCollectionsDispatch:a,setCollectionId:D,setSelectedCollectionId:j,setScreen:m,id:e,hideCollectionCheckbox:P||e==="-1",selectedCollections:o,renderWithoutModal:E,pickerType:l,usedInSearch:!0},e,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:151,columnNumber:11},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:138,columnNumber:7},void 0),r.jsxDEV(r.Fragment,{children:Object.keys(t?.products).map(e=>Object.keys(t?.products?.[e]?.products||[]).map(s=>{let c=!1;return t?.products?.isCustom&&(c=!0),r.jsxDEV(L.ProductGroup,{collectionId:e,upliftAdditions:(d,g)=>U(e,d,g),productId:s,data:(t?.products?.[e].products)[s],isProductPartiallyChecked:i.isProductPartiallyChecked(e,s,o,t.products?.[e],u),selectedData:o,selectedCollectionsDispatch:a,viewOnly:c,hideProductCheckbox:C,hideVariantCheckbox:N,hideProductVariants:u,pickerType:l,outOfStockAction:V},s,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:196,columnNumber:12},void 0)}))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:183,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:137,columnNumber:6},void 0):r.jsxDEV(B.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:237,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:134,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/searchScreen.tsx",lineNumber:119,columnNumber:3},void 0)};exports.SearchScreen=M;
 //# sourceMappingURL=searchScreen.js.map

package/dist/cjs/components/product-picker-v2/searchScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchScreen.js","sources":["../../../../src/components/product-picker-v2/searchScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect } from 'react';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { CollectionCard } from './collectionScreen';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport type {\n\tSearchReducerActions,\n\tSelectedCollectionsActions,\n} from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype Collection,\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport {\n\tfetchFbStatusCollection,\n\tisCollectionPartiallyChecked,\n\tisProductPartiallyChecked,\n\tliftTheStateUp,\n} from './utility';\n\ninterface SearchScreenInterface {\n\tcustomCollectionRestriction?: boolean;\n\tselectedCollections: SelectedItems;\n\tsearchedCollections: SearchedItems;\n\tsearchedCollectionsDispatch: React.Dispatch<SearchReducerActions>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tcollections: { [key: string]: Collection };\n\tonBackPress: () => void;\n\thideVariantCheckbox?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\thideProductCheckbox?: boolean;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tlimit?: number;\n\texactLimit?: number;\n}\n\nexport const SearchScreen = (props: SearchScreenInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tselectedCollections,\n\t\tsearchedCollections,\n\t\tsearchedCollectionsDispatch,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\tcollections,\n\t\tonBackPress,\n\t\thideVariantCheckbox,\n\t\tpickerType,\n\t\thideProductVariants,\n\t\thideProductCheckbox,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\thideCollectionCheckbox,\n\t\trenderWithoutModal,\n\t\toutOfStockAction,\n\t\tappType,\n\t\tlimit,\n\t\texactLimit,\n\t} = props;\n\n\tuseEffect(() => {\n\t\tfetchFbStatusCollection(\n\t\t\tsearchedCollections.products ?? {},\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tsearchedCollectionsDispatch,\n\t\t\tfbStatusFetcher,\n\t\t\t'setProducts',\n\t\t);\n\t}, [searchedCollections?.products]);\n\n\tconst isCustomSelected = customCollectionRestriction\n\t\t? selectedCollections?.['isCustom']\n\t\t: false || false;\n\n\t// Calculate current count of selected collections for limit enforcement\n\tconst selectedCollectionCount = Object.keys(selectedCollections || {}).filter(\n\t\t(k) => k !== 'isCustom',\n\t).length;\n\n\tconst upliftAdditions = (\n\t\tcollectionId: string,\n\t\ttype: string,\n\t\tpayload: unknown,\n\t) => {\n\t\tconst finalPayload = liftTheStateUp(\n\t\t\tpayload,\n\t\t\tsearchedCollections?.products?.[collectionId],\n\t\t);\n\t\tselectedCollectionsDispatch({\n\t\t\ttype,\n\t\t\tdata: { ...finalPayload, isRestricted: customCollectionRestriction },\n\t\t});\n\t};\n\treturn (\n\t\t<div>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t\tonBackPress();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption>\n\t\t\t\t\t{Object.keys(searchedCollections?.collections)?.length\n\t\t\t\t\t\t? 'Searched Collections & Products'\n\t\t\t\t\t\t: 'Searched Products'}\n\t\t\t\t</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t<div>\n\t\t\t\t{Object.keys(searchedCollections?.products).length ||\n\t\t\t\tObject.keys(searchedCollections?.collections).length ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.collections).map(\n\t\t\t\t\t\t\t\t(key: string) => {\n\t\t\t\t\t\t\t\t\tconst isChecked = selectedCollections?.[key] ? true : false;\n\n\t\t\t\t\t\t\t\t\t// For COLLECTION picker, check if limit is reached\n\t\t\t\t\t\t\t\t\tconst isLimitReached =\n\t\t\t\t\t\t\t\t\t\tpickerType === 'COLLECTION' &&\n\t\t\t\t\t\t\t\t\t\t!isChecked &&\n\t\t\t\t\t\t\t\t\t\t((!!exactLimit && selectedCollectionCount >= exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t\t(!!limit && selectedCollectionCount >= limit));\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<CollectionCard\n\t\t\t\t\t\t\t\t\t\t\tcustomCollectionRestriction={customCollectionRestriction}\n\t\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\t\tdata={collections?.[key]}\n\t\t\t\t\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t(isCustomSelected && !selectedCollections?.[key]) ||\n\t\t\t\t\t\t\t\t\t\t\t\tisLimitReached\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\tcollections?.[key],\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\t\t\t\t\tid={key}\n\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox={\n\t\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox || key === '-1'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\tusedInSearch={true}\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},\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.products).map(\n\t\t\t\t\t\t\t\t(collectionId) => {\n\t\t\t\t\t\t\t\t\treturn Object.keys(\n\t\t\t\t\t\t\t\t\t\tsearchedCollections?.products?.[collectionId]?.[\n\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t] || [],\n\t\t\t\t\t\t\t\t\t).map((productId) => {\n\t\t\t\t\t\t\t\t\t\tlet viewOnly = false;\n\t\t\t\t\t\t\t\t\t\tif (searchedCollections?.products?.['isCustom']) {\n\t\t\t\t\t\t\t\t\t\t\tviewOnly = true;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions={(type, payload) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions(collectionId, type, payload)\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\tproductId={productId}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={\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\tsearchedCollections?.products?.[collectionId][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: Product;\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)[productId]\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\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tproductId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchedCollections.products?.[collectionId],\n\t\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\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\tselectedData={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch\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\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={productId}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\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});\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</>\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle=\"No search results found\"\n\t\t\t\t\t\tsubtitle=\"We couldn’t find the product you were looking for.\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["SearchScreen","props","customCollectionRestriction","selectedCollections","searchedCollections","searchedCollectionsDispatch","selectedCollectionsDispatch","setScreen","collections","onBackPress","hideVariantCheckbox","pickerType","hideProductVariants","hideProductCheckbox","storeId","fbStatusFetcher","setCollectionId","setSelectedCollectionId","hideCollectionCheckbox","renderWithoutModal","outOfStockAction","appType","limit","exactLimit","useEffect","fetchFbStatusCollection","isCustomSelected","selectedCollectionCount","k","upliftAdditions","collectionId","type","payload","finalPayload","liftTheStateUp","jsxDEV","SelectedScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","Fragment","key","isChecked","isLimitReached","CollectionCard","isCollectionPartiallyChecked","productId","viewOnly","ProductGroup","isProductPartiallyChecked","EmptyState"],"mappings":"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"}
+{"version":3,"file":"searchScreen.js","sources":["../../../../src/components/product-picker-v2/searchScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect } from 'react';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { CollectionCard } from './collectionScreen';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport type {\n\tSearchReducerActions,\n\tSelectedCollectionsActions,\n} from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype Collection,\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport {\n\tfetchFbStatusCollection,\n\tisCollectionPartiallyChecked,\n\tisProductPartiallyChecked,\n\tliftTheStateUp,\n} from './utility';\n\ninterface SearchScreenInterface {\n\tcustomCollectionRestriction?: boolean;\n\tselectedCollections: SelectedItems;\n\tsearchedCollections: SearchedItems;\n\tsearchedCollectionsDispatch: React.Dispatch<SearchReducerActions>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tcollections: { [key: string]: Collection };\n\tonBackPress: () => void;\n\thideVariantCheckbox?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\thideProductCheckbox?: boolean;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tlimit?: number;\n\texactLimit?: number;\n}\n\nexport const SearchScreen = (props: SearchScreenInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tselectedCollections,\n\t\tsearchedCollections,\n\t\tsearchedCollectionsDispatch,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\tcollections,\n\t\tonBackPress,\n\t\thideVariantCheckbox,\n\t\tpickerType,\n\t\thideProductVariants,\n\t\thideProductCheckbox,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\thideCollectionCheckbox,\n\t\trenderWithoutModal,\n\t\toutOfStockAction,\n\t\tappType,\n\t\tlimit,\n\t\texactLimit,\n\t} = props;\n\n\tuseEffect(() => {\n\t\tfetchFbStatusCollection(\n\t\t\tsearchedCollections.products ?? {},\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tsearchedCollectionsDispatch,\n\t\t\tfbStatusFetcher,\n\t\t\t'setProducts',\n\t\t);\n\t}, [searchedCollections?.products]);\n\n\tconst isCustomSelected = customCollectionRestriction\n\t\t? selectedCollections?.['isCustom']\n\t\t: false || false;\n\n\t// Calculate current count of selected collections for limit enforcement\n\tconst selectedCollectionCount = Object.keys(selectedCollections || {}).filter(\n\t\t(k) => k !== 'isCustom',\n\t).length;\n\n\tconst upliftAdditions = (\n\t\tcollectionId: string,\n\t\ttype: string,\n\t\tpayload: unknown,\n\t) => {\n\t\tconst finalPayload = liftTheStateUp(\n\t\t\tpayload,\n\t\t\tsearchedCollections?.products?.[collectionId],\n\t\t);\n\t\tselectedCollectionsDispatch({\n\t\t\ttype,\n\t\t\tdata: { ...finalPayload, isRestricted: customCollectionRestriction },\n\t\t});\n\t};\n\treturn (\n\t\t<div>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t\tonBackPress();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption>\n\t\t\t\t\t{Object.keys(searchedCollections?.collections)?.length\n\t\t\t\t\t\t? 'Searched Collections & Products'\n\t\t\t\t\t\t: 'Searched Products'}\n\t\t\t\t</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t<div>\n\t\t\t\t{Object.keys(searchedCollections?.products).length ||\n\t\t\t\tObject.keys(searchedCollections?.collections).length ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.collections).map(\n\t\t\t\t\t\t\t\t(key: string) => {\n\t\t\t\t\t\t\t\t\tconst isChecked = selectedCollections?.[key] ? true : false;\n\n\t\t\t\t\t\t\t\t\t// For COLLECTION picker, check if limit is reached\n\t\t\t\t\t\t\t\t\tconst isLimitReached =\n\t\t\t\t\t\t\t\t\t\tpickerType === 'COLLECTION' &&\n\t\t\t\t\t\t\t\t\t\t!isChecked &&\n\t\t\t\t\t\t\t\t\t\t((!!exactLimit && selectedCollectionCount >= exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t\t(!!limit && selectedCollectionCount >= limit));\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<CollectionCard\n\t\t\t\t\t\t\t\t\t\t\tcustomCollectionRestriction={customCollectionRestriction}\n\t\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\t\tdata={collections?.[key]}\n\t\t\t\t\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t(isCustomSelected && !selectedCollections?.[key]) ||\n\t\t\t\t\t\t\t\t\t\t\t\tisLimitReached\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\tcollections?.[key],\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\t\t\t\t\tid={key}\n\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox={\n\t\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox || key === '-1'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\tusedInSearch={true}\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},\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.products).map(\n\t\t\t\t\t\t\t\t(collectionId) => {\n\t\t\t\t\t\t\t\t\treturn Object.keys(\n\t\t\t\t\t\t\t\t\t\tsearchedCollections?.products?.[collectionId]?.[\n\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t] || [],\n\t\t\t\t\t\t\t\t\t).map((productId) => {\n\t\t\t\t\t\t\t\t\t\tlet viewOnly = false;\n\t\t\t\t\t\t\t\t\t\tif (searchedCollections?.products?.['isCustom']) {\n\t\t\t\t\t\t\t\t\t\t\tviewOnly = true;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions={(type, payload) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions(collectionId, type, payload)\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\tproductId={productId}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={\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\tsearchedCollections?.products?.[collectionId][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: Product;\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)[productId]\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\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tproductId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchedCollections.products?.[collectionId],\n\t\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\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\tselectedData={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch\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\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={productId}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\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});\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</>\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle=\"No search results found\"\n\t\t\t\t\t\tsubtitle=\"We couldn’t find the product you were looking for.\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["SearchScreen","props","customCollectionRestriction","selectedCollections","searchedCollections","searchedCollectionsDispatch","selectedCollectionsDispatch","setScreen","collections","onBackPress","hideVariantCheckbox","pickerType","hideProductVariants","hideProductCheckbox","storeId","fbStatusFetcher","setCollectionId","setSelectedCollectionId","hideCollectionCheckbox","renderWithoutModal","outOfStockAction","appType","limit","exactLimit","useEffect","fetchFbStatusCollection","isCustomSelected","selectedCollectionCount","k","upliftAdditions","collectionId","type","payload","finalPayload","liftTheStateUp","jsxDEV","SelectedScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","Fragment","key","isChecked","isLimitReached","CollectionCard","isCollectionPartiallyChecked","productId","viewOnly","ProductGroup","isProductPartiallyChecked","EmptyState"],"mappings":"uZAyDaA,EAAgBC,GAAiC,CAC7D,KAAM,CACL,4BAAAC,EACA,oBAAAC,EACA,oBAAAC,EACA,4BAAAC,EACA,4BAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,oBAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,oBAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,wBAAAC,EACA,uBAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,CAAA,EACGtB,EAEJuB,EAAAA,UAAU,IAAM,CACfC,EAAAA,wBACCrB,EAAoB,UAAY,CAAA,EAChCU,EACAO,EACAhB,EACAU,EACA,aAAA,CAEF,EAAG,CAACX,GAAqB,QAAQ,CAAC,EAElC,MAAMsB,EAAmBxB,EACtBC,GAAsB,SACb,GAGNwB,EAA0B,OAAO,KAAKxB,GAAuB,CAAA,CAAE,EAAE,OACrEyB,GAAMA,IAAM,UAAA,EACZ,OAEIC,EAAkB,CACvBC,EACAC,EACAC,IACI,CACJ,MAAMC,EAAeC,EAAAA,eACpBF,EACA5B,GAAqB,WAAW0B,CAAY,CAAA,EAE7CxB,EAA4B,CAC3B,KAAAyB,EACA,KAAM,CAAE,GAAGE,EAAc,aAAc/B,CAAA,CAA4B,CACnE,CACF,EACA,gBACE,MAAA,CACA,SAAA,CAAAiC,SAACC,EAAAA,qBAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,WAAA,CACA,KAAMC,EAAAA,QACN,QAAS,IAAM,CACd/B,EAAU,aAAa,EACvBE,EAAA,CACD,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAA8B,MAAA,EAOAJ,EAAAA,OAACK,EAAAA,aACC,SAAA,OAAO,KAAKpC,GAAqB,WAAW,GAAG,OAC7C,kCACA,mBAAA,EAHJ,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAmC,MAIA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAaA,EACAJ,EAAAA,OAAC,MAAA,CACC,SAAA,OAAO,KAAK/B,GAAqB,QAAQ,EAAE,QAC5C,OAAO,KAAKA,GAAqB,WAAW,EAAE,OAC7C+B,SAAAM,EAAAA,SAAA,CACC,SAAA,CAAAN,SAAAM,EAAAA,SAAA,CACE,SAAA,OAAO,KAAKrC,GAAqB,WAAW,EAAE,IAC7CsC,GAAgB,CAChB,MAAMC,EAAY,EAAAxC,IAAsBuC,CAAG,EAGrCE,EACLjC,IAAe,cACf,CAACgC,IACC,CAAC,CAACpB,GAAcI,GAA2BJ,GAC3C,CAAC,CAACD,GAASK,GAA2BL,GAEzC,OACCa,EAAAA,OAACU,EAAAA,eAAA,CACA,4BAAA3C,EAEA,KAAMM,IAAckC,CAAG,EACvB,WACEhB,GAAoB,CAACvB,IAAsBuC,CAAG,GAC/CE,EAED,UAAAD,EACA,mBAAoBG,EAAAA,6BACnBJ,EACAlC,IAAckC,CAAG,EACjBvC,EACAS,CAAA,EAED,4BAAAN,EACA,gBAAAU,EACA,wBAAAC,EACA,UAAAV,EACA,GAAImC,EACJ,uBACCxB,GAA0BwB,IAAQ,KAEnC,oBAAAvC,EACA,mBAAAgB,EACA,WAAAR,EACA,aAAc,EAAA,EAxBT+B,EAFN,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,EAAA,EAAAH,MAAA,CA6BF,CAAA,CACD,EA3CD,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4CA,EACAJ,SAAAM,EAAAA,SAAA,CACE,SAAA,OAAO,KAAKrC,GAAqB,QAAQ,EAAE,IAC1C0B,GACO,OAAO,KACb1B,GAAqB,WAAW0B,CAAY,GAC3C,UACI,CAAA,CAAC,EACL,IAAKiB,GAAc,CACpB,IAAIC,EAAW,GACf,OAAI5C,GAAqB,UAAW,WACnC4C,EAAW,IAGXb,EAAAA,OAACc,EAAAA,aAAA,CACA,aAAAnB,EACA,gBAAiB,CAACC,EAAMC,IACvBH,EAAgBC,EAAcC,EAAMC,CAAO,EAE5C,UAAAe,EACA,MAEE3C,GAAqB,WAAW0B,CAAY,EAC3C,UAIAiB,CAAS,EAEZ,0BAA2BG,EAAAA,0BAC1BpB,EACAiB,EACA5C,EACAC,EAAoB,WAAW0B,CAAY,EAC3ClB,CAAA,EAED,aAAcT,EACd,4BAAAG,EAGA,SAAA0C,EAEA,oBAAAnC,EACA,oBAAAH,EACA,oBAAAE,EACA,WAAAD,EACA,iBAAAS,CAAA,EALK2B,EA3BN,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,EAAA,EAAAR,MAAA,CAmCF,CAAC,CACF,CACD,EAlDD,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAmDA,CAAA,CAAA,EAjGD,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkGA,EAEAJ,EAAAA,OAACgB,EAAAA,WAAA,CACA,MAAM,0BACN,SAAS,oDAAA,EAFV,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAZ,MAAA,CAGA,EA1GF,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4GA,CAAA,CAAA,EA3HD,OAAA,GAAA,CAAA,SAAA,uIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4HA,CAEF"}