@bikdotai/bik-component-library 0.0.686 → 0.0.687-beta.1

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

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

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

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

@@ -1 +1 @@
-import{jsx as t,Fragment as e}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as r}from"../tag/Tag.js";const s=s=>{const{isVariant:a,data:m,tagText:o,tagType:n}=s;return t("div",Object.assign({style:{display:"flex"}},{children:!(null==m?void 0:m.fbStatus)&&a?t(i,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):o?t("div",Object.assign({style:{display:"flex"}},{children:t(r,{tagText:o,type:n,theme:"light"})})):t(e,{})}))};export{s as ProductPickerTag};
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as r}from"../tag/Tag.js";const m=m=>{const{isVariant:a,data:o,tagText:p,tagType:s}=m;return t("div",{style:{display:"flex"},children:!(null==o?void 0:o.fbStatus)&&a?t(i,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):p?t("div",{style:{display:"flex"},children:t(r,{tagText:p,type:s,theme:"light"})}):t(e,{})})};export{m as ProductPickerTag};

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 g,CollectionNameHolder as y}from"./style.js";import{isCollectionPartiallyChecked as f}from"./utility.js";const b=(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)+"..."},k=o=>{var i;const{customCollectionRestriction:r,dataLoading:s,collections:d,selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,selectedCollections:C,setScreen:v,collectionFetcher:g,collectionsDispatch:y,pagingControls:b,storeId:k,setSaveDisabled:O,hideCollectionCheckbox:I,renderWithoutModal:S,pickerType:P,scrollContainerRef:T,appType:x}=o,D=l(b.curPage),L=!!r&&(null==C?void 0:C.isCustom),[R,E]=c(!1),w=l(!1),B=l(!1),N=()=>{if(!T||!(null==T?void 0:T.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:o}=T.current;e+t>=o-20&&!w.current&&!B.current&&(O(!0),E(!0),B.current=!0,O(!0),E(!0),g(D.current,k,x).then((e=>{y({type:"paged",data:(null==e?void 0:e.collections)||{}}),b.setCurPage(D.current+1),E(!1),O(!1),B.current=!1,Object.keys(null==e?void 0:e.collections).length||(w.current=!0)})).catch())};return n((()=>{var e;return null===(e=null==T?void 0:T.current)||void 0===e||e.addEventListener("scroll",N),()=>{var e;null===(e=null==T?void 0:T.current)||void 0===e||e.removeEventListener("scroll",N)}}),[]),n((()=>{D.current=b.curPage}),[b.curPage]),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"!==P||!!Object.keys(null!==(i=null===(o=null==C?void 0:C[e])||void 0===o?void 0:o.products)&&void 0!==i?i:{}).length);return t(j,{customCollectionRestriction:r,data:d[e],isDisabled:L&&!(null==C?void 0:C[e]),isChecked:l,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:I||"-1"===e,selectedCollections:C,renderWithoutModal:S,pickerType:P},e)})):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),R&&t(m,{})]})},j=l=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:b,setScreen:k,id:j,isChecked:O,isDisabled:I,hideCollectionCheckbox:S,pickerType:P,usedInSearch:T}=l;return n?e(C,Object.assign({isDisabled:I,onClick:e=>{if(!I){if("COLLECTION"===P)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),k("products")}},isActive:O,usedInSearch:null!=T&&T},{children:[e(v,{children:[!S&&t(r,{isDisabled:I,isChecked:O,isPartiallyChecked:b,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(g,{children:t(a,Object.assign({body:n.name,placement:"bottom",delay:400,variant:"light"},{children:e(y,{children:[t(T?h:u,Object.assign({numberOfLines:1},{children:n.name})),n.isSmartCollection?t("div",Object.assign({style:{display:"flex"}},{children:t(d,{tagText:"Smart Collection",type:"warning"})})):t(o,{})]})}))})]}),"COLLECTION"!==P&&t(s,{height:12,width:12,disabled:I,Icon:i})]})):t(o,{})};export{j as CollectionCard,k as CollectionsScreen,b as truncate};
+import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import{useRef as i,useState as c,useEffect as r}from"react";import{CheckBox as n}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,l)=>{if(!e)return"";if(e.length<=t)return e;const o=e.slice(0,t-1);return(l?o.slice(0,o.lastIndexOf(" ")):o)+"..."},b=l=>{var o;const{customCollectionRestriction:n,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:S,renderWithoutModal:P,pickerType:T,scrollContainerRef:O,appType:x}=l,D=i(k.curPage),L=!!n&&(null==C?void 0:C.isCustom),[R,E]=c(!1),w=i(!1),B=i(!1),N=()=>{if(!O||!(null==O?void 0:O.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:l}=O.current;e+t>=l-20&&!w.current&&!B.current&&(I(!0),E(!0),B.current=!0,I(!0),E(!0),y(D.current,b,x).then((e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),k.setCurPage(D.current+1),E(!1),I(!1),B.current=!1,Object.keys(null==e?void 0:e.collections).length||(w.current=!0)})).catch())};return r((()=>{var e;return null==(e=null==O?void 0:O.current)||e.addEventListener("scroll",N),()=>{var e;null==(e=null==O?void 0:O.current)||e.removeEventListener("scroll",N)}}),[]),r((()=>{D.current=k.curPage}),[k.curPage]),e("div",{children:[(null==(o=Object.keys(null!=d?d:{}))?void 0:o.length)?Object.keys(d).map((e=>{var l,o;const i=!!(null==C?void 0:C[e])&&("PRODUCT"!==T||!!Object.keys(null!=(o=null==(l=null==C?void 0:C[e])?void 0:l.products)?o:{}).length);return t(j,{customCollectionRestriction:n,data:d[e],isDisabled:L&&!(null==C?void 0:C[e]),isChecked:i,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:S||"-1"===e,selectedCollections:C,renderWithoutModal:P,pickerType:T},e)})):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),R&&t(m,{})]})},j=i=>{const{customCollectionRestriction:c,data:r,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:k,setScreen:b,id:j,isChecked:I,isDisabled:S,hideCollectionCheckbox:P,pickerType:T,usedInSearch:O}=i;return r?e(C,{isDisabled:S,onClick:e=>{if(!S){if("COLLECTION"===T)return e.stopPropagation(),p({type:"reset",data:{}}),p({type:"selected",data:{id:j,val:r,isRestricted:c}}),m(j),void f(j);m(j),f(j),b("products")}},isActive:I,usedInSearch:null!=O&&O,children:[e(v,{children:[!P&&t(n,{isDisabled:S,isChecked:I,isPartiallyChecked:k,onValueChange:function(e,t,l){null==l||l.stopPropagation(),p(e?{type:"selected",data:{id:j,val:r,isRestricted:c}}:{type:"unselected",data:{id:j}}),f(e?j:"")}}),t(y,{children:t(a,{body:r.name,placement:"bottom",delay:400,variant:"light",children:e(g,{children:[t(O?h:u,{numberOfLines:1,children:r.name}),r.isSmartCollection?t("div",{style:{display:"flex"},children:t(d,{tagText:"Smart Collection",type:"warning"})}):t(l,{})]})})})]}),"COLLECTION"!==T&&t(s,{height:12,width:12,disabled:S,Icon:o})]}):t(l,{})};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 n from"../../assets/icons/box_round.svg.js";import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{TitleRegular as i,BodySecondary as s}from"../TypographyStyle.js";const c=o=>{let{title:c,subtitle:m}=o;return t(l,{children:[e(n,{width:48,height:48}),e(i,Object.assign({style:{marginTop:8}},{children:c})),e(s,Object.assign({style:{color:r.content.secondary,marginTop:4}},{children:m}))]})},l=o.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 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`
 	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";var n=Object.defineProperty,l=(t,l,i)=>((t,l,i)=>l in t?n(t,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[l]=i)(t,"symbol"!=typeof l?l+"":l,i);const i={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"},u=class{static getProductLabels(n){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.NORMAL,u="NORMAL";if(n.variants)return i[u];const a=n;return"REJECTED"===(null==a?void 0:a.fbStatus)?i.FB_REJECTED:(l===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")),l===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")),l===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")),i[u])}};l(u,"getTagType",(t=>i.FB_REJECTED===t?"negative":"warning")),l(u,"getDataForProductPickerTag",((t,n,l)=>{var i,a;let e=t,r=n;1===Object.keys(null!=(i=null==t?void 0:t.variants)?i:{}).length&&(e=Object.values(null!=(a=null==t?void 0:t.variants)?a:{})[0],r=!0);const o=u.getProductLabels(e,l);return{isVariantForProductPickerTag:r,dataForProductPickerTag:e,tagText:null!=o?o:void 0,tagType:u.getTagType(null!=o?o:"")}}));let a=u;const e=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null==(i=null==t?void 0:t[l])?void 0:i.products)||[]).forEach((i=>{var u,a;const e=null!=(u=t[l].products)?u:[],r=null!=(a=e[i].variants)?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{a as ProductHelper,e 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"../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as s,useRef as i,useEffect as n}from"react";import{COLORS as l}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";import{Button as d}from"../button/Button.js";import{Input as u}from"../input/Input.js";import{StyledModal as p}from"../modals/styledModal.js";import{Spinner as h}from"../spinner/Spinner.js";import{Tag as m}from"../tag/Tag.js";import{CollectionsScreen as C}from"./collectionScreen.js";import{ProductInfoOverlay as g}from"./productInfoOverlay.js";import{ProductsScreen as y}from"./productScreen.js";import{RearrangeScreen as b}from"./rearrangeScreen.js";import{collectionsReducer as f,searchReducer as S,selectedColectionsReducer as k,CollectionIdContext as v}from"./reducers.js";import{SearchScreen as j}from"./searchScreen.js";import{SelectedScreen as I}from"./selectedScreen.js";import{ContainerStyle as x,ScrollContainerStyle as P,StyledFooterForNonModal as O}from"./style.js";import{OUT_OF_STOCK_ACTION as T,ScreenName as D}from"./type.js";import{updateAllVariantsForSelectedProducts as F}from"./utility.js";import{__exports as R}from"../../_virtual/bik-store.js";const w=w=>{const{storeId:A,selectedItems:B,onClose:E,visible:L,zIndex:z,exactLimit:V,limit:$,hideCollectionCheckbox:M,hideProductCheckbox:H,outOfStockAction:W=T.BLUR,hideVariantCheckbox:_,selectProductsFromCustomCollection:G,hideSelectionCount:K,title:N,width:U,left:Y,renderWithoutModal:q,onClickSave:J,pickerType:Q,hideProductVariants:X=!1,startupScreen:Z=D.Collections,rearrangeEnabled:ee,selectSingleItem:te=!1,showProductDetails:oe,containerStyle:ce,crossButtonInsideHeader:re=!1,footerForNonModal:se={},primaryButton:ie,secondaryButton:ne,subtitle:le}=w,ae=w.appType||R.ApplicationType.BIK,[de,ue]=r(f,{}),[pe,he]=s([D.Collections,D.RearrangeProducts].includes(Z)?Z:D.Collections),[me,Ce]=s("grid"),[ge,ye]=s(""),[be,fe]=s(""),[Se,ke]=s(0),[ve,je]=s(!1),[Ie,xe]=s(0),[Pe,Oe]=s(""),[Te,De]=s(!1),[Fe,Re]=s(!1),[we,Ae]=r(S,{collections:{},products:{}}),[Be,Ee]=r(k,Object.keys(B).length>0?B:{}),Le=i(null),[ze,Ve]=s(!1),[$e,Me]=s();n((()=>{je(!0),Re(!0),w.collectionFetcher(Se,A,ae).then((e=>{ue({type:"fetched",data:(null==e?void 0:e.collections)||{}}),je(!1),ke((e=>e+1)),Re(!1)})).catch()}),[]),n((()=>{let e=0;X?Object.keys(Be||[]).forEach((t=>{var o;Object.keys((null===(o=Be[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c;"-1"!==t&&Be[-1]&&(null===(c=Be[-1].products)||void 0===c?void 0:c[o])||(e+=1)}))})):Object.keys(Be||[]).forEach((t=>{var o;Object.keys((null===(o=Be[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=Be[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach((()=>{e+=1}))}))})),xe(e)}),[de,Be,X]),n((()=>{be&&(je(!0),w.productFetcher(be,A,ae).then((e=>{Object.keys(e).length&&ue({type:"productsFetched",data:{collectionId:be,products:e}}),je(!1)})).catch())}),[be]),n((()=>{const e=setTimeout((()=>{"rearrange"!==pe&&(Pe.length||"collections"!==pe)&&(Pe.length?(De(!0),w.searchFetcher(A,Pe,ae).then((e=>{"collections"in e&&"products"in e?(Ae({type:"set",data:e}),ue({type:"searched",data:e.collections}),ue({type:"searched",data:e.products})):(Ae({type:"set",data:{collections:{},products:e}}),ue({type:"searched",data:e})),he("searchProducts"),je(!1),De(!1)}))):he("collections"))}),800);return()=>clearTimeout(e)}),[Pe]),n((()=>{J&&(w.onAdd(Be,Ie),He())}),[J]),n((()=>{te&&Object.keys(Be||{}).length&&Ie&&(w.onAdd(Be,Ie),He())}),[te,Be,Ie]);const He=()=>{Ee({type:"reset",data:{}})},We=()=>V&&Ie>V?t(m,{tagText:`You can only select ${V} products`,type:"negative"}):$&&Ie>$?t(m,{tagText:`You can only select ${$} products`,type:"negative"}):t(d,Ie>0?{onClick:()=>{he(ee?D.RearrangeProducts:D.SelectedProducts)},buttonText:V?`${Ie}/${V} products selected`:`${Ie} products selected`,buttonType:["rearrange","view"].includes(pe)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(pe)}:{disabled:!0,buttonText:V?`${Ie}/${V} products selected`:`${Ie} products selected`,buttonType:"tertiaryGray"}),_e=e=>ve?"Loading...":pe===D.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Ge=e(x,Object.assign({style:null!=ce?ce:{}},{children:[w.postHeader&&t("div",Object.assign({style:{padding:"0 24px"}},{children:w.postHeader})),!w.hideGlobalSearch&&t(o,{children:("collections"===pe||"searchProducts"===pe)&&t("div",Object.assign({style:{padding:q?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:t(u,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Te?t(h,{size:"small",color:l.content.primary}):t(c,{})},id:"listInput",height:"24px",type:"text",value:Pe,onChangeText:e=>{e.length&&e.trim().length?Oe(e):Oe("")}})}))}),e(P,Object.assign({ref:Le,screenName:pe},{children:["collections"===pe&&t(C,{customCollectionRestriction:w.customCollectionRestriction,dataLoading:Fe,collections:de,selectedCollectionsDispatch:Ee,setCollectionId:ye,setSelectedCollectionId:fe,setScreen:he,selectedCollections:Be,collectionFetcher:w.collectionFetcher,storeId:A,appType:ae,collectionsDispatch:ue,setSaveDisabled:je,pagingControls:{curPage:Se,setCurPage:ke},hideCollectionCheckbox:M,renderWithoutModal:q,pickerType:Q,scrollContainerRef:Le}),"products"===pe&&ge&&t(v.Provider,Object.assign({value:ge},{children:t(y,{hideInCollectionSearch:w.hideInCollectionSearch,customCollectionRestriction:w.customCollectionRestriction,productFetcher:w.productFetcher,setScreen:he,storeId:A,appType:ae,data:de[ge],collectionsDispatch:ue,selectedCollectionsDispatch:Ee,selectedData:Be,setSaveDisabled:je,searchInCollectionFetcher:w.searchInCollectionFetcher,hideProductCheckbox:H,outOfStockAction:W,hideVariantCheckbox:_,selectProductsFromCustomCollection:G,renderWithoutModal:q,pickerType:Q,hideProductVariants:X,fbStatusFetcher:w.fbStatusFetcher,onProductDetailClick:e=>{Ve(!0),Me(e)},showProductDetailInfoIcon:oe,scrollContainerRef:Le})})),"view"===pe&&t(I,{selectedCollections:Be||{},selectedCollectionsDispatch:Ee,setScreen:he,collections:de,hideProductVariants:X,outOfStockAction:W,storeId:A,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"rearrange"===pe&&t(b,{selectedCollections:Be||{},selectedCollectionsDispatch:Ee,setScreen:he,outOfStockAction:W,rearrangeViewType:"grid"===me?"list":"grid",scrollContainerRef:Le,storeId:A,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"searchProducts"===pe&&t(j,{customCollectionRestriction:w.customCollectionRestriction,selectedCollections:Be||{},searchedCollections:we||{},searchedCollectionsDispatch:Ae,selectedCollectionsDispatch:Ee,setScreen:he,collections:de,onBackPress:()=>{Oe(""),Ae({type:"set",data:{collections:{},products:{}}})},pickerType:Q,hideProductCheckbox:H,hideProductVariants:X,hideVariantCheckbox:_,storeId:A,appType:ae,fbStatusFetcher:w.fbStatusFetcher,setCollectionId:ye,setSelectedCollectionId:fe,renderWithoutModal:q,hideCollectionCheckbox:M,outOfStockAction:W})]}))]}));return t(o,{children:q?e(o,{children:[Ge,se.renderFooter?e(O,{children:[We(),t(d,{buttonText:_e(se.primaryButtonText),disabled:!se.isLoading&&(ve||Ie<1||V&&Ie<V||!V&&$&&Ie>$)||se.primaryButtonDisabled,isLoading:se.isLoading,onClick:()=>{w.onAdd(Be,Ie),He(),he([D.Collections,D.RearrangeProducts].includes(Z)?Z:D.Collections)}})]}):t(o,{}),ze&&$e?t(g,{productData:$e,outOfStockAction:W,useDynamicInfoImageSize:w.useDynamicInfoImageSize,onClose:()=>{Ve(!1)}}):t(o,{})]}):e(p,Object.assign({zIndex:z,open:L,onClose:()=>{null==E||E(),He()},headingTitle:N||("collections"===pe||"products"===pe?"Select Products":"view"===pe?"Selected Products":"searchProducts"===pe?"Searched Results":"rearrange"===pe?"Rearrange Products":void 0),headingSubtitle:le,footerShadow:!0,centralContainerStyles:{width:U||"600px",left:Y||"auto"},headerRightCustomElement:re?t("div",Object.assign({style:{cursor:"pointer",display:"flex"},onClick:E},{children:t(a,{width:20,height:20,color:l.content.secondary})})):t(o,{}),footerContainerStyle:w.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:l.surface.standard}:void 0,primaryButton:ie?(e=>Object.assign(Object.assign({},e),{disabled:!e.isLoading&&(ve||Ie<1||V&&Ie<V||!V&&$&&Ie>$)||e.disabled,onClick:()=>{w.onAdd(Be,Ie),He(),he([D.Collections,D.RearrangeProducts].includes(Z)?Z:D.Collections)}}))(ie):{buttonText:_e(),disabled:ve||Ie<1||V&&Ie<V||!V&&$&&Ie>$||!1,onClick:()=>{w.onAdd(Be,Ie),He()}},secondaryButton:ne?(e=>Object.assign(Object.assign({},e),{disabled:ve||Ie<1||V&&Ie<V||!V&&$&&Ie>$||!1,onClick:()=>{const e=F(Be,de,we);w.onAdd(e,Ie,!0)}}))(ne):void 0,wrapperStyle:w.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:K?t(o,{}):We(),hideCrossButton:ze||re},{children:[Ge,ze&&$e?t(g,{productData:$e,useDynamicInfoImageSize:w.useDynamicInfoImageSize,outOfStockAction:W,onClose:()=>{Ve(!1)}}):t(o,{})]}))})};export{w as ProductPickerModal};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js";import r from"../../assets/icons/search.svg.js";import{useReducer as c,useState as i,useRef as s,useEffect as n}from"react";import{COLORS as l}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";import{Button as d}from"../button/Button.js";import{Input as u}from"../input/Input.js";import{StyledModal as p}from"../modals/styledModal.js";import{Spinner as h}from"../spinner/Spinner.js";import{Tag as m}from"../tag/Tag.js";import{CollectionsScreen as y}from"./collectionScreen.js";import{ProductInfoOverlay as C}from"./productInfoOverlay.js";import{ProductsScreen as f}from"./productScreen.js";import{RearrangeScreen as b}from"./rearrangeScreen.js";import{collectionsReducer as g,searchReducer as S,selectedColectionsReducer as k,CollectionIdContext as v}from"./reducers.js";import{SearchScreen as I}from"./searchScreen.js";import{SelectedScreen as j}from"./selectedScreen.js";import{ContainerStyle as x,ScrollContainerStyle as P,StyledFooterForNonModal as T}from"./style.js";import{OUT_OF_STOCK_ACTION as D,ScreenName as O}from"./type.js";import{updateAllVariantsForSelectedProducts as F}from"./utility.js";import{__exports as w}from"../../_virtual/bik-store.js";var R=Object.defineProperty,A=Object.defineProperties,B=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,V=(e,t,o)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,$=(e,t)=>{for(var o in t||(t={}))L.call(t,o)&&V(e,o,t[o]);if(E)for(var o of E(t))z.call(t,o)&&V(e,o,t[o]);return e},M=(e,t)=>A(e,B(t));const H=R=>{const{storeId:A,selectedItems:B,onClose:E,visible:L,zIndex:z,exactLimit:V,limit:H,hideCollectionCheckbox:W,hideProductCheckbox:_,outOfStockAction:G=D.BLUR,hideVariantCheckbox:K,selectProductsFromCustomCollection:N,hideSelectionCount:U,title:Y,width:q,left:J,renderWithoutModal:Q,onClickSave:X,pickerType:Z,hideProductVariants:ee=!1,startupScreen:te=O.Collections,rearrangeEnabled:oe,selectSingleItem:re=!1,showProductDetails:ce,containerStyle:ie,crossButtonInsideHeader:se=!1,footerForNonModal:ne={},primaryButton:le,secondaryButton:ae,subtitle:de}=R,ue=R.appType||w.ApplicationType.BIK,[pe,he]=c(g,{}),[me,ye]=i([O.Collections,O.RearrangeProducts].includes(te)?te:O.Collections),[Ce,fe]=i("grid"),[be,ge]=i(""),[Se,ke]=i(""),[ve,Ie]=i(0),[je,xe]=i(!1),[Pe,Te]=i(0),[De,Oe]=i(""),[Fe,we]=i(!1),[Re,Ae]=i(!1),[Be,Ee]=c(S,{collections:{},products:{}}),[Le,ze]=c(k,Object.keys(B).length>0?B:{}),Ve=s(null),[$e,Me]=i(!1),[He,We]=i();n((()=>{xe(!0),Ae(!0),R.collectionFetcher(ve,A,ue).then((e=>{he({type:"fetched",data:(null==e?void 0:e.collections)||{}}),xe(!1),Ie((e=>e+1)),Ae(!1)})).catch()}),[]),n((()=>{let e=0;ee?Object.keys(Le||[]).forEach((t=>{var o;Object.keys((null==(o=Le[t])?void 0:o.products)||[]).forEach((o=>{var r;"-1"!==t&&Le[-1]&&(null==(r=Le[-1].products)?void 0:r[o])||(e+=1)}))})):Object.keys(Le||[]).forEach((t=>{var o;Object.keys((null==(o=Le[t])?void 0:o.products)||[]).forEach((o=>{var r,c;Object.keys((null==(c=null==(r=Le[t].products)?void 0:r[o])?void 0:c.variants)||[]).forEach((()=>{e+=1}))}))})),Te(e)}),[pe,Le,ee]),n((()=>{Se&&(xe(!0),R.productFetcher(Se,A,ue).then((e=>{Object.keys(e).length&&he({type:"productsFetched",data:{collectionId:Se,products:e}}),xe(!1)})).catch())}),[Se]),n((()=>{const e=setTimeout((()=>{"rearrange"!==me&&(De.length||"collections"!==me)&&(De.length?(we(!0),R.searchFetcher(A,De,ue).then((e=>{"collections"in e&&"products"in e?(Ee({type:"set",data:e}),he({type:"searched",data:e.collections}),he({type:"searched",data:e.products})):(Ee({type:"set",data:{collections:{},products:e}}),he({type:"searched",data:e})),ye("searchProducts"),xe(!1),we(!1)}))):ye("collections"))}),800);return()=>clearTimeout(e)}),[De]),n((()=>{X&&(R.onAdd(Le,Pe),_e())}),[X]),n((()=>{re&&Object.keys(Le||{}).length&&Pe&&(R.onAdd(Le,Pe),_e())}),[re,Le,Pe]);const _e=()=>{ze({type:"reset",data:{}})},Ge=()=>V&&Pe>V?t(m,{tagText:`You can only select ${V} products`,type:"negative"}):H&&Pe>H?t(m,{tagText:`You can only select ${H} products`,type:"negative"}):t(d,Pe>0?{onClick:()=>{ye(oe?O.RearrangeProducts:O.SelectedProducts)},buttonText:V?`${Pe}/${V} products selected`:`${Pe} products selected`,buttonType:["rearrange","view"].includes(me)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(me)}:{disabled:!0,buttonText:V?`${Pe}/${V} products selected`:`${Pe} products selected`,buttonType:"tertiaryGray"}),Ke=e=>je?"Loading...":me===O.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Ne=e(x,{style:null!=ie?ie:{},children:[R.postHeader&&t("div",{style:{padding:"0 24px"},children:R.postHeader}),!R.hideGlobalSearch&&t(o,{children:("collections"===me||"searchProducts"===me)&&t("div",{style:{padding:Q?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"},children:t(u,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Fe?t(h,{size:"small",color:l.content.primary}):t(r,{})},id:"listInput",height:"24px",type:"text",value:De,onChangeText:e=>{e.length&&e.trim().length?Oe(e):Oe("")}})})}),e(P,{ref:Ve,screenName:me,children:["collections"===me&&t(y,{customCollectionRestriction:R.customCollectionRestriction,dataLoading:Re,collections:pe,selectedCollectionsDispatch:ze,setCollectionId:ge,setSelectedCollectionId:ke,setScreen:ye,selectedCollections:Le,collectionFetcher:R.collectionFetcher,storeId:A,appType:ue,collectionsDispatch:he,setSaveDisabled:xe,pagingControls:{curPage:ve,setCurPage:Ie},hideCollectionCheckbox:W,renderWithoutModal:Q,pickerType:Z,scrollContainerRef:Ve}),"products"===me&&be&&t(v.Provider,{value:be,children:t(f,{hideInCollectionSearch:R.hideInCollectionSearch,customCollectionRestriction:R.customCollectionRestriction,productFetcher:R.productFetcher,setScreen:ye,storeId:A,appType:ue,data:pe[be],collectionsDispatch:he,selectedCollectionsDispatch:ze,selectedData:Le,setSaveDisabled:xe,searchInCollectionFetcher:R.searchInCollectionFetcher,hideProductCheckbox:_,outOfStockAction:G,hideVariantCheckbox:K,selectProductsFromCustomCollection:N,renderWithoutModal:Q,pickerType:Z,hideProductVariants:ee,fbStatusFetcher:R.fbStatusFetcher,onProductDetailClick:e=>{Me(!0),We(e)},showProductDetailInfoIcon:ce,scrollContainerRef:Ve})}),"view"===me&&t(j,{selectedCollections:Le||{},selectedCollectionsDispatch:ze,setScreen:ye,collections:pe,hideProductVariants:ee,outOfStockAction:G,storeId:A,appType:ue,fbStatusFetcher:R.fbStatusFetcher}),"rearrange"===me&&t(b,{selectedCollections:Le||{},selectedCollectionsDispatch:ze,setScreen:ye,outOfStockAction:G,rearrangeViewType:"grid"===Ce?"list":"grid",scrollContainerRef:Ve,storeId:A,appType:ue,fbStatusFetcher:R.fbStatusFetcher}),"searchProducts"===me&&t(I,{customCollectionRestriction:R.customCollectionRestriction,selectedCollections:Le||{},searchedCollections:Be||{},searchedCollectionsDispatch:Ee,selectedCollectionsDispatch:ze,setScreen:ye,collections:pe,onBackPress:()=>{Oe(""),Ee({type:"set",data:{collections:{},products:{}}})},pickerType:Z,hideProductCheckbox:_,hideProductVariants:ee,hideVariantCheckbox:K,storeId:A,appType:ue,fbStatusFetcher:R.fbStatusFetcher,setCollectionId:ge,setSelectedCollectionId:ke,renderWithoutModal:Q,hideCollectionCheckbox:W,outOfStockAction:G})]})]});return t(o,{children:Q?e(o,{children:[Ne,ne.renderFooter?e(T,{children:[Ge(),t(d,{buttonText:Ke(ne.primaryButtonText),disabled:!ne.isLoading&&(je||Pe<1||V&&Pe<V||!V&&H&&Pe>H)||ne.primaryButtonDisabled,isLoading:ne.isLoading,onClick:()=>{R.onAdd(Le,Pe),_e(),ye([O.Collections,O.RearrangeProducts].includes(te)?te:O.Collections)}})]}):t(o,{}),$e&&He?t(C,{productData:He,outOfStockAction:G,useDynamicInfoImageSize:R.useDynamicInfoImageSize,onClose:()=>{Me(!1)}}):t(o,{})]}):e(p,{zIndex:z,open:L,onClose:()=>{null==E||E(),_e()},headingTitle:Y||("collections"===me||"products"===me?"Select Products":"view"===me?"Selected Products":"searchProducts"===me?"Searched Results":"rearrange"===me?"Rearrange Products":void 0),headingSubtitle:de,footerShadow:!0,centralContainerStyles:{width:q||"600px",left:J||"auto"},headerRightCustomElement:se?t("div",{style:{cursor:"pointer",display:"flex"},onClick:E,children:t(a,{width:20,height:20,color:l.content.secondary})}):t(o,{}),footerContainerStyle:R.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:l.surface.standard}:void 0,primaryButton:le?(Ye=le,M($({},Ye),{disabled:!Ye.isLoading&&(je||Pe<1||V&&Pe<V||!V&&H&&Pe>H)||Ye.disabled,onClick:()=>{R.onAdd(Le,Pe),_e(),ye([O.Collections,O.RearrangeProducts].includes(te)?te:O.Collections)}})):{buttonText:Ke(),disabled:je||Pe<1||V&&Pe<V||!V&&H&&Pe>H||!1,onClick:()=>{R.onAdd(Le,Pe),_e()}},secondaryButton:ae?(Ue=ae,M($({},Ue),{disabled:je||Pe<1||V&&Pe<V||!V&&H&&Pe>H||!1,onClick:()=>{const e=F(Le,pe,Be);R.onAdd(e,Pe,!0)}})):void 0,wrapperStyle:R.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:U?t(o,{}):Ge(),hideCrossButton:$e||se,children:[Ne,$e&&He?t(C,{productData:He,useDynamicInfoImageSize:R.useDynamicInfoImageSize,outOfStockAction:G,onClose:()=>{Me(!1)}}):t(o,{})]})});var Ue,Ye};export{H as ProductPickerModal};

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

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

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

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

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

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

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

@@ -1 +1 @@
-var r,c;!function(r){r.HIDE="HIDE",r.NORMAL="NORMAL",r.BLUR="BLUR"}(r||(r={})),function(r){r.Collections="collections",r.RearrangeProducts="rearrange",r.SelectedProducts="view",r.SearchProducts="searchProducts",r.Products="products"}(c||(c={}));export{r as OUT_OF_STOCK_ACTION,c as ScreenName};
+var r=(r=>(r.HIDE="HIDE",r.NORMAL="NORMAL",r.BLUR="BLUR",r))(r||{}),e=(r=>(r.Collections="collections",r.RearrangeProducts="rearrange",r.SelectedProducts="view",r.SearchProducts="searchProducts",r.Products="products",r))(e||{});export{r as OUT_OF_STOCK_ACTION,e as ScreenName};

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

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

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

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 s}from"react-beautiful-dnd";import{COLORS as n}from"../../constants/Theme.js";import{VariantCardListView as d,VariantCardGridView as i}from"./variant.js";const o=i=>{let{selectedVariants:o,setSelectedVariants:l,selectedCollectionsDispatch:c,outOfStockAction:p}=i;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,Object.assign({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:o.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[o.map(((r,a)=>e("div",Object.assign({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(s,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,s)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:f(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(d,{data:r,selectedCollectionsDispatch:c,onDelete:()=>{const e=o.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",Object.assign({style:{background:n.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},l=a=>{let{selectedVariants:n}=a;return e(t,Object.assign({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,Object.assign({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(s,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:t},{children:(t,s)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),a.placeholder]}))}))};export{l as VariantsGrid,o as VariantsList};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o}from"react";import{Droppable as t,Draggable as a}from"react-beautiful-dnd";import{COLORS as l}from"../../constants/Theme.js";import{VariantCardListView as d,VariantCardGridView as n}from"./variant.js";var p=Object.defineProperty,i=Object.defineProperties,s=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,u=(e,r,o)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,h=(e,r)=>{for(var o in r||(r={}))f.call(r,o)&&u(e,o,r[o]);if(c)for(var o of c(r))b.call(r,o)&&u(e,o,r[o]);return e},g=(e,r)=>i(e,s(r));const v=n=>{let{selectedVariants:p,setSelectedVariants:i,selectedCollectionsDispatch:s,outOfStockAction:c}=n;const[f,b]=o(-1);function u(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return g(h({},e),{transform:r})}return e}return e(t,{droppableId:"droppable-list",children:(o,t)=>r("div",g(h({},o.droppableProps),{ref:o.innerRef,style:h({backgroundColor:l.surface.subdued,padding:"0.05px",height:p.length<8?"550px":"100%",overflow:"auto"},o.droppableProps.style),children:[p.map(((r,o)=>e("div",{style:{background:l.surface.hovered,margin:"5px",boxShadow:o===f?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(o),onMouseLeave:()=>b(-1),children:e(a,{draggableId:`${r.productId}-${r.variantId}`,index:o,children:(t,a)=>e("div",g(h(h({ref:t.innerRef},t.draggableProps),t.dragHandleProps),{style:u(h(h({},t.draggableProps.style),t.draggableSnapshot)),children:e(d,{data:r,selectedCollectionsDispatch:s,onDelete:()=>{const e=p.slice();e[o].displayOrder=null,e.splice(o,1),i(e)},outOfStockAction:c},`${r.productId}-${r.variantId}`)}))},`${r.productId}-${r.variantId}`)},`${r.productId}-${r.variantId}`))),o.placeholder&&t.isDraggingOver?e("div",{style:{background:l.surface.hovered,margin:"5px"},children:o.placeholder}):null]}))})},m=o=>{let{selectedVariants:l}=o;return e(t,{droppableId:"droppable-horizontal",children:o=>r("div",g(h({},o.droppableProps),{ref:o.innerRef,style:g(h({},o.droppableProps.style),{display:"flex"}),children:[e(t,{droppableId:"droppable-vertical",direction:"horizontal",children:o=>r("div",g(h({},o.droppableProps),{ref:o.innerRef,style:g(h({},o.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"}),children:[l.map(((o,t)=>e(a,{draggableId:`${o.productId}-${o.variantId}`,index:t,children:(t,a)=>r("div",g(h(h({ref:t.innerRef},t.draggableProps),t.dragHandleProps),{children:[e(n,{data:o}),t.placeholder]}))},`${o.productId}-${o.variantId}`))),o.placeholder]}))}),o.placeholder]}))})};export{m as VariantsGrid,v 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 s=s=>{let{percentage:o,width:i=200,containerStyle:n}=s;const c=o<0?0:o>100?100:o,a=i/2-i/10,l=a*Math.PI*2,f=l-l*c/100,d=i/10,h=i/3;return t("div",Object.assign({style:n},{children:e("svg",Object.assign({width:i,height:i,viewBox:`0 0 ${i} ${i}`},{children:[t("defs",{children:e("linearGradient",Object.assign({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:a,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:a,style:{stroke:"url(#gradientStroke)",strokeDasharray:l,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{s as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/checklistIcon.svg.js";const o=o=>{let{percentage:s,width:i=200,containerStyle:n}=o;const c=s<0?0:s>100?100:s,l=i/2-i/10,a=l*Math.PI*2,f=a-a*c/100,d=i/10,h=i/3;return t("div",{style:n,children:e("svg",{width:i,height:i,viewBox:`0 0 ${i} ${i}`,children:[t("defs",{children:e("linearGradient",{id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t("stop",{offset:"0%",stopColor:"#7000FF"}),t("stop",{offset:"100%",stopColor:"#AD00FF"})]})}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:l,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:l,style:{stroke:"url(#gradientStroke)",strokeDasharray:a,strokeDashoffset:f},transform:`rotate(-90 ${i/2} ${i/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),t(r,{x:i/2-h/2,width:h})]})})};export{o as default};

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

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{ProgressBar as o}from"react-bootstrap";import{COLORS as t}from"../../constants/Theme.js";const I=c=>b(l,Object.assign({color:c.color?c.color:t.content.brand},{children:b(o,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),l=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));export{I as ProgressBarComponent,l as ProgressCompletedBar};
+import c from"@emotion/styled/base";import{jsx as I}from"react/jsx-runtime";import{ProgressBar as g}from"react-bootstrap";import{COLORS as o}from"../../constants/Theme.js";const b=c=>I(t,{color:c.color?c.color:o.content.brand,children:I(g,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})}),t=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhDIiwiZmlsZSI6IlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHsganN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFByb2dyZXNzQmFyIH0gZnJvbSBcInJlYWN0LWJvb3RzdHJhcFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJDb21wb25lbnQgPSAocHJvcHMpID0+IHtcbiAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsXG4gICAge1xuICAgICAgY29sb3I6IHByb3BzLmNvbG9yID8gcHJvcHMuY29sb3IgOiBDT0xPUlMuY29udGVudC5icmFuZCxcbiAgICAgIGNoaWxkcmVuOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICBQcm9ncmVzc0JhcixcbiAgICAgICAge1xuICAgICAgICAgIGFuaW1hdGVkOiBwcm9wcy5pc0FuaW1hdGVkLFxuICAgICAgICAgIG5vdzogcHJvcHMuY29tcGxldGVkLFxuICAgICAgICAgIHN0eWxlOiB7IGhlaWdodDogYCR7cHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogOH1weGAgfVxuICAgICAgICB9XG4gICAgICApXG4gICAgfVxuICApO1xufTtcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NvbXBsZXRlZEJhciA9IHN0eWxlZC5kaXZgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcbiJdfQ== */"));export{b as ProgressBarComponent,t as ProgressCompletedBar};