@bikdotai/bik-component-library 0.0.731-beta.1 → 0.0.731-beta.11

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

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

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

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

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

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

package/dist/esm/components/product-picker-v2/reducers.js

@@ -1 +1 @@
-import t from"../../node_modules/lodash/cloneDeep.js";import{createContext as a}from"react";function e(a,e){var s,d,c,o,r,n,i,u,l,p,v;let O={},g="",j="",b="";switch(e.type){case"selected":return O=t(a),e.data.val.isSmartCollection&&(e.data.isRestricted&&(O={}),O.isCustom=!0),O[e.data.id]=e.data.val,O;case"unselected":return O=t(a),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[e.data.id],O;case"productUnselected":return O=t(a),g=e.data.productId,j=e.data.collectionId,delete O[j].products[g],Object.keys(O[j].products).length||((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[j]),O;case"productSelected":return O=t(a),g=e.data.productId,j=e.data.collectionId,(null===(s=e.data.catalogOnlyData)||void 0===s?void 0:s.isSmartCollection)&&(e.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[j])||(O[j]=e.data.catalogOnlyData,O[j].products={}),O[j].products[g]=e.data.product,O;case"variantSelected":return O=t(a),g=e.data.productId,j=e.data.collectionId,b=e.data.variantId,(null===(d=e.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(e.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[j])||(O[j]=e.data.catalogOnlyData,O[j].products={},O[j].products[g]=e.data.productOnlyData,O[j].products[g].variants={}),(null===(c=null==O?void 0:O[j])||void 0===c?void 0:c.products)||(O[j].products={}),(null===(r=null===(o=null==O?void 0:O[j])||void 0===o?void 0:o.products)||void 0===r?void 0:r[g])||(O[j].products[g]=e.data.productOnlyData,O[j].products[g].variants={}),O[j].products[g].variants||(O[j].products[g].variants={}),O[j].products[g].variants[b]=e.data.variant,O;case"variantUnselected":return O=t(a),g=e.data.productId,j=e.data.collectionId,b=e.data.variantId,(null===(i=null===(n=O[j].products[g])||void 0===n?void 0:n.variants)||void 0===i?void 0:i[b])&&delete O[j].products[g].variants[b],Object.keys(null!==(p=null===(l=null===(u=O[j].products)||void 0===u?void 0:u[g])||void 0===l?void 0:l.variants)&&void 0!==p?p:{}).length||(delete O[j].products[g],Object.keys(O[j].products).length||((null===(v=O[j])||void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[j])),O;case"update":return O=Object.assign({},a),O;case"reset":return{};default:return a}}function s(t,a){let e={};switch(a.type){case"fetched":return e=Object.assign({},a.data),e;case"productsFetched":return e=Object.assign({},t),e[a.data.collectionId].products=a.data.products,e;case"paged":return e=Object.assign(Object.assign({},t),a.data),e;case"productsPaged":return e=Object.assign({},t),e[a.data.collectionId].products=Object.assign(Object.assign({},e[a.data.collectionId].products),a.data.products),e;case"searched":e=Object.assign({},t);for(const t in a.data)t in e||(e[t]=a.data[t]);return e;default:return{}}}function d(t,a){let e={};switch(a.type){case"paginate":e=Object.assign({},t);for(const t in a.data)if(Object.prototype.hasOwnProperty.call(a.data,t)){const s=a.data[t];if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t];e[t]=Object.assign(Object.assign({},a),{products:Object.assign(Object.assign({},a.products),s.products)})}else e[t]=s}return e;case"update":return e=Object.assign({},t),e;case"set":return e=Object.assign(Object.assign({},t),a.data),e;case"filter":e={};for(const s in t)if(s in a.data){const d=Object.assign({},t[s]),c=a.data[s],o={};for(const t in d.products)if(t in c.products){const a=Object.assign({},d.products[t]),e=c.products[t],s={};for(const t in a.variants)t in e.variants&&(s[t]=Object.assign({},a.variants[t]));Object.keys(s).length>0&&(a.variants=s,o[t]=a)}Object.keys(o).length>0&&(d.products=o,e[s]=d)}return e;default:return t}}function c(t,a){let e={collections:{},products:{}};switch(a.type){case"set":return a.data;case"setProducts":return e=Object.assign({},t),e.products=a.data,e;default:return t}}const o=a("");export{o as CollectionIdContext,s as collectionsReducer,d as paginationReducer,c as searchReducer,e as selectedColectionsReducer};
+import{cloneDeep as t}from"lodash";import{createContext as a}from"react";function e(a,e){var s,d,c,o,r,n,i,u,l,p,v;let O={},g="",b="",j="";switch(e.type){case"selected":return O=t(a),e.data.val.isSmartCollection&&(e.data.isRestricted&&(O={}),O.isCustom=!0),O[e.data.id]=e.data.val,O;case"unselected":return O=t(a),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[e.data.id],O;case"productUnselected":return O=t(a),g=e.data.productId,b=e.data.collectionId,delete O[b].products[g],Object.keys(O[b].products).length||((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[b]),O;case"productSelected":return O=t(a),g=e.data.productId,b=e.data.collectionId,(null===(s=e.data.catalogOnlyData)||void 0===s?void 0:s.isSmartCollection)&&(e.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])||(O[b]=e.data.catalogOnlyData,O[b].products={}),O[b].products[g]=e.data.product,O;case"variantSelected":return O=t(a),g=e.data.productId,b=e.data.collectionId,j=e.data.variantId,(null===(d=e.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(e.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])||(O[b]=e.data.catalogOnlyData,O[b].products={},O[b].products[g]=e.data.productOnlyData,O[b].products[g].variants={}),(null===(c=null==O?void 0:O[b])||void 0===c?void 0:c.products)||(O[b].products={}),(null===(r=null===(o=null==O?void 0:O[b])||void 0===o?void 0:o.products)||void 0===r?void 0:r[g])||(O[b].products[g]=e.data.productOnlyData,O[b].products[g].variants={}),O[b].products[g].variants||(O[b].products[g].variants={}),O[b].products[g].variants[j]=e.data.variant,O;case"variantUnselected":return O=t(a),g=e.data.productId,b=e.data.collectionId,j=e.data.variantId,(null===(i=null===(n=O[b].products[g])||void 0===n?void 0:n.variants)||void 0===i?void 0:i[j])&&delete O[b].products[g].variants[j],Object.keys(null!==(p=null===(l=null===(u=O[b].products)||void 0===u?void 0:u[g])||void 0===l?void 0:l.variants)&&void 0!==p?p:{}).length||(delete O[b].products[g],Object.keys(O[b].products).length||((null===(v=O[b])||void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[b])),O;case"update":return O=Object.assign({},a),O;case"reset":return{};default:return a}}function s(t,a){let e={};switch(a.type){case"fetched":return e=Object.assign({},a.data),e;case"productsFetched":return e=Object.assign({},t),e[a.data.collectionId].products=a.data.products,e;case"paged":return e=Object.assign(Object.assign({},t),a.data),e;case"productsPaged":return e=Object.assign({},t),e[a.data.collectionId].products=Object.assign(Object.assign({},e[a.data.collectionId].products),a.data.products),e;case"searched":e=Object.assign({},t);for(const t in a.data)t in e||(e[t]=a.data[t]);return e;default:return{}}}function d(t,a){let e={};switch(a.type){case"paginate":e=Object.assign({},t);for(const t in a.data)if(Object.prototype.hasOwnProperty.call(a.data,t)){const s=a.data[t];if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t];e[t]=Object.assign(Object.assign({},a),{products:Object.assign(Object.assign({},a.products),s.products)})}else e[t]=s}return e;case"update":return e=Object.assign({},t),e;case"set":return e=Object.assign(Object.assign({},t),a.data),e;case"filter":e={};for(const s in t)if(s in a.data){const d=Object.assign({},t[s]),c=a.data[s],o={};for(const t in d.products)if(t in c.products){const a=Object.assign({},d.products[t]),e=c.products[t],s={};for(const t in a.variants)t in e.variants&&(s[t]=Object.assign({},a.variants[t]));Object.keys(s).length>0&&(a.variants=s,o[t]=a)}Object.keys(o).length>0&&(d.products=o,e[s]=d)}return e;default:return t}}function c(t,a){let e={collections:{},products:{}};switch(a.type){case"set":return a.data;case"setProducts":return e=Object.assign({},t),e.products=a.data,e;default:return t}}const o=a("");export{o as CollectionIdContext,s as collectionsReducer,d as paginationReducer,c as searchReducer,e as selectedColectionsReducer};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as e,useEffect as m}from"react";import"../shimmer/index.js";import{resizeImage as r}from"../../utils/resizeImage.js";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";const s=s=>{let{imageUrl:o,targetSize:h,alt:p,style:a}=s;const[n,x]=e("");return m((()=>{r(o,h).then((t=>{x(t)})).catch((t=>{x(o)}))}),[o,h]),n?t.jsx("img",{alt:p,src:n,height:h,width:h,style:a}):t.jsx(i,{boxes:[{marginTop:"0px",height:`${h}px`,width:`${h}px`}]})};export{s as ResizableImage};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as e,useEffect as r}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=o=>{let{imageUrl:s,targetSize:h,alt:a,style:p}=o;const[n,l]=e("");return r((()=>{i(s,h).then((t=>{l(t)})).catch((t=>{l(s)}))}),[s,h]),n?t.jsx("img",{alt:a,src:n,height:h,width:h,style:p}):t.jsx(m,{boxes:[{marginTop:"0px",height:`${h}px`,width:`${h}px`}]})};export{o as ResizableImage};

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

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

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import o from"react-dom";import t from"../../assets/icons/cross.svg.js";import"../button/index.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as r,SideModalContainer as n,SideModalHeader as i,SideModalBody as c,SideModalFooter as d,FooterButtonWrapper as a}from"./SideModal.style.js";import{Button as l}from"../button/Button.js";const j=j=>{var m;return o.createPortal(e.jsx(r,Object.assign({zIndex:j.zIndex},{children:e.jsxs(n,Object.assign({width:j.width},{children:[e.jsxs(i,Object.assign({headerStyle:Object.assign({},j.headerStyle)},{children:[(null==j?void 0:j.headerCustomComponent)||e.jsx(s,{children:j.header}),!j.hideCrossButton&&e.jsx(t,{width:24,height:24,onClick:j.onClose})]})),e.jsx(c,Object.assign({hideFooter:j.hideFooter,bodyStyle:Object.assign({},j.bodyStyle)},{children:j.children})),!0===j.hideFooter?null:e.jsxs(d,Object.assign({footerDirection:j.footerDirection,footerStyle:Object.assign({},j.footerStyle)},{children:[(j.saveButtonProps||j.cancelButtonProps)&&e.jsxs(a,Object.assign({footerDirection:j.footerDirection},{children:[j.saveButtonProps&&e.jsx(l,Object.assign({},j.saveButtonProps)),j.cancelButtonProps&&e.jsx(l,Object.assign({},j.cancelButtonProps))]})),j.footerCustomComponent?j.footerCustomComponent:e.jsx(e.Fragment,{})]}))]}))})),null!==(m=j.element)&&void 0!==m?m:document.body)};export{j as SideModal};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import o from"react-dom";import t from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as r}from"../TypographyStyle.js";import{SideModalStyle as n,SideModalContainer as i,SideModalHeader as c,SideModalBody as d,SideModalFooter as a,FooterButtonWrapper as l}from"./SideModal.style.js";const j=j=>{var m;return o.createPortal(e.jsx(n,Object.assign({zIndex:j.zIndex},{children:e.jsxs(i,Object.assign({width:j.width},{children:[e.jsxs(c,Object.assign({headerStyle:Object.assign({},j.headerStyle)},{children:[(null==j?void 0:j.headerCustomComponent)||e.jsx(r,{children:j.header}),!j.hideCrossButton&&e.jsx(t,{width:24,height:24,onClick:j.onClose})]})),e.jsx(d,Object.assign({hideFooter:j.hideFooter,bodyStyle:Object.assign({},j.bodyStyle)},{children:j.children})),!0===j.hideFooter?null:e.jsxs(a,Object.assign({footerDirection:j.footerDirection,footerStyle:Object.assign({},j.footerStyle)},{children:[(j.saveButtonProps||j.cancelButtonProps)&&e.jsxs(l,Object.assign({footerDirection:j.footerDirection},{children:[j.saveButtonProps&&e.jsx(s,Object.assign({},j.saveButtonProps)),j.cancelButtonProps&&e.jsx(s,Object.assign({},j.cancelButtonProps))]})),j.footerCustomComponent?j.footerCustomComponent:e.jsx(e.Fragment,{})]}))]}))})),null!==(m=j.element)&&void 0!==m?m:document.body)};export{j as SideModal};

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

@@ -1,8 +1,8 @@
-import{j as r}from"../../node_modules/react/jsx-runtime.js";import o from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{SizeMap as e}from"./themes.js";const n=o=>{let{size:n,color:s,className:a}=o;return r.jsx("div",Object.assign({className:`spinner-container ${a}`},{children:r.jsx(i,{width:`${e[n]}px`,height:`${e[n]}px`,color:null!=s?s:t.stroke.brand})}))};n.displayName="Spinner";const i=o.div`
-	width: ${r=>r.width};
-	height: ${r=>r.height};
-	border: 5px solid ${r=>{var o;return null!==(o=r.backgroundColor)&&void 0!==o?o:"transparent"}};
-	border-bottom-color: ${r=>{var o;return null!==(o=r.color)&&void 0!==o?o:t.stroke.brand}};
+import{j as o}from"../../node_modules/react/jsx-runtime.js";import t from"react-lottie";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as s from"./lotties/black.json.js";import*as i from"./lotties/brand.json.js";import*as n from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const d={[e.stroke.brand]:i,[e.content.primary]:s,[e.content.primaryInverse]:a,[e.content.negative]:n},l=r=>{let{size:s,color:i,className:n}=r;const a={loop:!0,autoplay:!0,animationData:d[null!=i?i:e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return o.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:o.jsx(t,{options:a,width:m[s],isStopped:!1,isPaused:!1})}))};l.displayName="Spinner";const p=r.div`
+	width: ${o=>o.width};
+	height: ${o=>o.height};
+	border: 5px solid ${o=>{var t;return null!==(t=o.backgroundColor)&&void 0!==t?t:"transparent"}};
+	border-bottom-color: ${o=>{var t;return null!==(t=o.color)&&void 0!==t?t:e.stroke.brand}};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -15,4 +15,4 @@ import{j as r}from"../../node_modules/react/jsx-runtime.js";import o from"styled
 			transform: rotate(360deg);
 		}
 	}
-`;export{i as PureSpinner,n as Spinner};
+`;export{p as PureSpinner,l as Spinner};

package/dist/esm/components/spinner/lotties/black.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.12941176470588237,.12941176470588237,.12941176470588237,.5,.12941176470588237,.12941176470588237,.12941176470588237,1,.12941176470588237,.12941176470588237,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

package/dist/esm/components/spinner/lotties/brand.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.45098039215686275,.11372549019607843,.8117647058823529,.5,.45098039215686275,.11372549019607843,.8117647058823529,1,.45098039215686275,.11372549019607843,.8117647058823529],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

package/dist/esm/components/spinner/lotties/red.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.7254901960784313,.13725490196078433,.12941176470588237,.5,.7254901960784313,.13725490196078433,.12941176470588237,1,.7254901960784313,.13725490196078433,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

package/dist/esm/components/spinner/lotties/white.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,1,1,1,.5,1,1,1,1,1,1,1],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

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

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

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import"../modals/index.js";import{StyledModal as t}from"../modals/styledModal.js";const o=o=>e.jsx(t,{"data-test":o["data-test"],centralContainerStyles:{width:400},onClose:()=>o.onCancelClicked(),open:!0,headingTitle:o.header,headingSubtitle:o.subHeader,primaryButton:{buttonText:o.confirmationText,buttonType:"destructive",size:"small",onClick:()=>o.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>o.onCancelClicked()}});export{o as DeleteConfirmationModal};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{StyledModal as t}from"../modals/styledModal.js";const o=o=>e.jsx(t,{"data-test":o["data-test"],centralContainerStyles:{width:400},onClose:()=>o.onCancelClicked(),open:!0,headingTitle:o.header,headingSubtitle:o.subHeader,primaryButton:{buttonText:o.confirmationText,buttonType:"destructive",size:"small",onClick:()=>o.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>o.onCancelClicked()}});export{o as DeleteConfirmationModal};

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

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

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

@@ -63,7 +63,7 @@ import e from"styled-components";import{getTheme as t}from"./themes.js";const i=
 		background: ${e=>t(e.selectedState).dividerBackground};
 		margin-left: 8px;
 	}
-`,n=e.div`
+`;e.div`
 	.top-bar {
 		position: sticky;
 		top: 0px;
@@ -80,4 +80,4 @@ import e from"styled-components";import{getTheme as t}from"./themes.js";const i=
 		align-items: center;
 		overflow-y: auto;
 	}
-`;export{o as SingleStepperChildContainer,i as StepperContainer,n as WorkingStepperContainer};
+`;export{o as SingleStepperChildContainer,i as StepperContainer};