@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.8

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"productInfoOverlay.js","sources":["../../../../src/components/product-picker-v2/productInfoOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport { EllipsedBodyTiny, SKUIDBadge } from './style';\nimport { OUT_OF_STOCK_ACTION, type Product, type ProductVariant } from './type';\nimport { getSkuId, shouldShowVariant } from './utility';\n\n/**\n * When user presses i icon on a product, we show the overlay.\n * In case of a product, contains products image,  product name & description\n * In case of a variant, contains variant image,  variant name,\n *  description as product name, variant tag\n */\nexport const ProductInfoOverlay = (props: {\n\tproductData: Product | ProductVariant;\n\tonClose: () => void;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\treturn (\n\t\t<StyledProductInfoOverlay>\n\t\t\t<OverlayBackground />\n\t\t\t<CloseButtonContainer>\n\t\t\t\t<IconButton\n\t\t\t\t\tclassName=\"close-button\"\n\t\t\t\t\tonClick={props.onClose}\n\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\twidth={20}\n\t\t\t\t\theight={20}\n\t\t\t\t/>\n\t\t\t</CloseButtonContainer>\n\t\t\t<ProductInfoCard\n\t\t\t\tproductData={props.productData}\n\t\t\t\toutOfStockAction={props.outOfStockAction}\n\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t/>\n\t\t</StyledProductInfoOverlay>\n\t);\n};\n\nexport const ProductInfoCard = (props: {\n\tproductData: Product | ProductVariant;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\tconst isVariant = (props.productData as Product).variants === undefined;\n\tlet currencyAndPrice;\n\tif (isVariant) {\n\t\tcurrencyAndPrice = `${\n\t\t\tprops.productData.currency\n\t\t\t\t? CurrencySymbols[props.productData.currency!] ?? ''\n\t\t\t\t: ''\n\t\t}${\n\t\t\t(props.productData as ProductVariant)?.price ??\n\t\t\t(props.productData as ProductVariant)?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t} else {\n\t\tconst productCurrency = (props.productData as Product)?.currency;\n\t\tcurrencyAndPrice = `${\n\t\t\tproductCurrency ? CurrencySymbols[productCurrency] ?? '' : ''\n\t\t}${\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.price ??\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t}\n\tconst {\n\t\tisVariantForProductPickerTag,\n\t\tdataForProductPickerTag,\n\t\ttagText,\n\t\ttagType,\n\t} = ProductHelper.getDataForProductPickerTag(\n\t\tprops.productData,\n\t\tisVariant,\n\t\tprops.outOfStockAction,\n\t);\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = getSkuId(props.productData, isVariant);\n\n\treturn (\n\t\t<StyledProductInfoCard>\n\t\t\t<ImageContainerProductInfo>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\timageUrl={props.productData.image}\n\t\t\t\t\twidth={200}\n\t\t\t\t\theight={200}\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</ImageContainerProductInfo>\n\t\t\t<RightContainerProductInfo>\n\t\t\t\t{skuId && (\n\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t<TitleRegular style={{ display: 'flex' }}>\n\t\t\t\t\t{props.productData.name}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t>{`Product ID: ${props.productData.id}`}</BodyCaption>\n\t\t\t\t{/* Rendering HTML here */}\n\t\t\t\t<BodyCaption\n\t\t\t\t\tclassName=\"overlay-description\"\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: props.productData.description ?? '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{isVariant\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: !shouldShowVariant(props.productData as Product)\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: null}\n\t\t\t\t</BodyCaption>\n\n\t\t\t\t<ProductPickerTag\n\t\t\t\t\tisVariant={isVariantForProductPickerTag}\n\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\ttagText={tagText}\n\t\t\t\t\ttagType={tagType}\n\t\t\t\t/>\n\t\t\t</RightContainerProductInfo>\n\t\t</StyledProductInfoCard>\n\t);\n};\n\nconst StyledProductInfoOverlay = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tbottom: 0;\n\tz-index: 10;\n\n\t.overlay-description {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-height: 300px;\n\t\toverflow-y: auto;\n\t\tword-break: break-word;\n\t\tmargin-top: 8px;\n\t}\n`;\n\nconst OverlayBackground = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n`;\n\nconst CloseButtonContainer = styled.div`\n\tposition: relative;\n\n\t.close-button {\n\t\tposition: absolute;\n\t\ttop: -50px;\n\t\tright: 0px;\n\t\tmargin: 10px;\n\t\tbackground: ${COLORS.surface.standard};\n\t\tborder-radius: 50%;\n\t}\n`;\nconst StyledProductInfoCard = styled.div`\n\tdisplay: flex;\n\tbackground: white;\n\tpadding: 24px;\n\tgap: 24px;\n\tborder-radius: 8px 8px 0px 0px;\n`;\n\nconst ImageContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tmax-width: min(50%, 200px);\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst RightContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n"],"names":["ProductInfoOverlay","props","StyledProductInfoOverlay","jsxDEV","OverlayBackground","this","CloseButtonContainer","IconButton","CrossIcon","ProductInfoCard","isVariant","currencyAndPrice","CurrencySymbols","productCurrency","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","RightContainerProductInfo","Tooltip","SKUIDBadge","EllipsedBodyTiny","TitleRegular","BodyCaption","COLORS","shouldShowVariant","ProductPickerTag","styled"],"mappings":"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"}
+{"version":3,"file":"productInfoOverlay.js","sources":["../../../../src/components/product-picker-v2/productInfoOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { IconButton } from '../icon-button';\nimport { ShimmerImage } from '../shimmer-image';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport { CurrencySymbols } from './constants';\nimport { ProductHelper } from './helpers/ProductHelper';\nimport { ProductPickerTag } from './ProductPickerTag';\nimport { EllipsedBodyTiny, SKUIDBadge } from './style';\nimport { OUT_OF_STOCK_ACTION, type Product, type ProductVariant } from './type';\nimport { getSkuId, shouldShowVariant } from './utility';\n\n/**\n * When user presses i icon on a product, we show the overlay.\n * In case of a product, contains products image,  product name & description\n * In case of a variant, contains variant image,  variant name,\n *  description as product name, variant tag\n */\nexport const ProductInfoOverlay = (props: {\n\tproductData: Product | ProductVariant;\n\tonClose: () => void;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\treturn (\n\t\t<StyledProductInfoOverlay>\n\t\t\t<OverlayBackground />\n\t\t\t<CloseButtonContainer>\n\t\t\t\t<IconButton\n\t\t\t\t\tclassName=\"close-button\"\n\t\t\t\t\tonClick={props.onClose}\n\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\twidth={20}\n\t\t\t\t\theight={20}\n\t\t\t\t/>\n\t\t\t</CloseButtonContainer>\n\t\t\t<ProductInfoCard\n\t\t\t\tproductData={props.productData}\n\t\t\t\toutOfStockAction={props.outOfStockAction}\n\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t/>\n\t\t</StyledProductInfoOverlay>\n\t);\n};\n\nexport const ProductInfoCard = (props: {\n\tproductData: Product | ProductVariant;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tuseDynamicInfoImageSize?: boolean;\n}) => {\n\tconst isVariant = (props.productData as Product).variants === undefined;\n\tlet currencyAndPrice;\n\tif (isVariant) {\n\t\tcurrencyAndPrice = `${\n\t\t\tprops.productData.currency\n\t\t\t\t? CurrencySymbols[props.productData.currency!] ?? ''\n\t\t\t\t: ''\n\t\t}${\n\t\t\t(props.productData as ProductVariant)?.price ??\n\t\t\t(props.productData as ProductVariant)?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t} else {\n\t\tconst productCurrency = (props.productData as Product)?.currency;\n\t\tcurrencyAndPrice = `${\n\t\t\tproductCurrency ? CurrencySymbols[productCurrency] ?? '' : ''\n\t\t}${\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.price ??\n\t\t\tObject.values((props.productData as Product)['variants'] ?? {})?.[0]\n\t\t\t\t?.actualPrice ??\n\t\t\t''\n\t\t}`;\n\t}\n\tconst {\n\t\tisVariantForProductPickerTag,\n\t\tdataForProductPickerTag,\n\t\ttagText,\n\t\ttagType,\n\t} = ProductHelper.getDataForProductPickerTag(\n\t\tprops.productData,\n\t\tisVariant,\n\t\tprops.outOfStockAction,\n\t);\n\t//show skuid for every variant\n\t//show skuid for product if there is only one variant (as the product itself is the variant)\n\tconst skuId = getSkuId(props.productData, isVariant);\n\n\treturn (\n\t\t<StyledProductInfoCard>\n\t\t\t<ImageContainerProductInfo>\n\t\t\t\t<ShimmerImage\n\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\timageUrl={props.productData.image}\n\t\t\t\t\twidth={200}\n\t\t\t\t\theight={200}\n\t\t\t\t\tborderRadius={4}\n\t\t\t\t/>\n\t\t\t</ImageContainerProductInfo>\n\t\t\t<RightContainerProductInfo>\n\t\t\t\t{skuId && (\n\t\t\t\t\t<Tooltip body={skuId} placement=\"top\">\n\t\t\t\t\t\t<SKUIDBadge>\n\t\t\t\t\t\t\t<EllipsedBodyTiny>{`SKU ID: ${skuId}`}</EllipsedBodyTiny>\n\t\t\t\t\t\t</SKUIDBadge>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t<TitleRegular style={{ display: 'flex' }}>\n\t\t\t\t\t{props.productData.name}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t>{`Product ID: ${props.productData.id}`}</BodyCaption>\n\t\t\t\t{/* Rendering HTML here */}\n\t\t\t\t<BodyCaption\n\t\t\t\t\tclassName=\"overlay-description\"\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: props.productData.description ?? '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{isVariant\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: !shouldShowVariant(props.productData as Product)\n\t\t\t\t\t\t? currencyAndPrice\n\t\t\t\t\t\t: null}\n\t\t\t\t</BodyCaption>\n\n\t\t\t\t<ProductPickerTag\n\t\t\t\t\tisVariant={isVariantForProductPickerTag}\n\t\t\t\t\tdata={dataForProductPickerTag}\n\t\t\t\t\ttagText={tagText}\n\t\t\t\t\ttagType={tagType}\n\t\t\t\t/>\n\t\t\t</RightContainerProductInfo>\n\t\t</StyledProductInfoCard>\n\t);\n};\n\nconst StyledProductInfoOverlay = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tbottom: 0;\n\tz-index: 10;\n\n\t.overlay-description {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmax-height: 300px;\n\t\toverflow-y: auto;\n\t\tword-break: break-word;\n\t\tmargin-top: 8px;\n\t}\n`;\n\nconst OverlayBackground = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tbackground: rgba(0, 0, 0, 0.5);\n`;\n\nconst CloseButtonContainer = styled.div`\n\tposition: relative;\n\n\t.close-button {\n\t\tposition: absolute;\n\t\ttop: -50px;\n\t\tright: 0px;\n\t\tmargin: 10px;\n\t\tbackground: ${COLORS.surface.standard};\n\t\tborder-radius: 50%;\n\t}\n`;\nconst StyledProductInfoCard = styled.div`\n\tdisplay: flex;\n\tbackground: white;\n\tpadding: 24px;\n\tgap: 24px;\n\tborder-radius: 8px 8px 0px 0px;\n`;\n\nconst ImageContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tmax-width: min(50%, 200px);\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst RightContainerProductInfo = styled.div`\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n"],"names":["ProductInfoOverlay","props","StyledProductInfoOverlay","jsxDEV","OverlayBackground","this","CloseButtonContainer","IconButton","CrossIcon","ProductInfoCard","isVariant","currencyAndPrice","CurrencySymbols","productCurrency","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","RightContainerProductInfo","Tooltip","SKUIDBadge","EllipsedBodyTiny","TitleRegular","BodyCaption","COLORS","shouldShowVariant","ProductPickerTag","styled"],"mappings":"kmBAoBaA,EAAsBC,YAOhCC,EAAA,CACA,SAAA,CAAAC,EAAAA,OAACC,EAAA,GAAD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAmB,WAClBC,EAAA,CACA,SAAAH,EAAAA,OAACI,EAAAA,WAAA,CACA,UAAU,eACV,QAASN,EAAM,QACf,KAAMO,EAAAA,QACN,MAAO,GACP,OAAQ,EAAA,EALT,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EACAF,EAAAA,OAACM,EAAA,CACA,YAAaR,EAAM,YACnB,iBAAkBA,EAAM,iBACxB,wBAAyBA,EAAM,uBAAA,EAHhC,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,EAIWI,EAAmBR,GAI1B,CACL,MAAMS,EAAaT,EAAM,YAAwB,WAAa,OAC9D,IAAIU,EACJ,GAAID,EACHC,EAAmB,GAClBV,EAAM,YAAY,SACfW,kBAAgBX,EAAM,YAAY,QAAS,GAAK,GAChD,EACJ,GACEA,EAAM,aAAgC,OACtCA,EAAM,aAAgC,aACvC,EACD,OACM,CACN,MAAMY,EAAmBZ,EAAM,aAAyB,SACxDU,EAAmB,GAClBE,EAAkBD,EAAAA,gBAAgBC,CAAe,GAAK,GAAK,EAC5D,GACC,OAAO,OAAQZ,EAAM,YAAwB,UAAe,CAAA,CAAE,IAAI,CAAC,GAChE,OACH,OAAO,OAAQA,EAAM,YAAwB,UAAe,CAAA,CAAE,IAAI,CAAC,GAChE,aACH,EACD,EACD,CACA,KAAM,CACL,6BAAAa,EACA,wBAAAC,EACA,QAAAC,EACA,QAAAC,CAAA,EACGC,EAAAA,cAAc,2BACjBjB,EAAM,YACNS,EACAT,EAAM,gBAAA,EAIDkB,EAAQC,EAAAA,SAASnB,EAAM,YAAaS,CAAS,EAEnD,gBACEW,EAAA,CACA,SAAA,CAAAlB,SAACmB,EAAA,CACA,SAAAnB,EAAAA,OAACoB,EAAAA,aAAA,CACA,wBAAyBtB,EAAM,wBAC/B,SAAUA,EAAM,YAAY,MAC5B,MAAO,IACP,OAAQ,IACR,aAAc,CAAA,EALf,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,WACCmB,EAAA,CACC,SAAA,CAAAL,GACAhB,EAAAA,OAACsB,EAAAA,QAAA,CAAQ,KAAMN,EAAO,UAAU,MAC/B,SAAAhB,EAAAA,OAACuB,EAAAA,WAAA,CACA,SAAAvB,EAAAA,OAACwB,mBAAA,CAAkB,SAAA,WAAWR,CAAK,EAAA,EAAnC,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAd,MAAsC,CAAA,EADvC,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEDF,EAAAA,OAACyB,EAAAA,cAAa,MAAO,CAAE,QAAS,MAAA,EAC9B,SAAA3B,EAAM,YAAY,IAAA,EADpB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAEA,EACAF,EAAAA,OAAC0B,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,UACrB,SAAA,eAAe7B,EAAM,YAAY,EAAE,EAAA,EAFrC,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,EAIAF,EAAAA,OAAC0B,EAAAA,YAAA,CACA,UAAU,sBACV,wBAAyB,CACxB,OAAQ5B,EAAM,YAAY,aAAe,EAAA,CAC1C,EAJD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,EAOAF,EAAAA,OAAC0B,EAAAA,YAAA,CAAY,MAAOC,EAAAA,OAAO,QAAQ,UACjC,SAAApB,EACEC,EACCoB,EAAAA,kBAAkB9B,EAAM,WAAsB,EAE/C,KADAU,CACA,EALJ,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MAMA,EAEAF,EAAAA,OAAC6B,EAAAA,iBAAA,CACA,UAAWlB,EACX,KAAMC,EACN,QAAAC,EACA,QAAAC,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAZ,MAAA,CAKA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoCA,CAAA,CAAA,EA9CD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+CA,CAEF,EAEMH,EAA2B+B,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBlC7B,EAAoB6B,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAM3B3B,EAAuB2B,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQpBH,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,EAIjCT,EAAwBY,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/BX,EAA4BW,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnCT,EAA4BS,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"searchScreen.js","sources":["../../../../src/components/product-picker-v2/searchScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect } from 'react';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { CollectionCard } from './collectionScreen';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport type {\n\tSearchReducerActions,\n\tSelectedCollectionsActions,\n} from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype Collection,\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport {\n\tfetchFbStatusCollection,\n\tisCollectionPartiallyChecked,\n\tisProductPartiallyChecked,\n\tliftTheStateUp,\n} from './utility';\n\ninterface SearchScreenInterface {\n\tcustomCollectionRestriction?: boolean;\n\tselectedCollections: SelectedItems;\n\tsearchedCollections: SearchedItems;\n\tsearchedCollectionsDispatch: React.Dispatch<SearchReducerActions>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tcollections: { [key: string]: Collection };\n\tonBackPress: () => void;\n\thideVariantCheckbox?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\thideProductCheckbox?: boolean;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tlimit?: number;\n\texactLimit?: number;\n}\n\nexport const SearchScreen = (props: SearchScreenInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tselectedCollections,\n\t\tsearchedCollections,\n\t\tsearchedCollectionsDispatch,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\tcollections,\n\t\tonBackPress,\n\t\thideVariantCheckbox,\n\t\tpickerType,\n\t\thideProductVariants,\n\t\thideProductCheckbox,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\thideCollectionCheckbox,\n\t\trenderWithoutModal,\n\t\toutOfStockAction,\n\t\tappType,\n\t\tlimit,\n\t\texactLimit,\n\t} = props;\n\n\tuseEffect(() => {\n\t\tfetchFbStatusCollection(\n\t\t\tsearchedCollections.products ?? {},\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tsearchedCollectionsDispatch,\n\t\t\tfbStatusFetcher,\n\t\t\t'setProducts',\n\t\t);\n\t}, [searchedCollections?.products]);\n\n\tconst isCustomSelected = customCollectionRestriction\n\t\t? selectedCollections?.['isCustom']\n\t\t: false || false;\n\n\t// Calculate current count of selected collections for limit enforcement\n\tconst selectedCollectionCount = Object.keys(selectedCollections || {}).filter(\n\t\t(k) => k !== 'isCustom',\n\t).length;\n\n\tconst upliftAdditions = (\n\t\tcollectionId: string,\n\t\ttype: string,\n\t\tpayload: unknown,\n\t) => {\n\t\tconst finalPayload = liftTheStateUp(\n\t\t\tpayload,\n\t\t\tsearchedCollections?.products?.[collectionId],\n\t\t);\n\t\tselectedCollectionsDispatch({\n\t\t\ttype,\n\t\t\tdata: { ...finalPayload, isRestricted: customCollectionRestriction },\n\t\t});\n\t};\n\treturn (\n\t\t<div>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t\tonBackPress();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption>\n\t\t\t\t\t{Object.keys(searchedCollections?.collections)?.length\n\t\t\t\t\t\t? 'Searched Collections & Products'\n\t\t\t\t\t\t: 'Searched Products'}\n\t\t\t\t</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t<div>\n\t\t\t\t{Object.keys(searchedCollections?.products).length ||\n\t\t\t\tObject.keys(searchedCollections?.collections).length ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.collections).map(\n\t\t\t\t\t\t\t\t(key: string) => {\n\t\t\t\t\t\t\t\t\tconst isChecked = selectedCollections?.[key] ? true : false;\n\n\t\t\t\t\t\t\t\t\t// For COLLECTION picker, check if limit is reached\n\t\t\t\t\t\t\t\t\tconst isLimitReached =\n\t\t\t\t\t\t\t\t\t\tpickerType === 'COLLECTION' &&\n\t\t\t\t\t\t\t\t\t\t!isChecked &&\n\t\t\t\t\t\t\t\t\t\t((!!exactLimit && selectedCollectionCount >= exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t\t(!!limit && selectedCollectionCount >= limit));\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<CollectionCard\n\t\t\t\t\t\t\t\t\t\t\tcustomCollectionRestriction={customCollectionRestriction}\n\t\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\t\tdata={collections?.[key]}\n\t\t\t\t\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t(isCustomSelected && !selectedCollections?.[key]) ||\n\t\t\t\t\t\t\t\t\t\t\t\tisLimitReached\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\tcollections?.[key],\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\t\t\t\t\tid={key}\n\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox={\n\t\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox || key === '-1'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\tusedInSearch={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.products).map(\n\t\t\t\t\t\t\t\t(collectionId) => {\n\t\t\t\t\t\t\t\t\treturn Object.keys(\n\t\t\t\t\t\t\t\t\t\tsearchedCollections?.products?.[collectionId]?.[\n\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t] || [],\n\t\t\t\t\t\t\t\t\t).map((productId) => {\n\t\t\t\t\t\t\t\t\t\tlet viewOnly = false;\n\t\t\t\t\t\t\t\t\t\tif (searchedCollections?.products?.['isCustom']) {\n\t\t\t\t\t\t\t\t\t\t\tviewOnly = true;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions={(type, payload) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions(collectionId, type, payload)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tproductId={productId}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={\n\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchedCollections?.products?.[collectionId][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: Product;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t)[productId]\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tproductId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchedCollections.products?.[collectionId],\n\t\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedData={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={productId}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle=\"No search results found\"\n\t\t\t\t\t\tsubtitle=\"We couldn’t find the product you were looking for.\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["SearchScreen","props","customCollectionRestriction","selectedCollections","searchedCollections","searchedCollectionsDispatch","selectedCollectionsDispatch","setScreen","collections","onBackPress","hideVariantCheckbox","pickerType","hideProductVariants","hideProductCheckbox","storeId","fbStatusFetcher","setCollectionId","setSelectedCollectionId","hideCollectionCheckbox","renderWithoutModal","outOfStockAction","appType","limit","exactLimit","useEffect","fetchFbStatusCollection","isCustomSelected","selectedCollectionCount","k","upliftAdditions","collectionId","type","payload","finalPayload","liftTheStateUp","jsxDEV","SelectedScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","Fragment","key","isChecked","isLimitReached","CollectionCard","isCollectionPartiallyChecked","productId","viewOnly","ProductGroup","isProductPartiallyChecked","EmptyState"],"mappings":"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"}
+{"version":3,"file":"searchScreen.js","sources":["../../../../src/components/product-picker-v2/searchScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect } from 'react';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { CollectionCard } from './collectionScreen';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport type {\n\tSearchReducerActions,\n\tSelectedCollectionsActions,\n} from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype Collection,\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport {\n\tfetchFbStatusCollection,\n\tisCollectionPartiallyChecked,\n\tisProductPartiallyChecked,\n\tliftTheStateUp,\n} from './utility';\n\ninterface SearchScreenInterface {\n\tcustomCollectionRestriction?: boolean;\n\tselectedCollections: SelectedItems;\n\tsearchedCollections: SearchedItems;\n\tsearchedCollectionsDispatch: React.Dispatch<SearchReducerActions>;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tcollections: { [key: string]: Collection };\n\tonBackPress: () => void;\n\thideVariantCheckbox?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\thideProductCheckbox?: boolean;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tlimit?: number;\n\texactLimit?: number;\n}\n\nexport const SearchScreen = (props: SearchScreenInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tselectedCollections,\n\t\tsearchedCollections,\n\t\tsearchedCollectionsDispatch,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\tcollections,\n\t\tonBackPress,\n\t\thideVariantCheckbox,\n\t\tpickerType,\n\t\thideProductVariants,\n\t\thideProductCheckbox,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\thideCollectionCheckbox,\n\t\trenderWithoutModal,\n\t\toutOfStockAction,\n\t\tappType,\n\t\tlimit,\n\t\texactLimit,\n\t} = props;\n\n\tuseEffect(() => {\n\t\tfetchFbStatusCollection(\n\t\t\tsearchedCollections.products ?? {},\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tsearchedCollectionsDispatch,\n\t\t\tfbStatusFetcher,\n\t\t\t'setProducts',\n\t\t);\n\t}, [searchedCollections?.products]);\n\n\tconst isCustomSelected = customCollectionRestriction\n\t\t? selectedCollections?.['isCustom']\n\t\t: false || false;\n\n\t// Calculate current count of selected collections for limit enforcement\n\tconst selectedCollectionCount = Object.keys(selectedCollections || {}).filter(\n\t\t(k) => k !== 'isCustom',\n\t).length;\n\n\tconst upliftAdditions = (\n\t\tcollectionId: string,\n\t\ttype: string,\n\t\tpayload: unknown,\n\t) => {\n\t\tconst finalPayload = liftTheStateUp(\n\t\t\tpayload,\n\t\t\tsearchedCollections?.products?.[collectionId],\n\t\t);\n\t\tselectedCollectionsDispatch({\n\t\t\ttype,\n\t\t\tdata: { ...finalPayload, isRestricted: customCollectionRestriction },\n\t\t});\n\t};\n\treturn (\n\t\t<div>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t\tonBackPress();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption>\n\t\t\t\t\t{Object.keys(searchedCollections?.collections)?.length\n\t\t\t\t\t\t? 'Searched Collections & Products'\n\t\t\t\t\t\t: 'Searched Products'}\n\t\t\t\t</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t<div>\n\t\t\t\t{Object.keys(searchedCollections?.products).length ||\n\t\t\t\tObject.keys(searchedCollections?.collections).length ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.collections).map(\n\t\t\t\t\t\t\t\t(key: string) => {\n\t\t\t\t\t\t\t\t\tconst isChecked = selectedCollections?.[key] ? true : false;\n\n\t\t\t\t\t\t\t\t\t// For COLLECTION picker, check if limit is reached\n\t\t\t\t\t\t\t\t\tconst isLimitReached =\n\t\t\t\t\t\t\t\t\t\tpickerType === 'COLLECTION' &&\n\t\t\t\t\t\t\t\t\t\t!isChecked &&\n\t\t\t\t\t\t\t\t\t\t((!!exactLimit && selectedCollectionCount >= exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t\t(!!limit && selectedCollectionCount >= limit));\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<CollectionCard\n\t\t\t\t\t\t\t\t\t\t\tcustomCollectionRestriction={customCollectionRestriction}\n\t\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\t\tdata={collections?.[key]}\n\t\t\t\t\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t(isCustomSelected && !selectedCollections?.[key]) ||\n\t\t\t\t\t\t\t\t\t\t\t\tisLimitReached\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\tcollections?.[key],\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\t\t\t\t\tid={key}\n\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox={\n\t\t\t\t\t\t\t\t\t\t\t\thideCollectionCheckbox || key === '-1'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\tusedInSearch={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{Object.keys(searchedCollections?.products).map(\n\t\t\t\t\t\t\t\t(collectionId) => {\n\t\t\t\t\t\t\t\t\treturn Object.keys(\n\t\t\t\t\t\t\t\t\t\tsearchedCollections?.products?.[collectionId]?.[\n\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t] || [],\n\t\t\t\t\t\t\t\t\t).map((productId) => {\n\t\t\t\t\t\t\t\t\t\tlet viewOnly = false;\n\t\t\t\t\t\t\t\t\t\tif (searchedCollections?.products?.['isCustom']) {\n\t\t\t\t\t\t\t\t\t\t\tviewOnly = true;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions={(type, payload) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tupliftAdditions(collectionId, type, payload)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tproductId={productId}\n\t\t\t\t\t\t\t\t\t\t\t\tdata={\n\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchedCollections?.products?.[collectionId][\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: Product;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t)[productId]\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tproductId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchedCollections.products?.[collectionId],\n\t\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedData={selectedCollections}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={productId}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle=\"No search results found\"\n\t\t\t\t\t\tsubtitle=\"We couldn’t find the product you were looking for.\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["SearchScreen","props","customCollectionRestriction","selectedCollections","searchedCollections","searchedCollectionsDispatch","selectedCollectionsDispatch","setScreen","collections","onBackPress","hideVariantCheckbox","pickerType","hideProductVariants","hideProductCheckbox","storeId","fbStatusFetcher","setCollectionId","setSelectedCollectionId","hideCollectionCheckbox","renderWithoutModal","outOfStockAction","appType","limit","exactLimit","useEffect","fetchFbStatusCollection","isCustomSelected","selectedCollectionCount","k","upliftAdditions","collectionId","type","payload","finalPayload","liftTheStateUp","jsxDEV","SelectedScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","Fragment","key","isChecked","isLimitReached","CollectionCard","isCollectionPartiallyChecked","productId","viewOnly","ProductGroup","isProductPartiallyChecked","EmptyState"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),N=require("../../assets/icons/arrow_left.svg.js"),s=require("react"),j=require("../TypographyStyle.js"),x=require("./emptyState.js"),P=require("./product.js"),g=require("./reducers.js"),D=require("./style.js"),a=require("./utility.js"),E=require("../icon-button/IconButton.js"),q=h=>{const{selectedCollections:r,selectedCollectionsDispatch:k,setScreen:S,collections:y,hideProductVariants:p=!1,outOfStockAction:v,storeId:m,fbStatusFetcher:b,appType:f}=h,o=s.useRef(0),c=s.useRef(null),[l,i]=s.useReducer(g.paginationReducer,{});s.useEffect(()=>{o.current=0;const e=a.paginateSelectedItems(r,10,0);i({type:"paginate",data:e}),a.fetchFbStatusCollection(e,m,f,i,b,"set"),o.current+=1},[]),s.useEffect(()=>{i({type:"filter",data:r})},[r]),s.useEffect(()=>{const e=new IntersectionObserver(n=>{if(n[0].isIntersecting&&o.current>0){const u=a.paginateSelectedItems(r,10,o.current);i({type:"paginate",data:u}),a.fetchFbStatusCollection(u,m,f,i,b,"update"),o.current+=1}},{threshold:1});return c.current&&e.observe(c.current),()=>{c.current&&e.unobserve(c.current)}},[c,r]);const d=r;return t.jsxDEV("div",{children:[t.jsxDEV(D.SelectedScreenHeader,{children:[t.jsxDEV(E.IconButton,{Icon:N.default,onClick:()=>{S("collections")}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:144,columnNumber:5},void 0),t.jsxDEV(j.BodyCaption,{children:"Selected Products"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:150,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:143,columnNumber:4},void 0),t.jsxDEV("div",{children:[Object.keys(l).length>0?t.jsxDEV(t.Fragment,{children:Object.keys(l).map(e=>Object.keys(l?.[e]?.products||[]).map(n=>{let u=!1;return d?.isCustom&&(u=!0),t.jsxDEV(P.ProductGroup,{upliftAdditions:null,collectionId:e,productId:n,data:l[e].products[n],isProductPartiallyChecked:a.isProductPartiallyChecked(e,n,d,y?.[e],p),selectedData:d,selectedCollectionsDispatch:k,viewOnly:u,hideProductVariants:p,outOfStockAction:v},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:164,columnNumber:10},void 0)}))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:154,columnNumber:6},void 0):t.jsxDEV(x.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:194,columnNumber:6},void 0),t.jsxDEV("div",{ref:c},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:199,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:152,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:142,columnNumber:3},void 0)};exports.SelectedScreen=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),D=require("../../assets/icons/arrow_left.svg.js"),s=require("react"),x=require("../TypographyStyle.js"),h=require("./emptyState.js"),g=require("./product.js"),j=require("./reducers.js"),w=require("./style.js"),a=require("./utility.js"),E=require("../icon-button/IconButton.js"),P=y=>{const{selectedCollections:t,selectedCollectionsDispatch:S,setScreen:v,collections:N,hideProductVariants:p=!1,outOfStockAction:k,storeId:m,fbStatusFetcher:b,appType:f}=y,c=s.useRef(0),n=s.useRef(null),[l,i]=s.useReducer(j.paginationReducer,{});s.useEffect(()=>{c.current=0;const e=a.paginateSelectedItems(t,10,0);i({type:"paginate",data:e}),a.fetchFbStatusCollection(e,m,f,i,b,"set"),c.current+=1},[]),s.useEffect(()=>{i({type:"filter",data:t})},[t]),s.useEffect(()=>{const e=new IntersectionObserver(o=>{if(o[0].isIntersecting&&c.current>0){const u=a.paginateSelectedItems(t,10,c.current);i({type:"paginate",data:u}),a.fetchFbStatusCollection(u,m,f,i,b,"update"),c.current+=1}},{threshold:1});return n.current&&e.observe(n.current),()=>{n.current&&e.unobserve(n.current)}},[n,t]);const d=t;return r.jsxDEV("div",{children:[r.jsxDEV(w.SelectedScreenHeader,{children:[r.jsxDEV(E.IconButton,{Icon:D.default,onClick:()=>{v("collections")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:144,columnNumber:5},void 0),r.jsxDEV(x.BodyCaption,{children:"Selected Products"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:150,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:143,columnNumber:4},void 0),r.jsxDEV("div",{children:[Object.keys(l).length>0?r.jsxDEV(r.Fragment,{children:Object.keys(l).map(e=>Object.keys(l?.[e]?.products||[]).map(o=>{let u=!1;return d?.isCustom&&(u=!0),r.jsxDEV(g.ProductGroup,{upliftAdditions:null,collectionId:e,productId:o,data:l[e].products[o],isProductPartiallyChecked:a.isProductPartiallyChecked(e,o,d,N?.[e],p),selectedData:d,selectedCollectionsDispatch:S,viewOnly:u,hideProductVariants:p,outOfStockAction:k},o,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:164,columnNumber:10},void 0)}))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:154,columnNumber:6},void 0):r.jsxDEV(h.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:194,columnNumber:6},void 0),r.jsxDEV("div",{ref:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:199,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:152,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/selectedScreen.tsx",lineNumber:142,columnNumber:3},void 0)};exports.SelectedScreen=P;
 //# sourceMappingURL=selectedScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectedScreen.js","sources":["../../../../src/components/product-picker-v2/selectedScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect, useReducer, useRef } from 'react';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport { paginationReducer, type SelectedCollectionsActions } from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype Collection,\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype SelectedItems,\n} from './type';\nimport {\n\tfetchFbStatusCollection,\n\tisProductPartiallyChecked,\n\tpaginateSelectedItems,\n} from './utility';\n\ninterface SelectedScreenInterface {\n\tselectedCollections: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tcollections: { [key: string]: Collection };\n\thideProductVariants?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n}\n\nexport const SelectedScreen = (props: SelectedScreenInterface) => {\n\tconst {\n\t\tselectedCollections,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\tcollections,\n\t\thideProductVariants = false,\n\t\toutOfStockAction,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tappType,\n\t} = props;\n\n\tconst nextpageRef = useRef(0);\n\tconst observerTarget = useRef(null);\n\n\tconst [curScreenData, dispatchCurScreenData] = useReducer(\n\t\tpaginationReducer,\n\t\t{},\n\t);\n\n\t/**\n\t * First time load, show only 10 products.\n\t * Fetch Fb status for those 10 products.\n\t */\n\tuseEffect(() => {\n\t\tnextpageRef.current = 0;\n\n\t\tconst paginatedProducts = paginateSelectedItems(selectedCollections, 10, 0);\n\n\t\tdispatchCurScreenData({\n\t\t\ttype: 'paginate',\n\t\t\tdata: paginatedProducts,\n\t\t});\n\n\t\tfetchFbStatusCollection(\n\t\t\tpaginatedProducts,\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tdispatchCurScreenData,\n\t\t\tfbStatusFetcher,\n\t\t\t'set',\n\t\t);\n\n\t\tnextpageRef.current += 1;\n\t}, []);\n\n\t/**\n\t * When selected collections changes, i.e. when user unselects a variant/product, filter out.\n\t */\n\tuseEffect(() => {\n\t\tdispatchCurScreenData({ type: 'filter', data: selectedCollections });\n\t}, [selectedCollections]);\n\n\t/**\n\t * Pagination logic. When scroll bar is end of the container, gets the next 10 products and fetches fb status for those 10 products.\n\t * After that, Increments next page ref which acts as offset.\n\t */\n\tuseEffect(() => {\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tif (nextpageRef.current > 0) {\n\t\t\t\t\t\tconst paginatedProducts = paginateSelectedItems(\n\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t10,\n\t\t\t\t\t\t\tnextpageRef.current,\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tdispatchCurScreenData({\n\t\t\t\t\t\t\ttype: 'paginate',\n\t\t\t\t\t\t\tdata: paginatedProducts,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tfetchFbStatusCollection(\n\t\t\t\t\t\t\tpaginatedProducts,\n\t\t\t\t\t\t\tstoreId,\n\t\t\t\t\t\t\tappType,\n\t\t\t\t\t\t\tdispatchCurScreenData,\n\t\t\t\t\t\t\tfbStatusFetcher,\n\t\t\t\t\t\t\t'update',\n\t\t\t\t\t\t);\n\t\t\t\t\t\tnextpageRef.current += 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 1 },\n\t\t);\n\n\t\tif (observerTarget.current) {\n\t\t\tobserver.observe(observerTarget.current);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (observerTarget.current) {\n\t\t\t\tobserver.unobserve(observerTarget.current);\n\t\t\t}\n\t\t};\n\t}, [observerTarget, selectedCollections]);\n\n\tconst collectionsToShow = selectedCollections;\n\n\treturn (\n\t\t<div>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption>{'Selected Products'}</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t<div>\n\t\t\t\t{Object.keys(curScreenData).length > 0 ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Object.keys(curScreenData).map((collectionId) => {\n\t\t\t\t\t\t\treturn Object.keys(\n\t\t\t\t\t\t\t\tcurScreenData?.[collectionId]?.['products'] || [],\n\t\t\t\t\t\t\t).map((productId) => {\n\t\t\t\t\t\t\t\tlet viewOnly = false;\n\t\t\t\t\t\t\t\tif (collectionsToShow?.['isCustom']) {\n\t\t\t\t\t\t\t\t\tviewOnly = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\t\t\tupliftAdditions={null}\n\t\t\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\t\t\tproductId={productId}\n\t\t\t\t\t\t\t\t\t\tdata={\n\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\tcurScreenData[collectionId]['products'] as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: Product;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t)[productId]\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\t\t\tproductId,\n\t\t\t\t\t\t\t\t\t\t\tcollectionsToShow,\n\t\t\t\t\t\t\t\t\t\t\tcollections?.[collectionId],\n\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tselectedData={collectionsToShow}\n\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\t\t\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\t\t\tkey={productId}\n\t\t\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t})}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle={'No Products Selected'}\n\t\t\t\t\t\tsubtitle={'Select products will appear here'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div ref={observerTarget}></div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["SelectedScreen","props","selectedCollections","selectedCollectionsDispatch","setScreen","collections","hideProductVariants","outOfStockAction","storeId","fbStatusFetcher","appType","nextpageRef","useRef","observerTarget","curScreenData","dispatchCurScreenData","useReducer","paginationReducer","useEffect","paginatedProducts","paginateSelectedItems","fetchFbStatusCollection","observer","entries","collectionsToShow","jsxDEV","SelectedScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","Fragment","collectionId","productId","viewOnly","ProductGroup","isProductPartiallyChecked","EmptyState"],"mappings":"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"}
+{"version":3,"file":"selectedScreen.js","sources":["../../../../src/components/product-picker-v2/selectedScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ArrowLeftIcon from '@src/assets/icons/arrow_left.svg';\nimport { useEffect, useReducer, useRef } from 'react';\nimport { IconButton } from '../icon-button';\nimport { BodyCaption } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { ProductGroup } from './product';\nimport { paginationReducer, type SelectedCollectionsActions } from './reducers';\nimport { SelectedScreenHeader } from './style';\nimport {\n\ttype Collection,\n\ttype FbStatusFetcherReturn,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype SelectedItems,\n} from './type';\nimport {\n\tfetchFbStatusCollection,\n\tisProductPartiallyChecked,\n\tpaginateSelectedItems,\n} from './utility';\n\ninterface SelectedScreenInterface {\n\tselectedCollections: SelectedItems;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tcollections: { [key: string]: Collection };\n\thideProductVariants?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\tstoreId: string;\n\tappType: ApplicationType;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n}\n\nexport const SelectedScreen = (props: SelectedScreenInterface) => {\n\tconst {\n\t\tselectedCollections,\n\t\tselectedCollectionsDispatch,\n\t\tsetScreen,\n\t\tcollections,\n\t\thideProductVariants = false,\n\t\toutOfStockAction,\n\t\tstoreId,\n\t\tfbStatusFetcher,\n\t\tappType,\n\t} = props;\n\n\tconst nextpageRef = useRef(0);\n\tconst observerTarget = useRef(null);\n\n\tconst [curScreenData, dispatchCurScreenData] = useReducer(\n\t\tpaginationReducer,\n\t\t{},\n\t);\n\n\t/**\n\t * First time load, show only 10 products.\n\t * Fetch Fb status for those 10 products.\n\t */\n\tuseEffect(() => {\n\t\tnextpageRef.current = 0;\n\n\t\tconst paginatedProducts = paginateSelectedItems(selectedCollections, 10, 0);\n\n\t\tdispatchCurScreenData({\n\t\t\ttype: 'paginate',\n\t\t\tdata: paginatedProducts,\n\t\t});\n\n\t\tfetchFbStatusCollection(\n\t\t\tpaginatedProducts,\n\t\t\tstoreId,\n\t\t\tappType,\n\t\t\tdispatchCurScreenData,\n\t\t\tfbStatusFetcher,\n\t\t\t'set',\n\t\t);\n\n\t\tnextpageRef.current += 1;\n\t}, []);\n\n\t/**\n\t * When selected collections changes, i.e. when user unselects a variant/product, filter out.\n\t */\n\tuseEffect(() => {\n\t\tdispatchCurScreenData({ type: 'filter', data: selectedCollections });\n\t}, [selectedCollections]);\n\n\t/**\n\t * Pagination logic. When scroll bar is end of the container, gets the next 10 products and fetches fb status for those 10 products.\n\t * After that, Increments next page ref which acts as offset.\n\t */\n\tuseEffect(() => {\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tif (nextpageRef.current > 0) {\n\t\t\t\t\t\tconst paginatedProducts = paginateSelectedItems(\n\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t10,\n\t\t\t\t\t\t\tnextpageRef.current,\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tdispatchCurScreenData({\n\t\t\t\t\t\t\ttype: 'paginate',\n\t\t\t\t\t\t\tdata: paginatedProducts,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tfetchFbStatusCollection(\n\t\t\t\t\t\t\tpaginatedProducts,\n\t\t\t\t\t\t\tstoreId,\n\t\t\t\t\t\t\tappType,\n\t\t\t\t\t\t\tdispatchCurScreenData,\n\t\t\t\t\t\t\tfbStatusFetcher,\n\t\t\t\t\t\t\t'update',\n\t\t\t\t\t\t);\n\t\t\t\t\t\tnextpageRef.current += 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 1 },\n\t\t);\n\n\t\tif (observerTarget.current) {\n\t\t\tobserver.observe(observerTarget.current);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (observerTarget.current) {\n\t\t\t\tobserver.unobserve(observerTarget.current);\n\t\t\t}\n\t\t};\n\t}, [observerTarget, selectedCollections]);\n\n\tconst collectionsToShow = selectedCollections;\n\n\treturn (\n\t\t<div>\n\t\t\t<SelectedScreenHeader>\n\t\t\t\t<IconButton\n\t\t\t\t\tIcon={ArrowLeftIcon}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetScreen('collections');\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption>{'Selected Products'}</BodyCaption>\n\t\t\t</SelectedScreenHeader>\n\t\t\t<div>\n\t\t\t\t{Object.keys(curScreenData).length > 0 ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Object.keys(curScreenData).map((collectionId) => {\n\t\t\t\t\t\t\treturn Object.keys(\n\t\t\t\t\t\t\t\tcurScreenData?.[collectionId]?.['products'] || [],\n\t\t\t\t\t\t\t).map((productId) => {\n\t\t\t\t\t\t\t\tlet viewOnly = false;\n\t\t\t\t\t\t\t\tif (collectionsToShow?.['isCustom']) {\n\t\t\t\t\t\t\t\t\tviewOnly = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ProductGroup\n\t\t\t\t\t\t\t\t\t\tupliftAdditions={null}\n\t\t\t\t\t\t\t\t\t\tcollectionId={collectionId}\n\t\t\t\t\t\t\t\t\t\tproductId={productId}\n\t\t\t\t\t\t\t\t\t\tdata={\n\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\tcurScreenData[collectionId]['products'] as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: Product;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t)[productId]\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisProductPartiallyChecked={isProductPartiallyChecked(\n\t\t\t\t\t\t\t\t\t\t\tcollectionId,\n\t\t\t\t\t\t\t\t\t\t\tproductId,\n\t\t\t\t\t\t\t\t\t\t\tcollectionsToShow,\n\t\t\t\t\t\t\t\t\t\t\tcollections?.[collectionId],\n\t\t\t\t\t\t\t\t\t\t\thideProductVariants,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tselectedData={collectionsToShow}\n\t\t\t\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\t\t\t\tviewOnly={viewOnly}\n\t\t\t\t\t\t\t\t\t\tkey={productId}\n\t\t\t\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t})}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<EmptyState\n\t\t\t\t\t\ttitle={'No Products Selected'}\n\t\t\t\t\t\tsubtitle={'Select products will appear here'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div ref={observerTarget}></div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["SelectedScreen","props","selectedCollections","selectedCollectionsDispatch","setScreen","collections","hideProductVariants","outOfStockAction","storeId","fbStatusFetcher","appType","nextpageRef","useRef","observerTarget","curScreenData","dispatchCurScreenData","useReducer","paginationReducer","useEffect","paginatedProducts","paginateSelectedItems","fetchFbStatusCollection","observer","entries","collectionsToShow","jsxDEV","SelectedScreenHeader","IconButton","ArrowLeftIcon","this","BodyCaption","Fragment","collectionId","productId","viewOnly","ProductGroup","isProductPartiallyChecked","EmptyState"],"mappings":"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"}