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

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

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

Files changed (1557) hide show

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

	@@ -1 +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","containsVariant","variantId","_b","_a","_f","_e","_d","_c","currencyAndPriceForProduct","shouldShowVariant","currency","CurrencySymbols","_j","Object","values","price","_h","_g","actualPrice","_jsxs","children","_jsx","ProductCard","isVariant","isSelected","containsProduct","isPartiallyChecked","currencyAndPrice","keys","map","currencyAndPriceForVariant","assign","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","skuId","getSkuId","ProductCardStyle","onClick","event","stopPropagation","type","product","variant","isActive","CheckBox","isChecked","onValueChange","checked","_val","_Fragment","ShimmerImage","width","height","imageUrl","image","alt","borderRadius","style","display","flexDirection","flex","alignItems","justifyContent","gap","Tooltip","body","name","placement","delay","TitleSmall","numberOfLines","ProductInfo","ProductPickerTag","IconButton","Icon","InfoIcon","color","COLORS","content","placeholder","ProductSubTitle","fbStatus","BodyCaption","secondary","SKUIDBadge","EllipsedBodyTiny"],"mappings":"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"}
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","containsVariant","variantId","_b","_a","_f","_e","_d","_c","currencyAndPriceForProduct","shouldShowVariant","currency","CurrencySymbols","_j","Object","values","price","_h","_g","actualPrice","_jsxs","children","_jsx","ProductCard","isVariant","isSelected","containsProduct","isPartiallyChecked","currencyAndPrice","keys","map","currencyAndPriceForVariant","assign","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","skuId","getSkuId","ProductCardStyle","onClick","event","stopPropagation","type","product","variant","isActive","CheckBox","isChecked","onValueChange","checked","_val","_Fragment","ShimmerImage","width","height","imageUrl","image","alt","borderRadius","style","display","flexDirection","flex","alignItems","justifyContent","gap","Tooltip","body","name","placement","delay","TitleSmall","numberOfLines","ProductInfo","ProductPickerTag","IconButton","Icon","InfoIcon","color","COLORS","content","placeholder","ProductSubTitle","fbStatus","BodyCaption","secondary","SKUIDBadge","EllipsedBodyTiny"],"mappings":"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"}

package/dist/esm/components/product-picker-v2/productInfoOverlay.js.map CHANGED Viewed

	@@ -1 +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","_jsxs","StyledProductInfoOverlay","children","_jsx","OverlayBackground","CloseButtonContainer","IconButton","className","onClick","onClose","Icon","CrossIcon","width","height","ProductInfoCard","productData","outOfStockAction","useDynamicInfoImageSize","isVariant","undefined","variants","currencyAndPrice","currency","_a","CurrencySymbols","_e","_b","price","_c","_d","actualPrice","productCurrency","_f","_g","_q","_l","_k","Object","values","_h","_j","_p","_o","_m","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","imageUrl","image","borderRadius","RightContainerProductInfo","Tooltip","assign","body","placement","SKUIDBadge","EllipsedBodyTiny","TitleRegular","style","display","name","BodyCaption","color","COLORS","content","secondary","id","dangerouslySetInnerHTML","__html","description","shouldShowVariant","ProductPickerTag","data","styled","div","surface","standard"],"mappings":"usBAoBaA,MAAAA,EAAsBC,GAOjCC,EAACC,EAAwB,CAAAC,SAAA,CACxBC,EAACC,EAAoB,CAAA,GACrBD,EAACE,EACA,CAAAH,SAAAC,EAACG,EAAU,CACVC,UAAU,eACVC,QAAST,EAAMU,QACfC,KAAMC,EACNC,MAAO,GACPC,OAAQ,OAGVV,EAACW,EACA,CAAAC,YAAahB,EAAMgB,YACnBC,iBAAkBjB,EAAMiB,iBACxBC,wBAAyBlB,EAAMkB,6BAMtBH,EAAmBf,wCAK/B,MAAMmB,OAAwDC,IAA3CpB,EAAMgB,YAAwBK,SACjD,IAAIC,EACJ,GAAIH,EACHG,~~EAAmB~~,~~GAClBtB~~,EAAMgB,YAAYO,UAC6B,QAA5CC,EAAAC,EAAgBzB,EAAMgB,YAAYO,iBAAU,IAAAC,EAAAA,EAC5C,KAG+C,QADlDE,EACA,UADqC,QAApCC,EAAA3B,EAAMgB,mBAA8B,IAAAW,OAAA,EAAAA,EAAEC,aACvC,IAAAC,EAAAA,UAAAC,EAAC9B,EAAMgB,kCAAgCe,mBAAW,IAAAL,EAAAA,EAClD,SAEK,CACN,MAAMM,EAAgD,QAA7BC,EAAAjC,EAAMgB,mBAAuB,IAAAiB,OAAA,EAAAA,EAAEV,SACxDD,EAAmB,GAClBU,GAAkD,QAAhCE,EAAAT,EAAgBO,UAAgB,IAAAE,EAAAA,EAAS,KAM3D,QAJAC,EAEA,QAFAC,EACG,QADHC,EAA+D,UAA/DC,OAAOC,OAAqD,QAA7CC,EAAAxC,EAAMgB,YAAkC,gBAAK,IAAAwB,EAAAA,EAAA,CAAE,UAAC,IAAAC,OAAA,EAAAA,EAAG,UAC/D,IAAAJ,OAAA,EAAAA,EAAAT,aACH,IAAAQ,EAAAA,EACG,QADHM,EAA+D,QAA/DC,EAAAL,OAAOC,OAAiD,QAAzCK,EAAA5C,EAAMgB,YAAkC,gBAAC,IAAA4B,EAAAA,EAAI,CAAE,UAAC,IAAAD,OAAA,EAAAA,EAAG,UAC/D,IAAAD,OAAA,EAAAA,EAAAX,mBACH,IAAAI,EAAAA,EAAA,IAED,CACD,MAAMU,6BACLA,EAA4BC,wBAC5BA,EAAuBC,QACvBA,EAAOC,QACPA,GACGC,EAAcC,2BACjBlD,EAAMgB,YACNG,EACAnB,EAAMiB,kBAIDkC,EAAQC,EAASpD,EAAMgB,YAAaG,GAE1C,OACClB,EAACoD,EACA,CAAAlD,SAAA,CAAAC,EAACkD,EACA,CAAAnD,SAAAC,EAACmD,EAAY,CACZrC,wBAAyBlB,EAAMkB,wBAC/BsC,SAAUxD,EAAMgB,YAAYyC,MAC5B5C,MAAO,IACPC,OAAQ,IACR4C,aAAc,MAGhBzD,EAAC0D,EACC,CAAAxD,SAAA,CAAAgD,GACA/C,EAACwD,EAAOtB,OAAAuB,OAAA,CAACC,KAAMX,EAAOY,UAAU,OAAK,CAAA5D,SACpCC,EAAC4D,YACA5D,EAAC6D,EAAkB,CAAA9D,SAAA,WAAWgD,WAIjC/C,EAAC8D,EAAY5B,OAAAuB,OAAA,CAACM,MAAO,CAAEC,QAAS,SAC9B,CAAAjE,SAAAH,EAAMgB,YAAYqD,QAEpBjE,EAACkE,EAAWhC,OAAAuB,OAAA,CACXU,MAAOC,EAAOC,QAAQC,WAAS,CAAAvE,~~SAC9B~~,~~eAAeH~~,EAAMgB,YAAY2D,QAEnCvE,EAACkE,EACA,CAAA9D,UAAU,sBACVoE,wBAAyB,CACxBC,iBAAQ7E,EAAMgB,YAAY8D,2BAAe,MAI3C1E,EAACkE,EAAWhC,OAAAuB,OAAA,CAACU,MAAOC,EAAOC,QAAQC,WAAS,CAAAvE,SAC1CgB,EACEG,EACCyD,EAAkB/E,EAAMgB,aAEzB,KADAM,KAIJlB,EAAC4E,EAAgB,CAChB7D,UAAW0B,EACXoC,KAAMnC,EACNC,QAASA,EACTC,QAASA,SAGY,EAIpB9C,EAA2BgF,EAAOC,GAAG;;;;;;;;;;;;;;;;;;;EAqBrC9E,EAAoB6E,EAAOC,GAAG;;;;EAM9B7E,EAAuB4E,EAAOC,GAAG;;;;;;;;gBAQvBX,EAAOY,QAAQC;;;EAIzBhC,EAAwB6B,EAAOC,GAAG;;;;;;EAQlC7B,EAA4B4B,EAAOC,GAAG;;;;;;EAQtCxB,EAA4BuB,EAAOC,GAAG;;;;;"}
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","_jsxs","StyledProductInfoOverlay","children","_jsx","OverlayBackground","CloseButtonContainer","IconButton","className","onClick","onClose","Icon","CrossIcon","width","height","ProductInfoCard","productData","outOfStockAction","useDynamicInfoImageSize","isVariant","undefined","variants","currencyAndPrice","currency","_a","CurrencySymbols","_e","_b","price","_c","_d","actualPrice","productCurrency","_f","_g","_q","_l","_k","Object","values","_h","_j","_p","_o","_m","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","imageUrl","image","borderRadius","RightContainerProductInfo","Tooltip","assign","body","placement","SKUIDBadge","EllipsedBodyTiny","TitleRegular","style","display","name","BodyCaption","color","COLORS","content","secondary","id","dangerouslySetInnerHTML","__html","description","shouldShowVariant","ProductPickerTag","data","styled","div","surface","standard"],"mappings":"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"}

package/dist/esm/components/product-picker-v2/utility.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"lodash/cloneDeep";const l=(l,i)=>{const n=o(i);if(delete n.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:n})).productId&&i.products){const d=o(i.products[l.productId]);(null==d?void 0:d.variants)&&delete d.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:n,productOnlyData:d})}return l};function i(o,l,i){var d;const t={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const u=o[s],c=n(u.products,l,i-v);c&&Object.keys(c).length>0&&(t[s]=Object.assign(Object.assign({},u),{products:c})),v+=Object.keys(null!==(d=u.products)&&void 0!==d?d:{}).length}return t}function n(o,l,i){if(!o)return{};const n=Object.keys(o).slice(i,i+l),d={};return n.forEach((l=>{d[l]=o[l]})),d}const d=(o,l,i)=>{Object.keys(o).forEach((l=>{var i,n;const d=null!==(n=null===(i=o[l])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,t,v;const s=null!==(v=null===(t=null===(d=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===t?void 0:t.variants)&&void 0!==v?v:{};Object.keys(s).forEach((n=>{var d,t,v,s;const u=null===(s=null===(v=null===(t=null===(d=o[l])||void 0===d?void 0:d.products)||void 0===t?void 0:t[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[n];u&&!u.fbStatus&&(u.fbStatus="APPROVED")}))}))})),l({type:i,data:o})},t=(o,l,i,n,t,v="paged")=>{t||d(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach((i=>{var n,d;const t=null!==(d=null===(n=o[i])||void 0===n?void 0:n.products)&&void 0!==d?d:{};Object.keys(t).forEach((n=>{var d,t,v,s;const u=null!==(s=null===(v=null===(t=null===(d=o[i])||void 0===d?void 0:d.products)||void 0===t?void 0:t[n])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((d=>{var t,v,s,u;const c=null===(u=null===(s=null===(v=null===(t=o[i])||void 0===t?void 0:t.products)||void 0===v?void 0:v[n])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[d];(null==c?void 0:c.fbStatus)||l.push(d)}))}))})),l})(o);s.length>0&&t&&t(l,s,i).then((l=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var n,d;const t=null!==(d=null===(n=i[o])||void 0===n?void 0:n.products)&&void 0!==d?d:{};Object.keys(t).forEach((n=>{var d,t,v,s;const u=null!==(s=null===(v=null===(t=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===t?void 0:t[n])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((d=>{var t,v,s,u;const c=null===(u=null===(s=null===(v=null===(t=i[o])||void 0===t?void 0:t.products)||void 0===v?void 0:v[n])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[d];c&&"REJECTED"===l[d]?c.fbStatus="REJECTED":c&&"APPROVED"===l[d]&&(c.fbStatus="APPROVED")}))}))})),n({type:v,data:i})})).catch((l=>{console.error("Error in fbStatusFetcher",l),d(o,n,v)}))},v=(o,l)=>{const i=[];return Object.keys(null!=o?o:{}).forEach((n=>{var d,t;const v=null!==(t=null===(d=null==o?void 0:o[n])||void 0===d?void 0:d.variants)&&void 0!==t?t:{};Object.keys(v).forEach((d=>{var t,v,s,u,c;let r;r=l?null===(s=null===(v=null===(t=null==l?void 0:l.products)||void 0===t?void 0:t[n])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[d]:null===(c=null===(u=null==o?void 0:o[n])||void 0===u?void 0:u.variants)||void 0===c?void 0:c[d],(null==r?void 0:r.fbStatus)||i.push(d)}))})),i},s=(o,l,i,n,d)=>{const t=Object.assign({},o);if(Object.keys(o).forEach((l=>{var i,n;Object.keys(null!==(n=null===(i=null==o?void 0:o[l])||void 0===i?void 0:i.variants)&&void 0!==n?n:{}).forEach((i=>{var n,d;const v=null===(n=null==o?void 0:o[l].variants)||void 0===n?void 0:n[i];v&&(v.fbStatus="APPROVED");const s=null===(d=null==t?void 0:t[l])||void 0===d?void 0:d.variants;s&&s[i]&&(s[i]=v)}))})),n&&d){const o=Object.assign({},n);o.products=t,d(o),l({type:"productsPaged",data:{collectionId:i,products:t}})}else l({type:"productsPaged",data:{collectionId:i,products:t}})},u=o=>{const l=Object.keys(o.variants||[]);let i=!1;return!(l.length<=1)||(l.forEach((l=>{var n,d;i=null!==(d=null===(n=o.variants)||void 0===n?void 0:n[l].name.includes(o.name))&&void 0!==d&&d})),!i)},c=(o,l,i,n,d)=>{var t,v,s,u,c,r,a,e,p,b,O,f,j,y,h,E,g,k,P;let D=0,V=0;if(null===(v=null===(t=null==i?void 0:i[o])||void 0===t?void 0:t.products)||void 0===v?void 0:v[l]){if(d)return!1;const t=(null===(c=null===(u=null===(s=null==i?void 0:i[o])||void 0===s?void 0:s.products)||void 0===u?void 0:u[l])||void 0===c?void 0:c.variants)||[];if(1===Object.keys(t).length)for(const n in t){const d=null===(a=null===(r=null==i?void 0:i[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[l],t=null===(O=null===(b=null===(p=null===(e=null==i?void 0:i[o])||void 0===e?void 0:e.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[n];if(null===(f=null==t?void 0:t.name)||void 0===f?void 0:f.includes(null!==(j=null==d?void 0:d.name)&&void 0!==j?j:""))return!1}if(null===(E=Object.keys((null===(h=null===(y=null==n?void 0:n.products)||void 0===y?void 0:y[l])||void 0===h?void 0:h.variants)||[]))||void 0===E||E.forEach((()=>V++)),Object.keys((null===(P=null===(k=null===(g=null==i?void 0:i[o])||void 0===g?void 0:g.products)||void 0===k?void 0:k[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&V!==D)return!0}return!1},r=(o,l,i,n=!1)=>{var d,t,v,s;let u=0,c=0;if(n){const n=null!==(d=null==l?void 0:l.products)&&void 0!==d?d:{};u=Object.keys(n).length;const s=null!==(v=null===(t=i[o])||void 0===t?void 0:t.products)&&void 0!==v?v:{};c=Object.keys(s).length}else if(i[o]){const n=null==l?void 0:l.products;n&&Object.keys(n).forEach((o=>{var l;const i=null===(l=n[o])||void 0===l?void 0:l.variants;i&&Object.keys(i).forEach((o=>u+=1))}));const d=null===(s=i[o])||void 0===s?void 0:s.products;if(d&&Object.keys(d).forEach((o=>{var l;const i=null===(l=d[o])||void 0===l?void 0:l.variants;i&&Object.keys(i).forEach((o=>c+=1))})),u<=0&&c>0)return!1}return c>0&&u!==c},a=(l,i,n)=>Object.keys(l).reduce(((d,t)=>{var v;return t in i?(d[t]=Object.assign(Object.assign({},l[t]),{products:Object.keys(null!==(v=l[t].products)&&void 0!==v?v:{}).reduce(((d,v)=>{var s,u,c,r,a,e,p,b,O,f;const j=null===(s=i[t].products)||void 0===s?void 0:s[v],y=null===(r=null===(c=null===(u=null==n?void 0:n.products)||void 0===u?void 0:u[t])||void 0===c?void 0:c.products)||void 0===r?void 0:r[v];return j?d[v]=Object.assign(Object.assign({},(null===(a=l[t].products)||void 0===a?void 0:a[v])||{}),{allVariants:o(j.variants)}):y?d[v]=Object.assign(Object.assign({},(null===(e=l[t].products)||void 0===e?void 0:e[v])||{}),{allVariants:o(y.variants)}):(null===(b=null===(p=l[t].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(d[v]=Object.assign(Object.assign({},(null===(O=l[t].products)||void 0===O?void 0:O[v])||{}),{allVariants:o(null===(f=l[t].products)||void 0===f?void 0:f[v].allVariants)})),d}),{})}),d):d}),{}),e=(o,l)=>{var i;if(l)return o.skuId;const n=Object.values(null!==(i=null==o?void 0:o.variants)&&void 0!==i?i:{});return 1===n.length&&n[0].name.includes(o.name)?n[0].skuId:""};export{t as fetchFbStatusCollection,e as getSkuId,v as getVariantIdsToFetchAtProductLevel,r as isCollectionPartiallyChecked,c as isProductPartiallyChecked,l as liftTheStateUp,s as markVariantsAsApprovedProductsLevel,i as paginateSelectedItems,u as shouldShowVariant,a as updateAllVariantsForSelectedProducts};
+import o from"lodash/cloneDeep";const l=(l,n)=>{const i=o(n);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&n.products){const t=o(n.products[l.productId]);(null==t?void 0:t.variants)&&delete t.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:t})}return l};function n(o,l,n){var t;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const u=o[s],c=i(u.products,l,n-v);c&&Object.keys(c).length>0&&(d[s]=Object.assign(Object.assign({},u),{products:c})),v+=Object.keys(null!==(t=u.products)&&void 0!==t?t:{}).length}return d}function i(o,l,n){if(!o)return{};const i=Object.keys(o).slice(n,n+l),t={};return i.forEach((l=>{t[l]=o[l]})),t}const t=(o,l,n)=>{Object.keys(o).forEach((l=>{var n,i;const t=null!==(i=null===(n=o[l])||void 0===n?void 0:n.products)&&void 0!==i?i:{};Object.keys(t).forEach((n=>{var i,t,d,v;const s=null!==(v=null===(d=null===(t=null===(i=o[l])||void 0===i?void 0:i.products)||void 0===t?void 0:t[n])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var t,d,v,s;const u=null===(s=null===(v=null===(d=null===(t=o[l])||void 0===t?void 0:t.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];u&&!u.fbStatus&&(u.fbStatus="APPROVED")}))}))})),l({type:n,data:o})},d=function(o,l,n,i,d){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";d||t(o,i,v);const s=(o=>{const l=[];return Object.keys(o).forEach((n=>{var i,t;const d=null!==(t=null===(i=o[n])||void 0===i?void 0:i.products)&&void 0!==t?t:{};Object.keys(d).forEach((i=>{var t,d,v,s;const u=null!==(s=null===(v=null===(d=null===(t=o[n])||void 0===t?void 0:t.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((t=>{var d,v,s,u;const c=null===(u=null===(s=null===(v=null===(d=o[n])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[t];(null==c?void 0:c.fbStatus)||l.push(t)}))}))})),l})(o);s.length>0&&d&&d(l,s,n).then((l=>{const n=Object.assign({},o);Object.keys(n).forEach((o=>{var i,t;const d=null!==(t=null===(i=n[o])||void 0===i?void 0:i.products)&&void 0!==t?t:{};Object.keys(d).forEach((i=>{var t,d,v,s;const u=null!==(s=null===(v=null===(d=null===(t=n[o])||void 0===t?void 0:t.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((t=>{var d,v,s,u;const c=null===(u=null===(s=null===(v=null===(d=n[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[t];c&&"REJECTED"===l[t]?c.fbStatus="REJECTED":c&&"APPROVED"===l[t]&&(c.fbStatus="APPROVED")}))}))})),i({type:v,data:n})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,i,v)}))},v=(o,l)=>{const n=[];return Object.keys(null!=o?o:{}).forEach((i=>{var t,d;const v=null!==(d=null===(t=null==o?void 0:o[i])||void 0===t?void 0:t.variants)&&void 0!==d?d:{};Object.keys(v).forEach((t=>{var d,v,s,u,c;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[t]:null===(c=null===(u=null==o?void 0:o[i])||void 0===u?void 0:u.variants)||void 0===c?void 0:c[t],(null==r?void 0:r.fbStatus)||n.push(t)}))})),n},s=(o,l,n,i,t)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var n,i;Object.keys(null!==(i=null===(n=null==o?void 0:o[l])||void 0===n?void 0:n.variants)&&void 0!==i?i:{}).forEach((n=>{var i,t;const v=null===(i=null==o?void 0:o[l].variants)||void 0===i?void 0:i[n];v&&(v.fbStatus="APPROVED");const s=null===(t=null==d?void 0:d[l])||void 0===t?void 0:t.variants;s&&s[n]&&(s[n]=v)}))})),i&&t){const o=Object.assign({},i);o.products=d,t(o),l({type:"productsPaged",data:{collectionId:n,products:d}})}else l({type:"productsPaged",data:{collectionId:n,products:d}})},u=o=>{const l=Object.keys(o.variants||[]);let n=!1;return!(l.length<=1)||(l.forEach((l=>{var i,t;n=null!==(t=null===(i=o.variants)||void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==t&&t})),!n)},c=(o,l,n,i,t)=>{var d,v,s,u,c,r,a,e,p,b,O,f,j,h,y,g,E,k,P;let D=0,V=0;if(null===(v=null===(d=null==n?void 0:n[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(t)return!1;const d=(null===(c=null===(u=null===(s=null==n?void 0:n[o])||void 0===s?void 0:s.products)||void 0===u?void 0:u[l])||void 0===c?void 0:c.variants)||[];if(1===Object.keys(d).length)for(const i in d){const t=null===(a=null===(r=null==n?void 0:n[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[l],d=null===(O=null===(b=null===(p=null===(e=null==n?void 0:n[o])||void 0===e?void 0:e.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[i];if(null===(f=null==d?void 0:d.name)||void 0===f?void 0:f.includes(null!==(j=null==t?void 0:t.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[l])||void 0===y?void 0:y.variants)||[]))||void 0===g||g.forEach((()=>V++)),Object.keys((null===(P=null===(k=null===(E=null==n?void 0:n[o])||void 0===E?void 0:E.products)||void 0===k?void 0:k[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&V!==D)return!0}return!1},r=function(o,l,n){var i,t,d,v;let s=0,u=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==l?void 0:l.products)&&void 0!==i?i:{};s=Object.keys(v).length;const c=null!==(d=null===(t=n[o])||void 0===t?void 0:t.products)&&void 0!==d?d:{};u=Object.keys(c).length}else if(n[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach((o=>{var l;const n=null===(l=i[o])||void 0===l?void 0:l.variants;n&&Object.keys(n).forEach((o=>s+=1))}));const t=null===(v=n[o])||void 0===v?void 0:v.products;if(t&&Object.keys(t).forEach((o=>{var l;const n=null===(l=t[o])||void 0===l?void 0:l.variants;n&&Object.keys(n).forEach((o=>u+=1))})),s<=0&&u>0)return!1}return u>0&&s!==u},a=(l,n,i)=>Object.keys(l).reduce(((t,d)=>{var v;return d in n?(t[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce(((t,v)=>{var s,u,c,r,a,e,p,b,O,f;const j=null===(s=n[d].products)||void 0===s?void 0:s[v],h=null===(r=null===(c=null===(u=null==i?void 0:i.products)||void 0===u?void 0:u[d])||void 0===c?void 0:c.products)||void 0===r?void 0:r[v];return j?t[v]=Object.assign(Object.assign({},(null===(a=l[d].products)||void 0===a?void 0:a[v])||{}),{allVariants:o(j.variants)}):h?t[v]=Object.assign(Object.assign({},(null===(e=l[d].products)||void 0===e?void 0:e[v])||{}),{allVariants:o(h.variants)}):(null===(b=null===(p=l[d].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(t[v]=Object.assign(Object.assign({},(null===(O=l[d].products)||void 0===O?void 0:O[v])||{}),{allVariants:o(null===(f=l[d].products)||void 0===f?void 0:f[v].allVariants)})),t}),{})}),t):t}),{}),e=(o,l)=>{var n;if(l)return o.skuId;const i=Object.values(null!==(n=null==o?void 0:o.variants)&&void 0!==n?n:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""};export{d as fetchFbStatusCollection,e as getSkuId,v as getVariantIdsToFetchAtProductLevel,r as isCollectionPartiallyChecked,c as isProductPartiallyChecked,l as liftTheStateUp,s as markVariantsAsApprovedProductsLevel,n as paginateSelectedItems,u as shouldShowVariant,a as updateAllVariantsForSelectedProducts};
 //# sourceMappingURL=utility.js.map

package/dist/esm/components/product-picker-v2/utility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utility.js","sources":["../../../../src/components/product-picker-v2/utility.ts"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport cloneDeep from 'lodash/cloneDeep';\nimport type { CollectionsActions } from './reducers';\nimport type {\n\tCollection,\n\tFbStatusFetcherReturn,\n\tProduct,\n\tProductVariant,\n\tSearchedItems,\n\tSelectedItems,\n} from './type';\n\nexport const liftTheStateUp = (payload: any, data: any) => {\n\tconst catalogOnlyData = cloneDeep(data);\n\n\tdelete catalogOnlyData['products'];\n\n\tpayload = { ...payload, catalogOnlyData };\n\n\tif (payload.productId && data['products']) {\n\t\tconst productOnlyData = cloneDeep(data['products'][payload.productId]);\n\n\t\tif (productOnlyData?.['variants']) {\n\t\t\tdelete productOnlyData['variants'];\n\t\t}\n\n\t\tpayload = { ...payload, catalogOnlyData, productOnlyData };\n\t}\n\n\treturn payload;\n};\n\nexport function paginateSelectedItems(\n\tselectedItems: SelectedItems,\n\tlimit: number,\n\toffset: number,\n) {\n\tconst result: { [key: string]: Collection } = {};\n\tlet currentOffset = 0;\n\t// Iterate through each collection\n\tfor (const collectionKey in selectedItems) {\n\t\tif (Object.prototype.hasOwnProperty.call(selectedItems, collectionKey)) {\n\t\t\tconst collection = selectedItems[collectionKey];\n\t\t\tconst paginatedProducts = paginateProducts(\n\t\t\t\tcollection.products,\n\t\t\t\tlimit,\n\t\t\t\toffset - currentOffset,\n\t\t\t);\n\n\t\t\t// If there are products to show for this collection\n\t\t\tif (paginatedProducts && Object.keys(paginatedProducts).length > 0) {\n\t\t\t\tresult[collectionKey] = { ...collection, products: paginatedProducts };\n\t\t\t}\n\n\t\t\tcurrentOffset += Object.keys(collection.products ?? {}).length;\n\t\t}\n\t}\n\n\treturn result;\n}\n\nfunction paginateProducts(\n\tproducts: { [key: string]: Product } \| undefined,\n\tlimit: number,\n\toffset: number,\n) {\n\tif (!products) return {};\n\n\tconst productKeys = Object.keys(products);\n\tconst paginatedKeys = productKeys.slice(offset, offset + limit);\n\n\tconst paginatedProducts: { [key: string]: Product } = {};\n\n\tpaginatedKeys.forEach((key) => {\n\t\tpaginatedProducts[key] = products[key];\n\t});\n\n\treturn paginatedProducts;\n}\n\n/*\n Used on a collection level. Loops through variants of given data and checks if there is any variant which has no FB status\n /\nconst getVariantIdsToFetch = (data: SelectedItems) => {\n\tconst variantIds: string[] = [];\n\n\tObject.keys(data).forEach((collectionId) => {\n\t\tconst products = data[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tdata[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tdata[collectionId]?.products?.[productId]?.variants?.[variantId];\n\n\t\t\t\tif (!variant?.fbStatus) {\n\t\t\t\t\tvariantIds.push(variantId);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Loops the variants of the data, checks if there are any variant where FB status is not there and marks it as Approved.\n * Also dispatches the data, so ui will render automatically.\n \n This is to prevent infinite shimmer.\n \n Used in cases when FbStatusFetcher function is not provided or the api throws an error.\n /\nconst markVariantsAsApproved = (\n\tupdatedData: SelectedItems,\n\tdispatcher: any,\n\tdispatchType: string,\n) => {\n\tObject.keys(updatedData).forEach((collectionId) => {\n\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\tvariantId\n\t\t\t\t\t];\n\n\t\t\t\tif (variant && !variant.fbStatus) {\n\t\t\t\t\tvariant.fbStatus = 'APPROVED';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\tdispatcher({\n\t\ttype: dispatchType,\n\t\tdata: updatedData,\n\t});\n};\n\n/\n 3 scenarios.\n * 1. If no api is provided -> marks everything as approved.\n * 2. If api is success -> sets the status\n * 3. If api is failure -> marks everything as approved.\n \n We first get the variant ids to fetch and only if we have variant ids, we call api.\n /\nexport const fetchFbStatusCollection = (\n\tdata: SelectedItems,\n\tstoreId: string,\n\tappType: ApplicationType,\n\tdispatcher: any,\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn,\n\tdispatchType = 'paged',\n) => {\n\tif (!fbStatusFetcher) {\n\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t}\n\n\tconst variantIds = getVariantIdsToFetch(data);\n\n\tif (variantIds.length > 0 && fbStatusFetcher) {\n\t\tfbStatusFetcher(storeId, variantIds, appType)\n\t\t\t.then((response) => {\n\t\t\t\tconst updatedData = { ...data };\n\t\t\t\tObject.keys(updatedData).forEach((collectionId) => {\n\t\t\t\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\t\tconst variants =\n\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\t\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\t\t\t\tconst variant =\n\t\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\t\t\t\tvariantId\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\tif (variant && response[variantId] === 'REJECTED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'REJECTED';\n\t\t\t\t\t\t\t} else if (variant && response[variantId] === 'APPROVED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'APPROVED';\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\tdispatcher({\n\t\t\t\t\ttype: dispatchType,\n\t\t\t\t\tdata: updatedData,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((e) => {\n\t\t\t\tconsole.error('Error in fbStatusFetcher', e);\n\t\t\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t\t\t});\n\t}\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function getVariantIdsToFetch\n /\nexport const getVariantIdsToFetchAtProductLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tglobalData?: Collection,\n) => {\n\tconst variantIds: string[] = [];\n\tObject.keys(products ?? {}).forEach((productId) => {\n\t\tconst variants = products?.[productId]?.variants ?? {};\n\n\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\tlet variant;\n\n\t\t\tif (globalData) {\n\t\t\t\tvariant = globalData?.['products']?.[productId]?.variants?.[variantId];\n\t\t\t} else {\n\t\t\t\tvariant = products?.[productId]?.variants?.[variantId];\n\t\t\t}\n\n\t\t\tif (!variant?.fbStatus) {\n\t\t\t\tvariantIds.push(variantId);\n\t\t\t}\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function markVariantsAsApproved\n /\nexport const markVariantsAsApprovedProductsLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tdispatcher: React.Dispatch<CollectionsActions>,\n\tcollectionId: string,\n\tcurScreenData?: Collection,\n\tsetCurScreenData?: React.Dispatch<React.SetStateAction<Collection>>,\n) => {\n\tconst updatedProducts = { ...products };\n\n\tObject.keys(products).forEach((productId) => {\n\t\tObject.keys(products?.[productId]?.variants ?? {}).forEach((vId) => {\n\t\t\tconst v = products?.[productId].variants?.[vId];\n\n\t\t\tif (v) {\n\t\t\t\tv.fbStatus = 'APPROVED';\n\t\t\t}\n\n\t\t\tconst updatedVariants = updatedProducts?.[productId]?.variants;\n\t\t\tif (updatedVariants && updatedVariants[vId]) {\n\t\t\t\t//@ts-ignore\n\t\t\t\tupdatedVariants[vId] = v;\n\t\t\t}\n\t\t});\n\t});\n\n\tif (curScreenData && setCurScreenData) {\n\t\tconst dataCopy = { ...curScreenData };\n\t\tdataCopy.products = updatedProducts;\n\t\tsetCurScreenData(dataCopy);\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t} else {\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t}\n};\n\n/\n If product has only one variant and variant name has product name, returns false.\n * Other cases returns true.\n */\nexport const shouldShowVariant = (data: Product) => {\n\tconst variants = Object.keys(data['variants'] \|\| []);\n\tlet variantSameNameAsProdut = false;\n\tif (variants.length <= 1) {\n\t\tvariants.forEach((variant) => {\n\t\t\tvariantSameNameAsProdut =\n\t\t\t\tdata['variants']?.[variant].name.includes(data.name) ?? false;\n\t\t});\n\t} else {\n\t\treturn true;\n\t}\n\treturn !variantSameNameAsProdut;\n};\n\nexport const isProductPartiallyChecked = (\n\tcollectionId: string,\n\tproductId: string,\n\tselectedData: SelectedItems,\n\tcurrentCollection: Collection,\n\thideProductVariants?: boolean,\n) => {\n\tlet totalSelectedVariants = 0;\n\tlet totalVariants = 0;\n\n\t// For products with single variant, we can show tick by default\n\tif (selectedData?.[collectionId]?.['products']?.[productId]) {\n\t\tif (hideProductVariants) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst variants =\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t[];\n\n\t\tif (Object.keys(variants).length === 1) {\n\t\t\tfor (const variantId in variants) {\n\t\t\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\t\t\tconst variant =\n\t\t\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.[\n\t\t\t\t\t\t'variants'\n\t\t\t\t\t]?.[variantId];\n\n\t\t\t\tif (variant?.name?.includes(product?.name ?? '')) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tObject.keys(\n\t\t\tcurrentCollection?.['products']?.[productId]?.['variants'] \|\| [],\n\t\t)?.forEach(() => totalVariants++);\n\n\t\tObject.keys(\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t\t[],\n\t\t).forEach(() => totalSelectedVariants++);\n\n\t\tif (totalSelectedVariants > 0 && totalVariants !== totalSelectedVariants) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n};\n\nexport const isCollectionPartiallyChecked = (\n\tcollectionId: string,\n\tcollection: Collection,\n\tselectedCollections: SelectedItems,\n\thideProductVariants = false,\n) => {\n\tlet totalProducts = 0;\n\tlet totalSelectedProducts = 0;\n\n\tif (hideProductVariants) {\n\t\tconst products = collection?.['products'] ?? {};\n\t\ttotalProducts = Object.keys(products).length;\n\t\tconst selectedProducts =\n\t\t\tselectedCollections[collectionId]?.['products'] ?? {};\n\t\ttotalSelectedProducts = Object.keys(selectedProducts).length;\n\t} else {\n\t\tif (selectedCollections[collectionId]) {\n\t\t\tconst products = collection?.['products'];\n\n\t\t\tif (products) {\n\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\tconst variants = products[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst selectedProducts = selectedCollections[collectionId]?.['products'];\n\t\t\tif (selectedProducts) {\n\t\t\t\tObject.keys(selectedProducts).forEach((productId) => {\n\t\t\t\t\tconst variants = selectedProducts[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalSelectedProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (totalProducts <= 0 && totalSelectedProducts > 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t}\n\tif (totalSelectedProducts > 0 && totalProducts !== totalSelectedProducts)\n\t\treturn true;\n\n\treturn false;\n};\n\nexport const updateAllVariantsForSelectedProducts = (\n\tselectedItems: {\n\t\t[key: string]: {\n\t\t\tname: string;\n\t\t\timage: string;\n\t\t\tisSmartCollection: boolean;\n\t\t\tproducts?: { [key: string]: Product & { allVariants?: ProductVariant } };\n\t\t};\n\t},\n\tcollections: Collection,\n\tsearchedProducts: SearchedItems,\n) => {\n\tconst updatedSelectedItems = Object.keys(selectedItems).reduce(\n\t\t(updatedCollections, collectionId) => {\n\t\t\t// Check if the collection exists in `collections`\n\t\t\tif (!(collectionId in collections)) {\n\t\t\t\treturn updatedCollections;\n\t\t\t}\n\n\t\t\t// Process products inside the collection\n\t\t\tupdatedCollections[collectionId] = {\n\t\t\t\t...selectedItems[collectionId], // Preserve collection-level data\n\t\t\t\tproducts: Object.keys(\n\t\t\t\t\tselectedItems[collectionId].products ?? {},\n\t\t\t\t).reduce((updatedProducts, productId) => {\n\t\t\t\t\tconst productInCollection =\n\t\t\t\t\t\tcollections[collectionId].products?.[productId];\n\t\t\t\t\tconst productInCollectionSearched =\n\t\t\t\t\t\tsearchedProducts?.products?.[collectionId]?.products?.[productId];\n\t\t\t\t\t// Check if the product exists in `collections`\n\t\t\t\t\tif (productInCollection) {\n\t\t\t\t\t\t//for newly selected products\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollection.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (productInCollectionSearched) {\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollectionSearched.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tselectedItems[collectionId].products?.[productId]?.allVariants\n\t\t\t\t\t) {\n\t\t\t\t\t\t//for preselected products as it might necessarily be present in currently selected collections\n\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}), // Keep original data\n\t\t\t\t\t\t\tallVariants: cloneDeep(\n\t\t\t\t\t\t\t\tselectedItems[collectionId].products?.[productId].allVariants, // Add all variants\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\treturn updatedProducts;\n\t\t\t\t}, {} as Record<string, any>),\n\t\t\t};\n\t\t\treturn updatedCollections;\n\t\t},\n\t\t{} as Record<string, any>,\n\t);\n\treturn updatedSelectedItems;\n};\n\nexport const getSkuId = (\n\tproduct: Product \| ProductVariant,\n\tisVariant: boolean,\n) => {\n\tif (isVariant) {\n\t\treturn (product as ProductVariant).skuId;\n\t}\n\t//id product has only one default variant, return the skuId of that variant\n\tconst variants = Object.values((product as Product)?.variants ?? {});\n\n\tif (\n\t\tvariants.length === 1 &&\n\t\tvariants[0].name.includes((product as Product).name)\n\t) {\n\t\treturn variants[0].skuId;\n\t}\n\n\treturn '';\n};\n"],"names":["liftTheStateUp","payload","data","catalogOnlyData","cloneDeep","Object","assign","productId","productOnlyData","paginateSelectedItems","selectedItems","limit","offset","result","currentOffset","collectionKey","prototype","hasOwnProperty","call","collection","paginatedProducts","paginateProducts","products","keys","length","_a","paginatedKeys","slice","forEach","key","markVariantsAsApproved","updatedData","dispatcher","dispatchType","collectionId","_b","variants","_d","variantId","variant","_c","fbStatus","type","fetchFbStatusCollection","storeId","appType","fbStatusFetcher","variantIds","push","getVariantIdsToFetch","then","response","catch","e","console","error","getVariantIdsToFetchAtProductLevel","globalData","_e","markVariantsAsApprovedProductsLevel","curScreenData","setCurScreenData","updatedProducts","vId","v","updatedVariants","dataCopy","shouldShowVariant","variantSameNameAsProdut","name","includes","isProductPartiallyChecked","selectedData","currentCollection","hideProductVariants","totalSelectedVariants","totalVariants","product","_g","_f","_l","_k","_j","_h","_m","_o","_r","_q","_p","_t","_s","_u","isCollectionPartiallyChecked","selectedCollections","totalProducts","totalSelectedProducts","selectedProducts","id","updateAllVariantsForSelectedProducts","collections","searchedProducts","reduce","updatedCollections","productInCollection","productInCollectionSearched","allVariants","getSkuId","isVariant","skuId","values"],"mappings":"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"}
1	+ {"version":3,"file":"utility.js","sources":["../../../../src/components/product-picker-v2/utility.ts"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport cloneDeep from 'lodash/cloneDeep';\nimport type { CollectionsActions } from './reducers';\nimport type {\n\tCollection,\n\tFbStatusFetcherReturn,\n\tProduct,\n\tProductVariant,\n\tSearchedItems,\n\tSelectedItems,\n} from './type';\n\nexport const liftTheStateUp = (payload: any, data: any) => {\n\tconst catalogOnlyData = cloneDeep(data);\n\n\tdelete catalogOnlyData['products'];\n\n\tpayload = { ...payload, catalogOnlyData };\n\n\tif (payload.productId && data['products']) {\n\t\tconst productOnlyData = cloneDeep(data['products'][payload.productId]);\n\n\t\tif (productOnlyData?.['variants']) {\n\t\t\tdelete productOnlyData['variants'];\n\t\t}\n\n\t\tpayload = { ...payload, catalogOnlyData, productOnlyData };\n\t}\n\n\treturn payload;\n};\n\nexport function paginateSelectedItems(\n\tselectedItems: SelectedItems,\n\tlimit: number,\n\toffset: number,\n) {\n\tconst result: { [key: string]: Collection } = {};\n\tlet currentOffset = 0;\n\t// Iterate through each collection\n\tfor (const collectionKey in selectedItems) {\n\t\tif (Object.prototype.hasOwnProperty.call(selectedItems, collectionKey)) {\n\t\t\tconst collection = selectedItems[collectionKey];\n\t\t\tconst paginatedProducts = paginateProducts(\n\t\t\t\tcollection.products,\n\t\t\t\tlimit,\n\t\t\t\toffset - currentOffset,\n\t\t\t);\n\n\t\t\t// If there are products to show for this collection\n\t\t\tif (paginatedProducts && Object.keys(paginatedProducts).length > 0) {\n\t\t\t\tresult[collectionKey] = { ...collection, products: paginatedProducts };\n\t\t\t}\n\n\t\t\tcurrentOffset += Object.keys(collection.products ?? {}).length;\n\t\t}\n\t}\n\n\treturn result;\n}\n\nfunction paginateProducts(\n\tproducts: { [key: string]: Product } \| undefined,\n\tlimit: number,\n\toffset: number,\n) {\n\tif (!products) return {};\n\n\tconst productKeys = Object.keys(products);\n\tconst paginatedKeys = productKeys.slice(offset, offset + limit);\n\n\tconst paginatedProducts: { [key: string]: Product } = {};\n\n\tpaginatedKeys.forEach((key) => {\n\t\tpaginatedProducts[key] = products[key];\n\t});\n\n\treturn paginatedProducts;\n}\n\n/*\n Used on a collection level. Loops through variants of given data and checks if there is any variant which has no FB status\n /\nconst getVariantIdsToFetch = (data: SelectedItems) => {\n\tconst variantIds: string[] = [];\n\n\tObject.keys(data).forEach((collectionId) => {\n\t\tconst products = data[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tdata[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tdata[collectionId]?.products?.[productId]?.variants?.[variantId];\n\n\t\t\t\tif (!variant?.fbStatus) {\n\t\t\t\t\tvariantIds.push(variantId);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Loops the variants of the data, checks if there are any variant where FB status is not there and marks it as Approved.\n * Also dispatches the data, so ui will render automatically.\n \n This is to prevent infinite shimmer.\n \n Used in cases when FbStatusFetcher function is not provided or the api throws an error.\n /\nconst markVariantsAsApproved = (\n\tupdatedData: SelectedItems,\n\tdispatcher: any,\n\tdispatchType: string,\n) => {\n\tObject.keys(updatedData).forEach((collectionId) => {\n\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\tObject.keys(products).forEach((productId) => {\n\t\t\tconst variants =\n\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\tconst variant =\n\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\tvariantId\n\t\t\t\t\t];\n\n\t\t\t\tif (variant && !variant.fbStatus) {\n\t\t\t\t\tvariant.fbStatus = 'APPROVED';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\tdispatcher({\n\t\ttype: dispatchType,\n\t\tdata: updatedData,\n\t});\n};\n\n/\n 3 scenarios.\n * 1. If no api is provided -> marks everything as approved.\n * 2. If api is success -> sets the status\n * 3. If api is failure -> marks everything as approved.\n \n We first get the variant ids to fetch and only if we have variant ids, we call api.\n /\nexport const fetchFbStatusCollection = (\n\tdata: SelectedItems,\n\tstoreId: string,\n\tappType: ApplicationType,\n\tdispatcher: any,\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn,\n\tdispatchType = 'paged',\n) => {\n\tif (!fbStatusFetcher) {\n\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t}\n\n\tconst variantIds = getVariantIdsToFetch(data);\n\n\tif (variantIds.length > 0 && fbStatusFetcher) {\n\t\tfbStatusFetcher(storeId, variantIds, appType)\n\t\t\t.then((response) => {\n\t\t\t\tconst updatedData = { ...data };\n\t\t\t\tObject.keys(updatedData).forEach((collectionId) => {\n\t\t\t\t\tconst products = updatedData[collectionId]?.products ?? {};\n\t\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\t\tconst variants =\n\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants ?? {};\n\t\t\t\t\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\t\t\t\t\tconst variant =\n\t\t\t\t\t\t\t\tupdatedData[collectionId]?.products?.[productId]?.variants?.[\n\t\t\t\t\t\t\t\t\tvariantId\n\t\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\tif (variant && response[variantId] === 'REJECTED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'REJECTED';\n\t\t\t\t\t\t\t} else if (variant && response[variantId] === 'APPROVED') {\n\t\t\t\t\t\t\t\tvariant.fbStatus = 'APPROVED';\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\tdispatcher({\n\t\t\t\t\ttype: dispatchType,\n\t\t\t\t\tdata: updatedData,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((e) => {\n\t\t\t\tconsole.error('Error in fbStatusFetcher', e);\n\t\t\t\tmarkVariantsAsApproved(data, dispatcher, dispatchType);\n\t\t\t});\n\t}\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function getVariantIdsToFetch\n /\nexport const getVariantIdsToFetchAtProductLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tglobalData?: Collection,\n) => {\n\tconst variantIds: string[] = [];\n\tObject.keys(products ?? {}).forEach((productId) => {\n\t\tconst variants = products?.[productId]?.variants ?? {};\n\n\t\tObject.keys(variants).forEach((variantId) => {\n\t\t\tlet variant;\n\n\t\t\tif (globalData) {\n\t\t\t\tvariant = globalData?.['products']?.[productId]?.variants?.[variantId];\n\t\t\t} else {\n\t\t\t\tvariant = products?.[productId]?.variants?.[variantId];\n\t\t\t}\n\n\t\t\tif (!variant?.fbStatus) {\n\t\t\t\tvariantIds.push(variantId);\n\t\t\t}\n\t\t});\n\t});\n\n\treturn variantIds;\n};\n\n/\n Instead of collection level, we do it product level.\n \n For more info refer @function markVariantsAsApproved\n /\nexport const markVariantsAsApprovedProductsLevel = (\n\tproducts: {\n\t\t[key: string]: Product;\n\t},\n\tdispatcher: React.Dispatch<CollectionsActions>,\n\tcollectionId: string,\n\tcurScreenData?: Collection,\n\tsetCurScreenData?: React.Dispatch<React.SetStateAction<Collection>>,\n) => {\n\tconst updatedProducts = { ...products };\n\n\tObject.keys(products).forEach((productId) => {\n\t\tObject.keys(products?.[productId]?.variants ?? {}).forEach((vId) => {\n\t\t\tconst v = products?.[productId].variants?.[vId];\n\n\t\t\tif (v) {\n\t\t\t\tv.fbStatus = 'APPROVED';\n\t\t\t}\n\n\t\t\tconst updatedVariants = updatedProducts?.[productId]?.variants;\n\t\t\tif (updatedVariants && updatedVariants[vId]) {\n\t\t\t\t//@ts-ignore\n\t\t\t\tupdatedVariants[vId] = v;\n\t\t\t}\n\t\t});\n\t});\n\n\tif (curScreenData && setCurScreenData) {\n\t\tconst dataCopy = { ...curScreenData };\n\t\tdataCopy.products = updatedProducts;\n\t\tsetCurScreenData(dataCopy);\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t} else {\n\t\tdispatcher({\n\t\t\ttype: 'productsPaged',\n\t\t\tdata: {\n\t\t\t\tcollectionId,\n\t\t\t\tproducts: updatedProducts,\n\t\t\t},\n\t\t});\n\t}\n};\n\n/\n If product has only one variant and variant name has product name, returns false.\n * Other cases returns true.\n */\nexport const shouldShowVariant = (data: Product) => {\n\tconst variants = Object.keys(data['variants'] \|\| []);\n\tlet variantSameNameAsProdut = false;\n\tif (variants.length <= 1) {\n\t\tvariants.forEach((variant) => {\n\t\t\tvariantSameNameAsProdut =\n\t\t\t\tdata['variants']?.[variant].name.includes(data.name) ?? false;\n\t\t});\n\t} else {\n\t\treturn true;\n\t}\n\treturn !variantSameNameAsProdut;\n};\n\nexport const isProductPartiallyChecked = (\n\tcollectionId: string,\n\tproductId: string,\n\tselectedData: SelectedItems,\n\tcurrentCollection: Collection,\n\thideProductVariants?: boolean,\n) => {\n\tlet totalSelectedVariants = 0;\n\tlet totalVariants = 0;\n\n\t// For products with single variant, we can show tick by default\n\tif (selectedData?.[collectionId]?.['products']?.[productId]) {\n\t\tif (hideProductVariants) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst variants =\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t[];\n\n\t\tif (Object.keys(variants).length === 1) {\n\t\t\tfor (const variantId in variants) {\n\t\t\t\tconst product = selectedData?.[collectionId]?.['products']?.[productId];\n\t\t\t\tconst variant =\n\t\t\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.[\n\t\t\t\t\t\t'variants'\n\t\t\t\t\t]?.[variantId];\n\n\t\t\t\tif (variant?.name?.includes(product?.name ?? '')) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tObject.keys(\n\t\t\tcurrentCollection?.['products']?.[productId]?.['variants'] \|\| [],\n\t\t)?.forEach(() => totalVariants++);\n\n\t\tObject.keys(\n\t\t\tselectedData?.[collectionId]?.['products']?.[productId]?.['variants'] \|\|\n\t\t\t\t[],\n\t\t).forEach(() => totalSelectedVariants++);\n\n\t\tif (totalSelectedVariants > 0 && totalVariants !== totalSelectedVariants) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n};\n\nexport const isCollectionPartiallyChecked = (\n\tcollectionId: string,\n\tcollection: Collection,\n\tselectedCollections: SelectedItems,\n\thideProductVariants = false,\n) => {\n\tlet totalProducts = 0;\n\tlet totalSelectedProducts = 0;\n\n\tif (hideProductVariants) {\n\t\tconst products = collection?.['products'] ?? {};\n\t\ttotalProducts = Object.keys(products).length;\n\t\tconst selectedProducts =\n\t\t\tselectedCollections[collectionId]?.['products'] ?? {};\n\t\ttotalSelectedProducts = Object.keys(selectedProducts).length;\n\t} else {\n\t\tif (selectedCollections[collectionId]) {\n\t\t\tconst products = collection?.['products'];\n\n\t\t\tif (products) {\n\t\t\t\tObject.keys(products).forEach((productId) => {\n\t\t\t\t\tconst variants = products[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst selectedProducts = selectedCollections[collectionId]?.['products'];\n\t\t\tif (selectedProducts) {\n\t\t\t\tObject.keys(selectedProducts).forEach((productId) => {\n\t\t\t\t\tconst variants = selectedProducts[productId]?.['variants'];\n\n\t\t\t\t\tif (variants) {\n\t\t\t\t\t\tObject.keys(variants).forEach((id) => (totalSelectedProducts += 1));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (totalProducts <= 0 && totalSelectedProducts > 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t}\n\tif (totalSelectedProducts > 0 && totalProducts !== totalSelectedProducts)\n\t\treturn true;\n\n\treturn false;\n};\n\nexport const updateAllVariantsForSelectedProducts = (\n\tselectedItems: {\n\t\t[key: string]: {\n\t\t\tname: string;\n\t\t\timage: string;\n\t\t\tisSmartCollection: boolean;\n\t\t\tproducts?: { [key: string]: Product & { allVariants?: ProductVariant } };\n\t\t};\n\t},\n\tcollections: Collection,\n\tsearchedProducts: SearchedItems,\n) => {\n\tconst updatedSelectedItems = Object.keys(selectedItems).reduce(\n\t\t(updatedCollections, collectionId) => {\n\t\t\t// Check if the collection exists in `collections`\n\t\t\tif (!(collectionId in collections)) {\n\t\t\t\treturn updatedCollections;\n\t\t\t}\n\n\t\t\t// Process products inside the collection\n\t\t\tupdatedCollections[collectionId] = {\n\t\t\t\t...selectedItems[collectionId], // Preserve collection-level data\n\t\t\t\tproducts: Object.keys(\n\t\t\t\t\tselectedItems[collectionId].products ?? {},\n\t\t\t\t).reduce((updatedProducts, productId) => {\n\t\t\t\t\tconst productInCollection =\n\t\t\t\t\t\tcollections[collectionId].products?.[productId];\n\t\t\t\t\tconst productInCollectionSearched =\n\t\t\t\t\t\tsearchedProducts?.products?.[collectionId]?.products?.[productId];\n\t\t\t\t\t// Check if the product exists in `collections`\n\t\t\t\t\tif (productInCollection) {\n\t\t\t\t\t\t//for newly selected products\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollection.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (productInCollectionSearched) {\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}),\n\t\t\t\t\t\t\tallVariants: cloneDeep(productInCollectionSearched.variants),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tselectedItems[collectionId].products?.[productId]?.allVariants\n\t\t\t\t\t) {\n\t\t\t\t\t\t//for preselected products as it might necessarily be present in currently selected collections\n\n\t\t\t\t\t\tupdatedProducts[productId] = {\n\t\t\t\t\t\t\t...(selectedItems[collectionId].products?.[productId] \|\| {}), // Keep original data\n\t\t\t\t\t\t\tallVariants: cloneDeep(\n\t\t\t\t\t\t\t\tselectedItems[collectionId].products?.[productId].allVariants, // Add all variants\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\treturn updatedProducts;\n\t\t\t\t}, {} as Record<string, any>),\n\t\t\t};\n\t\t\treturn updatedCollections;\n\t\t},\n\t\t{} as Record<string, any>,\n\t);\n\treturn updatedSelectedItems;\n};\n\nexport const getSkuId = (\n\tproduct: Product \| ProductVariant,\n\tisVariant: boolean,\n) => {\n\tif (isVariant) {\n\t\treturn (product as ProductVariant).skuId;\n\t}\n\t//id product has only one default variant, return the skuId of that variant\n\tconst variants = Object.values((product as Product)?.variants ?? {});\n\n\tif (\n\t\tvariants.length === 1 &&\n\t\tvariants[0].name.includes((product as Product).name)\n\t) {\n\t\treturn variants[0].skuId;\n\t}\n\n\treturn '';\n};\n"],"names":["liftTheStateUp","payload","data","catalogOnlyData","cloneDeep","Object","assign","productId","productOnlyData","paginateSelectedItems","selectedItems","limit","offset","result","currentOffset","collectionKey","prototype","hasOwnProperty","call","collection","paginatedProducts","paginateProducts","products","keys","length","_a","paginatedKeys","slice","forEach","key","markVariantsAsApproved","updatedData","dispatcher","dispatchType","collectionId","_b","variants","_d","variantId","variant","_c","fbStatus","type","fetchFbStatusCollection","storeId","appType","fbStatusFetcher","arguments","undefined","variantIds","push","getVariantIdsToFetch","then","response","catch","e","console","error","getVariantIdsToFetchAtProductLevel","globalData","_e","markVariantsAsApprovedProductsLevel","curScreenData","setCurScreenData","updatedProducts","vId","v","updatedVariants","dataCopy","shouldShowVariant","variantSameNameAsProdut","name","includes","isProductPartiallyChecked","selectedData","currentCollection","hideProductVariants","totalSelectedVariants","totalVariants","product","_g","_f","_l","_k","_j","_h","_m","_o","_r","_q","_p","_t","_s","_u","isCollectionPartiallyChecked","selectedCollections","totalProducts","totalSelectedProducts","selectedProducts","id","updateAllVariantsForSelectedProducts","collections","searchedProducts","reduce","updatedCollections","productInCollection","productInCollectionSearched","allVariants","getSkuId","isVariant","skuId","values"],"mappings":"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"}

package/dist/esm/components/product-picker-v2/variant.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"variant.js","sources":["../../../../src/components/product-picker-v2/variant.tsx"],"sourcesContent":["/*\n Has necessary types for variant.\n * 1. ProductVariantForRearrange - type\n * 2. VariantCardInterface - interface\n * 3. VariantCardListView - React component\n * 4. VariantCardGridView - React component\n /\nimport DeleteIcon from '@src/assets/icons/delete.svg';\nimport DragHandleIcon from '@src/assets/icons/drag_handle.svg';\nimport { Tooltip } from '@src/components/tooltips';\nimport { COLORS } from '@src/constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\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\tProductInfo,\n\tProductSubTitle,\n\tSKUIDBadge,\n\tVariantCardGridStyle,\n\tVariantCardListStyle,\n} from './style';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype ProductVariant,\n\ttype ProductVariantForRearrange,\n} from './type';\n\n/\n Props type for variant card in rearrange screen\n /\nexport interface VariantCardInterface {\n\tdata: ProductVariantForRearrange;\n\tselectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tonDelete?: () => void;\n}\n\n/\n Variant card in list view format.\n * Displays image, name and delete icon\n /\nexport const VariantCardListView = (props: VariantCardInterface) => {\n\tconst { data, selectedCollectionsDispatch, outOfStockAction } = props;\n\n\tconst getDisplayName = () => {\n\t\tlet displayName;\n\n\t\tif (data.name.includes(data.productName)) {\n\t\t\tdisplayName = data.name;\n\t\t} else {\n\t\t\tdisplayName = `${data.productName} ${data.name}`;\n\t\t}\n\n\t\treturn displayName;\n\t};\n\n\tconst { dataForProductPickerTag, tagText, tagType } =\n\t\tProductHelper.getDataForProductPickerTag(data, true, outOfStockAction);\n\n\tconst currencyAndPrice = `${\n\t\tdata.currency ? CurrencySymbols[data.currency] ?? '' : ''\n\t}${data.price ?? data.actualPrice ?? ''}`;\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 = (data as ProductVariant).skuId;\n\n\treturn (\n\t\t<VariantCardListStyle>\n\t\t\t<div className=\"text-container\">\n\t\t\t\t<DragHandleIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\tkey={data.variantId}\n\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\theight={40}\n\t\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\t\talt=\"Item\"\n\t\t\t\t\t\tborderRadius={4}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"info-container\">\n\t\t\t\t\t<div className=\"tooltip-title-tag\">\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tbody={getDisplayName()}\n\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\tdelay={400}\n\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getDisplayName()}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t\t<ProductInfo>\n\t\t\t\t\t\t\t<ProductPickerTag\n\t\t\t\t\t\t\t\tisVariant={true}\n\t\t\t\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\t\t\t\ttagText={tagText}\n\t\t\t\t\t\t\t\ttagType={tagType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={() => (\n\t\t\t\t\t\t\t\t\t<DeleteIcon\n\t\t\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\t\t\theight={24}\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\tonClick={() => {\n\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch &&\n\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\t\ttype: 'variantUnselected',\n\t\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\t\tproductId: data.productId,\n\t\t\t\t\t\t\t\t\t\t\t\tvariantId: data.variantId,\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId: data.collectionId,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tprops.onDelete && props.onDelete();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ProductInfo>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProductSubTitle>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{/ in the cases where we show tags, do not show the currency and price /}\n\t\t\t\t\t\t\t{!(dataForProductPickerTag as ProductVariant)?.fbStatus \|\| tagText\n\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t: currencyAndPrice}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t{skuId && (\n\t\t\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ProductSubTitle>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</VariantCardListStyle>\n\t);\n};\n\n/\n Variant card in grid view format.\n * Displays only image\n */\nexport const VariantCardGridView = (props: VariantCardInterface) => {\n\tconst { data } = props;\n\n\treturn (\n\t\t<VariantCardGridStyle>\n\t\t\t<Tooltip\n\t\t\t\tbody={data.name}\n\t\t\t\talwaysVisible={false}\n\t\t\t\tvariant=\"dark\"\n\t\t\t\tplacement={'bottom'}\n\t\t\t>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\twidth={72}\n\t\t\t\t\theight={72}\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</Tooltip>\n\t\t</VariantCardGridStyle>\n\t);\n};\n"],"names":["VariantCardListView","props","data","selectedCollectionsDispatch","outOfStockAction","getDisplayName","displayName","name","includes","productName","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","currencyAndPrice","currency","CurrencySymbols","_a","_c","price","_b","actualPrice","skuId","_jsx","VariantCardListStyle","children","_jsxs","className","DragHandleIcon","width","height","color","COLORS","content","placeholder","ShimmerImage","imageUrl","image","alt","borderRadius","variantId","Object","assign","Tooltip","body","placement","delay","variant","TitleSmall","numberOfLines","style","flex","minWidth","ProductInfo","ProductPickerTag","isVariant","IconButton","Icon","DeleteIcon","onClick","type","productId","collectionId","onDelete","ProductSubTitle","BodyCaption","secondary","fbStatus","SKUIDBadge","EllipsedBodyTiny","VariantCardGridView","VariantCardGridStyle","alwaysVisible"],"mappings":"qvBA8CaA,MAAAA,EAAuBC,cACnC,MAAMC,KAAEA,EAAIC,4BAAEA,EAA2BC,iBAAEA,GAAqBH,EAE1DI,EAAiBA,KACtB,IAAIC,EAQJ,OALCA,EADGJ,EAAKK,KAAKC,SAASN,EAAKO,aACbP,EAAKK,~~KAEL~~,~~GAAGL~~,EAAKO,eAAeP,EAAKK,OAGpCD,CAAW,GAGbI,wBAAEA,EAAuBC,QAAEA,EAAOC,QAAEA,GACzCC,EAAcC,2BAA2BZ,GAAM,EAAME,GAEhDW,~~EAAmB~~,~~GACxBb~~,EAAKc,UAAyC,UAA9BC,EAAgBf,EAAKc,iBAAS,IAAAE,EAAAA,EAAS,KACnB,QAAlCC,EAAU,UAAVjB,EAAKkB,aAAK,IAAAC,EAAAA,EAAInB,EAAKoB,mBAAe,IAAAH,EAAAA,EAAA,KAI/BI,EAASrB,EAAwBqB,MAEvC,OACCC,EAACC,EAAoB,CAAAC,SACpBC,uBAAKC,UAAU,kBACd,CAAAF,SAAA,CAAAF,EAACK,EACA,CAAAC,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAOC,QAAQC,cAEvBX,kBACCA,EAACY,EAEA,CAAAN,MAAO,GACPC,OAAQ,GACRM,SAAUnC,EAAKoC,MACfC,IAAI,OACJC,aAAc,GALTtC,EAAKuC,aAQZd,EAAA,MAAAe,OAAAC,OAAA,CAAKf,UAAU,6BACdD,EAAK,MAAAe,OAAAC,OAAA,CAAAf,UAAU,qBAAmB,CAAAF,SAAA,CACjCF,EAACoB,EACAF,OAAAC,OAAA,CAAAE,KAAMxC,IACNyC,UAAW,SACXC,MAAO,IACPC,QAAQ,SAAO,CAAAtB,SAEfF,EAACyB,EAAUP,OAAAC,OAAA,CACVO,cAAe,EACfC,MAAO,CACNC,KAAM,EACNC,SAAU,IACV,CAAA3B,SAEArB,UAIHsB,EAAC2B,EAAW,CAAA5B,SAAA,CACXF,EAAC+B,EACA,CAAAC,WAAW,EACXtD,KAAMQ,EACNC,QAASA,EACTC,QAASA,IAEVY,EAACiC,EACA,CAAAC,KAAMA,IACLlC,EAACmC,EAAU,CACV7B,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAOC,QAAQC,cAGxByB,QAASA,KACRzD,GACCA,EAA4B,CAC3B0D,KAAM,oBACN3D,KAAM,CACL4D,UAAW5D,EAAK4D,UAChBrB,UAAWvC,EAAKuC,UAChBsB,aAAc7D,EAAK6D,gBAItB9D,EAAM+D,UAAY/D,EAAM+D,UAAU,WAKtCrC,EAACsC,EACA,CAAAvC,SAAA,CAAAF,EAAC0C,EAAWxB,OAAAC,OAAA,CAACX,MAAOC,EAAOC,QAAQiC,WAAS,CAAAzC,WAExChB,aAAuB,EAAvBA,EAA4C0D,WAAYzD,EACxD,KACAI,KAEHQ,GACAC,EAACoB,EAAOF,OAAAC,OAAA,CAACE,KAAMtB,EAAOuB,UAAU,OAAK,CAAApB,SACpCF,EAAC6C,YACA7C,EAAC8C,EAAkB,CAAA5C,SAAA,WAAWH,uBAOd,EAQZgD,EAAuBtE,IACnC,MAAMC,KAAEA,GAASD,EAEjB,OACCuB,EAACgD,EACA,CAAA9C,SAAAF,EAACoB,EACAF,OAAAC,OAAA,CAAAE,KAAM3C,EAAKK,KACXkE,eAAe,EACfzB,QAAQ,OACRF,UAAW,UAEX,CAAApB,SAAAF,EAACY,EACA,CAAAN,MAAO,GACPC,OAAQ,GACRM,SAAUnC,EAAKoC,MACfC,IAAI,OACJC,aAAc,QAGM"}
1	+ {"version":3,"file":"variant.js","sources":["../../../../src/components/product-picker-v2/variant.tsx"],"sourcesContent":["/*\n Has necessary types for variant.\n * 1. ProductVariantForRearrange - type\n * 2. VariantCardInterface - interface\n * 3. VariantCardListView - React component\n * 4. VariantCardGridView - React component\n /\nimport DeleteIcon from '@src/assets/icons/delete.svg';\nimport DragHandleIcon from '@src/assets/icons/drag_handle.svg';\nimport { Tooltip } from '@src/components/tooltips';\nimport { COLORS } from '@src/constants/Theme';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\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\tProductInfo,\n\tProductSubTitle,\n\tSKUIDBadge,\n\tVariantCardGridStyle,\n\tVariantCardListStyle,\n} from './style';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype ProductVariant,\n\ttype ProductVariantForRearrange,\n} from './type';\n\n/\n Props type for variant card in rearrange screen\n /\nexport interface VariantCardInterface {\n\tdata: ProductVariantForRearrange;\n\tselectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tonDelete?: () => void;\n}\n\n/\n Variant card in list view format.\n * Displays image, name and delete icon\n /\nexport const VariantCardListView = (props: VariantCardInterface) => {\n\tconst { data, selectedCollectionsDispatch, outOfStockAction } = props;\n\n\tconst getDisplayName = () => {\n\t\tlet displayName;\n\n\t\tif (data.name.includes(data.productName)) {\n\t\t\tdisplayName = data.name;\n\t\t} else {\n\t\t\tdisplayName = `${data.productName} ${data.name}`;\n\t\t}\n\n\t\treturn displayName;\n\t};\n\n\tconst { dataForProductPickerTag, tagText, tagType } =\n\t\tProductHelper.getDataForProductPickerTag(data, true, outOfStockAction);\n\n\tconst currencyAndPrice = `${\n\t\tdata.currency ? CurrencySymbols[data.currency] ?? '' : ''\n\t}${data.price ?? data.actualPrice ?? ''}`;\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 = (data as ProductVariant).skuId;\n\n\treturn (\n\t\t<VariantCardListStyle>\n\t\t\t<div className=\"text-container\">\n\t\t\t\t<DragHandleIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<ShimmerImage\n\t\t\t\t\t\tkey={data.variantId}\n\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\theight={40}\n\t\t\t\t\t\timageUrl={data.image}\n\t\t\t\t\t\talt=\"Item\"\n\t\t\t\t\t\tborderRadius={4}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"info-container\">\n\t\t\t\t\t<div className=\"tooltip-title-tag\">\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tbody={getDisplayName()}\n\t\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t\t\tdelay={400}\n\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getDisplayName()}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t\t<ProductInfo>\n\t\t\t\t\t\t\t<ProductPickerTag\n\t\t\t\t\t\t\t\tisVariant={true}\n\t\t\t\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\t\t\t\ttagText={tagText}\n\t\t\t\t\t\t\t\ttagType={tagType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tIcon={() => (\n\t\t\t\t\t\t\t\t\t<DeleteIcon\n\t\t\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\t\t\theight={24}\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\tonClick={() => {\n\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch &&\n\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\t\ttype: 'variantUnselected',\n\t\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\t\tproductId: data.productId,\n\t\t\t\t\t\t\t\t\t\t\t\tvariantId: data.variantId,\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId: data.collectionId,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tprops.onDelete && props.onDelete();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ProductInfo>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProductSubTitle>\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{/ in the cases where we show tags, do not show the currency and price /}\n\t\t\t\t\t\t\t{!(dataForProductPickerTag as ProductVariant)?.fbStatus \|\| tagText\n\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t: currencyAndPrice}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t{skuId && (\n\t\t\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ProductSubTitle>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</VariantCardListStyle>\n\t);\n};\n\n/\n Variant card in grid view format.\n * Displays only image\n */\nexport const VariantCardGridView = (props: VariantCardInterface) => {\n\tconst { data } = props;\n\n\treturn (\n\t\t<VariantCardGridStyle>\n\t\t\t<Tooltip\n\t\t\t\tbody={data.name}\n\t\t\t\talwaysVisible={false}\n\t\t\t\tvariant=\"dark\"\n\t\t\t\tplacement={'bottom'}\n\t\t\t>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\twidth={72}\n\t\t\t\t\theight={72}\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</Tooltip>\n\t\t</VariantCardGridStyle>\n\t);\n};\n"],"names":["VariantCardListView","props","data","selectedCollectionsDispatch","outOfStockAction","getDisplayName","displayName","name","includes","productName","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","currencyAndPrice","currency","CurrencySymbols","_a","_c","price","_b","actualPrice","skuId","_jsx","VariantCardListStyle","children","_jsxs","className","DragHandleIcon","width","height","color","COLORS","content","placeholder","ShimmerImage","imageUrl","image","alt","borderRadius","variantId","Object","assign","Tooltip","body","placement","delay","variant","TitleSmall","numberOfLines","style","flex","minWidth","ProductInfo","ProductPickerTag","isVariant","IconButton","Icon","DeleteIcon","onClick","type","productId","collectionId","onDelete","ProductSubTitle","BodyCaption","secondary","fbStatus","SKUIDBadge","EllipsedBodyTiny","VariantCardGridView","VariantCardGridStyle","alwaysVisible"],"mappings":"qvBA8CaA,MAAAA,EAAuBC,cACnC,MAAMC,KAAEA,EAAIC,4BAAEA,EAA2BC,iBAAEA,GAAqBH,EAE1DI,EAAiBA,KACtB,IAAIC,EAQJ,OALCA,EADGJ,EAAKK,KAAKC,SAASN,EAAKO,aACbP,EAAKK,KAEF,GAAAL,EAAKO,eAAeP,EAAKK,OAGpCD,CAAW,GAGbI,wBAAEA,EAAuBC,QAAEA,EAAOC,QAAEA,GACzCC,EAAcC,2BAA2BZ,GAAM,EAAME,GAEhDW,EACL,GAAAb,EAAKc,UAAyC,UAA9BC,EAAgBf,EAAKc,iBAAS,IAAAE,EAAAA,EAAS,KACnB,QAAlCC,EAAU,UAAVjB,EAAKkB,aAAK,IAAAC,EAAAA,EAAInB,EAAKoB,mBAAe,IAAAH,EAAAA,EAAA,KAI/BI,EAASrB,EAAwBqB,MAEvC,OACCC,EAACC,EAAoB,CAAAC,SACpBC,uBAAKC,UAAU,kBACd,CAAAF,SAAA,CAAAF,EAACK,EACA,CAAAC,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAOC,QAAQC,cAEvBX,kBACCA,EAACY,EAEA,CAAAN,MAAO,GACPC,OAAQ,GACRM,SAAUnC,EAAKoC,MACfC,IAAI,OACJC,aAAc,GALTtC,EAAKuC,aAQZd,EAAA,MAAAe,OAAAC,OAAA,CAAKf,UAAU,6BACdD,EAAK,MAAAe,OAAAC,OAAA,CAAAf,UAAU,qBAAmB,CAAAF,SAAA,CACjCF,EAACoB,EACAF,OAAAC,OAAA,CAAAE,KAAMxC,IACNyC,UAAW,SACXC,MAAO,IACPC,QAAQ,SAAO,CAAAtB,SAEfF,EAACyB,EAAUP,OAAAC,OAAA,CACVO,cAAe,EACfC,MAAO,CACNC,KAAM,EACNC,SAAU,IACV,CAAA3B,SAEArB,UAIHsB,EAAC2B,EAAW,CAAA5B,SAAA,CACXF,EAAC+B,EACA,CAAAC,WAAW,EACXtD,KAAMQ,EACNC,QAASA,EACTC,QAASA,IAEVY,EAACiC,EACA,CAAAC,KAAMA,IACLlC,EAACmC,EAAU,CACV7B,MAAO,GACPC,OAAQ,GACRC,MAAOC,EAAOC,QAAQC,cAGxByB,QAASA,KACRzD,GACCA,EAA4B,CAC3B0D,KAAM,oBACN3D,KAAM,CACL4D,UAAW5D,EAAK4D,UAChBrB,UAAWvC,EAAKuC,UAChBsB,aAAc7D,EAAK6D,gBAItB9D,EAAM+D,UAAY/D,EAAM+D,UAAU,WAKtCrC,EAACsC,EACA,CAAAvC,SAAA,CAAAF,EAAC0C,EAAWxB,OAAAC,OAAA,CAACX,MAAOC,EAAOC,QAAQiC,WAAS,CAAAzC,WAExChB,aAAuB,EAAvBA,EAA4C0D,WAAYzD,EACxD,KACAI,KAEHQ,GACAC,EAACoB,EAAOF,OAAAC,OAAA,CAACE,KAAMtB,EAAOuB,UAAU,OAAK,CAAApB,SACpCF,EAAC6C,YACA7C,EAAC8C,EAAkB,CAAA5C,SAAA,WAAWH,uBAOd,EAQZgD,EAAuBtE,IACnC,MAAMC,KAAEA,GAASD,EAEjB,OACCuB,EAACgD,EACA,CAAA9C,SAAAF,EAACoB,EACAF,OAAAC,OAAA,CAAAE,KAAM3C,EAAKK,KACXkE,eAAe,EACfzB,QAAQ,OACRF,UAAW,UAEX,CAAApB,SAAAF,EAACY,EACA,CAAAN,MAAO,GACPC,OAAQ,GACRM,SAAUnC,EAAKoC,MACfC,IAAI,OACJC,aAAc,QAGM"}

package/dist/esm/components/product-picker-v2/variantComponents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Droppable as a,Draggable as t}from"@hello-pangea/dnd";import{useState as n}from"react";import{COLORS as d}from"../../constants/Theme.js";import{VariantCardListView as s,VariantCardGridView as i}from"./variant.js";const o=({selectedVariants:i,setSelectedVariants:o,selectedCollectionsDispatch:l,outOfStockAction:c})=>{const[p,g]=n(-1);function b(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e(a,Object.assign({droppableId:"droppable-list"},{children:(a,n)=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:d.surface.subdued,padding:"0.05px",height:i.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[i.map(((r,a)=>e("div",Object.assign({style:{background:d.surface.hovered,margin:"5px",boxShadow:a===p?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>g(a),onMouseLeave:()=>g(-1)},{children:e(t,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,n)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:b(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(s,{data:r,selectedCollectionsDispatch:l,onDelete:()=>{const e=i.slice();e[a].displayOrder=null,e.splice(a,1),o(e)},outOfStockAction:c},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),a.placeholder&&n.isDraggingOver?e("div",Object.assign({style:{background:d.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},l=({selectedVariants:n})=>e(a,Object.assign({droppableId:"droppable-horizontal"},{children:d=>r("div",Object.assign({},d.droppableProps,{ref:d.innerRef,style:{display:"flex"}},{children:[e(a,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:{display:"flex",flexWrap:"wrap",flexDirection:"row"}},{children:[n.map(((a,n)=>e(t,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:n},{children:(t,n)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),d.placeholder]}))}));export{l as VariantsGrid,o as VariantsList};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Droppable as a,Draggable as t}from"@hello-pangea/dnd";import{useState as n}from"react";import{COLORS as d}from"../../constants/Theme.js";import{VariantCardListView as s,VariantCardGridView as i}from"./variant.js";const o=i=>{let{selectedVariants:o,setSelectedVariants:l,selectedCollectionsDispatch:c,outOfStockAction:p}=i;const[g,b]=n(-1);function f(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e(a,Object.assign({droppableId:"droppable-list"},{children:(a,n)=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:d.surface.subdued,padding:"0.05px",height:o.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[o.map(((r,a)=>e("div",Object.assign({style:{background:d.surface.hovered,margin:"5px",boxShadow:a===g?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(a),onMouseLeave:()=>b(-1)},{children:e(t,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,n)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:f(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(s,{data:r,selectedCollectionsDispatch:c,onDelete:()=>{const e=o.slice();e[a].displayOrder=null,e.splice(a,1),l(e)},outOfStockAction:p},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),a.placeholder&&n.isDraggingOver?e("div",Object.assign({style:{background:d.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},l=n=>{let{selectedVariants:d}=n;return e(a,Object.assign({droppableId:"droppable-horizontal"},{children:n=>r("div",Object.assign({},n.droppableProps,{ref:n.innerRef,style:{display:"flex"}},{children:[e(a,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:{display:"flex",flexWrap:"wrap",flexDirection:"row"}},{children:[d.map(((a,n)=>e(t,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:n},{children:(t,n)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),n.placeholder]}))}))};export{l as VariantsGrid,o as VariantsList};
 //# sourceMappingURL=variantComponents.js.map

package/dist/esm/components/product-picker-v2/variantComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"variantComponents.js","sources":["../../../../src/components/product-picker-v2/variantComponents.tsx"],"sourcesContent":["import { Draggable, Droppable } from '@hello-pangea/dnd';\nimport { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { SelectedCollectionsActions } from './reducers';\nimport { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';\nimport { VariantCardGridView, VariantCardListView } from './variant';\n\n/*\n Props for list of variants - applicable both in list and grid view\n /\nexport type VariantsComponentProps = {\n\tselectedVariants: ProductVariantForRearrange[];\n\tsetSelectedVariants: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariantForRearrange[]>\n\t>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n};\n\n/\n Returns a react component of variants list, which are eligible to drag and drop.\n /\nexport const VariantsList = ({\n\tselectedVariants,\n\tsetSelectedVariants,\n\tselectedCollectionsDispatch,\n\toutOfStockAction,\n}: VariantsComponentProps) => {\n\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\n\t/\n\t This function returns style of the card.\n\t * The style doesn't allow the item to drag horizontally.\n\t /\n\tfunction getStyle(style: React.CSSProperties) {\n\t\tif (style?.transform) {\n\t\t\tconst axisLockY = `translate(0px, ${style.transform.split(',').pop()}`;\n\n\t\t\treturn {\n\t\t\t\t...style,\n\t\t\t\ttransform: axisLockY,\n\t\t\t};\n\t\t}\n\t\treturn style;\n\t}\n\n\treturn (\n\t\t<Droppable droppableId=\"droppable-list\">\n\t\t\t{(providedDroppable: any, snapshotDroppable: any) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedDroppable.droppableProps}\n\t\t\t\t\tref={providedDroppable.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\tpadding: '0.05px',\n\t\t\t\t\t\theight: selectedVariants.length < 8 ? '550px' : '100%',\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t\t...providedDroppable.droppableProps.style,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t\tboxShadow:\n\t\t\t\t\t\t\t\t\tindex === selectedIndex\n\t\t\t\t\t\t\t\t\t\t? '0px 4px 12px rgba(0, 0, 0, 0.12)'\n\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(index)}\n\t\t\t\t\t\t\tonMouseLeave={() => setSelectedIndex(-1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\tstyle={getStyle({\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableProps.style,\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableSnapshot,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<VariantCardListView\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={variant}\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\tonDelete={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst tempSelectedVariants = selectedVariants.slice();\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants[index].displayOrder = null;\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants.splice(index, 1);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariants(tempSelectedVariants);\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\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</div>\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</Draggable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{providedDroppable.placeholder && snapshotDroppable.isDraggingOver ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{providedDroppable.placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n\n/\n Returns a react component of variants grid, which are eligible to drag and drop.\n */\nexport const VariantsGrid = ({ selectedVariants }: VariantsComponentProps) => {\n\treturn (\n\t\t<Droppable droppableId=\"droppable-horizontal\">\n\t\t\t{(providedHorizontal) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedHorizontal.droppableProps}\n\t\t\t\t\tref={providedHorizontal.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Droppable droppableId=\"droppable-vertical\" direction=\"horizontal\">\n\t\t\t\t\t\t{(providedVertical) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...providedVertical.droppableProps}\n\t\t\t\t\t\t\t\tref={providedVertical.innerRef}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<VariantCardGridView data={variant} />\n\t\t\t\t\t\t\t\t\t\t\t\t{providedDraggable.placeholder}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Draggable>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{providedVertical.placeholder}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Droppable>\n\t\t\t\t\t{providedHorizontal.placeholder}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n"],"names":["VariantsList","selectedVariants","setSelectedVariants","selectedCollectionsDispatch","outOfStockAction","selectedIndex","setSelectedIndex","useState","getStyle","style","transform","axisLockY","split","pop","Object","assign","_jsx","Droppable","droppableId","children","providedDroppable","snapshotDroppable","_jsxs","droppableProps","ref","innerRef","backgroundColor","COLORS","surface","subdued","padding","height","length","overflow","map","variant","index","background","hovered","margin","boxShadow","onMouseEnter","onMouseLeave","Draggable","draggableId","productId","variantId","providedDraggable","snapshot","draggableProps","dragHandleProps","draggableSnapshot","VariantCardListView","data","onDelete","tempSelectedVariants","slice","displayOrder","splice","placeholder","isDraggingOver","VariantsGrid","providedHorizontal","display","direction","providedVertical","flexWrap","flexDirection","VariantCardGridView"],"mappings":"~~8QAsBO~~,~~MAAMA~~,~~EAAeA~~,~~EAC3BC~~,~~mBACAC~~,~~sBACAC~~,~~8BACAC~~,~~uBAEA~~,~~MAAOC~~,EAAeC,GAAoBC,GAAU,GAMpD,SAASC,EAASC,GACjB,GAAIA,eAAAA,EAAOC,UAAW,CACrB,MAAMC,~~EAAY~~,~~kBAAkBF~~,EAAMC,UAAUE,MAAM,KAAKC,QAE/D,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIN,GAAK,CACRC,UAAWC,GAEZ,CACD,OAAOF,CACR,CAEA,OACCO,EAACC,EAAUH,OAAAC,OAAA,CAAAG,YAAY,kBAAgB,CAAAC,SACrCA,CAACC,EAAwBC,IACzBC,yBACKF,EAAkBG,eAAc,CACpCC,IAAKJ,EAAkBK,SACvBhB,MAAKK,OAAAC,OAAA,CACJW,gBAAiBC,EAAOC,QAAQC,QAChCC,QAAS,SACTC,OAAQ9B,EAAiB+B,OAAS,EAAI,QAAU,OAChDC,SAAU,QACPb,EAAkBG,eAAed,mBAGpCR,EAAiBiC,KAAI,CAACC,EAASC,IAC/BpB,EAAA,MAAAF,OAAAC,OAAA,CAECN,MAAO,CACN4B,WAAYV,EAAOC,QAAQU,QAC3BC,OAAQ,MACRC,UACCJ,IAAU/B,EACP,mCACA,IAELoC,aAAcA,IAAMnC,EAAiB8B,GACrCM,aAAcA,IAAMpC,GAAkB,IAEtC,CAAAa,SAAAH,EAAC2B,EAEA7B,OAAAC,OAAA,CAAA6B,~~YAAa~~,~~GAAGT~~,EAAQU,aAAaV,EAAQW,YAC7CV,MAAOA,GAAK,CAAAjB,SAEXA,CAAC4B,EAAwBC,IAExBhC,uBACCQ,IAAKuB,EAAkBtB,UACnBsB,EAAkBE,eAClBF,EAAkBG,gBAAe,CACrCzC,MAAOD,iCACHuC,EAAkBE,eAAexC,OACjCsC,EAAkBI,qBACpB,CAAAhC,SAEFH,EAACoC,EAAmB,CAEnBC,KAAMlB,EACNhC,4BACCA,EAEDmD,SAAUA,KACT,MAAMC,EAAuBtD,EAAiBuD,QAC9CD,EAAqBnB,GAAOqB,aAAe,KAC3CF,EAAqBG,OAAOtB,EAAO,GACnClC,EAAoBqD,EAAqB,EAE1CnD,iBAAkBA,~~GAXb,GAAG~~+B,EAAQU,aAAaV,EAAQW,~~kBAhBpC~~,~~GAAGX~~,EAAQU,aAAaV,EAAQW,eAbjC,GAAGX,EAAQU,aAAaV,EAAQW,eAgDtC1B,EAAkBuC,aAAetC,EAAkBuC,eACnD5C,EAAA,MAAAF,OAAAC,OAAA,CACCN,MAAO,CACN4B,WAAYV,EAAOC,QAAQU,QAC3BC,OAAQ,QACR,CAAApB,SAEAC,EAAkBuC,eAEjB,WAGK,EAODE,~~EAAeA~~,~~EAAG5D~~,~~sBAE7Be~~,EAACC,EAAUH,OAAAC,OAAA,CAAAG,YAAY,wBACrB,CAAAC,~~SAAC2C~~,~~GACDxC~~,EACK,MAAAR,OAAAC,OAAA,CAAA,~~EAAA+C~~,~~EAAmBvC~~,eACvB,CAAAC,~~IAAKsC~~,~~EAAmBrC~~,SACxBhB,MAAO,~~CACNsD~~,QAAS,SACT,~~CAAA5C~~,SAAA,CAEDH,EAACC,EAAUH,OAAAC,OAAA,CAAAG,YAAY,~~qBAAqB8C~~,UAAU,cACpD,~~CAAA7C~~,~~SAAC8C~~,~~GACD3C~~,EAAA,MAAAR,OAAAC,OAAA,CAAA,~~EACKkD~~,~~EAAiB1C~~,eAAc,CACnCC,~~IAAKyC~~,~~EAAiBxC~~,SACtBhB,MAAO,~~CACNsD~~,QAAS,OACTG,SAAU,OACVC,cAAe,QAGf,~~CAAAhD~~,SAAA,CAAAlB,EAAiBiC,KAAI,CAACC,EAASC,IAC/BpB,EAAC2B,EAEA7B,OAAAC,OAAA,CAAA6B,~~YAAa~~,~~GAAGT~~,EAAQU,aAAaV,EAAQW,YAC7CV,MAAOA,GAAK,CAAAjB,SAEXA,CAAC4B,EAAwBC,IACzB1B,EAAA,MAAAR,OAAAC,OAAA,CACCS,IAAKuB,EAAkBtB,UACnBsB,EAAkBE,eAClBF,EAAkBG,2BAEtBlC,~~EAACoD~~,~~GAAoBf~~,KAAMlB,IAC1BY,EAAkBY,~~kBAXhB~~,~~GAAGxB~~,EAAQU,aAAaV,EAAQW,~~eAgBtCmB~~,~~EAAiBN~~,~~mBAIpBG~~,~~EAAmBH~~"}
1	+ {"version":3,"file":"variantComponents.js","sources":["../../../../src/components/product-picker-v2/variantComponents.tsx"],"sourcesContent":["import { Draggable, Droppable } from '@hello-pangea/dnd';\nimport { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { SelectedCollectionsActions } from './reducers';\nimport { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';\nimport { VariantCardGridView, VariantCardListView } from './variant';\n\n/*\n Props for list of variants - applicable both in list and grid view\n /\nexport type VariantsComponentProps = {\n\tselectedVariants: ProductVariantForRearrange[];\n\tsetSelectedVariants: React.Dispatch<\n\t\tReact.SetStateAction<ProductVariantForRearrange[]>\n\t>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n};\n\n/\n Returns a react component of variants list, which are eligible to drag and drop.\n /\nexport const VariantsList = ({\n\tselectedVariants,\n\tsetSelectedVariants,\n\tselectedCollectionsDispatch,\n\toutOfStockAction,\n}: VariantsComponentProps) => {\n\tconst [selectedIndex, setSelectedIndex] = useState(-1);\n\n\t/\n\t This function returns style of the card.\n\t * The style doesn't allow the item to drag horizontally.\n\t /\n\tfunction getStyle(style: React.CSSProperties) {\n\t\tif (style?.transform) {\n\t\t\tconst axisLockY = `translate(0px, ${style.transform.split(',').pop()}`;\n\n\t\t\treturn {\n\t\t\t\t...style,\n\t\t\t\ttransform: axisLockY,\n\t\t\t};\n\t\t}\n\t\treturn style;\n\t}\n\n\treturn (\n\t\t<Droppable droppableId=\"droppable-list\">\n\t\t\t{(providedDroppable: any, snapshotDroppable: any) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedDroppable.droppableProps}\n\t\t\t\t\tref={providedDroppable.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\tpadding: '0.05px',\n\t\t\t\t\t\theight: selectedVariants.length < 8 ? '550px' : '100%',\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t\t...providedDroppable.droppableProps.style,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t\tboxShadow:\n\t\t\t\t\t\t\t\t\tindex === selectedIndex\n\t\t\t\t\t\t\t\t\t\t? '0px 4px 12px rgba(0, 0, 0, 0.12)'\n\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(index)}\n\t\t\t\t\t\t\tonMouseLeave={() => setSelectedIndex(-1)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\tstyle={getStyle({\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableProps.style,\n\t\t\t\t\t\t\t\t\t\t\t\t...providedDraggable.draggableSnapshot,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<VariantCardListView\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={variant}\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\tonDelete={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst tempSelectedVariants = selectedVariants.slice();\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants[index].displayOrder = null;\n\t\t\t\t\t\t\t\t\t\t\t\t\ttempSelectedVariants.splice(index, 1);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariants(tempSelectedVariants);\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\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</div>\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</Draggable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{providedDroppable.placeholder && snapshotDroppable.isDraggingOver ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\t\t\tmargin: '5px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{providedDroppable.placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n\n/\n Returns a react component of variants grid, which are eligible to drag and drop.\n */\nexport const VariantsGrid = ({ selectedVariants }: VariantsComponentProps) => {\n\treturn (\n\t\t<Droppable droppableId=\"droppable-horizontal\">\n\t\t\t{(providedHorizontal) => (\n\t\t\t\t<div\n\t\t\t\t\t{...providedHorizontal.droppableProps}\n\t\t\t\t\tref={providedHorizontal.innerRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Droppable droppableId=\"droppable-vertical\" direction=\"horizontal\">\n\t\t\t\t\t\t{(providedVertical) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...providedVertical.droppableProps}\n\t\t\t\t\t\t\t\tref={providedVertical.innerRef}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{selectedVariants.map((variant, index) => (\n\t\t\t\t\t\t\t\t\t<Draggable\n\t\t\t\t\t\t\t\t\t\tkey={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tdraggableId={`${variant.productId}-${variant.variantId}`}\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{(providedDraggable: any, snapshot: any) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tref={providedDraggable.innerRef}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.draggableProps}\n\t\t\t\t\t\t\t\t\t\t\t\t{...providedDraggable.dragHandleProps}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<VariantCardGridView data={variant} />\n\t\t\t\t\t\t\t\t\t\t\t\t{providedDraggable.placeholder}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Draggable>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{providedVertical.placeholder}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Droppable>\n\t\t\t\t\t{providedHorizontal.placeholder}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Droppable>\n\t);\n};\n"],"names":["VariantsList","_ref","selectedVariants","setSelectedVariants","selectedCollectionsDispatch","outOfStockAction","selectedIndex","setSelectedIndex","useState","getStyle","style","transform","axisLockY","split","pop","Object","assign","_jsx","Droppable","droppableId","children","providedDroppable","snapshotDroppable","_jsxs","droppableProps","ref","innerRef","backgroundColor","COLORS","surface","subdued","padding","height","length","overflow","map","variant","index","background","hovered","margin","boxShadow","onMouseEnter","onMouseLeave","Draggable","draggableId","productId","variantId","providedDraggable","snapshot","draggableProps","dragHandleProps","draggableSnapshot","VariantCardListView","data","onDelete","tempSelectedVariants","slice","displayOrder","splice","placeholder","isDraggingOver","VariantsGrid","_ref2","providedHorizontal","display","direction","providedVertical","flexWrap","flexDirection","VariantCardGridView"],"mappings":"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"}

package/dist/esm/components/progress-bar/CircularProgressBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/checklistIcon.svg.js";const s=({percentage:s,width:o=200,containerStyle:i})=>{const n=s<0?0:s>100?100:s,c=o/2-o/10,a=c*Math.PI*2,l=a-a*n/100,f=o/10,d=o/3;return t("div",Object.assign({style:i},{children:e("svg",Object.assign({width:o,height:o,viewBox:`0 0 ${o} ${o}`},{children:[t("defs",{children:e("linearGradient",Object.assign({id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%"},{children:[t("stop",{offset:"0%",stopColor:"#7000FF"}),t("stop",{offset:"100%",stopColor:"#AD00FF"})]}))}),t("circle",{cx:o/2,cy:o/2,strokeWidth:f,r:c,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:o/2,cy:o/2,strokeWidth:f,r:c,style:{stroke:"url(#gradientStroke)",strokeDasharray:a,strokeDashoffset:l},transform:`rotate(-90 ${o/2} ${o/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),t(r,{x:o/2-d/2,width:d})]}))}))};export{s as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/checklistIcon.svg.js";const s=s=>{let{percentage:o,width:i=200,containerStyle:n}=s;const c=o<0?0:o>100?100:o,a=i/2-i/10,l=a*Math.PI*2,f=l-l*c/100,d=i/10,h=i/3;return t("div",Object.assign({style:n},{children:e("svg",Object.assign({width:i,height:i,viewBox:`0 0 ${i} ${i}`},{children:[t("defs",{children:e("linearGradient",Object.assign({id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%"},{children:[t("stop",{offset:"0%",stopColor:"#7000FF"}),t("stop",{offset:"100%",stopColor:"#AD00FF"})]}))}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:a,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:a,style:{stroke:"url(#gradientStroke)",strokeDasharray:l,strokeDashoffset:f},transform:`rotate(-90 ${i/2} ${i/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),t(r,{x:i/2-h/2,width:h})]}))}))};export{s as default};
 //# sourceMappingURL=CircularProgressBar.js.map

package/dist/esm/components/progress-bar/CircularProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CircularProgressBar.js","sources":["../../../../src/components/progress-bar/CircularProgressBar.tsx"],"sourcesContent":["import CheckListIcon from '@src/assets/icons/checklistIcon.svg';\nimport React from 'react';\n\n//TODO: Make Inner icon dynamic and support text option also\nconst CircularProgressBar: React.FC<{\n\tpercentage: number;\n\twidth?: number;\n\tcontainerStyle?: React.CSSProperties;\n}> = ({ percentage, width = 200, containerStyle }) => {\n\tconst cleanedPercentage =\n\t\tpercentage < 0 ? 0 : percentage > 100 ? 100 : percentage;\n\tconst radius = width / 2 - width / 10;\n\tconst dashArray = radius * Math.PI * 2;\n\tconst dashOffset = dashArray - (dashArray * cleanedPercentage) / 100;\n\tconst strokeWidth = width / 10;\n\tconst innerIconWidth = width / 3;\n\treturn (\n\t\t<div style={containerStyle}>\n\t\t\t<svg width={width} height={width} viewBox={`0 0 ${width} ${width}`}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id=\"gradientStroke\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor=\"#7000FF\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor=\"#AD00FF\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstrokeOpacity={0.8}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: '#ffffff',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: 'url(#gradientStroke)',\n\t\t\t\t\t\tstrokeDasharray: dashArray,\n\t\t\t\t\t\tstrokeDashoffset: dashOffset,\n\t\t\t\t\t}}\n\t\t\t\t\ttransform={`rotate(-90 ${width / 2} ${width / 2})`}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstrokeLinecap={'round'}\n\t\t\t\t\tstrokeLinejoin={'round'}\n\t\t\t\t/>\n\t\t\t\t<CheckListIcon\n\t\t\t\t\tx={width / 2 - innerIconWidth / 2}\n\t\t\t\t\twidth={innerIconWidth}\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default CircularProgressBar;\n"],"names":["CircularProgressBar","percentage","width","containerStyle","cleanedPercentage","radius","dashArray","Math","PI","dashOffset","strokeWidth","innerIconWidth","_jsx","style","children","_jsxs","Object","assign","height","viewBox","id","x1","y1","x2","y2","offset","stopColor","cx","cy","r","strokeOpacity","fill","stroke","strokeDasharray","strokeDashoffset","transform","strokeLinecap","strokeLinejoin","CheckListIcon","x"],"mappings":"yGAIMA,MAAAA,~~EAIDA~~,~~EAAGC~~,~~aAAYC~~,~~QAAQ~~,~~IAAKC~~,~~qBAChC~~,~~MAAMC~~,EACLH,EAAa,EAAI,EAAIA,EAAa,IAAM,IAAMA,EACzCI,EAASH,EAAQ,EAAIA,EAAQ,GAC7BI,EAAYD,EAASE,KAAKC,GAAK,EAC/BC,EAAaH,EAAaA,EAAYF,EAAqB,IAC3DM,EAAcR,EAAQ,GACtBS,EAAiBT,EAAQ,EAC/B,OACCU,uBAAKC,MAAOV,GACX,CAAAW,SAAAC,EAAA,MAAAC,OAAAC,OAAA,CAAKf,MAAOA,EAAOgB,OAAQhB,EAAOiB,~~QAAS~~,~~OAAOjB~~,KAASA,KAAO,CAAAY,SAAA,CACjEF,mBACCG,EAAgB,iBAAAC,OAAAC,OAAA,CAAAG,GAAG,iBAAiBC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAAOC,GAAG,MAChE,CAAAV,SAAA,CAAAF,EAAA,OAAA,CAAMa,OAAO,KAAKC,UAAU,YAC5Bd,EAAM,OAAA,CAAAa,OAAO,OAAOC,UAAU,kBAGhCd,EACC,SAAA,CAAAe,GAAIzB,EAAQ,EACZ0B,GAAI1B,EAAQ,EACZQ,YAAaA,EACbmB,EAAGxB,EACHyB,cAAe,GACfC,KAAM,OACNlB,MAAO,CACNmB,OAAQ,aAGVpB,YACCe,GAAIzB,EAAQ,EACZ0B,GAAI1B,EAAQ,EACZQ,YAAaA,EACbmB,EAAGxB,EACHQ,MAAO,CACNmB,OAAQ,uBACRC,gBAAiB3B,EACjB4B,iBAAkBzB,GAEnB0B,~~UAAW~~,~~cAAcjC~~,EAAQ,KAAKA,EAAQ,KAC9C6B,KAAM,OACNK,cAAe,QACfC,eAAgB,UAEjBzB,EAAC0B,EAAa,CACbC,EAAGrC,EAAQ,EAAIS,EAAiB,EAChCT,MAAOS,UAGJ"}
1	+ {"version":3,"file":"CircularProgressBar.js","sources":["../../../../src/components/progress-bar/CircularProgressBar.tsx"],"sourcesContent":["import CheckListIcon from '@src/assets/icons/checklistIcon.svg';\nimport React from 'react';\n\n//TODO: Make Inner icon dynamic and support text option also\nconst CircularProgressBar: React.FC<{\n\tpercentage: number;\n\twidth?: number;\n\tcontainerStyle?: React.CSSProperties;\n}> = ({ percentage, width = 200, containerStyle }) => {\n\tconst cleanedPercentage =\n\t\tpercentage < 0 ? 0 : percentage > 100 ? 100 : percentage;\n\tconst radius = width / 2 - width / 10;\n\tconst dashArray = radius * Math.PI * 2;\n\tconst dashOffset = dashArray - (dashArray * cleanedPercentage) / 100;\n\tconst strokeWidth = width / 10;\n\tconst innerIconWidth = width / 3;\n\treturn (\n\t\t<div style={containerStyle}>\n\t\t\t<svg width={width} height={width} viewBox={`0 0 ${width} ${width}`}>\n\t\t\t\t<defs>\n\t\t\t\t\t<linearGradient id=\"gradientStroke\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n\t\t\t\t\t\t<stop offset=\"0%\" stopColor=\"#7000FF\" />\n\t\t\t\t\t\t<stop offset=\"100%\" stopColor=\"#AD00FF\" />\n\t\t\t\t\t</linearGradient>\n\t\t\t\t</defs>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstrokeOpacity={0.8}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: '#ffffff',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={width / 2}\n\t\t\t\t\tcy={width / 2}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tr={radius}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstroke: 'url(#gradientStroke)',\n\t\t\t\t\t\tstrokeDasharray: dashArray,\n\t\t\t\t\t\tstrokeDashoffset: dashOffset,\n\t\t\t\t\t}}\n\t\t\t\t\ttransform={`rotate(-90 ${width / 2} ${width / 2})`}\n\t\t\t\t\tfill={'none'}\n\t\t\t\t\tstrokeLinecap={'round'}\n\t\t\t\t\tstrokeLinejoin={'round'}\n\t\t\t\t/>\n\t\t\t\t<CheckListIcon\n\t\t\t\t\tx={width / 2 - innerIconWidth / 2}\n\t\t\t\t\twidth={innerIconWidth}\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t);\n};\n\nexport default CircularProgressBar;\n"],"names":["CircularProgressBar","_ref","percentage","width","containerStyle","cleanedPercentage","radius","dashArray","Math","PI","dashOffset","strokeWidth","innerIconWidth","_jsx","style","children","_jsxs","Object","assign","height","viewBox","id","x1","y1","x2","y2","offset","stopColor","cx","cy","r","strokeOpacity","fill","stroke","strokeDasharray","strokeDashoffset","transform","strokeLinecap","strokeLinejoin","CheckListIcon","x"],"mappings":"yGAIMA,MAAAA,EAIDC,IAAgD,IAA/CC,WAAEA,EAAUC,MAAEA,EAAQ,IAAGC,eAAEA,GAAgBH,EAChD,MAAMI,EACLH,EAAa,EAAI,EAAIA,EAAa,IAAM,IAAMA,EACzCI,EAASH,EAAQ,EAAIA,EAAQ,GAC7BI,EAAYD,EAASE,KAAKC,GAAK,EAC/BC,EAAaH,EAAaA,EAAYF,EAAqB,IAC3DM,EAAcR,EAAQ,GACtBS,EAAiBT,EAAQ,EAC/B,OACCU,uBAAKC,MAAOV,GACX,CAAAW,SAAAC,EAAA,MAAAC,OAAAC,OAAA,CAAKf,MAAOA,EAAOgB,OAAQhB,EAAOiB,QAAgB,OAAAjB,KAASA,KAAO,CAAAY,SAAA,CACjEF,mBACCG,EAAgB,iBAAAC,OAAAC,OAAA,CAAAG,GAAG,iBAAiBC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAAOC,GAAG,MAChE,CAAAV,SAAA,CAAAF,EAAA,OAAA,CAAMa,OAAO,KAAKC,UAAU,YAC5Bd,EAAM,OAAA,CAAAa,OAAO,OAAOC,UAAU,kBAGhCd,EACC,SAAA,CAAAe,GAAIzB,EAAQ,EACZ0B,GAAI1B,EAAQ,EACZQ,YAAaA,EACbmB,EAAGxB,EACHyB,cAAe,GACfC,KAAM,OACNlB,MAAO,CACNmB,OAAQ,aAGVpB,YACCe,GAAIzB,EAAQ,EACZ0B,GAAI1B,EAAQ,EACZQ,YAAaA,EACbmB,EAAGxB,EACHQ,MAAO,CACNmB,OAAQ,uBACRC,gBAAiB3B,EACjB4B,iBAAkBzB,GAEnB0B,UAAyB,cAAAjC,EAAQ,KAAKA,EAAQ,KAC9C6B,KAAM,OACNK,cAAe,QACfC,eAAgB,UAEjBzB,EAAC0B,EAAa,CACbC,EAAGrC,EAAQ,EAAIS,EAAiB,EAChCT,MAAOS,UAGJ"}

package/dist/esm/components/progress-bar-v2/ProgressBarV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBarV2.js","sources":["../../../../src/components/progress-bar-v2/ProgressBarV2.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum TextAlignment {\n\tRIGHT = 'right',\n\tLEFT = 'left',\n\tTOP = 'top',\n\tBOTTOM = 'bottom',\n}\n\nexport enum ProgressBarType {\n\tCIRCLE = 'circle',\n\tLINE = 'line',\n}\n\nexport interface ProgressBarV2Props {\n\tprogress: number;\n\ttype: ProgressBarType;\n\tshowProgress?: boolean;\n\ttext?: string;\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tcolor?: string;\n\ttextPosition?: TextAlignment;\n\tmatchParentWidth?: boolean;\n}\n\nexport const ProgressBarV2 = (props: ProgressBarV2Props) => {\n\tconst {\n\t\ttype,\n\t\tprogress,\n\t\tprogressBarThickness,\n\t\tsize,\n\t\tcolor,\n\t\ttext,\n\t\ttextPosition,\n\t\tshowProgress,\n\t\tmatchParentWidth = false,\n\t} = props;\n\n\tlet alignment = textPosition;\n\tif (!alignment) {\n\t\talignment = TextAlignment.LEFT;\n\t}\n\n\treturn (\n\t\t<MainContainer alignment={alignment}>\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.TOP \|\|\n\t\t\t\t\talignment === TextAlignment.LEFT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginBottom: alignment === TextAlignment.TOP ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginRight: alignment === TextAlignment.LEFT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t\t{type === ProgressBarType.LINE ? (\n\t\t\t\t<BarContainer\n\t\t\t\t\tsize={size}\n\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\t>\n\t\t\t\t\t<InnerBarContainer progress={progress} color={color} />\n\t\t\t\t</BarContainer>\n\t\t\t) : (\n\t\t\t\t<CircleContainer progress={progress} color={color} size={size}>\n\t\t\t\t\t<InnerCircleContainer\n\t\t\t\t\t\tprogress={progress}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\t/>\n\t\t\t\t</CircleContainer>\n\t\t\t)}\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.BOTTOM \|\|\n\t\t\t\t\talignment === TextAlignment.RIGHT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: alignment === TextAlignment.BOTTOM ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginLeft: alignment === TextAlignment.RIGHT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t</MainContainer>\n\t);\n};\n\nconst MainContainer = styled.div<{ alignment?: TextAlignment }>`\n\tdisplay: flex;\n\tflex-direction: ${(props) =>\n\t\tprops?.alignment === TextAlignment.TOP \|\|\n\t\tprops?.alignment === TextAlignment.BOTTOM\n\t\t\t? 'column'\n\t\t\t: 'row'};\n\talign-items: center;\n\twidth: 100%;\n`;\n\nconst CircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tcolor?: string;\n}>`\n\twidth: ${(props) => props.size ?? 32}px;\n\theight: ${(props) => props.size ?? 32}px;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\tbackground: conic-gradient(\n\t\t${(props) => props.color ?? COLORS.background.brand}\n\t\t\t${(props) => props.progress * 3.6}deg,\n\t\t${COLORS.content.inactive} 0deg\n\t);\n\tposition: relative;\n`;\n\nconst InnerCircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tprogressBarThickness?: number;\n}>`\n\tbackground-color: ${COLORS.background.inactive};\n\ttransition: width 0.3s ease-in-out;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\theight: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nconst BarContainer = styled.div<{\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tmatchParentWidth?: boolean;\n}>`\n\twidth: ${(props) =>\n\t\tprops.matchParentWidth ? '100%' : `${props.size ?? 90}px`};\n\theight: ${(props) => props.progressBarThickness ?? 8}px;\n\tbackground-color: ${COLORS.background.inactive};\n\tborder-radius: 4px;\n\toverflow: hidden;\n`;\n\nconst InnerBarContainer = styled.div<{\n\tprogress: number;\n\tcolor?: string;\n}>`\n\theight: 100%;\n\twidth: ${(props) => props.progress}%;\n\tbackground-color: ${(props) => props.color ?? COLORS.background.brand};\n\ttransition: width 0.3s ease-in-out;\n`;\n"],"names":["TextAlignment","ProgressBarType","ProgressBarV2","props","type","progress","progressBarThickness","size","color","text","textPosition","showProgress","matchParentWidth","alignment","LEFT","_jsxs","MainContainer","Object","assign","TOP","_jsx","BodyTiny","style","marginBottom","undefined","marginRight","COLORS","content","secondary","LINE","BarContainer","children","InnerBarContainer","CircleContainer","InnerCircleContainer","BOTTOM","RIGHT","marginTop","marginLeft","_styled","process","env","NODE_ENV","target","label","_a","background","brand","inactive","surface","standard"],"mappings":"6LAIYA,EAOAC,GAPZ,SAAYD,GACXA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,OAAA,QACA,CALD,CAAYA,IAAAA,EAKX,CAAA,IAED,SAAYC,GACXA,EAAA,OAAA,SACAA,EAAA,KAAA,MACA,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAcYC,MAAAA,EAAiBC,IAC7B,MAAMC,KACLA,EAAIC,SACJA,EAAQC,qBACRA,EAAoBC,KACpBA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,aACJA,EAAYC,aACZA,EAAYC,iBACZA,GAAmB,GAChBT,EAEJ,IAAIU,EAAYH,EAKhB,OAJKG,IACJA,EAAYb,EAAcc,MAI1BC,EAACC,EAAaC,OAAAC,OAAA,CAACL,UAAWA,cACxBF,IACCE,IAAcb,EAAcmB,KAC5BN,IAAcb,EAAcc,OAC5BM,EAACC,EACAJ,OAAAC,OAAA,CAAAI,MAAO,CACNC,aAAcV,IAAcb,EAAcmB,IAAM,WAAQK,EACxDC,YAAaZ,IAAcb,EAAcc,KAAO,WAAQU,GAEzDhB,MAAOkB,EAAOC,QAAQC,qBAErBnB,QAAAA,~~EAAQ~~,~~GAAGJ~~,qBAGdD,IAASH,EAAgB4B,KACzBT,EAACU,iBACAvB,KAAMA,EACND,qBAAsBA,EACtBM,iBAAkBA,GAElB,CAAAmB,SAAAX,EAACY,EAAiB,CAAC3B,SAAUA,EAAUG,MAAOA,OAG/CY,EAACa,EAAgBhB,OAAAC,OAAA,CAAAb,SAAUA,EAAUG,MAAOA,EAAOD,KAAMA,GACxD,CAAAwB,SAAAX,EAACc,EACA,CAAA7B,SAAUA,EACVE,KAAMA,EACND,qBAAsBA,OAIxBK,IACCE,IAAcb,EAAcmC,QAC5BtB,IAAcb,EAAcoC,QAC5BhB,EAACC,EACAJ,OAAAC,OAAA,CAAAI,MAAO,CACNe,UAAWxB,IAAcb,EAAcmC,OAAS,WAAQX,EACxDc,WAAYzB,IAAcb,EAAcoC,MAAQ,WAAQZ,GAEzDhB,MAAOkB,EAAOC,QAAQC,qBAErBnB,QAAAA,~~EAAQ~~,~~GAAGJ~~,wBAGA,EAIZW,EAAauB,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAL,CAECpC,gCAAAA,IAClBA,aAAK,EAALA,EAAOU,aAAcb,EAAcmB,MACnChB,aAAA,EAAAA,EAAOU,aAAcb,EAAcmC,OAChC,SACA,OAAKK,mCAGT,eAHSA,QAAAC,IAAAC,SAGT,GAAA,wkNAEKT,EAAeM,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,mBAAAL,CAAA,UAKVpC,IAAS,IAAA0C,EAAC,OAAU,QAAVA,EAAA1C,EAAMI,YAAI,IAAAsC,EAAAA,EAAI,EAAE,GAAA,cACzB1C,IAAS,IAAA0C,EAAC,OAAU,QAAVA,EAAA1C,EAAMI,YAAI,IAAAsC,EAAAA,EAAI,EAAE,GAAA,yEAIjC1C,IAAU,IAAA0C,EAAA,OAAW,UAAX1C,EAAMK,aAAK,IAAAqC,EAAAA,EAAInB,EAAOoB,WAAWC,KAAK,GAAA,YAC/C5C,GAA2B,IAAjBA,EAAME,UAClBqB,aAAAA,EAAOC,QAAQqB,SAAQR,iCAG1B,eAH0BA,QAAAC,IAAAC,SAG1B,GAAA,wkNAEKR,EAAoBK,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,wBAAAL,CAAA,oBAKLb,EAAOoB,WAAWE,SAAQ,gHAMpC7C,UACT,OAAAA,EAAMG,6BACHuC,EAAA1C,EAAMI,oBAAQ,GAAKJ,EAAMG,qBACzB,EAAE,GAAA,cACKH,UACV,OAAAA,EAAMG,6BACHuC,EAAA1C,EAAMI,oBAAQ,GAAKJ,EAAMG,qBACzB,EAAE,GAEQoB,mCAAAA,EAAOuB,QAAQC,SAAQV,KACrC,eADqCA,QAAAC,IAAAC,SACrC,GAAA,wkNAEKZ,EAAYS,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAAAL,CAAA,UAKPpC,IACT,IAAA0C,EAAA,OAAA1C,EAAMS,iBAAmB,~~OAAS~~,~~GAAiB~~,QAAdiC,EAAA1C,EAAMI,YAAQ,IAAAsC,EAAAA,EAAA,MAAM,GAAA,YAC/C1C,IAAS,IAAA0C,EAAC,OAA0B,QAA1BA,EAAA1C,EAAMG,4BAAoB,IAAAuC,EAAAA,EAAI,CAAC,GAChCnB,uBAAAA,EAAOoB,WAAWE,SAAQR,uCAG9C,eAH8CA,QAAAC,IAAAC,SAG9C,GAAA,wkNAEKV,EAAiBO,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,qBAAAL,CAAA,sBAKZpC,GAAUA,EAAME,UAAQ,uBACbF,IAAU,IAAA0C,EAAA,OAAW,UAAX1C,EAAMK,aAAK,IAAAqC,EAAAA,EAAInB,EAAOoB,WAAWC,KAAK,0CAErE,eAFqEP,QAAAC,IAAAC,SAErE,GAAA"}
1	+ {"version":3,"file":"ProgressBarV2.js","sources":["../../../../src/components/progress-bar-v2/ProgressBarV2.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum TextAlignment {\n\tRIGHT = 'right',\n\tLEFT = 'left',\n\tTOP = 'top',\n\tBOTTOM = 'bottom',\n}\n\nexport enum ProgressBarType {\n\tCIRCLE = 'circle',\n\tLINE = 'line',\n}\n\nexport interface ProgressBarV2Props {\n\tprogress: number;\n\ttype: ProgressBarType;\n\tshowProgress?: boolean;\n\ttext?: string;\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tcolor?: string;\n\ttextPosition?: TextAlignment;\n\tmatchParentWidth?: boolean;\n}\n\nexport const ProgressBarV2 = (props: ProgressBarV2Props) => {\n\tconst {\n\t\ttype,\n\t\tprogress,\n\t\tprogressBarThickness,\n\t\tsize,\n\t\tcolor,\n\t\ttext,\n\t\ttextPosition,\n\t\tshowProgress,\n\t\tmatchParentWidth = false,\n\t} = props;\n\n\tlet alignment = textPosition;\n\tif (!alignment) {\n\t\talignment = TextAlignment.LEFT;\n\t}\n\n\treturn (\n\t\t<MainContainer alignment={alignment}>\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.TOP \|\|\n\t\t\t\t\talignment === TextAlignment.LEFT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginBottom: alignment === TextAlignment.TOP ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginRight: alignment === TextAlignment.LEFT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t\t{type === ProgressBarType.LINE ? (\n\t\t\t\t<BarContainer\n\t\t\t\t\tsize={size}\n\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\t>\n\t\t\t\t\t<InnerBarContainer progress={progress} color={color} />\n\t\t\t\t</BarContainer>\n\t\t\t) : (\n\t\t\t\t<CircleContainer progress={progress} color={color} size={size}>\n\t\t\t\t\t<InnerCircleContainer\n\t\t\t\t\t\tprogress={progress}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tprogressBarThickness={progressBarThickness}\n\t\t\t\t\t/>\n\t\t\t\t</CircleContainer>\n\t\t\t)}\n\t\t\t{showProgress &&\n\t\t\t\t(alignment === TextAlignment.BOTTOM \|\|\n\t\t\t\t\talignment === TextAlignment.RIGHT) && (\n\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmarginTop: alignment === TextAlignment.BOTTOM ? '8px' : undefined,\n\t\t\t\t\t\t\tmarginLeft: alignment === TextAlignment.RIGHT ? '8px' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{text ?? `${progress}% completed...`}\n\t\t\t\t\t</BodyTiny>\n\t\t\t\t)}\n\t\t</MainContainer>\n\t);\n};\n\nconst MainContainer = styled.div<{ alignment?: TextAlignment }>`\n\tdisplay: flex;\n\tflex-direction: ${(props) =>\n\t\tprops?.alignment === TextAlignment.TOP \|\|\n\t\tprops?.alignment === TextAlignment.BOTTOM\n\t\t\t? 'column'\n\t\t\t: 'row'};\n\talign-items: center;\n\twidth: 100%;\n`;\n\nconst CircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tcolor?: string;\n}>`\n\twidth: ${(props) => props.size ?? 32}px;\n\theight: ${(props) => props.size ?? 32}px;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\tbackground: conic-gradient(\n\t\t${(props) => props.color ?? COLORS.background.brand}\n\t\t\t${(props) => props.progress * 3.6}deg,\n\t\t${COLORS.content.inactive} 0deg\n\t);\n\tposition: relative;\n`;\n\nconst InnerCircleContainer = styled.div<{\n\tprogress: number;\n\tsize?: number;\n\tprogressBarThickness?: number;\n}>`\n\tbackground-color: ${COLORS.background.inactive};\n\ttransition: width 0.3s ease-in-out;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\theight: ${(props) =>\n\t\tprops.progressBarThickness\n\t\t\t? props.size ?? 32 - props.progressBarThickness\n\t\t\t: 20}px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nconst BarContainer = styled.div<{\n\tsize?: number;\n\tprogressBarThickness?: number;\n\tmatchParentWidth?: boolean;\n}>`\n\twidth: ${(props) =>\n\t\tprops.matchParentWidth ? '100%' : `${props.size ?? 90}px`};\n\theight: ${(props) => props.progressBarThickness ?? 8}px;\n\tbackground-color: ${COLORS.background.inactive};\n\tborder-radius: 4px;\n\toverflow: hidden;\n`;\n\nconst InnerBarContainer = styled.div<{\n\tprogress: number;\n\tcolor?: string;\n}>`\n\theight: 100%;\n\twidth: ${(props) => props.progress}%;\n\tbackground-color: ${(props) => props.color ?? COLORS.background.brand};\n\ttransition: width 0.3s ease-in-out;\n`;\n"],"names":["TextAlignment","ProgressBarType","ProgressBarV2","props","type","progress","progressBarThickness","size","color","text","textPosition","showProgress","matchParentWidth","alignment","LEFT","_jsxs","MainContainer","Object","assign","TOP","_jsx","BodyTiny","style","marginBottom","undefined","marginRight","COLORS","content","secondary","LINE","BarContainer","children","InnerBarContainer","CircleContainer","InnerCircleContainer","BOTTOM","RIGHT","marginTop","marginLeft","_styled","process","env","NODE_ENV","target","label","_a","background","brand","inactive","surface","standard"],"mappings":"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"}

package/dist/esm/components/resizeImage/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as e}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=({imageUrl:o,targetSize:s,alt:h,style:p})=>{const[a,n]=r("");return e((()=>{i(o,s).then((t=>{n(t)})).catch((t=>{n(o)}))}),[o,s]),a?t("img",{alt:h,src:a,height:s,width:s,style:p}):t(m,{boxes:[{marginTop:"0px",height:`${s}px`,width:`${s}px`}]})};export{o as ResizableImage};
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=o=>{let{imageUrl:s,targetSize:h,alt:p,style:a}=o;const[n,c]=e("");return r((()=>{i(s,h).then((t=>{c(t)})).catch((t=>{c(s)}))}),[s,h]),n?t("img",{alt:p,src:n,height:h,width:h,style:a}):t(m,{boxes:[{marginTop:"0px",height:`${h}px`,width:`${h}px`}]})};export{o as ResizableImage};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/resizeImage/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/resizeImage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '@src/components/shimmer';\nimport { resizeImage } from '@src/utils/resizeImage';\n\nexport interface ResizableImageProps {\n\timageUrl: string;\n\ttargetSize: number;\n\talt?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const ResizableImage: React.FC<ResizableImageProps> = ({\n\timageUrl,\n\ttargetSize,\n\talt,\n\tstyle,\n}) => {\n\tconst [resizedImageUrl, setResizedImageUrl] = useState('');\n\n\tuseEffect(() => {\n\t\tresizeImage(imageUrl, targetSize)\n\t\t\t.then((resizedImage) => {\n\t\t\t\tsetResizedImageUrl(resizedImage);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetResizedImageUrl(imageUrl);\n\t\t\t});\n\t}, [imageUrl, targetSize]);\n\n\tif (!resizedImageUrl)\n\t\treturn (\n\t\t\t<BikShimmer\n\t\t\t\tboxes={[\n\t\t\t\t\t{\n\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\theight: `${targetSize}px`,\n\t\t\t\t\t\twidth: `${targetSize}px`,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={resizedImageUrl}\n\t\t\theight={targetSize}\n\t\t\twidth={targetSize}\n\t\t\tstyle={style}\n\t\t/>\n\t);\n};\n"],"names":["ResizableImage","imageUrl","targetSize","alt","style","resizedImageUrl","setResizedImageUrl","useState","useEffect","resizeImage","then","resizedImage","catch","error","_jsx","src","height","width","BikShimmer","boxes","marginTop"],"mappings":"~~wNAWO~~,~~MAAMA~~,~~EAAgDA~~,~~EAC5DC~~,~~WACAC~~,~~aACAC~~,~~MACAC~~,~~YAEA~~,~~MAAOC~~,EAAiBC,GAAsBC,EAAS,IAYvD,OAVAC,GAAU,KACTC,EAAYR,EAAUC,GACpBQ,MAAMC,IACNL,EAAmBK,EAAa,IAEhCC,OAAOC,IACPP,EAAmBL,EAAS,GAC3B,GACD,CAACA,EAAUC,IAETG,EAcJS,SACCX,IAAKA,EACLY,IAAKV,EACLW,OAAQd,EACRe,MAAOf,EACPE,MAAOA,IAjBPU,EAACI,EAAU,CACVC,MAAO,CACN,CACCC,UAAW,MACXJ,~~OAAQ~~,~~GAAGd~~,MACXe,~~MAAO~~,~~GAAGf~~,SAaZ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/resizeImage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { BikShimmer } from '@src/components/shimmer';\nimport { resizeImage } from '@src/utils/resizeImage';\n\nexport interface ResizableImageProps {\n\timageUrl: string;\n\ttargetSize: number;\n\talt?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const ResizableImage: React.FC<ResizableImageProps> = ({\n\timageUrl,\n\ttargetSize,\n\talt,\n\tstyle,\n}) => {\n\tconst [resizedImageUrl, setResizedImageUrl] = useState('');\n\n\tuseEffect(() => {\n\t\tresizeImage(imageUrl, targetSize)\n\t\t\t.then((resizedImage) => {\n\t\t\t\tsetResizedImageUrl(resizedImage);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetResizedImageUrl(imageUrl);\n\t\t\t});\n\t}, [imageUrl, targetSize]);\n\n\tif (!resizedImageUrl)\n\t\treturn (\n\t\t\t<BikShimmer\n\t\t\t\tboxes={[\n\t\t\t\t\t{\n\t\t\t\t\t\tmarginTop: '0px',\n\t\t\t\t\t\theight: `${targetSize}px`,\n\t\t\t\t\t\twidth: `${targetSize}px`,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={resizedImageUrl}\n\t\t\theight={targetSize}\n\t\t\twidth={targetSize}\n\t\t\tstyle={style}\n\t\t/>\n\t);\n};\n"],"names":["ResizableImage","_ref","imageUrl","targetSize","alt","style","resizedImageUrl","setResizedImageUrl","useState","useEffect","resizeImage","then","resizedImage","catch","error","_jsx","src","height","width","BikShimmer","boxes","marginTop"],"mappings":"wNAWaA,MAAAA,EAAgDC,IAKxD,IALyDC,SAC7DA,EAAQC,WACRA,EAAUC,IACVA,EAAGC,MACHA,GACAJ,EACA,MAAOK,EAAiBC,GAAsBC,EAAS,IAYvD,OAVAC,GAAU,KACTC,EAAYR,EAAUC,GACpBQ,MAAMC,IACNL,EAAmBK,EAAa,IAEhCC,OAAOC,IACPP,EAAmBL,EAAS,GAC3B,GACD,CAACA,EAAUC,IAETG,EAcJS,SACCX,IAAKA,EACLY,IAAKV,EACLW,OAAQd,EACRe,MAAOf,EACPE,MAAOA,IAjBPU,EAACI,EAAU,CACVC,MAAO,CACN,CACCC,UAAW,MACXJ,OAAW,GAAAd,MACXe,MAAU,GAAAf,SAaZ"}

package/dist/esm/components/shimmer-image/ShimmerImage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",s=({imageUrl:s,width:l,height:n,borderRadius:c,alt:m,useDynamicInfoImageSize:d,defaultImageUrl:g=a,imagePreviewStyles:b})=>{const[h,p]=t(!0),[u,f]=t(!1);return o((()=>{const e=new Image;return e.src=s,e.onload=()=>{f(!1),p(!1)},e.onerror=()=>{f(!0),p(!1)},()=>{e.onload=null,e.onerror=null}}),[s]),e("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:d?`min(100%, ${l}px)`:l},d?{aspectRatio:1}:{height:n}),{borderRadius:c})},{children:[h&&i(r,{boxes:[{height:`${n}px`,width:`${l}px`,marginTop:"0px"}]}),i("img",u?{src:g,alt:null!=m?m:"Image",style:{borderRadius:null!=c?c:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:s,alt:null!=m?m:"Image",style:Object.assign({borderRadius:null!=c?c:0,display:h?"none":"block",width:"100%",height:"100%",objectFit:"cover"},b)})]}))};export{a as DEFAULT_IMAGE,s as ShimmerImage};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",s=s=>{let{imageUrl:l,width:n,height:c,borderRadius:m,alt:d,useDynamicInfoImageSize:g,defaultImageUrl:b=a,imagePreviewStyles:h}=s;const[p,u]=t(!0),[f,j]=t(!1);return o((()=>{const e=new Image;return e.src=l,e.onload=()=>{j(!1),u(!1)},e.onerror=()=>{j(!0),u(!1)},()=>{e.onload=null,e.onerror=null}}),[l]),e("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:g?`min(100%, ${n}px)`:n},g?{aspectRatio:1}:{height:c}),{borderRadius:m})},{children:[p&&i(r,{boxes:[{height:`${c}px`,width:`${n}px`,marginTop:"0px"}]}),i("img",f?{src:b,alt:null!=d?d:"Image",style:{borderRadius:null!=m?m:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:l,alt:null!=d?d:"Image",style:Object.assign({borderRadius:null!=m?m:0,display:p?"none":"block",width:"100%",height:"100%",objectFit:"cover"},h)})]}))};export{a as DEFAULT_IMAGE,s as ShimmerImage};
 //# sourceMappingURL=ShimmerImage.js.map