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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/cjs/assets/icons/box.svg.js +1 -0
  2. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  3. package/dist/cjs/components/checkBox/CheckBox.d.ts +4 -0
  4. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  5. package/dist/cjs/components/product-picker-hackathon/collectionScreen.d.ts +23 -0
  6. package/dist/cjs/components/product-picker-hackathon/index.d.ts +1 -0
  7. package/dist/cjs/components/product-picker-hackathon/picker.d.ts +53 -0
  8. package/dist/cjs/components/product-picker-hackathon/productScreen.d.ts +39 -0
  9. package/dist/cjs/components/product-picker-hackathon/reducers.d.ts +17 -0
  10. package/dist/cjs/components/product-picker-hackathon/selectedScreen.d.ts +14 -0
  11. package/dist/cjs/components/product-picker-hackathon/style.d.ts +18 -0
  12. package/dist/cjs/components/product-picker-v2/collectionScreen.d.ts +23 -0
  13. package/dist/cjs/components/product-picker-v2/collectionScreen.js +1 -0
  14. package/dist/cjs/components/product-picker-v2/index.d.ts +1 -0
  15. package/dist/cjs/components/product-picker-v2/modal.d.ts +47 -0
  16. package/dist/cjs/components/product-picker-v2/modal.js +1 -0
  17. package/dist/cjs/components/product-picker-v2/productScreen.d.ts +39 -0
  18. package/dist/cjs/components/product-picker-v2/productScreen.js +1 -0
  19. package/dist/cjs/components/product-picker-v2/reducers.d.ts +17 -0
  20. package/dist/cjs/components/product-picker-v2/reducers.js +1 -0
  21. package/dist/cjs/components/product-picker-v2/selectedScreen.d.ts +14 -0
  22. package/dist/cjs/components/product-picker-v2/selectedScreen.js +1 -0
  23. package/dist/cjs/components/product-picker-v2/style.d.ts +14 -0
  24. package/dist/cjs/components/product-picker-v2/style.js +69 -0
  25. package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
  26. package/dist/cjs/index.d.ts +1 -0
  27. package/dist/cjs/index.js +1 -1
  28. package/dist/esm/assets/icons/box.svg.js +1 -0
  29. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  30. package/dist/esm/components/checkBox/CheckBox.d.ts +4 -0
  31. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  32. package/dist/esm/components/product-picker-hackathon/collectionScreen.d.ts +23 -0
  33. package/dist/esm/components/product-picker-hackathon/index.d.ts +1 -0
  34. package/dist/esm/components/product-picker-hackathon/picker.d.ts +53 -0
  35. package/dist/esm/components/product-picker-hackathon/productScreen.d.ts +39 -0
  36. package/dist/esm/components/product-picker-hackathon/reducers.d.ts +17 -0
  37. package/dist/esm/components/product-picker-hackathon/selectedScreen.d.ts +14 -0
  38. package/dist/esm/components/product-picker-hackathon/style.d.ts +18 -0
  39. package/dist/esm/components/product-picker-v2/collectionScreen.d.ts +23 -0
  40. package/dist/esm/components/product-picker-v2/collectionScreen.js +1 -0
  41. package/dist/esm/components/product-picker-v2/index.d.ts +1 -0
  42. package/dist/esm/components/product-picker-v2/modal.d.ts +47 -0
  43. package/dist/esm/components/product-picker-v2/modal.js +1 -0
  44. package/dist/esm/components/product-picker-v2/productScreen.d.ts +39 -0
  45. package/dist/esm/components/product-picker-v2/productScreen.js +1 -0
  46. package/dist/esm/components/product-picker-v2/reducers.d.ts +17 -0
  47. package/dist/esm/components/product-picker-v2/reducers.js +1 -0
  48. package/dist/esm/components/product-picker-v2/selectedScreen.d.ts +14 -0
  49. package/dist/esm/components/product-picker-v2/selectedScreen.js +1 -0
  50. package/dist/esm/components/product-picker-v2/style.d.ts +14 -0
  51. package/dist/esm/components/product-picker-v2/style.js +69 -0
  52. package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
  53. package/dist/esm/index.d.ts +1 -0
  54. package/dist/esm/index.js +1 -1
  55. package/package.json +2 -1
@@ -0,0 +1 @@
1
+ "use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,l,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var c=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},e),t||(t=n.createElement("rect",{width:39,height:39,x:.5,y:.5,fill:"#F0F0F0",rx:3.5})),r||(r=n.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M18.752 11.169a2.5 2.5 0 0 1 2.496 0l.002.001 5.833 3.333c.309.178.575.42.781.707a.837.837 0 0 1 .208.345 2.5 2.5 0 0 1 .261 1.11v6.67a2.5 2.5 0 0 1-1.25 2.162l-.003.002-5.83 3.331h-.002a2.5 2.5 0 0 1-.852.303.83.83 0 0 1-.792 0 2.5 2.5 0 0 1-.852-.302l-.002-.001-5.83-3.331-.003-.002a2.5 2.5 0 0 1-1.25-2.163v-6.668c0-.387.09-.767.261-1.111a.842.842 0 0 1 .208-.345 2.5 2.5 0 0 1 .78-.707l.004-.002 5.832-3.332Zm2.081 15.98 5.417-3.096h.001a.833.833 0 0 0 .416-.72v-6.218l-5.834 3.374v6.66Zm-1.666-6.66v6.66l-5.417-3.096h-.001a.833.833 0 0 1-.416-.72v-6.218l5.834 3.374Zm1.253-7.874 5.38 3.075-5.8 3.356-5.8-3.356 5.38-3.075.003-.002a.833.833 0 0 1 .834 0l.003.002Z",clipRule:"evenodd"})),l||(l=n.createElement("rect",{width:39,height:39,x:.5,y:.5,stroke:"#E0E0E0",rx:3.5})));exports.default=c;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -7,4 +7,8 @@ export type CheckBoxProps = {
7
7
  onValueChange: (checked: boolean, value?: string) => void;
8
8
  controlFromOutside?: boolean;
9
9
  };
10
+ export declare const CheckMark: React.FC<{
11
+ isPartial: boolean;
12
+ isDisabled: boolean;
13
+ }>;
10
14
  export declare const CheckBox: React.FC<CheckBoxProps>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[o,r]=i.useState(t.isChecked||!1),[c,a]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{t.controlFromOutside&&r(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return i.useEffect((()=>{r(t.isChecked)}),[t.isChecked]),e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const s=!o;r(s),null===(i=t.onValueChange)||void 0===i||i.call(t,s,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:o,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:o&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!1})}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var o;const[r,n]=i.useState(t.isChecked||!1),[c,a]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{t.controlFromOutside&&n(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return i.useEffect((()=>{n(t.isChecked)}),[t.isChecked]),e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const s=!r;n(s),null===(i=t.onValueChange)||void 0===i||i.call(t,s,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:r,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:r&&e.jsx(l,{isPartial:null!==(o=t.isPartiallyChecked)&&void 0!==o&&o,isDisabled:t.isDisabled||!1})}))}))},exports.CheckMark=l;
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
3
+ import { CollectionsActions, SelectedCollectionsActions } from './reducers';
4
+ export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
5
+ interface CollectionsScreenInterface {
6
+ collections: {
7
+ [key: string]: Collection;
8
+ };
9
+ selectedCollections: SelectedItems;
10
+ collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
11
+ storeId: string;
12
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
13
+ setCollectionId: React.Dispatch<React.SetStateAction<string>>;
14
+ setScreen: React.Dispatch<React.SetStateAction<string>>;
15
+ collectionsDispatch: React.Dispatch<CollectionsActions>;
16
+ setSaveDisabled: React.Dispatch<boolean>;
17
+ pagingControls: {
18
+ curPage: number;
19
+ setCurPage: React.Dispatch<React.SetStateAction<number>>;
20
+ };
21
+ }
22
+ export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
23
+ export {};
@@ -0,0 +1 @@
1
+ export * from './picker';
@@ -0,0 +1,53 @@
1
+ export interface ProductVariant {
2
+ name: string;
3
+ price: string;
4
+ image: string;
5
+ }
6
+ export interface Product {
7
+ name: string;
8
+ image: string;
9
+ variants?: {
10
+ [key: string]: ProductVariant;
11
+ };
12
+ }
13
+ export interface Collection {
14
+ name: string;
15
+ image: string;
16
+ isSmartCollection: boolean;
17
+ products?: {
18
+ [key: string]: Product;
19
+ };
20
+ }
21
+ export type SelectedItems = {
22
+ [key: string]: Collection;
23
+ };
24
+ export type CollectionFetcherReturn = Promise<{
25
+ collections: {
26
+ [key: string]: {
27
+ image: string;
28
+ name: string;
29
+ isSmartCollection: string;
30
+ };
31
+ };
32
+ }>;
33
+ export type ProductFetcherReturn = Promise<{
34
+ [key: string]: Product;
35
+ }>;
36
+ export interface ProductPickerInterface {
37
+ collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
38
+ productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
39
+ storeId: string;
40
+ selectedItems: SelectedItems;
41
+ onAdd: (items: SelectedItems) => void;
42
+ onClose: () => void;
43
+ visible: boolean;
44
+ zIndex?: number;
45
+ previewElement?: boolean;
46
+ onCancel: () => void;
47
+ onProceed: (payload: ProductPost) => void;
48
+ }
49
+ export interface ProductPost {
50
+ selectedProduct?: Product;
51
+ selectedUrl?: string;
52
+ }
53
+ export declare const Picker: (props: ProductPickerInterface) => JSX.Element;
@@ -0,0 +1,39 @@
1
+ /// <reference types="react" />
2
+ import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
3
+ import { CollectionsActions, SelectedCollectionsActions } from './reducers';
4
+ interface ProductsScreenInterface {
5
+ data: Collection;
6
+ collectionsDispatch: React.Dispatch<CollectionsActions>;
7
+ selectedData: SelectedItems;
8
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
9
+ productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
10
+ storeId: string;
11
+ setScreen: React.Dispatch<React.SetStateAction<string>>;
12
+ setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
13
+ }
14
+ export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
15
+ interface ProductGroupInterface {
16
+ collectionId: string;
17
+ productId: string;
18
+ data: Product;
19
+ selectedData: SelectedItems;
20
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
21
+ upliftAdditions: any;
22
+ viewOnly: boolean;
23
+ isProductPartiallyChecked?: boolean;
24
+ }
25
+ export declare const ProductGroup: (props: ProductGroupInterface) => JSX.Element;
26
+ interface ProductCardInterface {
27
+ isVariant: boolean;
28
+ data: Product | ProductVariant;
29
+ productId: string;
30
+ collectionId: string;
31
+ variantId?: string;
32
+ isSelected: boolean;
33
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
34
+ upliftAdditions: any;
35
+ viewOnly: boolean;
36
+ isPartiallyChecked?: boolean;
37
+ }
38
+ export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
39
+ export {};
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { Collection, SelectedItems } from '.';
3
+ export interface SelectedCollectionsActions {
4
+ type: string;
5
+ data: {
6
+ [key: string]: any;
7
+ };
8
+ }
9
+ export declare function selectedColectionsReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
10
+ export interface CollectionsActions {
11
+ type: string;
12
+ data: {
13
+ [key: string]: any;
14
+ };
15
+ }
16
+ export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
17
+ export declare const CollectionIdContext: import("react").Context<string>;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { Collection, SelectedItems } from '.';
3
+ import { SelectedCollectionsActions } from './reducers';
4
+ interface SelectedScreenInterface {
5
+ selectedCollections: SelectedItems;
6
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
7
+ upliftAdditions: any;
8
+ setScreen: React.Dispatch<React.SetStateAction<string>>;
9
+ collections: {
10
+ [key: string]: Collection;
11
+ };
12
+ }
13
+ export declare const SelectedScreen: (props: SelectedScreenInterface) => JSX.Element;
14
+ export {};
@@ -0,0 +1,18 @@
1
+ export declare const PickerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const ListContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const FooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const PreviewContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
7
+ isDisabled: boolean;
8
+ }, never>;
9
+ export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
10
+ export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
12
+ export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
13
+ export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
14
+ isVariant: boolean;
15
+ }, never>;
16
+ export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
17
+ export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
18
+ export declare const ProductCard: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
3
+ import { CollectionsActions, SelectedCollectionsActions } from './reducers';
4
+ export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
5
+ interface CollectionsScreenInterface {
6
+ collections: {
7
+ [key: string]: Collection;
8
+ };
9
+ selectedCollections: SelectedItems;
10
+ collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
11
+ storeId: string;
12
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
13
+ setCollectionId: React.Dispatch<React.SetStateAction<string>>;
14
+ setScreen: React.Dispatch<React.SetStateAction<string>>;
15
+ collectionsDispatch: React.Dispatch<CollectionsActions>;
16
+ setSaveDisabled: React.Dispatch<boolean>;
17
+ pagingControls: {
18
+ curPage: number;
19
+ setCurPage: React.Dispatch<React.SetStateAction<number>>;
20
+ };
21
+ }
22
+ export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
23
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("react"),r=require("../checkBox/CheckBox.js"),i=require("../icon-button/IconButton.js"),c=require("../shimmer/ShimmerComponent/BikShimmer.js"),o=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),l=require("./style.js");const a=(e,t,s)=>{if(e.length<=t)return e;const r=e.slice(0,t-1);return(s?r.slice(0,r.lastIndexOf(" ")):r)+"..."},d=s=>{const{data:c,selectedCollectionsDispatch:d,setCollectionId:u,isPartiallyChecked:h,setScreen:j,id:x,isChecked:p,isDisabled:C}=s;return e.jsxs(l.CollectionCardStyle,Object.assign({isDisabled:C},{children:[e.jsxs(l.CollectionCardInfoStyle,{children:[e.jsx(r.CheckBox,{isDisabled:C,isChecked:p,isPartiallyChecked:h,onValueChange:function(e,t){d(e?{type:"selected",data:{id:x,val:c}}:{type:"unselected",data:{id:x}}),u(e?x:"")}}),e.jsx(l.CollectionCardDetailStyle,{children:e.jsxs(l.CollectionNameHolder,{children:[e.jsx(n.TitleRegular,{children:a(c.name,40,!0)}),c.isSmartCollection?e.jsx(o.Tag,{tagText:"Smart Collection",type:"warning"}):e.jsx(e.Fragment,{})]})})]}),e.jsx(i.IconButton,{onClick:()=>{C||(u(x),j("products"))},Icon:t.default})]}))};exports.CollectionsScreen=t=>{const{collections:r,selectedCollectionsDispatch:i,setCollectionId:o,selectedCollections:n,setScreen:l,collectionFetcher:a,collectionsDispatch:u,pagingControls:h,storeId:j,setSaveDisabled:x}=t,p=s.useRef(null),C=s.useRef(h.curPage),v=(null==n?void 0:n.isCustom)||!1,[g,m]=s.useState(!1);s.useEffect((()=>{C.current=h.curPage}),[h.curPage]),s.useEffect((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&C.current>0&&(x(!0),m(!0),a(C.current,j).then((e=>{u({type:"paged",data:(null==e?void 0:e.collections)||{}}),h.setCurPage(C.current+1),m(!1),x(!1)})).catch())}),{threshold:1});return p.current&&e.observe(p.current),()=>{p.current&&e.unobserve(p.current)}}),[p]);const b=e=>{var t,s;let i=0,c=0;if(n[e]){const o=null===(t=r[e])||void 0===t?void 0:t.products;o&&Object.keys(o).forEach((e=>{var t;const s=null===(t=o[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>i+=1))}));const l=null===(s=n[e])||void 0===s?void 0:s.products;return l&&Object.keys(l).forEach((e=>{var t;const s=null===(t=l[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>c+=1))})),!(i<=0&&c>0)&&(c>0&&i!==c)}return!1};return e.jsxs("div",{children:[Object.keys(r).length?Object.keys(r).map((t=>e.jsx(d,{data:r[t],isDisabled:v&&!(null==n?void 0:n[t]),isChecked:!!(null==n?void 0:n[t]),isPartiallyChecked:b(t),selectedCollectionsDispatch:i,setCollectionId:o,setScreen:l,id:t},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(c.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s))),e.jsx("div",{ref:p}),g&&[1,2,3,4,5].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(c.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s)))]})},exports.truncate=a;
@@ -0,0 +1 @@
1
+ export * from './modal';
@@ -0,0 +1,47 @@
1
+ /// <reference types="react" />
2
+ export interface ProductVariant {
3
+ name: string;
4
+ price: string;
5
+ image: string;
6
+ }
7
+ export interface Product {
8
+ name: string;
9
+ image: string;
10
+ variants?: {
11
+ [key: string]: ProductVariant;
12
+ };
13
+ }
14
+ export interface Collection {
15
+ name: string;
16
+ image: string;
17
+ isSmartCollection: boolean;
18
+ products?: {
19
+ [key: string]: Product;
20
+ };
21
+ }
22
+ export type SelectedItems = {
23
+ [key: string]: Collection;
24
+ };
25
+ export type CollectionFetcherReturn = Promise<{
26
+ collections: {
27
+ [key: string]: {
28
+ image: string;
29
+ name: string;
30
+ isSmartCollection: string;
31
+ };
32
+ };
33
+ }>;
34
+ export type ProductFetcherReturn = Promise<{
35
+ [key: string]: Product;
36
+ }>;
37
+ export interface ProductPickerInterface {
38
+ collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
39
+ productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
40
+ storeId: string;
41
+ selectedItems: SelectedItems;
42
+ onAdd: (items: SelectedItems) => void;
43
+ onClose: () => void;
44
+ visible: boolean;
45
+ zIndex?: number;
46
+ }
47
+ export declare const ProductPickerModal: (props: ProductPickerInterface) => JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),c=require("../button/Button.js"),o=require("../modals/styledModal.js"),s=require("./collectionScreen.js"),l=require("./productScreen.js"),r=require("./reducers.js"),d=require("./selectedScreen.js"),n=require("./style.js");exports.ProductPickerModal=i=>{const{storeId:u,selectedItems:a,onClose:h,visible:p,zIndex:j}=i,[v,S]=t.useReducer(r.collectionsReducer,{}),[y,x]=t.useState("collections"),[C,b]=t.useState(""),[f,g]=t.useState(0),[q,I]=t.useReducer(r.selectedColectionsReducer,Object.keys(a).length?a:{}),[P,k]=t.useState(!1),[m,D]=t.useState(0);return t.useEffect((()=>{let e=0;Object.keys(q||[]).forEach((t=>{var c;Object.keys((null===(c=q[t])||void 0===c?void 0:c.products)||[]).forEach((c=>{var o,s;Object.keys((null===(s=null===(o=q[t].products)||void 0===o?void 0:o[c])||void 0===s?void 0:s.variants)||[]).forEach((t=>{e+=1}))}))})),D(e)})),t.useEffect((()=>{k(!0),i.collectionFetcher(f,u).then((e=>{S({type:"fetched",data:(null==e?void 0:e.collections)||{}}),k(!1),g((e=>e+1))})).catch()}),[]),t.useEffect((()=>{var e;C&&!(null===(e=null==v?void 0:v[C])||void 0===e?void 0:e.products)&&(k(!0),i.productFetcher(C,u).then((e=>{Object.keys(e).length&&(S({type:"productsFetched",data:{collectionId:C,products:e}}),k(!1))})).catch())}),[C]),e.jsx(o.StyledModal,Object.assign({zIndex:j,open:p,onClose:h,headingTitle:"collections"===y?"Select Products":"products"===y?v[C].name:"view"===y?"Selected Products":void 0,footerShadow:!0,centralContainerStyles:{width:"480px"},primaryButton:{buttonText:P?"Loading...":"Add",disabled:P,onClick:()=>i.onAdd(q)},footerLeftCustomElement:e.jsx(e.Fragment,{children:m>0?e.jsx(c.Button,{onClick:()=>{x("view")},buttonText:`${m} products selected`,buttonType:"tertiaryGray"}):e.jsx(c.Button,{disabled:!0,buttonText:`${m} products selected`,buttonType:"tertiaryGray"})})},{children:e.jsx(n.ContainerStyle,{children:e.jsxs(n.ScrollContainerStyle,{children:["collections"===y&&e.jsx(s.CollectionsScreen,{collections:v,selectedCollectionsDispatch:I,setCollectionId:b,setScreen:x,selectedCollections:q,collectionFetcher:i.collectionFetcher,storeId:u,collectionsDispatch:S,setSaveDisabled:k,pagingControls:{curPage:f,setCurPage:g}}),"products"===y&&C&&e.jsx(r.CollectionIdContext.Provider,Object.assign({value:C},{children:e.jsx(l.ProductsScreen,{productFetcher:i.productFetcher,setScreen:x,storeId:u,data:v[C],collectionsDispatch:S,selectedCollectionsDispatch:I,selectedData:q,setSaveDisabled:k})})),"view"===y&&e.jsx(d.SelectedScreen,{selectedCollections:q||{},selectedCollectionsDispatch:I,upliftAdditions:null,setScreen:x,collections:v})]})})}))};
@@ -0,0 +1,39 @@
1
+ /// <reference types="react" />
2
+ import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
3
+ import { CollectionsActions, SelectedCollectionsActions } from './reducers';
4
+ interface ProductsScreenInterface {
5
+ data: Collection;
6
+ collectionsDispatch: React.Dispatch<CollectionsActions>;
7
+ selectedData: SelectedItems;
8
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
9
+ productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
10
+ storeId: string;
11
+ setScreen: React.Dispatch<React.SetStateAction<string>>;
12
+ setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
13
+ }
14
+ export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
15
+ interface ProductGroupInterface {
16
+ collectionId: string;
17
+ productId: string;
18
+ data: Product;
19
+ selectedData: SelectedItems;
20
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
21
+ upliftAdditions: any;
22
+ viewOnly: boolean;
23
+ isProductPartiallyChecked?: boolean;
24
+ }
25
+ export declare const ProductGroup: (props: ProductGroupInterface) => JSX.Element;
26
+ interface ProductCardInterface {
27
+ isVariant: boolean;
28
+ data: Product | ProductVariant;
29
+ productId: string;
30
+ collectionId: string;
31
+ variantId?: string;
32
+ isSelected: boolean;
33
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
34
+ upliftAdditions: any;
35
+ viewOnly: boolean;
36
+ isPartiallyChecked?: boolean;
37
+ }
38
+ export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
39
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),i=require("../../assets/icons/box.svg.js"),d=require("lodash"),o=require("react"),l=require("../../constants/Theme.js"),c=require("../checkBox/CheckBox.js"),s=require("../icon-button/IconButton.js"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),n=require("../shimmer-image/ShimmerImage.js"),a=require("../TypographyStyle.js"),u=require("./collectionScreen.js"),v=require("./reducers.js"),p=require("./style.js");const h=t=>{const{collectionId:i,productId:d,data:o,selectedData:l,selectedCollectionsDispatch:c,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t,a=e=>{var t,o,c,s,r,n;if(!(null===(o=null===(t=null==l?void 0:l[i])||void 0===t?void 0:t.products)||void 0===o?void 0:o[d]))return!1;return!!(null===(n=null===(r=null===(s=null===(c=null==l?void 0:l[i])||void 0===c?void 0:c.products)||void 0===s?void 0:s[d])||void 0===r?void 0:r.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(j,{isVariant:!1,data:o,productId:d,collectionId:i,isSelected:!!(null===(v=null===(u=null==l?void 0:l[i])||void 0===u?void 0:u.products)||void 0===v?void 0:v[d]),isPartiallyChecked:n,selectedCollectionsDispatch:c,upliftAdditions:s,viewOnly:r},d),Object.keys(o.variants||[]).map((t=>e.jsx(j,{isVariant:!0,data:o.variants[t],variantId:t,productId:d,viewOnly:r,collectionId:i,isSelected:a(t),selectedCollectionsDispatch:c,upliftAdditions:s},t)))]});var u,v},j=t=>{const{isVariant:i,data:d,productId:o,collectionId:l,variantId:s,isSelected:r,selectedCollectionsDispatch:v,upliftAdditions:h,viewOnly:j,isPartiallyChecked:y}=t;return e.jsxs(p.ProductCardStyle,Object.assign({isVariant:i},{children:[j?e.jsx(e.Fragment,{}):e.jsx(c.CheckBox,{isChecked:r,isPartiallyChecked:y||!1,onValueChange:function(e){i?e?h("variantSelected",{productId:o,variantId:s,collectionId:l,variant:d}):v({type:"variantUnselected",data:{productId:o,variantId:s,collectionId:l}}):e?h("productSelected",{productId:o,collectionId:l,product:d}):v({type:"productUnselected",data:{productId:o,collectionId:l}})}}),e.jsx("div",{children:e.jsx(n.ShimmerImage,{width:40,height:40,imageUrl:d.image,alt:"Item",borderRadius:4})}),e.jsx(a.TitleRegular,{children:u.truncate(d.name,40,!0)})]}))};exports.ProductCard=j,exports.ProductGroup=h,exports.ProductsScreen=n=>{const u=o.useContext(v.CollectionIdContext),{data:j,collectionsDispatch:y,selectedData:x,selectedCollectionsDispatch:m,productFetcher:I,storeId:g,setScreen:C,setSaveDisabled:O}=n,[b]=o.useState(j),k=j.isSmartCollection||!1,f=e=>{var t,i,d,o,l,c,s,r;let n=0,a=0;return!!((null===(i=null===(t=null==x?void 0:x[u])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(l=Object.keys((null===(o=null===(d=null==j?void 0:j.products)||void 0===d?void 0:d[e])||void 0===o?void 0:o.variants)||[]))||void 0===l||l.forEach((()=>a++)),Object.keys((null===(r=null===(s=null===(c=null==x?void 0:x[u])||void 0===c?void 0:c.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};o.useEffect((()=>{(null==j?void 0:j.products)||(O(!0),I(u,g).then((e=>{Object.keys(e).length&&y({type:"productsFetched",data:{collectionId:u,products:e}}),O(!1)})).catch())}),[]);const S=(e,t)=>{const i=d.cloneDeep(j);if(delete i.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:i})).productId&&j.products){const e=d.cloneDeep(j.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:i,productOnlyData:e})}m({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(p.ProductScreenHeader,{children:[e.jsx(s.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(a.BodyCaption,Object.assign({style:{color:l.COLORS.content.secondary}},{children:j.name}))]}),e.jsxs("div",{children:[e.jsxs(p.ProductScreenCollectionCardStyle,{children:[k?e.jsx(e.Fragment,{}):e.jsx(c.CheckBox,{isChecked:!!(null==x?void 0:x[u]),isPartiallyChecked:(e=>{var t;let i=0,d=0;if(x[e]){const o=null==j?void 0:j.products;o&&Object.keys(o).forEach((e=>{var t;const d=null===(t=o[e])||void 0===t?void 0:t.variants;d&&Object.keys(d).forEach((e=>i+=1))}));const l=null===(t=x[e])||void 0===t?void 0:t.products;return l&&Object.keys(l).forEach((e=>{var t;const i=null===(t=l[e])||void 0===t?void 0:t.variants;i&&Object.keys(i).forEach((()=>d+=1))})),d>0&&i!==d}return!1})(u),onValueChange:function(e){m(e?{type:"selected",data:{id:u,val:j}}:{type:"unselected",data:{id:u}})}}),e.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsx(i.default,{})})),e.jsx(a.TitleRegular,{children:"All Products"})]}),Object.keys((null==b?void 0:b.products)||[]).length?Object.keys(b.products||[]).map((t=>e.jsx(h,{collectionId:u,isProductPartiallyChecked:f(t),productId:t,data:b.products[t],selectedData:x,selectedCollectionsDispatch:m,upliftAdditions:S,viewOnly:!!k},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,i)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),i)))]})]})};
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { Collection, SelectedItems } from '.';
3
+ export interface SelectedCollectionsActions {
4
+ type: string;
5
+ data: {
6
+ [key: string]: any;
7
+ };
8
+ }
9
+ export declare function selectedColectionsReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
10
+ export interface CollectionsActions {
11
+ type: string;
12
+ data: {
13
+ [key: string]: any;
14
+ };
15
+ }
16
+ export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
17
+ export declare const CollectionIdContext: import("react").Context<string>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;default:return{}}},exports.selectedColectionsReducer=function(e,a){var d,o,c,l,s,r;let n={},u="",i="",p="";switch(a.type){case"selected":return n=t.cloneDeep(e),a.data.val.isSmartCollection&&(n={},n.isCustom=!0),n[a.data.id]=a.data.val,n;case"unselected":return n=t.cloneDeep(e),(null==n?void 0:n.isCustom)&&(n.isCustom=!1),delete n[a.data.id],n;case"productUnselected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,delete n[i].products[u],Object.keys(n[i].products).length||((null==n?void 0:n.isCustom)&&(n.isCustom=!1),delete n[i]),n;case"productSelected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,(null==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,(null===(d=a.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(n={},n.isCustom=!0),n[i].products={}),n[i].products[u]=a.data.product,n;case"variantSelected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,p=a.data.variantId,(null==n?void 0:n[i])||((null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(n={},n.isCustom=!0),n[i]=a.data.catalogOnlyData,n[i].products={},n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),(null===(l=null===(c=null==n?void 0:n[i])||void 0===c?void 0:c.products)||void 0===l?void 0:l[u])||((null===(s=null==n?void 0:n[i])||void 0===s?void 0:s.products)||(n[i].products={}),n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),n[i].products[u].variants[p]=a.data.variant,n;case"variantUnselected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,p=a.data.variantId,delete n[i].products[u].variants[p],Object.keys(n[i].products[u].variants).length||(delete n[i].products[u],Object.keys(n[i].products).length||((null===(r=n[i])||void 0===r?void 0:r.isSmartCollection)&&(n.isCustom=!1),delete n[i])),n;default:return e}};
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { Collection, SelectedItems } from '.';
3
+ import { SelectedCollectionsActions } from './reducers';
4
+ interface SelectedScreenInterface {
5
+ selectedCollections: SelectedItems;
6
+ selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
7
+ upliftAdditions: any;
8
+ setScreen: React.Dispatch<React.SetStateAction<string>>;
9
+ collections: {
10
+ [key: string]: Collection;
11
+ };
12
+ }
13
+ export declare const SelectedScreen: (props: SelectedScreenInterface) => JSX.Element;
14
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/arrow_left.svg.js"),l=require("../icon-button/IconButton.js"),t=require("../TypographyStyle.js"),i=require("./productScreen.js"),d=require("./style.js");exports.SelectedScreen=r=>{const{selectedCollections:s,selectedCollectionsDispatch:c,upliftAdditions:n,setScreen:u,collections:v}=r,a=(e,o)=>{var l,t,i,d,r,c,n,u,a;let p=0,j=0;return!!((null===(t=null===(l=null==s?void 0:s[e])||void 0===l?void 0:l.products)||void 0===t?void 0:t[o])&&(null===(c=Object.keys((null===(r=null===(d=null===(i=null==v?void 0:v[e])||void 0===i?void 0:i.products)||void 0===d?void 0:d[o])||void 0===r?void 0:r.variants)||[]))||void 0===c||c.forEach((()=>j++)),Object.keys((null===(a=null===(u=null===(n=null==s?void 0:s[e])||void 0===n?void 0:n.products)||void 0===u?void 0:u[o])||void 0===a?void 0:a.variants)||[]).forEach((()=>p++)),p>0&&j!==p))};return e.jsxs("div",{children:[e.jsxs(d.SelectedScreenHeader,{children:[e.jsx(l.IconButton,{Icon:o.default,onClick:()=>{u("collections")}}),e.jsx(t.BodyCaption,{children:"Selected Products"})]}),e.jsx("div",{children:Object.keys(s).map((o=>{var l;return Object.keys((null===(l=null==s?void 0:s[o])||void 0===l?void 0:l.products)||[]).map((l=>{let t=!1;return(null==s?void 0:s.isCustom)&&(t=!0),e.jsx(i.ProductGroup,{collectionId:o,productId:l,data:s[o].products[l],isProductPartiallyChecked:a(o,l),selectedData:s,selectedCollectionsDispatch:c,upliftAdditions:n,viewOnly:t},l)}))}))})]})};
@@ -0,0 +1,14 @@
1
+ export declare const ContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
4
+ isDisabled: boolean;
5
+ }, never>;
6
+ export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
10
+ export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
11
+ isVariant: boolean;
12
+ }, never>;
13
+ export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
14
+ export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,69 @@
1
+ "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`
2
+ display: flex;
3
+ background-color: white;
4
+ max-height: 600px;
5
+ min-height: 600px;
6
+ flex-direction: column;
7
+ `,r=i.default.div`
8
+ overflow-y: scroll;
9
+ overflow-x: hidden;
10
+ `,n=i.default.div`
11
+ height: 64px;
12
+ background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
13
+ border-bottom: 1px solid #e0e0e0;
14
+ padding: 12px 24px;
15
+ display: flex;
16
+ flex-direction: row;
17
+ column-gap: 16px;
18
+ justify-content: space-between;
19
+ align-items: center;
20
+ `,d=i.default.div`
21
+ display: flex;
22
+ flex-direction: row;
23
+ justify-content: center;
24
+ align-items: center;
25
+ column-gap: 18px;
26
+ `,a=i.default.div`
27
+ display: flex;
28
+ flex-direction: column;
29
+ justify-content: center;
30
+ `,c=i.default.div`
31
+ display: flex;
32
+ flex-direction: row;
33
+ max-height: 32px;
34
+ min-height: 32px;
35
+ background-color: ${t.COLORS.background.base};
36
+ justify-content: flex-start;
37
+ align-items: center;
38
+ padding: 8px 16px;
39
+ `,x=i.default.div`
40
+ display: flex;
41
+ flex-direction: row;
42
+ column-gap: 16px;
43
+ padding: 12px 16px;
44
+ border-bottom: 1px solid #e0e0e0;
45
+ align-items: center;
46
+ `,p=i.default.div`
47
+ height: 64px;
48
+ background-color: white;
49
+ border-bottom: 1px solid #e0e0e0;
50
+ padding: 12px 16px;
51
+ display: flex;
52
+ flex-direction: row;
53
+ column-gap: 16px;
54
+ justify-content: flex-start;
55
+ align-items: center;
56
+ padding-left: ${e=>e.isVariant?"42px":"16px"};
57
+ `,s=i.default.div`
58
+ display: flex;
59
+ flex-direction: row;
60
+ max-height: 32px;
61
+ min-height: 32px;
62
+ background-color: ${t.COLORS.background.base};
63
+ justify-content: flex-start;
64
+ align-items: center;
65
+ padding: 8px 16px;
66
+ `,f=i.default.div`
67
+ display: flex;
68
+ flex-direction: column;
69
+ `;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;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
@@ -54,4 +54,5 @@ export * from './components/product-picker';
54
54
  export * from './components/discount-modal';
55
55
  export * from './components/country-code-picker';
56
56
  export * from './components/shimmer-image';
57
+ export * from './components/product-picker-v2';
57
58
  export * from './components/carousel';
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),A=require("./components/template-preview/helpers/VariableEditorHelper.js"),y=require("./components/template-preview/models/TemplateMeta.js"),C=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),b=require("./components/floating-action-button/FloatingActionButton.styles.js"),h=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),N=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),L=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),M=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),k=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ae=require("./components/thumbnail/Thumbnail.js"),se=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),Te=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),xe=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),Ae=require("./components/states-modal/DeleteConfirmationModal.js"),ye=require("./components/states/StateComponent.js"),Ce=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),Be=require("./components/image-cropper/BikImageCropper.js"),be=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),he=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),Ne=require("./components/bik-layout/SimpleSidebar.js"),Le=require("./components/bik-layout/BikSidebar.js"),Me=require("./components/bik-layout/FeatureModal.js"),ke=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/carousel/carousel.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=T.WhatsappLikePreview,exports.WhatsappLikePreviewV2=x.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=A.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return y.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=y.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return y.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return y.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return y.TEMPLATE_STATUS}}),exports.TemplateContextMapper=C.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return b.DROP_POSITION}}),exports.DropdownToggleContainer=b.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return b.FAB_POSITION}}),exports.FloatingActionButtonContainer=b.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=b.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return b.MENU_ALIGNMENT}}),exports.StyledDropdown=b.StyledDropdown,exports.TooltipStyled=b.TooltipStyled,exports.ImageService=h.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=N.queryBuilderSlice,exports.queryBuilderCacheSlice=L.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return M.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return M.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return M.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return M.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return M.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return M.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return M.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return M.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return M.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return M.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return M.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return M.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return M.STRING_OPERATORS}}),exports.StyledModal=k.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ae.RATIO}}),exports.Thumbnail=ae.Thumbnail,exports.Curtain=se.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=Te.BikShimmer,exports.TablePagination=xe.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=Ae.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return ye.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return ye.ButtonTypes}}),exports.StateComponent=ye.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return ye.StateInterface}}),exports.WhatsAppTextEditor=Ce.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=Be.BikImageCropper,exports.BikImagePipeline=be.BikImagePipeline,exports.ButtonGroup=he.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=Ne.SimpleSidebar,exports.BikSidebar=Le.BikSidebar,exports.FeatureModal=Me.FeatureModal,exports.SidebarSkeleton=ke.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.Carousel=Ye.Carousel;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),C=require("./components/template-preview/helpers/VariableEditorHelper.js"),A=require("./components/template-preview/models/TemplateMeta.js"),y=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),h=require("./components/floating-action-button/FloatingActionButton.styles.js"),b=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),k=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),M=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),N=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),L=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ae=require("./components/thumbnail/Thumbnail.js"),se=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),xe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Te=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),Ce=require("./components/states-modal/DeleteConfirmationModal.js"),Ae=require("./components/states/StateComponent.js"),ye=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),Be=require("./components/image-cropper/BikImageCropper.js"),he=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),be=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),ke=require("./components/bik-layout/SimpleSidebar.js"),Me=require("./components/bik-layout/BikSidebar.js"),Ne=require("./components/bik-layout/FeatureModal.js"),Le=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/product-picker-v2/modal.js"),Qe=require("./components/carousel/carousel.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.CheckMark=o.CheckMark,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=C.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return A.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=A.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return A.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return A.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return A.TEMPLATE_STATUS}}),exports.TemplateContextMapper=y.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return h.DROP_POSITION}}),exports.DropdownToggleContainer=h.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return h.FAB_POSITION}}),exports.FloatingActionButtonContainer=h.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=h.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return h.MENU_ALIGNMENT}}),exports.StyledDropdown=h.StyledDropdown,exports.TooltipStyled=h.TooltipStyled,exports.ImageService=b.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=k.queryBuilderSlice,exports.queryBuilderCacheSlice=M.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return N.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return N.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return N.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return N.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return N.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return N.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return N.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return N.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return N.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return N.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return N.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return N.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return N.STRING_OPERATORS}}),exports.StyledModal=L.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ae.RATIO}}),exports.Thumbnail=ae.Thumbnail,exports.Curtain=se.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=xe.BikShimmer,exports.TablePagination=Te.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=Ce.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ae.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ae.ButtonTypes}}),exports.StateComponent=Ae.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ae.StateInterface}}),exports.WhatsAppTextEditor=ye.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=Be.BikImageCropper,exports.BikImagePipeline=he.BikImagePipeline,exports.ButtonGroup=be.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=ke.SimpleSidebar,exports.BikSidebar=Me.BikSidebar,exports.FeatureModal=Ne.FeatureModal,exports.SidebarSkeleton=Le.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.ProductPickerModal=Ye.ProductPickerModal,exports.Carousel=Qe.Carousel;
@@ -0,0 +1 @@
1
+ import*as e from"react";var t,l,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},r.apply(this,arguments)}var n=n=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},n),t||(t=e.createElement("rect",{width:39,height:39,x:.5,y:.5,fill:"#F0F0F0",rx:3.5})),l||(l=e.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M18.752 11.169a2.5 2.5 0 0 1 2.496 0l.002.001 5.833 3.333c.309.178.575.42.781.707a.837.837 0 0 1 .208.345 2.5 2.5 0 0 1 .261 1.11v6.67a2.5 2.5 0 0 1-1.25 2.162l-.003.002-5.83 3.331h-.002a2.5 2.5 0 0 1-.852.303.83.83 0 0 1-.792 0 2.5 2.5 0 0 1-.852-.302l-.002-.001-5.83-3.331-.003-.002a2.5 2.5 0 0 1-1.25-2.163v-6.668c0-.387.09-.767.261-1.111a.842.842 0 0 1 .208-.345 2.5 2.5 0 0 1 .78-.707l.004-.002 5.832-3.332Zm2.081 15.98 5.417-3.096h.001a.833.833 0 0 0 .416-.72v-6.218l-5.834 3.374v6.66Zm-1.666-6.66v6.66l-5.417-3.096h-.001a.833.833 0 0 1-.416-.72v-6.218l5.834 3.374Zm1.253-7.874 5.38 3.075-5.8 3.356-5.8-3.356 5.38-3.075.003-.002a.833.833 0 0 1 .834 0l.003.002Z",clipRule:"evenodd"})),a||(a=e.createElement("rect",{width:39,height:39,x:.5,y:.5,stroke:"#E0E0E0",rx:3.5})));export{n as default};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Menus: ({
3
2
  displayName: string;
4
3
  key: number;
@@ -7,4 +7,8 @@ export type CheckBoxProps = {
7
7
  onValueChange: (checked: boolean, value?: string) => void;
8
8
  controlFromOutside?: boolean;
9
9
  };
10
+ export declare const CheckMark: React.FC<{
11
+ isPartial: boolean;
12
+ isDisabled: boolean;
13
+ }>;
10
14
  export declare const CheckBox: React.FC<CheckBoxProps>;