@bikdotai/bik-component-library 0.0.32024-beta.1 → 0.0.32026-beta.1

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

@@ -1,6 +0,0 @@
-interface EmptyStateProps {
-    title: string;
-    subtitle: string;
-}
-export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/box_round.svg.js"),r=require("styled-components"),s=require("../../constants/Theme.js"),n=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(r).default.div`
-	height: 400px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-`;exports.EmptyState=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:i})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:l}))]})};

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

@@ -1,33 +0,0 @@
-import { Product, ProductVariant } from '../modal';
-import { OUT_OF_STOCK_ACTION } from '../type';
-export declare class ProductHelper {
-    /**
-     * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)
-     * how to know if a product is hidden ? skipSync === true (not-synced)
-     *
-     * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE
-     *    - not-synced && OOS => NOT_SYNCED
-     *    - not-synced && !OOS => NOT_SYNCED
-     *    - !not-synced && OOS => NOT_SYNCED
-     *    - !not-synced && !OOS => NORMAL
-     *
-     *
-     * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR
-     *    - not-synced && OOS => NOT_SYNCED
-     *    - not-synced && !OOS => NOT_SYNCED
-     *    - !not-synced && OOS => OUT_OF_STOCK
-     *    - !not-synced && !OOS => NORMAL
-     *
-     *
-     * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL
-     *    - not-synced && OOS => NOT_SYNCED
-     *    - not-synced && !OOS => NOT_SYNCED
-     *    - !not-synced && OOS => NORMAL
-     *    - !not-synced && !OOS => NORMAL
-     *
-     * @param product
-     * @param currentCombination
-     * @param outOfStockAction
-     */
-    static getProductLabels(productVariant: Product | ProductVariant, outOfStockAction?: OUT_OF_STOCK_ACTION): string | null;
-}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../type.js");const t={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock"};exports.ProductHelper=class{static getProductLabels(i){let u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n.OUT_OF_STOCK_ACTION.NORMAL,l="NORMAL";if(i.variants)return t[l];const O=i;return u===n.OUT_OF_STOCK_ACTION.HIDE&&(!O.skipSync||0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)||(l="NOT_SYNCED"),O.skipSync&&0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)&&(l="NOT_SYNCED"),O.skipSync||0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)||(l="NOT_SYNCED"),O.skipSync||0===(null==O?void 0:O.quantity)||-2===(null==O?void 0:O.quantity)||(l="NORMAL")),u===n.OUT_OF_STOCK_ACTION.BLUR&&(!O.skipSync||0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)||(l="NOT_SYNCED"),O.skipSync&&0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)&&(l="NOT_SYNCED"),O.skipSync||0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)||(l="OUT_OF_STOCK"),O.skipSync||0===(null==O?void 0:O.quantity)||-2===(null==O?void 0:O.quantity)||(l="NORMAL")),u===n.OUT_OF_STOCK_ACTION.NORMAL&&(!O.skipSync||0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)||(l="NOT_SYNCED"),O.skipSync&&0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)&&(l="NOT_SYNCED"),O.skipSync||0!==(null==O?void 0:O.quantity)&&-2!==(null==O?void 0:O.quantity)||(l="NORMAL"),O.skipSync||0===(null==O?void 0:O.quantity)||-2===(null==O?void 0:O.quantity)||(l="NORMAL")),t[l]}};

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

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

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

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import { OUT_OF_STOCK_ACTION } from './type';
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-    quantity: number;
-    skipSync?: boolean;
-}
-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 {
-    hideGlobalSearch?: boolean;
-    hideInCollectionSearch?: boolean;
-    customCollectionRestriction?: boolean;
-    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string) => Promise<string[]>;
-    searchFetcher: (storeId: string, query: string) => Promise<SelectedItems>;
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems, total: number) => void;
-    onClose: () => void;
-    visible: boolean;
-    zIndex?: number;
-    limit?: number;
-    hideCollectionCheckbox?: boolean;
-    hideProductCheckbox?: boolean;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    hideVariantCheckbox?: boolean;
-    selectProductsFromCustomCollection?: boolean;
-    hideSelectionCount?: boolean;
-    title?: string;
-    postHeader?: React.ReactNode;
-    width?: string;
-}
-export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;

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

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

@@ -1,53 +0,0 @@
-import React from 'react';
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION } from './type';
-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;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    hideVariantCheckbox?: boolean;
-    selectProductsFromCustomCollection?: boolean;
-}
-export declare const ProductsScreen: (props: ProductsScreenInterface) => import("react/jsx-runtime").JSX.Element;
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-    upliftAdditions: any;
-    hideProductCheckbox?: boolean;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    hideVariantCheckbox?: boolean;
-}
-export declare const ProductGroup: (props: ProductGroupInterface) => import("react/jsx-runtime").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;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    hideVariantCheckbox?: boolean;
-}
-export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").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"),s=require("react"),r=require("../tag/Tag.js"),d=require("../../constants/Theme.js"),l=require("../checkBox/CheckBox.js"),n=require("../icon-button/IconButton.js"),a=require("../input/Input.js"),u=require("../shimmer/ShimmerComponent/BikShimmer.js"),h=require("../shimmer-image/ShimmerImage.js"),p=require("../spinner/Spinner.js"),v=require("../TypographyStyle.js"),j=require("./collectionScreen.js"),x=require("./emptyState.js"),y=require("./helpers/ProductHelper.js"),g=require("./reducers.js"),C=require("./style.js"),m=require("./type.js"),b=require("./utility.js");const k=t=>{const{collectionId:i,productId:o,data:c,selectedData:s,selectedCollectionsDispatch:r,viewOnly:d,upliftAdditions:l,isProductPartiallyChecked:n,hideProductCheckbox:a,outOfStockAction:u,hideVariantCheckbox:h}=t,p=e=>{var t,c,r,d,l,n;if(!(null===(c=null===(t=null==s?void 0:s[i])||void 0===t?void 0:t.products)||void 0===c?void 0:c[o]))return!1;return!!(null===(n=null===(l=null===(d=null===(r=null==s?void 0:s[i])||void 0===r?void 0:r.products)||void 0===d?void 0:d[o])||void 0===l?void 0:l.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(O,{isVariant:!1,data:c,productId:o,collectionId:i,isSelected:!!(null===(j=null===(v=null==s?void 0:s[i])||void 0===v?void 0:v.products)||void 0===j?void 0:j[o]),isPartiallyChecked:n,selectedCollectionsDispatch:r,upliftAdditions:l,viewOnly:d,hideProductCheckbox:a,hideVariantCheckbox:h},o),Object.keys(c.variants||[]).map((t=>e.jsx(O,{isVariant:!0,hideVariantCheckbox:h,data:c.variants[t],variantId:t,productId:o,viewOnly:d,upliftAdditions:l,collectionId:i,isSelected:p(t),selectedCollectionsDispatch:r,outOfStockAction:u},t)))]});var v,j},O=t=>{const{isVariant:i,data:o,productId:c,collectionId:s,variantId:d,isSelected:n,selectedCollectionsDispatch:a,viewOnly:u,upliftAdditions:p,isPartiallyChecked:x,hideProductCheckbox:g,outOfStockAction:m,hideVariantCheckbox:b}=t,k=y.ProductHelper.getProductLabels(o,m);return e.jsxs(C.ProductCardStyle,Object.assign({isVariant:i},{children:[i&&!u&&!b||!i&&!u&&!g?e.jsx(l.CheckBox,{isChecked:n,isPartiallyChecked:x||!1,onValueChange:function(e){i?e?p("variantSelected",{productId:c,variantId:d,collectionId:s,variant:o}):a({type:"variantUnselected",data:{productId:c,variantId:d,collectionId:s}}):e?p("productSelected",{productId:c,collectionId:s,product:o}):a({type:"productUnselected",data:{productId:c,collectionId:s}})}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:e.jsx(h.ShimmerImage,{width:40,height:40,imageUrl:o.image,alt:"Item",borderRadius:4})}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column"}},{children:[e.jsx(v.TitleRegular,{children:j.truncate(o.name,40,!0)}),k?e.jsx("div",Object.assign({style:{width:90,display:"flex"}},{children:e.jsx(r.Tag,{tagText:k,type:"warning",theme:"light"})})):e.jsx(e.Fragment,{})]}))]}))};exports.ProductCard=O,exports.ProductGroup=k,exports.ProductsScreen=r=>{const h=s.useContext(g.CollectionIdContext),{data:j,collectionsDispatch:y,selectedData:O,selectedCollectionsDispatch:f,productFetcher:I,storeId:S,setScreen:P,setSaveDisabled:q,hideInCollectionSearch:E,customCollectionRestriction:T,hideProductCheckbox:w,outOfStockAction:D=m.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:A=!1,selectProductsFromCustomCollection:B=!1}=r,[V,R]=s.useState(""),[F,U]=s.useState(!1),[_,H]=s.useState(j);s.useEffect((()=>{const e=setTimeout((()=>{V.length?(U(!0),r.searchInCollectionFetcher(S,h,V).then((e=>{var t;const i=c.cloneDeep(j);i.products={};for(const o of e)(null===(t=null==j?void 0:j.products)||void 0===t?void 0:t[o])&&(i.products[o]=j.products[o]);H(i),q(!1),U(!1)}))):H(j)}),800);return()=>clearTimeout(e)}),[V]);const L=!!T&&j.isSmartCollection,K=e=>{var t,i,o,c,s,r,d,l;let n=0,a=0;return!!((null===(i=null===(t=null==O?void 0:O[h])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(s=Object.keys((null===(c=null===(o=null==j?void 0:j.products)||void 0===o?void 0:o[e])||void 0===c?void 0:c.variants)||[]))||void 0===s||s.forEach((()=>a++)),Object.keys((null===(l=null===(d=null===(r=null==O?void 0:O[h])||void 0===r?void 0:r.products)||void 0===d?void 0:d[e])||void 0===l?void 0:l.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};s.useEffect((()=>{(null==j?void 0:j.products)||N()}),[]);const N=()=>{q(!0),U(!0),I(h,S).then((e=>{Object.keys(e).length&&(y({type:"productsFetched",data:{collectionId:h,products:e}}),H(Object.assign(Object.assign({},_),{products:e}))),q(!1),U(!1)})).catch()},W=(e,t)=>{const i=b.liftTheStateUp(t,j);f({type:e,data:Object.assign(Object.assign({},i),{isRestricted:T})})};return e.jsxs("div",{children:[e.jsxs(C.ProductScreenHeader,{children:[e.jsx(n.IconButton,{Icon:t.default,height:16,onClick:()=>{P("collections")}}),e.jsx(v.BodyCaption,Object.assign({style:{color:d.COLORS.content.secondary}},{children:j.name}))]}),!E&&e.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(a.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>F&&V.length?e.jsx(p.Spinner,{size:"small",color:d.COLORS.content.primary}):e.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:V,onChangeText:e=>{e.length&&e.trim().length?R(e):R("")},placeholder:"Search products in this collection..."})})),e.jsxs("div",{children:[Object.keys((null==_?void 0:_.products)||[]).length>0&&!L&&!V.length&&!w&&e.jsxs(C.ProductScreenCollectionCardStyle,{children:[e.jsx(l.CheckBox,{isChecked:!!(null==O?void 0:O[h]),isPartiallyChecked:(e=>{var t;let i=0,o=0;if(O[e]){const c=null==j?void 0:j.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 s=null===(t=O[e])||void 0===t?void 0:t.products;return s&&Object.keys(s).forEach((e=>{var t;const i=null===(t=s[e])||void 0===t?void 0:t.variants;i&&Object.keys(i).forEach((()=>o+=1))})),o>0&&i!==o}return!1})(h),onValueChange:function(e){f(e?{type:"selected",data:{id:h,val:j}}:{type:"unselected",data:{id:h}})}}),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==_?void 0:_.products)||[]).length?Object.keys(_.products||[]).map((t=>e.jsx(k,{outOfStockAction:D,collectionId:h,isProductPartiallyChecked:K(t),productId:t,data:_.products[t],selectedData:O,selectedCollectionsDispatch:f,viewOnly:!B&&!!L,upliftAdditions:W,hideProductCheckbox:w,hideVariantCheckbox:A},t))):F?[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(u.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),i))):e.jsx(x.EmptyState,{title:"No products to show",subtitle:V.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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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/type.d.ts

@@ -1,6 +0,0 @@
-export declare enum OUT_OF_STOCK_ACTION {
-    HIDE = "HIDE",
-    NORMAL = "NORMAL",
-    /** @description shows OOS label  */
-    BLUR = "BLUR"
-}

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

@@ -1 +0,0 @@
-"use strict";var O;Object.defineProperty(exports,"__esModule",{value:!0}),exports.OUT_OF_STOCK_ACTION=void 0,(O=exports.OUT_OF_STOCK_ACTION||(exports.OUT_OF_STOCK_ACTION={})).HIDE="HIDE",O.NORMAL="NORMAL",O.BLUR="BLUR";

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/progress-bar/ProgressBarComponent.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export interface ProgressBarProps {
-    completed: number;
-    isAnimated: boolean;
-    color?: string;
-    height?: number;
-}
-export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-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;
-    size?: "SMALL" | "DEFAULT" | undefined;
-}, never>;

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

@@ -1,22 +0,0 @@
-"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 s=i(e);const o=s.default.div`
-	display: inline-flex;
-	gap: 8px;
-	align-items: center;
-	cursor: pointer;
-`,r=s.default.div`
-	width: ${e=>"SMALL"===e.size?16:20}px;
-	height: ${e=>"SMALL"===e.size?16:20}px;
-	border-radius: 50%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	${i=>i.hovered&&e.css`
-			outline: ${"SMALL"===i.size?1.5:3}px solid
-				${t.COLORS.surface.hovered};
-		`}
-	${i=>i.clicked&&!i.isDisabled&&e.css`
-			outline: ${"SMALL"===i.size?1.5:3}px solid
-				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
-			outline-offset: 2px;
-		`}
-`;exports.RadioButtonContainer=o,exports.RadioButtonIcon=r;

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

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

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/sample-button/SampleButton.d.ts

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-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) => import("react/jsx-runtime").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>, {}>;