@bikdotai/bik-component-library 0.0.730-beta.2 → 0.0.730-beta.3

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/info.svg.js");require("../checkBox/index.js"),require("../icon-button/index.js"),require("../shimmer-image/index.js"),require("../tooltips/index.js");var o=require("../TypographyStyle.js"),r=require("./constants.js"),n=require("./helpers/ProductHelper.js"),c=require("./ProductPickerTag.js"),d=require("./style.js"),s=require("./utility.js"),l=require("../checkBox/CheckBox.js"),a=require("../shimmer-image/ShimmerImage.js"),u=require("../tooltips/Tooltip.js"),p=require("../icon-button/IconButton.js");const x=r=>{const{isVariant:x,data:v,productId:j,collectionId:h,variantId:m,isSelected:y,selectedCollectionsDispatch:I,viewOnly:P,upliftAdditions:g,isPartiallyChecked:k,hideProductCheckbox:C,outOfStockAction:b,hideVariantCheckbox:O,hideProductVariants:S,pickerType:f="PRODUCT",onProductDetailClick:R,showProductDetailInfoIcon:E,currencyAndPrice:T}=r,{isVariantForProductPickerTag:D,dataForProductPickerTag:q,tagText:V,tagType:w}=n.ProductHelper.getDataForProductPickerTag(v,x,b),A=s.getSkuId(v,x);return e.jsxRuntimeExports.jsxs(d.ProductCardStyle,Object.assign({isVariant:x,onClick:e=>{if(e.stopPropagation(),"PRODUCT"===f&&(C||O)){const e=Object.keys(v.variants);S?y?I({type:"productUnselected",data:{productId:j,collectionId:h}}):g("productSelected",{productId:j,variantId:m,collectionId:h,product:v}):y?I({type:"variantUnselected",data:{productId:j,variantId:m,collectionId:h}}):g("variantSelected",{productId:j,variantId:m||e[0],collectionId:h,variant:v})}},isActive:y},{children:[x&&!P&&!O||!x&&!P&&!C?e.jsxRuntimeExports.jsx(l.CheckBox,{isChecked:y,isPartiallyChecked:k||!1,onValueChange:function(e,t,i){null==i||i.stopPropagation(),x?e?g(S?"productSelected":"variantSelected",{productId:j,variantId:m,collectionId:h,variant:v}):I({type:S?"productUnselected":"variantUnselected",data:{productId:j,variantId:m,collectionId:h}}):e?g("productSelected",{productId:j,collectionId:h,product:v}):I({type:"productUnselected",data:{productId:j,collectionId:h}})}}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(a.ShimmerImage,{width:40,height:40,imageUrl:v.image,alt:"Item",borderRadius:4})}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16}},{children:[e.jsxRuntimeExports.jsx(u.Tooltip,Object.assign({variant:"light",body:v.name,placement:"bottom",delay:400},{children:e.jsxRuntimeExports.jsx(o.TitleSmall,Object.assign({style:{flex:1},numberOfLines:1},{children:v.name}))})),e.jsxRuntimeExports.jsxs(d.ProductInfo,{children:[e.jsxRuntimeExports.jsx(c.ProductPickerTag,{isVariant:D,data:q,tagText:V,tagType:w}),E&&e.jsxRuntimeExports.jsx(p.IconButton,{onClick:()=>{null==R||R(v)},Icon:()=>e.jsxRuntimeExports.jsx(i.default,{width:20,height:20,color:t.COLORS.content.placeholder})})]})]})),e.jsxRuntimeExports.jsxs(d.ProductSubTitle,{children:[!(null==q?void 0:q.fbStatus)&&D||V?null:e.jsxRuntimeExports.jsx(o.BodyCaption,Object.assign({color:t.COLORS.content.secondary},{children:T})),A&&e.jsxRuntimeExports.jsx(u.Tooltip,Object.assign({body:A,placement:"top"},{children:e.jsxRuntimeExports.jsx(d.SKUIDBadge,{children:e.jsxRuntimeExports.jsx(d.EllipsedBodyTiny,{children:`SKU ID: ${A}`})})}))]})]}))]}))};exports.ProductCard=x,exports.ProductGroup=t=>{var i,o,n,c,d,l,a,u,p;const{collectionId:v,productId:j,data:h,selectedData:m,selectedCollectionsDispatch:y,viewOnly:I,upliftAdditions:P,isProductPartiallyChecked:g,hideProductCheckbox:k,outOfStockAction:C,hideVariantCheckbox:b,hideProductVariants:O,pickerType:S,onProductDetailClick:f,showProductDetailInfoIcon:R}=t,E=e=>{var t,i,o,r,n,c;if(!(null===(i=null===(t=null==m?void 0:m[v])||void 0===t?void 0:t.products)||void 0===i?void 0:i[j]))return!1;return!!(null===(c=null===(n=null===(r=null===(o=null==m?void 0:m[v])||void 0===o?void 0:o.products)||void 0===r?void 0:r[j])||void 0===n?void 0:n.variants)||void 0===c?void 0:c[e])},T=O||!s.shouldShowVariant(h)?`${h.currency&&null!==(i=r.CurrencySymbols[h.currency])&&void 0!==i?i:""}${null!==(p=null!==(d=null===(c=null===(n=Object.values(null!==(o=h.variants)&&void 0!==o?o:{}))||void 0===n?void 0:n[0])||void 0===c?void 0:c.price)&&void 0!==d?d:null===(u=null===(a=Object.values(null!==(l=h.variants)&&void 0!==l?l:{}))||void 0===a?void 0:a[0])||void 0===u?void 0:u.actualPrice)&&void 0!==p?p:""}`:"";return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(x,{isVariant:!1,data:h,productId:j,collectionId:v,isSelected:(()=>{var e,t;return!!(null===(t=null===(e=null==m?void 0:m[v])||void 0===e?void 0:e.products)||void 0===t?void 0:t[j])})(),isPartiallyChecked:g,selectedCollectionsDispatch:y,upliftAdditions:P,viewOnly:I,hideProductCheckbox:k,hideVariantCheckbox:b,hideProductVariants:O,pickerType:S,outOfStockAction:C,onProductDetailClick:f,showProductDetailInfoIcon:R,currencyAndPrice:T},j),O?null:s.shouldShowVariant(h)&&Object.keys(h.variants||[]).map((t=>{var i,o,n,c,d,s,l;const a=`${h.currency&&null!==(i=r.CurrencySymbols[h.currency])&&void 0!==i?i:""}${null!==(l=null!==(c=null===(n=null===(o=h.variants)||void 0===o?void 0:o[t])||void 0===n?void 0:n.price)&&void 0!==c?c:null===(s=null===(d=h.variants)||void 0===d?void 0:d[t])||void 0===s?void 0:s.actualPrice)&&void 0!==l?l:""}`;return e.jsxRuntimeExports.jsx(x,{isVariant:!0,hideVariantCheckbox:b,data:Object.assign(Object.assign({},h.variants[t]),{currency:h.currency}),variantId:t,productId:j,viewOnly:I,upliftAdditions:P,collectionId:v,isSelected:E(t),selectedCollectionsDispatch:y,outOfStockAction:C,onProductDetailClick:f,showProductDetailInfoIcon:R,currencyAndPrice:a},t)}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),e=require("../../constants/Theme.js"),i=require("../../assets/icons/info.svg.js"),o=require("../checkBox/CheckBox.js"),r=require("../icon-button/IconButton.js"),n=require("../shimmer-image/ShimmerImage.js"),c=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js"),l=require("./constants.js"),s=require("./helpers/ProductHelper.js"),a=require("./ProductPickerTag.js"),u=require("./style.js"),p=require("./utility.js");const x=l=>{const{isVariant:x,data:v,productId:j,collectionId:h,variantId:y,isSelected:m,selectedCollectionsDispatch:I,viewOnly:P,upliftAdditions:g,isPartiallyChecked:k,hideProductCheckbox:C,outOfStockAction:b,hideVariantCheckbox:O,hideProductVariants:S,pickerType:f="PRODUCT",onProductDetailClick:R,showProductDetailInfoIcon:E,currencyAndPrice:T}=l,{isVariantForProductPickerTag:D,dataForProductPickerTag:V,tagText:q,tagType:w}=s.ProductHelper.getDataForProductPickerTag(v,x,b),A=p.getSkuId(v,x);return t.jsxRuntimeExports.jsxs(u.ProductCardStyle,Object.assign({isVariant:x,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===f&&(C||O)){const t=Object.keys(v.variants);S?m?I({type:"productUnselected",data:{productId:j,collectionId:h}}):g("productSelected",{productId:j,variantId:y,collectionId:h,product:v}):m?I({type:"variantUnselected",data:{productId:j,variantId:y,collectionId:h}}):g("variantSelected",{productId:j,variantId:y||t[0],collectionId:h,variant:v})}},isActive:m},{children:[x&&!P&&!O||!x&&!P&&!C?t.jsxRuntimeExports.jsx(o.CheckBox,{isChecked:m,isPartiallyChecked:k||!1,onValueChange:function(t,e,i){null==i||i.stopPropagation(),x?t?g(S?"productSelected":"variantSelected",{productId:j,variantId:y,collectionId:h,variant:v}):I({type:S?"productUnselected":"variantUnselected",data:{productId:j,variantId:y,collectionId:h}}):t?g("productSelected",{productId:j,collectionId:h,product:v}):I({type:"productUnselected",data:{productId:j,collectionId:h}})}}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(n.ShimmerImage,{width:40,height:40,imageUrl:v.image,alt:"Item",borderRadius:4})}),t.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[t.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16}},{children:[t.jsxRuntimeExports.jsx(c.Tooltip,Object.assign({variant:"light",body:v.name,placement:"bottom",delay:400},{children:t.jsxRuntimeExports.jsx(d.TitleSmall,Object.assign({style:{flex:1},numberOfLines:1},{children:v.name}))})),t.jsxRuntimeExports.jsxs(u.ProductInfo,{children:[t.jsxRuntimeExports.jsx(a.ProductPickerTag,{isVariant:D,data:V,tagText:q,tagType:w}),E&&t.jsxRuntimeExports.jsx(r.IconButton,{onClick:()=>{null==R||R(v)},Icon:()=>t.jsxRuntimeExports.jsx(i.default,{width:20,height:20,color:e.COLORS.content.placeholder})})]})]})),t.jsxRuntimeExports.jsxs(u.ProductSubTitle,{children:[!(null==V?void 0:V.fbStatus)&&D||q?null:t.jsxRuntimeExports.jsx(d.BodyCaption,Object.assign({color:e.COLORS.content.secondary},{children:T})),A&&t.jsxRuntimeExports.jsx(c.Tooltip,Object.assign({body:A,placement:"top"},{children:t.jsxRuntimeExports.jsx(u.SKUIDBadge,{children:t.jsxRuntimeExports.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${A}`})})}))]})]}))]}))};exports.ProductCard=x,exports.ProductGroup=e=>{var i,o,r,n,c,d,s,a,u;const{collectionId:v,productId:j,data:h,selectedData:y,selectedCollectionsDispatch:m,viewOnly:I,upliftAdditions:P,isProductPartiallyChecked:g,hideProductCheckbox:k,outOfStockAction:C,hideVariantCheckbox:b,hideProductVariants:O,pickerType:S,onProductDetailClick:f,showProductDetailInfoIcon:R}=e,E=t=>{var e,i,o,r,n,c;if(!(null===(i=null===(e=null==y?void 0:y[v])||void 0===e?void 0:e.products)||void 0===i?void 0:i[j]))return!1;return!!(null===(c=null===(n=null===(r=null===(o=null==y?void 0:y[v])||void 0===o?void 0:o.products)||void 0===r?void 0:r[j])||void 0===n?void 0:n.variants)||void 0===c?void 0:c[t])},T=O||!p.shouldShowVariant(h)?`${h.currency&&null!==(i=l.CurrencySymbols[h.currency])&&void 0!==i?i:""}${null!==(u=null!==(c=null===(n=null===(r=Object.values(null!==(o=h.variants)&&void 0!==o?o:{}))||void 0===r?void 0:r[0])||void 0===n?void 0:n.price)&&void 0!==c?c:null===(a=null===(s=Object.values(null!==(d=h.variants)&&void 0!==d?d:{}))||void 0===s?void 0:s[0])||void 0===a?void 0:a.actualPrice)&&void 0!==u?u:""}`:"";return t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(x,{isVariant:!1,data:h,productId:j,collectionId:v,isSelected:(()=>{var t,e;return!!(null===(e=null===(t=null==y?void 0:y[v])||void 0===t?void 0:t.products)||void 0===e?void 0:e[j])})(),isPartiallyChecked:g,selectedCollectionsDispatch:m,upliftAdditions:P,viewOnly:I,hideProductCheckbox:k,hideVariantCheckbox:b,hideProductVariants:O,pickerType:S,outOfStockAction:C,onProductDetailClick:f,showProductDetailInfoIcon:R,currencyAndPrice:T},j),O?null:p.shouldShowVariant(h)&&Object.keys(h.variants||[]).map((e=>{var i,o,r,n,c,d,s;const a=`${h.currency&&null!==(i=l.CurrencySymbols[h.currency])&&void 0!==i?i:""}${null!==(s=null!==(n=null===(r=null===(o=h.variants)||void 0===o?void 0:o[e])||void 0===r?void 0:r.price)&&void 0!==n?n:null===(d=null===(c=h.variants)||void 0===c?void 0:c[e])||void 0===d?void 0:d.actualPrice)&&void 0!==s?s:""}`;return t.jsxRuntimeExports.jsx(x,{isVariant:!0,hideVariantCheckbox:b,data:Object.assign(Object.assign({},h.variants[e]),{currency:h.currency}),variantId:e,productId:j,viewOnly:I,upliftAdditions:P,collectionId:v,isSelected:E(e),selectedCollectionsDispatch:m,outOfStockAction:C,onProductDetailClick:f,showProductDetailInfoIcon:R,currencyAndPrice:a},e)}))]})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js");require("../icon-button/index.js"),require("../shimmer-image/index.js"),require("../tooltips/index.js");var r=require("../TypographyStyle.js"),s=require("./constants.js"),a=require("./helpers/ProductHelper.js"),n=require("./ProductPickerTag.js"),u=require("./style.js"),d=require("./utility.js"),l=require("../icon-button/IconButton.js"),c=require("../shimmer-image/ShimmerImage.js"),p=require("../tooltips/Tooltip.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=x(t);const j=t=>{var i,l,x,m,j,g,v,y,D,R,I,S,E,P,O,k;const q=void 0===t.productData.variants;let T;if(q)T=`${t.productData.currency&&null!==(i=s.CurrencySymbols[t.productData.currency])&&void 0!==i?i:""}${null!==(j=null!==(x=null===(l=t.productData)||void 0===l?void 0:l.price)&&void 0!==x?x:null===(m=t.productData)||void 0===m?void 0:m.actualPrice)&&void 0!==j?j:""}`;else{const e=null===(g=t.productData)||void 0===g?void 0:g.currency;T=`${e&&null!==(v=s.CurrencySymbols[e])&&void 0!==v?v:""}${null!==(O=null!==(I=null===(R=null===(D=Object.values(null!==(y=t.productData.variants)&&void 0!==y?y:{}))||void 0===D?void 0:D[0])||void 0===R?void 0:R.price)&&void 0!==I?I:null===(P=null===(E=Object.values(null!==(S=t.productData.variants)&&void 0!==S?S:{}))||void 0===E?void 0:E[0])||void 0===P?void 0:P.actualPrice)&&void 0!==O?O:""}`}const{isVariantForProductPickerTag:C,dataForProductPickerTag:w,tagText:B,tagType:$}=a.ProductHelper.getDataForProductPickerTag(t.productData,q,t.outOfStockAction),z=d.getSkuId(t.productData,q);return e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(c.ShimmerImage,{useDynamicInfoImageSize:t.useDynamicInfoImageSize,imageUrl:t.productData.image,width:200,height:200,borderRadius:4})}),e.jsxRuntimeExports.jsxs(b,{children:[z&&e.jsxRuntimeExports.jsx(p.Tooltip,Object.assign({body:z,placement:"top"},{children:e.jsxRuntimeExports.jsx(u.SKUIDBadge,{children:e.jsxRuntimeExports.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${z}`})})})),e.jsxRuntimeExports.jsx(r.TitleRegular,Object.assign({style:{display:"flex"}},{children:t.productData.name})),e.jsxRuntimeExports.jsx(r.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:`Product ID: ${t.productData.id}`})),e.jsxRuntimeExports.jsx(r.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:null!==(k=t.productData.description)&&void 0!==k?k:""}}),e.jsxRuntimeExports.jsx(r.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:q?T:d.shouldShowVariant(t.productData)?null:T})),e.jsxRuntimeExports.jsx(n.ProductPickerTag,{isVariant:C,data:w,tagText:B,tagType:$})]})]})},g=m.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),r=require("../icon-button/IconButton.js"),a=require("../shimmer-image/ShimmerImage.js"),s=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),d=require("./constants.js"),u=require("./helpers/ProductHelper.js"),l=require("./ProductPickerTag.js"),c=require("./style.js"),p=require("./utility.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=x(t);const j=t=>{var i,r,x,m,j,g,v,y,D,R,I,S,E,P,O,k;const T=void 0===t.productData.variants;let q;if(T)q=`${t.productData.currency&&null!==(i=d.CurrencySymbols[t.productData.currency])&&void 0!==i?i:""}${null!==(j=null!==(x=null===(r=t.productData)||void 0===r?void 0:r.price)&&void 0!==x?x:null===(m=t.productData)||void 0===m?void 0:m.actualPrice)&&void 0!==j?j:""}`;else{const e=null===(g=t.productData)||void 0===g?void 0:g.currency;q=`${e&&null!==(v=d.CurrencySymbols[e])&&void 0!==v?v:""}${null!==(O=null!==(I=null===(R=null===(D=Object.values(null!==(y=t.productData.variants)&&void 0!==y?y:{}))||void 0===D?void 0:D[0])||void 0===R?void 0:R.price)&&void 0!==I?I:null===(P=null===(E=Object.values(null!==(S=t.productData.variants)&&void 0!==S?S:{}))||void 0===E?void 0:E[0])||void 0===P?void 0:P.actualPrice)&&void 0!==O?O:""}`}const{isVariantForProductPickerTag:C,dataForProductPickerTag:w,tagText:B,tagType:$}=u.ProductHelper.getDataForProductPickerTag(t.productData,T,t.outOfStockAction),z=p.getSkuId(t.productData,T);return e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(a.ShimmerImage,{useDynamicInfoImageSize:t.useDynamicInfoImageSize,imageUrl:t.productData.image,width:200,height:200,borderRadius:4})}),e.jsxRuntimeExports.jsxs(b,{children:[z&&e.jsxRuntimeExports.jsx(s.Tooltip,Object.assign({body:z,placement:"top"},{children:e.jsxRuntimeExports.jsx(c.SKUIDBadge,{children:e.jsxRuntimeExports.jsx(c.EllipsedBodyTiny,{children:`SKU ID: ${z}`})})})),e.jsxRuntimeExports.jsx(n.TitleRegular,Object.assign({style:{display:"flex"}},{children:t.productData.name})),e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:`Product ID: ${t.productData.id}`})),e.jsxRuntimeExports.jsx(n.BodyCaption,{className:"overlay-description",dangerouslySetInnerHTML:{__html:null!==(k=t.productData.description)&&void 0!==k?k:""}}),e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:T?q:p.shouldShowVariant(t.productData)?null:q})),e.jsxRuntimeExports.jsx(l.ProductPickerTag,{isVariant:C,data:w,tagText:B,tagType:$})]})]})},g=m.default.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
@@ -49,4 +49,4 @@
 	flex: 1;
 	flex-direction: column;
 	gap: 4px;
-`;exports.ProductInfoCard=j,exports.ProductInfoOverlay=t=>e.jsxRuntimeExports.jsxs(g,{children:[e.jsxRuntimeExports.jsx(v,{}),e.jsxRuntimeExports.jsx(y,{children:e.jsxRuntimeExports.jsx(l.IconButton,{className:"close-button",onClick:t.onClose,Icon:i.default,width:20,height:20})}),e.jsxRuntimeExports.jsx(j,{productData:t.productData,outOfStockAction:t.outOfStockAction,useDynamicInfoImageSize:t.useDynamicInfoImageSize})]});
+`;exports.ProductInfoCard=j,exports.ProductInfoOverlay=t=>e.jsxRuntimeExports.jsxs(g,{children:[e.jsxRuntimeExports.jsx(v,{}),e.jsxRuntimeExports.jsx(y,{children:e.jsxRuntimeExports.jsx(r.IconButton,{className:"close-button",onClick:t.onClose,Icon:i.default,width:20,height:20})}),e.jsxRuntimeExports.jsx(j,{productData:t.productData,outOfStockAction:t.outOfStockAction,useDynamicInfoImageSize:t.useDynamicInfoImageSize})]});

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("react"),r=require("react-beautiful-dnd"),o=require("../../constants/Theme.js");require("../icon-button/index.js");var n=require("../TypographyStyle.js"),i=require("./emptyState.js"),c=require("./helpers/ProductHelper.js"),a=require("./style.js"),l=require("./utility.js"),u=require("./variantComponents.js"),d=require("../icon-button/IconButton.js");exports.RearrangeScreen=p=>{const{selectedCollections:j,selectedCollectionsDispatch:x,setScreen:S,rearrangeViewType:h,outOfStockAction:y,scrollContainerRef:f,storeId:m,fbStatusFetcher:q,appType:C}=p,[E,O]=s.useState(c.parseSelectedVariantsToArray(j));s.useEffect((()=>{O(c.parseSelectedVariantsToArray(j))}),[j]),s.useEffect((()=>{var e;null===(e=null==f?void 0:f.current)||void 0===e||e.scrollTo({top:0}),l.fetchFbStatusCollection(j,m,C,x,q,"update")}),[]);return e.jsxRuntimeExports.jsxs(r.DragDropContext,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=E,[s]=t.splice(e.source.index,1);t.splice(e.destination.index,0,s),t.forEach(((e,t)=>{e.displayOrder=t})),O(t)}},{children:[e.jsxRuntimeExports.jsxs(a.SelectedScreenHeader,{children:[e.jsxRuntimeExports.jsx(d.IconButton,{Icon:t.default,width:16,height:16,color:o.COLORS.content.secondary,onClick:()=>{S("collections")}}),e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===h?e.jsxRuntimeExports.jsx(u.VariantsList,{selectedVariants:E,setSelectedVariants:O,selectedCollectionsDispatch:x,outOfStockAction:y}):e.jsxRuntimeExports.jsx(u.VariantsGrid,{selectedVariants:E,setSelectedVariants:O,selectedCollectionsDispatch:x}):e.jsxRuntimeExports.jsx(i.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("react"),r=require("react-beautiful-dnd"),o=require("../../constants/Theme.js"),n=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),c=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),l=require("./style.js"),u=require("./utility.js"),d=require("./variantComponents.js");exports.RearrangeScreen=p=>{const{selectedCollections:j,selectedCollectionsDispatch:x,setScreen:S,rearrangeViewType:h,outOfStockAction:y,scrollContainerRef:f,storeId:m,fbStatusFetcher:q,appType:C}=p,[E,O]=s.useState(a.parseSelectedVariantsToArray(j));s.useEffect((()=>{O(a.parseSelectedVariantsToArray(j))}),[j]),s.useEffect((()=>{var e;null===(e=null==f?void 0:f.current)||void 0===e||e.scrollTo({top:0}),u.fetchFbStatusCollection(j,m,C,x,q,"update")}),[]);return e.jsxRuntimeExports.jsxs(r.DragDropContext,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=E,[s]=t.splice(e.source.index,1);t.splice(e.destination.index,0,s),t.forEach(((e,t)=>{e.displayOrder=t})),O(t)}},{children:[e.jsxRuntimeExports.jsxs(l.SelectedScreenHeader,{children:[e.jsxRuntimeExports.jsx(n.IconButton,{Icon:t.default,width:16,height:16,color:o.COLORS.content.secondary,onClick:()=>{S("collections")}}),e.jsxRuntimeExports.jsx(i.BodyCaption,Object.assign({color:o.COLORS.content.secondary},{children:"All Products"}))]}),Object.keys(j).length>0?"list"===h?e.jsxRuntimeExports.jsx(d.VariantsList,{selectedVariants:E,setSelectedVariants:O,selectedCollectionsDispatch:x,outOfStockAction:y}):e.jsxRuntimeExports.jsx(d.VariantsGrid,{selectedVariants:E,setSelectedVariants:O,selectedCollectionsDispatch:x}):e.jsxRuntimeExports.jsx(c.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("react");require("../icon-button/index.js");var i=require("../TypographyStyle.js"),s=require("./collectionScreen.js"),l=require("./emptyState.js"),c=require("./product.js"),r=require("./style.js"),n=require("./utility.js"),d=require("../icon-button/IconButton.js");exports.SearchScreen=u=>{var a;const{customCollectionRestriction:p,selectedCollections:x,searchedCollections:h,searchedCollectionsDispatch:j,selectedCollectionsDispatch:v,setScreen:C,collections:m,onBackPress:y,hideVariantCheckbox:k,pickerType:b,hideProductVariants:S,hideProductCheckbox:E,storeId:R,fbStatusFetcher:P,setCollectionId:f,setSelectedCollectionId:O,hideCollectionCheckbox:g,renderWithoutModal:I,outOfStockAction:q,appType:T,limit:D,exactLimit:F}=u;o.useEffect((()=>{var e;n.fetchFbStatusCollection(null!==(e=h.products)&&void 0!==e?e:{},R,T,j,P,"setProducts")}),[null==h?void 0:h.products]);const B=!!p&&(null==x?void 0:x.isCustom),V=Object.keys(x||{}).filter((e=>"isCustom"!==e)).length;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(r.SelectedScreenHeader,{children:[e.jsxRuntimeExports.jsx(d.IconButton,{Icon:t.default,onClick:()=>{C("collections"),y()}}),e.jsxRuntimeExports.jsx(i.BodyCaption,{children:(null===(a=Object.keys(null==h?void 0:h.collections))||void 0===a?void 0:a.length)?"Searched Collections & Products":"Searched Products"})]}),e.jsxRuntimeExports.jsx("div",{children:Object.keys(null==h?void 0:h.products).length||Object.keys(null==h?void 0:h.collections).length?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Object.keys(null==h?void 0:h.collections).map((t=>{const o=!!(null==x?void 0:x[t]),i="COLLECTION"===b&&!o&&(!!F&&V>=F||!!D&&V>=D);return e.jsxRuntimeExports.jsx(s.CollectionCard,{customCollectionRestriction:p,data:null==m?void 0:m[t],isDisabled:B&&!(null==x?void 0:x[t])||i,isChecked:o,isPartiallyChecked:n.isCollectionPartiallyChecked(t,null==m?void 0:m[t],x,S),selectedCollectionsDispatch:v,setCollectionId:f,setSelectedCollectionId:O,setScreen:C,id:t,hideCollectionCheckbox:g||"-1"===t,selectedCollections:x,renderWithoutModal:I,pickerType:b,usedInSearch:!0},t)}))}),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Object.keys(null==h?void 0:h.products).map((t=>{var o,i;return Object.keys((null===(i=null===(o=null==h?void 0:h.products)||void 0===o?void 0:o[t])||void 0===i?void 0:i.products)||[]).map((o=>{var i,s,l;let r=!1;return(null===(i=null==h?void 0:h.products)||void 0===i?void 0:i.isCustom)&&(r=!0),e.jsxRuntimeExports.jsx(c.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{var i;const s=n.liftTheStateUp(o,null===(i=null==h?void 0:h.products)||void 0===i?void 0:i[e]);v({type:t,data:Object.assign(Object.assign({},s),{isRestricted:p})})})(t,e,o),productId:o,data:(null===(s=null==h?void 0:h.products)||void 0===s?void 0:s[t].products)[o],isProductPartiallyChecked:n.isProductPartiallyChecked(t,o,x,null===(l=h.products)||void 0===l?void 0:l[t],S),selectedData:x,selectedCollectionsDispatch:v,viewOnly:r,hideProductCheckbox:E,hideVariantCheckbox:k,hideProductVariants:S,pickerType:b,outOfStockAction:q},o)}))}))})]}):e.jsxRuntimeExports.jsx(l.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("react"),i=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),l=require("./collectionScreen.js"),c=require("./emptyState.js"),r=require("./product.js"),n=require("./style.js"),d=require("./utility.js");exports.SearchScreen=u=>{var a;const{customCollectionRestriction:p,selectedCollections:x,searchedCollections:h,searchedCollectionsDispatch:j,selectedCollectionsDispatch:v,setScreen:C,collections:m,onBackPress:y,hideVariantCheckbox:k,pickerType:b,hideProductVariants:S,hideProductCheckbox:E,storeId:R,fbStatusFetcher:P,setCollectionId:f,setSelectedCollectionId:O,hideCollectionCheckbox:g,renderWithoutModal:I,outOfStockAction:q,appType:T,limit:D,exactLimit:F}=u;o.useEffect((()=>{var e;d.fetchFbStatusCollection(null!==(e=h.products)&&void 0!==e?e:{},R,T,j,P,"setProducts")}),[null==h?void 0:h.products]);const B=!!p&&(null==x?void 0:x.isCustom),V=Object.keys(x||{}).filter((e=>"isCustom"!==e)).length;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(n.SelectedScreenHeader,{children:[e.jsxRuntimeExports.jsx(i.IconButton,{Icon:t.default,onClick:()=>{C("collections"),y()}}),e.jsxRuntimeExports.jsx(s.BodyCaption,{children:(null===(a=Object.keys(null==h?void 0:h.collections))||void 0===a?void 0:a.length)?"Searched Collections & Products":"Searched Products"})]}),e.jsxRuntimeExports.jsx("div",{children:Object.keys(null==h?void 0:h.products).length||Object.keys(null==h?void 0:h.collections).length?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Object.keys(null==h?void 0:h.collections).map((t=>{const o=!!(null==x?void 0:x[t]),i="COLLECTION"===b&&!o&&(!!F&&V>=F||!!D&&V>=D);return e.jsxRuntimeExports.jsx(l.CollectionCard,{customCollectionRestriction:p,data:null==m?void 0:m[t],isDisabled:B&&!(null==x?void 0:x[t])||i,isChecked:o,isPartiallyChecked:d.isCollectionPartiallyChecked(t,null==m?void 0:m[t],x,S),selectedCollectionsDispatch:v,setCollectionId:f,setSelectedCollectionId:O,setScreen:C,id:t,hideCollectionCheckbox:g||"-1"===t,selectedCollections:x,renderWithoutModal:I,pickerType:b,usedInSearch:!0},t)}))}),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Object.keys(null==h?void 0:h.products).map((t=>{var o,i;return Object.keys((null===(i=null===(o=null==h?void 0:h.products)||void 0===o?void 0:o[t])||void 0===i?void 0:i.products)||[]).map((o=>{var i,s,l;let c=!1;return(null===(i=null==h?void 0:h.products)||void 0===i?void 0:i.isCustom)&&(c=!0),e.jsxRuntimeExports.jsx(r.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{var i;const s=d.liftTheStateUp(o,null===(i=null==h?void 0:h.products)||void 0===i?void 0:i[e]);v({type:t,data:Object.assign(Object.assign({},s),{isRestricted:p})})})(t,e,o),productId:o,data:(null===(s=null==h?void 0:h.products)||void 0===s?void 0:s[t].products)[o],isProductPartiallyChecked:d.isProductPartiallyChecked(t,o,x,null===(l=h.products)||void 0===l?void 0:l[t],S),selectedData:x,selectedCollectionsDispatch:v,viewOnly:c,hideProductCheckbox:E,hideVariantCheckbox:k,hideProductVariants:S,pickerType:b,outOfStockAction:q},o)}))}))})]}):e.jsxRuntimeExports.jsx(c.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react");require("../icon-button/index.js");var s=require("../TypographyStyle.js"),c=require("./emptyState.js"),n=require("./product.js"),o=require("./reducers.js"),i=require("./style.js"),u=require("./utility.js"),l=require("../icon-button/IconButton.js");exports.SelectedScreen=d=>{const{selectedCollections:a,selectedCollectionsDispatch:p,setScreen:j,collections:x,hideProductVariants:f=!1,outOfStockAction:m,storeId:h,fbStatusFetcher:y,appType:S}=d,v=r.useRef(0),E=r.useRef(null),[R,b]=r.useReducer(o.paginationReducer,{});r.useEffect((()=>{v.current=0;const e=u.paginateSelectedItems(a,10,0);b({type:"paginate",data:e}),u.fetchFbStatusCollection(e,h,S,b,y,"set"),v.current+=1}),[]),r.useEffect((()=>{b({type:"filter",data:a})}),[a]),r.useEffect((()=>{const e=new IntersectionObserver((e=>{if(e[0].isIntersecting&&v.current>0){const e=u.paginateSelectedItems(a,10,v.current);b({type:"paginate",data:e}),u.fetchFbStatusCollection(e,h,S,b,y,"update"),v.current+=1}}),{threshold:1});return E.current&&e.observe(E.current),()=>{E.current&&e.unobserve(E.current)}}),[E,a]);const q=a;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(i.SelectedScreenHeader,{children:[e.jsxRuntimeExports.jsx(l.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsxRuntimeExports.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxRuntimeExports.jsxs("div",{children:[Object.keys(R).length>0?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Object.keys(R).map((t=>{var r;return Object.keys((null===(r=null==R?void 0:R[t])||void 0===r?void 0:r.products)||[]).map((r=>{let s=!1;return(null==q?void 0:q.isCustom)&&(s=!0),e.jsxRuntimeExports.jsx(n.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:R[t].products[r],isProductPartiallyChecked:u.isProductPartiallyChecked(t,r,q,null==x?void 0:x[t],f),selectedData:q,selectedCollectionsDispatch:p,viewOnly:s,hideProductVariants:f,outOfStockAction:m},r)}))}))}):e.jsxRuntimeExports.jsx(c.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsxRuntimeExports.jsx("div",{ref:E})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),s=require("../icon-button/IconButton.js"),c=require("../TypographyStyle.js"),n=require("./emptyState.js"),o=require("./product.js"),i=require("./reducers.js"),u=require("./style.js"),l=require("./utility.js");exports.SelectedScreen=d=>{const{selectedCollections:a,selectedCollectionsDispatch:p,setScreen:j,collections:x,hideProductVariants:f=!1,outOfStockAction:m,storeId:h,fbStatusFetcher:y,appType:S}=d,v=r.useRef(0),E=r.useRef(null),[R,b]=r.useReducer(i.paginationReducer,{});r.useEffect((()=>{v.current=0;const e=l.paginateSelectedItems(a,10,0);b({type:"paginate",data:e}),l.fetchFbStatusCollection(e,h,S,b,y,"set"),v.current+=1}),[]),r.useEffect((()=>{b({type:"filter",data:a})}),[a]),r.useEffect((()=>{const e=new IntersectionObserver((e=>{if(e[0].isIntersecting&&v.current>0){const e=l.paginateSelectedItems(a,10,v.current);b({type:"paginate",data:e}),l.fetchFbStatusCollection(e,h,S,b,y,"update"),v.current+=1}}),{threshold:1});return E.current&&e.observe(E.current),()=>{E.current&&e.unobserve(E.current)}}),[E,a]);const g=a;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(u.SelectedScreenHeader,{children:[e.jsxRuntimeExports.jsx(s.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsxRuntimeExports.jsx(c.BodyCaption,{children:"Selected Products"})]}),e.jsxRuntimeExports.jsxs("div",{children:[Object.keys(R).length>0?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Object.keys(R).map((t=>{var r;return Object.keys((null===(r=null==R?void 0:R[t])||void 0===r?void 0:r.products)||[]).map((r=>{let s=!1;return(null==g?void 0:g.isCustom)&&(s=!0),e.jsxRuntimeExports.jsx(o.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:R[t].products[r],isProductPartiallyChecked:l.isProductPartiallyChecked(t,r,g,null==x?void 0:x[t],f),selectedData:g,selectedCollectionsDispatch:p,viewOnly:s,hideProductVariants:f,outOfStockAction:m},r)}))}))}):e.jsxRuntimeExports.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsxRuntimeExports.jsx("div",{ref:E})]})]})};

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

@@ -125,7 +125,7 @@
 	align-items: center;
 	justify-content: center;
 	margin: 16px;
-`,b=l.default.div`
+`;l.default.div`
 	display: flex;
 	width: 32px;
 	height: 32px;
@@ -134,39 +134,39 @@
 	align-items: center;
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 4px;
-`,m=l.default.div`
+`;const b=l.default.div`
 	padding: 16px 24px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	margin-top: auto;
 	width: 100%;
-`,w=l.default.div`
+`,m=l.default.div`
 	width: fit-content;
 	background: ${t.COLORS.background.brandLight};
 	padding: 2px 6px;
 	border-radius: 14px;
-`,v=l.default(i.BodyTiny)`
+`,w=l.default(i.BodyTiny)`
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 196px;
 	display: block;
 	color: ${t.COLORS.background.inverseLight};
-`,S=l.default.div`
+`,v=l.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	gap: 5px;
-`,k=l.default.div`
+`,S=l.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	gap: 8px;
 	min-width: 0;
-`,C=l.default(i.TitleSmall)`
+`;l.default(i.TitleSmall)`
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	display: block;
-`;exports.CollectionCardDetailStyle=c,exports.CollectionCardInfoStyle=p,exports.CollectionCardStyle=a,exports.CollectionNameHolder=g,exports.ContainerStyle=d,exports.EllipsedBodyTiny=v,exports.ProductCardStyle=f,exports.ProductInfo=k,exports.ProductScreenCollectionCardStyle=x,exports.ProductScreenHeader=s,exports.ProductSubTitle=S,exports.SKUIDBadge=w,exports.ScrollContainerStyle=n,exports.SelectedScreenHeader=u,exports.StyledFooterForNonModal=m,exports.StyledHeaderRightIcon=b,exports.StyledTitleSmall=C,exports.VariantCardGridStyle=h,exports.VariantCardListStyle=y;
+`,exports.CollectionCardDetailStyle=c,exports.CollectionCardInfoStyle=p,exports.CollectionCardStyle=a,exports.CollectionNameHolder=g,exports.ContainerStyle=d,exports.EllipsedBodyTiny=w,exports.ProductCardStyle=f,exports.ProductInfo=S,exports.ProductScreenCollectionCardStyle=x,exports.ProductScreenHeader=s,exports.ProductSubTitle=v,exports.SKUIDBadge=m,exports.ScrollContainerStyle=n,exports.SelectedScreenHeader=u,exports.StyledFooterForNonModal=b,exports.VariantCardGridStyle=h,exports.VariantCardListStyle=y;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/delete.svg.js"),s=require("../../assets/icons/drag_handle.svg.js");require("../tooltips/index.js");var r=require("../../constants/Theme.js");require("../icon-button/index.js"),require("../shimmer-image/index.js");var i=require("../TypographyStyle.js"),n=require("./constants.js"),o=require("./helpers/ProductHelper.js"),a=require("./ProductPickerTag.js"),l=require("./style.js"),c=require("../shimmer-image/ShimmerImage.js"),d=require("../tooltips/Tooltip.js"),u=require("../icon-button/IconButton.js");exports.VariantCardGridView=t=>{const{data:s}=t;return e.jsxRuntimeExports.jsx(l.VariantCardGridStyle,{children:e.jsxRuntimeExports.jsx(d.Tooltip,Object.assign({body:s.name,alwaysVisible:!1,variant:"dark",placement:"bottom"},{children:e.jsxRuntimeExports.jsx(c.ShimmerImage,{width:72,height:72,imageUrl:s.image,alt:"Item",borderRadius:4})}))})},exports.VariantCardListView=x=>{var j,m,p;const{data:h,selectedCollectionsDispatch:g,outOfStockAction:R}=x,y=()=>{let e;return e=h.name.includes(h.productName)?h.name:`${h.productName} ${h.name}`,e},{dataForProductPickerTag:b,tagText:E,tagType:v}=o.ProductHelper.getDataForProductPickerTag(h,!0,R),I=`${h.currency&&null!==(j=n.CurrencySymbols[h.currency])&&void 0!==j?j:""}${null!==(p=null!==(m=h.price)&&void 0!==m?m:h.actualPrice)&&void 0!==p?p:""}`,O=h.skuId;return e.jsxRuntimeExports.jsx(l.VariantCardListStyle,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"text-container"},{children:[e.jsxRuntimeExports.jsx(s.default,{width:24,height:24,color:r.COLORS.content.placeholder}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(c.ShimmerImage,{width:40,height:40,imageUrl:h.image,alt:"Item",borderRadius:4},h.variantId)}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"tooltip-title-tag"},{children:[e.jsxRuntimeExports.jsx(d.Tooltip,Object.assign({body:y(),placement:"bottom",delay:400,variant:"light"},{children:e.jsxRuntimeExports.jsx(i.TitleSmall,Object.assign({numberOfLines:1,style:{flex:1,minWidth:0}},{children:y()}))})),e.jsxRuntimeExports.jsxs(l.ProductInfo,{children:[e.jsxRuntimeExports.jsx(a.ProductPickerTag,{isVariant:!0,data:b,tagText:E,tagType:v}),e.jsxRuntimeExports.jsx(u.IconButton,{Icon:()=>e.jsxRuntimeExports.jsx(t.default,{width:24,height:24,color:r.COLORS.content.placeholder}),onClick:()=>{g&&g({type:"variantUnselected",data:{productId:h.productId,variantId:h.variantId,collectionId:h.collectionId}}),x.onDelete&&x.onDelete()}})]})]})),e.jsxRuntimeExports.jsxs(l.ProductSubTitle,{children:[e.jsxRuntimeExports.jsx(i.BodyCaption,Object.assign({color:r.COLORS.content.secondary},{children:!(null==b?void 0:b.fbStatus)||E?null:I})),O&&e.jsxRuntimeExports.jsx(d.Tooltip,Object.assign({body:O,placement:"top"},{children:e.jsxRuntimeExports.jsx(l.SKUIDBadge,{children:e.jsxRuntimeExports.jsx(l.EllipsedBodyTiny,{children:`SKU ID: ${O}`})})}))]})]}))]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/delete.svg.js"),s=require("../../assets/icons/drag_handle.svg.js"),r=require("../tooltips/Tooltip.js"),i=require("../../constants/Theme.js"),n=require("../icon-button/IconButton.js"),o=require("../shimmer-image/ShimmerImage.js"),a=require("../TypographyStyle.js"),l=require("./constants.js"),c=require("./helpers/ProductHelper.js"),d=require("./ProductPickerTag.js"),u=require("./style.js");exports.VariantCardGridView=t=>{const{data:s}=t;return e.jsxRuntimeExports.jsx(u.VariantCardGridStyle,{children:e.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:s.name,alwaysVisible:!1,variant:"dark",placement:"bottom"},{children:e.jsxRuntimeExports.jsx(o.ShimmerImage,{width:72,height:72,imageUrl:s.image,alt:"Item",borderRadius:4})}))})},exports.VariantCardListView=x=>{var j,m,p;const{data:h,selectedCollectionsDispatch:g,outOfStockAction:R}=x,y=()=>{let e;return e=h.name.includes(h.productName)?h.name:`${h.productName} ${h.name}`,e},{dataForProductPickerTag:b,tagText:E,tagType:v}=c.ProductHelper.getDataForProductPickerTag(h,!0,R),I=`${h.currency&&null!==(j=l.CurrencySymbols[h.currency])&&void 0!==j?j:""}${null!==(p=null!==(m=h.price)&&void 0!==m?m:h.actualPrice)&&void 0!==p?p:""}`,O=h.skuId;return e.jsxRuntimeExports.jsx(u.VariantCardListStyle,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"text-container"},{children:[e.jsxRuntimeExports.jsx(s.default,{width:24,height:24,color:i.COLORS.content.placeholder}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(o.ShimmerImage,{width:40,height:40,imageUrl:h.image,alt:"Item",borderRadius:4},h.variantId)}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"tooltip-title-tag"},{children:[e.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:y(),placement:"bottom",delay:400,variant:"light"},{children:e.jsxRuntimeExports.jsx(a.TitleSmall,Object.assign({numberOfLines:1,style:{flex:1,minWidth:0}},{children:y()}))})),e.jsxRuntimeExports.jsxs(u.ProductInfo,{children:[e.jsxRuntimeExports.jsx(d.ProductPickerTag,{isVariant:!0,data:b,tagText:E,tagType:v}),e.jsxRuntimeExports.jsx(n.IconButton,{Icon:()=>e.jsxRuntimeExports.jsx(t.default,{width:24,height:24,color:i.COLORS.content.placeholder}),onClick:()=>{g&&g({type:"variantUnselected",data:{productId:h.productId,variantId:h.variantId,collectionId:h.collectionId}}),x.onDelete&&x.onDelete()}})]})]})),e.jsxRuntimeExports.jsxs(u.ProductSubTitle,{children:[e.jsxRuntimeExports.jsx(a.BodyCaption,Object.assign({color:i.COLORS.content.secondary},{children:!(null==b?void 0:b.fbStatus)||E?null:I})),O&&e.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:O,placement:"top"},{children:e.jsxRuntimeExports.jsx(u.SKUIDBadge,{children:e.jsxRuntimeExports.jsx(u.EllipsedBodyTiny,{children:`SKU ID: ${O}`})})}))]})]}))]}))})};

package/dist/cjs/components/radioList/RadioList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react");require("../radioButton/index.js");var s=require("./RadioList.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),n=require("../radioButton/RadioButton.js");exports.RadioList=o=>{var l;const[a,u]=t.useState(o.listItems);t.useEffect((()=>{u(o.listItems)}),[o.listItems]);const c=(e,t)=>{let s;const i=[...a];i.forEach((i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e})),u(i),o.onChange(s)};return e.jsxRuntimeExports.jsxs(s.RadioListStyled,{children:[(o.title||o.subTitle)&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"title__container"},{children:[o.title&&e.jsxRuntimeExports.jsx(i.TitleRegular,{children:o.title}),o.subTitle&&e.jsxRuntimeExports.jsx(i.BodySecondary,Object.assign({color:r.COLORS.text.secondary},{children:o.subTitle}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:null!==(l=o.listContainerStyles)&&void 0!==l?l:{},className:"list__container"},{children:a.map((t=>e.jsxRuntimeExports.jsx(n.RadioButton,Object.assign({},t,{onValueChange:c,boldOnChecked:o.boldOnChecked}),t.value)))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("../radioButton/RadioButton.js"),i=require("./RadioList.styled.js"),r=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.RadioList=o=>{var l;const[a,u]=t.useState(o.listItems);t.useEffect((()=>{u(o.listItems)}),[o.listItems]);const c=(e,t)=>{let s;const i=[...a];i.forEach((i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e})),u(i),o.onChange(s)};return e.jsxRuntimeExports.jsxs(i.RadioListStyled,{children:[(o.title||o.subTitle)&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"title__container"},{children:[o.title&&e.jsxRuntimeExports.jsx(r.TitleRegular,{children:o.title}),o.subTitle&&e.jsxRuntimeExports.jsx(r.BodySecondary,Object.assign({color:n.COLORS.text.secondary},{children:o.subTitle}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:null!==(l=o.listContainerStyles)&&void 0!==l?l:{},className:"list__container"},{children:a.map((t=>e.jsxRuntimeExports.jsx(s.RadioButton,Object.assign({},t,{onValueChange:c,boldOnChecked:o.boldOnChecked}),t.value)))}))]})};

package/dist/cjs/components/resizeImage/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),r=require("react");require("../shimmer/index.js");var t=require("../../utils/resizeImage.js"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ResizableImage=s=>{let{imageUrl:m,targetSize:a,alt:u,style:x}=s;const[h,o]=r.useState("");return r.useEffect((()=>{t.resizeImage(m,a).then((e=>{o(e)})).catch((e=>{o(m)}))}),[m,a]),h?e.jsxRuntimeExports.jsx("img",{alt:u,src:h,height:a,width:a,style:x}):e.jsxRuntimeExports.jsx(i.BikShimmer,{boxes:[{marginTop:"0px",height:`${a}px`,width:`${a}px`}]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),s=require("../../utils/resizeImage.js");exports.ResizableImage=i=>{let{imageUrl:m,targetSize:a,alt:u,style:o}=i;const[x,h]=t.useState("");return t.useEffect((()=>{s.resizeImage(m,a).then((e=>{h(e)})).catch((e=>{h(m)}))}),[m,a]),x?e.jsxRuntimeExports.jsx("img",{alt:u,src:x,height:a,width:a,style:o}):e.jsxRuntimeExports.jsx(r.BikShimmer,{boxes:[{marginTop:"0px",height:`${a}px`,width:`${a}px`}]})};

package/dist/cjs/components/shimmer-image/ShimmerImage.js

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

package/dist/cjs/components/side-modal/SideModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js");require("../button/index.js");var s=require("../TypographyStyle.js"),r=require("./SideModal.style.js"),n=require("../button/Button.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(t);exports.SideModal=t=>{var i;return d.default.createPortal(e.jsxRuntimeExports.jsx(r.SideModalStyle,Object.assign({zIndex:t.zIndex},{children:e.jsxRuntimeExports.jsxs(r.SideModalContainer,Object.assign({width:t.width},{children:[e.jsxRuntimeExports.jsxs(r.SideModalHeader,Object.assign({headerStyle:Object.assign({},t.headerStyle)},{children:[(null==t?void 0:t.headerCustomComponent)||e.jsxRuntimeExports.jsx(s.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsxRuntimeExports.jsx(o.default,{width:24,height:24,onClick:t.onClose})]})),e.jsxRuntimeExports.jsx(r.SideModalBody,Object.assign({hideFooter:t.hideFooter,bodyStyle:Object.assign({},t.bodyStyle)},{children:t.children})),!0===t.hideFooter?null:e.jsxRuntimeExports.jsxs(r.SideModalFooter,Object.assign({footerDirection:t.footerDirection,footerStyle:Object.assign({},t.footerStyle)},{children:[(t.saveButtonProps||t.cancelButtonProps)&&e.jsxRuntimeExports.jsxs(r.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[t.saveButtonProps&&e.jsxRuntimeExports.jsx(n.Button,Object.assign({},t.saveButtonProps)),t.cancelButtonProps&&e.jsxRuntimeExports.jsx(n.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))]}))})),null!==(i=t.element)&&void 0!==i?i:document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js"),s=require("../button/Button.js"),r=require("../TypographyStyle.js"),n=require("./SideModal.style.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(t);exports.SideModal=t=>{var i;return d.default.createPortal(e.jsxRuntimeExports.jsx(n.SideModalStyle,Object.assign({zIndex:t.zIndex},{children:e.jsxRuntimeExports.jsxs(n.SideModalContainer,Object.assign({width:t.width},{children:[e.jsxRuntimeExports.jsxs(n.SideModalHeader,Object.assign({headerStyle:Object.assign({},t.headerStyle)},{children:[(null==t?void 0:t.headerCustomComponent)||e.jsxRuntimeExports.jsx(r.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsxRuntimeExports.jsx(o.default,{width:24,height:24,onClick:t.onClose})]})),e.jsxRuntimeExports.jsx(n.SideModalBody,Object.assign({hideFooter:t.hideFooter,bodyStyle:Object.assign({},t.bodyStyle)},{children:t.children})),!0===t.hideFooter?null:e.jsxRuntimeExports.jsxs(n.SideModalFooter,Object.assign({footerDirection:t.footerDirection,footerStyle:Object.assign({},t.footerStyle)},{children:[(t.saveButtonProps||t.cancelButtonProps)&&e.jsxRuntimeExports.jsxs(n.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[t.saveButtonProps&&e.jsxRuntimeExports.jsx(s.Button,Object.assign({},t.saveButtonProps)),t.cancelButtonProps&&e.jsxRuntimeExports.jsx(s.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))]}))})),null!==(i=t.element)&&void 0!==i?i:document.body)};

package/dist/cjs/components/states/StateComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),e=require("../../constants/Theme.js"),s=require("../../assets/icons/errorIcon.svg.js"),n=require("../../assets/icons/retryIcon.svg.js"),r=require("../../assets/icons/state_icon.svg.js"),o=require("../../assets/icons/successIcon.svg.js"),i=require("../../assets/icons/warningIcon.svg.js");require("../button/index.js");var a,x,c,u=require("../spinner/Spinner.js"),p=require("../TypographyStyle.js"),j=require("./StateComponent.styled.js"),d=require("../button/Button.js");exports.StateInterface=void 0,(a=exports.StateInterface||(exports.StateInterface={})).SUCCESS="success",a.ERROR="error",a.WARNING="warning",a.LOADING="loading",a.RETRY="retry",a.INFO="info",exports.ButtonActions=void 0,(x=exports.ButtonActions||(exports.ButtonActions={})).CANCEL="cancel",x.OTHER="other",exports.ButtonTypes=void 0,(c=exports.ButtonTypes||(exports.ButtonTypes={})).SINGLE="SINGLE",c.DOUBLE="DOUBLE";exports.StateComponent=a=>{var x;const c=()=>l==exports.StateInterface.SUCCESS?t.jsxRuntimeExports.jsx(o.default,{}):l==exports.StateInterface.WARNING?t.jsxRuntimeExports.jsx(i.default,{}):l==exports.StateInterface.ERROR?t.jsxRuntimeExports.jsx(s.default,{}):l===exports.StateInterface.LOADING?t.jsxRuntimeExports.jsx(u.Spinner,{size:"large"}):l===exports.StateInterface.RETRY?t.jsxRuntimeExports.jsx(n.default,{}):l==exports.StateInterface.INFO?t.jsxRuntimeExports.jsx(r.default,{}):void 0,{states:l,heading:R,subline:m,errorText:E,icon:S=c(),isButtonEnabled:g,type:h,buttonText:y,buttonType:I,onButtonClick:O,leadingIcon:B,width:T,headerImage:L,iconWidth:C,iconHeight:b,closeButtonType:f,secondaryButtonText:v,"data-test":A}=a;return t.jsxRuntimeExports.jsxs(j.StateComponentContainer,Object.assign({width:T,"data-test":A},{children:[t.jsxRuntimeExports.jsx(j.StateIcon,Object.assign({iconWidth:C,iconHeight:b},{children:L?t.jsxRuntimeExports.jsx("img",{src:L,width:"100%",height:"auto",alt:""}):S})),t.jsxRuntimeExports.jsxs(j.StateHeading,Object.assign({size:a.size},{children:["SMALL"===a.size&&t.jsxRuntimeExports.jsx(p.TitleRegular,{children:R}),"SMALL"!==a.size&&t.jsxRuntimeExports.jsx(p.TitleMedium,{children:R})]})),t.jsxRuntimeExports.jsxs(j.StateSubline,{children:["SMALL"!==a.size&&t.jsxRuntimeExports.jsx(p.BodyPrimary,Object.assign({color:e.COLORS.content.secondary},{children:m})),"SMALL"===a.size&&t.jsxRuntimeExports.jsx(p.BodySecondary,Object.assign({color:e.COLORS.content.secondary},{children:m})),E&&t.jsxRuntimeExports.jsx(p.BodySecondary,Object.assign({color:e.COLORS.content.negative,style:{marginTop:8,whiteSpace:"pre-line"}},{children:E}))]}),null!==(x=a.children)&&void 0!==x?x:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),g&&t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs(j.ButtonContainer,Object.assign({size:a.size},{children:[h==exports.ButtonTypes.DOUBLE&&t.jsxRuntimeExports.jsx(d.Button,{"data-test":`${A}-cancel`,onClick:()=>O&&O(exports.ButtonActions.CANCEL),buttonType:f||"secondary",buttonText:v||"Cancel",matchParentWidth:!0}),t.jsxRuntimeExports.jsx(d.Button,{"data-test":`${A}-primary`,onClick:()=>O&&O(exports.ButtonActions.OTHER),buttonType:null!=I?I:"primary",LeadingIcon:B,buttonText:null!=y?y:"Retry",matchParentWidth:!0})]}))})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e,s,n=require("../../node_modules/react/jsx-runtime.js"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/errorIcon.svg.js"),i=require("../../assets/icons/retryIcon.svg.js"),a=require("../../assets/icons/state_icon.svg.js"),x=require("../../assets/icons/successIcon.svg.js"),c=require("../../assets/icons/warningIcon.svg.js"),u=require("../button/Button.js"),p=require("../spinner/Spinner.js"),j=require("../TypographyStyle.js"),d=require("./StateComponent.styled.js");exports.StateInterface=void 0,(t=exports.StateInterface||(exports.StateInterface={})).SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info",exports.ButtonActions=void 0,(e=exports.ButtonActions||(exports.ButtonActions={})).CANCEL="cancel",e.OTHER="other",exports.ButtonTypes=void 0,(s=exports.ButtonTypes||(exports.ButtonTypes={})).SINGLE="SINGLE",s.DOUBLE="DOUBLE";exports.StateComponent=t=>{var e;const s=()=>l==exports.StateInterface.SUCCESS?n.jsxRuntimeExports.jsx(x.default,{}):l==exports.StateInterface.WARNING?n.jsxRuntimeExports.jsx(c.default,{}):l==exports.StateInterface.ERROR?n.jsxRuntimeExports.jsx(o.default,{}):l===exports.StateInterface.LOADING?n.jsxRuntimeExports.jsx(p.Spinner,{size:"large"}):l===exports.StateInterface.RETRY?n.jsxRuntimeExports.jsx(i.default,{}):l==exports.StateInterface.INFO?n.jsxRuntimeExports.jsx(a.default,{}):void 0,{states:l,heading:R,subline:m,errorText:E,icon:S=s(),isButtonEnabled:g,type:h,buttonText:y,buttonType:I,onButtonClick:O,leadingIcon:B,width:T,headerImage:L,iconWidth:C,iconHeight:b,closeButtonType:f,secondaryButtonText:A,"data-test":v}=t;return n.jsxRuntimeExports.jsxs(d.StateComponentContainer,Object.assign({width:T,"data-test":v},{children:[n.jsxRuntimeExports.jsx(d.StateIcon,Object.assign({iconWidth:C,iconHeight:b},{children:L?n.jsxRuntimeExports.jsx("img",{src:L,width:"100%",height:"auto",alt:""}):S})),n.jsxRuntimeExports.jsxs(d.StateHeading,Object.assign({size:t.size},{children:["SMALL"===t.size&&n.jsxRuntimeExports.jsx(j.TitleRegular,{children:R}),"SMALL"!==t.size&&n.jsxRuntimeExports.jsx(j.TitleMedium,{children:R})]})),n.jsxRuntimeExports.jsxs(d.StateSubline,{children:["SMALL"!==t.size&&n.jsxRuntimeExports.jsx(j.BodyPrimary,Object.assign({color:r.COLORS.content.secondary},{children:m})),"SMALL"===t.size&&n.jsxRuntimeExports.jsx(j.BodySecondary,Object.assign({color:r.COLORS.content.secondary},{children:m})),E&&n.jsxRuntimeExports.jsx(j.BodySecondary,Object.assign({color:r.COLORS.content.negative,style:{marginTop:8,whiteSpace:"pre-line"}},{children:E}))]}),null!==(e=t.children)&&void 0!==e?e:n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{}),g&&n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:n.jsxRuntimeExports.jsxs(d.ButtonContainer,Object.assign({size:t.size},{children:[h==exports.ButtonTypes.DOUBLE&&n.jsxRuntimeExports.jsx(u.Button,{"data-test":`${v}-cancel`,onClick:()=>O&&O(exports.ButtonActions.CANCEL),buttonType:f||"secondary",buttonText:A||"Cancel",matchParentWidth:!0}),n.jsxRuntimeExports.jsx(u.Button,{"data-test":`${v}-primary`,onClick:()=>O&&O(exports.ButtonActions.OTHER),buttonType:null!=I?I:"primary",LeadingIcon:B,buttonText:null!=y?y:"Retry",matchParentWidth:!0})]}))})]}))};

package/dist/cjs/components/states-modal/DeleteConfirmationModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js");require("../modals/index.js");var t=require("../modals/styledModal.js");exports.DeleteConfirmationModal=o=>e.jsxRuntimeExports.jsx(t.StyledModal,{"data-test":o["data-test"],centralContainerStyles:{width:400},onClose:()=>o.onCancelClicked(),open:!0,headingTitle:o.header,headingSubtitle:o.subHeader,primaryButton:{buttonText:o.confirmationText,buttonType:"destructive",size:"small",onClick:()=>o.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>o.onCancelClicked()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../modals/styledModal.js");exports.DeleteConfirmationModal=o=>e.jsxRuntimeExports.jsx(t.StyledModal,{"data-test":o["data-test"],centralContainerStyles:{width:400},onClose:()=>o.onCancelClicked(),open:!0,headingTitle:o.header,headingSubtitle:o.subHeader,primaryButton:{buttonText:o.confirmationText,buttonType:"destructive",size:"small",onClick:()=>o.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>o.onCancelClicked()}});

package/dist/cjs/components/states-modal/StateModalComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),n=require("../../constants/zindex.js"),s=require("../../assets/icons/errorIcon.svg.js"),o=require("../../assets/icons/successIcon.svg.js"),i=require("../../assets/icons/warningIcon.svg.js");require("../modals/index.js");var r=require("../spinner/Spinner.js"),a=require("../states/StateComponent.js"),c=require("../modals/styledModal.js");exports.StateModalComponent=d=>{const u=()=>l==a.StateInterface.SUCCESS?e.jsxRuntimeExports.jsx(o.default,{}):l==a.StateInterface.WARNING?e.jsxRuntimeExports.jsx(i.default,{}):l==a.StateInterface.ERROR?e.jsxRuntimeExports.jsx(s.default,{}):l===a.StateInterface.LOADING?e.jsxRuntimeExports.jsx(r.Spinner,{size:"large"}):void 0,{states:l,heading:x,subline:j,icon:p=u(),isButtonEnabled:I,type:S,buttonText:m,onButtonClick:g,leadingIcon:h,width:C,zIndex:f,headerImage:y,iconHeight:E,iconWidth:q,closeButtonType:O,secondaryButtonText:R}=d,[b,B]=t.useState(!0);return e.jsxRuntimeExports.jsx(c.StyledModal,Object.assign({"data-test":d["data-test"],open:b,onClose:function(){d.onClose&&d.onClose(),B(!1)},closeOnOutsideClick:!(l===a.StateInterface.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:C},hideCrossButton:l===a.StateInterface.LOADING,zIndex:f||n.ComponentZindex.STATE_MODAL},{children:e.jsxRuntimeExports.jsx(a.StateComponent,Object.assign({states:l,heading:x,subline:j,isButtonEnabled:I,leadingIcon:h,type:S,buttonText:m,onButtonClick:g,icon:p,width:C||400,headerImage:y,iconHeight:E,iconWidth:q,closeButtonType:O,secondaryButtonText:R},{children:d.children}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),n=require("../../constants/zindex.js"),s=require("../../assets/icons/errorIcon.svg.js"),o=require("../../assets/icons/successIcon.svg.js"),i=require("../../assets/icons/warningIcon.svg.js"),r=require("../modals/styledModal.js"),a=require("../spinner/Spinner.js"),c=require("../states/StateComponent.js");exports.StateModalComponent=u=>{const d=()=>l==c.StateInterface.SUCCESS?e.jsxRuntimeExports.jsx(o.default,{}):l==c.StateInterface.WARNING?e.jsxRuntimeExports.jsx(i.default,{}):l==c.StateInterface.ERROR?e.jsxRuntimeExports.jsx(s.default,{}):l===c.StateInterface.LOADING?e.jsxRuntimeExports.jsx(a.Spinner,{size:"large"}):void 0,{states:l,heading:x,subline:j,icon:p=d(),isButtonEnabled:I,type:S,buttonText:g,onButtonClick:m,leadingIcon:h,width:C,zIndex:f,headerImage:y,iconHeight:E,iconWidth:O,closeButtonType:R,secondaryButtonText:b}=u,[q,B]=t.useState(!0);return e.jsxRuntimeExports.jsx(r.StyledModal,Object.assign({"data-test":u["data-test"],open:q,onClose:function(){u.onClose&&u.onClose(),B(!1)},closeOnOutsideClick:!(l===c.StateInterface.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:C},hideCrossButton:l===c.StateInterface.LOADING,zIndex:f||n.ComponentZindex.STATE_MODAL},{children:e.jsxRuntimeExports.jsx(c.StateComponent,Object.assign({states:l,heading:x,subline:j,isButtonEnabled:I,leadingIcon:h,type:S,buttonText:g,onButtonClick:m,icon:p,width:C||400,headerImage:y,iconHeight:E,iconWidth:O,closeButtonType:R,secondaryButtonText:b},{children:u.children}))}))};

package/dist/cjs/components/stepper/Stepper.styled.js

@@ -63,7 +63,7 @@
 		background: ${e=>t.getTheme(e.selectedState).dividerBackground};
 		margin-left: 8px;
 	}
-`,d=n.default.div`
+`;n.default.div`
 	.top-bar {
 		position: sticky;
 		top: 0px;
@@ -80,4 +80,4 @@
 		align-items: center;
 		overflow-y: auto;
 	}
-`;exports.SingleStepperChildContainer=r,exports.StepperContainer=o,exports.WorkingStepperContainer=d;
+`,exports.SingleStepperChildContainer=r,exports.StepperContainer=o;

package/dist/cjs/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("../../constants/Theme.js");require("../tag/index.js");var r=require("./Tabs.styles.js"),n=require("../tag/Tag.js");const a=n=>{var a,i;const{tabs:l,initialTab:c,onTabSelected:d,TabItemStyledProps:u,selectedTab:x,extendedBorder:m,rightComponent:b,size:p="default",isSquared:T=!1,containerStyles:g}=n,[j,y]=t.useState(c||l[0].key),{colorsV2:E}=s.DEFAULT_THEME;t.useEffect((()=>{x&&x!==j&&y(x)}),[x,j]);const C=n.backgroundColor,v=null!==(a=n.selectedTextColor)&&void 0!==a?a:E.background.brand,h=null!==(i=n.textColor)&&void 0!==i?i:E.content.secondary;return e.jsxRuntimeExports.jsxs(r.TabHeader,Object.assign({style:null!=g?g:{},bgColor:C,"data-test":n["data-test"]},{children:[l.map(((t,s)=>{var r;return e.jsxRuntimeExports.jsx(o,{hasEqualSpacing:n.hasEqualSpacing,selectedTextColor:v,textColor:h,tab:t,currentTab:j,TabItemStyledProps:u,IconComponent:t.icon,size:p,setCurrentTab:e=>{y(e),d&&d(e)},isSquared:T,isFirstlement:0==s,isLastElement:s==l.length-1,iconPosition:null!==(r=t.iconPosition)&&void 0!==r?r:"left"},t.key)})),m&&e.jsxRuntimeExports.jsx(r.EmptyTab,{}),e.jsxRuntimeExports.jsx(r.RightComponent,{children:b})]}))},o=a=>{var o,i;const{tab:l,currentTab:c,setCurrentTab:d,TabItemStyledProps:u,IconComponent:x,iconPosition:m="left",size:b="default",isSquared:p=!1,isFirstlement:T,isLastElement:g}=a,j=l.key===c,{colorsV2:y}=s.DEFAULT_THEME,E=t.useCallback((()=>Object.assign(Object.assign({},u),{borderRadius:a.isSquared?T?"4px 0px 0px 4px":g?"0px 4px 4px 0px":"":""})),[]);return e.jsxRuntimeExports.jsxs(r.TabItem,Object.assign({style:E(),selected:j,hasEqualSpacing:a.hasEqualSpacing,onClick:()=>d(a.tab.key),selectedTextColor:a.selectedTextColor,isSquared:p,"data-test":a["data-test"]},{children:[x&&"left"===m&&e.jsxRuntimeExports.jsx(x,{selected:j?y.background.brand:y.content.secondary}),void 0!==l.leadingNumber&&null!==l.leadingNumber&&e.jsxRuntimeExports.jsx(r.TrailingNumberContainer,Object.assign({selected:j},{children:e.jsxRuntimeExports.jsx(n.Tag,{tagText:null!==(o=null==l?void 0:l.leadingNumber)&&void 0!==o?o:0,theme:"dark",type:l.numberTagType,variant:"circle",color:y.content.primaryInverse})})),e.jsxRuntimeExports.jsx(r.TabItemText,Object.assign({style:"small"===b?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:a.textColor,selectedTextColor:a.selectedTextColor,selected:j},{children:l.title})),void 0!==l.trailingNumber&&null!==l.trailingNumber&&e.jsxRuntimeExports.jsx(r.TrailingNumberContainer,Object.assign({selected:j},{children:e.jsxRuntimeExports.jsx(n.Tag,{tagText:null!==(i=null==l?void 0:l.trailingNumber)&&void 0!==i?i:0,theme:"dark",type:l.numberTagType,variant:"circle",color:y.content.primaryInverse})})),x&&"right"===m&&e.jsxRuntimeExports.jsx(x,{selected:j?y.background.brand:y.content.secondary})]}))};a.displayName="Tabs",o.displayName="TabItemComponent",exports.TabItemComponent=o,exports.Tabs=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("../../constants/Theme.js"),n=require("../tag/Tag.js"),r=require("./Tabs.styles.js");const a=n=>{var a,i;const{tabs:l,initialTab:c,onTabSelected:d,TabItemStyledProps:u,selectedTab:x,extendedBorder:m,rightComponent:b,size:p="default",isSquared:T=!1,containerStyles:g}=n,[j,y]=t.useState(c||l[0].key),{colorsV2:E}=s.DEFAULT_THEME;t.useEffect((()=>{x&&x!==j&&y(x)}),[x,j]);const C=n.backgroundColor,v=null!==(a=n.selectedTextColor)&&void 0!==a?a:E.background.brand,h=null!==(i=n.textColor)&&void 0!==i?i:E.content.secondary;return e.jsxRuntimeExports.jsxs(r.TabHeader,Object.assign({style:null!=g?g:{},bgColor:C,"data-test":n["data-test"]},{children:[l.map(((t,s)=>{var r;return e.jsxRuntimeExports.jsx(o,{hasEqualSpacing:n.hasEqualSpacing,selectedTextColor:v,textColor:h,tab:t,currentTab:j,TabItemStyledProps:u,IconComponent:t.icon,size:p,setCurrentTab:e=>{y(e),d&&d(e)},isSquared:T,isFirstlement:0==s,isLastElement:s==l.length-1,iconPosition:null!==(r=t.iconPosition)&&void 0!==r?r:"left"},t.key)})),m&&e.jsxRuntimeExports.jsx(r.EmptyTab,{}),e.jsxRuntimeExports.jsx(r.RightComponent,{children:b})]}))},o=a=>{var o,i;const{tab:l,currentTab:c,setCurrentTab:d,TabItemStyledProps:u,IconComponent:x,iconPosition:m="left",size:b="default",isSquared:p=!1,isFirstlement:T,isLastElement:g}=a,j=l.key===c,{colorsV2:y}=s.DEFAULT_THEME,E=t.useCallback((()=>Object.assign(Object.assign({},u),{borderRadius:a.isSquared?T?"4px 0px 0px 4px":g?"0px 4px 4px 0px":"":""})),[]);return e.jsxRuntimeExports.jsxs(r.TabItem,Object.assign({style:E(),selected:j,hasEqualSpacing:a.hasEqualSpacing,onClick:()=>d(a.tab.key),selectedTextColor:a.selectedTextColor,isSquared:p,"data-test":a["data-test"]},{children:[x&&"left"===m&&e.jsxRuntimeExports.jsx(x,{selected:j?y.background.brand:y.content.secondary}),void 0!==l.leadingNumber&&null!==l.leadingNumber&&e.jsxRuntimeExports.jsx(r.TrailingNumberContainer,Object.assign({selected:j},{children:e.jsxRuntimeExports.jsx(n.Tag,{tagText:null!==(o=null==l?void 0:l.leadingNumber)&&void 0!==o?o:0,theme:"dark",type:l.numberTagType,variant:"circle",color:y.content.primaryInverse})})),e.jsxRuntimeExports.jsx(r.TabItemText,Object.assign({style:"small"===b?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:a.textColor,selectedTextColor:a.selectedTextColor,selected:j},{children:l.title})),void 0!==l.trailingNumber&&null!==l.trailingNumber&&e.jsxRuntimeExports.jsx(r.TrailingNumberContainer,Object.assign({selected:j},{children:e.jsxRuntimeExports.jsx(n.Tag,{tagText:null!==(i=null==l?void 0:l.trailingNumber)&&void 0!==i?i:0,theme:"dark",type:l.numberTagType,variant:"circle",color:y.content.primaryInverse})})),x&&"right"===m&&e.jsxRuntimeExports.jsx(x,{selected:j?y.background.brand:y.content.secondary})]}))};a.displayName="Tabs",o.displayName="TabItemComponent",exports.TabItemComponent=o,exports.Tabs=a;

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("lodash"),l=require("react"),o=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js");require("../modals/index.js");var i=require("../template-preview/helpers/templateMiscHelper.js"),s=require("../template-preview/models/Channels.js"),r=require("../template-preview/models/WhatsAppTemplate.js"),n=require("./context/templateModalContext.js"),d=require("./modalElements/Footer.js"),u=require("./modalElements/TemplateAnalyticsComponent.js"),c=require("./modalElements/TemplateSelectModalContent.js"),p=require("./utils/convertPlaceholdersToBikDropdown.js"),m=require("../modals/styledModal.js");exports.TemplateContextMapper=v=>{var C,x,h,E,b,S,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:j,channel:y,htmlContent:I,templateVariables:D,onTemplateSelect:L,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:q,onBackPress:O,enabledCustomText:B,variableListForImage:R,showSampleValues:F,disableEditVariable:_,pod:W,extras:Y,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,footerButtonText:se,footerInfoText:re,templateAnalytics:ne}=v;l.useEffect((()=>{he(I)}),[I]);const de=i.determineCardIndex(y),ue=i.isItCarousal(y,P),ce=null==P?void 0:P.isProductCarouselType,[pe,me]=l.useState(y===s.CHANNEL_TYPE.EMAIL||y==s.CHANNEL_TYPE.WEBPUSH||ue?"desktop":"mobile"),[ve,Ce]=l.useState(!1),[xe,he]=l.useState(I),[Ee,be]=l.useState(!1),[Se,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,je]=l.useState(P),[ye,Ie]=l.useState([]),[De,Le]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=D?D:[]),[Ve,He]=l.useState(!1),[Ne,qe]=l.useState(ue?(null===(x=null===(C=null==ge?void 0:ge.mapping)||void 0===C?void 0:C.body)||void 0===x?void 0:x.length)?-1:0:-1),[Oe,Be]=l.useState([]),[Re,Fe]=l.useState(void 0),_e=l.useRef(null),[We,Ye]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z||0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[de].cards,l=[];null==t||t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)||void 0===t||t.forEach((e=>{var t,o,a;"HEADER"===e.type&&l.push(null!==(a=null===(o=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===o?void 0:o[0])&&void 0!==a?a:"")}))})),Ie(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>p.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{Fe(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(r.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsxRuntimeExports.jsx(u.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:y===s.CHANNEL_TYPE.WHATSAPP?`${o.default.capitaliseFirstLetterOfString(null!==(h=null==ge?void 0:ge.category)&&void 0!==h?h:"")} • ${null!==(E=null==ge?void 0:ge.templateCategory)&&void 0!==E?E:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g||g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)||""}):e.jsxRuntimeExports.jsx(n.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Re,setVariableList:Fe,variableCallback:De,setVariableCallback:Le,showVariablePicker:ve,setShowVariablePicker:Ce,template:ge,setTemplate:je,device:pe,setDevice:me,display_content:xe,setDisplayContent:he,originalVariableList:ke,setOriginalVariableList:Me,isError:Ee,setIsError:be,channel:y,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:_,pod:W,extras:Y,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:qe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(S=null===(b=P.components)||void 0===b?void 0:b[de].cards)||void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:fe,pickerConf:$,carouselProducts:Oe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:ye,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:_e,isCarouselHovered:We,setIsCarouselHovered:Ye,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsxRuntimeExports.jsx(c.default,{variableListFromProps:H,channel:s.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxRuntimeExports.jsxs(m.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:y===s.CHANNEL_TYPE.EMAIL&&j?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g||g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:y===s.CHANNEL_TYPE.WHATSAPP||i.isRCSChannel(y)?`${o.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==O||O()},modalHeaderStyles:{borderBottom:`1px solid ${a.COLORS.stroke.primary}`}},{children:[e.jsxRuntimeExports.jsx(c.default,{variableListFromProps:H,showSampleValues:F,showVariableMapping:j,channel:y,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:q,variableListForImage:R&&(null==R?void 0:R.length)>0?R:Re,fileName:J,setFileName:e=>{null==K||K(e)},skipDefaultVariableContent:te}),L?e.jsxRuntimeExports.jsx(d.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==Oe?void 0:Oe.length)<1&&ce)return void be(!0);if(Object.keys(Ze).length>0&&W!==r.POD.CHATBOT)return void be(!0);const t=null==L?void 0:L(ge,ke,null!=xe?xe:"",Oe);Pe(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)||(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&be(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:se,footerInfoText:re}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("lodash"),l=require("react"),o=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../modals/styledModal.js"),s=require("../template-preview/helpers/templateMiscHelper.js"),r=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),m=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=v=>{var C,x,h,E,b,S,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:y,channel:j,htmlContent:I,templateVariables:D,onTemplateSelect:L,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:O,onBackPress:q,enabledCustomText:B,variableListForImage:R,showSampleValues:F,disableEditVariable:_,pod:W,extras:Y,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,footerButtonText:se,footerInfoText:re,templateAnalytics:ne}=v;l.useEffect((()=>{he(I)}),[I]);const de=s.determineCardIndex(j),ue=s.isItCarousal(j,P),ce=null==P?void 0:P.isProductCarouselType,[pe,me]=l.useState(j===r.CHANNEL_TYPE.EMAIL||j==r.CHANNEL_TYPE.WEBPUSH||ue?"desktop":"mobile"),[ve,Ce]=l.useState(!1),[xe,he]=l.useState(I),[Ee,be]=l.useState(!1),[Se,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,ye]=l.useState(P),[je,Ie]=l.useState([]),[De,Le]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=D?D:[]),[Ve,He]=l.useState(!1),[Ne,Oe]=l.useState(ue?(null===(x=null===(C=null==ge?void 0:ge.mapping)||void 0===C?void 0:C.body)||void 0===x?void 0:x.length)?-1:0:-1),[qe,Be]=l.useState([]),[Re,Fe]=l.useState(void 0),_e=l.useRef(null),[We,Ye]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z||0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[de].cards,l=[];null==t||t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)||void 0===t||t.forEach((e=>{var t,o,a;"HEADER"===e.type&&l.push(null!==(a=null===(o=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===o?void 0:o[0])&&void 0!==a?a:"")}))})),Ie(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>m.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{Fe(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsxRuntimeExports.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:j===r.CHANNEL_TYPE.WHATSAPP?`${o.default.capitaliseFirstLetterOfString(null!==(h=null==ge?void 0:ge.category)&&void 0!==h?h:"")} • ${null!==(E=null==ge?void 0:ge.templateCategory)&&void 0!==E?E:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g||g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)||""}):e.jsxRuntimeExports.jsx(d.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Re,setVariableList:Fe,variableCallback:De,setVariableCallback:Le,showVariablePicker:ve,setShowVariablePicker:Ce,template:ge,setTemplate:ye,device:pe,setDevice:me,display_content:xe,setDisplayContent:he,originalVariableList:ke,setOriginalVariableList:Me,isError:Ee,setIsError:be,channel:j,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:_,pod:W,extras:Y,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:Oe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(S=null===(b=P.components)||void 0===b?void 0:b[de].cards)||void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:fe,pickerConf:$,carouselProducts:qe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:je,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:_e,isCarouselHovered:We,setIsCarouselHovered:Ye,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxRuntimeExports.jsxs(i.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:j===r.CHANNEL_TYPE.EMAIL&&y?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g||g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:j===r.CHANNEL_TYPE.WHATSAPP||s.isRCSChannel(j)?`${o.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==q||q()},modalHeaderStyles:{borderBottom:`1px solid ${a.COLORS.stroke.primary}`}},{children:[e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,showSampleValues:F,showVariableMapping:y,channel:j,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:O,variableListForImage:R&&(null==R?void 0:R.length)>0?R:Re,fileName:J,setFileName:e=>{null==K||K(e)},skipDefaultVariableContent:te}),L?e.jsxRuntimeExports.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==qe?void 0:qe.length)<1&&ce)return void be(!0);if(Object.keys(Ze).length>0&&W!==n.POD.CHATBOT)return void be(!0);const t=null==L?void 0:L(ge,ke,null!=xe?xe:"",qe);Pe(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)||(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&be(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:se,footerInfoText:re}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))}))};

package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js");require("../../template-preview/index.js");var t=require("../../template-preview/constants/TemplateConstants.js"),i=require("../../../utils/variableUtils.js"),l=require("../../template-preview/models/WhatsAppTemplate.js");exports.default=()=>{function n(e,t,l,n){const o=t.map(((t,o)=>{const u=a(t);if(n)return{variableName:t,isEditableVariable:!1,updatedValue:t,index:o,variableValue:t,type:"string"};const s=function(e,t,l){const n=l&&l.length?l:i.extractVariables(e);if(!n||!n.length)return[];const a=[];return n.forEach(((e,i)=>{const l=r(t,`{{${e}}}`);if(l){const{actualValue:e,defaultValue:t}=l,n="{{custom.text}}"===e||"{{custom.url}}"===e;a.push({editable:n,variableVal:t,editableDefaultValues:t,variableName:e,idx:i})}})),a}(u?t:l,e);if(s.length>0){const e=s[0];return{variableName:e.variableName,isEditableVariable:!0,updatedValue:(null==e?void 0:e.updatedValue)?null==e?void 0:e.updatedValue:u?e.variableName:t,index:o,variableValue:e.variableVal,type:"string"}}return null})).filter((e=>null!==e));return o}const a=e=>e.includes("{{")&&e.includes("}}"),o=(e,t)=>e&&e.length?e.flatMap(((e,l)=>{var n;return a(e)?e.includes("editableVariable")?(null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.value)||e:i.extractVariables(e).map((e=>`{{${e}}}`))||[]:e})):[];const r=(e,t)=>{for(const i of e)for(const e in i.variables){const l=i.variables[e];if(l.actualValue===t||t.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(r,u,s,d){var b,c,v,p,f,m,L,V;return e.__awaiter(this,void 0,void 0,(function*(){const e=Object.assign({},r);e.components=function(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),t={}}else t=e;return t}(e.components);const{components:{title:h,body:g,buttons:y,icon:_,image:x},webpushBroadcastConfig:w}=e;let C={title:o(null!==(b=null==w?void 0:w.title)&&void 0!==b?b:[]),body:o(null!==(c=null==w?void 0:w.body)&&void 0!==c?c:[],null==g?void 0:g.variables),buttonsW:null!==(v=null==w?void 0:w.buttons)&&void 0!==v?v:[]};if(!e.webpushBroadcastConfig){const l=null!==(p=null==g?void 0:g.text)&&void 0!==p?p:"string"==typeof g?g:"",n=y&&(null==y?void 0:y.length)?y.map((e=>(null==e?void 0:e.websiteLink)==t.CUSTOM_URL_PLACEHOLDER?null==e?void 0:e.redirectionLink:null==e?void 0:e.websiteLink)).filter((e=>void 0!==e)):[],a=i.extractVariables(l).map(((e,t)=>{var i,l;return e.includes("editableVariable")?(null===(l=null===(i=null==g?void 0:g.variables)||void 0===i?void 0:i[t])||void 0===l?void 0:l.value)||e:`{{${e}}}`}));C={title:i.extractVariables(h).map((e=>`{{${e}}}`)),body:a,buttonsW:[]};const o={title:null!==(f=C.title)&&void 0!==f?f:[],body:null!==(m=C.body)&&void 0!==m?m:[],buttons:n,icon:_?[_]:void 0,image:x?[x]:void 0,redirectionLink:(null==g?void 0:g.redirectionLink)?[null==g?void 0:g.redirectionLink]:[]};e.webpushBroadcastConfig=o}const E=y&&y.length?y.map(((e,i)=>({type:l.BUTTON_TYPE.URL,text:null==e?void 0:e.text,url:"https://d.bik.ai/{{1}}",example:C.buttonsW&&C.buttonsW.length?a(C.buttonsW[i])?[""]:[C.buttonsW[i]]:e.redirectionLink?[e.redirectionLink]:void 0,buttonVariable:C.buttonsW&&C.buttonsW.length?a(C.buttonsW[i])?C.buttonsW[i]:t.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink?e.websiteLink==t.CUSTOM_URL_PLACEHOLDER?t.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink:t.CUSTOM_URL_PLACEHOLDER_VAR,index:i}))):[],O={title:n(u,C.title,h,d),body:n(u,C.body,(null==g?void 0:g.text)||"",d),buttons:E};return{templateVariableMapping:{title:(null===(L=null==s?void 0:s.title)||void 0===L?void 0:L.length)?s.title:O.title,body:(null===(V=null==s?void 0:s.body)||void 0===V?void 0:V.length)?s.body:O.body,buttons:O.buttons,icon:[],header:[]},webpushBroadcastConfig:e.webpushBroadcastConfig,template:e}}))},isValidUrl:e=>{try{return new URL(e),!0}catch(e){return!1}}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var t=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var i=require("../../template-preview/constants/TemplateConstants.js"),l=require("../../../utils/variableUtils.js");exports.default=()=>{function n(e,t,i,n){const r=t.map(((t,r)=>{const u=a(t);if(n)return{variableName:t,isEditableVariable:!1,updatedValue:t,index:r,variableValue:t,type:"string"};const s=function(e,t,i){const n=i&&i.length?i:l.extractVariables(e);if(!n||!n.length)return[];const a=[];return n.forEach(((e,i)=>{const l=o(t,`{{${e}}}`);if(l){const{actualValue:e,defaultValue:t}=l,n="{{custom.text}}"===e||"{{custom.url}}"===e;a.push({editable:n,variableVal:t,editableDefaultValues:t,variableName:e,idx:i})}})),a}(u?t:i,e);if(s.length>0){const e=s[0];return{variableName:e.variableName,isEditableVariable:!0,updatedValue:(null==e?void 0:e.updatedValue)?null==e?void 0:e.updatedValue:u?e.variableName:t,index:r,variableValue:e.variableVal,type:"string"}}return null})).filter((e=>null!==e));return r}const a=e=>e.includes("{{")&&e.includes("}}"),r=(e,t)=>e&&e.length?e.flatMap(((e,i)=>{var n;return a(e)?e.includes("editableVariable")?(null===(n=null==t?void 0:t[i])||void 0===n?void 0:n.value)||e:l.extractVariables(e).map((e=>`{{${e}}}`))||[]:e})):[];const o=(e,t)=>{for(const i of e)for(const e in i.variables){const l=i.variables[e];if(l.actualValue===t||t.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(o,u,s,d){var b,v,c,p,m,h,f,L;return e.__awaiter(this,void 0,void 0,(function*(){const e=Object.assign({},o);e.components=function(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),t={}}else t=e;return t}(e.components);const{components:{title:V,body:g,buttons:w,icon:y,image:_},webpushBroadcastConfig:C}=e;let x={title:r(null!==(b=null==C?void 0:C.title)&&void 0!==b?b:[]),body:r(null!==(v=null==C?void 0:C.body)&&void 0!==v?v:[],null==g?void 0:g.variables),buttonsW:null!==(c=null==C?void 0:C.buttons)&&void 0!==c?c:[]};if(!e.webpushBroadcastConfig){const t=null!==(p=null==g?void 0:g.text)&&void 0!==p?p:"string"==typeof g?g:"",n=w&&(null==w?void 0:w.length)?w.map((e=>(null==e?void 0:e.websiteLink)==i.CUSTOM_URL_PLACEHOLDER?null==e?void 0:e.redirectionLink:null==e?void 0:e.websiteLink)).filter((e=>void 0!==e)):[],a=l.extractVariables(t).map(((e,t)=>{var i,l;return e.includes("editableVariable")?(null===(l=null===(i=null==g?void 0:g.variables)||void 0===i?void 0:i[t])||void 0===l?void 0:l.value)||e:`{{${e}}}`}));x={title:l.extractVariables(V).map((e=>`{{${e}}}`)),body:a,buttonsW:[]};const r={title:null!==(m=x.title)&&void 0!==m?m:[],body:null!==(h=x.body)&&void 0!==h?h:[],buttons:n,icon:y?[y]:void 0,image:_?[_]:void 0,redirectionLink:(null==g?void 0:g.redirectionLink)?[null==g?void 0:g.redirectionLink]:[]};e.webpushBroadcastConfig=r}const W=w&&w.length?w.map(((e,l)=>({type:t.BUTTON_TYPE.URL,text:null==e?void 0:e.text,url:"https://d.bik.ai/{{1}}",example:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?[""]:[x.buttonsW[l]]:e.redirectionLink?[e.redirectionLink]:void 0,buttonVariable:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?x.buttonsW[l]:i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink?e.websiteLink==i.CUSTOM_URL_PLACEHOLDER?i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink:i.CUSTOM_URL_PLACEHOLDER_VAR,index:l}))):[],k={title:n(u,x.title,V,d),body:n(u,x.body,(null==g?void 0:g.text)||"",d),buttons:W};return{templateVariableMapping:{title:(null===(f=null==s?void 0:s.title)||void 0===f?void 0:f.length)?s.title:k.title,body:(null===(L=null==s?void 0:s.body)||void 0===L?void 0:L.length)?s.body:k.body,buttons:k.buttons,icon:[],header:[]},webpushBroadcastConfig:e.webpushBroadcastConfig,template:e}}))},isValidUrl:e=>{try{return new URL(e),!0}catch(e){return!1}}}};

package/dist/cjs/components/template-context-mapper/modalElements/BackTrackComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),r=require("react");require("../../checkBox/index.js");var t=require("../../input/Input.js"),s=require("../../TypographyStyle.js"),i=require("../../checkBox/CheckBox.js");exports.BackTrackComponent=n=>{const{backTrackMessage:a,setBackTrackMessage:x}=n,[c,o]=r.useState(!!a);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[e.jsxRuntimeExports.jsx(i.CheckBox,{isChecked:c,onValueChange:()=>{c&&x&&x(""),o(!c)}}),e.jsxRuntimeExports.jsx(s.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),c&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{margin:10}},{children:e.jsxRuntimeExports.jsx(t.Input,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{x&&x(e)},height:"120px",maxCharLimit:1024,value:a,noErrorHint:!0,validate:e=>[!0,""]})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../../checkBox/CheckBox.js"),s=require("../../input/Input.js"),i=require("../../TypographyStyle.js");exports.BackTrackComponent=n=>{const{backTrackMessage:a,setBackTrackMessage:x}=n,[c,o]=t.useState(!!a);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[e.jsxRuntimeExports.jsx(r.CheckBox,{isChecked:c,onValueChange:()=>{c&&x&&x(""),o(!c)}}),e.jsxRuntimeExports.jsx(i.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),c&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{margin:10}},{children:e.jsxRuntimeExports.jsx(s.Input,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{x&&x(e)},height:"120px",maxCharLimit:1024,value:a,noErrorHint:!0,validate:e=>[!0,""]})}))]})};

package/dist/cjs/components/template-context-mapper/modalElements/Body.js

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js");require("../../../helpers/index.js");var t=require("lodash"),i=require("react"),a=require("styled-components");require("../../carousel-preview/index.js");var s=require("./EditWhatsAppCarouselTemplateV2.js");require("../../template-preview/index.js");var l=require("../../template-preview/models/Channels.js"),r=require("../../TypographyStyle.js");require("../../variable-picker-v3/index.js");var o=require("../../../constants/Theme.js"),n=require("../context/templateModalContext.js"),p=require("../utils/constants.js"),u=require("../utils/getVariableNameEmail.js"),d=require("../utils/highlightFor.js"),c=require("./DesktopPreview.js"),h=require("./EditWebpushTemplate.js"),x=require("./EditWhatsAppTemplateV2.js"),m=require("./MobilePreview.js"),E=require("./VariableConnectorsPanel.js"),C=require("../../carousel-preview/CarouselPreview.js"),j=require("../../template-preview/TemplatePreview.js"),v=require("../../variable-picker-v3/VariablePicker.js"),P=require("../../variable-picker-v3/model.js");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=w(a);const f=b.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),i=require("lodash"),a=require("react"),s=require("styled-components"),l=require("../../carousel-preview/CarouselPreview.js"),r=require("./EditWhatsAppCarouselTemplateV2.js"),o=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var n=require("../../../constants/Theme.js");require("../../template-preview/models/TemplateMeta.js"),require("../../template-preview/models/WhatsAppTemplate.js");var p=require("../../template-preview/models/Channels.js"),u=require("../../TypographyStyle.js"),d=require("../../variable-picker-v3/VariablePicker.js"),c=require("../context/templateModalContext.js"),h=require("../utils/constants.js"),m=require("../utils/getVariableNameEmail.js"),x=require("../utils/highlightFor.js"),E=require("./DesktopPreview.js"),C=require("./EditWebpushTemplate.js"),j=require("./EditWhatsAppTemplateV2.js"),v=require("./MobilePreview.js"),P=require("./VariableConnectorsPanel.js");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=w(s);const f=b.default.div`
 	display: flex;
 	//	height: 100%;
-`,N=b.default.div`
+`,A=b.default.div`
 	max-width: 450px;
-	max-width: ${e=>e.channel===l.CHANNEL_TYPE.EMAIL?"400px":"450px"};
+	max-width: ${e=>e.channel===p.CHANNEL_TYPE.EMAIL?"400px":"450px"};
 
-	height: ${e=>e.channel===l.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
+	height: ${e=>e.channel===p.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
 	overflow-y: auto;
 	padding-bottom: 24px;
-	border-left: ${o.COLORS.stroke.primary} 1px solid;
-	border-top: ${e=>e.isWhatsappCarousel?`${o.COLORS.stroke.primary} 1px solid`:void 0};
+	border-left: ${n.COLORS.stroke.primary} 1px solid;
+	border-top: ${e=>e.isWhatsappCarousel?`${n.COLORS.stroke.primary} 1px solid`:void 0};
 	${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
-`,g=b.default.div`
+`,N=b.default.div`
 	padding: ${e=>e.isWhatsappCarousel?void 0:e.showOnlyContent?"16px 14px":"16px 32px"};
 	flex: 1;
 	height: ${e=>e.isWhatsappCarousel||e.hideDeviceContainerInPreview?"500px":"475px"};
 	overflow-y: auto;
-	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===l.CHANNEL_TYPE.WHATSAPP?`url(${p.BACKGROUND_PREVIEW_IMAGE});`:"none"};
-	display: ${e=>!e.hideDeviceContainerInPreview||e.channel!==l.CHANNEL_TYPE.WHATSAPP&&e.channel!==l.CHANNEL_TYPE.RCS?"initial":"flex"};
+	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.CHANNEL_TYPE.WHATSAPP?`url(${h.BACKGROUND_PREVIEW_IMAGE});`:"none"};
+	display: ${e=>!e.hideDeviceContainerInPreview||e.channel!==p.CHANNEL_TYPE.WHATSAPP&&e.channel!==p.CHANNEL_TYPE.RCS?"initial":"flex"};
 	align-items: flex-start;
-`;exports.default=a=>{const{showVariableMapping:p,showOnlyContent:w,whatsappSpecificPickerMeta:b,showVariableModal:A,discountCode:T,setDiscountCode:S,variableListForImage:L,showSampleValues:y,variableListFromProps:H,fileName:_,setFileName:R,skipDefaultVariableContent:k}=a,V=i.useRef(),q=i.useRef(),{variableList:M,setVariableList:W,variableCallback:D,showVariablePicker:O,setShowVariablePicker:Y,device:I,display_content:B,channel:F,template:$,setTemplate:G,isWhatsappCarousel:U,isProductCarouselType:K,hideDeviceContainerInPreview:z,onDefaultVariableSelect:J}=n.useTemplateModalContext();const Q=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(g,Object.assign({showOnlyContent:w,showVariableMapping:p,isWhatsappCarousel:U,hideDeviceContainerInPreview:z,channel:F,skipDefaultVariableContent:k},{children:"mobile"===I?e.jsxRuntimeExports.jsx(m.default,{ref:q,display_content:null!=B?B:"",channel:F,template:$,showSampleValues:y}):F!==l.CHANNEL_TYPE.WHATSAPP&&F!==l.CHANNEL_TYPE.RCS||!U?F===l.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(j.TemplatePreview,{showSampleValues:y,channel:F,hideHeader:!0,template:$}):F!==l.CHANNEL_TYPE.MESSAGE?e.jsxRuntimeExports.jsx(c.default,{ref:V,channel:F,display_content:null!=B?B:"",showSampleValues:y}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(C.CarouselPreview,{ref:V,channel:F,template:$,showSampleValues:y,isPreview:!1,showArrows:!0})})),(K||p)&&e.jsxRuntimeExports.jsxs(N,Object.assign({channel:F,isWhatsappCarousel:U,showVariableMapping:!0},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:"100%",width:"whatsapp"===F?428:400,display:O?"block":"none"}},{children:e.jsxRuntimeExports.jsx(v.VariablePicker,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{W(t.cloneDeep(H)),Y(!1)},onSelect:e=>{D(e),W(t.cloneDeep(H)),Y(!1)},type:P.PickerType.EMBEDDED,data:null!=M?M:[],onDefaultVariableSelect:J,skipDefaultVariableContent:k},Math.random())})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===F||"webpush"==F||"rcs"==F?428:400,display:O?"none":"block"}},{children:F!==l.CHANNEL_TYPE.WHATSAPP&&F!==(null===l.CHANNEL_TYPE||void 0===l.CHANNEL_TYPE?void 0:l.CHANNEL_TYPE.RCS)?F==l.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(h.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:A}):e.jsxRuntimeExports.jsx(E.default,{onFocus:F===l.CHANNEL_TYPE.EMAIL?function(e){var t,i,a;const s=null===document||void 0===document?void 0:document.getElementById("mobile"===I?"template_html_mobile":"template_html_desktop"),r=u.getVariableNameForEmailByIndex(e+1),n=F===l.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(r):document.getElementById(r),p=Q(n),c=null==n?void 0:n.offsetLeft;"desktop"===I?p&&V.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=c?c:0,p),d.highlightFor(r,o.COLORS.background.warning.light,2,F,I)):p&&q.current&&(null===(a=null==s?void 0:s.contentWindow)||void 0===a||a.scrollTo(null!=c?c:0,p),d.highlightFor(r,o.COLORS.background.warning.light,2,F,I))}:void 0,showVariableModal:A,discountCode:T,setDiscountCode:S}):F!==l.CHANNEL_TYPE.WHATSAPP&&F!==l.CHANNEL_TYPE.RCS||!U?e.jsxRuntimeExports.jsx(x.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:A,variableListForImage:L,discountCode:T,setDiscountCode:S,fileName:_,setFileName:R}):e.jsxRuntimeExports.jsx(s.default,{whatsappSpecificPickerMeta:b,template:$,showVariableModal:A,variableListForImage:L,discountCode:T,setDiscountCode:S})}))]})),[l.CHANNEL_TYPE.WHATSAPP,l.CHANNEL_TYPE.SMS].includes(F)&&!p&&!K&&e.jsxRuntimeExports.jsx(N,{children:e.jsxRuntimeExports.jsx(r.BodySecondary,Object.assign({color:o.COLORS.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};
+`;exports.default=s=>{const{showVariableMapping:h,showOnlyContent:w,whatsappSpecificPickerMeta:b,showVariableModal:T,discountCode:g,setDiscountCode:S,variableListForImage:L,showSampleValues:y,variableListFromProps:H,fileName:_,setFileName:k,skipDefaultVariableContent:R}=s,V=a.useRef(),W=a.useRef(),{variableList:q,setVariableList:M,variableCallback:D,showVariablePicker:O,setShowVariablePicker:Y,device:I,display_content:B,channel:F,template:$,setTemplate:G,isWhatsappCarousel:U,isProductCarouselType:K,hideDeviceContainerInPreview:z,onDefaultVariableSelect:J}=c.useTemplateModalContext();const Q=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(N,Object.assign({showOnlyContent:w,showVariableMapping:h,isWhatsappCarousel:U,hideDeviceContainerInPreview:z,channel:F,skipDefaultVariableContent:R},{children:"mobile"===I?e.jsxRuntimeExports.jsx(v.default,{ref:W,display_content:null!=B?B:"",channel:F,template:$,showSampleValues:y}):F!==p.CHANNEL_TYPE.WHATSAPP&&F!==p.CHANNEL_TYPE.RCS||!U?F===p.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(o.TemplatePreview,{showSampleValues:y,channel:F,hideHeader:!0,template:$}):F!==p.CHANNEL_TYPE.MESSAGE?e.jsxRuntimeExports.jsx(E.default,{ref:V,channel:F,display_content:null!=B?B:"",showSampleValues:y}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(l.CarouselPreview,{ref:V,channel:F,template:$,showSampleValues:y,isPreview:!1,showArrows:!0})})),(K||h)&&e.jsxRuntimeExports.jsxs(A,Object.assign({channel:F,isWhatsappCarousel:U,showVariableMapping:!0},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:"100%",width:"whatsapp"===F?428:400,display:O?"block":"none"}},{children:e.jsxRuntimeExports.jsx(d.VariablePicker,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{M(i.cloneDeep(H)),Y(!1)},onSelect:e=>{D(e),M(i.cloneDeep(H)),Y(!1)},type:t.PickerType.EMBEDDED,data:null!=q?q:[],onDefaultVariableSelect:J,skipDefaultVariableContent:R},Math.random())})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===F||"webpush"==F||"rcs"==F?428:400,display:O?"none":"block"}},{children:F!==p.CHANNEL_TYPE.WHATSAPP&&F!==(null===p.CHANNEL_TYPE||void 0===p.CHANNEL_TYPE?void 0:p.CHANNEL_TYPE.RCS)?F==p.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(C.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:T}):e.jsxRuntimeExports.jsx(P.default,{onFocus:F===p.CHANNEL_TYPE.EMAIL?function(e){var t,i,a;const s=null===document||void 0===document?void 0:document.getElementById("mobile"===I?"template_html_mobile":"template_html_desktop"),l=m.getVariableNameForEmailByIndex(e+1),r=F===p.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),o=Q(r),u=null==r?void 0:r.offsetLeft;"desktop"===I?o&&V.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=u?u:0,o),x.highlightFor(l,n.COLORS.background.warning.light,2,F,I)):o&&W.current&&(null===(a=null==s?void 0:s.contentWindow)||void 0===a||a.scrollTo(null!=u?u:0,o),x.highlightFor(l,n.COLORS.background.warning.light,2,F,I))}:void 0,showVariableModal:T,discountCode:g,setDiscountCode:S}):F!==p.CHANNEL_TYPE.WHATSAPP&&F!==p.CHANNEL_TYPE.RCS||!U?e.jsxRuntimeExports.jsx(j.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:T,variableListForImage:L,discountCode:g,setDiscountCode:S,fileName:_,setFileName:k}):e.jsxRuntimeExports.jsx(r.default,{whatsappSpecificPickerMeta:b,template:$,showVariableModal:T,variableListForImage:L,discountCode:g,setDiscountCode:S})}))]})),[p.CHANNEL_TYPE.WHATSAPP,p.CHANNEL_TYPE.SMS].includes(F)&&!h&&!K&&e.jsxRuntimeExports.jsx(A,{children:e.jsxRuntimeExports.jsx(u.BodySecondary,Object.assign({color:n.COLORS.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};