@bikdotai/bik-component-library 0.0.153-beta0.9 → 0.0.153

package/dist/cjs/assets/icons/box.svg.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,l,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var c=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},e),t||(t=n.createElement("rect",{width:39,height:39,x:.5,y:.5,fill:"#F0F0F0",rx:3.5})),r||(r=n.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M18.752 11.169a2.5 2.5 0 0 1 2.496 0l.002.001 5.833 3.333c.309.178.575.42.781.707a.837.837 0 0 1 .208.345 2.5 2.5 0 0 1 .261 1.11v6.67a2.5 2.5 0 0 1-1.25 2.162l-.003.002-5.83 3.331h-.002a2.5 2.5 0 0 1-.852.303.83.83 0 0 1-.792 0 2.5 2.5 0 0 1-.852-.302l-.002-.001-5.83-3.331-.003-.002a2.5 2.5 0 0 1-1.25-2.163v-6.668c0-.387.09-.767.261-1.111a.842.842 0 0 1 .208-.345 2.5 2.5 0 0 1 .78-.707l.004-.002 5.832-3.332Zm2.081 15.98 5.417-3.096h.001a.833.833 0 0 0 .416-.72v-6.218l-5.834 3.374v6.66Zm-1.666-6.66v6.66l-5.417-3.096h-.001a.833.833 0 0 1-.416-.72v-6.218l5.834 3.374Zm1.253-7.874 5.38 3.075-5.8 3.356-5.8-3.356 5.38-3.075.003-.002a.833.833 0 0 1 .834 0l.003.002Z",clipRule:"evenodd"})),l||(l=n.createElement("rect",{width:39,height:39,x:.5,y:.5,stroke:"#E0E0E0",rx:3.5})));exports.default=c;

package/dist/cjs/components/checkBox/CheckBox.d.ts

@@ -7,8 +7,4 @@ export type CheckBoxProps = {
     onValueChange: (checked: boolean, value?: string) => void;
     controlFromOutside?: boolean;
 };
-export declare const CheckMark: React.FC<{
-    isPartial: boolean;
-    isDisabled: boolean;
-}>;
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var o;const[r,n]=i.useState(t.isChecked||!1),[c,a]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{t.controlFromOutside&&n(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return i.useEffect((()=>{n(t.isChecked)}),[t.isChecked]),e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const s=!r;n(s),null===(i=t.onValueChange)||void 0===i||i.call(t,s,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:r,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:r&&e.jsx(l,{isPartial:null!==(o=t.isPartiallyChecked)&&void 0!==o&&o,isDisabled:t.isDisabled||!1})}))}))},exports.CheckMark=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[o,r]=i.useState(t.isChecked||!1),[c,a]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{t.controlFromOutside&&r(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return i.useEffect((()=>{r(t.isChecked)}),[t.isChecked]),e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const s=!o;r(s),null===(i=t.onValueChange)||void 0===i||i.call(t,s,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:o,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:o&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!1})}))}))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("react"),r=require("../checkBox/CheckBox.js"),i=require("../icon-button/IconButton.js"),c=require("../shimmer/ShimmerComponent/BikShimmer.js"),o=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),l=require("./style.js");const a=(e,t,s)=>{if(e.length<=t)return e;const r=e.slice(0,t-1);return(s?r.slice(0,r.lastIndexOf(" ")):r)+"..."},d=s=>{const{data:c,selectedCollectionsDispatch:d,setCollectionId:u,isPartiallyChecked:h,setScreen:j,id:x,isChecked:p,isDisabled:C}=s;return e.jsxs(l.CollectionCardStyle,Object.assign({isDisabled:C},{children:[e.jsxs(l.CollectionCardInfoStyle,{children:[e.jsx(r.CheckBox,{isDisabled:C,isChecked:p,isPartiallyChecked:h,onValueChange:function(e,t){d(e?{type:"selected",data:{id:x,val:c}}:{type:"unselected",data:{id:x}}),u(e?x:"")}}),e.jsx(l.CollectionCardDetailStyle,{children:e.jsxs(l.CollectionNameHolder,{children:[e.jsx(n.TitleRegular,{children:a(c.name,40,!0)}),c.isSmartCollection?e.jsx(o.Tag,{tagText:"Smart Collection",type:"warning"}):e.jsx(e.Fragment,{})]})})]}),e.jsx(i.IconButton,{onClick:()=>{C||(u(x),j("products"))},Icon:t.default})]}))};exports.CollectionsScreen=t=>{const{collections:r,selectedCollectionsDispatch:i,setCollectionId:o,selectedCollections:n,setScreen:l,collectionFetcher:a,collectionsDispatch:u,pagingControls:h,storeId:j,setSaveDisabled:x}=t,p=s.useRef(null),C=s.useRef(h.curPage),v=(null==n?void 0:n.isCustom)||!1,[g,m]=s.useState(!1);s.useEffect((()=>{C.current=h.curPage}),[h.curPage]),s.useEffect((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&C.current>0&&(x(!0),m(!0),a(C.current,j).then((e=>{u({type:"paged",data:(null==e?void 0:e.collections)||{}}),h.setCurPage(C.current+1),m(!1),x(!1)})).catch())}),{threshold:1});return p.current&&e.observe(p.current),()=>{p.current&&e.unobserve(p.current)}}),[p]);const b=e=>{var t,s;let i=0,c=0;if(n[e]){const o=null===(t=r[e])||void 0===t?void 0:t.products;o&&Object.keys(o).forEach((e=>{var t;const s=null===(t=o[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>i+=1))}));const l=null===(s=n[e])||void 0===s?void 0:s.products;return l&&Object.keys(l).forEach((e=>{var t;const s=null===(t=l[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>c+=1))})),!(i<=0&&c>0)&&(c>0&&i!==c)}return!1};return e.jsxs("div",{children:[Object.keys(r).length?Object.keys(r).map((t=>e.jsx(d,{data:r[t],isDisabled:v&&!(null==n?void 0:n[t]),isChecked:!!(null==n?void 0:n[t]),isPartiallyChecked:b(t),selectedCollectionsDispatch:i,setCollectionId:o,setScreen:l,id:t},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(c.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s))),e.jsx("div",{ref:p}),g&&[1,2,3,4,5].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(c.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s)))]})},exports.truncate=a;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),c=require("../button/Button.js"),o=require("../modals/styledModal.js"),s=require("./collectionScreen.js"),l=require("./productScreen.js"),r=require("./reducers.js"),d=require("./selectedScreen.js"),n=require("./style.js");exports.ProductPickerModal=i=>{const{storeId:u,selectedItems:a,onClose:h,visible:p,zIndex:j}=i,[v,S]=t.useReducer(r.collectionsReducer,{}),[y,x]=t.useState("collections"),[C,b]=t.useState(""),[f,g]=t.useState(0),[q,I]=t.useReducer(r.selectedColectionsReducer,Object.keys(a).length?a:{}),[P,k]=t.useState(!1),[m,D]=t.useState(0);return t.useEffect((()=>{let e=0;Object.keys(q||[]).forEach((t=>{var c;Object.keys((null===(c=q[t])||void 0===c?void 0:c.products)||[]).forEach((c=>{var o,s;Object.keys((null===(s=null===(o=q[t].products)||void 0===o?void 0:o[c])||void 0===s?void 0:s.variants)||[]).forEach((t=>{e+=1}))}))})),D(e)})),t.useEffect((()=>{k(!0),i.collectionFetcher(f,u).then((e=>{S({type:"fetched",data:(null==e?void 0:e.collections)||{}}),k(!1),g((e=>e+1))})).catch()}),[]),t.useEffect((()=>{var e;C&&!(null===(e=null==v?void 0:v[C])||void 0===e?void 0:e.products)&&(k(!0),i.productFetcher(C,u).then((e=>{Object.keys(e).length&&(S({type:"productsFetched",data:{collectionId:C,products:e}}),k(!1))})).catch())}),[C]),e.jsx(o.StyledModal,Object.assign({zIndex:j,open:p,onClose:h,headingTitle:"collections"===y?"Select Products":"products"===y?v[C].name:"view"===y?"Selected Products":void 0,footerShadow:!0,centralContainerStyles:{width:"480px"},primaryButton:{buttonText:P?"Loading...":"Add",disabled:P,onClick:()=>i.onAdd(q)},footerLeftCustomElement:e.jsx(e.Fragment,{children:m>0?e.jsx(c.Button,{onClick:()=>{x("view")},buttonText:`${m} products selected`,buttonType:"tertiaryGray"}):e.jsx(c.Button,{disabled:!0,buttonText:`${m} products selected`,buttonType:"tertiaryGray"})})},{children:e.jsx(n.ContainerStyle,{children:e.jsxs(n.ScrollContainerStyle,{children:["collections"===y&&e.jsx(s.CollectionsScreen,{collections:v,selectedCollectionsDispatch:I,setCollectionId:b,setScreen:x,selectedCollections:q,collectionFetcher:i.collectionFetcher,storeId:u,collectionsDispatch:S,setSaveDisabled:k,pagingControls:{curPage:f,setCurPage:g}}),"products"===y&&C&&e.jsx(r.CollectionIdContext.Provider,Object.assign({value:C},{children:e.jsx(l.ProductsScreen,{productFetcher:i.productFetcher,setScreen:x,storeId:u,data:v[C],collectionsDispatch:S,selectedCollectionsDispatch:I,selectedData:q,setSaveDisabled:k})})),"view"===y&&e.jsx(d.SelectedScreen,{selectedCollections:q||{},selectedCollectionsDispatch:I,upliftAdditions:null,setScreen:x,collections:v})]})})}))};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),i=require("../../assets/icons/box.svg.js"),d=require("lodash"),o=require("react"),l=require("../../constants/Theme.js"),c=require("../checkBox/CheckBox.js"),s=require("../icon-button/IconButton.js"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),n=require("../shimmer-image/ShimmerImage.js"),a=require("../TypographyStyle.js"),u=require("./collectionScreen.js"),v=require("./reducers.js"),p=require("./style.js");const h=t=>{const{collectionId:i,productId:d,data:o,selectedData:l,selectedCollectionsDispatch:c,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t,a=e=>{var t,o,c,s,r,n;if(!(null===(o=null===(t=null==l?void 0:l[i])||void 0===t?void 0:t.products)||void 0===o?void 0:o[d]))return!1;return!!(null===(n=null===(r=null===(s=null===(c=null==l?void 0:l[i])||void 0===c?void 0:c.products)||void 0===s?void 0:s[d])||void 0===r?void 0:r.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(j,{isVariant:!1,data:o,productId:d,collectionId:i,isSelected:!!(null===(v=null===(u=null==l?void 0:l[i])||void 0===u?void 0:u.products)||void 0===v?void 0:v[d]),isPartiallyChecked:n,selectedCollectionsDispatch:c,upliftAdditions:s,viewOnly:r},d),Object.keys(o.variants||[]).map((t=>e.jsx(j,{isVariant:!0,data:o.variants[t],variantId:t,productId:d,viewOnly:r,collectionId:i,isSelected:a(t),selectedCollectionsDispatch:c,upliftAdditions:s},t)))]});var u,v},j=t=>{const{isVariant:i,data:d,productId:o,collectionId:l,variantId:s,isSelected:r,selectedCollectionsDispatch:v,upliftAdditions:h,viewOnly:j,isPartiallyChecked:y}=t;return e.jsxs(p.ProductCardStyle,Object.assign({isVariant:i},{children:[j?e.jsx(e.Fragment,{}):e.jsx(c.CheckBox,{isChecked:r,isPartiallyChecked:y||!1,onValueChange:function(e){i?e?h("variantSelected",{productId:o,variantId:s,collectionId:l,variant:d}):v({type:"variantUnselected",data:{productId:o,variantId:s,collectionId:l}}):e?h("productSelected",{productId:o,collectionId:l,product:d}):v({type:"productUnselected",data:{productId:o,collectionId:l}})}}),e.jsx("div",{children:e.jsx(n.ShimmerImage,{width:40,height:40,imageUrl:d.image,alt:"Item",borderRadius:4})}),e.jsx(a.TitleRegular,{children:u.truncate(d.name,40,!0)})]}))};exports.ProductCard=j,exports.ProductGroup=h,exports.ProductsScreen=n=>{const u=o.useContext(v.CollectionIdContext),{data:j,collectionsDispatch:y,selectedData:x,selectedCollectionsDispatch:m,productFetcher:I,storeId:g,setScreen:C,setSaveDisabled:O}=n,[b]=o.useState(j),k=j.isSmartCollection||!1,f=e=>{var t,i,d,o,l,c,s,r;let n=0,a=0;return!!((null===(i=null===(t=null==x?void 0:x[u])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(l=Object.keys((null===(o=null===(d=null==j?void 0:j.products)||void 0===d?void 0:d[e])||void 0===o?void 0:o.variants)||[]))||void 0===l||l.forEach((()=>a++)),Object.keys((null===(r=null===(s=null===(c=null==x?void 0:x[u])||void 0===c?void 0:c.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};o.useEffect((()=>{(null==j?void 0:j.products)||(O(!0),I(u,g).then((e=>{Object.keys(e).length&&y({type:"productsFetched",data:{collectionId:u,products:e}}),O(!1)})).catch())}),[]);const S=(e,t)=>{const i=d.cloneDeep(j);if(delete i.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:i})).productId&&j.products){const e=d.cloneDeep(j.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:i,productOnlyData:e})}m({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(p.ProductScreenHeader,{children:[e.jsx(s.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(a.BodyCaption,Object.assign({style:{color:l.COLORS.content.secondary}},{children:j.name}))]}),e.jsxs("div",{children:[e.jsxs(p.ProductScreenCollectionCardStyle,{children:[k?e.jsx(e.Fragment,{}):e.jsx(c.CheckBox,{isChecked:!!(null==x?void 0:x[u]),isPartiallyChecked:(e=>{var t;let i=0,d=0;if(x[e]){const o=null==j?void 0:j.products;o&&Object.keys(o).forEach((e=>{var t;const d=null===(t=o[e])||void 0===t?void 0:t.variants;d&&Object.keys(d).forEach((e=>i+=1))}));const l=null===(t=x[e])||void 0===t?void 0:t.products;return l&&Object.keys(l).forEach((e=>{var t;const i=null===(t=l[e])||void 0===t?void 0:t.variants;i&&Object.keys(i).forEach((()=>d+=1))})),d>0&&i!==d}return!1})(u),onValueChange:function(e){m(e?{type:"selected",data:{id:u,val:j}}:{type:"unselected",data:{id:u}})}}),e.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsx(i.default,{})})),e.jsx(a.TitleRegular,{children:"All Products"})]}),Object.keys((null==b?void 0:b.products)||[]).length?Object.keys(b.products||[]).map((t=>e.jsx(h,{collectionId:u,isProductPartiallyChecked:f(t),productId:t,data:b.products[t],selectedData:x,selectedCollectionsDispatch:m,upliftAdditions:S,viewOnly:!!k},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,i)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),i)))]})]})};

package/dist/cjs/components/{product-picker-hackathon → product-picker-v2}/style.js

@@ -1,37 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const r=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const l=i.default.div`
 	display: flex;
 	background-color: white;
-	flex-direction: row;
-`,l=i.default.div`
-	// display: flex;
-	// background-color: white;
-	// flex-direction: column;
-	width: 368px;
-	border-right: 1px solid ${t.COLORS.stroke.primary};
-	display: flex;
-	background-color: white;
-	max-height: 536px;
-	min-height: 536px;
+	max-height: 600px;
+	min-height: 600px;
 	flex-direction: column;
-`,d=i.default.div`
-	display: flex;
-	flex-direction: row;
-	background-color: white;
-	column-gap: 8px;
-	padding: 16px 24px;
-	align-items: center;
-	justify-content: end;
-	border-top: 1px solid ${t.COLORS.stroke.primary};
-`,n=i.default.div`
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	background-color: ${t.COLORS.surface.subdued};
-	padding: 24px;
-`,a=i.default.div`
+`,r=i.default.div`
 	overflow-y: scroll;
 	overflow-x: hidden;
-`,p=i.default.div`
+`,n=i.default.div`
 	height: 64px;
 	background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
 	border-bottom: 1px solid #e0e0e0;
@@ -41,17 +17,17 @@
 	column-gap: 16px;
 	justify-content: space-between;
 	align-items: center;
-`,x=i.default.div`
+`,d=i.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	column-gap: 18px;
-`,c=i.default.div`
+`,a=i.default.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-`,s=i.default.div`
+`,c=i.default.div`
 	display: flex;
 	flex-direction: row;
 	max-height: 32px;
@@ -60,14 +36,14 @@
 	justify-content: flex-start;
 	align-items: center;
 	padding: 8px 16px;
-`;i.default.div`
+`,x=i.default.div`
 	display: flex;
 	flex-direction: row;
 	column-gap: 16px;
 	padding: 12px 16px;
 	border-bottom: 1px solid #e0e0e0;
 	align-items: center;
-`;const f=i.default.div`
+`,p=i.default.div`
 	height: 64px;
 	background-color: white;
 	border-bottom: 1px solid #e0e0e0;
@@ -78,7 +54,7 @@
 	justify-content: flex-start;
 	align-items: center;
 	padding-left: ${e=>e.isVariant?"42px":"16px"};
-`,u=i.default.div`
+`,s=i.default.div`
 	display: flex;
 	flex-direction: row;
 	max-height: 32px;
@@ -87,15 +63,7 @@
 	justify-content: flex-start;
 	align-items: center;
 	padding: 8px 16px;
-`,g=i.default.div`
-	display: flex;
-	flex-direction: column;
-`,y=i.default.div`
+`,f=i.default.div`
 	display: flex;
 	flex-direction: column;
-	border: 1px solid ${t.COLORS.stroke.primary};
-	position: relative;
-	border-radius: 4px;
-	:hover {
-	}
-`;exports.CollectionCardDetailStyle=c,exports.CollectionCardInfoStyle=x,exports.CollectionCardStyle=p,exports.CollectionNameHolder=g,exports.FooterStyle=d,exports.ListContainerStyle=l,exports.PickerStyle=r,exports.PreviewContainerStyle=n,exports.ProductCard=y,exports.ProductCardStyle=f,exports.ProductScreenHeader=s,exports.ScrollContainerStyle=a,exports.SelectedScreenHeader=u;
+`;exports.CollectionCardDetailStyle=a,exports.CollectionCardInfoStyle=d,exports.CollectionCardStyle=n,exports.CollectionNameHolder=f,exports.ContainerStyle=l,exports.ProductCardStyle=p,exports.ProductScreenCollectionCardStyle=x,exports.ProductScreenHeader=c,exports.ScrollContainerStyle=r,exports.SelectedScreenHeader=s;

package/dist/cjs/index.d.ts

@@ -54,5 +54,5 @@ export * from './components/product-picker';
 export * from './components/discount-modal';
 export * from './components/country-code-picker';
 export * from './components/shimmer-image';
+export * from './components/product-picker-v2';
 export * from './components/carousel';
-export * from './components/product-picker-hackathon';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),C=require("./components/template-preview/helpers/VariableEditorHelper.js"),A=require("./components/template-preview/models/TemplateMeta.js"),y=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),h=require("./components/floating-action-button/FloatingActionButton.js"),B=require("./components/floating-action-button/FloatingActionButton.styles.js"),b=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),k=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),N=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),L=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),M=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),H=require("./components/dropdown/MenuItem/MenuItem.js"),U=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ae=require("./components/thumbnail/Thumbnail.js"),se=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),xe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Te=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),Ce=require("./components/states-modal/DeleteConfirmationModal.js"),Ae=require("./components/states/StateComponent.js"),ye=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),he=require("./components/image-cropper/BikImageCropper.js"),Be=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),be=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),ke=require("./components/bik-layout/SimpleSidebar.js"),Ne=require("./components/bik-layout/BikSidebar.js"),Le=require("./components/bik-layout/FeatureModal.js"),Me=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),He=require("./components/discount-modal/DiscountModal.js"),Ue=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/carousel/carousel.js"),Qe=require("./components/product-picker-hackathon/PickerHackathon.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.CheckMark=o.CheckMark,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=C.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return A.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=A.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return A.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return A.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return A.TEMPLATE_STATUS}}),exports.TemplateContextMapper=y.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=h.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return B.DROP_POSITION}}),exports.DropdownToggleContainer=B.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return B.FAB_POSITION}}),exports.FloatingActionButtonContainer=B.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=B.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return B.MENU_ALIGNMENT}}),exports.StyledDropdown=B.StyledDropdown,exports.TooltipStyled=B.TooltipStyled,exports.ImageService=b.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=k.queryBuilderSlice,exports.queryBuilderCacheSlice=N.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return L.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return L.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return L.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return L.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return L.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return L.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return L.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return L.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return L.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return L.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return L.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return L.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return L.STRING_OPERATORS}}),exports.StyledModal=M.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=H.MenuItemDropdown,exports.AnalyticsCard=U.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ae.RATIO}}),exports.Thumbnail=ae.Thumbnail,exports.Curtain=se.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=xe.BikShimmer,exports.TablePagination=Te.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=Ce.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ae.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ae.ButtonTypes}}),exports.StateComponent=Ae.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ae.StateInterface}}),exports.WhatsAppTextEditor=ye.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=he.BikImageCropper,exports.BikImagePipeline=Be.BikImagePipeline,exports.ButtonGroup=be.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=ke.SimpleSidebar,exports.BikSidebar=Ne.BikSidebar,exports.FeatureModal=Le.FeatureModal,exports.SidebarSkeleton=Me.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=He.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return Ue.COUPON_EXPIRATION}}),exports.CouponExpiration=Ue.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.Carousel=Ye.Carousel,exports.PickerHackathon=Qe.PickerHackathon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),A=require("./components/template-preview/helpers/VariableEditorHelper.js"),y=require("./components/template-preview/models/TemplateMeta.js"),C=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),b=require("./components/floating-action-button/FloatingActionButton.styles.js"),h=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),N=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),k=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),L=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),M=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ae=require("./components/thumbnail/Thumbnail.js"),se=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),xe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Te=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),Ae=require("./components/states-modal/DeleteConfirmationModal.js"),ye=require("./components/states/StateComponent.js"),Ce=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),Be=require("./components/image-cropper/BikImageCropper.js"),be=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),he=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),Ne=require("./components/bik-layout/SimpleSidebar.js"),ke=require("./components/bik-layout/BikSidebar.js"),Le=require("./components/bik-layout/FeatureModal.js"),Me=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/product-picker-v2/modal.js"),Qe=require("./components/carousel/carousel.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=A.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return y.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=y.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return y.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return y.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return y.TEMPLATE_STATUS}}),exports.TemplateContextMapper=C.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return b.DROP_POSITION}}),exports.DropdownToggleContainer=b.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return b.FAB_POSITION}}),exports.FloatingActionButtonContainer=b.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=b.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return b.MENU_ALIGNMENT}}),exports.StyledDropdown=b.StyledDropdown,exports.TooltipStyled=b.TooltipStyled,exports.ImageService=h.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=N.queryBuilderSlice,exports.queryBuilderCacheSlice=k.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return L.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return L.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return L.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return L.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return L.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return L.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return L.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return L.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return L.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return L.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return L.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return L.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return L.STRING_OPERATORS}}),exports.StyledModal=M.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ae.RATIO}}),exports.Thumbnail=ae.Thumbnail,exports.Curtain=se.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=xe.BikShimmer,exports.TablePagination=Te.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=Ae.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return ye.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return ye.ButtonTypes}}),exports.StateComponent=ye.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return ye.StateInterface}}),exports.WhatsAppTextEditor=Ce.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=Be.BikImageCropper,exports.BikImagePipeline=be.BikImagePipeline,exports.ButtonGroup=he.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=Ne.SimpleSidebar,exports.BikSidebar=ke.BikSidebar,exports.FeatureModal=Le.FeatureModal,exports.SidebarSkeleton=Me.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.ProductPickerModal=Ye.ProductPickerModal,exports.Carousel=Qe.Carousel;

package/dist/esm/assets/icons/box.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t,l,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},r.apply(this,arguments)}var n=n=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},n),t||(t=e.createElement("rect",{width:39,height:39,x:.5,y:.5,fill:"#F0F0F0",rx:3.5})),l||(l=e.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M18.752 11.169a2.5 2.5 0 0 1 2.496 0l.002.001 5.833 3.333c.309.178.575.42.781.707a.837.837 0 0 1 .208.345 2.5 2.5 0 0 1 .261 1.11v6.67a2.5 2.5 0 0 1-1.25 2.162l-.003.002-5.83 3.331h-.002a2.5 2.5 0 0 1-.852.303.83.83 0 0 1-.792 0 2.5 2.5 0 0 1-.852-.302l-.002-.001-5.83-3.331-.003-.002a2.5 2.5 0 0 1-1.25-2.163v-6.668c0-.387.09-.767.261-1.111a.842.842 0 0 1 .208-.345 2.5 2.5 0 0 1 .78-.707l.004-.002 5.832-3.332Zm2.081 15.98 5.417-3.096h.001a.833.833 0 0 0 .416-.72v-6.218l-5.834 3.374v6.66Zm-1.666-6.66v6.66l-5.417-3.096h-.001a.833.833 0 0 1-.416-.72v-6.218l5.834 3.374Zm1.253-7.874 5.38 3.075-5.8 3.356-5.8-3.356 5.38-3.075.003-.002a.833.833 0 0 1 .834 0l.003.002Z",clipRule:"evenodd"})),a||(a=e.createElement("rect",{width:39,height:39,x:.5,y:.5,stroke:"#E0E0E0",rx:3.5})));export{n as default};

package/dist/esm/components/checkBox/CheckBox.d.ts

@@ -7,8 +7,4 @@ export type CheckBoxProps = {
     onValueChange: (checked: boolean, value?: string) => void;
     controlFromOutside?: boolean;
 };
-export declare const CheckMark: React.FC<{
-    isPartial: boolean;
-    isDisabled: boolean;
-}>;
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useEffect as t}from"react";import{CheckboxContainer as l,CheckboxIcon as o}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const r=s=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=e=>{var n;const[d,a]=s(e.isChecked||!1),[c,h]=s(!1),[u,v]=s(!1);t((()=>{e.controlFromOutside&&a(e.isChecked)}),[e.isChecked,e.controlFromOutside]);return t((()=>{a(e.isChecked)}),[e.isChecked]),i(l,Object.assign({onClick:()=>{var i,s;if(!e.isDisabled){if(e.controlFromOutside)return void(null===(i=e.onValueChange)||void 0===i||i.call(e,!e.isChecked,e.value));const t=!d;a(t),null===(s=e.onValueChange)||void 0===s||s.call(e,t,e.value)}},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:i(o,Object.assign({checked:d,hovered:c,clicked:u,isDisabled:e.isDisabled||!1},{children:d&&i(r,{isPartial:null!==(n=e.isPartiallyChecked)&&void 0!==n&&n,isDisabled:e.isDisabled||!1})}))}))};export{d as CheckBox,r as CheckMark};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s,useEffect as t}from"react";import{CheckboxContainer as l,CheckboxIcon as o}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const r=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=i=>{var n;const[d,a]=s(i.isChecked||!1),[c,h]=s(!1),[u,v]=s(!1);t((()=>{i.controlFromOutside&&a(i.isChecked)}),[i.isChecked,i.controlFromOutside]);return t((()=>{a(i.isChecked)}),[i.isChecked]),e(l,Object.assign({onClick:()=>{var e,s;if(!i.isDisabled){if(i.controlFromOutside)return void(null===(e=i.onValueChange)||void 0===e||e.call(i,!i.isChecked,i.value));const t=!d;a(t),null===(s=i.onValueChange)||void 0===s||s.call(i,t,i.value)}},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(o,Object.assign({checked:d,hovered:c,clicked:u,isDisabled:i.isDisabled||!1},{children:d&&e(r,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled||!1})}))}))};export{d as CheckBox};

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"../../assets/icons/chevronRight.svg.js";import{useRef as i,useState as s,useEffect as c}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as l}from"../icon-button/IconButton.js";import{BikShimmer as a}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as d}from"../tag/Tag.js";import{TitleRegular as h}from"../TypographyStyle.js";import{CollectionCardStyle as u,CollectionCardInfoStyle as m,CollectionCardDetailStyle as p,CollectionNameHolder as v}from"./style.js";const g=(e,t,o)=>{if(e.length<=t)return e;const r=e.slice(0,t-1);return(o?r.slice(0,r.lastIndexOf(" ")):r)+"..."},b=o=>{const{collections:r,selectedCollectionsDispatch:n,setCollectionId:l,selectedCollections:d,setScreen:h,collectionFetcher:u,collectionsDispatch:m,pagingControls:p,storeId:v,setSaveDisabled:g}=o,b=i(null),y=i(p.curPage),f=(null==d?void 0:d.isCustom)||!1,[j,k]=s(!1);c((()=>{y.current=p.curPage}),[p.curPage]),c((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&y.current>0&&(g(!0),k(!0),u(y.current,v).then((e=>{m({type:"paged",data:(null==e?void 0:e.collections)||{}}),p.setCurPage(y.current+1),k(!1),g(!1)})).catch())}),{threshold:1});return b.current&&e.observe(b.current),()=>{b.current&&e.unobserve(b.current)}}),[b]);const x=e=>{var t,o;let i=0,s=0;if(d[e]){const c=null===(t=r[e])||void 0===t?void 0:t.products;c&&Object.keys(c).forEach((e=>{var t;const o=null===(t=c[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const n=null===(o=d[e])||void 0===o?void 0:o.products;return n&&Object.keys(n).forEach((e=>{var t;const o=null===(t=n[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>s+=1))})),!(i<=0&&s>0)&&(s>0&&i!==s)}return!1};return e("div",{children:[Object.keys(r).length?Object.keys(r).map((e=>t(C,{data:r[e],isDisabled:f&&!(null==d?void 0:d[e]),isChecked:!!(null==d?void 0:d[e]),isPartiallyChecked:x(e),selectedCollectionsDispatch:n,setCollectionId:l,setScreen:h,id:e},e))):[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(a,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))),t("div",{ref:b}),j&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(a,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},C=i=>{const{data:s,selectedCollectionsDispatch:c,setCollectionId:a,isPartiallyChecked:b,setScreen:C,id:y,isChecked:f,isDisabled:j}=i;return e(u,Object.assign({isDisabled:j},{children:[e(m,{children:[t(n,{isDisabled:j,isChecked:f,isPartiallyChecked:b,onValueChange:function(e,t){c(e?{type:"selected",data:{id:y,val:s}}:{type:"unselected",data:{id:y}}),a(e?y:"")}}),t(p,{children:e(v,{children:[t(h,{children:g(s.name,40,!0)}),s.isSmartCollection?t(d,{tagText:"Smart Collection",type:"warning"}):t(o,{})]})})]}),t(l,{onClick:()=>{j||(a(y),C("products"))},Icon:r})]}))};export{b as CollectionsScreen,g as truncate};

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useReducer as c,useState as l,useEffect as r}from"react";import{Button as s}from"../button/Button.js";import{StyledModal as i}from"../modals/styledModal.js";import{CollectionsScreen as d}from"./collectionScreen.js";import{ProductsScreen as n}from"./productScreen.js";import{collectionsReducer as a,selectedColectionsReducer as u,CollectionIdContext as p}from"./reducers.js";import{SelectedScreen as h}from"./selectedScreen.js";import{ContainerStyle as m,ScrollContainerStyle as v}from"./style.js";const b=b=>{const{storeId:f,selectedItems:y,onClose:j,visible:C,zIndex:S}=b,[g,x]=c(a,{}),[D,I]=l("collections"),[k,F]=l(""),[O,T]=l(0),[w,P]=c(u,Object.keys(y).length?y:{}),[E,A]=l(!1),[z,B]=l(0);return r((()=>{let e=0;Object.keys(w||[]).forEach((t=>{var o;Object.keys((null===(o=w[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,l;Object.keys((null===(l=null===(c=w[t].products)||void 0===c?void 0:c[o])||void 0===l?void 0:l.variants)||[]).forEach((t=>{e+=1}))}))})),B(e)})),r((()=>{A(!0),b.collectionFetcher(O,f).then((e=>{x({type:"fetched",data:(null==e?void 0:e.collections)||{}}),A(!1),T((e=>e+1))})).catch()}),[]),r((()=>{var e;k&&!(null===(e=null==g?void 0:g[k])||void 0===e?void 0:e.products)&&(A(!0),b.productFetcher(k,f).then((e=>{Object.keys(e).length&&(x({type:"productsFetched",data:{collectionId:k,products:e}}),A(!1))})).catch())}),[k]),e(i,Object.assign({zIndex:S,open:C,onClose:j,headingTitle:"collections"===D?"Select Products":"products"===D?g[k].name:"view"===D?"Selected Products":void 0,footerShadow:!0,centralContainerStyles:{width:"480px"},primaryButton:{buttonText:E?"Loading...":"Add",disabled:E,onClick:()=>b.onAdd(w)},footerLeftCustomElement:e(t,{children:e(s,z>0?{onClick:()=>{I("view")},buttonText:`${z} products selected`,buttonType:"tertiaryGray"}:{disabled:!0,buttonText:`${z} products selected`,buttonType:"tertiaryGray"})})},{children:e(m,{children:o(v,{children:["collections"===D&&e(d,{collections:g,selectedCollectionsDispatch:P,setCollectionId:F,setScreen:I,selectedCollections:w,collectionFetcher:b.collectionFetcher,storeId:f,collectionsDispatch:x,setSaveDisabled:A,pagingControls:{curPage:O,setCurPage:T}}),"products"===D&&k&&e(p.Provider,Object.assign({value:k},{children:e(n,{productFetcher:b.productFetcher,setScreen:I,storeId:f,data:g[k],collectionsDispatch:x,selectedCollectionsDispatch:P,selectedData:w,setSaveDisabled:A})})),"view"===D&&e(h,{selectedCollections:w||{},selectedCollectionsDispatch:P,upliftAdditions:null,setScreen:I,collections:g})]})})}))};export{b as ProductPickerModal};

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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import d from"../../assets/icons/box.svg.js";import{cloneDeep as l}from"lodash";import{useContext as c,useState as n,useEffect as r}from"react";import{COLORS as s}from"../../constants/Theme.js";import{CheckBox as a}from"../checkBox/CheckBox.js";import{IconButton as u}from"../icon-button/IconButton.js";import{BikShimmer as v}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as p}from"../shimmer-image/ShimmerImage.js";import{BodyCaption as h,TitleRegular as m}from"../TypographyStyle.js";import{truncate as y}from"./collectionScreen.js";import{CollectionIdContext as f}from"./reducers.js";import{ProductScreenHeader as j,ProductScreenCollectionCardStyle as I,ProductCardStyle as g}from"./style.js";const O=p=>{const y=c(f),{data:g,collectionsDispatch:O,selectedData:k,selectedCollectionsDispatch:C,productFetcher:D,storeId:S,setScreen:w,setSaveDisabled:x}=p,[E]=n(g),P=g.isSmartCollection||!1,A=t=>{var e,o,i,d,l,c,n,r;let s=0,a=0;return!!((null===(o=null===(e=null==k?void 0:k[y])||void 0===e?void 0:e.products)||void 0===o?void 0:o[t])&&(null===(l=Object.keys((null===(d=null===(i=null==g?void 0:g.products)||void 0===i?void 0:i[t])||void 0===d?void 0:d.variants)||[]))||void 0===l||l.forEach((()=>a++)),Object.keys((null===(r=null===(n=null===(c=null==k?void 0:k[y])||void 0===c?void 0:c.products)||void 0===n?void 0:n[t])||void 0===r?void 0:r.variants)||[]).forEach((()=>s++)),s>0&&a!==s))};r((()=>{(null==g?void 0:g.products)||(x(!0),D(y,S).then((t=>{Object.keys(t).length&&O({type:"productsFetched",data:{collectionId:y,products:t}}),x(!1)})).catch())}),[]);const V=(t,e)=>{const o=l(g);if(delete o.products,(e=Object.assign(Object.assign({},e),{catalogOnlyData:o})).productId&&g.products){const t=l(g.products[e.productId]);(null==t?void 0:t.variants)&&delete t.variants,e=Object.assign(Object.assign({},e),{catalogOnlyData:o,productOnlyData:t})}C({type:t,data:e})};return t("div",{children:[t(j,{children:[e(u,{Icon:i,height:16,onClick:()=>{w("collections")}}),e(h,Object.assign({style:{color:s.content.secondary}},{children:g.name}))]}),t("div",{children:[t(I,{children:[P?e(o,{}):e(a,{isChecked:!!(null==k?void 0:k[y]),isPartiallyChecked:(t=>{var e;let o=0,i=0;if(k[t]){const d=null==g?void 0:g.products;d&&Object.keys(d).forEach((t=>{var e;const i=null===(e=d[t])||void 0===e?void 0:e.variants;i&&Object.keys(i).forEach((t=>o+=1))}));const l=null===(e=k[t])||void 0===e?void 0:e.products;return l&&Object.keys(l).forEach((t=>{var e;const o=null===(e=l[t])||void 0===e?void 0:e.variants;o&&Object.keys(o).forEach((()=>i+=1))})),i>0&&o!==i}return!1})(y),onValueChange:function(t){C(t?{type:"selected",data:{id:y,val:g}}:{type:"unselected",data:{id:y}})}}),e("div",Object.assign({style:{width:40,height:40}},{children:e(d,{})})),e(m,{children:"All Products"})]}),Object.keys((null==E?void 0:E.products)||[]).length?Object.keys(E.products||[]).map((t=>e(b,{collectionId:y,isProductPartiallyChecked:A(t),productId:t,data:E.products[t],selectedData:k,selectedCollectionsDispatch:C,upliftAdditions:V,viewOnly:!!P},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e(v,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})]})},b=o=>{const{collectionId:i,productId:d,data:l,selectedData:c,selectedCollectionsDispatch:n,upliftAdditions:r,viewOnly:s,isProductPartiallyChecked:a}=o,u=t=>{var e,o,l,n,r,s;if(!(null===(o=null===(e=null==c?void 0:c[i])||void 0===e?void 0:e.products)||void 0===o?void 0:o[d]))return!1;return!!(null===(s=null===(r=null===(n=null===(l=null==c?void 0:c[i])||void 0===l?void 0:l.products)||void 0===n?void 0:n[d])||void 0===r?void 0:r.variants)||void 0===s?void 0:s[t])};return t("div",{children:[e(k,{isVariant:!1,data:l,productId:d,collectionId:i,isSelected:!!(null===(p=null===(v=null==c?void 0:c[i])||void 0===v?void 0:v.products)||void 0===p?void 0:p[d]),isPartiallyChecked:a,selectedCollectionsDispatch:n,upliftAdditions:r,viewOnly:s},d),Object.keys(l.variants||[]).map((t=>e(k,{isVariant:!0,data:l.variants[t],variantId:t,productId:d,viewOnly:s,collectionId:i,isSelected:u(t),selectedCollectionsDispatch:n,upliftAdditions:r},t)))]});var v,p},k=i=>{const{isVariant:d,data:l,productId:c,collectionId:n,variantId:r,isSelected:s,selectedCollectionsDispatch:u,upliftAdditions:v,viewOnly:h,isPartiallyChecked:f}=i;return t(g,Object.assign({isVariant:d},{children:[h?e(o,{}):e(a,{isChecked:s,isPartiallyChecked:f||!1,onValueChange:function(t){d?t?v("variantSelected",{productId:c,variantId:r,collectionId:n,variant:l}):u({type:"variantUnselected",data:{productId:c,variantId:r,collectionId:n}}):t?v("productSelected",{productId:c,collectionId:n,product:l}):u({type:"productUnselected",data:{productId:c,collectionId:n}})}}),e("div",{children:e(p,{width:40,height:40,imageUrl:l.image,alt:"Item",borderRadius:4})}),e(m,{children:y(l.name,40,!0)})]}))};export{k as ProductCard,b as ProductGroup,O as ProductsScreen};

package/dist/esm/components/{product-picker-hackathon → product-picker-v2}/style.js

@@ -1,37 +1,13 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=e.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
 	display: flex;
 	background-color: white;
-	flex-direction: row;
-`,t=e.div`
-	// display: flex;
-	// background-color: white;
-	// flex-direction: column;
-	width: 368px;
-	border-right: 1px solid ${i.stroke.primary};
-	display: flex;
-	background-color: white;
-	max-height: 536px;
-	min-height: 536px;
+	max-height: 600px;
+	min-height: 600px;
 	flex-direction: column;
-`,d=e.div`
-	display: flex;
-	flex-direction: row;
-	background-color: white;
-	column-gap: 8px;
-	padding: 16px 24px;
-	align-items: center;
-	justify-content: end;
-	border-top: 1px solid ${i.stroke.primary};
-`,r=e.div`
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	background-color: ${i.surface.subdued};
-	padding: 24px;
-`,n=e.div`
+`,o=e.div`
 	overflow-y: scroll;
 	overflow-x: hidden;
-`,l=e.div`
+`,n=e.div`
 	height: 64px;
 	background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
 	border-bottom: 1px solid #e0e0e0;
@@ -41,17 +17,17 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	column-gap: 16px;
 	justify-content: space-between;
 	align-items: center;
-`,p=e.div`
+`,l=e.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	column-gap: 18px;
-`,x=e.div`
+`,d=e.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-`,c=e.div`
+`,r=e.div`
 	display: flex;
 	flex-direction: row;
 	max-height: 32px;
@@ -60,14 +36,14 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	justify-content: flex-start;
 	align-items: center;
 	padding: 8px 16px;
-`;e.div`
+`,x=e.div`
 	display: flex;
 	flex-direction: row;
 	column-gap: 16px;
 	padding: 12px 16px;
 	border-bottom: 1px solid #e0e0e0;
 	align-items: center;
-`;const a=e.div`
+`,p=e.div`
 	height: 64px;
 	background-color: white;
 	border-bottom: 1px solid #e0e0e0;
@@ -78,7 +54,7 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	justify-content: flex-start;
 	align-items: center;
 	padding-left: ${e=>e.isVariant?"42px":"16px"};
-`,s=e.div`
+`,c=e.div`
 	display: flex;
 	flex-direction: row;
 	max-height: 32px;
@@ -87,15 +63,7 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	justify-content: flex-start;
 	align-items: center;
 	padding: 8px 16px;
-`,f=e.div`
-	display: flex;
-	flex-direction: column;
-`,g=e.div`
+`,a=e.div`
 	display: flex;
 	flex-direction: column;
-	border: 1px solid ${i.stroke.primary};
-	position: relative;
-	border-radius: 4px;
-	:hover {
-	}
-`;export{x as CollectionCardDetailStyle,p as CollectionCardInfoStyle,l as CollectionCardStyle,f as CollectionNameHolder,d as FooterStyle,t as ListContainerStyle,o as PickerStyle,r as PreviewContainerStyle,g as ProductCard,a as ProductCardStyle,c as ProductScreenHeader,n as ScrollContainerStyle,s as SelectedScreenHeader};
+`;export{d as CollectionCardDetailStyle,l as CollectionCardInfoStyle,n as CollectionCardStyle,a as CollectionNameHolder,t as ContainerStyle,p as ProductCardStyle,x as ProductScreenCollectionCardStyle,r as ProductScreenHeader,o as ScrollContainerStyle,c as SelectedScreenHeader};

package/dist/esm/index.d.ts

@@ -54,5 +54,5 @@ export * from './components/product-picker';
 export * from './components/discount-modal';
 export * from './components/country-code-picker';
 export * from './components/shimmer-image';
+export * from './components/product-picker-v2';
 export * from './components/carousel';
-export * from './components/product-picker-hackathon';

package/dist/esm/index.js

@@ -1 +1 @@
-import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox,CheckMark}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{Carousel}from"./components/carousel/carousel.js";export{PickerHackathon}from"./components/product-picker-hackathon/PickerHackathon.js";
+import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SmallRegular,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.153-beta0.9",
+	"version": "0.0.153",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/components/product-picker-hackathon/PickerHackathon.d.ts

@@ -1,55 +0,0 @@
-/// <reference types="react" />
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-}
-export interface Product {
-    name: string;
-    image: string;
-    variants?: {
-        [key: string]: ProductVariant;
-    };
-}
-export interface Collection {
-    id: string;
-    name: string;
-    image: string;
-    isSmartCollection: boolean;
-    products?: {
-        [key: string]: Product;
-    };
-}
-export type SelectedItems = {
-    [key: string]: Collection;
-};
-export type CollectionFetcherReturn = Promise<{
-    collections: {
-        [key: string]: {
-            image: string;
-            name: string;
-            isSmartCollection: string;
-        };
-    };
-}>;
-export type ProductFetcherReturn = Promise<{
-    [key: string]: Product;
-}>;
-export interface ProductPickerInterface {
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems) => void;
-    onClose: () => void;
-    visible: boolean;
-    zIndex?: number;
-    previewElement?: boolean;
-    onCancel: () => void;
-    onProceed: (payload: ProductPost) => void;
-}
-export interface ProductPost {
-    selectedProduct?: Product;
-    selectedUrl?: string;
-}
-export declare const PickerHackathon: (props: ProductPickerInterface) => JSX.Element;

package/dist/cjs/components/product-picker-hackathon/PickerHackathon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),c=require("../checkBox/CheckBox.js"),s=require("../button/Button.js"),l=require("./collectionScreen.js"),r=require("./productScreen.js"),o=require("./reducers.js"),i=require("./selectedScreen.js"),n=require("./style.js");exports.PickerHackathon=d=>{const{storeId:a,selectedItems:u}=d,[p,x]=t.useReducer(o.collectionsReducer,{}),[h,j]=t.useState("collections"),[v,y]=t.useState(""),[S,C]=t.useState(0),[b,g]=t.useReducer(o.selectedColectionsReducer,Object.keys(u).length?u:{}),f=Object.keys(b||[]).flatMap((e=>{var t;return Object.keys((null===(t=b[e])||void 0===t?void 0:t.products)||[]).map((t=>{var c;return null===(c=b[e].products)||void 0===c?void 0:c[t]}))}))||[],[m,k]=t.useState(),[P,D]=t.useState(),[,O]=t.useState(!1);t.useEffect((()=>{O(!0),d.collectionFetcher(S,a).then((e=>{x({type:"fetched",data:(null==e?void 0:e.collections)||{}}),O(!1),C((e=>e+1))})).catch()}),[]),t.useEffect((()=>{var e;v&&!(null===(e=null==p?void 0:p[v])||void 0===e?void 0:e.products)&&(O(!0),d.productFetcher(v,a).then((e=>{Object.keys(e).length&&(x({type:"productsFetched",data:{collectionId:v,products:e}}),O(!1))})).catch())}),[v]);return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[e.jsxs(n.PickerStyle,{children:[e.jsx(n.ListContainerStyle,{children:e.jsxs(n.ScrollContainerStyle,{children:["collections"===h&&e.jsx(l.CollectionsScreen,{collections:p,selectedCollectionsDispatch:g,setCollectionId:y,setScreen:j,selectedCollections:b,collectionFetcher:d.collectionFetcher,storeId:a,collectionsDispatch:x,setSaveDisabled:O,pagingControls:{curPage:S,setCurPage:C}}),"products"===h&&v&&e.jsx(o.CollectionIdContext.Provider,Object.assign({value:v},{children:e.jsx(r.ProductsScreen,{productFetcher:d.productFetcher,setScreen:j,storeId:a,data:p[v],collectionsDispatch:x,selectedCollectionsDispatch:g,selectedData:b,setSaveDisabled:O})})),"view"===h&&e.jsx(i.SelectedScreen,{selectedCollections:b||{},selectedCollectionsDispatch:g,upliftAdditions:null,setScreen:j,collections:p})]})}),e.jsx(n.PreviewContainerStyle,{children:f.length?e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:"12px",columnGap:"16px"}},{children:f.map((t=>e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:"12px",columnGap:"16px"}},{children:t.image&&e.jsxs(n.ProductCard,Object.assign({onClick:()=>{return e=t,c=t.image,k(e),void D(c);var e,c}},{children:[e.jsx("img",{height:160,width:160,src:t.image,style:{borderRadius:"4px"}}),P===t.image&&e.jsx("div",Object.assign({style:{position:"absolute",top:"8px",left:"8px"}},{children:e.jsx(c.CheckMark,{isPartial:!1,isDisabled:!1})}))]}))}),t.name)))})):e.jsx("div",{})})]}),e.jsxs(n.FooterStyle,{children:[e.jsx(s.Button,{onClick:d.onCancel,buttonText:"Cancel",buttonType:"tertiaryGray",size:"small"}),e.jsx(s.Button,{buttonText:"Proceed",buttonType:"primary",size:"small",onClick:()=>d.onProceed({selectedProduct:m,selectedUrl:P})})]})]}))};

package/dist/cjs/components/product-picker-hackathon/collectionScreen.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
-interface CollectionsScreenInterface {
-    collections: {
-        [key: string]: Collection;
-    };
-    selectedCollections: SelectedItems;
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    storeId: string;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    setSaveDisabled: React.Dispatch<boolean>;
-    pagingControls: {
-        curPage: number;
-        setCurPage: React.Dispatch<React.SetStateAction<number>>;
-    };
-}
-export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
-export {};

package/dist/cjs/components/product-picker-hackathon/collectionScreen.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("react"),r=require("../../constants/Theme.js"),c=require("../checkBox/CheckBox.js"),i=require("../icon-button/IconButton.js"),o=require("../shimmer/ShimmerComponent/BikShimmer.js"),n=require("../TypographyStyle.js"),l=require("./style.js");const d=(e,t,s)=>{if(e.length<=t)return e;const r=e.slice(0,t-1);return(s?r.slice(0,r.lastIndexOf(" ")):r)+"..."},a=s=>{const{data:o,selectedCollectionsDispatch:a,setCollectionId:u,isPartiallyChecked:h,setScreen:j,id:p,isChecked:x,isDisabled:C}=s;return e.jsxs(l.CollectionCardStyle,Object.assign({isDisabled:C},{children:[e.jsxs(l.CollectionCardInfoStyle,{children:[e.jsx(c.CheckBox,{isDisabled:C,isChecked:x,isPartiallyChecked:h,onValueChange:function(e,t){a(e?{type:"selected",data:{id:p,val:o}}:{type:"unselected",data:{id:p}}),u(e?p:"")}}),e.jsx(l.CollectionCardDetailStyle,{children:e.jsxs(l.CollectionNameHolder,{children:[e.jsx(n.TitleRegular,{children:d(o.name,40,!0)}),Object.keys(o.products||{}).length?e.jsxs(n.BodyCaption,Object.assign({color:r.COLORS.content.placeholder},{children:[Object.keys(o.products||{}).length," products"]})):e.jsx(e.Fragment,{})]})})]}),e.jsx(i.IconButton,{onClick:()=>{C||(u(p),j("products"))},Icon:t.default})]}))};exports.CollectionsScreen=t=>{const{collections:r,selectedCollectionsDispatch:c,setCollectionId:i,selectedCollections:n,setScreen:l,collectionFetcher:d,collectionsDispatch:u,pagingControls:h,storeId:j,setSaveDisabled:p}=t,x=s.useRef(null),C=s.useRef(h.curPage),v=(null==n?void 0:n.isCustom)||!1,[b,g]=s.useState(!1);s.useEffect((()=>{C.current=h.curPage}),[h.curPage]),s.useEffect((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&C.current>0&&(p(!0),g(!0),d(C.current,j).then((e=>{u({type:"paged",data:(null==e?void 0:e.collections)||{}}),h.setCurPage(C.current+1),g(!1),p(!1)})).catch())}),{threshold:1});return x.current&&e.observe(x.current),()=>{x.current&&e.unobserve(x.current)}}),[x]);const y=e=>{var t,s;let c=0,i=0;if(n[e]){const o=null===(t=r[e])||void 0===t?void 0:t.products;o&&Object.keys(o).forEach((e=>{var t;const s=null===(t=o[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>c+=1))}));const l=null===(s=n[e])||void 0===s?void 0:s.products;return l&&Object.keys(l).forEach((e=>{var t;const s=null===(t=l[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>i+=1))})),!(c<=0&&i>0)&&(i>0&&c!==i)}return!1};return e.jsxs("div",{children:[Object.keys(r).length?Object.keys(r).map((t=>e.jsx(a,{data:r[t],isDisabled:v&&!(null==n?void 0:n[t]),isChecked:!!(null==n?void 0:n[t]),isPartiallyChecked:y(t),selectedCollectionsDispatch:c,setCollectionId:i,setScreen:l,id:r[t].id},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(o.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s))),e.jsx("div",{ref:x}),b&&[1,2,3,4,5].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(o.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s)))]})},exports.truncate=d;

package/dist/cjs/components/product-picker-hackathon/index.d.ts

@@ -1 +0,0 @@
-export * from './PickerHackathon';

package/dist/cjs/components/product-picker-hackathon/productScreen.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-interface ProductsScreenInterface {
-    data: Collection;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-}
-export declare const ProductGroup: (props: ProductGroupInterface) => JSX.Element;
-interface ProductCardInterface {
-    isVariant: boolean;
-    data: Product | ProductVariant;
-    productId: string;
-    collectionId: string;
-    variantId?: string;
-    isSelected: boolean;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isPartiallyChecked?: boolean;
-}
-export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
-export {};

package/dist/cjs/components/product-picker-hackathon/productScreen.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("lodash"),c=require("react"),d=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),s=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../TypographyStyle.js"),n=require("./collectionScreen.js"),a=require("./reducers.js"),u=require("./style.js");const p=t=>{const{collectionId:o,productId:c,data:d,selectedData:i,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t;return e.jsx("div",{children:e.jsx(v,{isVariant:!1,data:d,productId:c,collectionId:o,isSelected:!!(null===(u=null===(a=null==i?void 0:i[o])||void 0===a?void 0:a.products)||void 0===u?void 0:u[c]),isPartiallyChecked:n,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r},c)});var a,u},v=t=>{const{isVariant:o,data:c,productId:d,collectionId:l,variantId:s,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:v,viewOnly:h,isPartiallyChecked:j}=t;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:o},{children:[h?e.jsx(e.Fragment,{}):e.jsx(i.CheckBox,{isChecked:a,isPartiallyChecked:j||!1,onValueChange:function(e){o?e?v("variantSelected",{productId:d,variantId:s,collectionId:l,variant:c}):p({type:"variantUnselected",data:{productId:d,variantId:s,collectionId:l}}):e?v("productSelected",{productId:d,collectionId:l,product:c}):p({type:"productUnselected",data:{productId:d,collectionId:l}})}}),e.jsx(r.TitleRegular,{children:n.truncate(null==c?void 0:c.name,40,!0)})]}))};exports.ProductCard=v,exports.ProductGroup=p,exports.ProductsScreen=i=>{const n=c.useContext(a.CollectionIdContext),{data:v,collectionsDispatch:h,selectedData:j,selectedCollectionsDispatch:y,productFetcher:x,storeId:I,setScreen:C,setSaveDisabled:O}=i,[g]=c.useState(v),m=(null==v?void 0:v.isSmartCollection)||!1,b=e=>{var t,o,c,d,i,l,s,r;let a=0,u=0;return!!((null===(o=null===(t=null==j?void 0:j[n])||void 0===t?void 0:t.products)||void 0===o?void 0:o[e])&&(null===(i=Object.keys((null===(d=null===(c=null==v?void 0:v.products)||void 0===c?void 0:c[e])||void 0===d?void 0:d.variants)||[]))||void 0===i||i.forEach((()=>u++)),Object.keys((null===(r=null===(s=null===(l=null==j?void 0:j[n])||void 0===l?void 0:l.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&u!==a))};c.useEffect((()=>{(null==v?void 0:v.products)||(O(!0),x(n,I).then((e=>{Object.keys(e||[]).length&&h({type:"productsFetched",data:{collectionId:n,products:e}}),O(!1)})).catch())}),[]);const k=(e,t)=>{const c=o.cloneDeep(v);if(delete c.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:c})).productId&&v.products){const e=o.cloneDeep(v.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:c,productOnlyData:e})}y({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(u.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(r.BodyCaption,Object.assign({style:{color:d.COLORS.content.secondary}},{children:null==v?void 0:v.name}))]}),e.jsx("div",{children:Object.keys((null==g?void 0:g.products)||[]).length?Object.keys(g.products||[]).map((t=>e.jsx(p,{collectionId:n,isProductPartiallyChecked:b(t),productId:t,data:g.products[t],selectedData:j,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:!!m},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(s.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))})]})};

package/dist/cjs/components/product-picker-hackathon/reducers.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-export interface SelectedCollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function selectedColectionsReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
-export interface CollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
-export declare const CollectionIdContext: import("react").Context<string>;

package/dist/cjs/components/product-picker-hackathon/selectedScreen.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-}
-export declare const SelectedScreen: (props: SelectedScreenInterface) => JSX.Element;
-export {};

package/dist/cjs/components/product-picker-hackathon/style.d.ts

@@ -1,18 +0,0 @@
-export declare const PickerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isDisabled: boolean;
-}, never>;
-export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isVariant: boolean;
-}, never>;
-export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCard: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/product-picker-hackathon/PickerHackathon.d.ts

@@ -1,55 +0,0 @@
-/// <reference types="react" />
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-}
-export interface Product {
-    name: string;
-    image: string;
-    variants?: {
-        [key: string]: ProductVariant;
-    };
-}
-export interface Collection {
-    id: string;
-    name: string;
-    image: string;
-    isSmartCollection: boolean;
-    products?: {
-        [key: string]: Product;
-    };
-}
-export type SelectedItems = {
-    [key: string]: Collection;
-};
-export type CollectionFetcherReturn = Promise<{
-    collections: {
-        [key: string]: {
-            image: string;
-            name: string;
-            isSmartCollection: string;
-        };
-    };
-}>;
-export type ProductFetcherReturn = Promise<{
-    [key: string]: Product;
-}>;
-export interface ProductPickerInterface {
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems) => void;
-    onClose: () => void;
-    visible: boolean;
-    zIndex?: number;
-    previewElement?: boolean;
-    onCancel: () => void;
-    onProceed: (payload: ProductPost) => void;
-}
-export interface ProductPost {
-    selectedProduct?: Product;
-    selectedUrl?: string;
-}
-export declare const PickerHackathon: (props: ProductPickerInterface) => JSX.Element;

package/dist/esm/components/product-picker-hackathon/PickerHackathon.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useReducer as c,useState as o,useEffect as l}from"react";import{CheckMark as i}from"../checkBox/CheckBox.js";import{Button as r}from"../button/Button.js";import{CollectionsScreen as s}from"./collectionScreen.js";import{ProductsScreen as n}from"./productScreen.js";import{collectionsReducer as d,selectedColectionsReducer as a,CollectionIdContext as p}from"./reducers.js";import{SelectedScreen as u}from"./selectedScreen.js";import{PickerStyle as h,ListContainerStyle as m,ScrollContainerStyle as v,PreviewContainerStyle as f,ProductCard as x,FooterStyle as b}from"./style.js";const y=y=>{const{storeId:g,selectedItems:j}=y,[C,D]=c(d,{}),[O,k]=o("collections"),[w,S]=o(""),[F,P]=o(0),[I,G]=c(a,Object.keys(j).length?j:{}),T=Object.keys(I||[]).flatMap((e=>{var t;return Object.keys((null===(t=I[e])||void 0===t?void 0:t.products)||[]).map((t=>{var c;return null===(c=I[e].products)||void 0===c?void 0:c[t]}))}))||[],[B,z]=o(),[W,A]=o(),[,M]=o(!1);l((()=>{M(!0),y.collectionFetcher(F,g).then((e=>{D({type:"fetched",data:(null==e?void 0:e.collections)||{}}),M(!1),P((e=>e+1))})).catch()}),[]),l((()=>{var e;w&&!(null===(e=null==C?void 0:C[w])||void 0===e?void 0:e.products)&&(M(!0),y.productFetcher(w,g).then((e=>{Object.keys(e).length&&(D({type:"productsFetched",data:{collectionId:w,products:e}}),M(!1))})).catch())}),[w]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[e(h,{children:[t(m,{children:e(v,{children:["collections"===O&&t(s,{collections:C,selectedCollectionsDispatch:G,setCollectionId:S,setScreen:k,selectedCollections:I,collectionFetcher:y.collectionFetcher,storeId:g,collectionsDispatch:D,setSaveDisabled:M,pagingControls:{curPage:F,setCurPage:P}}),"products"===O&&w&&t(p.Provider,Object.assign({value:w},{children:t(n,{productFetcher:y.productFetcher,setScreen:k,storeId:g,data:C[w],collectionsDispatch:D,selectedCollectionsDispatch:G,selectedData:I,setSaveDisabled:M})})),"view"===O&&t(u,{selectedCollections:I||{},selectedCollectionsDispatch:G,upliftAdditions:null,setScreen:k,collections:C})]})}),t(f,{children:T.length?t("div",Object.assign({style:{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:"12px",columnGap:"16px"}},{children:T.map((c=>t("div",Object.assign({style:{display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:"12px",columnGap:"16px"}},{children:c.image&&e(x,Object.assign({onClick:()=>{return e=c,t=c.image,z(e),void A(t);var e,t}},{children:[t("img",{height:160,width:160,src:c.image,style:{borderRadius:"4px"}}),W===c.image&&t("div",Object.assign({style:{position:"absolute",top:"8px",left:"8px"}},{children:t(i,{isPartial:!1,isDisabled:!1})}))]}))}),c.name)))})):t("div",{})})]}),e(b,{children:[t(r,{onClick:y.onCancel,buttonText:"Cancel",buttonType:"tertiaryGray",size:"small"}),t(r,{buttonText:"Proceed",buttonType:"primary",size:"small",onClick:()=>y.onProceed({selectedProduct:B,selectedUrl:W})})]})]}))};export{y as PickerHackathon};

package/dist/esm/components/product-picker-hackathon/collectionScreen.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
-interface CollectionsScreenInterface {
-    collections: {
-        [key: string]: Collection;
-    };
-    selectedCollections: SelectedItems;
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    storeId: string;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    setSaveDisabled: React.Dispatch<boolean>;
-    pagingControls: {
-        curPage: number;
-        setCurPage: React.Dispatch<React.SetStateAction<number>>;
-    };
-}
-export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import{useRef as r,useState as c,useEffect as i}from"react";import{COLORS as n}from"../../constants/Theme.js";import{CheckBox as l}from"../checkBox/CheckBox.js";import{IconButton as d}from"../icon-button/IconButton.js";import{BikShimmer as a}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleRegular as h,BodyCaption as u}from"../TypographyStyle.js";import{CollectionCardStyle as p,CollectionCardInfoStyle as m,CollectionCardDetailStyle as v,CollectionNameHolder as b}from"./style.js";const g=(e,t,o)=>{if(e.length<=t)return e;const s=e.slice(0,t-1);return(o?s.slice(0,s.lastIndexOf(" ")):s)+"..."},j=o=>{const{collections:s,selectedCollectionsDispatch:n,setCollectionId:l,selectedCollections:d,setScreen:h,collectionFetcher:u,collectionsDispatch:p,pagingControls:m,storeId:v,setSaveDisabled:b}=o,g=r(null),j=r(m.curPage),C=(null==d?void 0:d.isCustom)||!1,[f,k]=c(!1);i((()=>{j.current=m.curPage}),[m.curPage]),i((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&j.current>0&&(b(!0),k(!0),u(j.current,v).then((e=>{p({type:"paged",data:(null==e?void 0:e.collections)||{}}),m.setCurPage(j.current+1),k(!1),b(!1)})).catch())}),{threshold:1});return g.current&&e.observe(g.current),()=>{g.current&&e.unobserve(g.current)}}),[g]);const O=e=>{var t,o;let r=0,c=0;if(d[e]){const i=null===(t=s[e])||void 0===t?void 0:t.products;i&&Object.keys(i).forEach((e=>{var t;const o=null===(t=i[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>r+=1))}));const n=null===(o=d[e])||void 0===o?void 0:o.products;return n&&Object.keys(n).forEach((e=>{var t;const o=null===(t=n[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>c+=1))})),!(r<=0&&c>0)&&(c>0&&r!==c)}return!1};return e("div",{children:[Object.keys(s).length?Object.keys(s).map((e=>t(y,{data:s[e],isDisabled:C&&!(null==d?void 0:d[e]),isChecked:!!(null==d?void 0:d[e]),isPartiallyChecked:O(e),selectedCollectionsDispatch:n,setCollectionId:l,setScreen:h,id:s[e].id},e))):[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(a,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))),t("div",{ref:g}),f&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(a,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},y=r=>{const{data:c,selectedCollectionsDispatch:i,setCollectionId:a,isPartiallyChecked:j,setScreen:y,id:C,isChecked:f,isDisabled:k}=r;return e(p,Object.assign({isDisabled:k},{children:[e(m,{children:[t(l,{isDisabled:k,isChecked:f,isPartiallyChecked:j,onValueChange:function(e,t){i(e?{type:"selected",data:{id:C,val:c}}:{type:"unselected",data:{id:C}}),a(e?C:"")}}),t(v,{children:e(b,{children:[t(h,{children:g(c.name,40,!0)}),Object.keys(c.products||{}).length?e(u,Object.assign({color:n.content.placeholder},{children:[Object.keys(c.products||{}).length," products"]})):t(o,{})]})})]}),t(d,{onClick:()=>{k||(a(C),y("products"))},Icon:s})]}))};export{j as CollectionsScreen,g as truncate};

package/dist/esm/components/product-picker-hackathon/index.d.ts

@@ -1 +0,0 @@
-export * from './PickerHackathon';

package/dist/esm/components/product-picker-hackathon/productScreen.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-interface ProductsScreenInterface {
-    data: Collection;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-}
-export declare const ProductGroup: (props: ProductGroupInterface) => JSX.Element;
-interface ProductCardInterface {
-    isVariant: boolean;
-    data: Product | ProductVariant;
-    productId: string;
-    collectionId: string;
-    variantId?: string;
-    isSelected: boolean;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isPartiallyChecked?: boolean;
-}
-export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-import{jsxs as t,jsx as o,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{cloneDeep as d}from"lodash";import{useContext as c,useState as l,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as a}from"../icon-button/IconButton.js";import{BikShimmer as p}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as u,TitleRegular as v}from"../TypographyStyle.js";import{truncate as h}from"./collectionScreen.js";import{CollectionIdContext as m}from"./reducers.js";import{ProductScreenHeader as y,ProductCardStyle as I}from"./style.js";const j=e=>{const s=c(m),{data:v,collectionsDispatch:h,selectedData:I,selectedCollectionsDispatch:j,productFetcher:O,storeId:g,setScreen:b,setSaveDisabled:C}=e,[k]=l(v),D=(null==v?void 0:v.isSmartCollection)||!1,S=t=>{var o,e,i,d,c,l,n,r;let a=0,p=0;return!!((null===(e=null===(o=null==I?void 0:I[s])||void 0===o?void 0:o.products)||void 0===e?void 0:e[t])&&(null===(c=Object.keys((null===(d=null===(i=null==v?void 0:v.products)||void 0===i?void 0:i[t])||void 0===d?void 0:d.variants)||[]))||void 0===c||c.forEach((()=>p++)),Object.keys((null===(r=null===(n=null===(l=null==I?void 0:I[s])||void 0===l?void 0:l.products)||void 0===n?void 0:n[t])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};n((()=>{(null==v?void 0:v.products)||(C(!0),O(s,g).then((t=>{Object.keys(t||[]).length&&h({type:"productsFetched",data:{collectionId:s,products:t}}),C(!1)})).catch())}),[]);const x=(t,o)=>{const e=d(v);if(delete e.products,(o=Object.assign(Object.assign({},o),{catalogOnlyData:e})).productId&&v.products){const t=d(v.products[o.productId]);(null==t?void 0:t.variants)&&delete t.variants,o=Object.assign(Object.assign({},o),{catalogOnlyData:e,productOnlyData:t})}j({type:t,data:o})};return t("div",{children:[t(y,{children:[o(a,{Icon:i,height:16,onClick:()=>{b("collections")}}),o(u,Object.assign({style:{color:r.content.secondary}},{children:null==v?void 0:v.name}))]}),o("div",{children:Object.keys((null==k?void 0:k.products)||[]).length?Object.keys(k.products||[]).map((t=>o(f,{collectionId:s,isProductPartiallyChecked:S(t),productId:t,data:k.products[t],selectedData:I,selectedCollectionsDispatch:j,upliftAdditions:x,viewOnly:!!D},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,e)=>o("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:o(p,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),e)))})]})},f=t=>{const{collectionId:e,productId:i,data:d,selectedData:c,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r,isProductPartiallyChecked:s}=t;return o("div",{children:o(O,{isVariant:!1,data:d,productId:i,collectionId:e,isSelected:!!(null===(p=null===(a=null==c?void 0:c[e])||void 0===a?void 0:a.products)||void 0===p?void 0:p[i]),isPartiallyChecked:s,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r},i)});var a,p},O=i=>{const{isVariant:d,data:c,productId:l,collectionId:n,variantId:r,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:u,viewOnly:m,isPartiallyChecked:y}=i;return t(I,Object.assign({isVariant:d},{children:[m?o(e,{}):o(s,{isChecked:a,isPartiallyChecked:y||!1,onValueChange:function(t){d?t?u("variantSelected",{productId:l,variantId:r,collectionId:n,variant:c}):p({type:"variantUnselected",data:{productId:l,variantId:r,collectionId:n}}):t?u("productSelected",{productId:l,collectionId:n,product:c}):p({type:"productUnselected",data:{productId:l,collectionId:n}})}}),o(v,{children:h(null==c?void 0:c.name,40,!0)})]}))};export{O as ProductCard,f as ProductGroup,j as ProductsScreen};

package/dist/esm/components/product-picker-hackathon/reducers.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-export interface SelectedCollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function selectedColectionsReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
-export interface CollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
-export declare const CollectionIdContext: import("react").Context<string>;

package/dist/esm/components/product-picker-hackathon/selectedScreen.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-}
-export declare const SelectedScreen: (props: SelectedScreenInterface) => JSX.Element;
-export {};

package/dist/esm/components/product-picker-hackathon/style.d.ts

@@ -1,18 +0,0 @@
-export declare const PickerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isDisabled: boolean;
-}, never>;
-export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isVariant: boolean;
-}, never>;
-export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCard: import("styled-components").StyledComponent<"div", any, {}, never>;