npm - @bikdotai/bik-component-library - Versions diffs - 0.0.736-beta.1 → 0.0.736-beta.10 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2395) hide show

package/dist/cjs/components/product-picker/ProductPickerModal.js CHANGED Viewed

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

package/dist/cjs/components/product-picker-v2/ProductPickerShimmer.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:null!=t?t:5}).map(((i,t)=>e.jsx("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},t)))})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:null!=t?t:5}).map((i,t)=>e.jsx("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},t))})};

package/dist/cjs/components/product-picker-v2/collectionScreen.js CHANGED Viewed

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

package/dist/cjs/components/product-picker-v2/emptyState.js CHANGED Viewed

@@ -5,4 +5,4 @@
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;exports.EmptyState=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(s.TitleRegular,{style:{marginTop:8},children:i}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:4},children:l})]})};
+`;exports.EmptyState=({title:r,subtitle:i})=>e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(s.TitleRegular,{style:{marginTop:8},children:r}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:4},children:i})]});

package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../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.OUT_OF_STOCK_ACTION.NORMAL,u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync\|\|0===(null==e?void 0:e.quantity)\|\|-2===(null==e?void 0:e.quantity)\|\|(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="OUT_OF_STOCK"),e.skipSync\|\|0===(null==e?void 0:e.quantity)\|\|-2===(null==e?void 0:e.quantity)\|\|(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NORMAL"),e.skipSync\|\|0===(null==e?void 0:e.quantity)\|\|-2===(null==e?void 0:e.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,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=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,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[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};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js");const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l,i=t.OUT_OF_STOCK_ACTION.NORMAL){let u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync\|\|0===(null==e?void 0:e.quantity)\|\|-2===(null==e?void 0:e.quantity)\|\|(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="OUT_OF_STOCK"),e.skipSync\|\|0===(null==e?void 0:e.quantity)\|\|-2===(null==e?void 0:e.quantity)\|\|(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync\|\|0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)\|\|(u="NORMAL"),e.skipSync\|\|0===(null==e?void 0:e.quantity)\|\|-2===(null==e?void 0:e.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,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=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,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map(t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[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};

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

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

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

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

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

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

package/dist/cjs/components/product-picker-v2/rearrangeScreen.js CHANGED Viewed

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

package/dist/cjs/components/product-picker-v2/searchScreen.js CHANGED Viewed

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

package/dist/cjs/components/product-picker-v2/selectedScreen.js CHANGED Viewed

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("react-bootstrap"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(r).default.div`
-	flex: 50%;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-bootstrap"),t=require("styled-components"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(t).default.div`
+	width: 100%;
 	.progress-bar {
 		background: ${e=>e.color};
 	}
-`;exports.ProgressBarComponent=r=>e.jsx(n,{color:r.color?r.color:o.COLORS.content.brand,children:e.jsx(t.ProgressBar,{animated:r.isAnimated,now:r.completed,style:{height:`${r.height?r.height:8}px`}})}),exports.ProgressCompletedBar=n;
+`;exports.ProgressBarComponent=t=>e.jsx(n,{color:t.color?t.color:o.COLORS.content.brand,children:e.jsx(r.ProgressBar,{animated:t.isAnimated,now:t.completed,style:{height:`${t.height?t.height:8}px`}})}),exports.ProgressCompletedBar=n;

package/dist/cjs/components/progress-bar-v2/ProgressBarV2.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,i,l=n(r);exports.TextAlignment=void 0,(s=exports.TextAlignment||(exports.TextAlignment={})).RIGHT="right",s.LEFT="left",s.TOP="top",s.BOTTOM="bottom",exports.ProgressBarType=void 0,(i=exports.ProgressBarType||(exports.ProgressBarType={})).CIRCLE="circle",i.LINE="line";const a=l.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,i,l=n(r);exports.TextAlignment=void 0,(s=exports.TextAlignment||(exports.TextAlignment={})).RIGHT="right",s.LEFT="left",s.TOP="top",s.BOTTOM="bottom",exports.ProgressBarType=void 0,(i=exports.ProgressBarType||(exports.ProgressBarType={})).CIRCLE="circle",i.LINE="line";const a=l.default.div`
 	display: flex;
 	flex-direction: ${e=>(null==e?void 0:e.alignment)===exports.TextAlignment.TOP||(null==e?void 0:e.alignment)===exports.TextAlignment.BOTTOM?"column":"row"};
 	align-items: center;

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

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

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

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

package/dist/cjs/components/radioList/RadioList.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default.div`
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
 	.title__container {
 		margin-bottom: 12px;
 	}

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

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

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

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

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

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

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react");function e(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var t=e(require("@emotion/styled"));const n=i.keyframes`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("styled-components");function e(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var n=e(i);const t=i.keyframes`
   0% {
     background-position: -468px 0;
   }
@@ -6,7 +6,7 @@
   100% {
     background-position: 468px 0;
   }
-`,a=t.default.div`
+`,a=n.default.div`
 	display: flex;
 	flex-direction: ${i=>i.direction||"column"};
 	width: 100%;
@@ -23,10 +23,10 @@
 		-webkit-animation-duration: 1s;
 		-webkit-animation-fill-mode: forwards;
 		-webkit-animation-iteration-count: infinite;
-		-webkit-animation-name: ${n};
+		-webkit-animation-name: ${t};
 		-webkit-animation-timing-function: linear;
 	}
-`,o=t.default.div`
+`,o=n.default.div`
 	border-radius: 4px;
 	background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
 	width: ${i=>i.width}px;
@@ -37,6 +37,6 @@
 	-webkit-animation-duration: 1s;
 	-webkit-animation-fill-mode: forwards;
 	-webkit-animation-iteration-count: infinite;
-	-webkit-animation-name: ${n};
+	-webkit-animation-name: ${t};
 	-webkit-animation-timing-function: linear;
 `;exports.ShimmerComponentStyled=o,exports.ShimmerStyled=a;

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

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

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

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

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

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

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

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

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

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