@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),c=require("lodash"),s=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),d=require("../InfiniteScroll/InfiniteScroll.js"),u=require("../input/Input.js"),a=require("../spinner/Spinner.js"),h=require("../TypographyStyle.js"),p=require("./emptyState.js"),j=require("./product.js"),v=require("./ProductPickerShimmer.js"),g=require("./reducers.js"),y=require("./style.js"),f=require("./type.js"),k=require("./utility.js");exports.ProductsScreen=C=>{var P,O;const{data:b,collectionsDispatch:x,selectedData:S,selectedCollectionsDispatch:I,productFetcher:m,storeId:q,setScreen:A,setSaveDisabled:D,hideInCollectionSearch:T,customCollectionRestriction:E,hideProductCheckbox:R,outOfStockAction:V=f.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:L=!1,selectProductsFromCustomCollection:F=!1,pickerType:w,hideProductVariants:B,fbStatusFetcher:_,onProductDetailClick:U,showProductDetailInfoIcon:K,scrollContainerRef:M,appType:N}=C,H=s.useContext(g.CollectionIdContext),J=s.useRef(0),W=s.useRef(!1),[z,G]=s.useState(""),[Q,X]=s.useState(!1),[Y,Z]=s.useState(b),$=s.useRef(!0),ee=s.useRef(!1);s.useEffect(()=>{if($.current)return void($.current=!1);const e=setTimeout(()=>{z.length?(X(!0),C.searchInCollectionFetcher(q,H,z,N).then(e=>{const t=c.cloneDeep(b);t.products=e,Z(t);const r=k.getVariantIdsToFetchAtProductLevel(null!=e?e:{});re(r,null!=e?e:{},!0),D(!1),X(!1)})):Z(b)},800);return()=>clearTimeout(e)},[z]);s.useEffect(()=>{var e,t,r,o;ee.current=!1,J.current=Math.floor((null===(t=Object.keys(null!==(e=b.products)&&void 0!==e?e:{}))||void 0===t?void 0:t.length)/10);const c=k.getVariantIdsToFetchAtProductLevel(null!==(r=b.products)&&void 0!==r?r:{});re(c,null!==(o=b.products)&&void 0!==o?o:{})},[H]);const te=!!E&&b.isSmartCollection;s.useEffect(()=>{(null==b?void 0:b.products)||oe(10)},[]);const re=(e,t,r)=>{_||(r?k.markVariantsAsApprovedProductsLevel(t,x,H,Y,Z):k.markVariantsAsApprovedProductsLevel(t,x,H)),e.length>0&&_&&_(q,e,N).then(e=>{const o=Object.assign({},t);Object.keys(t).forEach(r=>{var c,s;Object.keys(null!==(s=null===(c=null==t?void 0:t[r])||void 0===c?void 0:c.variants)&&void 0!==s?s:{}).forEach(c=>{var s,n;const i=null===(s=null==t?void 0:t[r].variants)||void 0===s?void 0:s[c];i&&"REJECTED"===e[c]?i.fbStatus="REJECTED":i&&"APPROVED"===e[c]&&(i.fbStatus="APPROVED");const l=null===(n=null==o?void 0:o[r])||void 0===n?void 0:n.variants;l&&l[c]&&(l[c]=i)})}),r?(Z(e=>{const t=Object.assign({},e);return t.products=o,t}),x({type:"productsPaged",data:{collectionId:H,products:o}})):x({type:"productsPaged",data:{collectionId:H,products:o}})}).catch(e=>{r?k.markVariantsAsApprovedProductsLevel(t,x,H,Y,Z):k.markVariantsAsApprovedProductsLevel(t,x,H)})},oe=e=>{D(!0),X(!0),m(H,q,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=k.getVariantIdsToFetchAtProductLevel(t);re(e,t),J.current=1}e||I({type:"selected",data:{id:H,val:Object.assign(Object.assign({},b),{products:t})}}),D(!1),X(!1)}).catch()},ce=(e,t)=>{const r=k.liftTheStateUp(t,b);I({type:e,data:Object.assign(Object.assign({},r),{isRestricted:E})})},se=!!(null==S?void 0:S[H])&&!!Object.keys(null!==(O=null===(P=null==S?void 0:S[H])||void 0===P?void 0:P.products)&&void 0!==O?O:{}).length;return e.jsxs("div",{children:[e.jsxs(y.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{A("collections")}}),e.jsx(h.BodyCaption,{style:{color:n.COLORS.content.secondary},children:b.name})]}),!T&&e.jsx("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:e.jsx(u.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Q&&z.length?e.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.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&&!R&&"-1"!==H&&e.jsxs(y.ProductScreenCollectionCardStyle,{children:[e.jsx(i.CheckBox,{isChecked:se,isPartiallyChecked:k.isCollectionPartiallyChecked(H,Y,S,B),onValueChange:function(e){e?oe():I({type:"unselected",data:{id:H}})}}),e.jsx("div",{style:{width:40,height:40},children:e.jsx(r.default,{})}),e.jsx(h.TitleRegular,{children:"All Products"})]}),e.jsx(d.InfiniteScroll,{hasData:!(Object.keys((null==Y?void 0:Y.products)||[]).length<10)&&!!Object.keys((null==Y?void 0:Y.products)||[]).length,fetchMore:()=>(W.current=!0,m(H,q,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 r=k.getVariantIdsToFetchAtProductLevel(e);re(r,e)}return D(!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.jsx(j.ProductGroup,{outOfStockAction:V,collectionId:H,isProductPartiallyChecked:k.isProductPartiallyChecked(H,t,S,Y,B),productId:t,data:Y.products[t],selectedData:S,selectedCollectionsDispatch:I,viewOnly:!F&&!!te,upliftAdditions:ce,hideProductCheckbox:R,hideVariantCheckbox:L,hideProductVariants:B,pickerType:w,onProductDetailClick:U,showProductDetailInfoIcon:K},t)):Q?e.jsx(v.ProductPickerShimmer,{limit:10}):e.jsx(p.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("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),c=require("lodash"),s=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),d=require("../InfiniteScroll/InfiniteScroll.js"),u=require("../input/Input.js"),a=require("../spinner/Spinner.js"),h=require("../TypographyStyle.js"),p=require("./emptyState.js"),j=require("./product.js"),v=require("./ProductPickerShimmer.js"),g=require("./reducers.js"),y=require("./style.js"),f=require("./type.js"),k=require("./utility.js");exports.ProductsScreen=C=>{var P,O;const{data:b,collectionsDispatch:x,selectedData:S,selectedCollectionsDispatch:I,productFetcher:m,storeId:q,setScreen:A,setSaveDisabled:D,hideInCollectionSearch:T,customCollectionRestriction:E,hideProductCheckbox:R,outOfStockAction:V=f.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:L=!1,selectProductsFromCustomCollection:F=!1,pickerType:w,hideProductVariants:B,fbStatusFetcher:_,onProductDetailClick:U,showProductDetailInfoIcon:K,scrollContainerRef:M,appType:N}=C,H=s.useContext(g.CollectionIdContext),J=s.useRef(0),W=s.useRef(!1),[z,G]=s.useState(""),[Q,X]=s.useState(!1),[Y,Z]=s.useState(b),$=s.useRef(!0),ee=s.useRef(!1);s.useEffect((()=>{if($.current)return void($.current=!1);const e=setTimeout((()=>{z.length?(X(!0),C.searchInCollectionFetcher(q,H,z,N).then((e=>{const t=c.cloneDeep(b);t.products=e,Z(t);const r=k.getVariantIdsToFetchAtProductLevel(null!=e?e:{});re(r,null!=e?e:{},!0),D(!1),X(!1)}))):Z(b)}),800);return()=>clearTimeout(e)}),[z]);s.useEffect((()=>{var e,t,r,o;ee.current=!1,J.current=Math.floor((null===(t=Object.keys(null!==(e=b.products)&&void 0!==e?e:{}))||void 0===t?void 0:t.length)/10);const c=k.getVariantIdsToFetchAtProductLevel(null!==(r=b.products)&&void 0!==r?r:{});re(c,null!==(o=b.products)&&void 0!==o?o:{})}),[H]);const te=!!E&&b.isSmartCollection;s.useEffect((()=>{(null==b?void 0:b.products)||oe(10)}),[]);const re=(e,t,r)=>{_||(r?k.markVariantsAsApprovedProductsLevel(t,x,H,Y,Z):k.markVariantsAsApprovedProductsLevel(t,x,H)),e.length>0&&_&&_(q,e,N).then((e=>{const o=Object.assign({},t);Object.keys(t).forEach((r=>{var c,s;Object.keys(null!==(s=null===(c=null==t?void 0:t[r])||void 0===c?void 0:c.variants)&&void 0!==s?s:{}).forEach((c=>{var s,n;const i=null===(s=null==t?void 0:t[r].variants)||void 0===s?void 0:s[c];i&&"REJECTED"===e[c]?i.fbStatus="REJECTED":i&&"APPROVED"===e[c]&&(i.fbStatus="APPROVED");const l=null===(n=null==o?void 0:o[r])||void 0===n?void 0:n.variants;l&&l[c]&&(l[c]=i)}))})),r?(Z((e=>{const t=Object.assign({},e);return t.products=o,t})),x({type:"productsPaged",data:{collectionId:H,products:o}})):x({type:"productsPaged",data:{collectionId:H,products:o}})})).catch((e=>{r?k.markVariantsAsApprovedProductsLevel(t,x,H,Y,Z):k.markVariantsAsApprovedProductsLevel(t,x,H)}))},oe=e=>{D(!0),X(!0),m(H,q,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=k.getVariantIdsToFetchAtProductLevel(t);re(e,t),J.current=1}e||I({type:"selected",data:{id:H,val:Object.assign(Object.assign({},b),{products:t})}}),D(!1),X(!1)})).catch()},ce=(e,t)=>{const r=k.liftTheStateUp(t,b);I({type:e,data:Object.assign(Object.assign({},r),{isRestricted:E})})},se=!!(null==S?void 0:S[H])&&!!Object.keys(null!==(O=null===(P=null==S?void 0:S[H])||void 0===P?void 0:P.products)&&void 0!==O?O:{}).length;return e.jsxs("div",{children:[e.jsxs(y.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{A("collections")}}),e.jsx(h.BodyCaption,{style:{color:n.COLORS.content.secondary},children:b.name})]}),!T&&e.jsx("div",{style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"},children:e.jsx(u.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Q&&z.length?e.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.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&&!R&&"-1"!==H&&e.jsxs(y.ProductScreenCollectionCardStyle,{children:[e.jsx(i.CheckBox,{isChecked:se,isPartiallyChecked:k.isCollectionPartiallyChecked(H,Y,S,B),onValueChange:function(e){e?oe():I({type:"unselected",data:{id:H}})}}),e.jsx("div",{style:{width:40,height:40},children:e.jsx(r.default,{})}),e.jsx(h.TitleRegular,{children:"All Products"})]}),e.jsx(d.InfiniteScroll,{hasData:!(Object.keys((null==Y?void 0:Y.products)||[]).length<10)&&!!Object.keys((null==Y?void 0:Y.products)||[]).length,fetchMore:()=>(W.current=!0,m(H,q,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 r=k.getVariantIdsToFetchAtProductLevel(e);re(r,e)}return D(!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.jsx(j.ProductGroup,{outOfStockAction:V,collectionId:H,isProductPartiallyChecked:k.isProductPartiallyChecked(H,t,S,Y,B),productId:t,data:Y.products[t],selectedData:S,selectedCollectionsDispatch:I,viewOnly:!F&&!!te,upliftAdditions:ce,hideProductCheckbox:R,hideVariantCheckbox:L,hideProductVariants:B,pickerType:w,onProductDetailClick:U,showProductDetailInfoIcon:K},t))):Q?e.jsx(v.ProductPickerShimmer,{limit:10}):e.jsx(p.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("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),s=require("react-beautiful-dnd"),o=require("../../constants/Theme.js"),c=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),n=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),l=require("./style.js"),d=require("./utility.js"),u=require("./variantComponents.js");exports.RearrangeScreen=p=>{const{selectedCollections:S,selectedCollectionsDispatch:j,setScreen:h,rearrangeViewType:y,outOfStockAction:f,scrollContainerRef:x,storeId:q,fbStatusFetcher:C,appType:O}=p,[V,g]=r.useState(a.parseSelectedVariantsToArray(S));r.useEffect(()=>{g(a.parseSelectedVariantsToArray(S))},[S]),r.useEffect(()=>{var e;null===(e=null==x?void 0:x.current)||void 0===e||e.scrollTo({top:0}),d.fetchFbStatusCollection(S,q,O,j,C,"update")},[]);return e.jsxs(s.DragDropContext,{onDragEnd:e=>{if(!e.destination)return;const t=V,[r]=t.splice(e.source.index,1);t.splice(e.destination.index,0,r),t.forEach((e,t)=>{e.displayOrder=t}),g(t)},children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(c.IconButton,{Icon:t.default,width:16,height:16,color:o.COLORS.content.secondary,onClick:()=>{h("collections")}}),e.jsx(i.BodyCaption,{color:o.COLORS.content.secondary,children:"All Products"})]}),Object.keys(S).length>0?"list"===y?e.jsx(u.VariantsList,{selectedVariants:V,setSelectedVariants:g,selectedCollectionsDispatch:j,outOfStockAction:f}):e.jsx(u.VariantsGrid,{selectedVariants:V,setSelectedVariants:g,selectedCollectionsDispatch:j}):e.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Selected products will appear here"})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),s=require("react-beautiful-dnd"),o=require("../../constants/Theme.js"),c=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),n=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),l=require("./style.js"),d=require("./utility.js"),u=require("./variantComponents.js");exports.RearrangeScreen=p=>{const{selectedCollections:S,selectedCollectionsDispatch:j,setScreen:h,rearrangeViewType:y,outOfStockAction:f,scrollContainerRef:x,storeId:q,fbStatusFetcher:C,appType:O}=p,[V,g]=r.useState(a.parseSelectedVariantsToArray(S));r.useEffect((()=>{g(a.parseSelectedVariantsToArray(S))}),[S]),r.useEffect((()=>{var e;null===(e=null==x?void 0:x.current)||void 0===e||e.scrollTo({top:0}),d.fetchFbStatusCollection(S,q,O,j,C,"update")}),[]);return e.jsxs(s.DragDropContext,{onDragEnd:e=>{if(!e.destination)return;const t=V,[r]=t.splice(e.source.index,1);t.splice(e.destination.index,0,r),t.forEach(((e,t)=>{e.displayOrder=t})),g(t)},children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(c.IconButton,{Icon:t.default,width:16,height:16,color:o.COLORS.content.secondary,onClick:()=>{h("collections")}}),e.jsx(i.BodyCaption,{color:o.COLORS.content.secondary,children:"All Products"})]}),Object.keys(S).length>0?"list"===y?e.jsx(u.VariantsList,{selectedVariants:V,setSelectedVariants:g,selectedCollectionsDispatch:j,outOfStockAction:f}):e.jsx(u.VariantsGrid,{selectedVariants:V,setSelectedVariants:g,selectedCollectionsDispatch:j}):e.jsx(n.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("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("react"),l=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),c=require("./collectionScreen.js"),s=require("./emptyState.js"),r=require("./product.js"),d=require("./style.js"),n=require("./utility.js");exports.SearchScreen=u=>{var a;const{customCollectionRestriction:h,selectedCollections:p,searchedCollections:v,searchedCollectionsDispatch:C,selectedCollectionsDispatch:j,setScreen:y,collections:k,onBackPress:b,hideVariantCheckbox:x,pickerType:S,hideProductVariants:m,hideProductCheckbox:P,storeId:f,fbStatusFetcher:O,setCollectionId:g,setSelectedCollectionId:I,hideCollectionCheckbox:q,renderWithoutModal:T,outOfStockAction:D,appType:F,limit:B,exactLimit:V}=u;o.useEffect(()=>{var e;n.fetchFbStatusCollection(null!==(e=v.products)&&void 0!==e?e:{},f,F,C,O,"setProducts")},[null==v?void 0:v.products]);const w=!!h&&(null==p?void 0:p.isCustom),A=Object.keys(p||{}).filter(e=>"isCustom"!==e).length;return e.jsxs("div",{children:[e.jsxs(d.SelectedScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,onClick:()=>{y("collections"),b()}}),e.jsx(i.BodyCaption,{children:(null===(a=Object.keys(null==v?void 0:v.collections))||void 0===a?void 0:a.length)?"Searched Collections & Products":"Searched Products"})]}),e.jsx("div",{children:Object.keys(null==v?void 0:v.products).length||Object.keys(null==v?void 0:v.collections).length?e.jsxs(e.Fragment,{children:[e.jsx(e.Fragment,{children:Object.keys(null==v?void 0:v.collections).map(t=>{const o=!!(null==p?void 0:p[t]),l="COLLECTION"===S&&!o&&(!!V&&A>=V||!!B&&A>=B);return e.jsx(c.CollectionCard,{customCollectionRestriction:h,data:null==k?void 0:k[t],isDisabled:w&&!(null==p?void 0:p[t])||l,isChecked:o,isPartiallyChecked:n.isCollectionPartiallyChecked(t,null==k?void 0:k[t],p,m),selectedCollectionsDispatch:j,setCollectionId:g,setSelectedCollectionId:I,setScreen:y,id:t,hideCollectionCheckbox:q||"-1"===t,selectedCollections:p,renderWithoutModal:T,pickerType:S,usedInSearch:!0},t)})}),e.jsx(e.Fragment,{children:Object.keys(null==v?void 0:v.products).map(t=>{var o,l;return Object.keys((null===(l=null===(o=null==v?void 0:v.products)||void 0===o?void 0:o[t])||void 0===l?void 0:l.products)||[]).map(o=>{var l,i,c;let s=!1;return(null===(l=null==v?void 0:v.products)||void 0===l?void 0:l.isCustom)&&(s=!0),e.jsx(r.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{var l;const i=n.liftTheStateUp(o,null===(l=null==v?void 0:v.products)||void 0===l?void 0:l[e]);j({type:t,data:Object.assign(Object.assign({},i),{isRestricted:h})})})(t,e,o),productId:o,data:(null===(i=null==v?void 0:v.products)||void 0===i?void 0:i[t].products)[o],isProductPartiallyChecked:n.isProductPartiallyChecked(t,o,p,null===(c=v.products)||void 0===c?void 0:c[t],m),selectedData:p,selectedCollectionsDispatch:j,viewOnly:s,hideProductCheckbox:P,hideVariantCheckbox:x,hideProductVariants:m,pickerType:S,outOfStockAction:D},o)})})})]}):e.jsx(s.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("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("react"),l=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),c=require("./collectionScreen.js"),s=require("./emptyState.js"),r=require("./product.js"),d=require("./style.js"),n=require("./utility.js");exports.SearchScreen=u=>{var a;const{customCollectionRestriction:h,selectedCollections:p,searchedCollections:v,searchedCollectionsDispatch:C,selectedCollectionsDispatch:j,setScreen:y,collections:k,onBackPress:b,hideVariantCheckbox:x,pickerType:S,hideProductVariants:m,hideProductCheckbox:P,storeId:f,fbStatusFetcher:O,setCollectionId:g,setSelectedCollectionId:I,hideCollectionCheckbox:q,renderWithoutModal:T,outOfStockAction:D,appType:F,limit:B,exactLimit:V}=u;o.useEffect((()=>{var e;n.fetchFbStatusCollection(null!==(e=v.products)&&void 0!==e?e:{},f,F,C,O,"setProducts")}),[null==v?void 0:v.products]);const w=!!h&&(null==p?void 0:p.isCustom),A=Object.keys(p||{}).filter((e=>"isCustom"!==e)).length;return e.jsxs("div",{children:[e.jsxs(d.SelectedScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,onClick:()=>{y("collections"),b()}}),e.jsx(i.BodyCaption,{children:(null===(a=Object.keys(null==v?void 0:v.collections))||void 0===a?void 0:a.length)?"Searched Collections & Products":"Searched Products"})]}),e.jsx("div",{children:Object.keys(null==v?void 0:v.products).length||Object.keys(null==v?void 0:v.collections).length?e.jsxs(e.Fragment,{children:[e.jsx(e.Fragment,{children:Object.keys(null==v?void 0:v.collections).map((t=>{const o=!!(null==p?void 0:p[t]),l="COLLECTION"===S&&!o&&(!!V&&A>=V||!!B&&A>=B);return e.jsx(c.CollectionCard,{customCollectionRestriction:h,data:null==k?void 0:k[t],isDisabled:w&&!(null==p?void 0:p[t])||l,isChecked:o,isPartiallyChecked:n.isCollectionPartiallyChecked(t,null==k?void 0:k[t],p,m),selectedCollectionsDispatch:j,setCollectionId:g,setSelectedCollectionId:I,setScreen:y,id:t,hideCollectionCheckbox:q||"-1"===t,selectedCollections:p,renderWithoutModal:T,pickerType:S,usedInSearch:!0},t)}))}),e.jsx(e.Fragment,{children:Object.keys(null==v?void 0:v.products).map((t=>{var o,l;return Object.keys((null===(l=null===(o=null==v?void 0:v.products)||void 0===o?void 0:o[t])||void 0===l?void 0:l.products)||[]).map((o=>{var l,i,c;let s=!1;return(null===(l=null==v?void 0:v.products)||void 0===l?void 0:l.isCustom)&&(s=!0),e.jsx(r.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{var l;const i=n.liftTheStateUp(o,null===(l=null==v?void 0:v.products)||void 0===l?void 0:l[e]);j({type:t,data:Object.assign(Object.assign({},i),{isRestricted:h})})})(t,e,o),productId:o,data:(null===(i=null==v?void 0:v.products)||void 0===i?void 0:i[t].products)[o],isProductPartiallyChecked:n.isProductPartiallyChecked(t,o,p,null===(c=v.products)||void 0===c?void 0:c[t],m),selectedData:p,selectedCollectionsDispatch:j,viewOnly:s,hideProductCheckbox:P,hideVariantCheckbox:x,hideProductVariants:m,pickerType:S,outOfStockAction:D},o)}))}))})]}):e.jsx(s.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("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),c=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),n=require("./emptyState.js"),i=require("./product.js"),o=require("./reducers.js"),u=require("./style.js"),l=require("./utility.js");exports.SelectedScreen=d=>{const{selectedCollections:a,selectedCollectionsDispatch:p,setScreen:j,collections:f,hideProductVariants:h=!1,outOfStockAction:y,storeId:S,fbStatusFetcher:v,appType:b}=d,x=r.useRef(0),g=r.useRef(null),[q,C]=r.useReducer(o.paginationReducer,{});r.useEffect(()=>{x.current=0;const e=l.paginateSelectedItems(a,10,0);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,b,C,v,"set"),x.current+=1},[]),r.useEffect(()=>{C({type:"filter",data:a})},[a]),r.useEffect(()=>{const e=new IntersectionObserver(e=>{if(e[0].isIntersecting&&x.current>0){const e=l.paginateSelectedItems(a,10,x.current);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,b,C,v,"update"),x.current+=1}},{threshold:1});return g.current&&e.observe(g.current),()=>{g.current&&e.unobserve(g.current)}},[g,a]);const I=a;return e.jsxs("div",{children:[e.jsxs(u.SelectedScreenHeader,{children:[e.jsx(c.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxs("div",{children:[Object.keys(q).length>0?e.jsx(e.Fragment,{children:Object.keys(q).map(t=>{var r;return Object.keys((null===(r=null==q?void 0:q[t])||void 0===r?void 0:r.products)||[]).map(r=>{let c=!1;return(null==I?void 0:I.isCustom)&&(c=!0),e.jsx(i.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:q[t].products[r],isProductPartiallyChecked:l.isProductPartiallyChecked(t,r,I,null==f?void 0:f[t],h),selectedData:I,selectedCollectionsDispatch:p,viewOnly:c,hideProductVariants:h,outOfStockAction:y},r)})})}):e.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsx("div",{ref:g})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),c=require("../icon-button/IconButton.js"),s=require("../TypographyStyle.js"),n=require("./emptyState.js"),i=require("./product.js"),o=require("./reducers.js"),u=require("./style.js"),l=require("./utility.js");exports.SelectedScreen=d=>{const{selectedCollections:a,selectedCollectionsDispatch:p,setScreen:j,collections:f,hideProductVariants:h=!1,outOfStockAction:y,storeId:S,fbStatusFetcher:v,appType:b}=d,x=r.useRef(0),g=r.useRef(null),[q,C]=r.useReducer(o.paginationReducer,{});r.useEffect((()=>{x.current=0;const e=l.paginateSelectedItems(a,10,0);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,b,C,v,"set"),x.current+=1}),[]),r.useEffect((()=>{C({type:"filter",data:a})}),[a]),r.useEffect((()=>{const e=new IntersectionObserver((e=>{if(e[0].isIntersecting&&x.current>0){const e=l.paginateSelectedItems(a,10,x.current);C({type:"paginate",data:e}),l.fetchFbStatusCollection(e,S,b,C,v,"update"),x.current+=1}}),{threshold:1});return g.current&&e.observe(g.current),()=>{g.current&&e.unobserve(g.current)}}),[g,a]);const I=a;return e.jsxs("div",{children:[e.jsxs(u.SelectedScreenHeader,{children:[e.jsx(c.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(s.BodyCaption,{children:"Selected Products"})]}),e.jsxs("div",{children:[Object.keys(q).length>0?e.jsx(e.Fragment,{children:Object.keys(q).map((t=>{var r;return Object.keys((null===(r=null==q?void 0:q[t])||void 0===r?void 0:r.products)||[]).map((r=>{let c=!1;return(null==I?void 0:I.isCustom)&&(c=!0),e.jsx(i.ProductGroup,{upliftAdditions:null,collectionId:t,productId:r,data:q[t].products[r],isProductPartiallyChecked:l.isProductPartiallyChecked(t,r,I,null==f?void 0:f[t],h),selectedData:I,selectedCollectionsDispatch:p,viewOnly:c,hideProductVariants:h,outOfStockAction:y},r)}))}))}):e.jsx(n.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"}),e.jsx("div",{ref:g})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("lodash");function l(o,l,t){if(!o)return{};const i=Object.keys(o).slice(t,t+l),n={};return i.forEach(l=>{n[l]=o[l]}),n}const t=(o,l,t)=>{Object.keys(o).forEach(l=>{var t,i;const n=null!==(i=null===(t=o[l])||void 0===t?void 0:t.products)&&void 0!==i?i:{};Object.keys(n).forEach(t=>{var i,n,d,v;const s=null!==(v=null===(d=null===(n=null===(i=o[l])||void 0===i?void 0:i.products)||void 0===n?void 0:n[t])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach(i=>{var n,d,v,s;const e=null===(s=null===(v=null===(d=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===d?void 0:d[t])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")})})}),l({type:t,data:o})};exports.fetchFbStatusCollection=(o,l,i,n,d,v="paged")=>{d||t(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach(t=>{var i,n;const d=null!==(n=null===(i=o[t])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach(i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=o[t])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach(n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=o[t])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[n];(null==u?void 0:u.fbStatus)||l.push(n)})})}),l})(o);s.length>0&&d&&d(l,s,i).then(l=>{const t=Object.assign({},o);Object.keys(t).forEach(o=>{var i,n;const d=null!==(n=null===(i=t[o])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach(i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=t[o])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach(n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=t[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[n];u&&"REJECTED"===l[n]?u.fbStatus="REJECTED":u&&"APPROVED"===l[n]&&(u.fbStatus="APPROVED")})})}),n({type:v,data:t})}).catch(l=>{console.error("Error in fbStatusFetcher",l),t(o,n,v)})},exports.getSkuId=(o,l)=>{var t;if(l)return o.skuId;const i=Object.values(null!==(t=null==o?void 0:o.variants)&&void 0!==t?t:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,l)=>{const t=[];return Object.keys(null!=o?o:{}).forEach(i=>{var n,d;const v=null!==(d=null===(n=null==o?void 0:o[i])||void 0===n?void 0:n.variants)&&void 0!==d?d:{};Object.keys(v).forEach(n=>{var d,v,s,e,u;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[n]:null===(u=null===(e=null==o?void 0:o[i])||void 0===e?void 0:e.variants)||void 0===u?void 0:u[n],(null==r?void 0:r.fbStatus)||t.push(n)})}),t},exports.isCollectionPartiallyChecked=(o,l,t,i=!1)=>{var n,d,v,s;let e=0,u=0;if(i){const i=null!==(n=null==l?void 0:l.products)&&void 0!==n?n:{};e=Object.keys(i).length;const s=null!==(v=null===(d=t[o])||void 0===d?void 0:d.products)&&void 0!==v?v:{};u=Object.keys(s).length}else if(t[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach(o=>{var l;const t=null===(l=i[o])||void 0===l?void 0:l.variants;t&&Object.keys(t).forEach(o=>e+=1)});const n=null===(s=t[o])||void 0===s?void 0:s.products;if(n&&Object.keys(n).forEach(o=>{var l;const t=null===(l=n[o])||void 0===l?void 0:l.variants;t&&Object.keys(t).forEach(o=>u+=1)}),e<=0&&u>0)return!1}return u>0&&e!==u},exports.isProductPartiallyChecked=(o,l,t,i,n)=>{var d,v,s,e,u,r,c,a,p,b,O,f,j,h,y,k,g,E,P;let D=0,S=0;if(null===(v=null===(d=null==t?void 0:t[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(n)return!1;const d=(null===(u=null===(e=null===(s=null==t?void 0:t[o])||void 0===s?void 0:s.products)||void 0===e?void 0:e[l])||void 0===u?void 0:u.variants)||[];if(1===Object.keys(d).length)for(const i in d){const n=null===(c=null===(r=null==t?void 0:t[o])||void 0===r?void 0:r.products)||void 0===c?void 0:c[l],d=null===(O=null===(b=null===(p=null===(a=null==t?void 0:t[o])||void 0===a?void 0:a.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[i];if(null===(f=null==d?void 0:d.name)||void 0===f?void 0:f.includes(null!==(j=null==n?void 0:n.name)&&void 0!==j?j:""))return!1}if(null===(k=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[l])||void 0===y?void 0:y.variants)||[]))||void 0===k||k.forEach(()=>S++),Object.keys((null===(P=null===(E=null===(g=null==t?void 0:t[o])||void 0===g?void 0:g.products)||void 0===E?void 0:E[l])||void 0===P?void 0:P.variants)||[]).forEach(()=>D++),D>0&&S!==D)return!0}return!1},exports.liftTheStateUp=(l,t)=>{const i=o.cloneDeep(t);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&t.products){const n=o.cloneDeep(t.products[l.productId]);(null==n?void 0:n.variants)&&delete n.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:n})}return l},exports.markVariantsAsApprovedProductsLevel=(o,l,t,i,n)=>{const d=Object.assign({},o);if(Object.keys(o).forEach(l=>{var t,i;Object.keys(null!==(i=null===(t=null==o?void 0:o[l])||void 0===t?void 0:t.variants)&&void 0!==i?i:{}).forEach(t=>{var i,n;const v=null===(i=null==o?void 0:o[l].variants)||void 0===i?void 0:i[t];v&&(v.fbStatus="APPROVED");const s=null===(n=null==d?void 0:d[l])||void 0===n?void 0:n.variants;s&&s[t]&&(s[t]=v)})}),i&&n){const o=Object.assign({},i);o.products=d,n(o),l({type:"productsPaged",data:{collectionId:t,products:d}})}else l({type:"productsPaged",data:{collectionId:t,products:d}})},exports.paginateSelectedItems=function(o,t,i){var n;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=l(e.products,t,i-v);u&&Object.keys(u).length>0&&(d[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(n=e.products)&&void 0!==n?n:{}).length}return d},exports.shouldShowVariant=o=>{const l=Object.keys(o.variants||[]);let t=!1;return!(l.length<=1)||(l.forEach(l=>{var i,n;t=null!==(n=null===(i=o.variants)||void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==n&&n}),!t)},exports.updateAllVariantsForSelectedProducts=(l,t,i)=>Object.keys(l).reduce((n,d)=>{var v;return d in t?(n[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce((n,v)=>{var s,e,u,r,c,a,p,b,O,f;const j=null===(s=t[d].products)||void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)||void 0===e?void 0:e[d])||void 0===u?void 0:u.products)||void 0===r?void 0:r[v];return j?n[v]=Object.assign(Object.assign({},(null===(c=l[d].products)||void 0===c?void 0:c[v])||{}),{allVariants:o.cloneDeep(j.variants)}):h?n[v]=Object.assign(Object.assign({},(null===(a=l[d].products)||void 0===a?void 0:a[v])||{}),{allVariants:o.cloneDeep(h.variants)}):(null===(b=null===(p=l[d].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(n[v]=Object.assign(Object.assign({},(null===(O=l[d].products)||void 0===O?void 0:O[v])||{}),{allVariants:o.cloneDeep(null===(f=l[d].products)||void 0===f?void 0:f[v].allVariants)})),n},{})}),n):n},{});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("lodash");function l(o,l,t){if(!o)return{};const i=Object.keys(o).slice(t,t+l),n={};return i.forEach((l=>{n[l]=o[l]})),n}const t=(o,l,t)=>{Object.keys(o).forEach((l=>{var t,i;const n=null!==(i=null===(t=o[l])||void 0===t?void 0:t.products)&&void 0!==i?i:{};Object.keys(n).forEach((t=>{var i,n,d,v;const s=null!==(v=null===(d=null===(n=null===(i=o[l])||void 0===i?void 0:i.products)||void 0===n?void 0:n[t])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var n,d,v,s;const e=null===(s=null===(v=null===(d=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===d?void 0:d[t])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),l({type:t,data:o})};exports.fetchFbStatusCollection=function(o,l,i,n,d){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";d||t(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach((t=>{var i,n;const d=null!==(n=null===(i=o[t])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=o[t])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=o[t])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[n];(null==u?void 0:u.fbStatus)||l.push(n)}))}))})),l})(o);s.length>0&&d&&d(l,s,i).then((l=>{const t=Object.assign({},o);Object.keys(t).forEach((o=>{var i,n;const d=null!==(n=null===(i=t[o])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=t[o])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=t[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===e?void 0:e[n];u&&"REJECTED"===l[n]?u.fbStatus="REJECTED":u&&"APPROVED"===l[n]&&(u.fbStatus="APPROVED")}))}))})),n({type:v,data:t})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,n,v)}))},exports.getSkuId=(o,l)=>{var t;if(l)return o.skuId;const i=Object.values(null!==(t=null==o?void 0:o.variants)&&void 0!==t?t:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,l)=>{const t=[];return Object.keys(null!=o?o:{}).forEach((i=>{var n,d;const v=null!==(d=null===(n=null==o?void 0:o[i])||void 0===n?void 0:n.variants)&&void 0!==d?d:{};Object.keys(v).forEach((n=>{var d,v,s,e,u;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[n]:null===(u=null===(e=null==o?void 0:o[i])||void 0===e?void 0:e.variants)||void 0===u?void 0:u[n],(null==r?void 0:r.fbStatus)||t.push(n)}))})),t},exports.isCollectionPartiallyChecked=function(o,l,t){var i,n,d,v;let s=0,e=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==l?void 0:l.products)&&void 0!==i?i:{};s=Object.keys(v).length;const u=null!==(d=null===(n=t[o])||void 0===n?void 0:n.products)&&void 0!==d?d:{};e=Object.keys(u).length}else if(t[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach((o=>{var l;const t=null===(l=i[o])||void 0===l?void 0:l.variants;t&&Object.keys(t).forEach((o=>s+=1))}));const n=null===(v=t[o])||void 0===v?void 0:v.products;if(n&&Object.keys(n).forEach((o=>{var l;const t=null===(l=n[o])||void 0===l?void 0:l.variants;t&&Object.keys(t).forEach((o=>e+=1))})),s<=0&&e>0)return!1}return e>0&&s!==e},exports.isProductPartiallyChecked=(o,l,t,i,n)=>{var d,v,s,e,u,r,c,a,p,b,O,f,j,h,y,g,k,E,P;let D=0,S=0;if(null===(v=null===(d=null==t?void 0:t[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(n)return!1;const d=(null===(u=null===(e=null===(s=null==t?void 0:t[o])||void 0===s?void 0:s.products)||void 0===e?void 0:e[l])||void 0===u?void 0:u.variants)||[];if(1===Object.keys(d).length)for(const i in d){const n=null===(c=null===(r=null==t?void 0:t[o])||void 0===r?void 0:r.products)||void 0===c?void 0:c[l],d=null===(O=null===(b=null===(p=null===(a=null==t?void 0:t[o])||void 0===a?void 0:a.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[i];if(null===(f=null==d?void 0:d.name)||void 0===f?void 0:f.includes(null!==(j=null==n?void 0:n.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[l])||void 0===y?void 0:y.variants)||[]))||void 0===g||g.forEach((()=>S++)),Object.keys((null===(P=null===(E=null===(k=null==t?void 0:t[o])||void 0===k?void 0:k.products)||void 0===E?void 0:E[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&S!==D)return!0}return!1},exports.liftTheStateUp=(l,t)=>{const i=o.cloneDeep(t);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&t.products){const n=o.cloneDeep(t.products[l.productId]);(null==n?void 0:n.variants)&&delete n.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:n})}return l},exports.markVariantsAsApprovedProductsLevel=(o,l,t,i,n)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var t,i;Object.keys(null!==(i=null===(t=null==o?void 0:o[l])||void 0===t?void 0:t.variants)&&void 0!==i?i:{}).forEach((t=>{var i,n;const v=null===(i=null==o?void 0:o[l].variants)||void 0===i?void 0:i[t];v&&(v.fbStatus="APPROVED");const s=null===(n=null==d?void 0:d[l])||void 0===n?void 0:n.variants;s&&s[t]&&(s[t]=v)}))})),i&&n){const o=Object.assign({},i);o.products=d,n(o),l({type:"productsPaged",data:{collectionId:t,products:d}})}else l({type:"productsPaged",data:{collectionId:t,products:d}})},exports.paginateSelectedItems=function(o,t,i){var n;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=l(e.products,t,i-v);u&&Object.keys(u).length>0&&(d[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(n=e.products)&&void 0!==n?n:{}).length}return d},exports.shouldShowVariant=o=>{const l=Object.keys(o.variants||[]);let t=!1;return!(l.length<=1)||(l.forEach((l=>{var i,n;t=null!==(n=null===(i=o.variants)||void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==n&&n})),!t)},exports.updateAllVariantsForSelectedProducts=(l,t,i)=>Object.keys(l).reduce(((n,d)=>{var v;return d in t?(n[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce(((n,v)=>{var s,e,u,r,c,a,p,b,O,f;const j=null===(s=t[d].products)||void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)||void 0===e?void 0:e[d])||void 0===u?void 0:u.products)||void 0===r?void 0:r[v];return j?n[v]=Object.assign(Object.assign({},(null===(c=l[d].products)||void 0===c?void 0:c[v])||{}),{allVariants:o.cloneDeep(j.variants)}):h?n[v]=Object.assign(Object.assign({},(null===(a=l[d].products)||void 0===a?void 0:a[v])||{}),{allVariants:o.cloneDeep(h.variants)}):(null===(b=null===(p=l[d].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(n[v]=Object.assign(Object.assign({},(null===(O=l[d].products)||void 0===O?void 0:O[v])||{}),{allVariants:o.cloneDeep(null===(f=l[d].products)||void 0===f?void 0:f[v].allVariants)})),n}),{})}),n):n}),{});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-beautiful-dnd"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=({selectedVariants:r})=>e.jsx(a.Droppable,{droppableId:"droppable-horizontal",children:s=>e.jsxs("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:Object.assign(Object.assign({},s.droppableProps.style),{display:"flex"}),children:[e.jsx(a.Droppable,{droppableId:"droppable-vertical",direction:"horizontal",children:s=>e.jsxs("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:Object.assign(Object.assign({},s.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"}),children:[r.map((r,s)=>e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:s,children:(a,s)=>e.jsxs("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:r}),a.placeholder]}))},`${r.productId}-${r.variantId}`)),s.placeholder]}))}),s.placeholder]}))}),exports.VariantsList=({selectedVariants:d,setSelectedVariants:i,selectedCollectionsDispatch:n,outOfStockAction:l})=>{const[o,p]=r.useState(-1);function c(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(a.Droppable,{droppableId:"droppable-list",children:(r,b)=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:d.length<8?"550px":"100%",overflow:"auto"},r.droppableProps.style),children:[d.map((r,b)=>e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:b===o?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>p(b),onMouseLeave:()=>p(-1),children:e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:b,children:(a,s)=>e.jsx("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{style:c(Object.assign(Object.assign({},a.draggableProps.style),a.draggableSnapshot)),children:e.jsx(t.VariantCardListView,{data:r,selectedCollectionsDispatch:n,onDelete:()=>{const e=d.slice();e[b].displayOrder=null,e.splice(b,1),i(e)},outOfStockAction:l},`${r.productId}-${r.variantId}`)}))},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`)),r.placeholder&&b.isDraggingOver?e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px"},children:r.placeholder}):null]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-beautiful-dnd"),s=require("../../constants/Theme.js"),t=require("./variant.js");exports.VariantsGrid=r=>{let{selectedVariants:s}=r;return e.jsx(a.Droppable,{droppableId:"droppable-horizontal",children:r=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign(Object.assign({},r.droppableProps.style),{display:"flex"}),children:[e.jsx(a.Droppable,{droppableId:"droppable-vertical",direction:"horizontal",children:r=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign(Object.assign({},r.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"}),children:[s.map(((r,s)=>e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:s,children:(a,s)=>e.jsxs("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{children:[e.jsx(t.VariantCardGridView,{data:r}),a.placeholder]}))},`${r.productId}-${r.variantId}`))),r.placeholder]}))}),r.placeholder]}))})},exports.VariantsList=d=>{let{selectedVariants:i,setSelectedVariants:l,selectedCollectionsDispatch:n,outOfStockAction:o}=d;const[p,c]=r.useState(-1);function b(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e.jsx(a.Droppable,{droppableId:"droppable-list",children:(r,d)=>e.jsxs("div",Object.assign({},r.droppableProps,{ref:r.innerRef,style:Object.assign({backgroundColor:s.COLORS.surface.subdued,padding:"0.05px",height:i.length<8?"550px":"100%",overflow:"auto"},r.droppableProps.style),children:[i.map(((r,d)=>e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px",boxShadow:d===p?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>c(d),onMouseLeave:()=>c(-1),children:e.jsx(a.Draggable,{draggableId:`${r.productId}-${r.variantId}`,index:d,children:(a,s)=>e.jsx("div",Object.assign({ref:a.innerRef},a.draggableProps,a.dragHandleProps,{style:b(Object.assign(Object.assign({},a.draggableProps.style),a.draggableSnapshot)),children:e.jsx(t.VariantCardListView,{data:r,selectedCollectionsDispatch:n,onDelete:()=>{const e=i.slice();e[d].displayOrder=null,e.splice(d,1),l(e)},outOfStockAction:o},`${r.productId}-${r.variantId}`)}))},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`))),r.placeholder&&d.isDraggingOver?e.jsx("div",{style:{background:s.COLORS.surface.hovered,margin:"5px"},children:r.placeholder}):null]}))})};

package/dist/cjs/components/progress-bar/CircularProgressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/checklistIcon.svg.js");exports.default=({percentage:r,width:s=200,containerStyle:o})=>{const i=r<0?0:r>100?100:r,n=s/2-s/10,c=n*Math.PI*2,l=c-c*i/100,a=s/10,d=s/3;return e.jsx("div",{style:o,children:e.jsxs("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#7000FF"}),e.jsx("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),e.jsx("circle",{cx:s/2,cy:s/2,strokeWidth:a,r:n,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),e.jsx("circle",{cx:s/2,cy:s/2,strokeWidth:a,r:n,style:{stroke:"url(#gradientStroke)",strokeDasharray:c,strokeDashoffset:l},transform:`rotate(-90 ${s/2} ${s/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx(t.default,{x:s/2-d/2,width:d})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/checklistIcon.svg.js");exports.default=r=>{let{percentage:s,width:o=200,containerStyle:i}=r;const n=s<0?0:s>100?100:s,c=o/2-o/10,l=c*Math.PI*2,a=l-l*n/100,d=o/10,f=o/3;return e.jsx("div",{style:i,children:e.jsxs("svg",{width:o,height:o,viewBox:`0 0 ${o} ${o}`,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#7000FF"}),e.jsx("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),e.jsx("circle",{cx:o/2,cy:o/2,strokeWidth:d,r:c,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),e.jsx("circle",{cx:o/2,cy:o/2,strokeWidth:d,r:c,style:{stroke:"url(#gradientStroke)",strokeDasharray:l,strokeDashoffset:a},transform:`rotate(-90 ${o/2} ${o/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx(t.default,{x:o/2-f/2,width:f})]})})};

package/dist/{esm/src → cjs}/components/progress-bar/ProgressBarComponent.d.ts

@@ -1,4 +1,3 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
 export interface ProgressBarProps {
     completed: number;
     isAnimated: boolean;

package/dist/cjs/components/progress-bar/ProgressBarComponent.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-bootstrap"),t=require("styled-components"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(t).default.div`
-	width: 100%;
+	flex: 50%;
 	.progress-bar {
 		background: ${e=>e.color};
 	}

package/dist/cjs/components/radioButton/RadioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>{const l=i.useMemo(()=>(null==s?void 0:s.activeColor)||t.COLORS.background.positive.vibrant,[s.activeColor]),a=i.useMemo(()=>s.isDisabled?t.COLORS.content.inactive:s.isActive?l:t.COLORS.content.primary,[s.isDisabled,s.isActive,l]);return e.jsxs("svg",{width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:a,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?t.COLORS.content.inactive:l})]})};exports.RadioButton=o=>{const[r,c]=i.useState(o.isActive||!1),[n,d]=i.useState(!1),[S,x]=i.useState(!1);i.useEffect(()=>{c(o.isActive)},[o.isActive]);return e.jsxs(s.RadioButtonContainer,{onClick:()=>{var e;if(!o.skipSelectingOff&&!o.isDisabled){const i=!r;c(i),null===(e=o.onValueChange)||void 0===e||e.call(o,i,o.value)}},onMouseEnter:()=>d(!o.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>x(!o.skipHoverState),onMouseUp:()=>x(!1),style:o.caption?{alignItems:"flex-start"}:{},children:[e.jsx(s.RadioButtonIcon,{checked:r,hovered:n,clicked:S,isDisabled:o.isDisabled||!1,size:o.size,style:o.caption?{margin:"2px 0"}:{},children:e.jsx(a,{isSmall:"SMALL"===o.size,isActive:r,isDisabled:o.isDisabled||!1,activeColor:o.activeColor})}),e.jsxs("div",{children:[o.label?o.boldOnChecked&&r||o.alwaysBold?e.jsx(l.TitleSmall,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"SMALL"===o.size?e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"MEDIUM"===o.labelSize?e.jsx(l.BodySecondary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(l.BodyPrimary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(e.Fragment,{}),o.caption&&e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.secondary,children:o.caption})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>{const l=i.useMemo((()=>(null==s?void 0:s.activeColor)||t.COLORS.background.positive.vibrant),[s.activeColor]),a=i.useMemo((()=>s.isDisabled?t.COLORS.content.inactive:s.isActive?l:t.COLORS.content.primary),[s.isDisabled,s.isActive,l]);return e.jsxs("svg",{width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:a,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e.jsx("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?t.COLORS.content.inactive:l})]})};exports.RadioButton=o=>{const[r,c]=i.useState(o.isActive||!1),[n,d]=i.useState(!1),[S,x]=i.useState(!1);i.useEffect((()=>{c(o.isActive)}),[o.isActive]);return e.jsxs(s.RadioButtonContainer,{onClick:()=>{var e;if(!o.skipSelectingOff&&!o.isDisabled){const i=!r;c(i),null===(e=o.onValueChange)||void 0===e||e.call(o,i,o.value)}},onMouseEnter:()=>d(!o.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>x(!o.skipHoverState),onMouseUp:()=>x(!1),style:o.caption?{alignItems:"flex-start"}:{},children:[e.jsx(s.RadioButtonIcon,{checked:r,hovered:n,clicked:S,isDisabled:o.isDisabled||!1,size:o.size,style:o.caption?{margin:"2px 0"}:{},children:e.jsx(a,{isSmall:"SMALL"===o.size,isActive:r,isDisabled:o.isDisabled||!1,activeColor:o.activeColor})}),e.jsxs("div",{children:[o.label?o.boldOnChecked&&r||o.alwaysBold?e.jsx(l.TitleSmall,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"SMALL"===o.size?e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):"MEDIUM"===o.labelSize?e.jsx(l.BodySecondary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(l.BodyPrimary,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:o.label}):e.jsx(e.Fragment,{}),o.caption&&e.jsx(l.BodyCaption,{color:o.isDisabled?t.COLORS.text.disabled:t.COLORS.text.secondary,children:o.caption})]})]})};

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

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

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

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

package/dist/cjs/components/searchBar/searchBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),a=require("../../assets/icons/cross.svg.js"),r=require("../input/Input.js");exports.SearchBar=n=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[b,x]=s.useState(h?"active":o?"none":"disabled"),[C,j]=s.useState(n.initialValue||n.searchValue||"");s.useEffect(()=>{var e,t,s;j(null!==(e=n.searchValue)&&void 0!==e?e:""),(null===(s=null===(t=n.searchValue)||void 0===t?void 0:t.trim())||void 0===s?void 0:s.length)?f("cross"):f("search")},[n.searchValue]),s.useEffect(()=>{x(h?"active":o?"none":"disabled")},[o,h]),s.useEffect(()=>{n.reset&&I()},[null==n?void 0:n.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),g("default"),j(""),n.onChange(""),x("none"),c("")};return e.jsx(r.Input,{"data-test":n["data-test"],id:"search-bar",validate:d,onFocus:()=>{C.length&&f("cross"),"default"===p&&o&&(g("clicked"),x("active"))},width:l,state:b,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"!==v||n.suffixButton?void 0:{icon:a.default,callback:()=>{I(),n.onClickCross&&n.onClickCross()}},onChangeText:(e,t)=>{n.onChange(e),j(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):k(e)},placeholder:i,variant:u,value:C,onBlur:()=>{C.length||g("default"),x("none")},button:{text:"",buttonProps:n.suffixButton}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),a=require("../../assets/icons/cross.svg.js"),r=require("../input/Input.js");exports.SearchBar=n=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[b,x]=s.useState(h?"active":o?"none":"disabled"),[C,j]=s.useState(n.initialValue||n.searchValue||"");s.useEffect((()=>{var e,t,s;j(null!==(e=n.searchValue)&&void 0!==e?e:""),(null===(s=null===(t=n.searchValue)||void 0===t?void 0:t.trim())||void 0===s?void 0:s.length)?f("cross"):f("search")}),[n.searchValue]),s.useEffect((()=>{x(h?"active":o?"none":"disabled")}),[o,h]),s.useEffect((()=>{n.reset&&I()}),[null==n?void 0:n.reset]);const k=e=>{o&&c(e)},I=()=>{f("search"),g("default"),j(""),n.onChange(""),x("none"),c("")};return e.jsx(r.Input,{"data-test":n["data-test"],id:"search-bar",validate:d,onFocus:()=>{C.length&&f("cross"),"default"===p&&o&&(g("clicked"),x("active"))},width:l,state:b,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"!==v||n.suffixButton?void 0:{icon:a.default,callback:()=>{I(),n.onClickCross&&n.onClickCross()}},onChangeText:(e,t)=>{n.onChange(e),j(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):k(e)},placeholder:i,variant:u,value:C,onBlur:()=>{C.length||g("default"),x("none")},button:{text:"",buttonProps:n.suffixButton}})};

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{isBrand:i.isBrand,direction:i.direction,gap:i.gap,children:i.boxes.map((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},i))});exports.BikShimmer=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{isBrand:i.isBrand,direction:i.direction,gap:i.gap,children:i.boxes.map(((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},i)))});exports.BikShimmer=i,exports.default=i;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");const r="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=r,exports.ShimmerImage=({imageUrl:s,width:a,height:o,borderRadius:l,alt:n,useDynamicInfoImageSize:c,defaultImageUrl:m=r,imagePreviewStyles:d})=>{const[u,g]=t.useState(!0),[h,b]=t.useState(!1);return t.useEffect(()=>{const e=new Image;return e.src=s,e.onload=()=>{b(!1),g(!1)},e.onerror=()=>{b(!0),g(!1)},()=>{e.onload=null,e.onerror=null}},[s]),e.jsxs("div",{style:Object.assign(Object.assign({position:"relative",width:c?`min(100%, ${a}px)`:a},c?{aspectRatio:1}:{height:o}),{borderRadius:l}),children:[u&&e.jsx(i.BikShimmer,{boxes:[{height:`${o}px`,width:`${a}px`,marginTop:"0px"}]}),h?e.jsx("img",{src:m,alt:null!=n?n:"Image",style:{borderRadius:null!=l?l:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:s,alt:null!=n?n:"Image",style:Object.assign({borderRadius:null!=l?l:0,display:u?"none":"block",width:"100%",height:"100%",objectFit:"cover"},d)})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");const r="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=r,exports.ShimmerImage=s=>{let{imageUrl:a,width:o,height:l,borderRadius:n,alt:c,useDynamicInfoImageSize:m,defaultImageUrl:d=r,imagePreviewStyles:u}=s;const[g,h]=t.useState(!0),[b,p]=t.useState(!1);return t.useEffect((()=>{const e=new Image;return e.src=a,e.onload=()=>{p(!1),h(!1)},e.onerror=()=>{p(!0),h(!1)},()=>{e.onload=null,e.onerror=null}}),[a]),e.jsxs("div",{style:Object.assign(Object.assign({position:"relative",width:m?`min(100%, ${o}px)`:o},m?{aspectRatio:1}:{height:l}),{borderRadius:n}),children:[g&&e.jsx(i.BikShimmer,{boxes:[{height:`${l}px`,width:`${o}px`,marginTop:"0px"}]}),b?e.jsx("img",{src:d,alt:null!=c?c:"Image",style:{borderRadius:null!=n?n:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:a,alt:null!=c?c:"Image",style:Object.assign({borderRadius:null!=n?n:0,display:g?"none":"block",width:"100%",height:"100%",objectFit:"cover"},u)})]})};

package/dist/cjs/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';
+declare const _default: ComponentMeta<typeof ShimmerImage>;
+export default _default;
+export declare const Image: ComponentStory<import("react").FC<import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>>;
+export declare const ImageWithError: ComponentStory<import("react").FC<import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>>;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const r=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const d=r.default.div`
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -9,14 +9,14 @@
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-`,n=d.default.div`
+`,n=r.default.div`
 	height: 100%;
 	width: ${e=>e.width||"566px"};
 	background: ${t.COLORS.surface.standard};
 	position: relative;
 	display: flex;
 	flex-direction: column;
-`,a=d.default.div`
+`,a=r.default.div`
 	width: 100%;
 	height: 60px;
 	position: sticky;
@@ -33,17 +33,17 @@
 		background: ${t.COLORS.background.base};
 		border-radius: 4px;
 	}
-	${({headerStyle:t})=>e.css`
-		${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n")}
-	`}
-`,s=d.default.div`
+	${t=>{let{headerStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,s=r.default.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${({bodyStyle:t})=>e.css`
-		${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n")}
-	`}
-`,p=d.default.div`
+	${t=>{let{bodyStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,p=r.default.div`
 	height: 60px;
 	width: 100%;
 	position: sticky;
@@ -55,11 +55,11 @@
 	background: ${t.COLORS.surface.standard};
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	padding: 0px 24px;
-	${({footerStyle:t})=>e.css`
-		${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n")}
-	`}
-`,l=d.default.div`
+	${t=>{let{footerStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,l=r.default.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};
 	gap: 8px;
-`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=r;
+`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=d;

package/dist/cjs/components/slider/slider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=({min:n=0,max:r=100,defaultValue:o,onChange:s,step:i=1,disabled:l=!1})=>{const u=void 0!==o?o:n,[c,b]=t.useState(u),[d,h]=t.useState(!1),[p,x]=t.useState(!1),[g,m]=t.useState(!1),f=t.useRef(null),v=t.useRef(null),w=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(l);t.useEffect(()=>{b(void 0!==o?o:n)},[o,n]);const k=t.useCallback(e=>{if(!f.current)return n;const t=f.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),o=n+a*(r-n),s=Math.round(o/i)*i;return Math.max(n,Math.min(r,s))},[n,r,i]),j=t.useCallback(e=>{if(l)return;e.preventDefault(),h(!0),m(!0);const t=k(e.clientX);b(t);const a=new Event("change",{bubbles:!0});s(a,t)},[l,k,s]),O=t.useCallback(e=>{if(!d||l)return;const t=k(e.clientX);b(t);const a=new Event("change",{bubbles:!0});s(a,t)},[d,l,k,s]),C=t.useCallback(()=>{h(!1),m(!1)},[]),L=t.useCallback(e=>{if(l)return;let t=c;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(n,c-i);break;case"ArrowRight":case"ArrowUp":t=Math.min(r,c+i);break;case"Home":t=n;break;case"End":t=r;break;default:return}e.preventDefault(),b(t);const a=new Event("change",{bubbles:!0});s(a,t)},[l,c,n,r,i,s]);t.useEffect(()=>{if(d)return document.addEventListener("mousemove",O),document.addEventListener("mouseup",C),()=>{document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",C)}},[d,O,C]);const E=(c-n)/(r-n)*100,M=isNaN(E)?0:Math.max(0,Math.min(100,E));return e.jsxs("div",{ref:f,style:w.container,onMouseDown:j,role:"slider","aria-label":"bik slider","aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":c,tabIndex:l?-1:0,onKeyDown:L,children:[e.jsx("div",{style:w.track}),e.jsx("div",{style:Object.assign(Object.assign({},w.filledTrack),{width:`${M}%`})}),e.jsx("div",{ref:v,style:(()=>{const e=Object.assign({},w.thumb);return l?Object.assign(Object.assign({},e),w.thumbDisabled):(d?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):p&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${M}%`,e)})(),onMouseEnter:()=>!l&&x(!0),onMouseLeave:()=>!l&&x(!1),onFocus:()=>!l&&m(!0),onBlur:()=>!l&&m(!1),children:e.jsx("div",{style:(()=>{const e=Object.assign({},w.valueLabel);return g||p?Object.assign(Object.assign({},e),w.valueLabelVisible):e})(),children:e.jsx("span",{style:w.valueLabelText,children:c})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=n=>{let{min:r=0,max:o=100,defaultValue:s,onChange:i,step:l=1,disabled:u=!1}=n;const c=void 0!==s?s:r,[b,d]=t.useState(c),[h,p]=t.useState(!1),[x,g]=t.useState(!1),[m,f]=t.useState(!1),v=t.useRef(null),w=t.useRef(null),k=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(u);t.useEffect((()=>{d(void 0!==s?s:r)}),[s,r]);const j=t.useCallback((e=>{if(!v.current)return r;const t=v.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),n=r+a*(o-r),s=Math.round(n/l)*l;return Math.max(r,Math.min(o,s))}),[r,o,l]),O=t.useCallback((e=>{if(u)return;e.preventDefault(),p(!0),f(!0);const t=j(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,j,i]),C=t.useCallback((e=>{if(!h||u)return;const t=j(e.clientX);d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[h,u,j,i]),L=t.useCallback((()=>{p(!1),f(!1)}),[]),E=t.useCallback((e=>{if(u)return;let t=b;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(r,b-l);break;case"ArrowRight":case"ArrowUp":t=Math.min(o,b+l);break;case"Home":t=r;break;case"End":t=o;break;default:return}e.preventDefault(),d(t);const a=new Event("change",{bubbles:!0});i(a,t)}),[u,b,r,o,l,i]);t.useEffect((()=>{if(h)return document.addEventListener("mousemove",C),document.addEventListener("mouseup",L),()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",L)}}),[h,C,L]);const M=(b-r)/(o-r)*100,y=isNaN(M)?0:Math.max(0,Math.min(100,M));return e.jsxs("div",{ref:v,style:k.container,onMouseDown:O,role:"slider","aria-label":"bik slider","aria-valuemin":r,"aria-valuemax":o,"aria-valuenow":b,tabIndex:u?-1:0,onKeyDown:E,children:[e.jsx("div",{style:k.track}),e.jsx("div",{style:Object.assign(Object.assign({},k.filledTrack),{width:`${y}%`})}),e.jsx("div",{ref:w,style:(()=>{const e=Object.assign({},k.thumb);return u?Object.assign(Object.assign({},e),k.thumbDisabled):(h?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):x&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${y}%`,e)})(),onMouseEnter:()=>!u&&g(!0),onMouseLeave:()=>!u&&g(!1),onFocus:()=>!u&&f(!0),onBlur:()=>!u&&f(!1),children:e.jsx("div",{style:(()=>{const e=Object.assign({},k.valueLabel);return m||x?Object.assign(Object.assign({},e),k.valueLabelVisible):e})(),children:e.jsx("span",{style:k.valueLabelText,children:b})})})]})};

package/dist/cjs/components/spinner/Spinner.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),o=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);const s=({size:r,color:i,className:n})=>e.jsx("div",{className:`spinner-container ${n}`,children:e.jsx(a,{width:`${o.SizeMap[r]}px`,height:`${o.SizeMap[r]}px`,size:r,color:null!=i?i:t.COLORS.stroke.brand})});s.displayName="Spinner";const a=n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),o=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);const s=r=>{let{size:i,color:n,className:s}=r;return e.jsx("div",{className:`spinner-container ${s}`,children:e.jsx(a,{width:`${o.SizeMap[i]}px`,height:`${o.SizeMap[i]}px`,size:i,color:null!=n?n:t.COLORS.stroke.brand})})};s.displayName="Spinner";const a=n.default.div`
 	width: ${e=>e.width};
 	height: ${e=>e.height};
 	border: ${e=>e.size?o.BorderMap[e.size]:5}px solid

package/dist/cjs/components/star-rating/Star.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=({size:l,filled:i,emptyColor:a,filledColor:c,onClick:d,asHovered:f,onHover:v,mode:E,version:g="v1"})=>{const[h,j]=t.useState(!1);t.useEffect(()=>{null==v||v(h)},[h]),t.useEffect(()=>{f||j(!1)},[f]);const C=u.default.useMemo(()=>(e=>"v1"===e?o.default:n.default)(g),[g]);return f?e.jsx(C,{onClick:()=>{null==d||d("select")},onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),style:{cursor:"pointer"},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):h?e.jsx(C,{onMouseLeave:()=>j(!1),onMouseEnter:()=>j(!0),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):i?e.jsx(C,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("de-select"))},width:l,height:l,color:null!=c?c:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("select"))},width:l,height:l,color:null!=a?a:r.COLORS.surface.standard})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);exports.Star=l=>{let{size:i,filled:a,emptyColor:c,filledColor:d,onClick:f,asHovered:v,onHover:E,mode:g,version:h="v1"}=l;const[j,C]=t.useState(!1);t.useEffect((()=>{null==E||E(j)}),[j]),t.useEffect((()=>{v||C(!1)}),[v]);const p=u.default.useMemo((()=>(e=>"v1"===e?o.default:n.default)(h)),[h]);return v?e.jsx(p,{onClick:()=>{null==f||f("select")},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):j?e.jsx(p,{onMouseLeave:()=>C(!1),onMouseEnter:()=>C(!0),style:{cursor:"pointer"},onClick:()=>{null==f||f("select")},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):a?e.jsx(p,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("de-select"))},width:i,height:i,color:null!=d?d:r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==g&&C(!0),onMouseLeave:()=>"VIEW"!==g&&C(!1),style:{cursor:"VIEW"!==g?"pointer":"default"},onClick:()=>{"VIEW"!==g&&(null==f||f("select"))},width:i,height:i,color:null!=c?c:r.COLORS.surface.standard})};

package/dist/cjs/components/star-rating/StarRating.js

@@ -4,4 +4,4 @@
 	gap: 12px;
 	justify-content: start;
 	align-items: center;
-`;exports.StarRating=({emptyColor:r,filledColor:o,onChange:i,value:n,maxValue:a,starSize:u,mode:d,version:c="v1"})=>{const[f,p]=t.useState(null!=n?n:0),[m,v]=t.useState(!1),[x,y]=t.useState(0),j=t.useMemo(()=>Array(null!=a?a:5).fill(null).map((e,t)=>t+1),[a]);return t.useEffect(()=>{m&&i(f)},[f]),t.useEffect(()=>{v(!0)},[]),e.jsx(s,{children:j.map(t=>e.jsx(l.Star,{asHovered:!!x&&t<=x,size:null!=u?u:24,filled:x?void 0:t<=f,emptyColor:r,filledColor:o,onClick:e=>{p("de-select"===e?t<f?t:t-1:t)},onHover:e=>{y(e?t:0)},mode:d,version:c},t))})};
+`;exports.StarRating=r=>{let{emptyColor:o,filledColor:i,onChange:n,value:a,maxValue:u,starSize:d,mode:c,version:f="v1"}=r;const[p,m]=t.useState(null!=a?a:0),[v,x]=t.useState(!1),[y,j]=t.useState(0),S=t.useMemo((()=>Array(null!=u?u:5).fill(null).map(((e,t)=>t+1))),[u]);return t.useEffect((()=>{v&&n(p)}),[p]),t.useEffect((()=>{x(!0)}),[]),e.jsx(s,{children:S.map((t=>e.jsx(l.Star,{asHovered:!!y&&t<=y,size:null!=d?d:24,filled:y?void 0:t<=p,emptyColor:o,filledColor:i,onClick:e=>{m("de-select"===e?t<p?t:t-1:t)},onHover:e=>{j(e?t:0)},mode:c,version:f},t)))})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("./StateComponent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(s);exports.ShopifyScopeWrapper=n=>{const[o,r]=a.default.useState(!1),[c,l]=a.default.useState(!1),[u,p]=a.default.useState(""),d=s.useCallback(()=>n.permissions.join("-")+"-hasPermission",[n.permissions]),h=s.useCallback(()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t},[d]),m=s.useCallback(e=>{const t=d();localStorage.setItem(t,e.toString())},[d]),f=s.useCallback(()=>{u?window.open(u,"_blank"):n.onPermissionClickCallback&&n.onPermissionClickCallback()},[n,u]);return s.useEffect(()=>{e.__awaiter(void 0,void 0,void 0,function*(){if(n.cacheInLocal&&h())return void r(!0);const{hasPermission:e,urlForPermissions:t}=yield n.permissionEvaluationFunction(n.permissions);r(e),p(t),l(!0),n.cacheInLocal&&e&&m(e)}).then().catch()},[h,n,m]),c?o?t.jsx(t.Fragment,{children:n.children}):t.jsx(i.StateComponent,{states:i.StateInterface.WARNING,heading:n.permissionRequestTitle,subline:n.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:f}):t.jsx(i.StateComponent,{states:i.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("./StateComponent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(s);exports.ShopifyScopeWrapper=n=>{const[o,r]=a.default.useState(!1),[c,l]=a.default.useState(!1),[u,p]=a.default.useState(""),d=s.useCallback((()=>n.permissions.join("-")+"-hasPermission"),[n.permissions]),h=s.useCallback((()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t}),[d]),m=s.useCallback((e=>{const t=d();localStorage.setItem(t,e.toString())}),[d]),f=s.useCallback((()=>{u?window.open(u,"_blank"):n.onPermissionClickCallback&&n.onPermissionClickCallback()}),[n,u]);return s.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(n.cacheInLocal&&h())return void r(!0);const{hasPermission:e,urlForPermissions:t}=yield n.permissionEvaluationFunction(n.permissions);r(e),p(t),l(!0),n.cacheInLocal&&e&&m(e)})).then().catch()}),[h,n,m]),c?o?t.jsx(t.Fragment,{children:n.children}):t.jsx(i.StateComponent,{states:i.StateInterface.WARNING,heading:n.permissionRequestTitle,subline:n.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:f}):t.jsx(i.StateComponent,{states:i.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const o=o=>{const{eachStep:c,isLastElement:a,index:l,isActive:d,onClickingStep:p,hideHoverState:h}=o,{stepName:v,isCompleted:u,isError:S,isInActive:j}=c,x=()=>d?"active":u?"completed":S?"error":j?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,{stepsCount:o.stepsCount,onClick:()=>{!j&&p(c)},selectedState:x(),isInActive:j||h,children:[e.jsxs("div",{className:`hover-container ${j?"blocked":"pointer"} `,children:[e.jsx("div",{className:"badge",children:"completed"==x()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==x()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,{className:"badge-text",children:l+1})}),e.jsx(r.BodyPrimary,{className:"step-text",title:v,children:v})]}),e.jsx("div",{className:a?"":"horizontal-divider"})]})};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r,hideHoverState:c}=t;return e.jsx(n.StepperContainer,{children:s.map((t,n)=>e.jsx(o,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n,hideHoverState:c},n))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const o=o=>{const{eachStep:c,isLastElement:a,index:l,isActive:d,onClickingStep:p,hideHoverState:h}=o,{stepName:v,isCompleted:u,isError:S,isInActive:j}=c,x=()=>d?"active":u?"completed":S?"error":j?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,{stepsCount:o.stepsCount,onClick:()=>{!j&&p(c)},selectedState:x(),isInActive:j||h,children:[e.jsxs("div",{className:`hover-container ${j?"blocked":"pointer"} `,children:[e.jsx("div",{className:"badge",children:"completed"==x()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==x()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,{className:"badge-text",children:l+1})}),e.jsx(r.BodyPrimary,{className:"step-text",title:v,children:v})]}),e.jsx("div",{className:a?"":"horizontal-divider"})]})};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r,hideHoverState:c}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(o,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n,hideHoverState:c},n)))})};

package/dist/cjs/components/switch/Switch.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),l=require("../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(o);const n=t.forwardRef(({customThumbColor:o,trackColor:a,trackHeight:i,trackLength:n,disabled:c,value:p,onValueChange:b,duration:f,containerStyle:g,type:v,isLoading:h,"data-test":x})=>{var k,m,y,C;const{colorsV2:w}=l.DEFAULT_THEME,[$,j]=t.useState(p),[L,S]=t.useState(null!=h&&h),_=null!=f?f:200;t.useEffect(()=>{"boolean"==typeof h&&S(h)},[h]),t.useEffect(()=>{j(p)},[p]);const q=c?{false:w.background.inactive,true:w.background.inactive}:{false:(null!==(k=null==a?void 0:a.false)&&void 0!==k?k:"greenred"===v)?w.background.negative.light:w.background.base,true:(null!==(m=null==a?void 0:a.true)&&void 0!==m?m:"greenred"===v)?w.background.positive.vibrant:w.background.brand},E={false:"greenred"===v?w.stroke.negative.lightAlt:w.stroke.primary,true:"greenred"===v?w.background.positive.vibrant:w.background.brand},O=c?{false:w.content.inactive,true:w.content.inactive}:{false:(null!==(y=null==o?void 0:o.false)&&void 0!==y?y:"greenred"===v)?w.content.negative:w.text.primary,true:null!==(C=null==o?void 0:o.true)&&void 0!==C?C:w.surface.standard},T=v?{false:"greenred"===v?w.stroke.negative.lightAlt:w.stroke.primary,true:"greenred"===v?w.stroke.positive.lightAlt:w.background.brandLight}:{false:w.stroke.primary,true:w.stroke.primary};return r.jsx(r.Fragment,{children:r.jsx(u,{"data-test":x,trackLength:null!=n?n:40,trackHeight:null!=i?i:20,onClick:()=>function(){return e.__awaiter(this,void 0,void 0,function*(){if(!c){"boolean"!=typeof h&&S(!0);try{yield null==b?void 0:b(!$),j(!$)}catch(e){console.log(e)}"boolean"!=typeof h&&S(!1)}})}(),trackColor:q,value:$,style:g,borderColor:E,duration:_,disabled:c,outlineColor:T,children:L?r.jsx(s,{value:$,trackColor:q}):r.jsx(d,{value:$,duration:_,thumbColor:O})})})});n.displayName="Switch";const u=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),l=require("../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(o);const n=t.forwardRef((o=>{let{customThumbColor:a,trackColor:i,trackHeight:n,trackLength:c,disabled:p,value:b,onValueChange:f,duration:g,containerStyle:v,type:h,isLoading:x,"data-test":k}=o;var m,y,C,w;const{colorsV2:$}=l.DEFAULT_THEME,[j,L]=t.useState(b),[S,_]=t.useState(null!=x&&x),q=null!=g?g:200;t.useEffect((()=>{"boolean"==typeof x&&_(x)}),[x]),t.useEffect((()=>{L(b)}),[b]);const E=p?{false:$.background.inactive,true:$.background.inactive}:{false:(null!==(m=null==i?void 0:i.false)&&void 0!==m?m:"greenred"===h)?$.background.negative.light:$.background.base,true:(null!==(y=null==i?void 0:i.true)&&void 0!==y?y:"greenred"===h)?$.background.positive.vibrant:$.background.brand},O={false:"greenred"===h?$.stroke.negative.lightAlt:$.stroke.primary,true:"greenred"===h?$.background.positive.vibrant:$.background.brand},T=p?{false:$.content.inactive,true:$.content.inactive}:{false:(null!==(C=null==a?void 0:a.false)&&void 0!==C?C:"greenred"===h)?$.content.negative:$.text.primary,true:null!==(w=null==a?void 0:a.true)&&void 0!==w?w:$.surface.standard},A=h?{false:"greenred"===h?$.stroke.negative.lightAlt:$.stroke.primary,true:"greenred"===h?$.stroke.positive.lightAlt:$.background.brandLight}:{false:$.stroke.primary,true:$.stroke.primary};return r.jsx(r.Fragment,{children:r.jsx(u,{"data-test":k,trackLength:null!=c?c:40,trackHeight:null!=n?n:20,onClick:()=>function(){return e.__awaiter(this,void 0,void 0,(function*(){if(!p){"boolean"!=typeof x&&_(!0);try{yield null==f?void 0:f(!j),L(!j)}catch(e){console.log(e)}"boolean"!=typeof x&&_(!1)}}))}(),trackColor:E,value:j,style:v,borderColor:O,duration:q,disabled:p,outlineColor:A,children:S?r.jsx(s,{value:j,trackColor:E}):r.jsx(d,{value:j,duration:q,thumbColor:T})})})}));n.displayName="Switch";const u=i.default.div`
 	display: flex;
 	flex-direction: row;
 	margin-top: 5px;

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

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

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),t=require("../TypographyStyle.js"),r=require("./model.js"),a=require("./Tag.styled.js"),o=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(i);const s=({tagText:i,LeadingIcon:l,TrailingIcon:s,onLeadingIconClicked:d,leadingIconId:g,trailingIconId:p,onTrailingIconClicked:u,theme:j="light",type:m="neutral",variant:b="regular",version:h,cursor:x,alignIcon:y,noBorder:T,tagHtmlText:O,contentPadding:f,leadingIconTooltip:I,trailingIconTooltip:C,tagColor:w,numberOfLines:v})=>{let N=i;const k=j;let q=m;r.ValidTagTypeMap[b][m]||(q="neutral"),"circle"===b&&"number"==typeof N&&N>99&&(N="99+");const L={height:"compressed"===b?12:16,width:"compressed"===b?12:16,color:o.getTagIconColor(j,q),style:{display:"block"}};return e.jsx(a.Tag,{cursor:x,theme:k,type:m,variant:b,version:h,alignIcon:y,noBorder:T,contentPadding:f,children:e.jsxs("div",{className:"container",children:[l&&(I?e.jsx(n.Tooltip,Object.assign({},I,{children:e.jsx("button",{className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(l,Object.assign(Object.assign({},L),{id:g||"leading-icon"}))})})):e.jsx("button",{className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(l,Object.assign(Object.assign({},L),{id:g||"leading-icon"}))})),O&&("ai"===m&&"light"===j?e.jsx(t.AiBodyCaption,{numberOfLines:v,children:O}):e.jsx(t.BodyCaption,{className:"text",numberOfLines:v,children:O})),!O&&""!==N&&("ai"===m&&"light"===j?e.jsx(t.AiBodyCaption,{numberOfLines:v,children:N}):e.jsx(t.BodyCaption,{className:"text",color:w,numberOfLines:v,children:N})),s&&(C?e.jsx(n.Tooltip,Object.assign({},C,{children:e.jsx("button",{className:"icon-trailing",onClick:u,id:`${p}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},L),{id:p||"trailing-icon"}))})})):e.jsx("button",{className:"icon-trailing",onClick:u,id:`${p}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},L),{id:p||"trailing-icon"}))}))]})})};s.displayName="Tag",exports.Tag=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../tooltips/Tooltip.js"),t=require("../TypographyStyle.js"),r=require("./model.js"),a=require("./Tag.styled.js"),o=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(i);const s=i=>{let{tagText:l,LeadingIcon:s,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:p,trailingIconId:u,onTrailingIconClicked:j,theme:m="light",type:b="neutral",variant:h="regular",version:x,cursor:y,alignIcon:T,noBorder:O,tagHtmlText:f,contentPadding:I,leadingIconTooltip:C,trailingIconTooltip:w,tagColor:v,numberOfLines:N}=i,k=l;const q=m;let L=b;r.ValidTagTypeMap[h][b]||(L="neutral"),"circle"===h&&"number"==typeof k&&k>99&&(k="99+");const B={height:"compressed"===h?12:16,width:"compressed"===h?12:16,color:o.getTagIconColor(m,L),style:{display:"block"}};return e.jsx(a.Tag,{cursor:y,theme:q,type:b,variant:h,version:x,alignIcon:T,noBorder:O,contentPadding:I,children:e.jsxs("div",{className:"container",children:[s&&(C?e.jsx(n.Tooltip,Object.assign({},C,{children:e.jsx("button",{className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},B),{id:p||"leading-icon"}))})})):e.jsx("button",{className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper",children:c.default.createElement(s,Object.assign(Object.assign({},B),{id:p||"leading-icon"}))})),f&&("ai"===b&&"light"===m?e.jsx(t.AiBodyCaption,{numberOfLines:N,children:f}):e.jsx(t.BodyCaption,{className:"text",numberOfLines:N,children:f})),!f&&""!==k&&("ai"===b&&"light"===m?e.jsx(t.AiBodyCaption,{numberOfLines:N,children:k}):e.jsx(t.BodyCaption,{className:"text",color:v,numberOfLines:N,children:k})),d&&(w?e.jsx(n.Tooltip,Object.assign({},w,{children:e.jsx("button",{className:"icon-trailing",onClick:j,id:`${u}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(d,Object.assign(Object.assign({},B),{id:u||"trailing-icon"}))})})):e.jsx("button",{className:"icon-trailing",onClick:j,id:`${u}-wrapper`||"trailing-icon-wrapper",children:c.default.createElement(d,Object.assign(Object.assign({},B),{id:u||"trailing-icon"}))}))]})})};s.displayName="Tag",exports.Tag=s;

package/dist/cjs/components/tag/Tag.stories.d.ts

@@ -0,0 +1,20 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { Tag } from './Tag';
+declare const _default: ComponentMeta<typeof Tag>;
+export default _default;
+export declare const Default: ComponentStory<{
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export declare const WithIcons: ComponentStory<{
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export declare const WithIconTooltips: ComponentStory<{
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export declare const DarkTheme: ComponentStory<{
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;