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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ProductPickerModal.js","sources":["../../../../src/components/product-picker/ProductPickerModal.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { PageLoader } from '@src/components/bik-layout/PageLoader';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Input } from '@src/components/input';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tStyledProductPickerContainer,\n\tStyledZeroState,\n} from '@src/components/product-picker/ProductPicker.styled';\nimport {\n\tCollection,\n\tProduct,\n\tProductPickerProps,\n} from '@src/components/product-picker/type';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport Search from '../../assets/icons/search.svg';\n\nconst DEFAULT_IMG =\n\t'https://jkfenner.com/wp-content/uploads/2019/11/default.jpg';\n\nconst NoResultsSection: React.FC<{\n\ttext: string;\n\tstyleProps?: React.CSSProperties;\n}> = ({ text, styleProps }) => {\n\treturn (\n\t\t<StyledZeroState>\n\t\t\t<div className=\"icon__container\" style={{ ...styleProps }}>\n\t\t\t\t<AlertTriangle\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<TitleSmall>No results found</TitleSmall>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{`Sorry we could not find any results for \"${text}\"`}\n\t\t\t</BodySecondary>\n\t\t</StyledZeroState>\n\t);\n};\n\nexport const ProductPickerContent: React.FC<ProductPickerProps> = (props) => {\n\tconst formattedTimeStamp = props.instaPost\n\t\t? DateUtils.dateFormat(new Date(props.instaPost.timestamp), '•', true)\n\t\t: '';\n\tconst [listItems, setListItems] = useState<Product[] | Collection[]>(\n\t\tprops.products,\n\t);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [searchedText, setSearchedText] = useState('');\n\n\tconst searchProducts = useCallback(\n\t\tdebounce((text) => {\n\t\t\tif (!text) {\n\t\t\t\tsetListItems(props.products);\n\t\t\t\tsetShowLoader(false);\n\t\t\t} else {\n\t\t\t\tsetListItems([]);\n\t\t\t\tprops.onSearchKeyChange(text).then((res) => {\n\t\t\t\t\tsetListItems(res);\n\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 700),\n\t\t[],\n\t);\n\n\tconst onChangeHandle = (value: boolean, product: Product | Collection) => {\n\t\tconst itemPresent = (props.selectedProducts as any).find((item) => {\n\t\t\treturn item.id === product.id;\n\t\t});\n\t\tif (value && !itemPresent) {\n\t\t\tconst temp = [...props.selectedProducts, product];\n\t\t\tprops.setSelectedProducts(temp as any);\n\t\t} else {\n\t\t\tif (itemPresent) {\n\t\t\t\tconst temp = [...props.selectedProducts];\n\t\t\t\tlet productIndex = -1;\n\t\t\t\tprops.selectedProducts.forEach((item, index) => {\n\t\t\t\t\tif (item.id === product.id) {\n\t\t\t\t\t\tproductIndex = index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemp.splice(productIndex, 1);\n\t\t\t\tprops.setSelectedProducts(temp as any);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<StyledProductPickerContainer>\n\t\t\t{props.instaPost && (\n\t\t\t\t<div className=\"post__wrapper\">\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={'Ig Media'}\n\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsrc={props.instaPost?.media_url}\n\t\t\t\t\t\tclassName=\"post__thumbnail\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"post__info-wrapper\">\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tcolor: props.instaPost.caption\n\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.primary\n\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.instaPost?.caption\n\t\t\t\t\t\t\t\t? props.instaPost?.caption\n\t\t\t\t\t\t\t\t: 'No caption'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{formattedTimeStamp}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTop: props.instaPost\n\t\t\t\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderBottom: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tpadding: props.instaPost ? '16px 24px' : '0px 24px 16px 24px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={props.searchPlaceholder ?? 'Search products..'}\n\t\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\t\tsetSearchedText(text);\n\t\t\t\t\t\tif (text.trim()?.length > 0) {\n\t\t\t\t\t\t\tsetShowLoader(true);\n\t\t\t\t\t\t\tsearchProducts(text);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t\t\t\tsetListItems(props.products);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\trightIcon={{ icon: Search }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ maxHeight: 350, overflowY: 'scroll' }}>\n\t\t\t\t{showLoader && (\n\t\t\t\t\t<div className=\"loader__wrapper\">\n\t\t\t\t\t\t<PageLoader />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{listItems.length === 0 && !showLoader ? (\n\t\t\t\t\t<NoResultsSection text={searchedText} />\n\t\t\t\t) : (\n\t\t\t\t\tlistItems.map((product) => {\n\t\t\t\t\t\tconst selectedItem = (props.selectedProducts as any[]).find(\n\t\t\t\t\t\t\t(item) => {\n\t\t\t\t\t\t\t\treturn item.id === product.id;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={product.id} className=\"product__wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"product__info-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt={'Product'}\n\t\t\t\t\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsrc={product.image ?? DEFAULT_IMG}\n\t\t\t\t\t\t\t\t\t\tclassName=\"product__image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{product.name}</TitleSmall>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ order: 1 }}>\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tisChecked={selectedItem !== undefined}\n\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeHandle(value, product);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</StyledProductPickerContainer>\n\t);\n};\n\nexport const PricePleaseProductPicker: React.FC<ProductPickerProps> = (\n\tprops,\n) => {\n\tconst [selectedListItems, setSelectedListItems] = useState<\n\t\tProduct[] | Collection[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tsetSelectedListItems(props.selectedProducts ?? []);\n\t}, [props.selectedProducts?.length]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.show}\n\t\t\tonClose={() => {\n\t\t\t\tprops.onClose();\n\t\t\t}}\n\t\t\tfooterLeftCustomElement={\n\t\t\t\tselectedListItems.length > 10 ? (\n\t\t\t\t\t<Caption style={{ color: DEFAULT_THEME.colorsV2.content.negative }}>\n\t\t\t\t\t\t{\"Can't add more than 10 products\"}\n\t\t\t\t\t</Caption>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedListItems ? `${selectedListItems.length} selected` : ''}\n\t\t\t\t\t</Caption>\n\t\t\t\t)\n\t\t\t}\n\t\t\theadingTitle={props.title}\n\t\t\tprimaryButton={{\n\t\t\t\tdisabled:\n\t\t\t\t\tselectedListItems.length > 10 || selectedListItems.length === 0,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tbuttonText: 'Select',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tprops.setSelectedProducts(selectedListItems);\n\t\t\t\t\tprops.onClose();\n\t\t\t\t},\n\t\t\t}}\n\t\t\tsecondaryButton={props.secondaryButtonProps}\n\t\t\tfooterShadow={true}\n\t\t>\n\t\t\t<ProductPickerContent\n\t\t\t\t{...props}\n\t\t\t\tselectedProducts={selectedListItems}\n\t\t\t\tsetSelectedProducts={setSelectedListItems}\n\t\t\t/>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DEFAULT_IMG","NoResultsSection","_ref","text","styleProps","_jsxs","StyledZeroState","children","_jsx","className","style","AlertTriangle","width","height","color","DEFAULT_THEME","colorsV2","content","secondary","jsx","TitleSmall","BodySecondary","Object","assign","textAlign","ProductPickerContent","props","formattedTimeStamp","instaPost","DateUtils","dateFormat","Date","timestamp","listItems","setListItems","useState","products","showLoader","setShowLoader","searchedText","setSearchedText","searchProducts","useCallback","debounce","onSearchKeyChange","then","res","StyledProductPickerContainer","jsxs","alt","onError","e","target","onerror","src","_a","media_url","BodyPrimary","textOverflow","overflow","whiteSpace","caption","primary","_b","_c","Caption","placeholder","borderTop","stroke","borderBottom","padding","Input","searchPlaceholder","_d","onChangeText","trim","length","rightIcon","icon","Search","maxHeight","overflowY","PageLoader","map","product","selectedItem","selectedProducts","find","item","id","image","name","order","CheckBox","isChecked","undefined","onValueChange","value","onChangeHandle","itemPresent","temp","setSelectedProducts","productIndex","forEach","index","splice","selectedListItems","setSelectedListItems","useEffect","StyledModal","open","show","onClose","footerLeftCustomElement","negative","headingTitle","title","primaryButton","disabled","buttonType","buttonText","size","onClick","secondaryButton","secondaryButtonProps","footerShadow"],"mappings":"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"}
+{"version":3,"file":"ProductPickerModal.js","sources":["../../../../src/components/product-picker/ProductPickerModal.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { PageLoader } from '@src/components/bik-layout/PageLoader';\nimport { CheckBox } from '@src/components/checkBox';\nimport { Input } from '@src/components/input';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tStyledProductPickerContainer,\n\tStyledZeroState,\n} from '@src/components/product-picker/ProductPicker.styled';\nimport {\n\tCollection,\n\tProduct,\n\tProductPickerProps,\n} from '@src/components/product-picker/type';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport Search from '../../assets/icons/search.svg';\n\nconst DEFAULT_IMG =\n\t'https://jkfenner.com/wp-content/uploads/2019/11/default.jpg';\n\nconst NoResultsSection: React.FC<{\n\ttext: string;\n\tstyleProps?: React.CSSProperties;\n}> = ({ text, styleProps }) => {\n\treturn (\n\t\t<StyledZeroState>\n\t\t\t<div className=\"icon__container\" style={{ ...styleProps }}>\n\t\t\t\t<AlertTriangle\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.secondary}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<TitleSmall>No results found</TitleSmall>\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{`Sorry we could not find any results for \"${text}\"`}\n\t\t\t</BodySecondary>\n\t\t</StyledZeroState>\n\t);\n};\n\nexport const ProductPickerContent: React.FC<ProductPickerProps> = (props) => {\n\tconst formattedTimeStamp = props.instaPost\n\t\t? DateUtils.dateFormat(new Date(props.instaPost.timestamp), '•', true)\n\t\t: '';\n\tconst [listItems, setListItems] = useState<Product[] | Collection[]>(\n\t\tprops.products,\n\t);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [searchedText, setSearchedText] = useState('');\n\n\tconst searchProducts = useCallback(\n\t\tdebounce((text) => {\n\t\t\tif (!text) {\n\t\t\t\tsetListItems(props.products);\n\t\t\t\tsetShowLoader(false);\n\t\t\t} else {\n\t\t\t\tsetListItems([]);\n\t\t\t\tprops.onSearchKeyChange(text).then((res) => {\n\t\t\t\t\tsetListItems(res);\n\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 700),\n\t\t[],\n\t);\n\n\tconst onChangeHandle = (value: boolean, product: Product | Collection) => {\n\t\tconst itemPresent = (props.selectedProducts as any).find((item) => {\n\t\t\treturn item.id === product.id;\n\t\t});\n\t\tif (value && !itemPresent) {\n\t\t\tconst temp = [...props.selectedProducts, product];\n\t\t\tprops.setSelectedProducts(temp as any);\n\t\t} else {\n\t\t\tif (itemPresent) {\n\t\t\t\tconst temp = [...props.selectedProducts];\n\t\t\t\tlet productIndex = -1;\n\t\t\t\tprops.selectedProducts.forEach((item, index) => {\n\t\t\t\t\tif (item.id === product.id) {\n\t\t\t\t\t\tproductIndex = index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemp.splice(productIndex, 1);\n\t\t\t\tprops.setSelectedProducts(temp as any);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<StyledProductPickerContainer>\n\t\t\t{props.instaPost && (\n\t\t\t\t<div className=\"post__wrapper\">\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={'Ig Media'}\n\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsrc={props.instaPost?.media_url}\n\t\t\t\t\t\tclassName=\"post__thumbnail\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"post__info-wrapper\">\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tcolor: props.instaPost.caption\n\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.primary\n\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.instaPost?.caption\n\t\t\t\t\t\t\t\t? props.instaPost?.caption\n\t\t\t\t\t\t\t\t: 'No caption'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{formattedTimeStamp}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborderTop: props.instaPost\n\t\t\t\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t\t\t\t: 'none',\n\t\t\t\t\tborderBottom: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\tpadding: props.instaPost ? '16px 24px' : '0px 24px 16px 24px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tplaceholder={props.searchPlaceholder ?? 'Search products..'}\n\t\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\t\tsetSearchedText(text);\n\t\t\t\t\t\tif (text.trim()?.length > 0) {\n\t\t\t\t\t\t\tsetShowLoader(true);\n\t\t\t\t\t\t\tsearchProducts(text);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetShowLoader(false);\n\t\t\t\t\t\t\tsetListItems(props.products);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\trightIcon={{ icon: Search }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div style={{ maxHeight: 350, overflowY: 'scroll' }}>\n\t\t\t\t{showLoader && (\n\t\t\t\t\t<div className=\"loader__wrapper\">\n\t\t\t\t\t\t<PageLoader />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{listItems.length === 0 && !showLoader ? (\n\t\t\t\t\t<NoResultsSection text={searchedText} />\n\t\t\t\t) : (\n\t\t\t\t\tlistItems.map((product) => {\n\t\t\t\t\t\tconst selectedItem = (props.selectedProducts as any[]).find(\n\t\t\t\t\t\t\t(item) => {\n\t\t\t\t\t\t\t\treturn item.id === product.id;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={product.id} className=\"product__wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"product__info-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt={'Product'}\n\t\t\t\t\t\t\t\t\t\tonError={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\te.target.onerror = null;\n\t\t\t\t\t\t\t\t\t\t\te.target.src = DEFAULT_IMG;\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsrc={product.image ?? DEFAULT_IMG}\n\t\t\t\t\t\t\t\t\t\tclassName=\"product__image\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{product.name}</TitleSmall>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div style={{ order: 1 }}>\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tisChecked={selectedItem !== undefined}\n\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeHandle(value, product);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</StyledProductPickerContainer>\n\t);\n};\n\nexport const PricePleaseProductPicker: React.FC<ProductPickerProps> = (\n\tprops,\n) => {\n\tconst [selectedListItems, setSelectedListItems] = useState<\n\t\tProduct[] | Collection[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tsetSelectedListItems(props.selectedProducts ?? []);\n\t}, [props.selectedProducts?.length]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\topen={props.show}\n\t\t\tonClose={() => {\n\t\t\t\tprops.onClose();\n\t\t\t}}\n\t\t\tfooterLeftCustomElement={\n\t\t\t\tselectedListItems.length > 10 ? (\n\t\t\t\t\t<Caption style={{ color: DEFAULT_THEME.colorsV2.content.negative }}>\n\t\t\t\t\t\t{\"Can't add more than 10 products\"}\n\t\t\t\t\t</Caption>\n\t\t\t\t) : (\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.placeholder }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedListItems ? `${selectedListItems.length} selected` : ''}\n\t\t\t\t\t</Caption>\n\t\t\t\t)\n\t\t\t}\n\t\t\theadingTitle={props.title}\n\t\t\tprimaryButton={{\n\t\t\t\tdisabled:\n\t\t\t\t\tselectedListItems.length > 10 || selectedListItems.length === 0,\n\t\t\t\tbuttonType: 'primary',\n\t\t\t\tbuttonText: 'Select',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tprops.setSelectedProducts(selectedListItems);\n\t\t\t\t\tprops.onClose();\n\t\t\t\t},\n\t\t\t}}\n\t\t\tsecondaryButton={props.secondaryButtonProps}\n\t\t\tfooterShadow={true}\n\t\t>\n\t\t\t<ProductPickerContent\n\t\t\t\t{...props}\n\t\t\t\tselectedProducts={selectedListItems}\n\t\t\t\tsetSelectedProducts={setSelectedListItems}\n\t\t\t/>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["DEFAULT_IMG","NoResultsSection","text","styleProps","_jsxs","StyledZeroState","children","_jsx","className","style","AlertTriangle","width","height","color","DEFAULT_THEME","colorsV2","content","secondary","jsx","TitleSmall","BodySecondary","Object","assign","textAlign","ProductPickerContent","props","formattedTimeStamp","instaPost","DateUtils","dateFormat","Date","timestamp","listItems","setListItems","useState","products","showLoader","setShowLoader","searchedText","setSearchedText","searchProducts","useCallback","debounce","onSearchKeyChange","then","res","StyledProductPickerContainer","jsxs","alt","onError","e","target","onerror","src","_a","media_url","BodyPrimary","textOverflow","overflow","whiteSpace","caption","primary","_b","_c","Caption","placeholder","borderTop","stroke","borderBottom","padding","Input","searchPlaceholder","_d","onChangeText","trim","length","rightIcon","icon","Search","maxHeight","overflowY","PageLoader","map","product","selectedItem","selectedProducts","find","item","id","image","name","order","CheckBox","isChecked","undefined","onValueChange","value","onChangeHandle","itemPresent","temp","setSelectedProducts","productIndex","forEach","index","splice","selectedListItems","setSelectedListItems","useEffect","StyledModal","open","show","onClose","footerLeftCustomElement","negative","headingTitle","title","primaryButton","disabled","buttonType","buttonText","size","onClick","secondaryButton","secondaryButtonProps","footerShadow"],"mappings":"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"}

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

@@ -5,5 +5,5 @@
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;exports.EmptyState=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:i})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:l}))]})};
+`;exports.EmptyState=({title:r,subtitle:i})=>e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:r})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:i}))]});
 //# 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","EmptyContainer","div","_ref","title","subtitle","_jsxs","children","_jsx","jsx","BoxRound","width","height","TitleRegular","Object","assign","style","marginTop","BodySecondary","color","COLORS","content","secondary"],"mappings":"wUAUaA,MAYPC,OAAuB,QAACC,GAAG;;;;;;;qBAZPC,IAAyC,IAAxCC,MAAEA,EAAKC,SAAEA,GAA2BF,EAC9D,OACCG,EAAAA,KAACL,EACA,CAAAM,SAAA,CAAAC,EAAAC,IAACC,UAAS,CAAAC,MAAO,GAAIC,OAAQ,KAC7BJ,EAAAC,IAACI,eAAYC,OAAAC,OAAA,CAACC,MAAO,CAAEC,UAAW,cAAMb,KACxCI,EAAAC,IAACS,gBAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAAA,OAAOC,QAAQC,UAAWL,UAAW,IAAG,CAAAV,SACrEF,OAEc"}
+{"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":["EmptyContainer","div","EmptyState","title","subtitle","_jsxs","children","_jsx","jsx","BoxRound","width","height","TitleRegular","Object","assign","style","marginTop","BodySecondary","color","COLORS","content","secondary"],"mappings":"wUAUO,MAYDA,OAAuB,QAACC,GAAG;;;;;;;qBAZPC,EAAGC,QAAOC,cAElCC,EAAAA,KAACL,EACA,CAAAM,SAAA,CAAAC,EAAAC,IAACC,UAAS,CAAAC,MAAO,GAAIC,OAAQ,KAC7BJ,EAAAC,IAACI,eAAYC,OAAAC,OAAA,CAACC,MAAO,CAAEC,UAAW,cAAMb,KACxCI,EAAAC,IAACS,gBAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAAA,OAAOC,QAAQC,UAAWL,UAAW,IAAG,CAAAV,SACrEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js");const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.OUT_OF_STOCK_ACTION.NORMAL,u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="OUT_OF_STOCK"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NORMAL"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[i].name})),n=[...n,...Object.values(r)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js");const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l,i=t.OUT_OF_STOCK_ACTION.NORMAL){let u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="OUT_OF_STOCK"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NORMAL"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[i].name})),n=[...n,...Object.values(r)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};
 //# sourceMappingURL=ProductHelper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductHelper.js","sources":["../../../../../src/components/product-picker-v2/helpers/ProductHelper.ts"],"sourcesContent":["import type { TagType } from '@src/components/tag/model';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductVariant,\n\ttype SelectedItems,\n} from '../type';\nimport type { ProductVariantForRearrange } from '../type';\n\nconst TAG_NAME_MAP = {\n\tNORMAL: null,\n\tNOT_SYNCED: 'Hidden',\n\tOUT_OF_STOCK: 'Out of Stock',\n\tFB_REJECTED: 'Rejected on FB catalog',\n};\n\nexport class ProductHelper {\n\t/**\n\t * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)\n\t * how to know if a product is hidden ? skipSync === true (not-synced)\n\t *\n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE\n\t *    - not-synced && OOS => NOT_SYNCED\n\t *    - not-synced && !OOS => NOT_SYNCED\n\t *    - !not-synced && OOS => NOT_SYNCED\n\t *    - !not-synced && !OOS => NORMAL\n\t *\n\t *\n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR\n\t *    - not-synced && OOS => NOT_SYNCED\n\t *    - not-synced && !OOS => NOT_SYNCED\n\t *    - !not-synced && OOS => OUT_OF_STOCK\n\t *    - !not-synced && !OOS => NORMAL\n\t *\n\t *\n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL\n\t *    - not-synced && OOS => NOT_SYNCED\n\t *    - not-synced && !OOS => NOT_SYNCED\n\t *    - !not-synced && OOS => NORMAL\n\t *    - !not-synced && !OOS => NORMAL\n\t *\n\t * @param product\n\t * @param currentCombination\n\t * @param outOfStockAction\n\t */\n\tstatic getProductLabels(\n\t\tproductVariant: Product | ProductVariant,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION = OUT_OF_STOCK_ACTION.NORMAL,\n\t) {\n\t\tlet tag: keyof typeof TAG_NAME_MAP = 'NORMAL';\n\n\t\tif ((productVariant as Product).variants) return TAG_NAME_MAP[tag];\n\n\t\tconst product = productVariant as ProductVariant;\n\n\t\tif (product?.fbStatus === 'REJECTED') {\n\t\t\treturn TAG_NAME_MAP['FB_REJECTED'];\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.HIDE) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.BLUR) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'OUT_OF_STOCK';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\treturn TAG_NAME_MAP[tag];\n\t}\n\n\t/**\n\t * For FB Rejected returns 'negative', for rest returns 'warning'\n\t */\n\tstatic getTagType = (tagText: string): TagType => {\n\t\tif (TAG_NAME_MAP['FB_REJECTED'] === tagText) {\n\t\t\treturn 'negative';\n\t\t}\n\t\treturn 'warning';\n\t};\n\n\tstatic getDataForProductPickerTag = (\n\t\tdata: Product | ProductVariant,\n\t\tisVariant: boolean,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION | undefined,\n\t) => {\n\t\tlet dataForProductPickerTag = data;\n\t\tlet isVariantForProductPickerTag = isVariant;\n\t\t// Is product a variant logic - only one variant and variant name has product name\n\t\tif (Object.keys((data as Product)?.variants ?? {}).length === 1) {\n\t\t\tdataForProductPickerTag = Object.values(\n\t\t\t\t(data as Product)?.variants ?? {},\n\t\t\t)[0];\n\t\t\tisVariantForProductPickerTag = true;\n\t\t}\n\n\t\tconst tagText = ProductHelper.getProductLabels(\n\t\t\tdataForProductPickerTag,\n\t\t\toutOfStockAction,\n\t\t);\n\t\tconst tagType = ProductHelper.getTagType(tagText ?? '');\n\t\treturn {\n\t\t\tisVariantForProductPickerTag,\n\t\t\tdataForProductPickerTag,\n\t\t\ttagText: tagText ?? undefined,\n\t\t\ttagType,\n\t\t};\n\t};\n}\n/**\n * Loops through each collection, each product, each variant.\n * For each variant, adds a displayOrder if not already there.\n * For each variant, additional parameters are added from ProductVariantForRearrange\n * in order to display the variant card.\n * After converting to array, sorts the array based on displayOrder and returns.\n *\n * @param selectedCollections - Collections in object format\n * @returns Selected Varaints in array format, sorted based on displayOrder.\n */\nexport const parseSelectedVariantsToArray = (\n\tselectedCollections: SelectedItems,\n) => {\n\tlet selectedVariantsForRearrange = [] as ProductVariantForRearrange[];\n\n\tObject.keys(selectedCollections).forEach((collectionId) => {\n\t\treturn Object.keys(\n\t\t\tselectedCollections?.[collectionId]?.['products'] || [],\n\t\t).forEach((productId) => {\n\t\t\tconst products = selectedCollections[collectionId]['products'] ?? [];\n\t\t\tconst variants = (products[productId]['variants'] ??\n\t\t\t\t[]) as ProductVariantForRearrange[];\n\n\t\t\tObject.keys(variants).map((variantId) => {\n\t\t\t\tconst variantForRearrange = variants[\n\t\t\t\t\tvariantId\n\t\t\t\t] as ProductVariantForRearrange;\n\t\t\t\tvariantForRearrange.currency = products[productId]['currency'];\n\t\t\t\tvariantForRearrange.variantId = variantId;\n\t\t\t\tvariantForRearrange.productId = productId;\n\t\t\t\tvariantForRearrange.collectionId = collectionId;\n\t\t\t\tvariantForRearrange.productName = products[productId]['name'];\n\t\t\t});\n\n\t\t\tselectedVariantsForRearrange = [\n\t\t\t\t...selectedVariantsForRearrange,\n\t\t\t\t...Object.values(variants),\n\t\t\t];\n\t\t\treturn selectedVariantsForRearrange;\n\t\t});\n\t});\n\n\tconst sortedVariants = selectedVariantsForRearrange.sort((a, b) => {\n\t\t// Handle null and undefined values\n\t\tif (a.displayOrder == null && b.displayOrder == null) {\n\t\t\treturn 0; // No change in order\n\t\t} else if (a.displayOrder == null) {\n\t\t\treturn 1; // a comes after b\n\t\t} else if (b.displayOrder == null) {\n\t\t\treturn -1; // a comes before b\n\t\t}\n\n\t\t// Compare based on displayOrder\n\t\treturn a.displayOrder - b.displayOrder;\n\t});\n\n\tsortedVariants.forEach((variant, index) => {\n\t\tvariant.displayOrder = index;\n\t});\n\n\treturn sortedVariants;\n};\n"],"names":["TAG_NAME_MAP","NORMAL","NOT_SYNCED","OUT_OF_STOCK","FB_REJECTED","ProductHelper","static","productVariant","outOfStockAction","arguments","length","undefined","OUT_OF_STOCK_ACTION","tag","variants","product","fbStatus","HIDE","skipSync","quantity","BLUR","Object","defineProperty","tagText","value","data","isVariant","dataForProductPickerTag","isVariantForProductPickerTag","keys","_a","values","_b","getProductLabels","tagType","getTagType","selectedCollections","selectedVariantsForRearrange","forEach","collectionId","productId","products","map","variantId","variantForRearrange","currency","productName","sortedVariants","sort","a","b","displayOrder","variant","index"],"mappings":"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"}
+{"version":3,"file":"ProductHelper.js","sources":["../../../../../src/components/product-picker-v2/helpers/ProductHelper.ts"],"sourcesContent":["import type { TagType } from '@src/components/tag/model';\nimport {\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductVariant,\n\ttype SelectedItems,\n} from '../type';\nimport type { ProductVariantForRearrange } from '../type';\n\nconst TAG_NAME_MAP = {\n\tNORMAL: null,\n\tNOT_SYNCED: 'Hidden',\n\tOUT_OF_STOCK: 'Out of Stock',\n\tFB_REJECTED: 'Rejected on FB catalog',\n};\n\nexport class ProductHelper {\n\t/**\n\t * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)\n\t * how to know if a product is hidden ? skipSync === true (not-synced)\n\t *\n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE\n\t *    - not-synced && OOS => NOT_SYNCED\n\t *    - not-synced && !OOS => NOT_SYNCED\n\t *    - !not-synced && OOS => NOT_SYNCED\n\t *    - !not-synced && !OOS => NORMAL\n\t *\n\t *\n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR\n\t *    - not-synced && OOS => NOT_SYNCED\n\t *    - not-synced && !OOS => NOT_SYNCED\n\t *    - !not-synced && OOS => OUT_OF_STOCK\n\t *    - !not-synced && !OOS => NORMAL\n\t *\n\t *\n\t * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL\n\t *    - not-synced && OOS => NOT_SYNCED\n\t *    - not-synced && !OOS => NOT_SYNCED\n\t *    - !not-synced && OOS => NORMAL\n\t *    - !not-synced && !OOS => NORMAL\n\t *\n\t * @param product\n\t * @param currentCombination\n\t * @param outOfStockAction\n\t */\n\tstatic getProductLabels(\n\t\tproductVariant: Product | ProductVariant,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION = OUT_OF_STOCK_ACTION.NORMAL,\n\t) {\n\t\tlet tag: keyof typeof TAG_NAME_MAP = 'NORMAL';\n\n\t\tif ((productVariant as Product).variants) return TAG_NAME_MAP[tag];\n\n\t\tconst product = productVariant as ProductVariant;\n\n\t\tif (product?.fbStatus === 'REJECTED') {\n\t\t\treturn TAG_NAME_MAP['FB_REJECTED'];\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.HIDE) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.BLUR) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'OUT_OF_STOCK';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\tif (outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL) {\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tproduct.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NOT_SYNCED';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\t(product?.quantity === 0 || product?.quantity === -2)\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!product.skipSync &&\n\t\t\t\tproduct?.quantity !== 0 &&\n\t\t\t\tproduct?.quantity !== -2\n\t\t\t) {\n\t\t\t\ttag = 'NORMAL';\n\t\t\t}\n\t\t}\n\n\t\treturn TAG_NAME_MAP[tag];\n\t}\n\n\t/**\n\t * For FB Rejected returns 'negative', for rest returns 'warning'\n\t */\n\tstatic getTagType = (tagText: string): TagType => {\n\t\tif (TAG_NAME_MAP['FB_REJECTED'] === tagText) {\n\t\t\treturn 'negative';\n\t\t}\n\t\treturn 'warning';\n\t};\n\n\tstatic getDataForProductPickerTag = (\n\t\tdata: Product | ProductVariant,\n\t\tisVariant: boolean,\n\t\toutOfStockAction: OUT_OF_STOCK_ACTION | undefined,\n\t) => {\n\t\tlet dataForProductPickerTag = data;\n\t\tlet isVariantForProductPickerTag = isVariant;\n\t\t// Is product a variant logic - only one variant and variant name has product name\n\t\tif (Object.keys((data as Product)?.variants ?? {}).length === 1) {\n\t\t\tdataForProductPickerTag = Object.values(\n\t\t\t\t(data as Product)?.variants ?? {},\n\t\t\t)[0];\n\t\t\tisVariantForProductPickerTag = true;\n\t\t}\n\n\t\tconst tagText = ProductHelper.getProductLabels(\n\t\t\tdataForProductPickerTag,\n\t\t\toutOfStockAction,\n\t\t);\n\t\tconst tagType = ProductHelper.getTagType(tagText ?? '');\n\t\treturn {\n\t\t\tisVariantForProductPickerTag,\n\t\t\tdataForProductPickerTag,\n\t\t\ttagText: tagText ?? undefined,\n\t\t\ttagType,\n\t\t};\n\t};\n}\n/**\n * Loops through each collection, each product, each variant.\n * For each variant, adds a displayOrder if not already there.\n * For each variant, additional parameters are added from ProductVariantForRearrange\n * in order to display the variant card.\n * After converting to array, sorts the array based on displayOrder and returns.\n *\n * @param selectedCollections - Collections in object format\n * @returns Selected Varaints in array format, sorted based on displayOrder.\n */\nexport const parseSelectedVariantsToArray = (\n\tselectedCollections: SelectedItems,\n) => {\n\tlet selectedVariantsForRearrange = [] as ProductVariantForRearrange[];\n\n\tObject.keys(selectedCollections).forEach((collectionId) => {\n\t\treturn Object.keys(\n\t\t\tselectedCollections?.[collectionId]?.['products'] || [],\n\t\t).forEach((productId) => {\n\t\t\tconst products = selectedCollections[collectionId]['products'] ?? [];\n\t\t\tconst variants = (products[productId]['variants'] ??\n\t\t\t\t[]) as ProductVariantForRearrange[];\n\n\t\t\tObject.keys(variants).map((variantId) => {\n\t\t\t\tconst variantForRearrange = variants[\n\t\t\t\t\tvariantId\n\t\t\t\t] as ProductVariantForRearrange;\n\t\t\t\tvariantForRearrange.currency = products[productId]['currency'];\n\t\t\t\tvariantForRearrange.variantId = variantId;\n\t\t\t\tvariantForRearrange.productId = productId;\n\t\t\t\tvariantForRearrange.collectionId = collectionId;\n\t\t\t\tvariantForRearrange.productName = products[productId]['name'];\n\t\t\t});\n\n\t\t\tselectedVariantsForRearrange = [\n\t\t\t\t...selectedVariantsForRearrange,\n\t\t\t\t...Object.values(variants),\n\t\t\t];\n\t\t\treturn selectedVariantsForRearrange;\n\t\t});\n\t});\n\n\tconst sortedVariants = selectedVariantsForRearrange.sort((a, b) => {\n\t\t// Handle null and undefined values\n\t\tif (a.displayOrder == null && b.displayOrder == null) {\n\t\t\treturn 0; // No change in order\n\t\t} else if (a.displayOrder == null) {\n\t\t\treturn 1; // a comes after b\n\t\t} else if (b.displayOrder == null) {\n\t\t\treturn -1; // a comes before b\n\t\t}\n\n\t\t// Compare based on displayOrder\n\t\treturn a.displayOrder - b.displayOrder;\n\t});\n\n\tsortedVariants.forEach((variant, index) => {\n\t\tvariant.displayOrder = index;\n\t});\n\n\treturn sortedVariants;\n};\n"],"names":["TAG_NAME_MAP","NORMAL","NOT_SYNCED","OUT_OF_STOCK","FB_REJECTED","ProductHelper","static","productVariant","outOfStockAction","OUT_OF_STOCK_ACTION","tag","variants","product","fbStatus","HIDE","skipSync","quantity","BLUR","Object","defineProperty","tagText","value","data","isVariant","dataForProductPickerTag","isVariantForProductPickerTag","keys","_a","length","values","_b","getProductLabels","undefined","tagType","getTagType","selectedCollections","selectedVariantsForRearrange","forEach","collectionId","productId","products","map","variantId","variantForRearrange","currency","productName","sortedVariants","sort","a","b","displayOrder","variant","index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../src/components/product-picker-v2/modal.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport { useEffect, useReducer, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport type { ButtonProps } from '../button/model';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { Spinner } from '../spinner';\nimport { Tag } from '../tag';\nimport { CollectionsScreen } from './collectionScreen';\nimport { ProductInfoOverlay } from './productInfoOverlay';\nimport { ProductsScreen } from './productScreen';\nimport { RearrangeScreen } from './rearrangeScreen';\nimport {\n\tCollectionIdContext,\n\tcollectionsReducer,\n\tsearchReducer,\n\tselectedColectionsReducer,\n} from './reducers';\nimport { SearchScreen } from './searchScreen';\nimport { SelectedScreen } from './selectedScreen';\nimport {\n\tContainerStyle,\n\tScrollContainerStyle,\n\tStyledFooterForNonModal,\n} from './style';\nimport {\n\ttype CollectionFetcherReturn,\n\ttype FbStatusFetcherReturn,\n\ttype FooterForNonModalI,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductFetcherReturn,\n\ttype ProductVariant,\n\tScreenName,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport { updateAllVariantsForSelectedProducts } from './utility';\n\nexport type ProductPickerInterface = {\n\thideGlobalSearch?: boolean;\n\thideInCollectionSearch?: boolean;\n\tcustomCollectionRestriction?: boolean;\n\tsearchInCollectionFetcher: (\n\t\tstoreId: string,\n\t\tcollectionId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => ProductFetcherReturn;\n\tsearchFetcher: (\n\t\tstoreId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => Promise<SearchedItems | SelectedItems>;\n\tcollectionFetcher: (\n\t\toffset: number,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t) => CollectionFetcherReturn;\n\tproductFetcher: (\n\t\tcollectionId: string,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t\tlimit?: number,\n\t\toffset?: number,\n\t) => ProductFetcherReturn;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\tstoreId: string;\n\tappType?: ApplicationType;\n\tselectedItems: SelectedItems;\n\tonAdd: (\n\t\titems: SelectedItems,\n\t\ttotal: number,\n\t\tsecondaryClick?: boolean,\n\t) => void;\n\tonClose?: () => void;\n\tvisible: boolean;\n\tzIndex?: number;\n\tlimit?: number;\n\texactLimit?: number;\n\thideCollectionCheckbox?: boolean;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\tselectProductsFromCustomCollection?: boolean;\n\thideSelectionCount?: boolean;\n\ttitle?: string;\n\tpostHeader?: React.ReactNode;\n\twidth?: string;\n\tleft?: string;\n\trenderWithoutModal?: boolean;\n\tonClickSave?: number;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\trearrangeEnabled?: boolean;\n\tselectSingleItem?: boolean;\n\tstickyFooter?: boolean;\n\tshowProductDetails?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tcrossButtonInsideHeader?: boolean;\n\tfooterForNonModal?: FooterForNonModalI;\n\tuseDynamicInfoImageSize?: boolean;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n\tsubtitle?: string;\n} & (\n\t| {\n\t\t\tstartupScreen: ScreenName.RearrangeProducts;\n\t\t\trearrangeEnabled: true;\n\t  }\n\t| {\n\t\t\tstartupScreen?: Exclude<ScreenName, ScreenName.RearrangeProducts>;\n\t  }\n);\n\nexport const ProductPickerModal = (props: ProductPickerInterface) => {\n\tconst {\n\t\tstoreId,\n\t\tselectedItems,\n\t\tonClose,\n\t\tvisible,\n\t\tzIndex,\n\t\texactLimit,\n\t\tlimit,\n\t\thideCollectionCheckbox,\n\t\thideProductCheckbox,\n\t\toutOfStockAction = OUT_OF_STOCK_ACTION.BLUR,\n\t\thideVariantCheckbox,\n\t\tselectProductsFromCustomCollection,\n\t\thideSelectionCount,\n\t\ttitle,\n\t\twidth,\n\t\tleft,\n\t\trenderWithoutModal,\n\t\tonClickSave,\n\t\tpickerType,\n\t\thideProductVariants = false,\n\t\tstartupScreen = ScreenName.Collections,\n\t\trearrangeEnabled,\n\t\tselectSingleItem = false,\n\t\tshowProductDetails: showProductDetailInfoIcon,\n\t\tcontainerStyle,\n\t\tcrossButtonInsideHeader = false,\n\t\tfooterForNonModal = {},\n\t\tprimaryButton,\n\t\tsecondaryButton,\n\t\tsubtitle,\n\t} = props;\n\tconst appType = props.appType || ApplicationType.BIK;\n\tconst [collections, collectionsDispatch] = useReducer(collectionsReducer, {});\n\tconst [screen, setScreen] = useState<string>(\n\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\tstartupScreen,\n\t\t)\n\t\t\t? startupScreen\n\t\t\t: ScreenName.Collections,\n\t);\n\t// @ts-ignore\n\tconst [rearrangeViewType, setRearrangeViewType] = useState<'grid' | 'list'>(\n\t\t'grid',\n\t);\n\tconst [collectionId, setCollectionId] = useState<string>('');\n\t// Introduced for pagination purpose. Based on this flag, we fetch all data for a collection.\n\tconst [selectedCollectionId, setSelectedCollectionId] = useState<string>('');\n\n\tconst [collectionPage, setCollectionPage] = useState<number>(0);\n\tconst [saveDisabled, setSaveDisabled] = useState<boolean>(false);\n\tconst [total, setTotal] = useState(0);\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [searchLoader, setSearchLoader] = useState<boolean>(false);\n\tconst [collectionsLoader, setCollectionsLoader] = useState<boolean>(false);\n\tconst [searchedCollections, searchedCollectionsDispatch] = useReducer(\n\t\tsearchReducer,\n\t\t{ collections: {}, products: {} },\n\t);\n\n\tconst [selectedCollections, selectedCollectionsDispatch] = useReducer(\n\t\tselectedColectionsReducer,\n\t\tObject.keys(selectedItems).length > 0 ? selectedItems : {},\n\t);\n\n\tconst scrollContainerRef = useRef<HTMLDivElement>(null);\n\n\tconst [showProductInfoOverlay, setShowProductInfoOverlay] = useState(false);\n\tconst [productInfoOverlayData, setProductInfoOverlayData] = useState<\n\t\tProduct | ProductVariant\n\t>();\n\n\tuseEffect(() => {\n\t\tsetSaveDisabled(true);\n\t\tsetCollectionsLoader(true);\n\t\tprops\n\t\t\t.collectionFetcher(collectionPage, storeId, appType)\n\t\t\t.then((collectionsParsed) => {\n\t\t\t\tcollectionsDispatch({\n\t\t\t\t\ttype: 'fetched',\n\t\t\t\t\tdata: collectionsParsed?.collections || {},\n\t\t\t\t});\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetCollectionPage((prev) => prev + 1);\n\t\t\t\tsetCollectionsLoader(false);\n\t\t\t})\n\t\t\t.catch();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tlet count = 0;\n\t\t// For COLLECTION picker type, count the number of collections selected\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\tcount = Object.keys(selectedCollections || {}).filter(\n\t\t\t\t(key) => key !== 'isCustom',\n\t\t\t).length;\n\t\t} else if (hideProductVariants) {\n\t\t\tObject.keys(selectedCollections || []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] || [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tif (collectionId !== '-1') {\n\t\t\t\t\t\t// currently we are not in all products collections\n\t\t\t\t\t\t// so we check if this product is present in all product collection,\n\t\t\t\t\t\t// if so, skip this count, it will increment from all product collection\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!selectedCollections['-1'] ||\n\t\t\t\t\t\t\t!selectedCollections['-1'].products?.[productId]\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tObject.keys(selectedCollections || []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] || [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tObject.keys(\n\t\t\t\t\t\tselectedCollections[collectionId]['products']?.[productId]?.[\n\t\t\t\t\t\t\t'variants'\n\t\t\t\t\t\t] || [],\n\t\t\t\t\t).forEach(() => {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetTotal(count);\n\t}, [collections, selectedCollections, hideProductVariants, pickerType]);\n\n\t/**\n\t * When we have a selected collection Id, we fetch all products for the collection and store in memory. This is done so that we can have total count to display in footer.\n\t */\n\tuseEffect(() => {\n\t\tif (selectedCollectionId) {\n\t\t\tsetSaveDisabled(true);\n\t\t\tprops\n\t\t\t\t.productFetcher(selectedCollectionId, storeId, appType)\n\t\t\t\t.then((data) => {\n\t\t\t\t\tif (Object.keys(data).length) {\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsFetched',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId: selectedCollectionId,\n\t\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tsetSaveDisabled(false);\n\t\t\t\t})\n\t\t\t\t.catch();\n\t\t}\n\t}, [selectedCollectionId]);\n\n\tuseEffect(() => {\n\t\tconst getSearchData = setTimeout(() => {\n\t\t\tif (screen === 'rearrange') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length && screen === 'collections') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length) {\n\t\t\t\tsetScreen('collections');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetSearchLoader(true);\n\t\t\tprops.searchFetcher(storeId, searchText, appType).then((data) => {\n\t\t\t\t// Updating searched items as well as global data. Global data should be updated because it is being used everywhere.\n\t\t\t\tif ('collections' in data && 'products' in data) {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: data as SearchedItems,\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.collections,\n\t\t\t\t\t});\n\t\t\t\t\t// If products are present in the search data but respective collection is missing, this ensures those collections get added as well.\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.products,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tcollections: {},\n\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetScreen('searchProducts');\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetSearchLoader(false);\n\t\t\t});\n\t\t}, 800);\n\n\t\treturn () => clearTimeout(getSearchData);\n\t}, [searchText]);\n\n\tuseEffect(() => {\n\t\tif (onClickSave) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [onClickSave]);\n\n\tuseEffect(() => {\n\t\t/*\n\t use-case: When single product/collection picker is required which should select the single item\n\t when clicked and close the picker\n\t */\n\t\tif (!selectSingleItem) return;\n\t\tif (Object.keys(selectedCollections || {}).length && total) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [selectSingleItem, selectedCollections, total]);\n\n\tconst getTitle = () => {\n\t\tif (screen === 'collections') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'products') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'view') {\n\t\t\treturn 'Selected Products';\n\t\t} else if (screen === 'searchProducts') {\n\t\t\treturn 'Searched Results';\n\t\t} else if (screen === 'rearrange') {\n\t\t\treturn 'Rearrange Products';\n\t\t}\n\t};\n\n\tconst resetPicker = () => {\n\t\tselectedCollectionsDispatch({\n\t\t\ttype: 'reset',\n\t\t\tdata: {},\n\t\t});\n\t};\n\n\tconst handleOnClose = () => {\n\t\tonClose?.();\n\t\tresetPicker();\n\t};\n\n\tconst renderFooterComponent = () => {\n\t\t// Determine item type based on picker type and whether we're counting variants\n\t\tlet itemType: string;\n\t\tlet itemTypePlural: string;\n\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\titemType = 'collection';\n\t\t\titemTypePlural = 'collections';\n\t\t} else if (hideProductVariants) {\n\t\t\t// When hideProductVariants is true, we count products\n\t\t\titemType = 'product';\n\t\t\titemTypePlural = 'products';\n\t\t} else {\n\t\t\t// When hideProductVariants is false, we count variants\n\t\t\titemType = 'variant';\n\t\t\titemTypePlural = 'variants';\n\t\t}\n\n\t\tif (exactLimit && total > exactLimit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${exactLimit} ${\n\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if (limit && total > limit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${limit} ${\n\t\t\t\t\t\tlimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (total > 0) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\trearrangeEnabled\n\t\t\t\t\t\t\t? setScreen(ScreenName.RearrangeProducts)\n\t\t\t\t\t\t\t: setScreen(ScreenName.SelectedProducts);\n\t\t\t\t\t}}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\ttotal === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t  } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\t['rearrange', 'view'].includes(screen) ? 'tertiaryGray' : 'tertiary'\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={['rearrange', 'view'].includes(screen)}\n\t\t\t\t/>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={true}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t  } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst onSearchTextChange = (text) => {\n\t\tif (!text.length || !text.trim().length) {\n\t\t\tsetSearchText('');\n\t\t\treturn;\n\t\t}\n\t\tsetSearchText(text);\n\t};\n\n\tconst getFooterButtonText = (buttonText?: string) => {\n\t\tif (saveDisabled) {\n\t\t\treturn 'Loading...';\n\t\t}\n\n\t\tif (screen === ScreenName.RearrangeProducts) {\n\t\t\treturn buttonText ?? 'Done';\n\t\t}\n\t\treturn buttonText ?? 'Add';\n\t};\n\n\tconst onProductDetailClick = (productData: Product | ProductVariant) => {\n\t\tsetShowProductInfoOverlay(true);\n\t\tsetProductInfoOverlayData(productData);\n\t};\n\n\tconst getPrimaryButtonForComponent = (primaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...primaryButton,\n\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\tdisabled:\n\t\t\t\t(!primaryButton.isLoading &&\n\t\t\t\t\t(saveDisabled ||\n\t\t\t\t\t\ttotal < 1 ||\n\t\t\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t\t\t(!exactLimit && limit && total > limit))) ||\n\t\t\t\tprimaryButton.disabled,\n\t\t\tonClick: () => {\n\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\tresetPicker();\n\t\t\t\tsetScreen(\n\t\t\t\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\t\t\t\tstartupScreen,\n\t\t\t\t\t)\n\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst getSecondaryButtonForComponent = (secondaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...secondaryButton,\n\t\t\tdisabled:\n\t\t\t\tsaveDisabled ||\n\t\t\t\ttotal < 1 ||\n\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t(!exactLimit && limit && total > limit) ||\n\t\t\t\tfalse,\n\t\t\tonClick: () => {\n\t\t\t\tconst filteredCollections = updateAllVariantsForSelectedProducts(\n\t\t\t\t\tselectedCollections,\n\t\t\t\t\tcollections,\n\t\t\t\t\tsearchedCollections,\n\t\t\t\t);\n\t\t\t\tprops.onAdd(filteredCollections, total, true);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst CoreComponent = (\n\t\t<ContainerStyle style={containerStyle ?? {}}>\n\t\t\t{props.postHeader && (\n\t\t\t\t<div style={{ padding: '0 24px' }}>{props.postHeader}</div>\n\t\t\t)}\n\t\t\t{!props.hideGlobalSearch && (\n\t\t\t\t<>\n\t\t\t\t\t{(screen === 'collections' || screen === 'searchProducts') && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: renderWithoutModal ? '8px 16px' : '12px 24px',\n\t\t\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Search using ID, Name or SKU ID'}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tnoErrorHint={true}\n\t\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t\t\t\t\tsearchLoader ? (\n\t\t\t\t\t\t\t\t\t\t\t<Spinner size=\"small\" color={COLORS.content.primary} />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid={'listInput'}\n\t\t\t\t\t\t\t\theight={'24px'}\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tonChangeText={onSearchTextChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<ScrollContainerStyle ref={scrollContainerRef} screenName={screen}>\n\t\t\t\t{screen === 'collections' && (\n\t\t\t\t\t<CollectionsScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tdataLoading={collectionsLoader}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\tcollectionFetcher={props.collectionFetcher}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\tpagingControls={{\n\t\t\t\t\t\t\tcurPage: collectionPage,\n\t\t\t\t\t\t\tsetCurPage: setCollectionPage,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'products' && collectionId && (\n\t\t\t\t\t<CollectionIdContext.Provider value={collectionId}>\n\t\t\t\t\t\t<ProductsScreen\n\t\t\t\t\t\t\thideInCollectionSearch={props.hideInCollectionSearch}\n\t\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\t\tproductFetcher={props.productFetcher}\n\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\tdata={collections[collectionId]}\n\t\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\tselectedData={selectedCollections}\n\t\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\t\tsearchInCollectionFetcher={props.searchInCollectionFetcher}\n\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\tselectProductsFromCustomCollection={\n\t\t\t\t\t\t\t\tselectProductsFromCustomCollection\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CollectionIdContext.Provider>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'view' && (\n\t\t\t\t\t<SelectedScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections || {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'rearrange' && (\n\t\t\t\t\t<RearrangeScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections || {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\trearrangeViewType={rearrangeViewType === 'grid' ? 'list' : 'grid'}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'searchProducts' && (\n\t\t\t\t\t<SearchScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tselectedCollections={selectedCollections || {}}\n\t\t\t\t\t\tsearchedCollections={searchedCollections || {}}\n\t\t\t\t\t\tsearchedCollectionsDispatch={searchedCollectionsDispatch}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tonBackPress={() => {\n\t\t\t\t\t\t\t//Resetting searched items once user presses back\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\t\t\tdata: { collections: {}, products: {} },\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ScrollContainerStyle>\n\t\t</ContainerStyle>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{renderWithoutModal ? (\n\t\t\t\t<>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{footerForNonModal.renderFooter ? (\n\t\t\t\t\t\t<StyledFooterForNonModal>\n\t\t\t\t\t\t\t{renderFooterComponent()}\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tbuttonText={getFooterButtonText(\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonText,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\t\t\t\t\t\t\t(!footerForNonModal.isLoading &&\n\t\t\t\t\t\t\t\t\t\t(saveDisabled ||\n\t\t\t\t\t\t\t\t\t\t\ttotal < 1 ||\n\t\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit))) ||\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonDisabled\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisLoading={footerForNonModal.isLoading}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\tsetScreen(\n\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\tScreenName.Collections,\n\t\t\t\t\t\t\t\t\t\t\tScreenName.RearrangeProducts,\n\t\t\t\t\t\t\t\t\t\t].includes(startupScreen)\n\t\t\t\t\t\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledFooterForNonModal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* this will allow to show the product overlay in the renderWithoutModal case */}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<StyledModal\n\t\t\t\t\tzIndex={zIndex}\n\t\t\t\t\topen={visible}\n\t\t\t\t\tonClose={handleOnClose}\n\t\t\t\t\theadingTitle={title || getTitle()}\n\t\t\t\t\theadingSubtitle={subtitle}\n\t\t\t\t\tfooterShadow={true}\n\t\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\t\twidth: width || '600px',\n\t\t\t\t\t\tleft: left || 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tcrossButtonInsideHeader ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tfooterContainerStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tzIndex: 9,\n\t\t\t\t\t\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tprimaryButton={\n\t\t\t\t\t\tprimaryButton\n\t\t\t\t\t\t\t? getPrimaryButtonForComponent(primaryButton)\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\tbuttonText: getFooterButtonText(),\n\t\t\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t\t\tsaveDisabled ||\n\t\t\t\t\t\t\t\t\t\ttotal < 1 ||\n\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit) ||\n\t\t\t\t\t\t\t\t\t\tfalse,\n\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t\tsecondaryButton={\n\t\t\t\t\t\tsecondaryButton\n\t\t\t\t\t\t\t? getSecondaryButtonForComponent(secondaryButton)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\twrapperStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tfooterLeftCustomElement={\n\t\t\t\t\t\thideSelectionCount ? <></> : renderFooterComponent()\n\t\t\t\t\t}\n\t\t\t\t\thideCrossButton={showProductInfoOverlay || crossButtonInsideHeader}\n\t\t\t\t>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["props","storeId","selectedItems","onClose","visible","zIndex","exactLimit","limit","hideCollectionCheckbox","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","BLUR","hideVariantCheckbox","selectProductsFromCustomCollection","hideSelectionCount","title","width","left","renderWithoutModal","onClickSave","pickerType","hideProductVariants","startupScreen","ScreenName","Collections","rearrangeEnabled","selectSingleItem","showProductDetails","showProductDetailInfoIcon","containerStyle","crossButtonInsideHeader","footerForNonModal","primaryButton","secondaryButton","subtitle","appType","ApplicationType","BIK","collections","collectionsDispatch","useReducer","collectionsReducer","screen","setScreen","useState","RearrangeProducts","includes","rearrangeViewType","setRearrangeViewType","collectionId","setCollectionId","selectedCollectionId","setSelectedCollectionId","collectionPage","setCollectionPage","saveDisabled","setSaveDisabled","total","setTotal","searchText","setSearchText","searchLoader","setSearchLoader","collectionsLoader","setCollectionsLoader","searchedCollections","searchedCollectionsDispatch","searchReducer","products","selectedCollections","selectedCollectionsDispatch","selectedColectionsReducer","Object","keys","length","scrollContainerRef","useRef","showProductInfoOverlay","setShowProductInfoOverlay","productInfoOverlayData","setProductInfoOverlayData","useEffect","collectionFetcher","then","collectionsParsed","type","data","prev","catch","count","filter","key","forEach","_a","productId","_b","productFetcher","getSearchData","setTimeout","searchFetcher","clearTimeout","onAdd","resetPicker","renderFooterComponent","itemType","itemTypePlural","_jsx","Tag","tagText","Button","onClick","SelectedProducts","buttonText","buttonType","disabled","getFooterButtonText","CoreComponent","_jsxs","jsxs","ContainerStyle","assign","style","children","postHeader","jsx","padding","hideGlobalSearch","_Fragment","borderBottom","Input","placeholder","noKeyDownChange","noErrorHint","rightIcon","icon","Spinner","size","color","COLORS","content","primary","SearchIcon","id","height","value","onChangeText","text","trim","ScrollContainerStyle","ref","screenName","CollectionsScreen","customCollectionRestriction","dataLoading","pagingControls","curPage","setCurPage","CollectionIdContext","Provider","ProductsScreen","hideInCollectionSearch","selectedData","searchInCollectionFetcher","fbStatusFetcher","onProductDetailClick","productData","SelectedScreen","RearrangeScreen","SearchScreen","onBackPress","renderFooter","StyledFooterForNonModal","primaryButtonText","isLoading","primaryButtonDisabled","Fragment","ProductInfoOverlay","useDynamicInfoImageSize","StyledModal","open","handleOnClose","headingTitle","headingSubtitle","footerShadow","centralContainerStyles","headerRightCustomElement","cursor","display","CrossIcon","secondary","footerContainerStyle","stickyFooter","position","bottom","background","surface","standard","undefined","getPrimaryButtonForComponent","filteredCollections","updateAllVariantsForSelectedProducts","getSecondaryButtonForComponent","wrapperStyle","footerLeftCustomElement","hideCrossButton"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../../src/components/product-picker-v2/modal.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport SearchIcon from '@src/assets/icons/search.svg';\nimport { useEffect, useReducer, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport type { ButtonProps } from '../button/model';\nimport { Input } from '../input';\nimport { StyledModal } from '../modals';\nimport { Spinner } from '../spinner';\nimport { Tag } from '../tag';\nimport { CollectionsScreen } from './collectionScreen';\nimport { ProductInfoOverlay } from './productInfoOverlay';\nimport { ProductsScreen } from './productScreen';\nimport { RearrangeScreen } from './rearrangeScreen';\nimport {\n\tCollectionIdContext,\n\tcollectionsReducer,\n\tsearchReducer,\n\tselectedColectionsReducer,\n} from './reducers';\nimport { SearchScreen } from './searchScreen';\nimport { SelectedScreen } from './selectedScreen';\nimport {\n\tContainerStyle,\n\tScrollContainerStyle,\n\tStyledFooterForNonModal,\n} from './style';\nimport {\n\ttype CollectionFetcherReturn,\n\ttype FbStatusFetcherReturn,\n\ttype FooterForNonModalI,\n\tOUT_OF_STOCK_ACTION,\n\ttype Product,\n\ttype ProductFetcherReturn,\n\ttype ProductVariant,\n\tScreenName,\n\ttype SearchedItems,\n\ttype SelectedItems,\n} from './type';\nimport { updateAllVariantsForSelectedProducts } from './utility';\n\nexport type ProductPickerInterface = {\n\thideGlobalSearch?: boolean;\n\thideInCollectionSearch?: boolean;\n\tcustomCollectionRestriction?: boolean;\n\tsearchInCollectionFetcher: (\n\t\tstoreId: string,\n\t\tcollectionId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => ProductFetcherReturn;\n\tsearchFetcher: (\n\t\tstoreId: string,\n\t\tquery: string,\n\t\tappType: ApplicationType,\n\t) => Promise<SearchedItems | SelectedItems>;\n\tcollectionFetcher: (\n\t\toffset: number,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t) => CollectionFetcherReturn;\n\tproductFetcher: (\n\t\tcollectionId: string,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t\tlimit?: number,\n\t\toffset?: number,\n\t) => ProductFetcherReturn;\n\tfbStatusFetcher?: (\n\t\tstoreId: string,\n\t\tvariantIds: string[],\n\t\tappType: ApplicationType,\n\t) => FbStatusFetcherReturn;\n\tstoreId: string;\n\tappType?: ApplicationType;\n\tselectedItems: SelectedItems;\n\tonAdd: (\n\t\titems: SelectedItems,\n\t\ttotal: number,\n\t\tsecondaryClick?: boolean,\n\t) => void;\n\tonClose?: () => void;\n\tvisible: boolean;\n\tzIndex?: number;\n\tlimit?: number;\n\texactLimit?: number;\n\thideCollectionCheckbox?: boolean;\n\thideProductCheckbox?: boolean;\n\toutOfStockAction?: OUT_OF_STOCK_ACTION;\n\thideVariantCheckbox?: boolean;\n\tselectProductsFromCustomCollection?: boolean;\n\thideSelectionCount?: boolean;\n\ttitle?: string;\n\tpostHeader?: React.ReactNode;\n\twidth?: string;\n\tleft?: string;\n\trenderWithoutModal?: boolean;\n\tonClickSave?: number;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\thideProductVariants?: boolean;\n\trearrangeEnabled?: boolean;\n\tselectSingleItem?: boolean;\n\tstickyFooter?: boolean;\n\tshowProductDetails?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tcrossButtonInsideHeader?: boolean;\n\tfooterForNonModal?: FooterForNonModalI;\n\tuseDynamicInfoImageSize?: boolean;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n\tsubtitle?: string;\n} & (\n\t| {\n\t\t\tstartupScreen: ScreenName.RearrangeProducts;\n\t\t\trearrangeEnabled: true;\n\t  }\n\t| {\n\t\t\tstartupScreen?: Exclude<ScreenName, ScreenName.RearrangeProducts>;\n\t  }\n);\n\nexport const ProductPickerModal = (props: ProductPickerInterface) => {\n\tconst {\n\t\tstoreId,\n\t\tselectedItems,\n\t\tonClose,\n\t\tvisible,\n\t\tzIndex,\n\t\texactLimit,\n\t\tlimit,\n\t\thideCollectionCheckbox,\n\t\thideProductCheckbox,\n\t\toutOfStockAction = OUT_OF_STOCK_ACTION.BLUR,\n\t\thideVariantCheckbox,\n\t\tselectProductsFromCustomCollection,\n\t\thideSelectionCount,\n\t\ttitle,\n\t\twidth,\n\t\tleft,\n\t\trenderWithoutModal,\n\t\tonClickSave,\n\t\tpickerType,\n\t\thideProductVariants = false,\n\t\tstartupScreen = ScreenName.Collections,\n\t\trearrangeEnabled,\n\t\tselectSingleItem = false,\n\t\tshowProductDetails: showProductDetailInfoIcon,\n\t\tcontainerStyle,\n\t\tcrossButtonInsideHeader = false,\n\t\tfooterForNonModal = {},\n\t\tprimaryButton,\n\t\tsecondaryButton,\n\t\tsubtitle,\n\t} = props;\n\tconst appType = props.appType || ApplicationType.BIK;\n\tconst [collections, collectionsDispatch] = useReducer(collectionsReducer, {});\n\tconst [screen, setScreen] = useState<string>(\n\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\tstartupScreen,\n\t\t)\n\t\t\t? startupScreen\n\t\t\t: ScreenName.Collections,\n\t);\n\t// @ts-ignore\n\tconst [rearrangeViewType, setRearrangeViewType] = useState<'grid' | 'list'>(\n\t\t'grid',\n\t);\n\tconst [collectionId, setCollectionId] = useState<string>('');\n\t// Introduced for pagination purpose. Based on this flag, we fetch all data for a collection.\n\tconst [selectedCollectionId, setSelectedCollectionId] = useState<string>('');\n\n\tconst [collectionPage, setCollectionPage] = useState<number>(0);\n\tconst [saveDisabled, setSaveDisabled] = useState<boolean>(false);\n\tconst [total, setTotal] = useState(0);\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [searchLoader, setSearchLoader] = useState<boolean>(false);\n\tconst [collectionsLoader, setCollectionsLoader] = useState<boolean>(false);\n\tconst [searchedCollections, searchedCollectionsDispatch] = useReducer(\n\t\tsearchReducer,\n\t\t{ collections: {}, products: {} },\n\t);\n\n\tconst [selectedCollections, selectedCollectionsDispatch] = useReducer(\n\t\tselectedColectionsReducer,\n\t\tObject.keys(selectedItems).length > 0 ? selectedItems : {},\n\t);\n\n\tconst scrollContainerRef = useRef<HTMLDivElement>(null);\n\n\tconst [showProductInfoOverlay, setShowProductInfoOverlay] = useState(false);\n\tconst [productInfoOverlayData, setProductInfoOverlayData] = useState<\n\t\tProduct | ProductVariant\n\t>();\n\n\tuseEffect(() => {\n\t\tsetSaveDisabled(true);\n\t\tsetCollectionsLoader(true);\n\t\tprops\n\t\t\t.collectionFetcher(collectionPage, storeId, appType)\n\t\t\t.then((collectionsParsed) => {\n\t\t\t\tcollectionsDispatch({\n\t\t\t\t\ttype: 'fetched',\n\t\t\t\t\tdata: collectionsParsed?.collections || {},\n\t\t\t\t});\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetCollectionPage((prev) => prev + 1);\n\t\t\t\tsetCollectionsLoader(false);\n\t\t\t})\n\t\t\t.catch();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tlet count = 0;\n\t\t// For COLLECTION picker type, count the number of collections selected\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\tcount = Object.keys(selectedCollections || {}).filter(\n\t\t\t\t(key) => key !== 'isCustom',\n\t\t\t).length;\n\t\t} else if (hideProductVariants) {\n\t\t\tObject.keys(selectedCollections || []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] || [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tif (collectionId !== '-1') {\n\t\t\t\t\t\t// currently we are not in all products collections\n\t\t\t\t\t\t// so we check if this product is present in all product collection,\n\t\t\t\t\t\t// if so, skip this count, it will increment from all product collection\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t!selectedCollections['-1'] ||\n\t\t\t\t\t\t\t!selectedCollections['-1'].products?.[productId]\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t} else {\n\t\t\tObject.keys(selectedCollections || []).forEach((collectionId: string) => {\n\t\t\t\tObject.keys(\n\t\t\t\t\tselectedCollections[collectionId]?.['products'] || [],\n\t\t\t\t).forEach((productId: string) => {\n\t\t\t\t\tObject.keys(\n\t\t\t\t\t\tselectedCollections[collectionId]['products']?.[productId]?.[\n\t\t\t\t\t\t\t'variants'\n\t\t\t\t\t\t] || [],\n\t\t\t\t\t).forEach(() => {\n\t\t\t\t\t\tcount += 1;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetTotal(count);\n\t}, [collections, selectedCollections, hideProductVariants, pickerType]);\n\n\t/**\n\t * When we have a selected collection Id, we fetch all products for the collection and store in memory. This is done so that we can have total count to display in footer.\n\t */\n\tuseEffect(() => {\n\t\tif (selectedCollectionId) {\n\t\t\tsetSaveDisabled(true);\n\t\t\tprops\n\t\t\t\t.productFetcher(selectedCollectionId, storeId, appType)\n\t\t\t\t.then((data) => {\n\t\t\t\t\tif (Object.keys(data).length) {\n\t\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\t\ttype: 'productsFetched',\n\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\tcollectionId: selectedCollectionId,\n\t\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tsetSaveDisabled(false);\n\t\t\t\t})\n\t\t\t\t.catch();\n\t\t}\n\t}, [selectedCollectionId]);\n\n\tuseEffect(() => {\n\t\tconst getSearchData = setTimeout(() => {\n\t\t\tif (screen === 'rearrange') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length && screen === 'collections') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!searchText.length) {\n\t\t\t\tsetScreen('collections');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetSearchLoader(true);\n\t\t\tprops.searchFetcher(storeId, searchText, appType).then((data) => {\n\t\t\t\t// Updating searched items as well as global data. Global data should be updated because it is being used everywhere.\n\t\t\t\tif ('collections' in data && 'products' in data) {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: data as SearchedItems,\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.collections,\n\t\t\t\t\t});\n\t\t\t\t\t// If products are present in the search data but respective collection is missing, this ensures those collections get added as well.\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data.products,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\tcollections: {},\n\t\t\t\t\t\t\tproducts: data,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'searched',\n\t\t\t\t\t\tdata: data,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetScreen('searchProducts');\n\t\t\t\tsetSaveDisabled(false);\n\t\t\t\tsetSearchLoader(false);\n\t\t\t});\n\t\t}, 800);\n\n\t\treturn () => clearTimeout(getSearchData);\n\t}, [searchText]);\n\n\tuseEffect(() => {\n\t\tif (onClickSave) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [onClickSave]);\n\n\tuseEffect(() => {\n\t\t/*\n\t use-case: When single product/collection picker is required which should select the single item\n\t when clicked and close the picker\n\t */\n\t\tif (!selectSingleItem) return;\n\t\tif (Object.keys(selectedCollections || {}).length && total) {\n\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\tresetPicker();\n\t\t}\n\t}, [selectSingleItem, selectedCollections, total]);\n\n\tconst getTitle = () => {\n\t\tif (screen === 'collections') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'products') {\n\t\t\treturn 'Select Products';\n\t\t} else if (screen === 'view') {\n\t\t\treturn 'Selected Products';\n\t\t} else if (screen === 'searchProducts') {\n\t\t\treturn 'Searched Results';\n\t\t} else if (screen === 'rearrange') {\n\t\t\treturn 'Rearrange Products';\n\t\t}\n\t};\n\n\tconst resetPicker = () => {\n\t\tselectedCollectionsDispatch({\n\t\t\ttype: 'reset',\n\t\t\tdata: {},\n\t\t});\n\t};\n\n\tconst handleOnClose = () => {\n\t\tonClose?.();\n\t\tresetPicker();\n\t};\n\n\tconst renderFooterComponent = () => {\n\t\t// Determine item type based on picker type and whether we're counting variants\n\t\tlet itemType: string;\n\t\tlet itemTypePlural: string;\n\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\titemType = 'collection';\n\t\t\titemTypePlural = 'collections';\n\t\t} else if (hideProductVariants) {\n\t\t\t// When hideProductVariants is true, we count products\n\t\t\titemType = 'product';\n\t\t\titemTypePlural = 'products';\n\t\t} else {\n\t\t\t// When hideProductVariants is false, we count variants\n\t\t\titemType = 'variant';\n\t\t\titemTypePlural = 'variants';\n\t\t}\n\n\t\tif (exactLimit && total > exactLimit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${exactLimit} ${\n\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if (limit && total > limit) {\n\t\t\treturn (\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={`You can only select ${limit} ${\n\t\t\t\t\t\tlimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t}`}\n\t\t\t\t\ttype=\"negative\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (total > 0) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\trearrangeEnabled\n\t\t\t\t\t\t\t? setScreen(ScreenName.RearrangeProducts)\n\t\t\t\t\t\t\t: setScreen(ScreenName.SelectedProducts);\n\t\t\t\t\t}}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\ttotal === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t  } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\t['rearrange', 'view'].includes(screen) ? 'tertiaryGray' : 'tertiary'\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={['rearrange', 'view'].includes(screen)}\n\t\t\t\t/>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={true}\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\texactLimit\n\t\t\t\t\t\t\t? `${total}/${exactLimit} ${\n\t\t\t\t\t\t\t\t\texactLimit === 1 ? itemType : itemTypePlural\n\t\t\t\t\t\t\t  } selected`\n\t\t\t\t\t\t\t: `${total} ${total === 1 ? itemType : itemTypePlural} selected`\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst onSearchTextChange = (text) => {\n\t\tif (!text.length || !text.trim().length) {\n\t\t\tsetSearchText('');\n\t\t\treturn;\n\t\t}\n\t\tsetSearchText(text);\n\t};\n\n\tconst getFooterButtonText = (buttonText?: string) => {\n\t\tif (saveDisabled) {\n\t\t\treturn 'Loading...';\n\t\t}\n\n\t\tif (screen === ScreenName.RearrangeProducts) {\n\t\t\treturn buttonText ?? 'Done';\n\t\t}\n\t\treturn buttonText ?? 'Add';\n\t};\n\n\tconst onProductDetailClick = (productData: Product | ProductVariant) => {\n\t\tsetShowProductInfoOverlay(true);\n\t\tsetProductInfoOverlayData(productData);\n\t};\n\n\tconst getPrimaryButtonForComponent = (primaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...primaryButton,\n\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\tdisabled:\n\t\t\t\t(!primaryButton.isLoading &&\n\t\t\t\t\t(saveDisabled ||\n\t\t\t\t\t\ttotal < 1 ||\n\t\t\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t\t\t(!exactLimit && limit && total > limit))) ||\n\t\t\t\tprimaryButton.disabled,\n\t\t\tonClick: () => {\n\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\tresetPicker();\n\t\t\t\tsetScreen(\n\t\t\t\t\t[ScreenName.Collections, ScreenName.RearrangeProducts].includes(\n\t\t\t\t\t\tstartupScreen,\n\t\t\t\t\t)\n\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst getSecondaryButtonForComponent = (secondaryButton: ButtonProps) => {\n\t\treturn {\n\t\t\t...secondaryButton,\n\t\t\tdisabled:\n\t\t\t\tsaveDisabled ||\n\t\t\t\ttotal < 1 ||\n\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t(!exactLimit && limit && total > limit) ||\n\t\t\t\tfalse,\n\t\t\tonClick: () => {\n\t\t\t\tconst filteredCollections = updateAllVariantsForSelectedProducts(\n\t\t\t\t\tselectedCollections,\n\t\t\t\t\tcollections,\n\t\t\t\t\tsearchedCollections,\n\t\t\t\t);\n\t\t\t\tprops.onAdd(filteredCollections, total, true);\n\t\t\t},\n\t\t};\n\t};\n\n\tconst CoreComponent = (\n\t\t<ContainerStyle style={containerStyle ?? {}}>\n\t\t\t{props.postHeader && (\n\t\t\t\t<div style={{ padding: '0 24px' }}>{props.postHeader}</div>\n\t\t\t)}\n\t\t\t{!props.hideGlobalSearch && (\n\t\t\t\t<>\n\t\t\t\t\t{(screen === 'collections' || screen === 'searchProducts') && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: renderWithoutModal ? '8px 16px' : '12px 24px',\n\t\t\t\t\t\t\t\tborderBottom: '1px solid #E0E0E0',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tplaceholder={'Search using ID, Name or SKU ID'}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tnoErrorHint={true}\n\t\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t\t\t\t\tsearchLoader ? (\n\t\t\t\t\t\t\t\t\t\t\t<Spinner size=\"small\" color={COLORS.content.primary} />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<SearchIcon />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid={'listInput'}\n\t\t\t\t\t\t\t\theight={'24px'}\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tonChangeText={onSearchTextChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<ScrollContainerStyle ref={scrollContainerRef} screenName={screen}>\n\t\t\t\t{screen === 'collections' && (\n\t\t\t\t\t<CollectionsScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tdataLoading={collectionsLoader}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tselectedCollections={selectedCollections}\n\t\t\t\t\t\tcollectionFetcher={props.collectionFetcher}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\tpagingControls={{\n\t\t\t\t\t\t\tcurPage: collectionPage,\n\t\t\t\t\t\t\tsetCurPage: setCollectionPage,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'products' && collectionId && (\n\t\t\t\t\t<CollectionIdContext.Provider value={collectionId}>\n\t\t\t\t\t\t<ProductsScreen\n\t\t\t\t\t\t\thideInCollectionSearch={props.hideInCollectionSearch}\n\t\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\t\tproductFetcher={props.productFetcher}\n\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\tdata={collections[collectionId]}\n\t\t\t\t\t\t\tcollectionsDispatch={collectionsDispatch}\n\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\tselectedData={selectedCollections}\n\t\t\t\t\t\t\tsetSaveDisabled={setSaveDisabled}\n\t\t\t\t\t\t\tsearchInCollectionFetcher={props.searchInCollectionFetcher}\n\t\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\t\tselectProductsFromCustomCollection={\n\t\t\t\t\t\t\t\tselectProductsFromCustomCollection\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\t\tonProductDetailClick={onProductDetailClick}\n\t\t\t\t\t\t\tshowProductDetailInfoIcon={showProductDetailInfoIcon}\n\t\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CollectionIdContext.Provider>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'view' && (\n\t\t\t\t\t<SelectedScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections || {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'rearrange' && (\n\t\t\t\t\t<RearrangeScreen\n\t\t\t\t\t\tselectedCollections={selectedCollections || {}}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\trearrangeViewType={rearrangeViewType === 'grid' ? 'list' : 'grid'}\n\t\t\t\t\t\tscrollContainerRef={scrollContainerRef}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{screen === 'searchProducts' && (\n\t\t\t\t\t<SearchScreen\n\t\t\t\t\t\tcustomCollectionRestriction={props.customCollectionRestriction}\n\t\t\t\t\t\tselectedCollections={selectedCollections || {}}\n\t\t\t\t\t\tsearchedCollections={searchedCollections || {}}\n\t\t\t\t\t\tsearchedCollectionsDispatch={searchedCollectionsDispatch}\n\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\tcollections={collections}\n\t\t\t\t\t\tonBackPress={() => {\n\t\t\t\t\t\t\t//Resetting searched items once user presses back\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t\tsearchedCollectionsDispatch({\n\t\t\t\t\t\t\t\ttype: 'set',\n\t\t\t\t\t\t\t\tdata: { collections: {}, products: {} },\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tpickerType={pickerType}\n\t\t\t\t\t\thideProductCheckbox={hideProductCheckbox}\n\t\t\t\t\t\thideProductVariants={hideProductVariants}\n\t\t\t\t\t\thideVariantCheckbox={hideVariantCheckbox}\n\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\tfbStatusFetcher={props.fbStatusFetcher}\n\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\trenderWithoutModal={renderWithoutModal}\n\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox}\n\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\tlimit={limit}\n\t\t\t\t\t\texactLimit={exactLimit}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ScrollContainerStyle>\n\t\t</ContainerStyle>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{renderWithoutModal ? (\n\t\t\t\t<>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{footerForNonModal.renderFooter ? (\n\t\t\t\t\t\t<StyledFooterForNonModal>\n\t\t\t\t\t\t\t{renderFooterComponent()}\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tbuttonText={getFooterButtonText(\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonText,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t// if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up\n\t\t\t\t\t\t\t\t\t(!footerForNonModal.isLoading &&\n\t\t\t\t\t\t\t\t\t\t(saveDisabled ||\n\t\t\t\t\t\t\t\t\t\t\ttotal < 1 ||\n\t\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit))) ||\n\t\t\t\t\t\t\t\t\tfooterForNonModal.primaryButtonDisabled\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisLoading={footerForNonModal.isLoading}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\tsetScreen(\n\t\t\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t\t\tScreenName.Collections,\n\t\t\t\t\t\t\t\t\t\t\tScreenName.RearrangeProducts,\n\t\t\t\t\t\t\t\t\t\t].includes(startupScreen)\n\t\t\t\t\t\t\t\t\t\t\t? startupScreen\n\t\t\t\t\t\t\t\t\t\t\t: ScreenName.Collections,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledFooterForNonModal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* this will allow to show the product overlay in the renderWithoutModal case */}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<StyledModal\n\t\t\t\t\tzIndex={zIndex}\n\t\t\t\t\topen={visible}\n\t\t\t\t\tonClose={handleOnClose}\n\t\t\t\t\theadingTitle={title || getTitle()}\n\t\t\t\t\theadingSubtitle={subtitle}\n\t\t\t\t\tfooterShadow={true}\n\t\t\t\t\tcentralContainerStyles={{\n\t\t\t\t\t\twidth: width || '600px',\n\t\t\t\t\t\tleft: left || 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tcrossButtonInsideHeader ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tfooterContainerStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tzIndex: 9,\n\t\t\t\t\t\t\t\t\tbackground: COLORS.surface.standard,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tprimaryButton={\n\t\t\t\t\t\tprimaryButton\n\t\t\t\t\t\t\t? getPrimaryButtonForComponent(primaryButton)\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\tbuttonText: getFooterButtonText(),\n\t\t\t\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\t\t\t\tsaveDisabled ||\n\t\t\t\t\t\t\t\t\t\ttotal < 1 ||\n\t\t\t\t\t\t\t\t\t\t(exactLimit && total < exactLimit) ||\n\t\t\t\t\t\t\t\t\t\t(!exactLimit && limit && total > limit) ||\n\t\t\t\t\t\t\t\t\t\tfalse,\n\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\tprops.onAdd(selectedCollections, total);\n\t\t\t\t\t\t\t\t\t\tresetPicker();\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t\tsecondaryButton={\n\t\t\t\t\t\tsecondaryButton\n\t\t\t\t\t\t\t? getSecondaryButtonForComponent(secondaryButton)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\twrapperStyle={\n\t\t\t\t\t\tprops.stickyFooter\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\theight: 'calc(100vh - 168px)',\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tfooterLeftCustomElement={\n\t\t\t\t\t\thideSelectionCount ? <></> : renderFooterComponent()\n\t\t\t\t\t}\n\t\t\t\t\thideCrossButton={showProductInfoOverlay || crossButtonInsideHeader}\n\t\t\t\t>\n\t\t\t\t\t{CoreComponent}\n\t\t\t\t\t{showProductInfoOverlay && !!productInfoOverlayData ? (\n\t\t\t\t\t\t<ProductInfoOverlay\n\t\t\t\t\t\t\tproductData={productInfoOverlayData}\n\t\t\t\t\t\t\tuseDynamicInfoImageSize={props.useDynamicInfoImageSize}\n\t\t\t\t\t\t\toutOfStockAction={outOfStockAction}\n\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\tsetShowProductInfoOverlay(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["props","storeId","selectedItems","onClose","visible","zIndex","exactLimit","limit","hideCollectionCheckbox","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","BLUR","hideVariantCheckbox","selectProductsFromCustomCollection","hideSelectionCount","title","width","left","renderWithoutModal","onClickSave","pickerType","hideProductVariants","startupScreen","ScreenName","Collections","rearrangeEnabled","selectSingleItem","showProductDetails","showProductDetailInfoIcon","containerStyle","crossButtonInsideHeader","footerForNonModal","primaryButton","secondaryButton","subtitle","appType","ApplicationType","BIK","collections","collectionsDispatch","useReducer","collectionsReducer","screen","setScreen","useState","RearrangeProducts","includes","rearrangeViewType","setRearrangeViewType","collectionId","setCollectionId","selectedCollectionId","setSelectedCollectionId","collectionPage","setCollectionPage","saveDisabled","setSaveDisabled","total","setTotal","searchText","setSearchText","searchLoader","setSearchLoader","collectionsLoader","setCollectionsLoader","searchedCollections","searchedCollectionsDispatch","searchReducer","products","selectedCollections","selectedCollectionsDispatch","selectedColectionsReducer","Object","keys","length","scrollContainerRef","useRef","showProductInfoOverlay","setShowProductInfoOverlay","productInfoOverlayData","setProductInfoOverlayData","useEffect","collectionFetcher","then","collectionsParsed","type","data","prev","catch","count","filter","key","forEach","_a","productId","_b","productFetcher","getSearchData","setTimeout","searchFetcher","clearTimeout","onAdd","resetPicker","renderFooterComponent","itemType","itemTypePlural","_jsx","Tag","tagText","Button","onClick","SelectedProducts","buttonText","buttonType","disabled","getFooterButtonText","CoreComponent","_jsxs","jsxs","ContainerStyle","assign","style","children","postHeader","jsx","padding","hideGlobalSearch","_Fragment","borderBottom","Input","placeholder","noKeyDownChange","noErrorHint","rightIcon","icon","Spinner","size","color","COLORS","content","primary","SearchIcon","id","height","value","onChangeText","text","trim","ScrollContainerStyle","ref","screenName","CollectionsScreen","customCollectionRestriction","dataLoading","pagingControls","curPage","setCurPage","CollectionIdContext","Provider","ProductsScreen","hideInCollectionSearch","selectedData","searchInCollectionFetcher","fbStatusFetcher","onProductDetailClick","productData","SelectedScreen","RearrangeScreen","SearchScreen","onBackPress","renderFooter","StyledFooterForNonModal","primaryButtonText","isLoading","primaryButtonDisabled","Fragment","ProductInfoOverlay","useDynamicInfoImageSize","StyledModal","open","handleOnClose","headingTitle","headingSubtitle","footerShadow","centralContainerStyles","headerRightCustomElement","cursor","display","CrossIcon","secondary","footerContainerStyle","stickyFooter","position","bottom","background","surface","standard","undefined","getPrimaryButtonForComponent","filteredCollections","updateAllVariantsForSelectedProducts","getSecondaryButtonForComponent","wrapperStyle","footerLeftCustomElement","hideCrossButton"],"mappings":"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"}

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

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

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","ProductInfoCard","props","isVariant","undefined","productData","variants","currencyAndPrice","currency","_a","CurrencySymbols","_e","_b","price","_c","_d","actualPrice","productCurrency","_f","_g","_q","_l","_k","Object","values","_h","_j","_p","_o","_m","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","outOfStockAction","skuId","getSkuId","_jsxs","StyledProductInfoCard","children","_jsx","jsx","ImageContainerProductInfo","ShimmerImage","useDynamicInfoImageSize","imageUrl","image","width","height","borderRadius","jsxs","RightContainerProductInfo","Tooltip","assign","body","placement","SKUIDBadge","EllipsedBodyTiny","TitleRegular","style","display","name","BodyCaption","color","COLORS","content","secondary","id","className","dangerouslySetInnerHTML","__html","description","shouldShowVariant","ProductPickerTag","data","StyledProductInfoOverlay","styled","div","OverlayBackground","CloseButtonContainer","surface","standard","IconButton","onClick","onClose","Icon","CrossIcon"],"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","ProductInfoCard","props","isVariant","undefined","productData","variants","currencyAndPrice","currency","_a","CurrencySymbols","_e","_b","price","_c","_d","actualPrice","productCurrency","_f","_g","_q","_l","_k","Object","values","_h","_j","_p","_o","_m","isVariantForProductPickerTag","dataForProductPickerTag","tagText","tagType","ProductHelper","getDataForProductPickerTag","outOfStockAction","skuId","getSkuId","_jsxs","StyledProductInfoCard","children","_jsx","jsx","ImageContainerProductInfo","ShimmerImage","useDynamicInfoImageSize","imageUrl","image","width","height","borderRadius","jsxs","RightContainerProductInfo","Tooltip","assign","body","placement","SKUIDBadge","EllipsedBodyTiny","TitleRegular","style","display","name","BodyCaption","color","COLORS","content","secondary","id","className","dangerouslySetInnerHTML","__html","description","shouldShowVariant","ProductPickerTag","data","StyledProductInfoOverlay","styled","div","OverlayBackground","CloseButtonContainer","surface","standard","IconButton","onClick","onClose","Icon","CrossIcon"],"mappings":"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"}