@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.
- package/dist/cjs/assets/icons/box.svg.js +1 -0
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/cjs/components/checkBox/CheckBox.d.ts +4 -0
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/product-picker-hackathon/collectionScreen.d.ts +23 -0
- package/dist/cjs/components/product-picker-hackathon/index.d.ts +1 -0
- package/dist/cjs/components/product-picker-hackathon/picker.d.ts +53 -0
- package/dist/cjs/components/product-picker-hackathon/productScreen.d.ts +39 -0
- package/dist/cjs/components/product-picker-hackathon/reducers.d.ts +17 -0
- package/dist/cjs/components/product-picker-hackathon/selectedScreen.d.ts +14 -0
- package/dist/cjs/components/product-picker-hackathon/style.d.ts +18 -0
- package/dist/cjs/components/product-picker-v2/collectionScreen.d.ts +23 -0
- package/dist/cjs/components/product-picker-v2/collectionScreen.js +1 -0
- package/dist/cjs/components/product-picker-v2/index.d.ts +1 -0
- package/dist/cjs/components/product-picker-v2/modal.d.ts +47 -0
- package/dist/cjs/components/product-picker-v2/modal.js +1 -0
- package/dist/cjs/components/product-picker-v2/productScreen.d.ts +39 -0
- package/dist/cjs/components/product-picker-v2/productScreen.js +1 -0
- package/dist/cjs/components/product-picker-v2/reducers.d.ts +17 -0
- package/dist/cjs/components/product-picker-v2/reducers.js +1 -0
- package/dist/cjs/components/product-picker-v2/selectedScreen.d.ts +14 -0
- package/dist/cjs/components/product-picker-v2/selectedScreen.js +1 -0
- package/dist/cjs/components/product-picker-v2/style.d.ts +14 -0
- package/dist/cjs/components/product-picker-v2/style.js +69 -0
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/box.svg.js +1 -0
- package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/esm/components/checkBox/CheckBox.d.ts +4 -0
- package/dist/esm/components/checkBox/CheckBox.js +1 -1
- package/dist/esm/components/product-picker-hackathon/collectionScreen.d.ts +23 -0
- package/dist/esm/components/product-picker-hackathon/index.d.ts +1 -0
- package/dist/esm/components/product-picker-hackathon/picker.d.ts +53 -0
- package/dist/esm/components/product-picker-hackathon/productScreen.d.ts +39 -0
- package/dist/esm/components/product-picker-hackathon/reducers.d.ts +17 -0
- package/dist/esm/components/product-picker-hackathon/selectedScreen.d.ts +14 -0
- package/dist/esm/components/product-picker-hackathon/style.d.ts +18 -0
- package/dist/esm/components/product-picker-v2/collectionScreen.d.ts +23 -0
- package/dist/esm/components/product-picker-v2/collectionScreen.js +1 -0
- package/dist/esm/components/product-picker-v2/index.d.ts +1 -0
- package/dist/esm/components/product-picker-v2/modal.d.ts +47 -0
- package/dist/esm/components/product-picker-v2/modal.js +1 -0
- package/dist/esm/components/product-picker-v2/productScreen.d.ts +39 -0
- package/dist/esm/components/product-picker-v2/productScreen.js +1 -0
- package/dist/esm/components/product-picker-v2/reducers.d.ts +17 -0
- package/dist/esm/components/product-picker-v2/reducers.js +1 -0
- package/dist/esm/components/product-picker-v2/selectedScreen.d.ts +14 -0
- package/dist/esm/components/product-picker-v2/selectedScreen.js +1 -0
- package/dist/esm/components/product-picker-v2/style.d.ts +14 -0
- package/dist/esm/components/product-picker-v2/style.js +69 -0
- package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- 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;
|
|
@@ -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
|
|
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;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -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};
|
|
@@ -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>;
|