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

package/dist/esm/components/product-picker/ProductPickerModal.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../node_modules/lodash.debounce/index.js";import{useState as r,useCallback as s,useEffect as l}from"react";import{PageLoader as n}from"../bik-layout/PageLoader.js";import{CheckBox as c}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleSmall as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import y from"../../assets/icons/alert_triangle.svg.js";import P from"../../assets/icons/search.svg.js";const x="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",_=t=>{let{text:r,styleProps:s}=t;return e(p,{children:[o("div",{className:"icon__container",style:Object.assign({},s),children:o(y,{width:24,height:24,color:f.colorsV2.content.secondary})}),o(u,{children:"No results found"}),o(g,{style:{color:f.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${r}"`})]})},j=l=>{var d,p,g,y;const j=l.instaPost?v.dateFormat(new Date(l.instaPost.timestamp),"•",!0):"",[w,C]=r(l.products),[S,b]=r(!1),[N,V]=r(""),k=s(t((e=>{e?(C([]),l.onSearchKeyChange(e).then((e=>{C(e),b(!1)}))):(C(l.products),b(!1))}),700),[]);return e(a,{children:[l.instaPost&&e("div",{className:"post__wrapper",children:[o("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=x},src:null===(d=l.instaPost)||void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",{className:"post__info-wrapper",children:[o(m,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:l.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary},children:(null===(p=l.instaPost)||void 0===p?void 0:p.caption)?null===(g=l.instaPost)||void 0===g?void 0:g.caption:"No caption"}),o(h,{style:{color:f.colorsV2.content.placeholder},children:j})]})]}),o("div",{style:{borderTop:l.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:l.instaPost?"16px 24px":"0px 24px 16px 24px"},children:o(i,{placeholder:null!==(y=l.searchPlaceholder)&&void 0!==y?y:"Search products..",onChangeText:e=>{var o;V(e),(null===(o=e.trim())||void 0===o?void 0:o.length)>0?(b(!0),k(e)):(b(!1),C(l.products))},rightIcon:{icon:P}})}),e("div",{style:{maxHeight:350,overflowY:"scroll"},children:[S&&o("div",{className:"loader__wrapper",children:o(n,{})}),0!==w.length||S?w.map((t=>{var r;const s=l.selectedProducts.find((e=>e.id===t.id));return e("div",{className:"product__wrapper",children:[e("div",{className:"product__info-wrapper",children:[o("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=x},src:null!==(r=t.image)&&void 0!==r?r:x,className:"product__image"}),o(u,{children:t.name})]}),o("div",{style:{order:1},children:o(c,{isChecked:void 0!==s,onValueChange:e=>{((e,o)=>{const t=l.selectedProducts.find((e=>e.id===o.id));if(e&&!t){const e=[...l.selectedProducts,o];l.setSelectedProducts(e)}else if(t){const e=[...l.selectedProducts];let t=-1;l.selectedProducts.forEach(((e,r)=>{e.id===o.id&&(t=r)})),e.splice(t,1),l.setSelectedProducts(e)}})(e,t)}})})]},t.id)})):o(_,{text:N})]})]})},w=e=>{var t;const[s,n]=r([]);return l((()=>{var o;n(null!==(o=e.selectedProducts)&&void 0!==o?o:[])}),[null===(t=e.selectedProducts)||void 0===t?void 0:t.length]),o(d,{open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:s.length>10?o(h,{style:{color:f.colorsV2.content.negative},children:"Can't add more than 10 products"}):o(h,{style:{color:f.colorsV2.content.placeholder},children:s?`${s.length} selected`:""}),headingTitle:e.title,primaryButton:{disabled:s.length>10||0===s.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(s),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,children:o(j,Object.assign({},e,{selectedProducts:s,setSelectedProducts:n}))})};export{w as PricePleaseProductPicker,j as ProductPickerContent};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../node_modules/lodash.debounce/index.js";import{useState as r,useCallback as s,useEffect as l}from"react";import{PageLoader as n}from"../bik-layout/PageLoader.js";import{CheckBox as c}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleSmall as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import y from"../../assets/icons/alert_triangle.svg.js";import P from"../../assets/icons/search.svg.js";const x="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",_=({text:t,styleProps:r})=>e(p,{children:[o("div",{className:"icon__container",style:Object.assign({},r),children:o(y,{width:24,height:24,color:f.colorsV2.content.secondary})}),o(u,{children:"No results found"}),o(g,{style:{color:f.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${t}"`})]}),j=l=>{var d,p,g,y;const j=l.instaPost?v.dateFormat(new Date(l.instaPost.timestamp),"•",!0):"",[w,C]=r(l.products),[S,b]=r(!1),[N,V]=r(""),k=s(t(e=>{e?(C([]),l.onSearchKeyChange(e).then(e=>{C(e),b(!1)})):(C(l.products),b(!1))},700),[]);return e(a,{children:[l.instaPost&&e("div",{className:"post__wrapper",children:[o("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=x},src:null===(d=l.instaPost)||void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",{className:"post__info-wrapper",children:[o(m,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:l.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary},children:(null===(p=l.instaPost)||void 0===p?void 0:p.caption)?null===(g=l.instaPost)||void 0===g?void 0:g.caption:"No caption"}),o(h,{style:{color:f.colorsV2.content.placeholder},children:j})]})]}),o("div",{style:{borderTop:l.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:l.instaPost?"16px 24px":"0px 24px 16px 24px"},children:o(i,{placeholder:null!==(y=l.searchPlaceholder)&&void 0!==y?y:"Search products..",onChangeText:e=>{var o;V(e),(null===(o=e.trim())||void 0===o?void 0:o.length)>0?(b(!0),k(e)):(b(!1),C(l.products))},rightIcon:{icon:P}})}),e("div",{style:{maxHeight:350,overflowY:"scroll"},children:[S&&o("div",{className:"loader__wrapper",children:o(n,{})}),0!==w.length||S?w.map(t=>{var r;const s=l.selectedProducts.find(e=>e.id===t.id);return e("div",{className:"product__wrapper",children:[e("div",{className:"product__info-wrapper",children:[o("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=x},src:null!==(r=t.image)&&void 0!==r?r:x,className:"product__image"}),o(u,{children:t.name})]}),o("div",{style:{order:1},children:o(c,{isChecked:void 0!==s,onValueChange:e=>{((e,o)=>{const t=l.selectedProducts.find(e=>e.id===o.id);if(e&&!t){const e=[...l.selectedProducts,o];l.setSelectedProducts(e)}else if(t){const e=[...l.selectedProducts];let t=-1;l.selectedProducts.forEach((e,r)=>{e.id===o.id&&(t=r)}),e.splice(t,1),l.setSelectedProducts(e)}})(e,t)}})})]},t.id)}):o(_,{text:N})]})]})},w=e=>{var t;const[s,n]=r([]);return l(()=>{var o;n(null!==(o=e.selectedProducts)&&void 0!==o?o:[])},[null===(t=e.selectedProducts)||void 0===t?void 0:t.length]),o(d,{open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:s.length>10?o(h,{style:{color:f.colorsV2.content.negative},children:"Can't add more than 10 products"}):o(h,{style:{color:f.colorsV2.content.placeholder},children:s?`${s.length} selected`:""}),headingTitle:e.title,primaryButton:{disabled:s.length>10||0===s.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(s),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,children:o(j,Object.assign({},e,{selectedProducts:s,setSelectedProducts:n}))})};export{w as PricePleaseProductPicker,j as ProductPickerContent};

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

@@ -1 +1 @@
-import{jsx as r,Fragment as m}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";const o=o=>{const{limit:t}=o;return r(m,{children:Array.from({length:null!=t?t:5}).map(((m,o)=>r("div",{style:{borderBottom:"1px solid #E0E0E0"},children:r(i,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},o)))})};export{o as ProductPickerShimmer};
+import{jsx as r,Fragment as m}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";const o=o=>{const{limit:t}=o;return r(m,{children:Array.from({length:null!=t?t:5}).map((m,o)=>r("div",{style:{borderBottom:"1px solid #E0E0E0"},children:r(i,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},o))})};export{o as ProductPickerShimmer};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import{useRef as l,useState as c,useEffect as n}from"react";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as a}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodyPrimary as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{ProductPickerShimmer as m}from"./ProductPickerShimmer.js";import{CollectionCardStyle as C,CollectionCardInfoStyle as v,CollectionCardDetailStyle as y,CollectionNameHolder as g}from"./style.js";import{isCollectionPartiallyChecked as f}from"./utility.js";const k=(e,t,o)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{var i;const{customCollectionRestriction:r,dataLoading:s,collections:d,selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,selectedCollections:C,setScreen:v,collectionFetcher:y,collectionsDispatch:g,pagingControls:k,storeId:b,setSaveDisabled:I,hideCollectionCheckbox:O,renderWithoutModal:S,pickerType:T,scrollContainerRef:P,appType:x,limit:L,exactLimit:D}=o,R=l(k.curPage),E=!!r&&(null==C?void 0:C.isCustom),[N,w]=c(!1),B=l(!1),W=l(!1),H=()=>{if(!P||!(null==P?void 0:P.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:o}=P.current;e+t>=o-20&&!B.current&&!W.current&&(I(!0),w(!0),W.current=!0,I(!0),w(!0),y(R.current,b,x).then((e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),k.setCurPage(R.current+1),w(!1),I(!1),W.current=!1,Object.keys(null==e?void 0:e.collections).length||(B.current=!0)})).catch())};n((()=>{var e;return null===(e=null==P?void 0:P.current)||void 0===e||e.addEventListener("scroll",H),()=>{var e;null===(e=null==P?void 0:P.current)||void 0===e||e.removeEventListener("scroll",H)}}),[]),n((()=>{R.current=k.curPage}),[k.curPage]);const M=Object.keys(C||{}).filter((e=>"isCustom"!==e)).length;return e("div",{children:[(null===(i=Object.keys(null!=d?d:{}))||void 0===i?void 0:i.length)?Object.keys(d).map((e=>{var o,i;const l=!!(null==C?void 0:C[e])&&("PRODUCT"!==T||!!Object.keys(null!==(i=null===(o=null==C?void 0:C[e])||void 0===o?void 0:o.products)&&void 0!==i?i:{}).length),c="COLLECTION"===T&&!l&&(!!D&&M>=D||!!L&&M>=L);return t(j,{customCollectionRestriction:r,data:d[e],isDisabled:E&&!(null==C?void 0:C[e])||c,isChecked:l,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:O||"-1"===e,selectedCollections:C,renderWithoutModal:S,pickerType:T},e)})):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),N&&t(m,{})]})},j=l=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:k,setScreen:b,id:j,isChecked:I,isDisabled:O,hideCollectionCheckbox:S,pickerType:T,usedInSearch:P}=l;return n?e(C,{isDisabled:O,onClick:e=>{if(!O){if("COLLECTION"===T)return e.stopPropagation(),p({type:"reset",data:{}}),p({type:"selected",data:{id:j,val:n,isRestricted:c}}),m(j),void f(j);m(j),f(j),b("products")}},isActive:I,usedInSearch:null!=P&&P,children:[e(v,{children:[!S&&t(r,{isDisabled:O,isChecked:I,isPartiallyChecked:k,onValueChange:function(e,t,o){null==o||o.stopPropagation(),p(e?{type:"selected",data:{id:j,val:n,isRestricted:c}}:{type:"unselected",data:{id:j}}),f(e?j:"")}}),t(y,{children:t(a,{body:n.name,placement:"bottom",delay:400,variant:"light",children:e(g,{children:[t(P?h:u,{numberOfLines:1,children:n.name}),n.isSmartCollection?t("div",{style:{display:"flex"},children:t(d,{tagText:"Smart Collection",type:"warning"})}):t(o,{})]})})})]}),"COLLECTION"!==T&&t(s,{height:12,width:12,disabled:O,Icon:i})]}):t(o,{})};export{j as CollectionCard,b as CollectionsScreen,k as truncate};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import{useRef as l,useState as c,useEffect as n}from"react";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as a}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodyPrimary as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{ProductPickerShimmer as m}from"./ProductPickerShimmer.js";import{CollectionCardStyle as C,CollectionCardInfoStyle as v,CollectionCardDetailStyle as y,CollectionNameHolder as g}from"./style.js";import{isCollectionPartiallyChecked as f}from"./utility.js";const k=(e,t,o)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{var i;const{customCollectionRestriction:r,dataLoading:s,collections:d,selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,selectedCollections:C,setScreen:v,collectionFetcher:y,collectionsDispatch:g,pagingControls:k,storeId:b,setSaveDisabled:I,hideCollectionCheckbox:O,renderWithoutModal:S,pickerType:T,scrollContainerRef:P,appType:x,limit:L,exactLimit:D}=o,R=l(k.curPage),E=!!r&&(null==C?void 0:C.isCustom),[N,w]=c(!1),B=l(!1),W=l(!1),H=()=>{if(!P||!(null==P?void 0:P.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:o}=P.current;e+t>=o-20&&!B.current&&!W.current&&(I(!0),w(!0),W.current=!0,I(!0),w(!0),y(R.current,b,x).then(e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),k.setCurPage(R.current+1),w(!1),I(!1),W.current=!1,Object.keys(null==e?void 0:e.collections).length||(B.current=!0)}).catch())};n(()=>{var e;return null===(e=null==P?void 0:P.current)||void 0===e||e.addEventListener("scroll",H),()=>{var e;null===(e=null==P?void 0:P.current)||void 0===e||e.removeEventListener("scroll",H)}},[]),n(()=>{R.current=k.curPage},[k.curPage]);const M=Object.keys(C||{}).filter(e=>"isCustom"!==e).length;return e("div",{children:[(null===(i=Object.keys(null!=d?d:{}))||void 0===i?void 0:i.length)?Object.keys(d).map(e=>{var o,i;const l=!!(null==C?void 0:C[e])&&("PRODUCT"!==T||!!Object.keys(null!==(i=null===(o=null==C?void 0:C[e])||void 0===o?void 0:o.products)&&void 0!==i?i:{}).length),c="COLLECTION"===T&&!l&&(!!D&&M>=D||!!L&&M>=L);return t(j,{customCollectionRestriction:r,data:d[e],isDisabled:E&&!(null==C?void 0:C[e])||c,isChecked:l,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:O||"-1"===e,selectedCollections:C,renderWithoutModal:S,pickerType:T},e)}):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),N&&t(m,{})]})},j=l=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:k,setScreen:b,id:j,isChecked:I,isDisabled:O,hideCollectionCheckbox:S,pickerType:T,usedInSearch:P}=l;return n?e(C,{isDisabled:O,onClick:e=>{if(!O){if("COLLECTION"===T)return e.stopPropagation(),p({type:"reset",data:{}}),p({type:"selected",data:{id:j,val:n,isRestricted:c}}),m(j),void f(j);m(j),f(j),b("products")}},isActive:I,usedInSearch:null!=P&&P,children:[e(v,{children:[!S&&t(r,{isDisabled:O,isChecked:I,isPartiallyChecked:k,onValueChange:function(e,t,o){null==o||o.stopPropagation(),p(e?{type:"selected",data:{id:j,val:n,isRestricted:c}}:{type:"unselected",data:{id:j}}),f(e?j:"")}}),t(y,{children:t(a,{body:n.name,placement:"bottom",delay:400,variant:"light",children:e(g,{children:[t(P?h:u,{numberOfLines:1,children:n.name}),n.isSmartCollection?t("div",{style:{display:"flex"},children:t(d,{tagText:"Smart Collection",type:"warning"})}):t(o,{})]})})})]}),"COLLECTION"!==T&&t(s,{height:12,width:12,disabled:O,Icon:i})]}):t(o,{})};export{j as CollectionCard,b as CollectionsScreen,k as truncate};

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

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/box_round.svg.js";import r from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{TitleRegular as i,BodySecondary as s}from"../TypographyStyle.js";const c=r=>{let{title:c,subtitle:m}=r;return t(l,{children:[e(o,{width:48,height:48}),e(i,{style:{marginTop:8},children:c}),e(s,{style:{color:n.content.secondary,marginTop:4},children:m})]})},l=r.div`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/box_round.svg.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{TitleRegular as n,BodySecondary as s}from"../TypographyStyle.js";const c=({title:r,subtitle:c})=>t(m,{children:[e(o,{width:48,height:48}),e(n,{style:{marginTop:8},children:r}),e(s,{style:{color:i.content.secondary,marginTop:4},children:c})]}),m=r.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;

package/dist/esm/components/product-picker-v2/helpers/ProductHelper.js

@@ -1 +1 @@
-import{OUT_OF_STOCK_ACTION as t}from"../type.js";const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.NORMAL,u="NORMAL";if(l.variants)return n[u];const a=l;return"REJECTED"===(null==a?void 0:a.fbStatus)?n.FB_REJECTED:(i===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,a;let e=t,o=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(e=Object.values(null!==(a=null==t?void 0:t.variants)&&void 0!==a?a:{})[0],o=!0);const r=l.getProductLabels(e,i);return{isVariantForProductPickerTag:o,dataForProductPickerTag:e,tagText:null!=r?r:void 0,tagType:l.getTagType(null!=r?r:"")}}});const i=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,a;const e=null!==(u=t[l].products)&&void 0!==u?u:[],o=null!==(a=e[i].variants)&&void 0!==a?a:[];return Object.keys(o).map((t=>{const n=o[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[i].name})),n=[...n,...Object.values(o)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};export{l as ProductHelper,i as parseSelectedVariantsToArray};
+import{OUT_OF_STOCK_ACTION as t}from"../type.js";const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l,i=t.NORMAL){let u="NORMAL";if(l.variants)return n[u];const a=l;return"REJECTED"===(null==a?void 0:a.fbStatus)?n.FB_REJECTED:(i===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,a;let e=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(e=Object.values(null!==(a=null==t?void 0:t.variants)&&void 0!==a?a:{})[0],r=!0);const o=l.getProductLabels(e,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:e,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});const i=t=>{let n=[];Object.keys(t).forEach(l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach(i=>{var u,a;const e=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(a=e[i].variants)&&void 0!==a?a:[];return Object.keys(r).map(t=>{const n=r[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[i].name}),n=[...n,...Object.values(r)],n})});const l=n.sort((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder);return l.forEach((t,n)=>{t.displayOrder=n}),l};export{l as ProductHelper,i as parseSelectedVariantsToArray};

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

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

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

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

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 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};
+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};

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 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};
+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};

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=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};
+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};

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

@@ -1,5 +1,5 @@
-import{jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{ProgressBar as r}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";const i=t=>o(m,{color:t.color?t.color:e.content.brand,children:o(r,{animated:t.isAnimated,now:t.completed,style:{height:`${t.height?t.height:8}px`}})}),m=t.div`
-	flex: 50%;
+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%;
 	.progress-bar {
 		background: ${o=>o.color};
 	}

package/dist/esm/components/progress-bar-v2/ProgressBarV2.js

@@ -1,4 +1,4 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"@emotion/styled";import{BodyTiny as i}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";var t,s;!function(r){r.RIGHT="right",r.LEFT="left",r.TOP="top",r.BOTTOM="bottom"}(t||(t={})),function(r){r.CIRCLE="circle",r.LINE="line"}(s||(s={}));const a=e=>{const{type:a,progress:p,progressBarThickness:u,size:v,color:T,text:m,textPosition:$,showProgress:k,matchParentWidth:x=!1}=e;let b=$;return b||(b=t.LEFT),r(d,{alignment:b,children:[k&&(b===t.TOP||b===t.LEFT)&&o(i,{style:{marginBottom:b===t.TOP?"8px":void 0,marginRight:b===t.LEFT?"8px":void 0},color:n.content.secondary,children:null!=m?m:`${p}% completed...`}),a===s.LINE?o(g,{size:v,progressBarThickness:u,matchParentWidth:x,children:o(h,{progress:p,color:T})}):o(l,{progress:p,color:T,size:v,children:o(c,{progress:p,size:v,progressBarThickness:u})}),k&&(b===t.BOTTOM||b===t.RIGHT)&&o(i,{style:{marginTop:b===t.BOTTOM?"8px":void 0,marginLeft:b===t.RIGHT?"8px":void 0},color:n.content.secondary,children:null!=m?m:`${p}% completed...`})]})},d=e.div`
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"styled-components";import{BodyTiny as i}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";var t,s;!function(r){r.RIGHT="right",r.LEFT="left",r.TOP="top",r.BOTTOM="bottom"}(t||(t={})),function(r){r.CIRCLE="circle",r.LINE="line"}(s||(s={}));const a=e=>{const{type:a,progress:h,progressBarThickness:u,size:v,color:T,text:m,textPosition:$,showProgress:k,matchParentWidth:x=!1}=e;let b=$;return b||(b=t.LEFT),r(d,{alignment:b,children:[k&&(b===t.TOP||b===t.LEFT)&&o(i,{style:{marginBottom:b===t.TOP?"8px":void 0,marginRight:b===t.LEFT?"8px":void 0},color:n.content.secondary,children:null!=m?m:`${h}% completed...`}),a===s.LINE?o(g,{size:v,progressBarThickness:u,matchParentWidth:x,children:o(p,{progress:h,color:T})}):o(l,{progress:h,color:T,size:v,children:o(c,{progress:h,size:v,progressBarThickness:u})}),k&&(b===t.BOTTOM||b===t.RIGHT)&&o(i,{style:{marginTop:b===t.BOTTOM?"8px":void 0,marginLeft:b===t.RIGHT?"8px":void 0},color:n.content.secondary,children:null!=m?m:`${h}% completed...`})]})},d=e.div`
 	display: flex;
 	flex-direction: ${r=>(null==r?void 0:r.alignment)===t.TOP||(null==r?void 0:r.alignment)===t.BOTTOM?"column":"row"};
 	align-items: center;
@@ -31,7 +31,7 @@ import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"@emotion/styled"
 	background-color: ${n.background.inactive};
 	border-radius: 4px;
 	overflow: hidden;
-`,h=e.div`
+`,p=e.div`
 	height: 100%;
 	width: ${r=>r.progress}%;
 	background-color: ${r=>{var o;return null!==(o=r.color)&&void 0!==o?o:n.background.brand}};

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/radioList/RadioList.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";const o=t.div`
+import t from"styled-components";const o=t.div`
 	.title__container {
 		margin-bottom: 12px;
 	}

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

@@ -1 +1 @@
-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};
+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};

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/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-import{keyframes as i}from"@emotion/react";import n from"@emotion/styled";const t=i`
+import i,{keyframes as n}from"styled-components";const t=n`
   0% {
     background-position: -468px 0;
   }
@@ -6,7 +6,7 @@ import{keyframes as i}from"@emotion/react";import n from"@emotion/styled";const
   100% {
     background-position: 468px 0;
   }
-`,a=n.div`
+`,a=i.div`
 	display: flex;
 	flex-direction: ${i=>i.direction||"column"};
 	width: 100%;
@@ -26,7 +26,7 @@ import{keyframes as i}from"@emotion/react";import n from"@emotion/styled";const
 		-webkit-animation-name: ${t};
 		-webkit-animation-timing-function: linear;
 	}
-`,e=n.div`
+`,e=i.div`
 	border-radius: 4px;
 	background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
 	width: ${i=>i.width}px;

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=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};
+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};

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;
 	}
-	${e=>{let{headerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({headerStyle:e})=>t`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
+	`}
 `,s=e.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${e=>{let{bodyStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({bodyStyle:e})=>t`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).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;
-	${e=>{let{footerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({footerStyle:e})=>t`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).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=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};
+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};

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=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`
+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`
 	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 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};
+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};

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

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

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};