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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),F=require("../../assets/icons/chevronRight.svg.js"),b=require("react"),L=require("../TypographyStyle.js"),w=require("./emptyState.js"),O=require("./ProductPickerShimmer.js"),N=require("./style.js"),H=require("./utility.js"),A=require("../checkBox/CheckBox.js"),M=require("../tooltips/Tooltip.js"),_=require("../tag/Tag.js"),z=require("../icon-button/IconButton.js"),G=(c,s,n)=>{if(!c)return"";if(c.length<=s)return c;const r=c.slice(0,s-1);return r.slice(0,r.lastIndexOf(" "))+"..."},J=c=>{const{customCollectionRestriction:s,dataLoading:n,collections:r,selectedCollectionsDispatch:k,setCollectionId:a,setSelectedCollectionId:C,selectedCollections:i,setScreen:t,collectionFetcher:h,collectionsDispatch:u,pagingControls:m,storeId:f,setSaveDisabled:d,hideCollectionCheckbox:x,renderWithoutModal:p,pickerType:v,scrollContainerRef:l,appType:T,limit:j,exactLimit:W}=c,D=b.useRef(m.curPage),q=s?i?.isCustom:!1,[B,S]=b.useState(!1),U=b.useRef(!1),g=b.useRef(!1),V=()=>{if(!l||!l?.current)return;const{scrollTop:o,clientHeight:y,scrollHeight:E}=l.current;o+y>=E-20&&!U.current&&!g.current&&(d(!0),S(!0),g.current=!0,d(!0),S(!0),h(D.current,f,T).then(I=>{u({type:"paged",data:I?.collections||{}}),m.setCurPage(D.current+1),S(!1),d(!1),g.current=!1,Object.keys(I?.collections).length||(U.current=!0)}).catch())};b.useEffect(()=>(l?.current?.addEventListener("scroll",V),()=>{l?.current?.removeEventListener("scroll",V)}),[]),b.useEffect(()=>{D.current=m.curPage},[m.curPage]);const P=Object.keys(i||{}).filter(o=>o!=="isCustom").length;return e.jsxDEV("div",{children:[Object.keys(r??{})?.length?Object.keys(r).map(o=>{const y=i?.[o]?v==="PRODUCT"?!!Object.keys(i?.[o]?.products??{}).length:!0:!1,E=v==="COLLECTION"&&!y&&(!!W&&P>=W||!!j&&P>=j);return e.jsxDEV(R,{customCollectionRestriction:s,data:r[o],isDisabled:q&&!i?.[o]||E,isChecked:y,isPartiallyChecked:H.isCollectionPartiallyChecked(o,r?.[o],i),selectedCollectionsDispatch:k,setCollectionId:a,setSelectedCollectionId:C,setScreen:t,id:o,hideCollectionCheckbox:x||o==="-1",selectedCollections:i,renderWithoutModal:p,pickerType:v},o,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:182,columnNumber:7},void 0)}):n?e.jsxDEV(O.ProductPickerShimmer,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:209,columnNumber:5},void 0):e.jsxDEV(w.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:211,columnNumber:5},void 0),B&&e.jsxDEV(O.ProductPickerShimmer,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:216,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:165,columnNumber:3},void 0)},R=c=>{const{customCollectionRestriction:s,data:n,selectedCollectionsDispatch:r,setCollectionId:k,setSelectedCollectionId:a,isPartiallyChecked:C,setScreen:i,id:t,isChecked:h,isDisabled:u,hideCollectionCheckbox:m,pickerType:f,usedInSearch:d}=c,x=p=>{if(!u){if(f==="COLLECTION"){p.stopPropagation(),r({type:"reset",data:{}}),r({type:"selected",data:{id:t,val:n,isRestricted:s}}),k(t),a(t);return}k(t),a(t),i("products")}};return n?e.jsxDEV(N.CollectionCardStyle,{isDisabled:u,onClick:x,isActive:h,usedInSearch:d??!1,children:[e.jsxDEV(N.CollectionCardInfoStyle,{children:[!m&&e.jsxDEV(A.CheckBox,{isDisabled:u,isChecked:h,isPartiallyChecked:C,onValueChange:function(p,v,l){l?.stopPropagation(),r(p?{type:"selected",data:{id:t,val:n,isRestricted:s}}:{type:"unselected",data:{id:t}}),a(p?t:"")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:297,columnNumber:6},void 0),e.jsxDEV(N.CollectionCardDetailStyle,{children:e.jsxDEV(M.Tooltip,{body:n.name,placement:"bottom",delay:400,variant:"light",children:e.jsxDEV(N.CollectionNameHolder,{children:[d?e.jsxDEV(L.BodyPrimary,{numberOfLines:1,children:n.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:340,columnNumber:9},void 0):e.jsxDEV(L.TitleRegular,{numberOfLines:1,children:n.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:338,columnNumber:9},void 0),n.isSmartCollection?e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(_.Tag,{tagText:"Smart Collection",type:"warning"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:345,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:344,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:348,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:336,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:330,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:329,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:295,columnNumber:4},void 0),f!=="COLLECTION"&&e.jsxDEV(z.IconButton,{height:12,width:12,disabled:u,Icon:F.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:355,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:289,columnNumber:3},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:285,columnNumber:10},void 0)};exports.CollectionCard=R;exports.CollectionsScreen=J;exports.truncate=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),F=require("../../assets/icons/chevronRight.svg.js"),b=require("react"),L=require("../TypographyStyle.js"),H=require("./emptyState.js"),O=require("./ProductPickerShimmer.js"),v=require("./style.js"),W=require("./utility.js"),A=require("../checkBox/CheckBox.js"),M=require("../tooltips/Tooltip.js"),_=require("../tag/Tag.js"),z=require("../icon-button/IconButton.js"),G=(i,l,r)=>{if(!i)return"";if(i.length<=l)return i;const n=i.slice(0,l-1);return n.slice(0,n.lastIndexOf(" "))+"..."},J=i=>{const{customCollectionRestriction:l,dataLoading:r,collections:n,selectedCollectionsDispatch:f,setCollectionId:a,setSelectedCollectionId:k,selectedCollections:c,setScreen:t,collectionFetcher:y,collectionsDispatch:d,pagingControls:u,storeId:N,setSaveDisabled:m,hideCollectionCheckbox:x,renderWithoutModal:p,pickerType:C,scrollContainerRef:s,appType:T,limit:j,exactLimit:w}=i,D=b.useRef(u.curPage),q=l?c?.isCustom:!1,[B,S]=b.useState(!1),U=b.useRef(!1),g=b.useRef(!1),V=()=>{if(!s||!s?.current)return;const{scrollTop:o,clientHeight:h,scrollHeight:E}=s.current;o+h>=E-20&&!U.current&&!g.current&&(m(!0),S(!0),g.current=!0,m(!0),S(!0),y(D.current,N,T).then(I=>{d({type:"paged",data:I?.collections||{}}),u.setCurPage(D.current+1),S(!1),m(!1),g.current=!1,Object.keys(I?.collections).length||(U.current=!0)}).catch())};b.useEffect(()=>(s?.current?.addEventListener("scroll",V),()=>{s?.current?.removeEventListener("scroll",V)}),[]),b.useEffect(()=>{D.current=u.curPage},[u.curPage]);const P=Object.keys(c||{}).filter(o=>o!=="isCustom").length;return e.jsxDEV("div",{children:[Object.keys(n??{})?.length?Object.keys(n).map(o=>{const h=c?.[o]?C==="PRODUCT"?!!Object.keys(c?.[o]?.products??{}).length:!0:!1,E=C==="COLLECTION"&&!h&&(!!w&&P>=w||!!j&&P>=j);return e.jsxDEV(R,{customCollectionRestriction:l,data:n[o],isDisabled:q&&!c?.[o]||E,isChecked:h,isPartiallyChecked:W.isCollectionPartiallyChecked(o,n?.[o],c),selectedCollectionsDispatch:f,setCollectionId:a,setSelectedCollectionId:k,setScreen:t,id:o,hideCollectionCheckbox:x||o==="-1",selectedCollections:c,renderWithoutModal:p,pickerType:C},o,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:182,columnNumber:7},void 0)}):r?e.jsxDEV(O.ProductPickerShimmer,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:209,columnNumber:5},void 0):e.jsxDEV(H.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:211,columnNumber:5},void 0),B&&e.jsxDEV(O.ProductPickerShimmer,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:216,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:165,columnNumber:3},void 0)},R=i=>{const{customCollectionRestriction:l,data:r,selectedCollectionsDispatch:n,setCollectionId:f,setSelectedCollectionId:a,isPartiallyChecked:k,setScreen:c,id:t,isChecked:y,isDisabled:d,hideCollectionCheckbox:u,pickerType:N,usedInSearch:m}=i,x=p=>{if(!d){if(N==="COLLECTION"){p.stopPropagation(),n({type:"reset",data:{}}),n({type:"selected",data:{id:t,val:r,isRestricted:l}}),f(t),a(t);return}f(t),a(t),c("products")}};return r?e.jsxDEV(v.CollectionCardStyle,{isDisabled:d,onClick:x,isActive:y,usedInSearch:m??!1,children:[e.jsxDEV(v.CollectionCardInfoStyle,{children:[!u&&e.jsxDEV(A.CheckBox,{isDisabled:d,isChecked:y,isPartiallyChecked:k,onValueChange:function(p,C,s){s?.stopPropagation(),n(p?{type:"selected",data:{id:t,val:r,isRestricted:l}}:{type:"unselected",data:{id:t}}),a(p?t:"")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:297,columnNumber:6},void 0),e.jsxDEV(v.CollectionCardDetailStyle,{children:e.jsxDEV(M.Tooltip,{body:r.name,placement:"bottom",delay:400,variant:"light",children:e.jsxDEV(v.CollectionNameHolder,{children:[m?e.jsxDEV(L.BodyPrimary,{numberOfLines:1,children:r.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:340,columnNumber:9},void 0):e.jsxDEV(L.TitleRegular,{numberOfLines:1,children:r.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:338,columnNumber:9},void 0),r.isSmartCollection?e.jsxDEV("div",{style:{display:"flex"},children:e.jsxDEV(_.Tag,{tagText:"Smart Collection",type:"warning"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:345,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:344,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:348,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:336,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:330,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:329,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:295,columnNumber:4},void 0),N!=="COLLECTION"&&e.jsxDEV(z.IconButton,{height:12,width:12,disabled:d,Icon:F.default},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:355,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:289,columnNumber:3},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/collectionScreen.tsx",lineNumber:285,columnNumber:10},void 0)};exports.CollectionCard=R;exports.CollectionsScreen=J;exports.truncate=G;
 //# sourceMappingURL=collectionScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collectionScreen.js","sources":["../../../../src/components/product-picker-v2/collectionScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { BodyPrimary, TitleRegular } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { ProductPickerShimmer } from './ProductPickerShimmer';\nimport type {\n\tCollectionsActions,\n\tSelectedCollectionsActions,\n} from './reducers';\nimport {\n\tCollectionCardDetailStyle,\n\tCollectionCardInfoStyle,\n\tCollectionCardStyle,\n\tCollectionNameHolder,\n} from './style';\nimport type {\n\tCollection,\n\tCollectionFetcherReturn,\n\tSelectedItems,\n} from './type';\nimport { isCollectionPartiallyChecked } from './utility';\n\nexport const truncate = (str: string, n: number, useWordBoundary: boolean) => {\n\tif (!str) return '';\n\tif (str.length <= n) {\n\t\treturn str;\n\t}\n\tconst subString = str.slice(0, n - 1); // the original check\n\treturn (\n\t\t(useWordBoundary\n\t\t\t? subString.slice(0, subString.lastIndexOf(' '))\n\t\t\t: subString) + '...'\n\t);\n};\n\ninterface CollectionsScreenInterface {\n\tcustomCollectionRestriction?: boolean;\n\tdataLoading: boolean;\n\tcollections: { [key: string]: Collection };\n\tselectedCollections: SelectedItems;\n\tcollectionFetcher: (\n\t\toffset: number,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t) => CollectionFetcherReturn;\n\tstoreId: string;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tcollectionsDispatch: React.Dispatch<CollectionsActions>;\n\tsetSaveDisabled: React.Dispatch<boolean>;\n\tpagingControls: {\n\t\tcurPage: number;\n\t\tsetCurPage: React.Dispatch<React.SetStateAction<number>>;\n\t};\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tscrollContainerRef: React.RefObject<HTMLDivElement>;\n\tappType: ApplicationType;\n\tlimit?: number;\n\texactLimit?: number;\n}\n\nexport const CollectionsScreen = (props: CollectionsScreenInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tdataLoading,\n\t\tcollections,\n\t\tselectedCollectionsDispatch,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\tselectedCollections,\n\t\tsetScreen,\n\t\tcollectionFetcher,\n\t\tcollectionsDispatch,\n\t\tpagingControls,\n\t\tstoreId,\n\t\tsetSaveDisabled,\n\t\thideCollectionCheckbox,\n\t\trenderWithoutModal,\n\t\tpickerType,\n\t\tscrollContainerRef,\n\t\tappType,\n\t\tlimit,\n\t\texactLimit,\n\t} = props;\n\n\tconst nextPageRef = useRef(pagingControls.curPage);\n\tconst isCustomSelected = customCollectionRestriction\n\t\t? selectedCollections?.['isCustom']\n\t\t: false || false;\n\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst hasAllCollectionsLoaded = useRef(false);\n\tconst isFetchingRef = useRef(false);\n\n\t/**\n\t * Pagination logic. When scroll bar is end of the container, gets the next 10 collections from api and fetches fb status for those 10 collections.\n\t * After that, Increments next page ref which acts as offset.\n\t */\n\tconst handleScroll = () => {\n\t\tif (!scrollContainerRef || !scrollContainerRef?.current) {\n\t\t\treturn;\n\t\t}\n\t\tconst { scrollTop, clientHeight, scrollHeight } =\n\t\t\tscrollContainerRef.current;\n\n\t\tif (\n\t\t\tscrollTop + clientHeight >= scrollHeight - 20 &&\n\t\t\t!hasAllCollectionsLoaded.current &&\n\t\t\t!isFetchingRef.current\n\t\t) {\n\t\t\tsetSaveDisabled(true);\n\t\t\tsetIsLoading(true);\n\n\t\t\tisFetchingRef.current = true;\n\n\t\t\tsetSaveDisabled(true);\n\t\t\tsetIsLoading(true);\n\t\t\tcollectionFetcher(nextPageRef.current, storeId, appType)\n\t\t\t\t.then((collectionsParsed) => {\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'paged',\n\t\t\t\t\t\tdata: collectionsParsed?.collections || {},\n\t\t\t\t\t});\n\t\t\t\t\tpagingControls.setCurPage(nextPageRef.current + 1);\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\tsetSaveDisabled(false);\n\n\t\t\t\t\tisFetchingRef.current = false;\n\n\t\t\t\t\t// We decide that all collections are loaded if the API response has 0 collections. This stops the scroll effect.\n\t\t\t\t\tif (!Object.keys(collectionsParsed?.collections).length) {\n\t\t\t\t\t\thasAllCollectionsLoaded.current = true;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch();\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tscrollContainerRef?.current?.addEventListener('scroll', handleScroll);\n\t\treturn () => {\n\t\t\tscrollContainerRef?.current?.removeEventListener('scroll', handleScroll);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tnextPageRef.current = pagingControls.curPage;\n\t}, [pagingControls.curPage]);\n\n\t// Calculate current count of selected collections for limit enforcement\n\tconst selectedCollectionCount = Object.keys(selectedCollections || {}).filter(\n\t\t(k) => k !== 'isCustom',\n\t).length;\n\n\treturn (\n\t\t<div>\n\t\t\t{Object.keys(collections ?? {})?.length ? (\n\t\t\t\tObject.keys(collections).map((key: string) => {\n\t\t\t\t\tconst isChecked = selectedCollections?.[key]\n\t\t\t\t\t\t? pickerType === 'PRODUCT'\n\t\t\t\t\t\t\t? !!Object.keys(selectedCollections?.[key]?.products ?? {}).length\n\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t: false;\n\n\t\t\t\t\t// For COLLECTION picker, check if limit is reached\n\t\t\t\t\tconst isLimitReached =\n\t\t\t\t\t\tpickerType === 'COLLECTION' &&\n\t\t\t\t\t\t!isChecked &&\n\t\t\t\t\t\t((!!exactLimit && selectedCollectionCount >= exactLimit) ||\n\t\t\t\t\t\t\t(!!limit && selectedCollectionCount >= limit));\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CollectionCard\n\t\t\t\t\t\t\tcustomCollectionRestriction={customCollectionRestriction}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tdata={collections[key]}\n\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t(isCustomSelected && !selectedCollections?.[key]) ||\n\t\t\t\t\t\t\t\tisLimitReached\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\tcollections?.[key],\n\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\tid={key}\n\t\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox || key === '-1'}\n\t\t\t\t\t\t\tselectedCollections={selectedCollections}\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/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : dataLoading ? (\n\t\t\t\t<ProductPickerShimmer />\n\t\t\t) : (\n\t\t\t\t<EmptyState\n\t\t\t\t\ttitle=\"No collections to show\"\n\t\t\t\t\tsubtitle=\"We couldn’t find any collection.\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isLoading && <ProductPickerShimmer />}\n\t\t</div>\n\t);\n};\n\nexport interface CollectionCardInterface {\n\tcustomCollectionRestriction?: boolean;\n\tdata?: Collection;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tid: string;\n\tisChecked: boolean;\n\tisDisabled: boolean;\n\tisPartiallyChecked: boolean;\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tselectedCollections: SelectedItems;\n\tusedInSearch?: boolean;\n}\n\nexport const CollectionCard = (props: CollectionCardInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tdata,\n\t\tselectedCollectionsDispatch,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\tisPartiallyChecked,\n\t\tsetScreen,\n\t\tid,\n\t\tisChecked,\n\t\tisDisabled,\n\t\thideCollectionCheckbox,\n\t\tpickerType,\n\t\tusedInSearch,\n\t} = props;\n\n\tconst onClickChevron = (event) => {\n\t\tif (isDisabled) {\n\t\t\treturn;\n\t\t}\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\tevent.stopPropagation();\n\t\t\tselectedCollectionsDispatch({\n\t\t\t\ttype: 'reset',\n\t\t\t\tdata: {},\n\t\t\t});\n\n\t\t\tselectedCollectionsDispatch({\n\t\t\t\ttype: 'selected',\n\t\t\t\tdata: {\n\t\t\t\t\tid,\n\t\t\t\t\tval: data,\n\t\t\t\t\tisRestricted: customCollectionRestriction,\n\t\t\t\t},\n\t\t\t});\n\t\t\tsetCollectionId(id);\n\t\t\tsetSelectedCollectionId(id);\n\t\t\treturn;\n\t\t}\n\t\tsetCollectionId(id);\n\t\tsetSelectedCollectionId(id);\n\t\tsetScreen('products');\n\t};\n\n\tif (!data) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<CollectionCardStyle\n\t\t\tisDisabled={isDisabled}\n\t\t\tonClick={onClickChevron}\n\t\t\tisActive={isChecked}\n\t\t\tusedInSearch={usedInSearch ?? false}\n\t\t>\n\t\t\t<CollectionCardInfoStyle>\n\t\t\t\t{!hideCollectionCheckbox && (\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tisPartiallyChecked={isPartiallyChecked}\n\t\t\t\t\t\tonValueChange={function (\n\t\t\t\t\t\t\tchecked: boolean,\n\t\t\t\t\t\t\t_value?: string,\n\t\t\t\t\t\t\tevent?: React.MouseEvent,\n\t\t\t\t\t\t): void {\n\t\t\t\t\t\t\tevent?.stopPropagation();\n\t\t\t\t\t\t\tchecked\n\t\t\t\t\t\t\t\t? selectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\ttype: 'selected',\n\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tval: data,\n\t\t\t\t\t\t\t\t\t\t\tisRestricted: customCollectionRestriction,\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\t: selectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\ttype: 'unselected',\n\t\t\t\t\t\t\t\t\t\tdata: { id },\n\t\t\t\t\t\t\t\t  });\n\n\t\t\t\t\t\t\tif (!checked) {\n\t\t\t\t\t\t\t\tsetSelectedCollectionId('');\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetSelectedCollectionId(id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<CollectionCardDetailStyle>\n\t\t\t\t\t<Tooltip\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\tvariant=\"light\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CollectionNameHolder>\n\t\t\t\t\t\t\t{!usedInSearch ? (\n\t\t\t\t\t\t\t\t<TitleRegular numberOfLines={1}>{data.name}</TitleRegular>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodyPrimary numberOfLines={1}>{data.name}</BodyPrimary>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{data.isSmartCollection ? (\n\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t<Tag tagText={'Smart Collection'} type=\"warning\" />\n\t\t\t\t\t\t\t\t</div>\n\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</CollectionNameHolder>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</CollectionCardDetailStyle>\n\t\t\t</CollectionCardInfoStyle>\n\t\t\t{pickerType !== 'COLLECTION' && (\n\t\t\t\t<IconButton\n\t\t\t\t\theight={12}\n\t\t\t\t\twidth={12}\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\tIcon={ChevronRight}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</CollectionCardStyle>\n\t);\n};\n"],"names":["truncate","str","n","useWordBoundary","subString","CollectionsScreen","props","customCollectionRestriction","dataLoading","collections","selectedCollectionsDispatch","setCollectionId","setSelectedCollectionId","selectedCollections","setScreen","collectionFetcher","collectionsDispatch","pagingControls","storeId","setSaveDisabled","hideCollectionCheckbox","renderWithoutModal","pickerType","scrollContainerRef","appType","limit","exactLimit","nextPageRef","useRef","isCustomSelected","isLoading","setIsLoading","useState","hasAllCollectionsLoaded","isFetchingRef","handleScroll","scrollTop","clientHeight","scrollHeight","collectionsParsed","useEffect","selectedCollectionCount","k","key","isChecked","isLimitReached","jsxDEV","CollectionCard","isCollectionPartiallyChecked","this","ProductPickerShimmer","EmptyState","data","isPartiallyChecked","id","isDisabled","usedInSearch","onClickChevron","event","CollectionCardStyle","CollectionCardInfoStyle","CheckBox","checked","_value","CollectionCardDetailStyle","Tooltip","CollectionNameHolder","BodyPrimary","TitleRegular","Tag","Fragment","IconButton","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"collectionScreen.js","sources":["../../../../src/components/product-picker-v2/collectionScreen.tsx"],"sourcesContent":["import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { BodyPrimary, TitleRegular } from '../TypographyStyle';\nimport { EmptyState } from './emptyState';\nimport { ProductPickerShimmer } from './ProductPickerShimmer';\nimport type {\n\tCollectionsActions,\n\tSelectedCollectionsActions,\n} from './reducers';\nimport {\n\tCollectionCardDetailStyle,\n\tCollectionCardInfoStyle,\n\tCollectionCardStyle,\n\tCollectionNameHolder,\n} from './style';\nimport type {\n\tCollection,\n\tCollectionFetcherReturn,\n\tSelectedItems,\n} from './type';\nimport { isCollectionPartiallyChecked } from './utility';\n\nexport const truncate = (str: string, n: number, useWordBoundary: boolean) => {\n\tif (!str) return '';\n\tif (str.length <= n) {\n\t\treturn str;\n\t}\n\tconst subString = str.slice(0, n - 1); // the original check\n\treturn (\n\t\t(useWordBoundary\n\t\t\t? subString.slice(0, subString.lastIndexOf(' '))\n\t\t\t: subString) + '...'\n\t);\n};\n\ninterface CollectionsScreenInterface {\n\tcustomCollectionRestriction?: boolean;\n\tdataLoading: boolean;\n\tcollections: { [key: string]: Collection };\n\tselectedCollections: SelectedItems;\n\tcollectionFetcher: (\n\t\toffset: number,\n\t\tstoreId: string,\n\t\tappType: ApplicationType,\n\t) => CollectionFetcherReturn;\n\tstoreId: string;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tcollectionsDispatch: React.Dispatch<CollectionsActions>;\n\tsetSaveDisabled: React.Dispatch<boolean>;\n\tpagingControls: {\n\t\tcurPage: number;\n\t\tsetCurPage: React.Dispatch<React.SetStateAction<number>>;\n\t};\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tscrollContainerRef: React.RefObject<HTMLDivElement>;\n\tappType: ApplicationType;\n\tlimit?: number;\n\texactLimit?: number;\n}\n\nexport const CollectionsScreen = (props: CollectionsScreenInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tdataLoading,\n\t\tcollections,\n\t\tselectedCollectionsDispatch,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\tselectedCollections,\n\t\tsetScreen,\n\t\tcollectionFetcher,\n\t\tcollectionsDispatch,\n\t\tpagingControls,\n\t\tstoreId,\n\t\tsetSaveDisabled,\n\t\thideCollectionCheckbox,\n\t\trenderWithoutModal,\n\t\tpickerType,\n\t\tscrollContainerRef,\n\t\tappType,\n\t\tlimit,\n\t\texactLimit,\n\t} = props;\n\n\tconst nextPageRef = useRef(pagingControls.curPage);\n\tconst isCustomSelected = customCollectionRestriction\n\t\t? selectedCollections?.['isCustom']\n\t\t: false || false;\n\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst hasAllCollectionsLoaded = useRef(false);\n\tconst isFetchingRef = useRef(false);\n\n\t/**\n\t * Pagination logic. When scroll bar is end of the container, gets the next 10 collections from api and fetches fb status for those 10 collections.\n\t * After that, Increments next page ref which acts as offset.\n\t */\n\tconst handleScroll = () => {\n\t\tif (!scrollContainerRef || !scrollContainerRef?.current) {\n\t\t\treturn;\n\t\t}\n\t\tconst { scrollTop, clientHeight, scrollHeight } =\n\t\t\tscrollContainerRef.current;\n\n\t\tif (\n\t\t\tscrollTop + clientHeight >= scrollHeight - 20 &&\n\t\t\t!hasAllCollectionsLoaded.current &&\n\t\t\t!isFetchingRef.current\n\t\t) {\n\t\t\tsetSaveDisabled(true);\n\t\t\tsetIsLoading(true);\n\n\t\t\tisFetchingRef.current = true;\n\n\t\t\tsetSaveDisabled(true);\n\t\t\tsetIsLoading(true);\n\t\t\tcollectionFetcher(nextPageRef.current, storeId, appType)\n\t\t\t\t.then((collectionsParsed) => {\n\t\t\t\t\tcollectionsDispatch({\n\t\t\t\t\t\ttype: 'paged',\n\t\t\t\t\t\tdata: collectionsParsed?.collections || {},\n\t\t\t\t\t});\n\t\t\t\t\tpagingControls.setCurPage(nextPageRef.current + 1);\n\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\tsetSaveDisabled(false);\n\n\t\t\t\t\tisFetchingRef.current = false;\n\n\t\t\t\t\t// We decide that all collections are loaded if the API response has 0 collections. This stops the scroll effect.\n\t\t\t\t\tif (!Object.keys(collectionsParsed?.collections).length) {\n\t\t\t\t\t\thasAllCollectionsLoaded.current = true;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch();\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tscrollContainerRef?.current?.addEventListener('scroll', handleScroll);\n\t\treturn () => {\n\t\t\tscrollContainerRef?.current?.removeEventListener('scroll', handleScroll);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tnextPageRef.current = pagingControls.curPage;\n\t}, [pagingControls.curPage]);\n\n\t// Calculate current count of selected collections for limit enforcement\n\tconst selectedCollectionCount = Object.keys(selectedCollections || {}).filter(\n\t\t(k) => k !== 'isCustom',\n\t).length;\n\n\treturn (\n\t\t<div>\n\t\t\t{Object.keys(collections ?? {})?.length ? (\n\t\t\t\tObject.keys(collections).map((key: string) => {\n\t\t\t\t\tconst isChecked = selectedCollections?.[key]\n\t\t\t\t\t\t? pickerType === 'PRODUCT'\n\t\t\t\t\t\t\t? !!Object.keys(selectedCollections?.[key]?.products ?? {}).length\n\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t: false;\n\n\t\t\t\t\t// For COLLECTION picker, check if limit is reached\n\t\t\t\t\tconst isLimitReached =\n\t\t\t\t\t\tpickerType === 'COLLECTION' &&\n\t\t\t\t\t\t!isChecked &&\n\t\t\t\t\t\t((!!exactLimit && selectedCollectionCount >= exactLimit) ||\n\t\t\t\t\t\t\t(!!limit && selectedCollectionCount >= limit));\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CollectionCard\n\t\t\t\t\t\t\tcustomCollectionRestriction={customCollectionRestriction}\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tdata={collections[key]}\n\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t(isCustomSelected && !selectedCollections?.[key]) ||\n\t\t\t\t\t\t\t\tisLimitReached\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\t\tisPartiallyChecked={isCollectionPartiallyChecked(\n\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\tcollections?.[key],\n\t\t\t\t\t\t\t\tselectedCollections,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tselectedCollectionsDispatch={selectedCollectionsDispatch}\n\t\t\t\t\t\t\tsetCollectionId={setCollectionId}\n\t\t\t\t\t\t\tsetSelectedCollectionId={setSelectedCollectionId}\n\t\t\t\t\t\t\tsetScreen={setScreen}\n\t\t\t\t\t\t\tid={key}\n\t\t\t\t\t\t\thideCollectionCheckbox={hideCollectionCheckbox || key === '-1'}\n\t\t\t\t\t\t\tselectedCollections={selectedCollections}\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/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : dataLoading ? (\n\t\t\t\t<ProductPickerShimmer />\n\t\t\t) : (\n\t\t\t\t<EmptyState\n\t\t\t\t\ttitle=\"No collections to show\"\n\t\t\t\t\tsubtitle=\"We couldn’t find any collection.\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{isLoading && <ProductPickerShimmer />}\n\t\t</div>\n\t);\n};\n\nexport interface CollectionCardInterface {\n\tcustomCollectionRestriction?: boolean;\n\tdata?: Collection;\n\tselectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;\n\tsetCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;\n\tsetScreen: React.Dispatch<React.SetStateAction<string>>;\n\tid: string;\n\tisChecked: boolean;\n\tisDisabled: boolean;\n\tisPartiallyChecked: boolean;\n\thideCollectionCheckbox?: boolean;\n\trenderWithoutModal?: boolean;\n\tpickerType?: 'COLLECTION' | 'PRODUCT';\n\tselectedCollections: SelectedItems;\n\tusedInSearch?: boolean;\n}\n\nexport const CollectionCard = (props: CollectionCardInterface) => {\n\tconst {\n\t\tcustomCollectionRestriction,\n\t\tdata,\n\t\tselectedCollectionsDispatch,\n\t\tsetCollectionId,\n\t\tsetSelectedCollectionId,\n\t\tisPartiallyChecked,\n\t\tsetScreen,\n\t\tid,\n\t\tisChecked,\n\t\tisDisabled,\n\t\thideCollectionCheckbox,\n\t\tpickerType,\n\t\tusedInSearch,\n\t} = props;\n\n\tconst onClickChevron = (event) => {\n\t\tif (isDisabled) {\n\t\t\treturn;\n\t\t}\n\t\tif (pickerType === 'COLLECTION') {\n\t\t\tevent.stopPropagation();\n\t\t\tselectedCollectionsDispatch({\n\t\t\t\ttype: 'reset',\n\t\t\t\tdata: {},\n\t\t\t});\n\n\t\t\tselectedCollectionsDispatch({\n\t\t\t\ttype: 'selected',\n\t\t\t\tdata: {\n\t\t\t\t\tid,\n\t\t\t\t\tval: data,\n\t\t\t\t\tisRestricted: customCollectionRestriction,\n\t\t\t\t},\n\t\t\t});\n\t\t\tsetCollectionId(id);\n\t\t\tsetSelectedCollectionId(id);\n\t\t\treturn;\n\t\t}\n\t\tsetCollectionId(id);\n\t\tsetSelectedCollectionId(id);\n\t\tsetScreen('products');\n\t};\n\n\tif (!data) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<CollectionCardStyle\n\t\t\tisDisabled={isDisabled}\n\t\t\tonClick={onClickChevron}\n\t\t\tisActive={isChecked}\n\t\t\tusedInSearch={usedInSearch ?? false}\n\t\t>\n\t\t\t<CollectionCardInfoStyle>\n\t\t\t\t{!hideCollectionCheckbox && (\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tisPartiallyChecked={isPartiallyChecked}\n\t\t\t\t\t\tonValueChange={function (\n\t\t\t\t\t\t\tchecked: boolean,\n\t\t\t\t\t\t\t_value?: string,\n\t\t\t\t\t\t\tevent?: React.MouseEvent,\n\t\t\t\t\t\t): void {\n\t\t\t\t\t\t\tevent?.stopPropagation();\n\t\t\t\t\t\t\tchecked\n\t\t\t\t\t\t\t\t? selectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\ttype: 'selected',\n\t\t\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tval: data,\n\t\t\t\t\t\t\t\t\t\t\tisRestricted: customCollectionRestriction,\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\t: selectedCollectionsDispatch({\n\t\t\t\t\t\t\t\t\t\ttype: 'unselected',\n\t\t\t\t\t\t\t\t\t\tdata: { id },\n\t\t\t\t\t\t\t\t  });\n\n\t\t\t\t\t\t\tif (!checked) {\n\t\t\t\t\t\t\t\tsetSelectedCollectionId('');\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetSelectedCollectionId(id);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<CollectionCardDetailStyle>\n\t\t\t\t\t<Tooltip\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\tvariant=\"light\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CollectionNameHolder>\n\t\t\t\t\t\t\t{!usedInSearch ? (\n\t\t\t\t\t\t\t\t<TitleRegular numberOfLines={1}>{data.name}</TitleRegular>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodyPrimary numberOfLines={1}>{data.name}</BodyPrimary>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{data.isSmartCollection ? (\n\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t<Tag tagText={'Smart Collection'} type=\"warning\" />\n\t\t\t\t\t\t\t\t</div>\n\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</CollectionNameHolder>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</CollectionCardDetailStyle>\n\t\t\t</CollectionCardInfoStyle>\n\t\t\t{pickerType !== 'COLLECTION' && (\n\t\t\t\t<IconButton\n\t\t\t\t\theight={12}\n\t\t\t\t\twidth={12}\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\tIcon={ChevronRight}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</CollectionCardStyle>\n\t);\n};\n"],"names":["truncate","str","n","useWordBoundary","subString","CollectionsScreen","props","customCollectionRestriction","dataLoading","collections","selectedCollectionsDispatch","setCollectionId","setSelectedCollectionId","selectedCollections","setScreen","collectionFetcher","collectionsDispatch","pagingControls","storeId","setSaveDisabled","hideCollectionCheckbox","renderWithoutModal","pickerType","scrollContainerRef","appType","limit","exactLimit","nextPageRef","useRef","isCustomSelected","isLoading","setIsLoading","useState","hasAllCollectionsLoaded","isFetchingRef","handleScroll","scrollTop","clientHeight","scrollHeight","collectionsParsed","useEffect","selectedCollectionCount","k","key","isChecked","isLimitReached","jsxDEV","CollectionCard","isCollectionPartiallyChecked","this","ProductPickerShimmer","EmptyState","data","isPartiallyChecked","id","isDisabled","usedInSearch","onClickChevron","event","CollectionCardStyle","CollectionCardInfoStyle","CheckBox","checked","_value","CollectionCardDetailStyle","Tooltip","CollectionNameHolder","BodyPrimary","TitleRegular","Tag","Fragment","IconButton","ChevronRight"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),o=require("../../assets/icons/box_round.svg.js"),i=require("styled-components"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=a(i),l=({title:e,subtitle:n})=>t.jsxDEV(m,{children:[t.jsxDEV(o.default,{width:48,height:48},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:14,columnNumber:4},void 0),t.jsxDEV(r.TitleRegular,{style:{marginTop:8},children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:15,columnNumber:4},void 0),t.jsxDEV(r.BodySecondary,{style:{color:s.COLORS.content.secondary,marginTop:4},children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:16,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:13,columnNumber:3},void 0),m=c.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),r=require("../../assets/icons/box_round.svg.js"),i=require("styled-components"),s=require("../../constants/Theme.js"),n=require("../TypographyStyle.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=c(i),a=({title:e,subtitle:o})=>t.jsxDEV(d,{children:[t.jsxDEV(r.default,{width:48,height:48},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:14,columnNumber:4},void 0),t.jsxDEV(n.TitleRegular,{style:{marginTop:8},children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:15,columnNumber:4},void 0),t.jsxDEV(n.BodySecondary,{style:{color:s.COLORS.content.secondary,marginTop:4},children:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:16,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/emptyState.tsx",lineNumber:13,columnNumber:3},void 0),d=l.default.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;exports.EmptyState=l;
+`;exports.EmptyState=a;
 //# sourceMappingURL=emptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"emptyState.js","sources":["../../../../src/components/product-picker-v2/emptyState.tsx"],"sourcesContent":["import BoxRound from '@src/assets/icons/box_round.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\n\ninterface EmptyStateProps {\n\ttitle: string;\n\tsubtitle: string;\n}\n\nexport const EmptyState = ({ title, subtitle }: EmptyStateProps) => {\n\treturn (\n\t\t<EmptyContainer>\n\t\t\t<BoxRound width={48} height={48} />\n\t\t\t<TitleRegular style={{ marginTop: 8 }}>{title}</TitleRegular>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, marginTop: 4 }}>\n\t\t\t\t{subtitle}\n\t\t\t</BodySecondary>\n\t\t</EmptyContainer>\n\t);\n};\n\nconst EmptyContainer = styled.div`\n\theight: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n`;\n"],"names":["EmptyState","title","subtitle","EmptyContainer","jsxDEV","BoxRound","this","TitleRegular","BodySecondary","COLORS","styled"],"mappings":"iVAUaA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,cAEjCC,EAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,QAAA,CAAS,MAAO,GAAI,OAAQ,EAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiC,WAChCC,EAAAA,aAAA,CAAa,MAAO,CAAE,UAAW,CAAA,EAAM,SAAAN,GAAxC,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA8C,EAC9CF,EAAAA,OAACI,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAClE,SAAAP,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAEA,CAAA,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,EAIIH,EAAiBO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"emptyState.js","sources":["../../../../src/components/product-picker-v2/emptyState.tsx"],"sourcesContent":["import BoxRound from '@src/assets/icons/box_round.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\n\ninterface EmptyStateProps {\n\ttitle: string;\n\tsubtitle: string;\n}\n\nexport const EmptyState = ({ title, subtitle }: EmptyStateProps) => {\n\treturn (\n\t\t<EmptyContainer>\n\t\t\t<BoxRound width={48} height={48} />\n\t\t\t<TitleRegular style={{ marginTop: 8 }}>{title}</TitleRegular>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, marginTop: 4 }}>\n\t\t\t\t{subtitle}\n\t\t\t</BodySecondary>\n\t\t</EmptyContainer>\n\t);\n};\n\nconst EmptyContainer = styled.div`\n\theight: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n`;\n"],"names":["EmptyState","title","subtitle","EmptyContainer","jsxDEV","BoxRound","this","TitleRegular","BodySecondary","COLORS","styled"],"mappings":"iVAUaA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,cAEjCC,EAAA,CACA,SAAA,CAAAC,SAACC,EAAAA,QAAA,CAAS,MAAO,GAAI,OAAQ,EAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiC,WAChCC,EAAAA,aAAA,CAAa,MAAO,CAAE,UAAW,CAAA,EAAM,SAAAN,GAAxC,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA8C,EAC9CF,EAAAA,OAACI,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAClE,SAAAP,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAEA,CAAA,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,EAIIH,EAAiBO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),Fe=require("@bikdotai/bik-models/growth/models/bik-store"),Ve=require("../../assets/icons/search.svg.js"),c=require("react"),q=require("../../constants/Theme.js"),Te=require("../../assets/icons/cross.svg.js"),Ue=require("./collectionScreen.js"),ie=require("./productInfoOverlay.js"),Oe=require("./productScreen.js"),We=require("./rearrangeScreen.js"),V=require("./reducers.js"),Re=require("./searchScreen.js"),qe=require("./selectedScreen.js"),L=require("./style.js"),u=require("./type.js"),Le=require("./utility.js"),we=require("../input/Input.js"),Be=require("../spinner/Spinner.js"),w=require("../button/Button.js"),$e=require("../modals/styledModal.js"),ce=require("../tag/Tag.js"),Ae=r=>{const{storeId:m,selectedItems:B,onClose:$,visible:ae,zIndex:le,exactLimit:s,limit:l,hideCollectionCheckbox:A,hideProductCheckbox:M,outOfStockAction:k=u.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:z,selectProductsFromCustomCollection:ue,hideSelectionCount:de,title:me,width:be,left:pe,renderWithoutModal:D,onClickSave:H,pickerType:h,hideProductVariants:v=!1,startupScreen:y=u.ScreenName.Collections,rearrangeEnabled:fe,selectSingleItem:K=!1,showProductDetails:ke,containerStyle:he,crossButtonInsideHeader:G=!1,footerForNonModal:C={},primaryButton:_,secondaryButton:Y,subtitle:ve}=r,b=r.appType||Fe.ApplicationType.BIK,[N,p]=c.useReducer(V.collectionsReducer,{}),[a,d]=c.useState([u.ScreenName.Collections,u.ScreenName.RearrangeProducts].includes(y)?y:u.ScreenName.Collections),[ye,Me]=c.useState("grid"),[T,J]=c.useState(""),[j,Q]=c.useState(""),[X,Z]=c.useState(0),[g,f]=c.useState(!1),[o,Ne]=c.useState(0),[E,U]=c.useState(""),[Se,ee]=c.useState(!1),[xe,te]=c.useState(!1),[oe,I]=c.useReducer(V.searchReducer,{collections:{},products:{}}),[i,S]=c.useReducer(V.selectedColectionsReducer,Object.keys(B).length>0?B:{}),P=c.useRef(null),[O,W]=c.useState(!1),[F,De]=c.useState();c.useEffect(()=>{f(!0),te(!0),r.collectionFetcher(X,m,b).then(t=>{p({type:"fetched",data:t?.collections||{}}),f(!1),Z(n=>n+1),te(!1)}).catch()},[]),c.useEffect(()=>{let t=0;h==="COLLECTION"?t=Object.keys(i||{}).filter(n=>n!=="isCustom").length:v?Object.keys(i||[]).forEach(n=>{Object.keys(i[n]?.products||[]).forEach(R=>{n!=="-1"?(!i[-1]||!i[-1].products?.[R])&&(t+=1):t+=1})}):Object.keys(i||[]).forEach(n=>{Object.keys(i[n]?.products||[]).forEach(R=>{Object.keys(i[n].products?.[R]?.variants||[]).forEach(()=>{t+=1})})}),Ne(t)},[N,i,v,h]),c.useEffect(()=>{j&&(f(!0),r.productFetcher(j,m,b).then(t=>{Object.keys(t).length&&p({type:"productsFetched",data:{collectionId:j,products:t}}),f(!1)}).catch())},[j]),c.useEffect(()=>{const t=setTimeout(()=>{if(a!=="rearrange"&&!(!E.length&&a==="collections")){if(!E.length){d("collections");return}ee(!0),r.searchFetcher(m,E,b).then(n=>{"collections"in n&&"products"in n?(I({type:"set",data:n}),p({type:"searched",data:n.collections}),p({type:"searched",data:n.products})):(I({type:"set",data:{collections:{},products:n}}),p({type:"searched",data:n})),d("searchProducts"),f(!1),ee(!1)})}},800);return()=>clearTimeout(t)},[E]),c.useEffect(()=>{H&&(r.onAdd(i,o),x())},[H]),c.useEffect(()=>{K&&Object.keys(i||{}).length&&o&&(r.onAdd(i,o),x())},[K,i,o]);const Ce=()=>{if(a==="collections")return"Select Products";if(a==="products")return"Select Products";if(a==="view")return"Selected Products";if(a==="searchProducts")return"Searched Results";if(a==="rearrange")return"Rearrange Products"},x=()=>{S({type:"reset",data:{}})},ge=()=>{$?.(),x()},re=()=>{let t,n;return h==="COLLECTION"?(t="collection",n="collections"):v?(t="product",n="products"):(t="variant",n="variants"),s&&o>s?e.jsxDEV(ce.Tag,{tagText:`You can only select ${s} ${s===1?t:n}`,type:"negative"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:401,columnNumber:5},void 0):l&&o>l?e.jsxDEV(ce.Tag,{tagText:`You can only select ${l} ${l===1?t:n}`,type:"negative"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:410,columnNumber:5},void 0):o>0?e.jsxDEV(w.Button,{onClick:()=>{d(fe?u.ScreenName.RearrangeProducts:u.ScreenName.SelectedProducts)},buttonText:s?`${o}/${s} ${o===1?t:n} selected`:`${o} ${o===1?t:n} selected`,buttonType:["rearrange","view"].includes(a)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(a)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:420,columnNumber:5},void 0):e.jsxDEV(w.Button,{disabled:!0,buttonText:s?`${o}/${s} ${s===1?t:n} selected`:`${o} ${o===1?t:n} selected`,buttonType:"tertiaryGray"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:441,columnNumber:5},void 0)},Ee=t=>{if(!t.length||!t.trim().length){U("");return}U(t)},ne=t=>g?"Loading...":a===u.ScreenName.RearrangeProducts?t??"Done":t??"Add",je=t=>{W(!0),De(t)},Ie=t=>({...t,disabled:!t.isLoading&&(g||o<1||s&&o<s||!s&&l&&o>l)||t.disabled,onClick:()=>{r.onAdd(i,o),x(),d([u.ScreenName.Collections,u.ScreenName.RearrangeProducts].includes(y)?y:u.ScreenName.Collections)}}),Pe=t=>({...t,disabled:g||o<1||s&&o<s||!s&&l&&o>l||!1,onClick:()=>{const n=Le.updateAllVariantsForSelectedProducts(i,N,oe);r.onAdd(n,o,!0)}}),se=e.jsxDEV(L.ContainerStyle,{style:he??{},children:[r.postHeader&&e.jsxDEV("div",{style:{padding:"0 24px"},children:r.postHeader},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:528,columnNumber:5},void 0),!r.hideGlobalSearch&&e.jsxDEV(e.Fragment,{children:(a==="collections"||a==="searchProducts")&&e.jsxDEV("div",{style:{padding:D?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"},children:e.jsxDEV(we.Input,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Se?e.jsxDEV(Be.Spinner,{size:"small",color:q.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:546,columnNumber:12},void 0):e.jsxDEV(Ve.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:548,columnNumber:12},void 0)},id:"listInput",height:"24px",type:"text",value:E,onChangeText:Ee},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:539,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:533,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:531,columnNumber:5},void 0),e.jsxDEV(L.ScrollContainerStyle,{ref:P,screenName:a,children:[a==="collections"&&e.jsxDEV(Ue.CollectionsScreen,{customCollectionRestriction:r.customCollectionRestriction,dataLoading:xe,collections:N,selectedCollectionsDispatch:S,setCollectionId:J,setSelectedCollectionId:Q,setScreen:d,selectedCollections:i,collectionFetcher:r.collectionFetcher,storeId:m,appType:b,collectionsDispatch:p,setSaveDisabled:f,pagingControls:{curPage:X,setCurPage:Z},hideCollectionCheckbox:A,renderWithoutModal:D,pickerType:h,scrollContainerRef:P,limit:l,exactLimit:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:564,columnNumber:6},void 0),a==="products"&&T&&e.jsxDEV(V.CollectionIdContext.Provider,{value:T,children:e.jsxDEV(Oe.ProductsScreen,{hideInCollectionSearch:r.hideInCollectionSearch,customCollectionRestriction:r.customCollectionRestriction,productFetcher:r.productFetcher,setScreen:d,storeId:m,appType:b,data:N[T],collectionsDispatch:p,selectedCollectionsDispatch:S,selectedData:i,setSaveDisabled:f,searchInCollectionFetcher:r.searchInCollectionFetcher,hideProductCheckbox:M,outOfStockAction:k,hideVariantCheckbox:z,selectProductsFromCustomCollection:ue,renderWithoutModal:D,pickerType:h,hideProductVariants:v,fbStatusFetcher:r.fbStatusFetcher,onProductDetailClick:je,showProductDetailInfoIcon:ke,scrollContainerRef:P},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:593,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:592,columnNumber:6},void 0),a==="view"&&e.jsxDEV(qe.SelectedScreen,{selectedCollections:i||{},selectedCollectionsDispatch:S,setScreen:d,collections:N,hideProductVariants:v,outOfStockAction:k,storeId:m,appType:b,fbStatusFetcher:r.fbStatusFetcher},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:624,columnNumber:6},void 0),a==="rearrange"&&e.jsxDEV(We.RearrangeScreen,{selectedCollections:i||{},selectedCollectionsDispatch:S,setScreen:d,outOfStockAction:k,rearrangeViewType:ye==="grid"?"list":"grid",scrollContainerRef:P,storeId:m,appType:b,fbStatusFetcher:r.fbStatusFetcher},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:638,columnNumber:6},void 0),a==="searchProducts"&&e.jsxDEV(Re.SearchScreen,{customCollectionRestriction:r.customCollectionRestriction,selectedCollections:i||{},searchedCollections:oe||{},searchedCollectionsDispatch:I,selectedCollectionsDispatch:S,setScreen:d,collections:N,onBackPress:()=>{U(""),I({type:"set",data:{collections:{},products:{}}})},pickerType:h,hideProductCheckbox:M,hideProductVariants:v,hideVariantCheckbox:z,storeId:m,appType:b,fbStatusFetcher:r.fbStatusFetcher,setCollectionId:J,setSelectedCollectionId:Q,renderWithoutModal:D,hideCollectionCheckbox:A,outOfStockAction:k,limit:l,exactLimit:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:652,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:562,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:526,columnNumber:3},void 0);return e.jsxDEV(e.Fragment,{children:D?e.jsxDEV(e.Fragment,{children:[se,C.renderFooter?e.jsxDEV(L.StyledFooterForNonModal,{children:[re(),e.jsxDEV(w.Button,{buttonText:ne(C.primaryButtonText),disabled:!C.isLoading&&(g||o<1||s&&o<s||!s&&l&&o>l)||C.primaryButtonDisabled,isLoading:C.isLoading,onClick:()=>{r.onAdd(i,o),x(),d([u.ScreenName.Collections,u.ScreenName.RearrangeProducts].includes(y)?y:u.ScreenName.Collections)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:696,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:694,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:725,columnNumber:7},void 0),O&&F?e.jsxDEV(ie.ProductInfoOverlay,{productData:F,outOfStockAction:k,useDynamicInfoImageSize:r.useDynamicInfoImageSize,onClose:()=>{W(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:729,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:738,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:691,columnNumber:5},void 0):e.jsxDEV($e.StyledModal,{zIndex:le,open:ae,onClose:ge,headingTitle:me||Ce(),headingSubtitle:ve,footerShadow:!0,centralContainerStyles:{width:be||"600px",left:pe||"auto"},headerRightCustomElement:G?e.jsxDEV("div",{style:{cursor:"pointer",display:"flex"},onClick:$,children:e.jsxDEV(Te.default,{width:20,height:20,color:q.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:763,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:755,columnNumber:8},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:770,columnNumber:8},void 0),footerContainerStyle:r.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:q.COLORS.surface.standard}:void 0,primaryButton:_?Ie(_):{buttonText:ne(),disabled:g||o<1||s&&o<s||!s&&l&&o>l||!1,onClick:()=>{r.onAdd(i,o),x()}},secondaryButton:Y?Pe(Y):void 0,wrapperStyle:r.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:de?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:815,columnNumber:28},void 0):re(),hideCrossButton:O||G,children:[se,O&&F?e.jsxDEV(ie.ProductInfoOverlay,{productData:F,useDynamicInfoImageSize:r.useDynamicInfoImageSize,outOfStockAction:k,onClose:()=>{W(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:821,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:830,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:742,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:689,columnNumber:3},void 0)};exports.ProductPickerModal=Ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),Pe=require("@bikdotai/bik-models/growth/models/bik-store"),Fe=require("../../assets/icons/search.svg.js"),i=require("react"),q=require("../../constants/Theme.js"),Ve=require("../../assets/icons/cross.svg.js"),Te=require("./collectionScreen.js"),ce=require("./productInfoOverlay.js"),Ue=require("./productScreen.js"),Oe=require("./rearrangeScreen.js"),F=require("./reducers.js"),Re=require("./searchScreen.js"),qe=require("./selectedScreen.js"),L=require("./style.js"),d=require("./type.js"),Le=require("./utility.js"),Be=require("../input/Input.js"),$e=require("../spinner/Spinner.js"),B=require("../button/Button.js"),Ae=require("../modals/styledModal.js"),ie=require("../tag/Tag.js"),Me=t=>{const{storeId:m,selectedItems:$,onClose:A,visible:le,zIndex:ae,exactLimit:s,limit:a,hideCollectionCheckbox:M,hideProductCheckbox:z,outOfStockAction:y=d.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:H,selectProductsFromCustomCollection:de,hideSelectionCount:ue,title:me,width:fe,left:be,renderWithoutModal:D,onClickSave:K,pickerType:h,hideProductVariants:N=!1,startupScreen:v=d.ScreenName.Collections,rearrangeEnabled:pe,selectSingleItem:G=!1,showProductDetails:ye,containerStyle:he,crossButtonInsideHeader:_=!1,footerForNonModal:C={},primaryButton:Y,secondaryButton:W,subtitle:Ne}=t,f=t.appType||Pe.ApplicationType.BIK,[k,b]=i.useReducer(F.collectionsReducer,{}),[l,u]=i.useState([d.ScreenName.Collections,d.ScreenName.RearrangeProducts].includes(v)?v:d.ScreenName.Collections),[ve,ze]=i.useState("grid"),[V,J]=i.useState(""),[w,Q]=i.useState(""),[X,Z]=i.useState(0),[g,p]=i.useState(!1),[n,ke]=i.useState(0),[E,T]=i.useState(""),[Se,ee]=i.useState(!1),[xe,oe]=i.useState(!1),[ne,j]=i.useReducer(F.searchReducer,{collections:{},products:{}}),[c,S]=i.useReducer(F.selectedColectionsReducer,Object.keys($).length>0?$:{}),I=i.useRef(null),[U,O]=i.useState(!1),[P,De]=i.useState();i.useEffect(()=>{p(!0),oe(!0),t.collectionFetcher(X,m,f).then(o=>{b({type:"fetched",data:o?.collections||{}}),p(!1),Z(r=>r+1),oe(!1)}).catch()},[]),i.useEffect(()=>{let o=0;h==="COLLECTION"?o=Object.keys(c||{}).filter(r=>r!=="isCustom").length:N?Object.keys(c||[]).forEach(r=>{Object.keys(c[r]?.products||[]).forEach(R=>{r!=="-1"?(!c[-1]||!c[-1].products?.[R])&&(o+=1):o+=1})}):Object.keys(c||[]).forEach(r=>{Object.keys(c[r]?.products||[]).forEach(R=>{Object.keys(c[r].products?.[R]?.variants||[]).forEach(()=>{o+=1})})}),ke(o)},[k,c,N,h]),i.useEffect(()=>{w&&(p(!0),t.productFetcher(w,m,f).then(o=>{Object.keys(o).length&&b({type:"productsFetched",data:{collectionId:w,products:o}}),p(!1)}).catch())},[w]),i.useEffect(()=>{const o=setTimeout(()=>{if(l!=="rearrange"&&!(!E.length&&l==="collections")){if(!E.length){u("collections");return}ee(!0),t.searchFetcher(m,E,f).then(r=>{"collections"in r&&"products"in r?(j({type:"set",data:r}),b({type:"searched",data:r.collections}),b({type:"searched",data:r.products})):(j({type:"set",data:{collections:{},products:r}}),b({type:"searched",data:r})),u("searchProducts"),p(!1),ee(!1)})}},800);return()=>clearTimeout(o)},[E]),i.useEffect(()=>{K&&(t.onAdd(c,n),x())},[K]),i.useEffect(()=>{G&&Object.keys(c||{}).length&&n&&(t.onAdd(c,n),x())},[G,c,n]);const Ce=()=>{if(l==="collections")return"Select Products";if(l==="products")return"Select Products";if(l==="view")return"Selected Products";if(l==="searchProducts")return"Searched Results";if(l==="rearrange")return"Rearrange Products"},x=()=>{S({type:"reset",data:{}})},ge=()=>{A?.(),x()},te=()=>{let o,r;return h==="COLLECTION"?(o="collection",r="collections"):N?(o="product",r="products"):(o="variant",r="variants"),s&&n>s?e.jsxDEV(ie.Tag,{tagText:`You can only select ${s} ${s===1?o:r}`,type:"negative"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:401,columnNumber:5},void 0):a&&n>a?e.jsxDEV(ie.Tag,{tagText:`You can only select ${a} ${a===1?o:r}`,type:"negative"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:410,columnNumber:5},void 0):n>0?e.jsxDEV(B.Button,{onClick:()=>{u(pe?d.ScreenName.RearrangeProducts:d.ScreenName.SelectedProducts)},buttonText:s?`${n}/${s} ${n===1?o:r} selected`:`${n} ${n===1?o:r} selected`,buttonType:["rearrange","view"].includes(l)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(l)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:420,columnNumber:5},void 0):e.jsxDEV(B.Button,{disabled:!0,buttonText:s?`${n}/${s} ${s===1?o:r} selected`:`${n} ${n===1?o:r} selected`,buttonType:"tertiaryGray"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:441,columnNumber:5},void 0)},Ee=o=>{if(!o.length||!o.trim().length){T("");return}T(o)},re=o=>g?"Loading...":l===d.ScreenName.RearrangeProducts?o??"Done":o??"Add",we=o=>{O(!0),De(o)},je=o=>({...o,disabled:!o.isLoading&&(g||n<1||s&&n<s||!s&&a&&n>a)||o.disabled,onClick:()=>{t.onAdd(c,n),x(),u([d.ScreenName.Collections,d.ScreenName.RearrangeProducts].includes(v)?v:d.ScreenName.Collections)}}),Ie=o=>({...o,disabled:g||n<1||s&&n<s||!s&&a&&n>a||!1,onClick:()=>{const r=Le.updateAllVariantsForSelectedProducts(c,k,ne);t.onAdd(r,n,!0)}}),se=e.jsxDEV(L.ContainerStyle,{style:he??{},children:[t.postHeader&&e.jsxDEV("div",{style:{padding:"0 24px"},children:t.postHeader},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:528,columnNumber:5},void 0),!t.hideGlobalSearch&&e.jsxDEV(e.Fragment,{children:(l==="collections"||l==="searchProducts")&&e.jsxDEV("div",{style:{padding:D?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"},children:e.jsxDEV(Be.Input,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Se?e.jsxDEV($e.Spinner,{size:"small",color:q.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:546,columnNumber:12},void 0):e.jsxDEV(Fe.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:548,columnNumber:12},void 0)},id:"listInput",height:"24px",type:"text",value:E,onChangeText:Ee},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:539,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:533,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:531,columnNumber:5},void 0),e.jsxDEV(L.ScrollContainerStyle,{ref:I,screenName:l,children:[l==="collections"&&e.jsxDEV(Te.CollectionsScreen,{customCollectionRestriction:t.customCollectionRestriction,dataLoading:xe,collections:k,selectedCollectionsDispatch:S,setCollectionId:J,setSelectedCollectionId:Q,setScreen:u,selectedCollections:c,collectionFetcher:t.collectionFetcher,storeId:m,appType:f,collectionsDispatch:b,setSaveDisabled:p,pagingControls:{curPage:X,setCurPage:Z},hideCollectionCheckbox:M,renderWithoutModal:D,pickerType:h,scrollContainerRef:I,limit:a,exactLimit:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:564,columnNumber:6},void 0),l==="products"&&V&&e.jsxDEV(F.CollectionIdContext.Provider,{value:V,children:e.jsxDEV(Ue.ProductsScreen,{hideInCollectionSearch:t.hideInCollectionSearch,customCollectionRestriction:t.customCollectionRestriction,productFetcher:t.productFetcher,setScreen:u,storeId:m,appType:f,data:k[V],collectionsDispatch:b,selectedCollectionsDispatch:S,selectedData:c,setSaveDisabled:p,searchInCollectionFetcher:t.searchInCollectionFetcher,hideProductCheckbox:z,outOfStockAction:y,hideVariantCheckbox:H,selectProductsFromCustomCollection:de,renderWithoutModal:D,pickerType:h,hideProductVariants:N,fbStatusFetcher:t.fbStatusFetcher,onProductDetailClick:we,showProductDetailInfoIcon:ye,scrollContainerRef:I},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:593,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:592,columnNumber:6},void 0),l==="view"&&e.jsxDEV(qe.SelectedScreen,{selectedCollections:c||{},selectedCollectionsDispatch:S,setScreen:u,collections:k,hideProductVariants:N,outOfStockAction:y,storeId:m,appType:f,fbStatusFetcher:t.fbStatusFetcher},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:624,columnNumber:6},void 0),l==="rearrange"&&e.jsxDEV(Oe.RearrangeScreen,{selectedCollections:c||{},selectedCollectionsDispatch:S,setScreen:u,outOfStockAction:y,rearrangeViewType:ve==="grid"?"list":"grid",scrollContainerRef:I,storeId:m,appType:f,fbStatusFetcher:t.fbStatusFetcher},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:638,columnNumber:6},void 0),l==="searchProducts"&&e.jsxDEV(Re.SearchScreen,{customCollectionRestriction:t.customCollectionRestriction,selectedCollections:c||{},searchedCollections:ne||{},searchedCollectionsDispatch:j,selectedCollectionsDispatch:S,setScreen:u,collections:k,onBackPress:()=>{T(""),j({type:"set",data:{collections:{},products:{}}})},pickerType:h,hideProductCheckbox:z,hideProductVariants:N,hideVariantCheckbox:H,storeId:m,appType:f,fbStatusFetcher:t.fbStatusFetcher,setCollectionId:J,setSelectedCollectionId:Q,renderWithoutModal:D,hideCollectionCheckbox:M,outOfStockAction:y,limit:a,exactLimit:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:652,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:562,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:526,columnNumber:3},void 0);return e.jsxDEV(e.Fragment,{children:D?e.jsxDEV(e.Fragment,{children:[se,C.renderFooter?e.jsxDEV(L.StyledFooterForNonModal,{children:[te(),e.jsxDEV(B.Button,{buttonText:re(C.primaryButtonText),disabled:!C.isLoading&&(g||n<1||s&&n<s||!s&&a&&n>a)||C.primaryButtonDisabled,isLoading:C.isLoading,onClick:()=>{t.onAdd(c,n),x(),u([d.ScreenName.Collections,d.ScreenName.RearrangeProducts].includes(v)?v:d.ScreenName.Collections)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:696,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:694,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:725,columnNumber:7},void 0),U&&P?e.jsxDEV(ce.ProductInfoOverlay,{productData:P,outOfStockAction:y,useDynamicInfoImageSize:t.useDynamicInfoImageSize,onClose:()=>{O(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:729,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:738,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:691,columnNumber:5},void 0):e.jsxDEV(Ae.StyledModal,{zIndex:ae,open:le,onClose:ge,headingTitle:me||Ce(),headingSubtitle:Ne,footerShadow:!0,centralContainerStyles:{width:fe||"600px",left:be||"auto"},headerRightCustomElement:_?e.jsxDEV("div",{style:{cursor:"pointer",display:"flex"},onClick:A,children:e.jsxDEV(Ve.default,{width:20,height:20,color:q.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:763,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:755,columnNumber:8},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:770,columnNumber:8},void 0),footerContainerStyle:t.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:q.COLORS.surface.standard}:void 0,primaryButton:Y?je(Y):{buttonText:re(),disabled:g||n<1||s&&n<s||!s&&a&&n>a||!1,onClick:()=>{t.onAdd(c,n),x()}},secondaryButton:W?Ie(W):void 0,wrapperStyle:t.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:ue?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:815,columnNumber:28},void 0):te(),hideCrossButton:U||_,children:[se,U&&P?e.jsxDEV(ce.ProductInfoOverlay,{productData:P,useDynamicInfoImageSize:t.useDynamicInfoImageSize,outOfStockAction:y,onClose:()=>{O(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:821,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:830,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:742,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",lineNumber:689,columnNumber:3},void 0)};exports.ProductPickerModal=Me;
 //# sourceMappingURL=modal.js.map

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":["ProductPickerModal","props","storeId","selectedItems","onClose","visible","zIndex","exactLimit","limit","hideCollectionCheckbox","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","hideVariantCheckbox","selectProductsFromCustomCollection","hideSelectionCount","title","width","left","renderWithoutModal","onClickSave","pickerType","hideProductVariants","startupScreen","ScreenName","rearrangeEnabled","selectSingleItem","showProductDetailInfoIcon","containerStyle","crossButtonInsideHeader","footerForNonModal","primaryButton","secondaryButton","subtitle","appType","ApplicationType","collections","collectionsDispatch","useReducer","collectionsReducer","screen","setScreen","useState","rearrangeViewType","setRearrangeViewType","collectionId","setCollectionId","selectedCollectionId","setSelectedCollectionId","collectionPage","setCollectionPage","saveDisabled","setSaveDisabled","total","setTotal","searchText","setSearchText","searchLoader","setSearchLoader","collectionsLoader","setCollectionsLoader","searchedCollections","searchedCollectionsDispatch","searchReducer","selectedCollections","selectedCollectionsDispatch","selectedColectionsReducer","scrollContainerRef","useRef","showProductInfoOverlay","setShowProductInfoOverlay","productInfoOverlayData","setProductInfoOverlayData","useEffect","collectionsParsed","prev","count","key","productId","data","getSearchData","resetPicker","getTitle","handleOnClose","renderFooterComponent","itemType","itemTypePlural","jsxDEV","Tag","this","Button","onSearchTextChange","text","getFooterButtonText","buttonText","onProductDetailClick","productData","getPrimaryButtonForComponent","getSecondaryButtonForComponent","filteredCollections","updateAllVariantsForSelectedProducts","CoreComponent","ContainerStyle","Input","Spinner","COLORS","SearchIcon","ScrollContainerStyle","CollectionsScreen","CollectionIdContext","ProductsScreen","SelectedScreen","RearrangeScreen","SearchScreen","Fragment","StyledFooterForNonModal","ProductInfoOverlay","StyledModal","CrossIcon"],"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":["ProductPickerModal","props","storeId","selectedItems","onClose","visible","zIndex","exactLimit","limit","hideCollectionCheckbox","hideProductCheckbox","outOfStockAction","OUT_OF_STOCK_ACTION","hideVariantCheckbox","selectProductsFromCustomCollection","hideSelectionCount","title","width","left","renderWithoutModal","onClickSave","pickerType","hideProductVariants","startupScreen","ScreenName","rearrangeEnabled","selectSingleItem","showProductDetailInfoIcon","containerStyle","crossButtonInsideHeader","footerForNonModal","primaryButton","secondaryButton","subtitle","appType","ApplicationType","collections","collectionsDispatch","useReducer","collectionsReducer","screen","setScreen","useState","rearrangeViewType","setRearrangeViewType","collectionId","setCollectionId","selectedCollectionId","setSelectedCollectionId","collectionPage","setCollectionPage","saveDisabled","setSaveDisabled","total","setTotal","searchText","setSearchText","searchLoader","setSearchLoader","collectionsLoader","setCollectionsLoader","searchedCollections","searchedCollectionsDispatch","searchReducer","selectedCollections","selectedCollectionsDispatch","selectedColectionsReducer","scrollContainerRef","useRef","showProductInfoOverlay","setShowProductInfoOverlay","productInfoOverlayData","setProductInfoOverlayData","useEffect","collectionsParsed","prev","count","key","productId","data","getSearchData","resetPicker","getTitle","handleOnClose","renderFooterComponent","itemType","itemTypePlural","jsxDEV","Tag","this","Button","onSearchTextChange","text","getFooterButtonText","buttonText","onProductDetailClick","productData","getPrimaryButtonForComponent","getSecondaryButtonForComponent","filteredCollections","updateAllVariantsForSelectedProducts","CoreComponent","ContainerStyle","Input","Spinner","COLORS","SearchIcon","ScrollContainerStyle","CollectionsScreen","CollectionIdContext","ProductsScreen","SelectedScreen","RearrangeScreen","SearchScreen","Fragment","StyledFooterForNonModal","ProductInfoOverlay","StyledModal","CrossIcon"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),g=require("../../constants/Theme.js"),A=require("../../assets/icons/info.svg.js"),E=require("../TypographyStyle.js"),W=require("./constants.js"),w=require("./helpers/ProductHelper.js"),B=require("./ProductPickerTag.js"),b=require("./style.js"),U=require("./utility.js"),F=require("../checkBox/CheckBox.js"),R=require("../shimmer-image/ShimmerImage.js"),T=require("../tooltips/Tooltip.js"),$=require("../icon-button/IconButton.js"),L=N=>{const{collectionId:t,productId:o,data:e,selectedData:i,selectedCollectionsDispatch:c,viewOnly:s,upliftAdditions:a,isProductPartiallyChecked:k,hideProductCheckbox:u,outOfStockAction:v,hideVariantCheckbox:d,hideProductVariants:p,pickerType:y,onProductDetailClick:l,showProductDetailInfoIcon:h}=N,D=()=>!!i?.[t]?.products?.[o],x=n=>i?.[t]?.products?.[o]?!!i?.[t]?.products?.[o]?.variants?.[n]:!1,P=!p&&U.shouldShowVariant(e)?"":`${e.currency?W.CurrencySymbols[e.currency]??"":""}${Object.values(e.variants??{})?.[0]?.price??Object.values(e.variants??{})?.[0]?.actualPrice??""}`;return r.jsxDEV("div",{children:[r.jsxDEV(j,{isVariant:!1,data:e,productId:o,collectionId:t,isSelected:D(),isPartiallyChecked:k,selectedCollectionsDispatch:c,upliftAdditions:a,viewOnly:s,hideProductCheckbox:u,hideVariantCheckbox:d,hideProductVariants:p,pickerType:y,outOfStockAction:v,onProductDetailClick:l,showProductDetailInfoIcon:h,currencyAndPrice:P},o,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:95,columnNumber:4},void 0),p?null:U.shouldShowVariant(e)&&Object.keys(e.variants||[]).map(n=>{const m=`${e.currency?W.CurrencySymbols[e.currency]??"":""}${e.variants?.[n]?.price??e.variants?.[n]?.actualPrice??""}`;return r.jsxDEV(j,{isVariant:!0,hideVariantCheckbox:d,data:{...e.variants[n],currency:e.currency},variantId:n,productId:o,viewOnly:s,upliftAdditions:a,collectionId:t,isSelected:x(n),selectedCollectionsDispatch:c,outOfStockAction:v,onProductDetailClick:l,showProductDetailInfoIcon:h,currencyAndPrice:m},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:128,columnNumber:8},void 0)})]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:94,columnNumber:3},void 0)},j=N=>{const{isVariant:t,data:o,productId:e,collectionId:i,variantId:c,isSelected:s,selectedCollectionsDispatch:a,viewOnly:k,upliftAdditions:u,isPartiallyChecked:v,hideProductCheckbox:d,outOfStockAction:p,hideVariantCheckbox:y,hideProductVariants:l,pickerType:h="PRODUCT",onProductDetailClick:D,showProductDetailInfoIcon:x,currencyAndPrice:P}=N,{isVariantForProductPickerTag:n,dataForProductPickerTag:m,tagText:V,tagType:I}=w.ProductHelper.getDataForProductPickerTag(o,t,p),C=U.getSkuId(o,t),O=f=>{if(f.stopPropagation(),h==="PRODUCT"&&(d||y)){const S=Object.keys(o.variants);l?s?a({type:"productUnselected",data:{productId:e,collectionId:i}}):u("productSelected",{productId:e,variantId:c,collectionId:i,product:o}):s?a({type:"variantUnselected",data:{productId:e,variantId:c,collectionId:i}}):u("variantSelected",{productId:e,variantId:c||S[0],collectionId:i,variant:o})}};return r.jsxDEV(b.ProductCardStyle,{isVariant:t,onClick:O,isActive:s,children:[t&&!(k||y)||!t&&!(k||d)?r.jsxDEV(F.CheckBox,{isChecked:s,isPartiallyChecked:v||!1,onValueChange:function(f,S,q){q?.stopPropagation(),t?f?u(l?"productSelected":"variantSelected",{productId:e,variantId:c,collectionId:i,variant:o}):a({type:l?"productUnselected":"variantUnselected",data:{productId:e,variantId:c,collectionId:i}}):f?u("productSelected",{productId:e,collectionId:i,product:o}):a({type:"productUnselected",data:{productId:e,collectionId:i}})}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:268,columnNumber:5},void 0):r.jsxDEV(r.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:317,columnNumber:5},void 0),r.jsxDEV("div",{children:r.jsxDEV(R.ShimmerImage,{width:40,height:40,imageUrl:o.image,alt:"Item",borderRadius:4},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:320,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:319,columnNumber:4},void 0),r.jsxDEV("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[r.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:[r.jsxDEV(T.Tooltip,{variant:"light",body:o.name,placement:"bottom",delay:400,children:r.jsxDEV(E.TitleSmall,{style:{flex:1},numberOfLines:1,children:o.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:349,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:343,columnNumber:6},void 0),r.jsxDEV(b.ProductInfo,{children:[r.jsxDEV(B.ProductPickerTag,{isVariant:n,data:m,tagText:V,tagType:I},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:360,columnNumber:7},void 0),x&&r.jsxDEV($.IconButton,{onClick:()=>{D?.(o)},Icon:()=>r.jsxDEV(A.default,{width:20,height:20,color:g.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:372,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:367,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:359,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:335,columnNumber:5},void 0),r.jsxDEV(b.ProductSubTitle,{children:[!m?.fbStatus&&n||V?null:r.jsxDEV(E.BodyCaption,{color:g.COLORS.content.secondary,children:P},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:387,columnNumber:7},void 0),C&&r.jsxDEV(T.Tooltip,{body:C,placement:"top",children:r.jsxDEV(b.SKUIDBadge,{children:r.jsxDEV(b.EllipsedBodyTiny,{children:`SKU ID: ${C}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:394,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:393,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:392,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:382,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:328,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:261,columnNumber:3},void 0)};exports.ProductCard=j;exports.ProductGroup=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),S=require("../../constants/Theme.js"),A=require("../../assets/icons/info.svg.js"),g=require("../TypographyStyle.js"),E=require("./constants.js"),B=require("./helpers/ProductHelper.js"),F=require("./ProductPickerTag.js"),b=require("./style.js"),U=require("./utility.js"),R=require("../checkBox/CheckBox.js"),$=require("../shimmer-image/ShimmerImage.js"),T=require("../tooltips/Tooltip.js"),L=require("../icon-button/IconButton.js"),G=D=>{const{collectionId:n,productId:o,data:e,selectedData:t,selectedCollectionsDispatch:i,viewOnly:s,upliftAdditions:d,isProductPartiallyChecked:y,hideProductCheckbox:a,outOfStockAction:f,hideVariantCheckbox:u,hideProductVariants:p,pickerType:k,onProductDetailClick:l,showProductDetailInfoIcon:v}=D,x=()=>!!t?.[n]?.products?.[o],h=c=>t?.[n]?.products?.[o]?!!t?.[n]?.products?.[o]?.variants?.[c]:!1,P=!p&&U.shouldShowVariant(e)?"":`${e.currency?E.CurrencySymbols[e.currency]??"":""}${Object.values(e.variants??{})?.[0]?.price??Object.values(e.variants??{})?.[0]?.actualPrice??""}`;return r.jsxDEV("div",{children:[r.jsxDEV(w,{isVariant:!1,data:e,productId:o,collectionId:n,isSelected:x(),isPartiallyChecked:y,selectedCollectionsDispatch:i,upliftAdditions:d,viewOnly:s,hideProductCheckbox:a,hideVariantCheckbox:u,hideProductVariants:p,pickerType:k,outOfStockAction:f,onProductDetailClick:l,showProductDetailInfoIcon:v,currencyAndPrice:P},o,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:95,columnNumber:4},void 0),p?null:U.shouldShowVariant(e)&&Object.keys(e.variants||[]).map(c=>{const m=`${e.currency?E.CurrencySymbols[e.currency]??"":""}${e.variants?.[c]?.price??e.variants?.[c]?.actualPrice??""}`;return r.jsxDEV(w,{isVariant:!0,hideVariantCheckbox:u,data:{...e.variants[c],currency:e.currency},variantId:c,productId:o,viewOnly:s,upliftAdditions:d,collectionId:n,isSelected:h(c),selectedCollectionsDispatch:i,outOfStockAction:f,onProductDetailClick:l,showProductDetailInfoIcon:v,currencyAndPrice:m},c,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:128,columnNumber:8},void 0)})]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:94,columnNumber:3},void 0)},w=D=>{const{isVariant:n,data:o,productId:e,collectionId:t,variantId:i,isSelected:s,selectedCollectionsDispatch:d,viewOnly:y,upliftAdditions:a,isPartiallyChecked:f,hideProductCheckbox:u,outOfStockAction:p,hideVariantCheckbox:k,hideProductVariants:l,pickerType:v="PRODUCT",onProductDetailClick:x,showProductDetailInfoIcon:h,currencyAndPrice:P}=D,{isVariantForProductPickerTag:c,dataForProductPickerTag:m,tagText:V,tagType:I}=B.ProductHelper.getDataForProductPickerTag(o,n,p),C=U.getSkuId(o,n),O=N=>{if(N.stopPropagation(),v==="PRODUCT"&&(u||k)){const j=Object.keys(o.variants);l?s?d({type:"productUnselected",data:{productId:e,collectionId:t}}):a("productSelected",{productId:e,variantId:i,collectionId:t,product:o}):s?d({type:"variantUnselected",data:{productId:e,variantId:i,collectionId:t}}):a("variantSelected",{productId:e,variantId:i||j[0],collectionId:t,variant:o})}};return r.jsxDEV(b.ProductCardStyle,{isVariant:n,onClick:O,isActive:s,children:[n&&!(y||k)||!n&&!(y||u)?r.jsxDEV(R.CheckBox,{isChecked:s,isPartiallyChecked:f||!1,onValueChange:function(N,j,q){q?.stopPropagation(),n?N?a(l?"productSelected":"variantSelected",{productId:e,variantId:i,collectionId:t,variant:o}):d({type:l?"productUnselected":"variantUnselected",data:{productId:e,variantId:i,collectionId:t}}):N?a("productSelected",{productId:e,collectionId:t,product:o}):d({type:"productUnselected",data:{productId:e,collectionId:t}})}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:268,columnNumber:5},void 0):r.jsxDEV(r.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:317,columnNumber:5},void 0),r.jsxDEV("div",{children:r.jsxDEV($.ShimmerImage,{width:40,height:40,imageUrl:o.image,alt:"Item",borderRadius:4},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:320,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:319,columnNumber:4},void 0),r.jsxDEV("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[r.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:[r.jsxDEV(T.Tooltip,{variant:"light",body:o.name,placement:"bottom",delay:400,children:r.jsxDEV(g.TitleSmall,{style:{flex:1},numberOfLines:1,children:o.name},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:349,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:343,columnNumber:6},void 0),r.jsxDEV(b.ProductInfo,{children:[r.jsxDEV(F.ProductPickerTag,{isVariant:c,data:m,tagText:V,tagType:I},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:360,columnNumber:7},void 0),h&&r.jsxDEV(L.IconButton,{onClick:()=>{x?.(o)},Icon:()=>r.jsxDEV(A.default,{width:20,height:20,color:S.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:372,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:367,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:359,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:335,columnNumber:5},void 0),r.jsxDEV(b.ProductSubTitle,{children:[!m?.fbStatus&&c||V?null:r.jsxDEV(g.BodyCaption,{color:S.COLORS.content.secondary,children:P},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:387,columnNumber:7},void 0),C&&r.jsxDEV(T.Tooltip,{body:C,placement:"top",children:r.jsxDEV(b.SKUIDBadge,{children:r.jsxDEV(b.EllipsedBodyTiny,{children:`SKU ID: ${C}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:394,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:393,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:392,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:382,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:328,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/product.tsx",lineNumber:261,columnNumber:3},void 0)};exports.ProductCard=w;exports.ProductGroup=G;
 //# sourceMappingURL=product.js.map