@bikdotai/bik-component-library 0.0.152 → 0.0.153-beta0.2

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

@@ -0,0 +1,54 @@
+/// <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 {
+    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 Picker: (props: ProductPickerInterface) => JSX.Element;

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

@@ -0,0 +1 @@
+"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.Picker=d=>{const{storeId:a,selectedItems:u}=d,[p,x]=t.useReducer(o.collectionsReducer,{}),[j,h]=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"===j&&e.jsx(l.CollectionsScreen,{collections:p,selectedCollectionsDispatch:g,setCollectionId:y,setScreen:h,selectedCollections:b,collectionFetcher:d.collectionFetcher,storeId:a,collectionsDispatch:x,setSaveDisabled:O,pagingControls:{curPage:S,setCurPage:C}}),"products"===j&&v&&e.jsx(o.CollectionIdContext.Provider,Object.assign({value:v},{children:e.jsx(r.ProductsScreen,{productFetcher:d.productFetcher,setScreen:h,storeId:a,data:p[v],collectionsDispatch:x,selectedCollectionsDispatch:g,selectedData:b,setSaveDisabled:O})})),"view"===j&&e.jsx(i.SelectedScreen,{selectedCollections:b||{},selectedCollectionsDispatch:g,upliftAdditions:null,setScreen:h,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/productScreen.d.ts

@@ -0,0 +1,39 @@
+/// <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

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

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

@@ -0,0 +1,17 @@
+/// <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/reducers.js

@@ -0,0 +1 @@
+"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,l,s,r;let n={},u="",i="",p="";switch(a.type){case"selected":return n=t.cloneDeep(e),a.data.val.isSmartCollection&&(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==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,(null===(d=a.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(n={},n.isCustom=!0),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==n?void 0:n[i])||((null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(n={},n.isCustom=!0),n[i]=a.data.catalogOnlyData,n[i].products={},n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),(null===(l=null===(c=null==n?void 0:n[i])||void 0===c?void 0:c.products)||void 0===l?void 0:l[u])||((null===(s=null==n?void 0:n[i])||void 0===s?void 0:s.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;default:return e}};

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

@@ -0,0 +1,14 @@
+/// <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/selectedScreen.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/arrow_left.svg.js"),l=require("../icon-button/IconButton.js"),t=require("../TypographyStyle.js"),i=require("./productScreen.js"),d=require("./style.js");exports.SelectedScreen=r=>{const{selectedCollections:s,selectedCollectionsDispatch:c,upliftAdditions:n,setScreen:u,collections:v}=r,a=(e,o)=>{var l,t,i,d,r,c,n,u,a;let p=0,j=0;return!!((null===(t=null===(l=null==s?void 0:s[e])||void 0===l?void 0:l.products)||void 0===t?void 0:t[o])&&(null===(c=Object.keys((null===(r=null===(d=null===(i=null==v?void 0:v[e])||void 0===i?void 0:i.products)||void 0===d?void 0:d[o])||void 0===r?void 0:r.variants)||[]))||void 0===c||c.forEach((()=>j++)),Object.keys((null===(a=null===(u=null===(n=null==s?void 0:s[e])||void 0===n?void 0:n.products)||void 0===u?void 0:u[o])||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:o.default,onClick:()=>{u("collections")}}),e.jsx(t.BodyCaption,{children:"Selected Products"})]}),e.jsx("div",{children:Object.keys(s).map((o=>{var l;return Object.keys((null===(l=null==s?void 0:s[o])||void 0===l?void 0:l.products)||[]).map((l=>{let t=!1;return(null==s?void 0:s.isCustom)&&(t=!0),e.jsx(i.ProductGroup,{collectionId:o,productId:l,data:s[o].products[l],isProductPartiallyChecked:a(o,l),selectedData:s,selectedCollectionsDispatch:c,upliftAdditions:n,viewOnly:t},l)}))}))})]})};

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

@@ -0,0 +1,18 @@
+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/cjs/components/product-picker-hackathon/style.js

@@ -0,0 +1,101 @@
+"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`
+	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;
+	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`
+	overflow-y: scroll;
+	overflow-x: hidden;
+`,p=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;
+`,x=i.default.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	column-gap: 18px;
+`,c=i.default.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+`,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;
+`;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`
+	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"};
+`,u=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;
+`,g=i.default.div`
+	display: flex;
+	flex-direction: column;
+`,y=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;

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

@@ -0,0 +1,23 @@
+/// <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-v2/index.d.ts

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

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

@@ -0,0 +1,47 @@
+/// <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 {
+    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;
+}
+export declare const ProductPickerModal: (props: ProductPickerInterface) => JSX.Element;

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

@@ -0,0 +1,39 @@
+/// <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-v2/reducers.d.ts

@@ -0,0 +1,17 @@
+/// <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/selectedScreen.d.ts

@@ -0,0 +1,14 @@
+/// <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-v2/style.d.ts

@@ -0,0 +1,14 @@
+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/progress-bar/ProgressBarComponent.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
+export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("react/jsx-runtime"),b=require("react-bootstrap"),t=require("../../constants/Theme.js");function o(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const s=o(c).default("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));exports.ProgressBarComponent=c=>e.jsx(s,Object.assign({color:c.color?c.color:t.COLORS.content.brand},{children:e.jsx(b.ProgressBar,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),exports.ProgressCompletedBar=s;

package/dist/cjs/components/progress-bar/index.d.ts

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

package/dist/cjs/components/radioButton/RadioButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type RadioButtonProps = {
+    isActive: boolean;
+    isDisabled?: boolean;
+    value?: string;
+    onValueChange: (checked: boolean, value?: string) => void;
+};
+export declare const RadioButton: React.FC<RadioButtonProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../../constants/Theme.js");const n=i=>{const s=i.isDisabled?t.COLORS.content.inactive:i.isActive?t.COLORS.background.positive.vibrant:t.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant})]}))};exports.RadioButton=t=>{const[c,o]=i.useState(t.isActive||!1),[r,a]=i.useState(!1),[l,u]=i.useState(!1);return i.useEffect((()=>{o(t.isActive)}),[t.isActive]),e.jsx(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!c;o(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:e.jsx(s.RadioButtonIcon,Object.assign({checked:c,hovered:r,clicked:l,isDisabled:t.isDisabled||!1},{children:e.jsx(n,{isActive:c,isDisabled:t.isDisabled||!1})}))}))};

package/dist/cjs/components/radioButton/RadioButton.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const RadioButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RadioButtonIcon: import("styled-components").StyledComponent<"div", any, {
+    checked: boolean;
+    hovered: boolean;
+    clicked: boolean;
+    isDisabled: boolean;
+}, never>;

package/dist/cjs/components/radioButton/RadioButton.styled.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const s=o.default.div`
+	display: inline-flex;
+	align-items: center;
+	cursor: pointer;
+`,r=o.default.div`
+	width: 20px;
+	height: 20px;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	${i=>i.hovered&&e.css`
+			outline: 3px solid ${t.COLORS.surface.hovered};
+		`}
+	${i=>i.clicked&&!i.isDisabled&&e.css`
+			outline: 3px solid
+				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
+			outline-offset: 2px;
+		`}
+`;exports.RadioButtonContainer=s,exports.RadioButtonIcon=r;

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

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

package/dist/cjs/components/sample-button/SampleButton.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
+export type Variant = 'solid' | 'outline' | 'text';
+export interface SampleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The color of the Button.
+     *
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The visual style of the Button.
+     *
+     * @default 'solid'
+     */
+    variant?: Variant;
+}
+export declare const SampleButton: import("react").ForwardRefExoticComponent<SampleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/sample-button/SampleButton.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Color, Variant } from './SampleButton';
+export declare const SampleButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $color: Color;
+    variant: Variant;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/cjs/components/sample-button/index.d.ts

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

package/dist/cjs/components/sample-button/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Color, Variant } from './SampleButton';
+export declare function getTheme(color: Color, variant: Variant): import("@emotion/utils").SerializedStyles;

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

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

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

@@ -0,0 +1,13 @@
+/// <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;
+}
+export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

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

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

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

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+interface ShimmerBox {
+    height: string;
+    width: string;
+    marginTop?: string;
+}
+interface OwnProps {
+    boxes: ShimmerBox[];
+    isBrand?: boolean;
+}
+type Props = OwnProps;
+export declare const BikShimmer: FunctionComponent<Props>;
+export default BikShimmer;

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

@@ -0,0 +1 @@
+"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},{children:r.boxes.map(((i,r)=>e.jsx("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px"}},r)))}));exports.BikShimmer=r,exports.default=r;

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

@@ -0,0 +1,7 @@
+/// <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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/styled/base"),t=require("@emotion/react");function e(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var a=e(i);const l=t.keyframes`
+  0% {
+    background-position: -468px 0;
+  }
+
+  100% {
+    background-position: 468px 0;
+  }
+`,c=a.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.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:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogODAwcHggMzA0cHg7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaGltbWVyU3R5bGVkLmpzLm1hcCJdfQ== */"));exports.ShimmerStyled=c;

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

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