@bikdotai/bik-component-library 0.0.298 → 0.0.299-beta--switch

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/search.svg.js"),c=require("react"),o=require("../../constants/Theme.js"),s=require("../button/Button.js"),r=require("../input/Input.js"),l=require("../modals/styledModal.js"),n=require("../spinner/Spinner.js"),i=require("../tag/Tag.js"),d=require("./collectionScreen.js"),a=require("./productScreen.js"),u=require("./reducers.js"),h=require("./searchScreen.js"),p=require("./selectedScreen.js"),C=require("./style.js");exports.ProductPickerModal=S=>{const{storeId:j,selectedItems:x,onClose:v,visible:y,zIndex:b,limit:g,hideCollectionCheckbox:m,hideProductCheckbox:f}=S,[I,P]=c.useReducer(u.collectionsReducer,{}),[q,k]=c.useState("collections"),[T,E]=c.useState(""),[F,O]=c.useState(0),[R,D]=c.useState(!1),[B,w]=c.useState(0),[L,M]=c.useState(""),[z,G]=c.useState(!1),[$,A]=c.useState(!1),[_,H]=c.useState(),[Y,J]=c.useReducer(u.selectedColectionsReducer,Object.keys(x).length>0?x:{});c.useEffect((()=>{D(!0),A(!0),S.collectionFetcher(F,j).then((e=>{P({type:"fetched",data:(null==e?void 0:e.collections)||{}}),D(!1),O((e=>e+1)),A(!1)})).catch()}),[]),c.useEffect((()=>{let e=0;Object.keys(Y||[]).forEach((t=>{var c;Object.keys((null===(c=Y[t])||void 0===c?void 0:c.products)||[]).forEach((c=>{var o,s;Object.keys((null===(s=null===(o=Y[t].products)||void 0===o?void 0:o[c])||void 0===s?void 0:s.variants)||[]).forEach((()=>{e+=1}))}))})),w(e)})),c.useEffect((()=>{var e;T&&!(null===(e=null==I?void 0:I[T])||void 0===e?void 0:e.products)&&(D(!0),S.productFetcher(T,j).then((e=>{Object.keys(e).length&&P({type:"productsFetched",data:{collectionId:T,products:e}}),D(!1)})).catch())}),[T]),c.useEffect((()=>{const e=setTimeout((()=>{L.length&&(G(!0),S.searchFetcher(j,L).then((e=>{H(e),k("searchProducts"),D(!1),G(!1)})))}),800);return()=>clearTimeout(e)}),[L]);const K=()=>{J({type:"reset",data:{}})};return e.jsx(l.StyledModal,Object.assign({zIndex:b,open:y,onClose:()=>{v(),K()},headingTitle:"collections"===q||"products"===q?"Select Products":"view"===q?"Selected Products":"searchProducts"===q?"Searched Products":void 0,footerShadow:!0,centralContainerStyles:{width:"480px"},primaryButton:{buttonText:R?"Loading...":"Add",disabled:R||B<1||g&&B>g||!1,onClick:()=>{S.onAdd(Y,B),K()}},footerLeftCustomElement:g&&B>g?e.jsx(i.Tag,{tagText:`You can only select ${g} products`,type:"negative"}):B>0?e.jsx(s.Button,{onClick:()=>{k("view")},buttonText:`${B} products selected`,buttonType:"tertiaryGray"}):e.jsx(s.Button,{disabled:!0,buttonText:`${B} products selected`,buttonType:"tertiaryGray"})},{children:e.jsxs(C.ContainerStyle,{children:[!S.hideGlobalSearch&&e.jsx(e.Fragment,{children:("collections"===q||"searchProducts"===q)&&e.jsx("div",Object.assign({style:{padding:"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(r.Input,{noErrorHint:!0,rightIcon:{icon:()=>z?e.jsx(n.Spinner,{size:"small",color:o.COLORS.content.primary}):e.jsx(t.default,{})},id:"listInput",height:"24px",type:"text",value:L,onChangeText:e=>{e.length&&e.trim().length&&M(e)},placeholder:"Search products..."})}))}),e.jsxs(C.ScrollContainerStyle,{children:["collections"===q&&e.jsx(d.CollectionsScreen,{customCollectionRestriction:S.customCollectionRestriction,dataLoading:$,collections:I,selectedCollectionsDispatch:J,setCollectionId:E,setScreen:k,selectedCollections:Y,collectionFetcher:S.collectionFetcher,storeId:j,collectionsDispatch:P,setSaveDisabled:D,pagingControls:{curPage:F,setCurPage:O},hideCollectionCheckbox:m}),"products"===q&&T&&e.jsx(u.CollectionIdContext.Provider,Object.assign({value:T},{children:e.jsx(a.ProductsScreen,{hideInCollectionSearch:S.hideInCollectionSearch,customCollectionRestriction:S.customCollectionRestriction,productFetcher:S.productFetcher,setScreen:k,storeId:j,data:I[T],collectionsDispatch:P,selectedCollectionsDispatch:J,selectedData:Y,setSaveDisabled:D,searchInCollectionFetcher:S.searchInCollectionFetcher,hideProductCheckbox:f})})),"view"===q&&e.jsx(p.SelectedScreen,{selectedCollections:Y||{},selectedCollectionsDispatch:J,setScreen:k,collections:I}),"searchProducts"===q&&e.jsx(h.SearchScreen,{customCollectionRestriction:S.customCollectionRestriction,selectedCollections:Y||{},searchedCollections:_||{},selectedCollectionsDispatch:J,setScreen:k,collections:I,onBackPress:()=>{M(""),H({})}})]})]})}))};

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

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-interface ProductsScreenInterface {
-    hideInCollectionSearch?: boolean;
-    customCollectionRestriction?: boolean;
-    data: Collection;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string) => Promise<string[]>;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-    hideProductCheckbox?: boolean;
-}
-export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-    upliftAdditions: any;
-    hideProductCheckbox?: 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>;
-    viewOnly: boolean;
-    isPartiallyChecked?: boolean;
-    upliftAdditions: any;
-    hideProductCheckbox?: boolean;
-}
-export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
-export {};

package/dist/cjs/components/product-picker-v2/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"),i=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),c=require("lodash"),d=require("react"),s=require("../../constants/Theme.js"),r=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),n=require("../input/Input.js"),a=require("../shimmer/ShimmerComponent/BikShimmer.js"),u=require("../shimmer-image/ShimmerImage.js"),h=require("../spinner/Spinner.js"),v=require("../TypographyStyle.js"),p=require("./collectionScreen.js"),j=require("./emptyState.js"),x=require("./reducers.js"),y=require("./style.js"),g=require("./utility.js");const m=t=>{const{collectionId:i,productId:o,data:c,selectedData:d,selectedCollectionsDispatch:s,viewOnly:r,upliftAdditions:l,isProductPartiallyChecked:n,hideProductCheckbox:a}=t,u=e=>{var t,c,s,r,l,n;if(!(null===(c=null===(t=null==d?void 0:d[i])||void 0===t?void 0:t.products)||void 0===c?void 0:c[o]))return!1;return!!(null===(n=null===(l=null===(r=null===(s=null==d?void 0:d[i])||void 0===s?void 0:s.products)||void 0===r?void 0:r[o])||void 0===l?void 0:l.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(C,{isVariant:!1,data:c,productId:o,collectionId:i,isSelected:!!(null===(v=null===(h=null==d?void 0:d[i])||void 0===h?void 0:h.products)||void 0===v?void 0:v[o]),isPartiallyChecked:n,selectedCollectionsDispatch:s,upliftAdditions:l,viewOnly:r,hideProductCheckbox:a},o),Object.keys(c.variants||[]).map((t=>e.jsx(C,{isVariant:!0,data:c.variants[t],variantId:t,productId:o,viewOnly:r,upliftAdditions:l,collectionId:i,isSelected:u(t),selectedCollectionsDispatch:s},t)))]});var h,v},C=t=>{const{isVariant:i,data:o,productId:c,collectionId:d,variantId:s,isSelected:l,selectedCollectionsDispatch:n,viewOnly:a,upliftAdditions:h,isPartiallyChecked:j,hideProductCheckbox:x}=t;return e.jsxs(y.ProductCardStyle,Object.assign({isVariant:i},{children:[x||a?e.jsx(e.Fragment,{}):e.jsx(r.CheckBox,{isChecked:l,isPartiallyChecked:j||!1,onValueChange:function(e){i?e?h("variantSelected",{productId:c,variantId:s,collectionId:d,variant:o}):n({type:"variantUnselected",data:{productId:c,variantId:s,collectionId:d}}):e?h("productSelected",{productId:c,collectionId:d,product:o}):n({type:"productUnselected",data:{productId:c,collectionId:d}})}}),e.jsx("div",{children:e.jsx(u.ShimmerImage,{width:40,height:40,imageUrl:o.image,alt:"Item",borderRadius:4})}),e.jsx(v.TitleRegular,{children:p.truncate(o.name,40,!0)})]}))};exports.ProductCard=C,exports.ProductGroup=m,exports.ProductsScreen=u=>{const p=d.useContext(x.CollectionIdContext),{data:C,collectionsDispatch:I,selectedData:b,selectedCollectionsDispatch:k,productFetcher:S,storeId:f,setScreen:O,setSaveDisabled:P,hideInCollectionSearch:q,customCollectionRestriction:E,hideProductCheckbox:D}=u,[w,B]=d.useState(""),[T,R]=d.useState(!1),[A,V]=d.useState(C);d.useEffect((()=>{const e=setTimeout((()=>{w.length?(R(!0),u.searchInCollectionFetcher(f,p,w).then((e=>{var t;const i=c.cloneDeep(C);i.products={};for(const o of e)(null===(t=null==C?void 0:C.products)||void 0===t?void 0:t[o])&&(i.products[o]=C.products[o]);V(i),P(!1),R(!1)}))):V(C)}),800);return()=>clearTimeout(e)}),[w]);const F=!!E&&C.isSmartCollection,U=e=>{var t,i,o,c,d,s,r,l;let n=0,a=0;return!!((null===(i=null===(t=null==b?void 0:b[p])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(d=Object.keys((null===(c=null===(o=null==C?void 0:C.products)||void 0===o?void 0:o[e])||void 0===c?void 0:c.variants)||[]))||void 0===d||d.forEach((()=>a++)),Object.keys((null===(l=null===(r=null===(s=null==b?void 0:b[p])||void 0===s?void 0:s.products)||void 0===r?void 0:r[e])||void 0===l?void 0:l.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};d.useEffect((()=>{(null==C?void 0:C.products)||_()}),[]);const _=()=>{P(!0),R(!0),S(p,f).then((e=>{Object.keys(e).length&&(I({type:"productsFetched",data:{collectionId:p,products:e}}),V(Object.assign(Object.assign({},A),{products:e}))),P(!1),R(!1)})).catch()},H=(e,t)=>{const i=g.liftTheStateUp(t,C);k({type:e,data:Object.assign(Object.assign({},i),{isRestricted:E})})};return e.jsxs("div",{children:[e.jsxs(y.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{O("collections")}}),e.jsx(v.BodyCaption,Object.assign({style:{color:s.COLORS.content.secondary}},{children:C.name}))]}),!q&&e.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(n.Input,{noErrorHint:!0,rightIcon:{icon:()=>T&&w.length?e.jsx(h.Spinner,{size:"small",color:s.COLORS.content.primary}):e.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:w,onChangeText:e=>{e.length&&e.trim().length&&B(e)},placeholder:"Search products in this collection..."})})),e.jsxs("div",{children:[Object.keys((null==A?void 0:A.products)||[]).length>0&&!F&&!w.length&&!D&&e.jsxs(y.ProductScreenCollectionCardStyle,{children:[e.jsx(r.CheckBox,{isChecked:!!(null==b?void 0:b[p]),isPartiallyChecked:(e=>{var t;let i=0,o=0;if(b[e]){const c=null==C?void 0:C.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 d=null===(t=b[e])||void 0===t?void 0:t.products;return d&&Object.keys(d).forEach((e=>{var t;const i=null===(t=d[e])||void 0===t?void 0:t.variants;i&&Object.keys(i).forEach((()=>o+=1))})),o>0&&i!==o}return!1})(p),onValueChange:function(e){k(e?{type:"selected",data:{id:p,val:C}}:{type:"unselected",data:{id:p}})}}),e.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsx(i.default,{})})),e.jsx(v.TitleRegular,{children:"All Products"})]}),Object.keys((null==A?void 0:A.products)||[]).length?Object.keys(A.products||[]).map((t=>e.jsx(m,{collectionId:p,isProductPartiallyChecked:U(t),productId:t,data:A.products[t],selectedData:b,selectedCollectionsDispatch:k,viewOnly:!!F,upliftAdditions:H,hideProductCheckbox:D},t))):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(a.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),i))):e.jsx(j.EmptyState,{title:"No products to show",subtitle:w.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})]})]})};

package/dist/cjs/components/product-picker-v2/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-v2/reducers.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;default:return{}}},exports.selectedColectionsReducer=function(e,a){var d,o,c,s,l,r;let n={},u="",i="",p="";switch(a.type){case"selected":return n=t.cloneDeep(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(n={}),n.isCustom=!0),n[a.data.id]=a.data.val,n;case"unselected":return n=t.cloneDeep(e),(null==n?void 0:n.isCustom)&&(n.isCustom=!1),delete n[a.data.id],n;case"productUnselected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,delete n[i].products[u],Object.keys(n[i].products).length||((null==n?void 0:n.isCustom)&&(n.isCustom=!1),delete n[i]),n;case"productSelected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,(null===(d=a.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(a.data.isRestricted&&(n={}),n.isCustom=!0),(null==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,n[i].products={}),n[i].products[u]=a.data.product,n;case"variantSelected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,p=a.data.variantId,(null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(a.data.isRestricted&&(n={}),n.isCustom=!0),(null==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,n[i].products={},n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),(null===(s=null===(c=null==n?void 0:n[i])||void 0===c?void 0:c.products)||void 0===s?void 0:s[u])||((null===(l=null==n?void 0:n[i])||void 0===l?void 0:l.products)||(n[i].products={}),n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),n[i].products[u].variants[p]=a.data.variant,n;case"variantUnselected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,p=a.data.variantId,delete n[i].products[u].variants[p],Object.keys(n[i].products[u].variants).length||(delete n[i].products[u],Object.keys(n[i].products).length||((null===(r=n[i])||void 0===r?void 0:r.isSmartCollection)&&(n.isCustom=!1),delete n[i])),n;case"reset":return{};default:return e}};

package/dist/cjs/components/product-picker-v2/searchScreen.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SearchScreenInterface {
-    customCollectionRestriction?: boolean;
-    selectedCollections: SelectedItems;
-    searchedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-    onBackPress: () => void;
-}
-export declare const SearchScreen: (props: SearchScreenInterface) => JSX.Element;
-export {};

package/dist/cjs/components/product-picker-v2/searchScreen.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("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),l=require("./emptyState.js"),s=require("./productScreen.js"),r=require("./style.js"),c=require("./utility.js");exports.SearchScreen=d=>{const{customCollectionRestriction:n,selectedCollections:u,searchedCollections:a,selectedCollectionsDispatch:v,setScreen:j,collections:p,onBackPress:h}=d,y=(e,t)=>{var o,i,l,s,r,c,d,n,a;let v=0,j=0;return!!((null===(i=null===(o=null==u?void 0:u[e])||void 0===o?void 0:o.products)||void 0===i?void 0:i[t])&&(null===(c=Object.keys((null===(r=null===(s=null===(l=null==p?void 0:p[e])||void 0===l?void 0:l.products)||void 0===s?void 0:s[t])||void 0===r?void 0:r.variants)||[]))||void 0===c||c.forEach((()=>j++)),Object.keys((null===(a=null===(n=null===(d=null==u?void 0:u[e])||void 0===d?void 0:d.products)||void 0===n?void 0:n[t])||void 0===a?void 0:a.variants)||[]).forEach((()=>v++)),v>0&&j!==v))};return e.jsxs("div",{children:[e.jsxs(r.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,onClick:()=>{j("collections"),h()}}),e.jsx(i.BodyCaption,{children:"Searched Products"})]}),e.jsx("div",{children:Object.keys(a).length?e.jsx(e.Fragment,{children:Object.keys(a).map((t=>{var o;return Object.keys((null===(o=null==a?void 0:a[t])||void 0===o?void 0:o.products)||[]).map((o=>{let i=!1;return(null==a?void 0:a.isCustom)&&(i=!0),e.jsx(s.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{const i=c.liftTheStateUp(o,a[e]);v({type:t,data:Object.assign(Object.assign({},i),{isRestricted:n})})})(t,e,o),productId:o,data:a[t].products[o],isProductPartiallyChecked:y(t,o),selectedData:u,selectedCollectionsDispatch:v,viewOnly:i},o)}))}))}):e.jsx(l.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    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-v2/selectedScreen.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"),l=require("../icon-button/IconButton.js"),o=require("../TypographyStyle.js"),r=require("./emptyState.js"),i=require("./productScreen.js"),d=require("./style.js");exports.SelectedScreen=s=>{const{selectedCollections:c,selectedCollectionsDispatch:n,setScreen:u,collections:v}=s,a=(e,t)=>{var l,o,r,i,d,s,n,u,a;let p=0,j=0;return!!((null===(o=null===(l=null==c?void 0:c[e])||void 0===l?void 0:l.products)||void 0===o?void 0:o[t])&&(null===(s=Object.keys((null===(d=null===(i=null===(r=null==v?void 0:v[e])||void 0===r?void 0:r.products)||void 0===i?void 0:i[t])||void 0===d?void 0:d.variants)||[]))||void 0===s||s.forEach((()=>j++)),Object.keys((null===(a=null===(u=null===(n=null==c?void 0:c[e])||void 0===n?void 0:n.products)||void 0===u?void 0:u[t])||void 0===a?void 0:a.variants)||[]).forEach((()=>p++)),p>0&&j!==p))};return e.jsxs("div",{children:[e.jsxs(d.SelectedScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,onClick:()=>{u("collections")}}),e.jsx(o.BodyCaption,{children:"Selected Products"})]}),e.jsx("div",{children:Object.keys(c).length>0?e.jsx(e.Fragment,{children:Object.keys(c).map((t=>{var l;return Object.keys((null===(l=null==c?void 0:c[t])||void 0===l?void 0:l.products)||[]).map((l=>{let o=!1;return(null==c?void 0:c.isCustom)&&(o=!0),e.jsx(i.ProductGroup,{upliftAdditions:null,collectionId:t,productId:l,data:c[t].products[l],isProductPartiallyChecked:a(t,l),selectedData:c,selectedCollectionsDispatch:n,viewOnly:o},l)}))}))}):e.jsx(r.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"})})]})};

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

@@ -1,14 +0,0 @@
-export declare const ContainerStyle: 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>;

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

@@ -1,70 +0,0 @@
-"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;
-	max-height: 600px;
-	min-height: 600px;
-	flex-direction: column;
-`,r=i.default.div`
-	overflow-y: scroll;
-	overflow-x: hidden;
-`,n=i.default.div`
-	height: 64px;
-	background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
-	border-bottom: 1px solid #e0e0e0;
-	padding: 12px 24px;
-	display: flex;
-	flex-direction: row;
-	column-gap: 16px;
-	justify-content: space-between;
-	align-items: center;
-`,d=i.default.div`
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	column-gap: 18px;
-`,a=i.default.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-`,c=i.default.div`
-	display: flex;
-	flex-direction: row;
-	max-height: 32px;
-	min-height: 32px;
-	background-color: ${t.COLORS.background.base};
-	justify-content: flex-start;
-	align-items: center;
-	padding: 8px 16px;
-	margin-top: 16px;
-`,x=i.default.div`
-	display: flex;
-	flex-direction: row;
-	column-gap: 16px;
-	padding: 12px 16px;
-	border-bottom: 1px solid #e0e0e0;
-	align-items: center;
-`,p=i.default.div`
-	height: 64px;
-	background-color: white;
-	border-bottom: 1px solid #e0e0e0;
-	padding: 12px 16px;
-	display: flex;
-	flex-direction: row;
-	column-gap: 16px;
-	justify-content: flex-start;
-	align-items: center;
-	padding-left: ${e=>e.isVariant?"42px":"16px"};
-`,s=i.default.div`
-	display: flex;
-	flex-direction: row;
-	max-height: 32px;
-	min-height: 32px;
-	background-color: ${t.COLORS.background.base};
-	justify-content: flex-start;
-	align-items: center;
-	padding: 8px 16px;
-`,f=i.default.div`
-	display: flex;
-	flex-direction: column;
-`;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/components/product-picker-v2/utility.d.ts

@@ -1 +0,0 @@
-export declare const liftTheStateUp: (payload: any, data: any) => any;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash");exports.liftTheStateUp=(t,a)=>{const s=e.cloneDeep(a);if(delete s.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:s})).productId&&a.products){const c=e.cloneDeep(a.products[t.productId]);(null==c?void 0:c.variants)&&delete c.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:s,productOnlyData:c})}return t};

package/dist/cjs/components/radioList/RadioList.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { RadioButtonProps } from "../radioButton";
-type RadioListItem = Omit<RadioButtonProps, 'onValueChange'> & {
-    value: string;
-};
-export type RadioListProps = {
-    title?: string;
-    subTitle?: string;
-    listItems: RadioListItem[];
-    onChange: (option: RadioListItem) => void;
-};
-export declare const RadioList: React.FC<RadioListProps>;
-export {};

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

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

package/dist/cjs/components/radioList/RadioList.styled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const RadioListStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.RadioListStyled=t;

package/dist/cjs/components/radioList/index.d.ts

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

package/dist/cjs/components/searchBar/index.d.ts

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

package/dist/cjs/components/searchBar/searchBar.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { InputVariant } from '../input/Input';
-export interface SearchBarProps {
-    width: string;
-    isEnabled: boolean;
-    onChange: (searchText: string) => void;
-    onEnter: (searchText: string) => void;
-    placeholder: string;
-    variant: InputVariant;
-    validate?: (input?: string | number) => [boolean, string];
-    initialValue?: string;
-    reset?: boolean;
-    onClickCross?: () => void;
-    isActive?: boolean;
-}
-export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

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

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

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts

@@ -1,15 +0,0 @@
-import { FunctionComponent } from 'react';
-export interface ShimmerBox {
-    height: string;
-    width: string;
-    marginTop?: string;
-    borderRadius?: string;
-}
-export interface BikShimmerProps {
-    boxes: ShimmerBox[];
-    isBrand?: boolean;
-    gap?: string;
-    direction?: 'row' | 'column';
-}
-export declare const BikShimmer: FunctionComponent<BikShimmerProps>;
-export default BikShimmer;

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

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

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isBrand?: boolean | undefined;
-    direction?: "row" | "column" | undefined;
-    gap?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/styled/base"),t=require("@emotion/react");function l(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var e=l(i);const a=t.keyframes`
-  0% {
-    background-position: -468px 0;
-  }
-
-  100% {
-    background-position: 468px 0;
-  }
-`,b=e.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:",(i=>i.direction||"column"),";width:100%;height:100%;gap:",(i=>i.gap||"0px"),";.shine{border-radius:4px;background:",(i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",a,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IHByb3BzLmRpcmVjdGlvbiB8fCAnY29sdW1uJ307XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCAnMHB4J307XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));exports.ShimmerStyled=b;

package/dist/cjs/components/shimmer/index.d.ts

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

package/dist/cjs/components/shimmer-image/ShimmerImage.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type ShimmerImageProps = {
-    imageUrl: string;
-    width: number;
-    height: number;
-    alt?: string;
-    borderRadius?: number;
-    defaultImageUrl?: string;
-};
-export declare const ShimmerImage: React.FC<ShimmerImageProps>;

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

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

package/dist/cjs/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export default _default;
-export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export declare const ImageWithError: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;

package/dist/cjs/components/shimmer-image/index.d.ts

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

package/dist/cjs/components/side-modal/SideModal.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../button/model';
-export interface SideModalProps {
-    header: string;
-    children: React.ReactNode;
-    footerCustomComponent?: React.ReactNode;
-    footerDirection?: 'row' | 'row-reverse';
-    hideCrossButton?: boolean;
-    width?: string;
-    saveButtonProps: ButtonProps;
-    cancelButtonProps: ButtonProps;
-    onClose: () => void;
-    zIndex?: number;
-}
-export declare const SideModal: React.FC<SideModalProps>;

package/dist/cjs/components/side-modal/SideModal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),s=require("../TypographyStyle.js"),i=require("./SideModal.style.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t);exports.SideModal=t=>d.default.createPortal(e.jsx(i.SideModalStyle,Object.assign({zIndex:t.zIndex},{children:e.jsxs(i.SideModalContainer,{children:[e.jsxs(i.SideModalHeader,{children:[e.jsx(s.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsx(o.default,{width:24,height:24,onClick:t.onClose})]}),e.jsx(i.SideModalBody,{children:t.children}),e.jsxs(i.SideModalFooter,Object.assign({footerDirection:t.footerDirection},{children:[e.jsxs(i.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[e.jsx(r.Button,Object.assign({},t.saveButtonProps)),e.jsx(r.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsx(e.Fragment,{})]}))]})})),document.body);

package/dist/cjs/components/side-modal/SideModal.style.d.ts

@@ -1,14 +0,0 @@
-export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {
-    zIndex?: number | undefined;
-}, never>;
-export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
-export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
-    footerDirection?: "row" | "row-reverse" | undefined;
-}, never>;
-export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    footerDirection?: "row" | "row-reverse" | undefined;
-}, never>;

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

@@ -1,54 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),o=require("../../constants/zindex.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const r=d.default.div`
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: ${e=>e.zIndex||o.ComponentZindex.SIDE_MODAL};
-	height: 100%;
-	width: 100%;
-	background-color: rgba(0, 0, 0, 0.4);
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-`,n=d.default.div`
-	height: 100%;
-	width: ${e=>e.width||"566px"};
-	background: ${t.COLORS.surface.standard};
-	position: relative;
-	display: flex;
-	flex-direction: column;
-`,a=d.default.div`
-	width: 100%;
-	height: 60px;
-	position: sticky;
-	top: 0;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	background: ${t.COLORS.surface.standard};
-	padding: 0px 24px;
-	border-bottom: 1px solid ${t.COLORS.stroke.primary};
-	svg:hover {
-		cursor: pointer;
-	}
-`,s=d.default.div`
-	overflow-y: auto;
-	padding: 24px;
-	height: calc(100% - 120px);
-`,p=d.default.div`
-	height: 60px;
-	width: 100%;
-	position: sticky;
-	bottom: 0;
-	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
-	justify-content: space-between;
-	align-items: center;
-	background: ${t.COLORS.surface.standard};
-	border-top: 1px solid ${t.COLORS.stroke.primary};
-	padding: 0px 24px;
-`,l=d.default.div`
-	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
-	gap: 8px;
-`;exports.FooterButtonWrapper=l,exports.SideModalBody=s,exports.SideModalContainer=n,exports.SideModalFooter=p,exports.SideModalHeader=a,exports.SideModalStyle=r;

package/dist/cjs/components/side-modal/index.d.ts

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

package/dist/cjs/components/states/ShopifyScopeWrapper.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface ShopifyScopeWrapper {
-    permissions: string[];
-    permissionRequestTitle: string;
-    permissionRequestSubTitle: string;
-    cacheInLocal?: boolean;
-    permissionEvaluationFunction: (permissions: string[]) => Promise<{
-        hasPermission: boolean;
-        urlForPermissions?: string;
-    }>;
-    children: React.ReactNode;
-    onPermissionClickCallback?: () => void;
-}
-export declare const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper>;

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

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

package/dist/cjs/components/states/StateComponent.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,n,s=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/errorIcon.svg.js"),i=require("../../assets/icons/successIcon.svg.js"),a=require("../../assets/icons/warningIcon.svg.js"),c=require("../button/Button.js"),u=require("../spinner/Spinner.js"),l=require("../TypographyStyle.js"),d=require("./StateComponent.styled.js");exports.StateInterface=void 0,(e=exports.StateInterface||(exports.StateInterface={})).SUCCESS="success",e.ERROR="error",e.WARNING="warning",e.LOADING="loading",exports.ButtonActions=void 0,(t=exports.ButtonActions||(exports.ButtonActions={})).CANCEL="cancel",t.OTHER="other",exports.ButtonTypes=void 0,(n=exports.ButtonTypes||(exports.ButtonTypes={})).SINGLE="SINGLE",n.DOUBLE="DOUBLE";exports.StateComponent=e=>{var t;const n=()=>x==exports.StateInterface.SUCCESS?s.jsx(i.default,{}):x==exports.StateInterface.WARNING?s.jsx(a.default,{}):x==exports.StateInterface.ERROR?s.jsx(o.default,{}):x===exports.StateInterface.LOADING?s.jsx(u.Spinner,{size:"large"}):void 0,{states:x,heading:p,subline:j,icon:S=n(),isButtonEnabled:y,type:h,buttonText:g,buttonType:B,onButtonClick:L,leadingIcon:C,width:I}=e;return s.jsxs(d.StateComponentContainer,Object.assign({width:I},{children:[s.jsx(d.StateIcon,{children:S}),s.jsxs(d.StateHeading,Object.assign({size:e.size},{children:["SMALL"===e.size&&s.jsx(l.TitleRegular,{children:p}),"SMALL"!==e.size&&s.jsx(l.TitleMedium,{children:p})]})),s.jsxs(d.StateSubline,{children:["SMALL"!==e.size&&s.jsx(l.BodyPrimary,Object.assign({color:r.COLORS.content.secondary},{children:j})),"SMALL"===e.size&&s.jsx(l.BodySecondary,Object.assign({color:r.COLORS.content.secondary},{children:j}))]}),null!==(t=e.children)&&void 0!==t?t:s.jsx(s.Fragment,{}),y&&s.jsx(s.Fragment,{children:s.jsxs(d.ButtonContainer,Object.assign({size:e.size},{children:[h==exports.ButtonTypes.DOUBLE&&s.jsx(c.Button,{onClick:()=>L&&L(exports.ButtonActions.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),s.jsx(c.Button,{onClick:()=>L&&L(exports.ButtonActions.OTHER),buttonType:null!=B?B:"primary",LeadingIcon:C,buttonText:null!=g?g:"Retry",matchParentWidth:!0})]}))})]}))};

package/dist/cjs/components/states/StateComponent.styled.js

@@ -1,29 +0,0 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});var e=t(require("styled-components"));const i=e.default.div`
-	width: ${t=>t.width?`${t.width}px`:"400px"};
-	position: relative;
-	border-radius: 4px;
-	padding: 32px 24px 24px 24px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`,n=e.default.div`
-	width: 64px;
-	height: 64px;
-	display: flex;
-	justify-content: center;
-	align-items: end;
-`,a=e.default.div`
-	margin-top: ${t=>"SMALL"===t.size?8:16}px;
-	text-align: center;
-	max-width: 100%;
-`,d=e.default.div`
-	display: flex;
-	margin-top: ${t=>"SMALL"===t.size?8:24}px;
-	gap: 12px;
-	width: 100%;
-`,p=e.default.div`
-	margin-top: 4px;
-	max-width: 100%;
-	text-align: center;
-	max-width: 100%;
-`;exports.ButtonContainer=d,exports.StateComponentContainer=i,exports.StateHeading=a,exports.StateIcon=n,exports.StateSubline=p;

package/dist/cjs/components/states-modal/DeleteConfirmationModal.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface DeleteConfirmationModalProps {
-    header: string;
-    subHeader: string;
-    confirmationText: string;
-    onDeleteConfirmed: () => void;
-    onCancelClicked: () => void;
-}
-export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

package/dist/cjs/components/states-modal/DeleteConfirmationModal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../modals/styledModal.js");exports.DeleteConfirmationModal=n=>e.jsx(t.StyledModal,{centralContainerStyles:{width:400},onClose:()=>n.onCancelClicked(),open:!0,headingTitle:n.header,headingSubtitle:n.subHeader,primaryButton:{buttonText:n.confirmationText,buttonType:"destructive",size:"small",onClick:()=>n.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>n.onCancelClicked()}});

package/dist/cjs/components/states-modal/StateModalComponent.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../constants/zindex.js"),s=require("../../assets/icons/errorIcon.svg.js"),i=require("../../assets/icons/successIcon.svg.js"),o=require("../../assets/icons/warningIcon.svg.js"),r=require("../modals/styledModal.js"),a=require("../spinner/Spinner.js"),c=require("../states/StateComponent.js");exports.StateModalComponent=l=>{const d=()=>u==c.StateInterface.SUCCESS?e.jsx(i.default,{}):u==c.StateInterface.WARNING?e.jsx(o.default,{}):u==c.StateInterface.ERROR?e.jsx(s.default,{}):u===c.StateInterface.LOADING?e.jsx(a.Spinner,{size:"large"}):void 0,{states:u,heading:j,subline:I,icon:S=d(),isButtonEnabled:x,type:C,buttonText:p,onButtonClick:f,leadingIcon:g,width:O,zIndex:b}=l,[h,q]=t.useState(!0);return e.jsx(r.StyledModal,Object.assign({open:h,onClose:function(){l.onClose&&l.onClose(),q(!1)},closeOnOutsideClick:!(u===c.StateInterface.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:O},hideCrossButton:u===c.StateInterface.LOADING,zIndex:b||n.ComponentZindex.STATE_MODAL},{children:e.jsx(c.StateComponent,Object.assign({states:u,heading:j,subline:I,isButtonEnabled:x,leadingIcon:g,type:C,buttonText:p,onButtonClick:f,icon:S,width:O||400},{children:l.children}))}))};

package/dist/cjs/components/tabs/Tabs.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TabItemComponentProps, TabViewHeaderProps } from './Tabs.model';
-export declare const Tabs: React.FC<TabViewHeaderProps>;
-export declare const TabItemComponent: React.FC<TabItemComponentProps>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),a=require("./Tabs.styles.js");const n=r=>{var n,l;const{tabs:i,initialTab:c,onTabSelected:d,TabItemStyledProps:b,selectedTab:u,extendedBorder:p,rightComponent:x,size:T="default",isSquared:m=!1}=r,[g,C]=t.useState(c||i[0].key),{colorsV2:y}=s.DEFAULT_THEME;t.useEffect((()=>{u&&C(u)}),[u]);const j=r.backgroundColor,S=null!==(n=r.selectedTextColor)&&void 0!==n?n:y.background.brand,h=null!==(l=r.textColor)&&void 0!==l?l:y.content.secondary;return e.jsxs(a.TabHeader,Object.assign({bgColor:j},{children:[i.map(((t,s)=>e.jsx(o,{hasEqualSpacing:r.hasEqualSpacing,selectedTextColor:S,textColor:h,tab:t,currentTab:g,TabItemStyledProps:b,IconComponent:t.icon,size:T,setCurrentTab:e=>{d(e),C(e)},isSquared:m,isFirstlement:0==s,isLastElement:s==i.length-1},t.key))),p&&e.jsx(a.EmptyTab,{}),e.jsx(a.RightComponent,{children:x})]}))},o=n=>{const{tab:o,currentTab:l,setCurrentTab:i,TabItemStyledProps:c,IconComponent:d,size:b="default",isSquared:u=!1,isFirstlement:p,isLastElement:x}=n,T=o.key===l,{colorsV2:m}=s.DEFAULT_THEME,g=t.useCallback((()=>Object.assign(Object.assign({},c),{borderRadius:n.isSquared?p?"4px 0px 0px 4px":x?"0px 4px 4px 0px":"":""})),[]);return e.jsxs(a.TabItem,Object.assign({style:g(),selected:T,hasEqualSpacing:n.hasEqualSpacing,onClick:()=>i(n.tab.key),selectedTextColor:n.selectedTextColor,isSquared:u},{children:[d&&e.jsx(d,{selected:T?m.background.brand:m.content.secondary}),e.jsx(a.TabItemText,Object.assign({style:"small"===b?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:n.textColor,selectedTextColor:n.selectedTextColor,selected:T},{children:o.title})),void 0!==o.trailingNumber&&null!==o.trailingNumber&&e.jsx(a.TrailingNumberContainer,Object.assign({selected:T},{children:e.jsx(r.BodyCaption,Object.assign({color:m.content.primaryInverse},{children:o.trailingNumber}))}))]}))};n.displayName="Tabs",o.displayName="TabItemComponent",exports.TabItemComponent=o,exports.Tabs=n;