@bikdotai/bik-component-library 0.0.814 → 0.0.815

package/dist/cjs/components/product-picker/ProductPicker.styled.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),t=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("../../constants/Theme.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=i(o),p=r.default.div`
 	height: 364px;
-	background-color: ${e.DEFAULT_THEME.colorsV2.surface.standard};
+	background-color: ${t.DEFAULT_THEME.colorsV2.surface.standard};
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -11,17 +11,17 @@
 		height: 48px;
 		width: 48px;
 		border-radius: 50%;
-		background-color: ${e.DEFAULT_THEME.colorsV2.background.base};
+		background-color: ${t.DEFAULT_THEME.colorsV2.background.base};
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}
-`,o=r.div`
+`,a=r.default.div`
 	margin-top: 8px;
 	.post__wrapper {
 		margin-top: 8px;
-		border-top: 1px solid ${e.DEFAULT_THEME.colorsV2.stroke.primary};
-		background-color: ${e.DEFAULT_THEME.colorsV2.background.warning.light};
+		border-top: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
+		background-color: ${t.DEFAULT_THEME.colorsV2.background.warning.light};
 		padding: 12px 24px;
 		display: flex;
 		align-items: center;
@@ -54,7 +54,7 @@
 		flex-direction: row;
 		align-items: center;
 		gap: 19px;
-		border-bottom: 1px solid ${e.DEFAULT_THEME.colorsV2.stroke.primary};
+		border-bottom: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
 	}
 	.product__info-wrapper {
 		display: flex;
@@ -68,5 +68,5 @@
 		object-fit: cover;
 		border-radius: 4px;
 	}
-`;exports.StyledProductPickerContainer=o;exports.StyledZeroState=t;
+`;exports.StyledProductPickerContainer=a;exports.StyledZeroState=p;
 //# sourceMappingURL=ProductPicker.styled.js.map

package/dist/cjs/components/product-picker/ProductPicker.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductPicker.styled.js","sources":["../../../../src/components/product-picker/ProductPicker.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\nexport const StyledZeroState = styled.div`\n\theight: 364px;\n\tbackground-color: ${DEFAULT_THEME.colorsV2.surface.standard};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\tflex-direction: column;\n\n\t.icon__container {\n\t\theight: 48px;\n\t\twidth: 48px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: ${DEFAULT_THEME.colorsV2.background.base};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`;\n\nexport const StyledProductPickerContainer = styled.div`\n\tmargin-top: 8px;\n\t.post__wrapper {\n\t\tmargin-top: 8px;\n\t\tborder-top: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\t\tbackground-color: ${DEFAULT_THEME.colorsV2.background.warning.light};\n\t\tpadding: 12px 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t}\n\n\t.post__thumbnail {\n\t\theight: 68px;\n\t\twidth: 68px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 4px;\n\t}\n\t.post__info-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\tflex-direction: column;\n\t\twidth: 350px;\n\t}\n\t.loader__wrapper {\n\t\theight: 350px;\n\t\twidth: 100%;\n\t\tmargin-top: 4px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\t.product__wrapper {\n\t\tpadding: 12px 24px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: 19px;\n\t\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\t}\n\t.product__info-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 16px;\n\t\talign-items: center;\n\t\torder: 2;\n\t}\n\t.product__image {\n\t\theight: 40px;\n\t\twidth: 40px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 4px;\n\t}\n`;\n"],"names":["StyledZeroState","styled","DEFAULT_THEME","StyledProductPickerContainer"],"mappings":"2JAGaA,EAAkBC,EAAO;AAAA;AAAA,qBAEjBC,gBAAc,SAAS,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWtCA,gBAAc,SAAS,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/CC,EAA+BF,EAAO;AAAA;AAAA;AAAA;AAAA,0BAIzBC,gBAAc,SAAS,OAAO,OAAO;AAAA,sBACzCA,EAAAA,cAAc,SAAS,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAiCxCA,gBAAc,SAAS,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ProductPicker.styled.js","sources":["../../../../src/components/product-picker/ProductPicker.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\nexport const StyledZeroState = styled.div`\n\theight: 364px;\n\tbackground-color: ${DEFAULT_THEME.colorsV2.surface.standard};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\tflex-direction: column;\n\n\t.icon__container {\n\t\theight: 48px;\n\t\twidth: 48px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: ${DEFAULT_THEME.colorsV2.background.base};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`;\n\nexport const StyledProductPickerContainer = styled.div`\n\tmargin-top: 8px;\n\t.post__wrapper {\n\t\tmargin-top: 8px;\n\t\tborder-top: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\t\tbackground-color: ${DEFAULT_THEME.colorsV2.background.warning.light};\n\t\tpadding: 12px 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t}\n\n\t.post__thumbnail {\n\t\theight: 68px;\n\t\twidth: 68px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 4px;\n\t}\n\t.post__info-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\tflex-direction: column;\n\t\twidth: 350px;\n\t}\n\t.loader__wrapper {\n\t\theight: 350px;\n\t\twidth: 100%;\n\t\tmargin-top: 4px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\t.product__wrapper {\n\t\tpadding: 12px 24px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: 19px;\n\t\tborder-bottom: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\t}\n\t.product__info-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 16px;\n\t\talign-items: center;\n\t\torder: 2;\n\t}\n\t.product__image {\n\t\theight: 40px;\n\t\twidth: 40px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 4px;\n\t}\n`;\n"],"names":["StyledZeroState","styled","DEFAULT_THEME","StyledProductPickerContainer"],"mappings":"0NAGaA,EAAkBC,EAAAA,QAAO;AAAA;AAAA,qBAEjBC,gBAAc,SAAS,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWtCA,gBAAc,SAAS,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/CC,EAA+BF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,0BAIzBC,gBAAc,SAAS,OAAO,OAAO;AAAA,sBACzCA,EAAAA,cAAc,SAAS,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAiCxCA,gBAAc,SAAS,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../assets/icons/box_round.svg.js"),o=require("styled-components"),c=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),s=({title:n,subtitle:r})=>e.jsxs(l,{children:[e.jsx(i.default,{width:48,height:48}),e.jsx(t.TitleRegular,{style:{marginTop:8},children:n}),e.jsx(t.BodySecondary,{style:{color:c.COLORS.content.secondary,marginTop:4},children:r})]}),l=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../../assets/icons/box_round.svg.js"),i=require("styled-components"),l=require("../../constants/Theme.js"),n=require("../TypographyStyle.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=c(i),a=({title:e,subtitle:r})=>t.jsxs(d,{children:[t.jsx(o.default,{width:48,height:48}),t.jsx(n.TitleRegular,{style:{marginTop:8},children:e}),t.jsx(n.BodySecondary,{style:{color:l.COLORS.content.secondary,marginTop:4},children:r})]}),d=s.default.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;exports.EmptyState=s;
+`;exports.EmptyState=a;
 //# sourceMappingURL=emptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"emptyState.js","sources":["../../../../src/components/product-picker-v2/emptyState.tsx"],"sourcesContent":["import BoxRound from '@src/assets/icons/box_round.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\n\ninterface EmptyStateProps {\n\ttitle: string;\n\tsubtitle: string;\n}\n\nexport const EmptyState = ({ title, subtitle }: EmptyStateProps) => {\n\treturn (\n\t\t<EmptyContainer>\n\t\t\t<BoxRound width={48} height={48} />\n\t\t\t<TitleRegular style={{ marginTop: 8 }}>{title}</TitleRegular>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, marginTop: 4 }}>\n\t\t\t\t{subtitle}\n\t\t\t</BodySecondary>\n\t\t</EmptyContainer>\n\t);\n};\n\nconst EmptyContainer = styled.div`\n\theight: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n`;\n"],"names":["EmptyState","title","subtitle","EmptyContainer","jsx","BoxRound","TitleRegular","BodySecondary","COLORS","styled"],"mappings":"8QAUaA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,YAEjCC,EAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAS,MAAO,GAAI,OAAQ,GAAI,QAChCC,EAAAA,aAAA,CAAa,MAAO,CAAE,UAAW,CAAA,EAAM,SAAAL,EAAM,EAC9CG,EAAAA,IAACG,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,UAAW,UAAW,GAClE,SAAAN,CAAA,CACF,CAAA,EACD,EAIIC,EAAiBM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"emptyState.js","sources":["../../../../src/components/product-picker-v2/emptyState.tsx"],"sourcesContent":["import BoxRound from '@src/assets/icons/box_round.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\n\ninterface EmptyStateProps {\n\ttitle: string;\n\tsubtitle: string;\n}\n\nexport const EmptyState = ({ title, subtitle }: EmptyStateProps) => {\n\treturn (\n\t\t<EmptyContainer>\n\t\t\t<BoxRound width={48} height={48} />\n\t\t\t<TitleRegular style={{ marginTop: 8 }}>{title}</TitleRegular>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, marginTop: 4 }}>\n\t\t\t\t{subtitle}\n\t\t\t</BodySecondary>\n\t\t</EmptyContainer>\n\t);\n};\n\nconst EmptyContainer = styled.div`\n\theight: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n`;\n"],"names":["EmptyState","title","subtitle","EmptyContainer","jsx","BoxRound","TitleRegular","BodySecondary","COLORS","styled"],"mappings":"6UAUaA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,YAEjCC,EAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAS,MAAO,GAAI,OAAQ,GAAI,QAChCC,EAAAA,aAAA,CAAa,MAAO,CAAE,UAAW,CAAA,EAAM,SAAAL,EAAM,EAC9CG,EAAAA,IAACG,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,UAAW,UAAW,GAClE,SAAAN,CAAA,CACF,CAAA,EACD,EAIIC,EAAiBM,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../../constants/Theme.js"),h=require("../../assets/icons/cross.svg.js"),c=require("../TypographyStyle.js"),u=require("./constants.js"),I=require("./helpers/ProductHelper.js"),p=require("./ProductPickerTag.js"),l=require("./style.js"),s=require("./utility.js"),D=require("../icon-button/IconButton.js"),P=require("../shimmer-image/ShimmerImage.js"),S=require("../tooltips/Tooltip.js"),b=t=>e.jsxs(j,{children:[e.jsx(v,{}),e.jsx(k,{children:e.jsx(D.IconButton,{className:"close-button",onClick:t.onClose,Icon:h.default,width:20,height:20})}),e.jsx(x,{productData:t.productData,outOfStockAction:t.outOfStockAction,useDynamicInfoImageSize:t.useDynamicInfoImageSize})]}),x=t=>{const o=t.productData.variants===void 0;let a;if(o)a=`${t.productData.currency?u.CurrencySymbols[t.productData.currency]??"":""}${t.productData?.price??t.productData?.actualPrice??""}`;else{const d=t.productData?.currency;a=`${d?u.CurrencySymbols[d]??"":""}${Object.values(t.productData.variants??{})?.[0]?.price??Object.values(t.productData.variants??{})?.[0]?.actualPrice??""}`}const{isVariantForProductPickerTag:y,dataForProductPickerTag:g,tagText:m,tagType:f}=I.ProductHelper.getDataForProductPickerTag(t.productData,o,t.outOfStockAction),n=s.getSkuId(t.productData,o);return e.jsxs(C,{children:[e.jsx(O,{children:e.jsx(P.ShimmerImage,{useDynamicInfoImageSize:t.useDynamicInfoImageSize,imageUrl:t.productData.image,width:200,height:200,borderRadius:4})}),e.jsxs(T,{children:[n&&e.jsx(S.Tooltip,{body:n,placement:"top",children:e.jsx(l.SKUIDBadge,{children:e.jsx(l.EllipsedBodyTiny,{children:`SKU ID: ${n}`})})}),e.jsx(c.TitleRegular,{style:{display:"flex"},children:t.productData.name}),e.jsx(c.BodyCaption,{color:i.COLORS.content.secondary,children:`Product ID: ${t.productData.id}`}),e.jsx(c.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:t.productData.description??""}}),e.jsx(c.BodyCaption,{color:i.COLORS.content.secondary,children:o?a:s.shouldShowVariant(t.productData)?null:a}),e.jsx(p.ProductPickerTag,{isVariant:y,data:g,tagText:m,tagType:f})]})]})},j=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("styled-components"),i=require("../../constants/Theme.js"),p=require("../../assets/icons/cross.svg.js"),c=require("../TypographyStyle.js"),u=require("./constants.js"),I=require("./helpers/ProductHelper.js"),D=require("./ProductPickerTag.js"),l=require("./style.js"),s=require("./utility.js"),P=require("../icon-button/IconButton.js"),b=require("../shimmer-image/ShimmerImage.js"),S=require("../tooltips/Tooltip.js"),j=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=j(h),v=t=>e.jsxs(C,{children:[e.jsx(k,{}),e.jsx(O,{children:e.jsx(P.IconButton,{className:"close-button",onClick:t.onClose,Icon:p.default,width:20,height:20})}),e.jsx(y,{productData:t.productData,outOfStockAction:t.outOfStockAction,useDynamicInfoImageSize:t.useDynamicInfoImageSize})]}),y=t=>{const a=t.productData.variants===void 0;let r;if(a)r=`${t.productData.currency?u.CurrencySymbols[t.productData.currency]??"":""}${t.productData?.price??t.productData?.actualPrice??""}`;else{const d=t.productData?.currency;r=`${d?u.CurrencySymbols[d]??"":""}${Object.values(t.productData.variants??{})?.[0]?.price??Object.values(t.productData.variants??{})?.[0]?.actualPrice??""}`}const{isVariantForProductPickerTag:x,dataForProductPickerTag:f,tagText:g,tagType:m}=I.ProductHelper.getDataForProductPickerTag(t.productData,a,t.outOfStockAction),n=s.getSkuId(t.productData,a);return e.jsxs(T,{children:[e.jsx(q,{children:e.jsx(b.ShimmerImage,{useDynamicInfoImageSize:t.useDynamicInfoImageSize,imageUrl:t.productData.image,width:200,height:200,borderRadius:4})}),e.jsxs(w,{children:[n&&e.jsx(S.Tooltip,{body:n,placement:"top",children:e.jsx(l.SKUIDBadge,{children:e.jsx(l.EllipsedBodyTiny,{children:`SKU ID: ${n}`})})}),e.jsx(c.TitleRegular,{style:{display:"flex"},children:t.productData.name}),e.jsx(c.BodyCaption,{color:i.COLORS.content.secondary,children:`Product ID: ${t.productData.id}`}),e.jsx(c.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:t.productData.description??""}}),e.jsx(c.BodyCaption,{color:i.COLORS.content.secondary,children:a?r:s.shouldShowVariant(t.productData)?null:r}),e.jsx(D.ProductPickerTag,{isVariant:x,data:f,tagText:g,tagType:m})]})]})},C=o.default.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
@@ -17,11 +17,11 @@
 		word-break: break-word;
 		margin-top: 8px;
 	}
-`,v=r.div`
+`,k=o.default.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
-`,k=r.div`
+`,O=o.default.div`
 	position: relative;
 
 	.close-button {
@@ -32,22 +32,22 @@
 		background: ${i.COLORS.surface.standard};
 		border-radius: 50%;
 	}
-`,C=r.div`
+`,T=o.default.div`
 	display: flex;
 	background: white;
 	padding: 24px;
 	gap: 24px;
 	border-radius: 8px 8px 0px 0px;
-`,O=r.div`
+`,q=o.default.div`
 	display: flex;
 	max-width: min(50%, 200px);
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,T=r.div`
+`,w=o.default.div`
 	display: flex;
 	flex: 1;
 	flex-direction: column;
 	gap: 4px;
-`;exports.ProductInfoCard=x;exports.ProductInfoOverlay=b;
+`;exports.ProductInfoCard=y;exports.ProductInfoOverlay=v;
 //# 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","jsx","OverlayBackground","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","jsx","OverlayBackground","CloseButtonContainer","IconButton","CrossIcon","ProductInfoCard","isVariant","currencyAndPrice","CurrencySymbols","productCurrency","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","skuId","getSkuId","StyledProductInfoCard","ImageContainerProductInfo","ShimmerImage","RightContainerProductInfo","Tooltip","SKUIDBadge","EllipsedBodyTiny","TitleRegular","BodyCaption","COLORS","shouldShowVariant","ProductPickerTag","styled"],"mappings":"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"}

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash/cloneDeep"),f=require("react");function C(a,e){let t={},d="",r="",s="";switch(e.type){case"selected":return t=c(a),e.data.val.isSmartCollection&&(e.data.isRestricted&&(t={}),t.isCustom=!0),t[e.data.id]=e.data.val,t;case"unselected":return t=c(a),t?.isCustom&&(t.isCustom=!1),delete t[e.data.id],t;case"productUnselected":return t=c(a),d=e.data.productId,r=e.data.collectionId,delete t[r].products[d],Object.keys(t[r].products).length||(t?.isCustom&&(t.isCustom=!1),delete t[r]),t;case"productSelected":return t=c(a),d=e.data.productId,r=e.data.collectionId,e.data.catalogOnlyData?.isSmartCollection&&(e.data.isRestricted&&(t={}),t.isCustom=!0),t?.[r]||(t[r]=e.data.catalogOnlyData,t[r].products={}),t[r].products[d]=e.data.product,t;case"variantSelected":return t=c(a),d=e.data.productId,r=e.data.collectionId,s=e.data.variantId,e.data.catalogOnlyData?.isSmartCollection&&(e.data.isRestricted&&(t={}),t.isCustom=!0),t?.[r]||(t[r]=e.data.catalogOnlyData,t[r].products={},t[r].products[d]=e.data.productOnlyData,t[r].products[d].variants={}),t?.[r]?.products||(t[r].products={}),t?.[r]?.products?.[d]||(t[r].products[d]=e.data.productOnlyData,t[r].products[d].variants={}),t[r].products[d].variants||(t[r].products[d].variants={}),t[r].products[d].variants[s]=e.data.variant,t;case"variantUnselected":return t=c(a),d=e.data.productId,r=e.data.collectionId,s=e.data.variantId,t[r].products[d]?.variants?.[s]&&delete t[r].products[d].variants[s],Object.keys(t[r].products?.[d]?.variants??{}).length||(delete t[r].products[d],Object.keys(t[r].products).length||(t[r]?.isSmartCollection&&(t.isCustom=!1),delete t[r])),t;case"update":return t={...a},t;case"reset":return{};default:return a}}function y(a,e){let t={};switch(e.type){case"fetched":return t={...e.data},t;case"productsFetched":return t={...a},t[e.data.collectionId].products=e.data.products,t;case"paged":return t={...a,...e.data},t;case"productsPaged":return t={...a},t[e.data.collectionId].products={...t[e.data.collectionId].products,...e.data.products},t;case"searched":t={...a};for(const d in e.data)d in t||(t[d]=e.data[d]);return t;default:return{}}}function v(a,e){let t={};switch(e.type){case"paginate":t={...a};for(const d in e.data)if(Object.prototype.hasOwnProperty.call(e.data,d)){const r=e.data[d];if(Object.prototype.hasOwnProperty.call(t,d)){const s=t[d];t[d]={...s,products:{...s.products,...r.products}}}else t[d]=r}return t;case"update":return t={...a},t;case"set":return t={...a,...e.data},t;case"filter":t={};for(const d in a)if(d in e.data){const r={...a[d]},s=e.data[d],l={};for(const u in r.products)if(u in s.products){const o={...r.products[u]},p=s.products[u],n={};for(const i in o.variants)i in p.variants&&(n[i]={...o.variants[i]});Object.keys(n).length>0&&(o.variants=n,l[u]=o)}Object.keys(l).length>0&&(r.products=l,t[d]=r)}return t;default:return a}}function I(a,e){let t={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return t={...a},t.products=e.data,t;default:return a}}const g=f.createContext("");exports.CollectionIdContext=g;exports.collectionsReducer=y;exports.paginationReducer=v;exports.searchReducer=I;exports.selectedColectionsReducer=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("lodash/cloneDeep"),C=require("react"),y=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},u=y(f);function v(r,e){let t={},a="",d="",s="";switch(e.type){case"selected":return t=u.default(r),e.data.val.isSmartCollection&&(e.data.isRestricted&&(t={}),t.isCustom=!0),t[e.data.id]=e.data.val,t;case"unselected":return t=u.default(r),t?.isCustom&&(t.isCustom=!1),delete t[e.data.id],t;case"productUnselected":return t=u.default(r),a=e.data.productId,d=e.data.collectionId,delete t[d].products[a],Object.keys(t[d].products).length||(t?.isCustom&&(t.isCustom=!1),delete t[d]),t;case"productSelected":return t=u.default(r),a=e.data.productId,d=e.data.collectionId,e.data.catalogOnlyData?.isSmartCollection&&(e.data.isRestricted&&(t={}),t.isCustom=!0),t?.[d]||(t[d]=e.data.catalogOnlyData,t[d].products={}),t[d].products[a]=e.data.product,t;case"variantSelected":return t=u.default(r),a=e.data.productId,d=e.data.collectionId,s=e.data.variantId,e.data.catalogOnlyData?.isSmartCollection&&(e.data.isRestricted&&(t={}),t.isCustom=!0),t?.[d]||(t[d]=e.data.catalogOnlyData,t[d].products={},t[d].products[a]=e.data.productOnlyData,t[d].products[a].variants={}),t?.[d]?.products||(t[d].products={}),t?.[d]?.products?.[a]||(t[d].products[a]=e.data.productOnlyData,t[d].products[a].variants={}),t[d].products[a].variants||(t[d].products[a].variants={}),t[d].products[a].variants[s]=e.data.variant,t;case"variantUnselected":return t=u.default(r),a=e.data.productId,d=e.data.collectionId,s=e.data.variantId,t[d].products[a]?.variants?.[s]&&delete t[d].products[a].variants[s],Object.keys(t[d].products?.[a]?.variants??{}).length||(delete t[d].products[a],Object.keys(t[d].products).length||(t[d]?.isSmartCollection&&(t.isCustom=!1),delete t[d])),t;case"update":return t={...r},t;case"reset":return{};default:return r}}function I(r,e){let t={};switch(e.type){case"fetched":return t={...e.data},t;case"productsFetched":return t={...r},t[e.data.collectionId].products=e.data.products,t;case"paged":return t={...r,...e.data},t;case"productsPaged":return t={...r},t[e.data.collectionId].products={...t[e.data.collectionId].products,...e.data.products},t;case"searched":t={...r};for(const a in e.data)a in t||(t[a]=e.data[a]);return t;default:return{}}}function g(r,e){let t={};switch(e.type){case"paginate":t={...r};for(const a in e.data)if(Object.prototype.hasOwnProperty.call(e.data,a)){const d=e.data[a];if(Object.prototype.hasOwnProperty.call(t,a)){const s=t[a];t[a]={...s,products:{...s.products,...d.products}}}else t[a]=d}return t;case"update":return t={...r},t;case"set":return t={...r,...e.data},t;case"filter":t={};for(const a in r)if(a in e.data){const d={...r[a]},s=e.data[a],l={};for(const c in d.products)if(c in s.products){const o={...d.products[c]},p=s.products[c],n={};for(const i in o.variants)i in p.variants&&(n[i]={...o.variants[i]});Object.keys(n).length>0&&(o.variants=n,l[c]=o)}Object.keys(l).length>0&&(d.products=l,t[a]=d)}return t;default:return r}}function h(r,e){let t={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return t={...r},t.products=e.data,t;default:return r}}const O=C.createContext("");exports.CollectionIdContext=O;exports.collectionsReducer=I;exports.paginationReducer=g;exports.searchReducer=h;exports.selectedColectionsReducer=v;
 //# sourceMappingURL=reducers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reducers.js","sources":["../../../../src/components/product-picker-v2/reducers.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { createContext } from 'react';\nimport type { Collection, SearchedItems, SelectedItems } from './type';\n\nexport interface SelectedCollectionsActions {\n\ttype: string;\n\tdata: { [key: string]: any };\n}\n\nexport function selectedColectionsReducer(\n\tcollections: SelectedItems,\n\taction: SelectedCollectionsActions,\n): SelectedItems {\n\tlet collectionsCopy: any = {};\n\tlet productId = '';\n\tlet collectionId = '';\n\tlet variantId = '';\n\tswitch (action.type) {\n\t\tcase 'selected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tif (action.data['val'].isSmartCollection) {\n\t\t\t\tif (action.data['isRestricted']) {\n\t\t\t\t\tcollectionsCopy = {};\n\t\t\t\t}\n\t\t\t\tcollectionsCopy['isCustom'] = true;\n\t\t\t}\n\t\t\tcollectionsCopy[action.data['id']] = action.data['val'];\n\t\t\treturn collectionsCopy;\n\t\tcase 'unselected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tif (collectionsCopy?.isCustom) {\n\t\t\t\tcollectionsCopy['isCustom'] = false;\n\t\t\t}\n\t\t\tdelete collectionsCopy[action.data['id']];\n\t\t\treturn collectionsCopy;\n\t\tcase 'productUnselected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\t\t\tdelete collectionsCopy[collectionId]['products'][productId];\n\t\t\t// delete the collection also if no product is present\n\t\t\tif (!Object.keys(collectionsCopy[collectionId]['products']).length) {\n\t\t\t\tif (collectionsCopy?.isCustom) {\n\t\t\t\t\tcollectionsCopy.isCustom = false;\n\t\t\t\t}\n\t\t\t\tdelete collectionsCopy[collectionId];\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tcase 'productSelected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\n\t\t\tif (action.data['catalogOnlyData']?.isSmartCollection) {\n\t\t\t\tif (action.data['isRestricted']) {\n\t\t\t\t\tcollectionsCopy = {};\n\t\t\t\t}\n\t\t\t\tcollectionsCopy['isCustom'] = true;\n\t\t\t}\n\t\t\t// if collection itself is not there, then I should add collection first\n\t\t\tif (!collectionsCopy?.[collectionId]) {\n\t\t\t\tcollectionsCopy[collectionId] = action.data['catalogOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'] = {};\n\t\t\t}\n\t\t\tcollectionsCopy[collectionId]['products'][productId] =\n\t\t\t\taction.data['product'];\n\n\t\t\treturn collectionsCopy;\n\t\tcase 'variantSelected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\t\t\tvariantId = action.data['variantId'];\n\n\t\t\tif (action.data['catalogOnlyData']?.isSmartCollection) {\n\t\t\t\tif (action.data['isRestricted']) {\n\t\t\t\t\tcollectionsCopy = {};\n\t\t\t\t}\n\t\t\t\tcollectionsCopy['isCustom'] = true;\n\t\t\t}\n\t\t\t// if collection itself is not there, then I should add collection first\n\t\t\tif (!collectionsCopy?.[collectionId]) {\n\t\t\t\tcollectionsCopy[collectionId] = action.data['catalogOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'] = {};\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId] =\n\t\t\t\t\taction.data['productOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'] = {};\n\t\t\t}\n\n\t\t\tif (!collectionsCopy?.[collectionId]?.['products']) {\n\t\t\t\tcollectionsCopy[collectionId]['products'] = {};\n\t\t\t}\n\n\t\t\t// if product itself is not there, then I should add product first\n\t\t\tif (!collectionsCopy?.[collectionId]?.['products']?.[productId]) {\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId] =\n\t\t\t\t\taction.data['productOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'] = {};\n\t\t\t}\n\n\t\t\tif (!collectionsCopy[collectionId]['products'][productId]['variants']) {\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'] = {};\n\t\t\t}\n\n\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'][\n\t\t\t\tvariantId\n\t\t\t] = action.data['variant'];\n\t\t\treturn collectionsCopy;\n\t\tcase 'variantUnselected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\t\t\tvariantId = action.data['variantId'];\n\n\t\t\tif (\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]?.['variants']?.[\n\t\t\t\t\tvariantId\n\t\t\t\t]\n\t\t\t)\n\t\t\t\tdelete collectionsCopy[collectionId]['products'][productId]['variants'][\n\t\t\t\t\tvariantId\n\t\t\t\t];\n\t\t\t// delete the product also if no variant is present\n\t\t\tif (\n\t\t\t\t!Object.keys(\n\t\t\t\t\tcollectionsCopy[collectionId]['products']?.[productId]?.[\n\t\t\t\t\t\t'variants'\n\t\t\t\t\t] ?? {},\n\t\t\t\t).length\n\t\t\t) {\n\t\t\t\tdelete collectionsCopy[collectionId]['products'][productId];\n\n\t\t\t\t// delete the collection also if no product is present\n\t\t\t\tif (!Object.keys(collectionsCopy[collectionId]['products']).length) {\n\t\t\t\t\tif (collectionsCopy[collectionId]?.isSmartCollection) {\n\t\t\t\t\t\tcollectionsCopy['isCustom'] = false;\n\t\t\t\t\t}\n\t\t\t\t\tdelete collectionsCopy[collectionId];\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tcase 'update':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\treturn collectionsCopy;\n\t\tcase 'reset':\n\t\t\treturn {};\n\t\tdefault:\n\t\t\treturn collections;\n\t}\n}\n\nexport interface CollectionsActions {\n\ttype: string;\n\tdata: { [key: string]: any };\n}\n\nexport function collectionsReducer(\n\tcollections: Collection,\n\taction: CollectionsActions,\n) {\n\tlet collectionsCopy: any = {};\n\n\tswitch (action.type) {\n\t\tcase 'fetched':\n\t\t\tcollectionsCopy = { ...action.data };\n\t\t\treturn collectionsCopy;\n\t\tcase 'productsFetched':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tcollectionsCopy[action.data['collectionId']]['products'] =\n\t\t\t\taction.data['products'];\n\t\t\treturn collectionsCopy;\n\t\tcase 'paged':\n\t\t\tcollectionsCopy = { ...collections, ...action.data };\n\t\t\treturn collectionsCopy;\n\t\tcase 'productsPaged':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tcollectionsCopy[action.data['collectionId']]['products'] = {\n\t\t\t\t...collectionsCopy[action.data['collectionId']]['products'],\n\t\t\t\t...action.data['products'],\n\t\t\t};\n\t\t\treturn collectionsCopy;\n\t\tcase 'searched':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tfor (const searchedCollectionId in action.data) {\n\t\t\t\tif (!(searchedCollectionId in collectionsCopy)) {\n\t\t\t\t\tcollectionsCopy[searchedCollectionId] =\n\t\t\t\t\t\taction.data[searchedCollectionId];\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tdefault:\n\t\t\treturn {};\n\t}\n}\n\n/**\n * Pagination reducer used in selected screen.\n * Used for local pagination.\n *\n * Actions used:\n *  paginate ->  Checks if the products of the collection is already displayed, if yes addes the products, if no adds the entire collection\n *  update -> triggers a re-render.\n *  set -> adds the data to existing collections.\n *  filter -> When user unselects a product in selected screen, we filter out the selected data and show only unselected data.\n */\nexport function paginationReducer(\n\tcollections: SelectedItems,\n\taction: SelectedCollectionsActions,\n): SelectedItems {\n\tlet collectionsCopy: any = {};\n\n\tswitch (action.type) {\n\t\tcase 'paginate':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tfor (const collectionKey in action.data) {\n\t\t\t\tif (Object.prototype.hasOwnProperty.call(action.data, collectionKey)) {\n\t\t\t\t\tconst collection = action.data[collectionKey];\n\t\t\t\t\tif (\n\t\t\t\t\t\tObject.prototype.hasOwnProperty.call(collectionsCopy, collectionKey)\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst existingCollection = collectionsCopy[collectionKey];\n\t\t\t\t\t\tcollectionsCopy[collectionKey] = {\n\t\t\t\t\t\t\t...existingCollection,\n\t\t\t\t\t\t\tproducts: {\n\t\t\t\t\t\t\t\t...existingCollection.products,\n\t\t\t\t\t\t\t\t...collection.products,\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\tcollectionsCopy[collectionKey] = collection;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tcase 'update':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\treturn collectionsCopy;\n\t\tcase 'set':\n\t\t\tcollectionsCopy = { ...collections, ...action.data };\n\t\t\treturn collectionsCopy;\n\t\tcase 'filter':\n\t\t\tcollectionsCopy = {};\n\n\t\t\tfor (const collectionId in collections) {\n\t\t\t\tif (collectionId in action.data) {\n\t\t\t\t\tconst filteredCollection = { ...collections[collectionId] };\n\t\t\t\t\tconst selectedCollection = action.data[collectionId];\n\t\t\t\t\tconst filteredProducts = {};\n\n\t\t\t\t\tfor (const productId in filteredCollection.products) {\n\t\t\t\t\t\tif (productId in selectedCollection.products) {\n\t\t\t\t\t\t\tconst filteredProduct = {\n\t\t\t\t\t\t\t\t...filteredCollection.products[productId],\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst selectedProduct = selectedCollection.products[productId];\n\t\t\t\t\t\t\tconst filteredVariants = {};\n\n\t\t\t\t\t\t\tfor (const variantId in filteredProduct.variants) {\n\t\t\t\t\t\t\t\tif (variantId in selectedProduct.variants) {\n\t\t\t\t\t\t\t\t\tfilteredVariants[variantId] = {\n\t\t\t\t\t\t\t\t\t\t...filteredProduct.variants[variantId],\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\n\t\t\t\t\t\t\tif (Object.keys(filteredVariants).length > 0) {\n\t\t\t\t\t\t\t\tfilteredProduct.variants = filteredVariants;\n\t\t\t\t\t\t\t\tfilteredProducts[productId] = filteredProduct;\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 (Object.keys(filteredProducts).length > 0) {\n\t\t\t\t\t\tfilteredCollection.products = filteredProducts;\n\t\t\t\t\t\tcollectionsCopy[collectionId] = filteredCollection;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn collectionsCopy;\n\n\t\tdefault:\n\t\t\treturn collections;\n\t}\n}\n\nexport interface SearchReducerActions {\n\ttype: string;\n\tdata: SearchedItems;\n}\n\n/**\n * Data used in search screen.\n * To display both collections and products.\n *\n * Actions:\n * \tset -> no change and sets the data.\n * \tsetProducts -> keeps the collection from search as-is and sets only products\n */\nexport function searchReducer(\n\tsearchedItems: SearchedItems,\n\taction: SearchReducerActions,\n): SearchedItems {\n\tlet searchedItemsCopy = { collections: {}, products: {} };\n\n\tswitch (action.type) {\n\t\tcase 'set':\n\t\t\treturn action.data;\n\t\tcase 'setProducts':\n\t\t\tsearchedItemsCopy = { ...searchedItems };\n\t\t\tsearchedItemsCopy.products = action.data;\n\t\t\treturn searchedItemsCopy;\n\t\tdefault:\n\t\t\treturn searchedItems;\n\t}\n}\n\nexport const CollectionIdContext = createContext('');\n"],"names":["selectedColectionsReducer","collections","action","collectionsCopy","productId","collectionId","variantId","cloneDeep","collectionsReducer","searchedCollectionId","paginationReducer","collectionKey","collection","existingCollection","filteredCollection","selectedCollection","filteredProducts","filteredProduct","selectedProduct","filteredVariants","searchReducer","searchedItems","searchedItemsCopy","CollectionIdContext","createContext"],"mappings":"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"}
+{"version":3,"file":"reducers.js","sources":["../../../../src/components/product-picker-v2/reducers.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { createContext } from 'react';\nimport type { Collection, SearchedItems, SelectedItems } from './type';\n\nexport interface SelectedCollectionsActions {\n\ttype: string;\n\tdata: { [key: string]: any };\n}\n\nexport function selectedColectionsReducer(\n\tcollections: SelectedItems,\n\taction: SelectedCollectionsActions,\n): SelectedItems {\n\tlet collectionsCopy: any = {};\n\tlet productId = '';\n\tlet collectionId = '';\n\tlet variantId = '';\n\tswitch (action.type) {\n\t\tcase 'selected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tif (action.data['val'].isSmartCollection) {\n\t\t\t\tif (action.data['isRestricted']) {\n\t\t\t\t\tcollectionsCopy = {};\n\t\t\t\t}\n\t\t\t\tcollectionsCopy['isCustom'] = true;\n\t\t\t}\n\t\t\tcollectionsCopy[action.data['id']] = action.data['val'];\n\t\t\treturn collectionsCopy;\n\t\tcase 'unselected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tif (collectionsCopy?.isCustom) {\n\t\t\t\tcollectionsCopy['isCustom'] = false;\n\t\t\t}\n\t\t\tdelete collectionsCopy[action.data['id']];\n\t\t\treturn collectionsCopy;\n\t\tcase 'productUnselected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\t\t\tdelete collectionsCopy[collectionId]['products'][productId];\n\t\t\t// delete the collection also if no product is present\n\t\t\tif (!Object.keys(collectionsCopy[collectionId]['products']).length) {\n\t\t\t\tif (collectionsCopy?.isCustom) {\n\t\t\t\t\tcollectionsCopy.isCustom = false;\n\t\t\t\t}\n\t\t\t\tdelete collectionsCopy[collectionId];\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tcase 'productSelected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\n\t\t\tif (action.data['catalogOnlyData']?.isSmartCollection) {\n\t\t\t\tif (action.data['isRestricted']) {\n\t\t\t\t\tcollectionsCopy = {};\n\t\t\t\t}\n\t\t\t\tcollectionsCopy['isCustom'] = true;\n\t\t\t}\n\t\t\t// if collection itself is not there, then I should add collection first\n\t\t\tif (!collectionsCopy?.[collectionId]) {\n\t\t\t\tcollectionsCopy[collectionId] = action.data['catalogOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'] = {};\n\t\t\t}\n\t\t\tcollectionsCopy[collectionId]['products'][productId] =\n\t\t\t\taction.data['product'];\n\n\t\t\treturn collectionsCopy;\n\t\tcase 'variantSelected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\t\t\tvariantId = action.data['variantId'];\n\n\t\t\tif (action.data['catalogOnlyData']?.isSmartCollection) {\n\t\t\t\tif (action.data['isRestricted']) {\n\t\t\t\t\tcollectionsCopy = {};\n\t\t\t\t}\n\t\t\t\tcollectionsCopy['isCustom'] = true;\n\t\t\t}\n\t\t\t// if collection itself is not there, then I should add collection first\n\t\t\tif (!collectionsCopy?.[collectionId]) {\n\t\t\t\tcollectionsCopy[collectionId] = action.data['catalogOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'] = {};\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId] =\n\t\t\t\t\taction.data['productOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'] = {};\n\t\t\t}\n\n\t\t\tif (!collectionsCopy?.[collectionId]?.['products']) {\n\t\t\t\tcollectionsCopy[collectionId]['products'] = {};\n\t\t\t}\n\n\t\t\t// if product itself is not there, then I should add product first\n\t\t\tif (!collectionsCopy?.[collectionId]?.['products']?.[productId]) {\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId] =\n\t\t\t\t\taction.data['productOnlyData'];\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'] = {};\n\t\t\t}\n\n\t\t\tif (!collectionsCopy[collectionId]['products'][productId]['variants']) {\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'] = {};\n\t\t\t}\n\n\t\t\tcollectionsCopy[collectionId]['products'][productId]['variants'][\n\t\t\t\tvariantId\n\t\t\t] = action.data['variant'];\n\t\t\treturn collectionsCopy;\n\t\tcase 'variantUnselected':\n\t\t\tcollectionsCopy = cloneDeep(collections);\n\t\t\tproductId = action.data['productId'];\n\t\t\tcollectionId = action.data['collectionId'];\n\t\t\tvariantId = action.data['variantId'];\n\n\t\t\tif (\n\t\t\t\tcollectionsCopy[collectionId]['products'][productId]?.['variants']?.[\n\t\t\t\t\tvariantId\n\t\t\t\t]\n\t\t\t)\n\t\t\t\tdelete collectionsCopy[collectionId]['products'][productId]['variants'][\n\t\t\t\t\tvariantId\n\t\t\t\t];\n\t\t\t// delete the product also if no variant is present\n\t\t\tif (\n\t\t\t\t!Object.keys(\n\t\t\t\t\tcollectionsCopy[collectionId]['products']?.[productId]?.[\n\t\t\t\t\t\t'variants'\n\t\t\t\t\t] ?? {},\n\t\t\t\t).length\n\t\t\t) {\n\t\t\t\tdelete collectionsCopy[collectionId]['products'][productId];\n\n\t\t\t\t// delete the collection also if no product is present\n\t\t\t\tif (!Object.keys(collectionsCopy[collectionId]['products']).length) {\n\t\t\t\t\tif (collectionsCopy[collectionId]?.isSmartCollection) {\n\t\t\t\t\t\tcollectionsCopy['isCustom'] = false;\n\t\t\t\t\t}\n\t\t\t\t\tdelete collectionsCopy[collectionId];\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tcase 'update':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\treturn collectionsCopy;\n\t\tcase 'reset':\n\t\t\treturn {};\n\t\tdefault:\n\t\t\treturn collections;\n\t}\n}\n\nexport interface CollectionsActions {\n\ttype: string;\n\tdata: { [key: string]: any };\n}\n\nexport function collectionsReducer(\n\tcollections: Collection,\n\taction: CollectionsActions,\n) {\n\tlet collectionsCopy: any = {};\n\n\tswitch (action.type) {\n\t\tcase 'fetched':\n\t\t\tcollectionsCopy = { ...action.data };\n\t\t\treturn collectionsCopy;\n\t\tcase 'productsFetched':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tcollectionsCopy[action.data['collectionId']]['products'] =\n\t\t\t\taction.data['products'];\n\t\t\treturn collectionsCopy;\n\t\tcase 'paged':\n\t\t\tcollectionsCopy = { ...collections, ...action.data };\n\t\t\treturn collectionsCopy;\n\t\tcase 'productsPaged':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tcollectionsCopy[action.data['collectionId']]['products'] = {\n\t\t\t\t...collectionsCopy[action.data['collectionId']]['products'],\n\t\t\t\t...action.data['products'],\n\t\t\t};\n\t\t\treturn collectionsCopy;\n\t\tcase 'searched':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tfor (const searchedCollectionId in action.data) {\n\t\t\t\tif (!(searchedCollectionId in collectionsCopy)) {\n\t\t\t\t\tcollectionsCopy[searchedCollectionId] =\n\t\t\t\t\t\taction.data[searchedCollectionId];\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tdefault:\n\t\t\treturn {};\n\t}\n}\n\n/**\n * Pagination reducer used in selected screen.\n * Used for local pagination.\n *\n * Actions used:\n *  paginate ->  Checks if the products of the collection is already displayed, if yes addes the products, if no adds the entire collection\n *  update -> triggers a re-render.\n *  set -> adds the data to existing collections.\n *  filter -> When user unselects a product in selected screen, we filter out the selected data and show only unselected data.\n */\nexport function paginationReducer(\n\tcollections: SelectedItems,\n\taction: SelectedCollectionsActions,\n): SelectedItems {\n\tlet collectionsCopy: any = {};\n\n\tswitch (action.type) {\n\t\tcase 'paginate':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\tfor (const collectionKey in action.data) {\n\t\t\t\tif (Object.prototype.hasOwnProperty.call(action.data, collectionKey)) {\n\t\t\t\t\tconst collection = action.data[collectionKey];\n\t\t\t\t\tif (\n\t\t\t\t\t\tObject.prototype.hasOwnProperty.call(collectionsCopy, collectionKey)\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst existingCollection = collectionsCopy[collectionKey];\n\t\t\t\t\t\tcollectionsCopy[collectionKey] = {\n\t\t\t\t\t\t\t...existingCollection,\n\t\t\t\t\t\t\tproducts: {\n\t\t\t\t\t\t\t\t...existingCollection.products,\n\t\t\t\t\t\t\t\t...collection.products,\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\tcollectionsCopy[collectionKey] = collection;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn collectionsCopy;\n\t\tcase 'update':\n\t\t\tcollectionsCopy = { ...collections };\n\t\t\treturn collectionsCopy;\n\t\tcase 'set':\n\t\t\tcollectionsCopy = { ...collections, ...action.data };\n\t\t\treturn collectionsCopy;\n\t\tcase 'filter':\n\t\t\tcollectionsCopy = {};\n\n\t\t\tfor (const collectionId in collections) {\n\t\t\t\tif (collectionId in action.data) {\n\t\t\t\t\tconst filteredCollection = { ...collections[collectionId] };\n\t\t\t\t\tconst selectedCollection = action.data[collectionId];\n\t\t\t\t\tconst filteredProducts = {};\n\n\t\t\t\t\tfor (const productId in filteredCollection.products) {\n\t\t\t\t\t\tif (productId in selectedCollection.products) {\n\t\t\t\t\t\t\tconst filteredProduct = {\n\t\t\t\t\t\t\t\t...filteredCollection.products[productId],\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst selectedProduct = selectedCollection.products[productId];\n\t\t\t\t\t\t\tconst filteredVariants = {};\n\n\t\t\t\t\t\t\tfor (const variantId in filteredProduct.variants) {\n\t\t\t\t\t\t\t\tif (variantId in selectedProduct.variants) {\n\t\t\t\t\t\t\t\t\tfilteredVariants[variantId] = {\n\t\t\t\t\t\t\t\t\t\t...filteredProduct.variants[variantId],\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\n\t\t\t\t\t\t\tif (Object.keys(filteredVariants).length > 0) {\n\t\t\t\t\t\t\t\tfilteredProduct.variants = filteredVariants;\n\t\t\t\t\t\t\t\tfilteredProducts[productId] = filteredProduct;\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 (Object.keys(filteredProducts).length > 0) {\n\t\t\t\t\t\tfilteredCollection.products = filteredProducts;\n\t\t\t\t\t\tcollectionsCopy[collectionId] = filteredCollection;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn collectionsCopy;\n\n\t\tdefault:\n\t\t\treturn collections;\n\t}\n}\n\nexport interface SearchReducerActions {\n\ttype: string;\n\tdata: SearchedItems;\n}\n\n/**\n * Data used in search screen.\n * To display both collections and products.\n *\n * Actions:\n * \tset -> no change and sets the data.\n * \tsetProducts -> keeps the collection from search as-is and sets only products\n */\nexport function searchReducer(\n\tsearchedItems: SearchedItems,\n\taction: SearchReducerActions,\n): SearchedItems {\n\tlet searchedItemsCopy = { collections: {}, products: {} };\n\n\tswitch (action.type) {\n\t\tcase 'set':\n\t\t\treturn action.data;\n\t\tcase 'setProducts':\n\t\t\tsearchedItemsCopy = { ...searchedItems };\n\t\t\tsearchedItemsCopy.products = action.data;\n\t\t\treturn searchedItemsCopy;\n\t\tdefault:\n\t\t\treturn searchedItems;\n\t}\n}\n\nexport const CollectionIdContext = createContext('');\n"],"names":["selectedColectionsReducer","collections","action","collectionsCopy","productId","collectionId","variantId","cloneDeep","collectionsReducer","searchedCollectionId","paginationReducer","collectionKey","collection","existingCollection","filteredCollection","selectedCollection","filteredProducts","filteredProduct","selectedProduct","filteredVariants","searchReducer","searchedItems","searchedItemsCopy","CollectionIdContext","createContext"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),n=require("./type.js"),r=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),n=require("./type.js"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=d(l),r=e.default.div`
 	display: flex;
 	background-color: white;
 	height: ${t=>t.renderWithoutModal?"90%":"75vh"};
 	flex-direction: column;
-`,l=e.div`
+`,a=e.default.div`
 	overflow-y: scroll;
 	overflow-x: hidden;
 
@@ -16,7 +16,7 @@
 		background-color: ${t=>t.screenName!==n.ScreenName.RearrangeProducts?"#888":"#fff"};
 		border-radius: 8px;
 	}
-`,d=e.div`
+`,c=e.default.div`
 	height: 64px;
 	background-color: ${t=>t.isDisabled?"#F0F0F0":t.isActive?i.COLORS.background.positive.light:"white"};
 	border-bottom: 1px solid #e0e0e0;
@@ -30,17 +30,17 @@
 		cursor: pointer;
 		background-color: ${i.COLORS.surface.hovered};
 	}
-`,c=e.div`
+`,s=e.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	column-gap: 18px;
-`,a=e.div`
+`,p=e.default.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-`,s=e.div`
+`,x=e.default.div`
 	display: flex;
 	flex-direction: row;
 	max-height: 32px;
@@ -53,14 +53,14 @@
 	position: sticky;
 	top: 0;
 	z-index: 10;
-`,p=e.div`
+`,f=e.default.div`
 	display: flex;
 	flex-direction: row;
 	column-gap: 16px;
 	padding: 12px 16px;
 	border-bottom: 1px solid #e0e0e0;
 	align-items: center;
-`,x=e.div`
+`,u=e.default.div`
 	min-height: 64px;
 	background-color: ${t=>t.isActive?i.COLORS.background.positive.light:"white"};
 	border-bottom: 1px solid #e0e0e0;
@@ -75,7 +75,7 @@
 		cursor: pointer;
 		background-color: ${i.COLORS.surface.hovered};
 	}
-`,g=e.div`
+`,g=e.default.div`
 	display: flex;
 	flex-direction: row;
 	max-height: 32px;
@@ -87,10 +87,10 @@
 	position: sticky;
 	top: 0;
 	z-index: 10;
-`,y=e.div`
+`,y=e.default.div`
 	display: flex;
 	flex-direction: column;
-`,f=e.div`
+`,h=e.default.div`
 	min-height: 72px;
 	background: white;
 	padding: 12px 16px;
@@ -118,14 +118,14 @@
 		flex-direction: column;
 		flex: 1;
 	}
-`,u=e.div`
+`,S=e.default.div`
 	height: 72px;
 	width: 72px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 16px;
-`;e.div`
+`;e.default.div`
 	display: flex;
 	width: 32px;
 	height: 32px;
@@ -134,40 +134,40 @@
 	align-items: center;
 	border: 1px solid ${i.COLORS.stroke.primary};
 	border-radius: 4px;
-`;const h=e.div`
+`;const b=e.default.div`
 	padding: 16px 24px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-top: auto;
 	width: 100%;
-`,S=e.div`
+`,m=e.default.div`
 	width: fit-content;
 	background: ${i.COLORS.background.brandLight};
 	padding: 2px 6px;
 	border-radius: 14px;
-`,b=e(o.BodyTiny)`
+`,C=e.default(o.BodyTiny)`
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 196px;
 	display: block;
 	color: ${i.COLORS.background.inverseLight};
-`,m=e.div`
+`,w=e.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	gap: 5px;
-`,w=e.div`
+`,v=e.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	gap: 8px;
 	min-width: 0;
-`;e(o.TitleSmall)`
+`;e.default(o.TitleSmall)`
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	display: block;
-`;exports.CollectionCardDetailStyle=a;exports.CollectionCardInfoStyle=c;exports.CollectionCardStyle=d;exports.CollectionNameHolder=y;exports.ContainerStyle=r;exports.EllipsedBodyTiny=b;exports.ProductCardStyle=x;exports.ProductInfo=w;exports.ProductScreenCollectionCardStyle=p;exports.ProductScreenHeader=s;exports.ProductSubTitle=m;exports.SKUIDBadge=S;exports.ScrollContainerStyle=l;exports.SelectedScreenHeader=g;exports.StyledFooterForNonModal=h;exports.VariantCardGridStyle=u;exports.VariantCardListStyle=f;
+`;exports.CollectionCardDetailStyle=p;exports.CollectionCardInfoStyle=s;exports.CollectionCardStyle=c;exports.CollectionNameHolder=y;exports.ContainerStyle=r;exports.EllipsedBodyTiny=C;exports.ProductCardStyle=u;exports.ProductInfo=v;exports.ProductScreenCollectionCardStyle=f;exports.ProductScreenHeader=x;exports.ProductSubTitle=w;exports.SKUIDBadge=m;exports.ScrollContainerStyle=a;exports.SelectedScreenHeader=g;exports.StyledFooterForNonModal=b;exports.VariantCardGridStyle=S;exports.VariantCardListStyle=h;
 //# sourceMappingURL=style.js.map