@bikdotai/bik-component-library 0.0.151 → 0.0.153-beta0.1

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

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

package/dist/esm/components/product-picker-hackathon/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/esm/components/product-picker-hackathon/index.d.ts

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

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

@@ -0,0 +1,53 @@
+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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/product-picker-v2/collectionScreen.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsxs as o,jsx as l}from"react/jsx-runtime";import t from"../../assets/icons/arrow_left.svg.js";import{IconButton as i}from"../icon-button/IconButton.js";import{BodyCaption as e}from"../TypographyStyle.js";import{ProductGroup as d}from"./productScreen.js";import{SelectedScreenHeader as r}from"./style.js";const c=c=>{const{selectedCollections:n,selectedCollectionsDispatch:s,upliftAdditions:u,setScreen:v,collections:a}=c,p=(o,l)=>{var t,i,e,d,r,c,s,u,v;let p=0,m=0;return!!((null===(i=null===(t=null==n?void 0:n[o])||void 0===t?void 0:t.products)||void 0===i?void 0:i[l])&&(null===(c=Object.keys((null===(r=null===(d=null===(e=null==a?void 0:a[o])||void 0===e?void 0:e.products)||void 0===d?void 0:d[l])||void 0===r?void 0:r.variants)||[]))||void 0===c||c.forEach((()=>m++)),Object.keys((null===(v=null===(u=null===(s=null==n?void 0:n[o])||void 0===s?void 0:s.products)||void 0===u?void 0:u[l])||void 0===v?void 0:v.variants)||[]).forEach((()=>p++)),p>0&&m!==p))};return o("div",{children:[o(r,{children:[l(i,{Icon:t,onClick:()=>{v("collections")}}),l(e,{children:"Selected Products"})]}),l("div",{children:Object.keys(n).map((o=>{var t;return Object.keys((null===(t=null==n?void 0:n[o])||void 0===t?void 0:t.products)||[]).map((t=>{let i=!1;return(null==n?void 0:n.isCustom)&&(i=!0),l(d,{collectionId:o,productId:t,data:n[o].products[t],isProductPartiallyChecked:p(o,t),selectedData:n,selectedCollectionsDispatch:s,upliftAdditions:u,viewOnly:i},t)}))}))})]})};export{c as SelectedScreen};

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

@@ -0,0 +1,69 @@
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
+	display: flex;
+	background-color: white;
+	max-height: 600px;
+	min-height: 600px;
+	flex-direction: column;
+`,o=e.div`
+	overflow-y: scroll;
+	overflow-x: hidden;
+`,n=e.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;
+`,l=e.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	column-gap: 18px;
+`,d=e.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+`,r=e.div`
+	display: flex;
+	flex-direction: row;
+	max-height: 32px;
+	min-height: 32px;
+	background-color: ${i.background.base};
+	justify-content: flex-start;
+	align-items: center;
+	padding: 8px 16px;
+`,x=e.div`
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	padding: 12px 16px;
+	border-bottom: 1px solid #e0e0e0;
+	align-items: center;
+`,p=e.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"};
+`,c=e.div`
+	display: flex;
+	flex-direction: row;
+	max-height: 32px;
+	min-height: 32px;
+	background-color: ${i.background.base};
+	justify-content: flex-start;
+	align-items: center;
+	padding: 8px 16px;
+`,a=e.div`
+	display: flex;
+	flex-direction: column;
+`;export{d as CollectionCardDetailStyle,l as CollectionCardInfoStyle,n as CollectionCardStyle,a as CollectionNameHolder,t as ContainerStyle,p as ProductCardStyle,x as ProductScreenCollectionCardStyle,r as ProductScreenHeader,o as ScrollContainerStyle,c as SelectedScreenHeader};

package/dist/esm/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.151",
+	"version": "0.0.153-beta0.1",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -55,6 +55,7 @@
 		"browser-image-compression": "^2.0.2",
 		"chart.js": "^3.9.1",
 		"emoji-picker-react": "^4.4.9",
+		"lodash": "^4.17.21",
 		"phone": "^3.1.37",
 		"react-bootstrap": "^2.4.0",
 		"react-calendar": "^3.7.0",