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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-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 d=o(i.products[l.productId]);(null==d?void 0:d.variants)&&delete d.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:n,productOnlyData:d})}return l};function i(o,l,i){var d;const t={};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&&(t[s]=Object.assign(Object.assign({},u),{products:c})),v+=Object.keys(null!==(d=u.products)&&void 0!==d?d:{}).length}return t}function n(o,l,i){if(!o)return{};const n=Object.keys(o).slice(i,i+l),d={};return n.forEach(l=>{d[l]=o[l]}),d}const d=(o,l,i)=>{Object.keys(o).forEach(l=>{var i,n;const d=null!==(n=null===(i=o[l])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach(i=>{var n,d,t,v;const s=null!==(v=null===(t=null===(d=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===d?void 0:d[i])||void 0===t?void 0:t.variants)&&void 0!==v?v:{};Object.keys(s).forEach(n=>{var d,t,v,s;const u=null===(s=null===(v=null===(t=null===(d=o[l])||void 0===d?void 0:d.products)||void 0===t?void 0:t[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})},t=(o,l,i,n,t,v="paged")=>{t||d(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach(i=>{var n,d;const t=null!==(d=null===(n=o[i])||void 0===n?void 0:n.products)&&void 0!==d?d:{};Object.keys(t).forEach(n=>{var d,t,v,s;const u=null!==(s=null===(v=null===(t=null===(d=o[i])||void 0===d?void 0:d.products)||void 0===t?void 0:t[n])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach(d=>{var t,v,s,u;const c=null===(u=null===(s=null===(v=null===(t=o[i])||void 0===t?void 0:t.products)||void 0===v?void 0:v[n])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[d];(null==c?void 0:c.fbStatus)||l.push(d)})})}),l})(o);s.length>0&&t&&t(l,s,i).then(l=>{const i=Object.assign({},o);Object.keys(i).forEach(o=>{var n,d;const t=null!==(d=null===(n=i[o])||void 0===n?void 0:n.products)&&void 0!==d?d:{};Object.keys(t).forEach(n=>{var d,t,v,s;const u=null!==(s=null===(v=null===(t=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===t?void 0:t[n])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach(d=>{var t,v,s,u;const c=null===(u=null===(s=null===(v=null===(t=i[o])||void 0===t?void 0:t.products)||void 0===v?void 0:v[n])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[d];c&&"REJECTED"===l[d]?c.fbStatus="REJECTED":c&&"APPROVED"===l[d]&&(c.fbStatus="APPROVED")})})}),n({type:v,data:i})}).catch(l=>{console.error("Error in fbStatusFetcher",l),d(o,n,v)})},v=(o,l)=>{const i=[];return Object.keys(null!=o?o:{}).forEach(n=>{var d,t;const v=null!==(t=null===(d=null==o?void 0:o[n])||void 0===d?void 0:d.variants)&&void 0!==t?t:{};Object.keys(v).forEach(d=>{var t,v,s,u,c;let r;r=l?null===(s=null===(v=null===(t=null==l?void 0:l.products)||void 0===t?void 0:t[n])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[d]:null===(c=null===(u=null==o?void 0:o[n])||void 0===u?void 0:u.variants)||void 0===c?void 0:c[d],(null==r?void 0:r.fbStatus)||i.push(d)})}),i},s=(o,l,i,n,d)=>{const t=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,d;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===(d=null==t?void 0:t[l])||void 0===d?void 0:d.variants;s&&s[i]&&(s[i]=v)})}),n&&d){const o=Object.assign({},n);o.products=t,d(o),l({type:"productsPaged",data:{collectionId:i,products:t}})}else l({type:"productsPaged",data:{collectionId:i,products:t}})},u=o=>{const l=Object.keys(o.variants||[]);let i=!1;return!(l.length<=1)||(l.forEach(l=>{var n,d;i=null!==(d=null===(n=o.variants)||void 0===n?void 0:n[l].name.includes(o.name))&&void 0!==d&&d}),!i)},c=(o,l,i,n,d)=>{var t,v,s,u,c,r,a,e,p,b,O,f,j,y,h,E,g,k,P;let D=0,V=0;if(null===(v=null===(t=null==i?void 0:i[o])||void 0===t?void 0:t.products)||void 0===v?void 0:v[l]){if(d)return!1;const t=(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(t).length)for(const n in t){const d=null===(a=null===(r=null==i?void 0:i[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[l],t=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==t?void 0:t.name)||void 0===f?void 0:f.includes(null!==(j=null==d?void 0:d.name)&&void 0!==j?j:""))return!1}if(null===(E=Object.keys((null===(h=null===(y=null==n?void 0:n.products)||void 0===y?void 0:y[l])||void 0===h?void 0:h.variants)||[]))||void 0===E||E.forEach(()=>V++),Object.keys((null===(P=null===(k=null===(g=null==i?void 0:i[o])||void 0===g?void 0:g.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=(o,l,i,n=!1)=>{var d,t,v,s;let u=0,c=0;if(n){const n=null!==(d=null==l?void 0:l.products)&&void 0!==d?d:{};u=Object.keys(n).length;const s=null!==(v=null===(t=i[o])||void 0===t?void 0:t.products)&&void 0!==v?v:{};c=Object.keys(s).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=>u+=1)});const d=null===(s=i[o])||void 0===s?void 0:s.products;if(d&&Object.keys(d).forEach(o=>{var l;const i=null===(l=d[o])||void 0===l?void 0:l.variants;i&&Object.keys(i).forEach(o=>c+=1)}),u<=0&&c>0)return!1}return c>0&&u!==c},a=(l,i,n)=>Object.keys(l).reduce((d,t)=>{var v;return t in i?(d[t]=Object.assign(Object.assign({},l[t]),{products:Object.keys(null!==(v=l[t].products)&&void 0!==v?v:{}).reduce((d,v)=>{var s,u,c,r,a,e,p,b,O,f;const j=null===(s=i[t].products)||void 0===s?void 0:s[v],y=null===(r=null===(c=null===(u=null==n?void 0:n.products)||void 0===u?void 0:u[t])||void 0===c?void 0:c.products)||void 0===r?void 0:r[v];return j?d[v]=Object.assign(Object.assign({},(null===(a=l[t].products)||void 0===a?void 0:a[v])||{}),{allVariants:o(j.variants)}):y?d[v]=Object.assign(Object.assign({},(null===(e=l[t].products)||void 0===e?void 0:e[v])||{}),{allVariants:o(y.variants)}):(null===(b=null===(p=l[t].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(d[v]=Object.assign(Object.assign({},(null===(O=l[t].products)||void 0===O?void 0:O[v])||{}),{allVariants:o(null===(f=l[t].products)||void 0===f?void 0:f[v].allVariants)})),d},{})}),d):d},{}),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{t 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};
+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/variantComponents.js

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

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

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

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

@@ -1,6 +1,6 @@
-import{jsx as o}from"react/jsx-runtime";import{ProgressBar as t}from"react-bootstrap";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const i=r=>o(m,{color:r.color?r.color:e.content.brand,children:o(t,{animated:r.isAnimated,now:r.completed,style:{height:`${r.height?r.height:8}px`}})}),m=r.div`
-	width: 100%;
+import{jsx as o}from"react/jsx-runtime";import{ProgressBar as t}from"react-bootstrap";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const m=r=>o(n,{color:r.color?r.color:e.content.brand,children:o(t,{animated:r.isAnimated,now:r.completed,style:{height:`${r.height?r.height:8}px`}})}),n=r.div`
+	flex: 50%;
 	.progress-bar {
 		background: ${o=>o.color};
 	}
-`;export{i as ProgressBarComponent,m as ProgressCompletedBar};
+`;export{m as ProgressBarComponent,n as ProgressCompletedBar};

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

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

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

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

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

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

package/dist/esm/components/searchBar/searchBar.js

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

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

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as r}from"./ShimmerStyled.js";const e=e=>i(r,{isBrand:e.isBrand,direction:e.direction,gap:e.gap,children:e.boxes.map((r,e)=>i("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},e))});export{e as BikShimmer,e as default};
+import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as r}from"./ShimmerStyled.js";const e=e=>i(r,{isBrand:e.isBrand,direction:e.direction,gap:e.gap,children:e.boxes.map(((r,e)=>i("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},e)))});export{e as BikShimmer,e as default};

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

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

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

@@ -33,16 +33,16 @@ import e,{css as t}from"styled-components";import{COLORS as o}from"../../constan
 		background: ${o.background.base};
 		border-radius: 4px;
 	}
-	${({headerStyle:e})=>t`
-		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
-	`}
+	${e=>{let{headerStyle:o}=e;return t`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
 `,s=e.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${({bodyStyle:e})=>t`
-		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
-	`}
+	${e=>{let{bodyStyle:o}=e;return t`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
 `,a=e.div`
 	height: 60px;
 	width: 100%;
@@ -55,9 +55,9 @@ import e,{css as t}from"styled-components";import{COLORS as o}from"../../constan
 	background: ${o.surface.standard};
 	border-top: 1px solid ${o.stroke.primary};
 	padding: 0px 24px;
-	${({footerStyle:e})=>t`
-		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
-	`}
+	${e=>{let{footerStyle:o}=e;return t`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
 `,p=e.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};

package/dist/esm/components/slider/slider.js

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

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

@@ -1,4 +1,4 @@
-import{jsx as r}from"react/jsx-runtime";import o from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{BorderMap as e,SizeMap as i}from"./themes.js";const n=({size:o,color:e,className:n})=>r("div",{className:`spinner-container ${n}`,children:r(s,{width:`${i[o]}px`,height:`${i[o]}px`,size:o,color:null!=e?e:t.stroke.brand})});n.displayName="Spinner";const s=o.div`
+import{jsx as r}from"react/jsx-runtime";import o from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{BorderMap as e,SizeMap as i}from"./themes.js";const n=o=>{let{size:e,color:n,className:a}=o;return r("div",{className:`spinner-container ${a}`,children:r(s,{width:`${i[e]}px`,height:`${i[e]}px`,size:e,color:null!=n?n:t.stroke.brand})})};n.displayName="Spinner";const s=o.div`
 	width: ${r=>r.width};
 	height: ${r=>r.height};
 	border: ${r=>r.size?e[r.size]:5}px solid

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

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

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

@@ -1,7 +1,7 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as o,useMemo as r,useEffect as l}from"react";import t from"styled-components";import{Star as i}from"./Star.js";const n=t.div`
+import{jsx as e}from"react/jsx-runtime";import{useState as o,useMemo as l,useEffect as r}from"react";import t from"styled-components";import{Star as i}from"./Star.js";const n=t.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	justify-content: start;
 	align-items: center;
-`,m=({emptyColor:t,filledColor:m,onChange:a,value:s,maxValue:d,starSize:p,mode:c,version:f="v1"})=>{const[u,v]=o(null!=s?s:0),[x,y]=o(!1),[C,g]=o(0),j=r(()=>Array(null!=d?d:5).fill(null).map((e,o)=>o+1),[d]);return l(()=>{x&&a(u)},[u]),l(()=>{y(!0)},[]),e(n,{children:j.map(o=>e(i,{asHovered:!!C&&o<=C,size:null!=p?p:24,filled:C?void 0:o<=u,emptyColor:t,filledColor:m,onClick:e=>{v("de-select"===e?o<u?o:o-1:o)},onHover:e=>{g(e?o:0)},mode:c,version:f},o))})};export{m as StarRating};
+`,m=t=>{let{emptyColor:m,filledColor:a,onChange:s,value:d,maxValue:p,starSize:c,mode:f,version:u="v1"}=t;const[v,x]=o(null!=d?d:0),[y,C]=o(!1),[g,j]=o(0),h=l((()=>Array(null!=p?p:5).fill(null).map(((e,o)=>o+1))),[p]);return r((()=>{y&&s(v)}),[v]),r((()=>{C(!0)}),[]),e(n,{children:h.map((o=>e(i,{asHovered:!!g&&o<=g,size:null!=c?c:24,filled:g?void 0:o<=v,emptyColor:m,filledColor:a,onClick:e=>{x("de-select"===e?o<v?o:o-1:o)},onHover:e=>{j(e?o:0)},mode:f,version:u},o)))})};export{m as StarRating};

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.js

@@ -1 +1 @@
-const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:s,variableValue:l}=a;if(!e)return e;if(e.some(a=>a.variables&&Object.values(a.variables).some(a=>a.actualValue===l)))return e;const r=e.findIndex(a=>a.displayName===i);if(-1!==r){const a=[...e];return a[r]=Object.assign(Object.assign({},a[r]),{variables:Object.assign(Object.assign({},a[r].variables),{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}})}),a}return[{description:i,displayName:i,orderId:1,variables:{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}}},...e]};export{a as updateVariables};
+const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:s,variableValue:l}=a;if(!e)return e;if(e.some((a=>a.variables&&Object.values(a.variables).some((a=>a.actualValue===l)))))return e;const r=e.findIndex((a=>a.displayName===i));if(-1!==r){const a=[...e];return a[r]=Object.assign(Object.assign({},a[r]),{variables:Object.assign(Object.assign({},a[r].variables),{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}})}),a}return[{description:i,displayName:i,orderId:1,variables:{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}}},...e]};export{a as updateVariables};

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

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

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as a}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as m}from"../../template-preview/models/Channels.js";const s=i.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as a}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as m}from"../../template-preview/models/Channels.js";const l=i.div`
 	background: ${a.surface.standard};
 	border: 1px solid ${a.stroke.primary};
 	border-radius: 8px;
@@ -6,7 +6,7 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i
 	/* max-height: 420px; */
 	scroll-behavior: smooth;
 	height: 100%;
-`,l=i.div`
+`,s=i.div`
 	padding: 18px 24px 12px;
 	display: flex;
 	gap: 4px;
@@ -17,4 +17,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,n=r.forwardRef(({display_content:r,showSampleValues:i},a)=>e(s,{ref:a,children:[e(l,{children:[t(d,{}),t(d,{}),t(d,{})]}),t("div",{children:r?t(o,{showSampleValues:i,channel:m.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:r,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):t("div",{style:{padding:20},children:t(p,{size:"small"})})})]}));n.displayName="DesktopPreview";export{n as default};
+`,n=r.forwardRef(((r,i)=>{let{display_content:a,showSampleValues:n}=r;return e(l,{ref:i,children:[e(s,{children:[t(d,{}),t(d,{}),t(d,{})]}),t("div",{children:a?t(o,{showSampleValues:n,channel:m.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:a,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):t("div",{style:{padding:20},children:t(p,{size:"small"})})})]})}));n.displayName="DesktopPreview";export{n as default};

package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/PlusIcon.js";import{useState as i,useRef as a,useEffect as n}from"react";import{CheckBox as l}from"../../checkBox/CheckBox.js";import{Input as c}from"../../input/Input.js";import{TitleSmall as d}from"../../TypographyStyle.js";import{useTemplateModalContext as s}from"../context/templateModalContext.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const u=u=>{const{discountCode:h,setDiscountCode:p}=u,[f,v]=i(""),[g,C]=i(!!h),[x,y]=i(!1),{setVariableCallback:j,setShowVariablePicker:V}=s(),b=a(),k=a();n(()=>{p&&f&&p(h+f)},[f]);const w=e=>{v(e.actualValue)};return e(r,{children:[e("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[o(l,{isChecked:g,onValueChange:()=>{g&&p&&(p(""),v("")),C(!g)}}),o(d,{style:{marginLeft:8},children:"Add discount code"})]}),g&&e("div",{ref:b,style:{margin:10},children:[o(c,{placeholder:"Enter your discount code",onChangeText:e=>{p&&p(e)},value:h,onFocus:()=>{y(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(b.current&&b.current.focus(),y(!0)):y(!1)},noErrorHint:!0,validate:e=>[!0,""]}),x&&o(m,{ref:k,id:"addVar",onClick:e=>{e.stopPropagation(),j(()=>w),V(!0)},children:e("div",{className:"add",children:[o(t,{width:14,height:14,color:"white"}),o("div",{className:"variable",children:"Add variable"})]})})]})]})};export{u as DiscountCodeComponent};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/PlusIcon.js";import{useState as i,useRef as a,useEffect as n}from"react";import{CheckBox as l}from"../../checkBox/CheckBox.js";import{Input as c}from"../../input/Input.js";import{TitleSmall as d}from"../../TypographyStyle.js";import{useTemplateModalContext as s}from"../context/templateModalContext.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const u=u=>{const{discountCode:h,setDiscountCode:p}=u,[f,v]=i(""),[g,C]=i(!!h),[x,y]=i(!1),{setVariableCallback:j,setShowVariablePicker:V}=s(),b=a(),k=a();n((()=>{p&&f&&p(h+f)}),[f]);const w=e=>{v(e.actualValue)};return e(r,{children:[e("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[o(l,{isChecked:g,onValueChange:()=>{g&&p&&(p(""),v("")),C(!g)}}),o(d,{style:{marginLeft:8},children:"Add discount code"})]}),g&&e("div",{ref:b,style:{margin:10},children:[o(c,{placeholder:"Enter your discount code",onChangeText:e=>{p&&p(e)},value:h,onFocus:()=>{y(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(b.current&&b.current.focus(),y(!0)):y(!1)},noErrorHint:!0,validate:e=>[!0,""]}),x&&o(m,{ref:k,id:"addVar",onClick:e=>{e.stopPropagation(),j((()=>w)),V(!0)},children:e("div",{className:"add",children:[o(t,{width:14,height:14,color:"white"}),o("div",{className:"variable",children:"Add variable"})]})})]})]})};export{u as DiscountCodeComponent};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import i from"../../../assets/icons/arrow_back.svg.js";import a from"../../../assets/icons/info.svg.js";import"../../curtain/CurtainHelper.js";import{PickerType as r}from"../../variable-picker-v3/model.js";import{useState as s,useEffect as l}from"react";import{Button as n}from"../../button/Button.js";import{BikImageCropper as p}from"../../image-cropper/BikImageCropper.js";import"../../image-compress/ImageCompress.js";import"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import"../../../constants/zindex.js";import"../../modals/styledModal.js";import{PureSpinner as d}from"../../spinner/Spinner.js";import{InputWithVariables as m}from"../../input-with-vars/InputWithVariables.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as c,COLORS as g}from"../../../constants/Theme.js";import{HEADER_TYPES as h}from"../../template-preview/models/TemplateMeta.js";import{POD as u}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{TitleRegular as f,TitleMedium as v,BodySecondary as y,BodyCaption as x}from"../../TypographyStyle.js";import{validateURL as b}from"../../../utils/validator.js";import j from"../../../assets/icons/file.svg.js";import C from"../../../assets/icons/filePdf.svg.js";import I from"../../../assets/icons/image.svg.js";import M from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as w}from"../context/templateModalContext.js";import{isVariable as k}from"../utils/validateIsUrl.js";const E=({setOpenEditMedia:E,mediaComponentFormat:A,variableListForImage:V,openEditMedia:T,uploadMedia:B,fileRef:D,useEditWhatsappTemplateMediaResponse:P,skipAddVariable:U})=>{const{pod:L,setHideCrossButton:G,setHideFooterButton:R}=w(),[W,O]=s(""),[S,H]=s(void 0),[$,F]=s(!1),[_,z]=s("");let N;if(l(()=>(R(!0),()=>{R(!1)}),[]),l(()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&H(e)},[P.loading]),N=A===h.IMAGE?"image/png, image/jpeg":A===h.VIDEO?"video/mp4":"application/pdf",!T)return e(t,{});const q=()=>A===h.IMAGE?"Image":A===h.VIDEO?"Video":"Document";return o(t,{children:[o("div",{style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"},children:[e(i,{onClick:e=>{e.stopPropagation(),E(!1),O("")},style:{cursor:"pointer"},width:16,height:16}),e(f,{children:"Update Media"})]}),o("div",{style:{position:"relative",padding:16,borderRadius:4,border:$?`1px dashed ${c.colorsV2.stroke.negative.vibrant}`:`1px dashed ${c.colorsV2.stroke.primary}`,backgroundColor:c.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:P.loading?"flex":"initial"},children:[o("div",{style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16},children:[P.loading?e(d,{width:"40px",height:"40px",color:g.content.brand}):e("div",{style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:c.colorsV2.background.base},children:A===h.IMAGE?e(I,{width:40,height:40}):A===h.VIDEO?e(j,{width:40,height:40}):e(C,{width:40,height:40})}),e(v,{children:P.loading?"Upload in progress...":A===h.IMAGE?"Upload an image":A===h.VIDEO?"Upload a video":"Upload a document"}),e(y,{color:g.content.secondary,children:P.loading?`Your ${A.toLowerCase()} is getting loaded. This may take a couple of minutes.`:A===h.IMAGE?"JPEG/ PNG format • Max 5MB":A===h.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"})]}),!P.loading&&o(t,{children:[e("div",{style:{display:"flex",flexDirection:"column",gap:"6px"},children:e(m,{labelText:`${q()} URL`,onPickerToggle:e=>{G(!!e)},pickerType:r.EMBEDDED,portalElement:null!=S?S:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{z(e.actualValue),F(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:W,prevVariable:{actualValue:"",variableType:"string"},variablesList:V,placeHolder:U?"Enter URL":"Enter URL/Add variable",showAddButton:L!==u.CAMPAIGN||!U&&A===h.IMAGE})}),o("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"},children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(x,{children:"Or upload media from device"}),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]}),e("div",{style:{display:"flex",width:"100%"},children:e(n,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:M,onClick:()=>{B(),F(!1)},size:"medium"})})]}),$&&o("div",{style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4},children:[e(a,{width:16,height:16,color:g.content.negative}),e(x,{style:{color:g.content.negative},children:`Select ${q()}`})]})]}),!P.loading&&e("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:8},children:e(n,{buttonText:`Add ${q()}`,onClick:()=>{_?b(_)||k(_)?(B(_),E(!1),O(""),F(!1)):O("Enter valid URL"):F(!0)}})}),e("input",{ref:D,style:{display:"none"},type:"file",onChange:P.handleImageUpload,accept:N}),!!P.selectedImage&&e(p,{aspectRatio:15/8,src:P.selectedImage,onCropComplete:P.onCropComplete,onCancel:()=>{P.setLoading(!1),P.setSelectedImage(""),D.current&&(D.current.value="")}})]})};export{E as default};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import i from"../../../assets/icons/arrow_back.svg.js";import a from"../../../assets/icons/info.svg.js";import"../../curtain/CurtainHelper.js";import{PickerType as r}from"../../variable-picker-v3/model.js";import{useState as s,useEffect as l}from"react";import{Button as n}from"../../button/Button.js";import{BikImageCropper as p}from"../../image-cropper/BikImageCropper.js";import"../../image-compress/ImageCompress.js";import"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import"../../../constants/zindex.js";import"../../modals/styledModal.js";import{PureSpinner as d}from"../../spinner/Spinner.js";import{InputWithVariables as m}from"../../input-with-vars/InputWithVariables.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as c,COLORS as g}from"../../../constants/Theme.js";import{HEADER_TYPES as h}from"../../template-preview/models/TemplateMeta.js";import{POD as u}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{TitleRegular as f,TitleMedium as v,BodySecondary as y,BodyCaption as x}from"../../TypographyStyle.js";import{validateURL as b}from"../../../utils/validator.js";import j from"../../../assets/icons/file.svg.js";import C from"../../../assets/icons/filePdf.svg.js";import I from"../../../assets/icons/image.svg.js";import M from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as w}from"../context/templateModalContext.js";import{isVariable as k}from"../utils/validateIsUrl.js";const E=E=>{let{setOpenEditMedia:A,mediaComponentFormat:V,variableListForImage:T,openEditMedia:B,uploadMedia:D,fileRef:P,useEditWhatsappTemplateMediaResponse:U,skipAddVariable:L}=E;const{pod:G,setHideCrossButton:R,setHideFooterButton:W}=w(),[O,S]=s(""),[H,$]=s(void 0),[F,_]=s(!1),[z,N]=s("");let q;if(l((()=>(W(!0),()=>{W(!1)})),[]),l((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&$(e)}),[U.loading]),q=V===h.IMAGE?"image/png, image/jpeg":V===h.VIDEO?"video/mp4":"application/pdf",!B)return e(t,{});const J=()=>V===h.IMAGE?"Image":V===h.VIDEO?"Video":"Document";return o(t,{children:[o("div",{style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"},children:[e(i,{onClick:e=>{e.stopPropagation(),A(!1),S("")},style:{cursor:"pointer"},width:16,height:16}),e(f,{children:"Update Media"})]}),o("div",{style:{position:"relative",padding:16,borderRadius:4,border:F?`1px dashed ${c.colorsV2.stroke.negative.vibrant}`:`1px dashed ${c.colorsV2.stroke.primary}`,backgroundColor:c.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:U.loading?"flex":"initial"},children:[o("div",{style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16},children:[U.loading?e(d,{width:"40px",height:"40px",color:g.content.brand}):e("div",{style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:c.colorsV2.background.base},children:V===h.IMAGE?e(I,{width:40,height:40}):V===h.VIDEO?e(j,{width:40,height:40}):e(C,{width:40,height:40})}),e(v,{children:U.loading?"Upload in progress...":V===h.IMAGE?"Upload an image":V===h.VIDEO?"Upload a video":"Upload a document"}),e(y,{color:g.content.secondary,children:U.loading?`Your ${V.toLowerCase()} is getting loaded. This may take a couple of minutes.`:V===h.IMAGE?"JPEG/ PNG format • Max 5MB":V===h.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"})]}),!U.loading&&o(t,{children:[e("div",{style:{display:"flex",flexDirection:"column",gap:"6px"},children:e(m,{labelText:`${J()} URL`,onPickerToggle:e=>{R(!!e)},pickerType:r.EMBEDDED,portalElement:null!=H?H:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{N(e.actualValue),_(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:O,prevVariable:{actualValue:"",variableType:"string"},variablesList:T,placeHolder:L?"Enter URL":"Enter URL/Add variable",showAddButton:G!==u.CAMPAIGN||!L&&V===h.IMAGE})}),o("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"},children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(x,{children:"Or upload media from device"}),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]}),e("div",{style:{display:"flex",width:"100%"},children:e(n,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:M,onClick:()=>{D(),_(!1)},size:"medium"})})]}),F&&o("div",{style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4},children:[e(a,{width:16,height:16,color:g.content.negative}),e(x,{style:{color:g.content.negative},children:`Select ${J()}`})]})]}),!U.loading&&e("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:8},children:e(n,{buttonText:`Add ${J()}`,onClick:()=>{z?b(z)||k(z)?(D(z),A(!1),S(""),_(!1)):S("Enter valid URL"):_(!0)}})}),e("input",{ref:P,style:{display:"none"},type:"file",onChange:U.handleImageUpload,accept:q}),!!U.selectedImage&&e(p,{aspectRatio:15/8,src:U.selectedImage,onCropComplete:U.onCropComplete,onCancel:()=>{U.setLoading(!1),U.setSelectedImage(""),P.current&&(P.current.value="")}})]})};export{E as default};