@bikdotai/bik-component-library 0.0.733-beta.1 → 0.0.733

package/dist/cjs/components/input/Input.d.ts

@@ -1,3 +1,73 @@
 import React from 'react';
-import { InputProps } from './Input.model';
+import { ButtonProps } from '../button/model';
+export type InputVariant = 'default' | 'small' | 'x-small';
+export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'disabled-invalid' | 'none';
+export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber' | 'password';
+export interface InputProps {
+    'data-test'?: string;
+    noErrorHint?: boolean;
+    placeholder?: string;
+    variant?: InputVariant;
+    width?: string;
+    height?: string;
+    leftIcon?: {
+        icon: React.FC;
+        callback?: () => void;
+    };
+    rightIcon?: {
+        icon: React.FC;
+        callback?: () => void;
+    };
+    labelElement?: React.ReactNode;
+    labelText?: string;
+    maxCharLimit?: number;
+    isRequired?: boolean;
+    errorMessage?: string;
+    hintText?: string;
+    state?: InputStateI;
+    type?: InputTypeI;
+    /**
+        validate:  function takes the input and returns boolean + string (error message in case of invalid input)
+     **/
+    validate?: (input?: string | number) => [boolean, string];
+    onChangeText: (input: string, event?: Event) => void;
+    button?: {
+        text: string;
+        onClick?: () => void;
+        buttonProps?: ButtonProps;
+    };
+    suffixText?: string;
+    prefixText?: string;
+    value?: string;
+    reset?: boolean;
+    onBlur?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onClick?: (e: any) => void;
+    isActive?: boolean;
+    id?: string;
+    onReferenceInit?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
+    rangeValidation?: {
+        min: number;
+        max: number;
+    };
+    noKeyDownChange?: boolean;
+    skipFocus?: boolean;
+    version?: '1.0' | '2.0';
+    textControl?: boolean;
+    noMaxCharCheck?: boolean;
+    tooltipText?: string;
+    autoGrow?: boolean;
+    minHeight?: string;
+    maxHeight?: string;
+    labelTextBold?: boolean;
+    truncateText?: boolean;
+    maxCharLimitPosition?: 'TOP' | 'BOTTOM';
+    hightlightInputColor?: string;
+    onKeyDownEvent?: (e: Event) => void;
+    hideInputHeader?: boolean;
+    hideBorder?: boolean;
+    inputWrapperStyles?: React.CSSProperties;
+    minCharsToTrigger?: number;
+    isDisabled?: boolean;
+}
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;

package/dist/cjs/components/input/Input.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputStateI, InputTypeI, InputVariant } from './Input.model';
+import { InputStateI, InputTypeI, InputVariant } from "./Input";
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Variable } from '../add-variableV2/AddVariableV2';
 import { SelectedVariable } from '../add-variableV2/types';
-import { InputTypeI } from '../input/Input.model';
+import { InputTypeI } from '../input';
 import { PickerType } from '../variable-picker-v3/model';
 export interface InputWithVariablesProps {
     type?: InputTypeI;

package/dist/cjs/components/list-item/ListItem.d.ts

@@ -1,3 +1,19 @@
 /// <reference types="react" />
-import { ListItemProps } from './List.model';
+export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'readonly' | 'placeholder' | 'separator';
+export interface ListItemElement {
+    label: string;
+    value: string;
+}
+export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: Variant;
+    subText?: string;
+    listItem: ListItemElement;
+    onSelect?: (ListItemElement: any) => void;
+    leadingIcon?: JSX.Element;
+    trailingIcon?: JSX.Element;
+    borderBottom?: string;
+    customComponent?: JSX.Element;
+    customListItemLabel?: JSX.Element;
+    version?: '1.0' | '2.0';
+}
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/list-item/ListItem.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Variant } from './List.model';
+import type { Variant } from './ListItem';
 export declare const ListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/cjs/components/list-item/themes.d.ts

@@ -1,3 +1,3 @@
-import type { Variant } from './List.model';
+import type { Variant } from './ListItem';
 export declare function getColor(variant: Variant): string;
 export declare function getTheme(variant: Variant, version?: '1.0' | '2.0'): import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,4 @@
+declare function MarkdownRender({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default MarkdownRender;

package/dist/cjs/components/markdown/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js");const e=/\*\*([^*]+)\*\*/g,s=/\*([^*]+)\*/g,n=/`([^`]+)`/g,r=/\[([^\]]+)\]\(([^)]+)\)/g;function a(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(function(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()}const c=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,i=/https?:\/\/[^\s)]+/g,l=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function o(t,e,s){const n=t.slice(e,s),r=n.includes("["),a=n.includes("]"),c=n.includes("("),i=n.includes(")"),l=/^\[([^\]]+)\]\(([^)]+)\)$/.test(n),o=n.match(/\]\(([^)]+)\)$/);if(o){const t=o[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return r&&a&&c&&i&&l}function h(t,r,a,c){const i=t.slice(a,c);return r===e?i.startsWith("**")&&i.endsWith("**")&&i.length>4:r===s?i.startsWith("*")&&i.endsWith("*")&&i.length>2:r!==n||i.startsWith("`")&&i.endsWith("`")&&i.length>2}function u(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function x(x){const d=[];let p=0,g=x;g=g.replace(/\[([^\]]+)\]\([^)]*$/g,((t,e)=>e));g=g.replace(/\[([^\]]+)\]\($/g,((t,e)=>e));const m=[],f=[],j=(t,e)=>{for(const s of f)if(t<s.end&&e>s.start)return!0;return!1},b=(t,e)=>{f.push({start:t,end:e})};let E;for(r.lastIndex=0;null!==(E=r.exec(g));)o(g,E.index,E.index+E[0].length)&&(m.push({match:E[0],type:"link",start:E.index,end:E.index+E[0].length,data:E}),b(E.index,E.index+E[0].length));[{regex:c,type:"email"},{regex:i,type:"url"},{regex:e,type:"bold"},{regex:s,type:"italic"},{regex:n,type:"code"}].forEach((t=>{let e,{regex:s,type:n}=t;for(s.lastIndex=0;null!==(e=s.exec(g));){const t=e.index,r=e.index+e[0].length;if(!j(t,r)){if("italic"===n){if(g.slice(Math.max(0,t-1),Math.min(g.length,r+1)).includes("**"))continue}("bold"!==n&&"italic"!==n&&"code"!==n||h(g,s,t,r))&&("url"!==n||u(e[0]))&&(m.push({match:e[0],type:n,start:t,end:r,data:e}),b(t,r))}}}));const y=[...g.matchAll(l)].map((t=>({raw:t[0],start:t.index,end:t.index+t[0].length})));var k;(k=g,y.map((t=>t.raw)).filter((t=>{const e=k.indexOf(t);if(-1===e)return!1;let s=e;for(;s>0&&!/\s/.test(k[s-1]);)s--;let n=e+t.length;for(;n<k.length&&!/\s/.test(k[n]);)n++;const r=k.slice(s,n);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r))return!1;if(/https?:\/\//i.test(r)&&r!==t)return!1;const a=k[e-1],c=k[e+t.length];return!(a&&/[@\w]/.test(a)||c&&/[@\w]/.test(c)||t.replace(/\D/g,"").length<8)}))).forEach((t=>{const e=g.indexOf(t);if(-1===e)return;const s=e,n=e+t.length;j(s,n)||(m.push({match:t,type:"phone",start:s,end:n,data:null}),b(s,n))})),m.sort(((t,e)=>t.start-e.start));let z=0;for(const e of m){switch(e.start>z&&d.push(g.slice(z,e.start)),e.type){case"bold":const s=e.match.replace(/\*\*/g,"");d.push(t.jsxRuntimeExports.jsx("strong",{children:s},p++));break;case"italic":const n=e.match.replace(/\*/g,"");d.push(t.jsxRuntimeExports.jsx("em",{children:n},p++));break;case"code":const r=e.match.replace(/`/g,"");d.push(t.jsxRuntimeExports.jsx("code",Object.assign({className:"bg-gray-100 px-1 rounded"},{children:r}),p++));break;case"phone":const c=e.match.trim(),i=c.replace(/[^+\d]/g,"");d.push(t.jsxRuntimeExports.jsxs("a",Object.assign({href:`tel:${i}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"}},{children:[" ",c," "]}),p++));break;case"link":const l=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(l){const[,e,s]=l,n=a(e);d.push(t.jsxRuntimeExports.jsx("a",Object.assign({href:s,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:n}),p++))}break;case"email":d.push(t.jsxRuntimeExports.jsx("a",Object.assign({href:`mailto:${e.match}`,className:"text-link"},{children:e.match}),p++));break;case"url":const o=e.match.endsWith(".")?e.match.slice(0,-1):e.match;d.push(t.jsxRuntimeExports.jsx("a",Object.assign({href:o,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:e.match}),p++))}z=e.end}return z<g.length&&d.push(g.slice(z)),d}exports.default=function(e){let{text:s}=e;const n=s.replace(/\\n/g,"\n").split("\n"),r=[];let a=[];const c=e=>{a.length>0&&(r.push(t.jsxRuntimeExports.jsx("ul",Object.assign({className:"ml-1"},{children:a.map(((e,s)=>t.jsxRuntimeExports.jsx("li",{children:x(e)},s)))}),e)),a=[])};return n.forEach(((e,s)=>{e.startsWith("- ")?a.push(e.slice(2)):(c(s),""!==e.trim()&&r.push(t.jsxRuntimeExports.jsx("p",{children:x(e)},s)))})),c(n.length),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:r})};

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GroupedOption, MultiLevelDropdownOption } from './type';
+export declare const GroupedMenuList: React.FC<{
+    width: string;
+    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
+    option: GroupedOption;
+    parents: MultiLevelDropdownOption[];
+}>;

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),o=require("./MenuItem.js"),s=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=n=>{let{width:i,onDropdownItemClick:p,option:u,parents:d}=n;return e.jsxRuntimeExports.jsxs(s.GroupedMenuListContainer,{children:[e.jsxRuntimeExports.jsx(r.BodyTiny,Object.assign({style:{padding:"4px 8px 4px 12px",cursor:"default"},color:t.COLORS.content.placeholder},{children:u.label})),u.options.map(((t,r)=>e.jsxRuntimeExports.jsx(o.MenuItem,{width:i,onDropdownItemClick:p,option:t,parents:d},r)))]})};

package/dist/cjs/components/multi-level-dropdown/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MultiLevelDropdownOption, SingleOption } from './type';
+export declare const MenuItem: React.FC<{
+    width: string;
+    onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
+    option: SingleOption;
+    parents: MultiLevelDropdownOption[];
+}>;

package/dist/cjs/components/multi-level-dropdown/MenuItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/chevronRight2.svg.js"),n=require("react"),s=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./MultiLevelDropdown.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(n);const d=l.default.lazy((()=>Promise.resolve().then((function(){return require("./MenuList.js")})).then((e=>({default:e.MenuList})))));exports.MenuItem=r=>{let{width:u,onDropdownItemClick:a,option:c,parents:p}=r;var x,j,m,h,R,g,v;const[O,b]=l.default.useState(!1),[C,f]=l.default.useState(!1),[S,E]=l.default.useState({top:0,left:0}),L=n.useRef({top:0,left:0});return e.jsxRuntimeExports.jsxs(o.MenuItemWrapper,Object.assign({onMouseEnter:e=>{b(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();E({top:t.top,left:t.right}),L.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{b(!1)},onClick:()=>{var e,t;!a||null!==(e=c.disabled)&&void 0!==e&&e||(null===(t=c.children)||void 0===t?void 0:t.length)||a(c,p)},id:"menuItemWrapper",style:{cursor:null!==(x=c.disabled)&&void 0!==x&&x?"not-allowed":"pointer",backgroundColor:null!==(j=c.disabled)&&void 0!==j&&j?s.COLORS.surface.standard:"transparent"}},{children:[c.customComponent?c.customComponent:e.jsxRuntimeExports.jsxs(o.MenuItemContainer,Object.assign({isSelected:c.selected,isSubMenuOpen:O,isHovered:C,isDisabled:null!==(m=c.disabled)&&void 0!==m&&m},{children:[e.jsxRuntimeExports.jsxs(o.ContentContainer,{children:[c.leadingIcon&&e.jsxRuntimeExports.jsx(o.LeadingIconContainer,{children:c.leadingIcon}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(i.BodyCaption,Object.assign({style:{color:null!==(h=c.disabled)&&void 0!==h&&h?s.COLORS.content.inactive:c.selected||C?s.COLORS.content.positive:s.COLORS.content.primary}},{children:c.label})),c.subText&&e.jsxRuntimeExports.jsx(i.BodyTiny,Object.assign({style:{color:null!==(R=c.disabled)&&void 0!==R&&R?s.COLORS.content.inactive:c.selected||C?s.COLORS.content.positive:s.COLORS.content.secondary,marginTop:"2px"}},{children:c.subText}))]})]}),c.children&&c.children.length>0?e.jsxRuntimeExports.jsx(o.TrailingIconContainer,{children:e.jsxRuntimeExports.jsx(t.default,{width:16,height:16,color:null!==(g=c.disabled)&&void 0!==g&&g?s.COLORS.content.inactive:c.selected||C?s.COLORS.content.positive:s.COLORS.content.primary})}):c.trailingIcon?e.jsxRuntimeExports.jsx(o.TrailingIconContainer,{children:c.trailingIcon}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]})),!(null!==(v=c.disabled)&&void 0!==v&&v)&&c.children&&c.children.length>0&&O&&e.jsxRuntimeExports.jsx(o.SubMenuContainer,Object.assign({width:u,className:"submenu",onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1)},{children:e.jsxRuntimeExports.jsx(o.StyledSubMenuWrapper,Object.assign({width:u,top:S.top,left:S.left},{children:e.jsxRuntimeExports.jsx(o.SubMenuListContainer,{children:e.jsxRuntimeExports.jsx(n.Suspense,Object.assign({fallback:e.jsxRuntimeExports.jsx("div",{children:"Loading..."})},{children:e.jsxRuntimeExports.jsx(d,{width:u,onDropdownItemClick:a,options:c.children,parents:[...p,c]})}))})}))}))]}))};

package/dist/cjs/components/multi-level-dropdown/MenuList.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MultiLevelDropdownOption } from './type';
-export declare function MenuList({ width, onDropdownItemClick, options, parents, }: {
+export declare const MenuList: React.FC<{
     width: string;
     onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
     options: MultiLevelDropdownOption[];
     parents: MultiLevelDropdownOption[];
-}): import("react/jsx-runtime").JSX.Element;
+}>;

package/dist/cjs/components/multi-level-dropdown/MenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/chevronRight2.svg.js"),n=require("react"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),s=require("./MultiLevelDropdown.styled.js");function r(r){let{width:l,onDropdownItemClick:c,option:p,parents:u}=r;var a,x,j,m,h,R,C;const[g,O]=n.useState(!1),[v,b]=n.useState(!1),[E,S]=n.useState({top:0,left:0}),w=n.useRef({top:0,left:0});return e.jsxRuntimeExports.jsxs(s.MenuItemWrapper,Object.assign({onMouseEnter:e=>{O(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();S({top:t.top,left:t.right}),w.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{O(!1)},onClick:()=>{var e,t;!c||null!==(e=p.disabled)&&void 0!==e&&e||(null===(t=p.children)||void 0===t?void 0:t.length)||c(p,u)},id:"menuItemWrapper",style:{cursor:null!==(a=p.disabled)&&void 0!==a&&a?"not-allowed":"pointer",backgroundColor:null!==(x=p.disabled)&&void 0!==x&&x?i.COLORS.surface.standard:"transparent"}},{children:[p.customComponent?p.customComponent:e.jsxRuntimeExports.jsxs(s.MenuItemContainer,Object.assign({isSelected:p.selected,isSubMenuOpen:g,isHovered:v,isDisabled:null!==(j=p.disabled)&&void 0!==j&&j},{children:[e.jsxRuntimeExports.jsxs(s.ContentContainer,{children:[p.leadingIcon&&e.jsxRuntimeExports.jsx(s.LeadingIconContainer,{children:p.leadingIcon}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(o.BodyCaption,Object.assign({style:{color:null!==(m=p.disabled)&&void 0!==m&&m?i.COLORS.content.inactive:p.selected||v?i.COLORS.content.positive:i.COLORS.content.primary}},{children:p.label})),p.subText&&e.jsxRuntimeExports.jsx(o.BodyTiny,Object.assign({style:{color:null!==(h=p.disabled)&&void 0!==h&&h?i.COLORS.content.inactive:p.selected||v?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"}},{children:p.subText}))]})]}),p.children&&p.children.length>0?e.jsxRuntimeExports.jsx(s.TrailingIconContainer,{children:e.jsxRuntimeExports.jsx(t.default,{width:16,height:16,color:null!==(R=p.disabled)&&void 0!==R&&R?i.COLORS.content.inactive:p.selected||v?i.COLORS.content.positive:i.COLORS.content.primary})}):p.trailingIcon?e.jsxRuntimeExports.jsx(s.TrailingIconContainer,{children:p.trailingIcon}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]})),!(null!==(C=p.disabled)&&void 0!==C&&C)&&p.children&&p.children.length>0&&g&&e.jsxRuntimeExports.jsx(s.SubMenuContainer,Object.assign({width:l,className:"submenu",onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1)},{children:e.jsxRuntimeExports.jsx(s.StyledSubMenuWrapper,Object.assign({width:l,top:E.top,left:E.left},{children:e.jsxRuntimeExports.jsx(s.SubMenuListContainer,{children:e.jsxRuntimeExports.jsx(d,{width:l,onDropdownItemClick:c,options:p.children,parents:[...u,p]})})}))}))]}))}function l(t){let{width:n,onDropdownItemClick:l,option:d,parents:c}=t;return e.jsxRuntimeExports.jsxs(s.GroupedMenuListContainer,{children:[e.jsxRuntimeExports.jsx(o.BodyTiny,Object.assign({style:{padding:"4px 8px 4px 12px",cursor:"default"},color:i.COLORS.content.placeholder},{children:d.label})),d.options.map(((t,i)=>e.jsxRuntimeExports.jsx(r,{width:n,onDropdownItemClick:l,option:t,parents:c},i)))]})}function d(t){let{width:n,onDropdownItemClick:i,options:o,parents:d}=t;return e.jsxRuntimeExports.jsx(s.StyledMenuList,{children:o.map(((t,o)=>"value"in t?e.jsxRuntimeExports.jsx(r,{width:n,onDropdownItemClick:i,option:t,parents:d},o):"options"in t&&t.options.length>0?e.jsxRuntimeExports.jsx(l,{width:n,onDropdownItemClick:i,option:t,parents:d},o):void 0))})}exports.MenuList=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("./GroupedMenuList.js"),o=require("./MenuItem.js"),n=require("./MultiLevelDropdown.styled.js");exports.MenuList=r=>{let{width:s,onDropdownItemClick:i,options:u,parents:p}=r;return e.jsxRuntimeExports.jsx(n.StyledMenuList,{children:u.map(((n,r)=>"value"in n?e.jsxRuntimeExports.jsx(o.MenuItem,{width:s,onDropdownItemClick:i,option:n,parents:p},r):"options"in n&&n.options.length>0?e.jsxRuntimeExports.jsx(t.GroupedMenuList,{width:s,onDropdownItemClick:i,option:n,parents:p},r):void 0))})};

package/dist/cjs/components/postPicker/postPicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),r=require("./PostPicker.styled.js"),a=require("../tag/Tag.js"),i=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),o=require("../../constants/colors.js"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js");require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var p=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../utils/DateUtils.js"),require("../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var u,m,x=require("../modals/styledModal.js"),h=require("../shimmer/ShimmerComponent/BikShimmer.js"),y=require("../shimmer-image/ShimmerImage.js"),j=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),exports.MEDIA_TYPES=void 0,(u=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",u.POST="post",u.REEL="reel",exports.DateKeys=void 0,(m=exports.DateKeys||(exports.DateKeys={})).Today="Today",m["7_Days"]="7",m["30_Days"]="30",m.custom="custom",m.Yesterday="Yesterday";const g=[{label:"Today",value:"today",key:exports.DateKeys.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:exports.DateKeys["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:exports.DateKeys["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:exports.DateKeys.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}];exports.PostPicker=u=>{var m,E;const[S,w]=s.useState(null!==(m=u.previouslySelected)&&void 0!==m?m:[]),[D,v]=s.useState(""),[C,R]=s.useState(!1),[T,b]=s.useState(u.media),[f,O]=s.useState(!1),[q,P]=s.useState(!1),[k,B]=s.useState(!1),I=s.useRef(null);s.useEffect((()=>{u.media.length||(R(!0),setTimeout((()=>{R(!1)}),2e3)),w(u.selected||[])}),[]),s.useEffect((()=>{u.media.length>0&&(b(u.media),R(!1))}),[null===(E=null==u?void 0:u.media)||void 0===E?void 0:E.length]),s.useEffect((()=>{S.length>0&&v("")}),[S.length]),s.useEffect((()=>{f&&(b(u.media),P(!1))}),[f]),s.useEffect((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||B(!k)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e.jsxRuntimeExports.jsx("div",Object.assign({ref:I},{children:e.jsxRuntimeExports.jsxs(x.StyledModal,Object.assign({zIndex:201,open:u.showModal,headingTitle:u.title,onClose:u.onClose,centralContainerStyles:{width:1071,height:u.showFilter?650:564},primaryButton:{disabled:!T.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(u.mediaType)}`,onClick:()=>{S.length?u.onSelect(S):v(`Please select a ${u.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>u.onClose()},footerLeftCustomElement:D?e.jsxRuntimeExports.jsx(a.Tag,{tagText:D,type:"negative",LeadingIcon:c.default}):S.length?e.jsxRuntimeExports.jsxs(i.BodySecondary,{children:[S.length," selected"]}):null,id:"post-picker"},{children:[u.showFilter&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(p.AnalyticsDropdown,{options:g,placeholder:"posted on",resetDropdown:f,onOptionSelected:e=>{var t,s;let r=null,a=null;"Custom range"===e.label?(r=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,a=(null===(s=null==e?void 0:e.selectedRange)||void 0===s?void 0:s[1])||new Date):(r=e.typeValue[0],a=e.typeValue[1]);const i=u.media.filter((e=>function(e,t,s){const r=new Date(e),a=new Date(t),i=new Date(s);return r>=a&&r<=i}(e.timestamp,r,a)));b(i),P(!0),O(!1)},closeDropdown:k}),q&&e.jsxRuntimeExports.jsx(i.ButtonRegular,Object.assign({color:l.COLORS.content.secondary,onClick:()=>O(!0),style:{cursor:"pointer"}},{children:"Clear"}))]})),C?e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:e.jsxRuntimeExports.jsx(h.BikShimmer,{boxes:[{width:(u.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(u.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:T&&T.length?e.jsxRuntimeExports.jsx(r.StyledProductGrid,Object.assign({mediaType:u.mediaType},{children:T.map((t=>{return e.jsxRuntimeExports.jsxs(r.StyledProduct,Object.assign({mediaType:u.mediaType,className:""+(s=t,a=S,a.some((e=>e.id===s.id))?"selected":""),onClick:()=>{return e=t,void w((()=>S.find((t=>t.id===e.id))?S.filter((t=>t.id!==e.id)):!u.limit||S.length<u.limit?[...S,e]:(v(`Only ${u.limit} ${u.mediaType}s can be selected`),S)));var e}},{children:[e.jsxRuntimeExports.jsx(y.ShimmerImage,{imageUrl:t.imageUrl,width:u.mediaType==exports.MEDIA_TYPES.POST?148:104,height:u.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"overlay"},{children:[e.jsxRuntimeExports.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[e.jsxRuntimeExports.jsx(d.default,{height:22,width:22}),e.jsxRuntimeExports.jsx(i.BodyPrimary,Object.assign({color:o.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"overlay__caption"},{children:e.jsxRuntimeExports.jsx(i.BodyCaption,Object.assign({color:l.COLORS.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var s,a}))})):e.jsxRuntimeExports.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:u.media.length?T.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${l.COLORS.background.inverse}`,borderRadius:"50%"}},{children:e.jsxRuntimeExports.jsx(t.SearchIcon,{color:l.COLORS.content.primaryInverse})})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"}},{children:[e.jsxRuntimeExports.jsx(i.TitleMedium,{children:"No results found"}),e.jsxRuntimeExports.jsx(i.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]})),e.jsxRuntimeExports.jsx("div",Object.assign({onClick:()=>{O(!0)},style:{cursor:"pointer"}},{children:e.jsxRuntimeExports.jsx(i.ButtonLarge,Object.assign({color:`${l.COLORS.content.brand}`},{children:"Clear Filter"}))}))]})):e.jsxRuntimeExports.jsx(j.StateComponent,{states:j.StateInterface.WARNING,heading:`No ${u.mediaType}s on your account`,subline:`There seems to be no ${u.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})]}))}))},exports.dateOptions=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/searchIcon.js"),s=require("react"),r=require("./PostPicker.styled.js"),a=require("../tag/Tag.js"),i=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),o=require("../../constants/colors.js"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js");require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var p=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../utils/DateUtils.js"),require("../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js"),require("../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var u,m,h=require("../modals/styledModal.js"),x=require("../shimmer/ShimmerComponent/BikShimmer.js"),y=require("../shimmer-image/ShimmerImage.js"),j=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),exports.MEDIA_TYPES=void 0,(u=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",u.POST="post",u.REEL="reel",exports.DateKeys=void 0,(m=exports.DateKeys||(exports.DateKeys={})).Today="Today",m["7_Days"]="7",m["30_Days"]="30",m.custom="custom",m.Yesterday="Yesterday";const g=[{label:"Today",value:"today",key:exports.DateKeys.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:exports.DateKeys["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:exports.DateKeys["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:exports.DateKeys.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}];exports.PostPicker=u=>{var m,E;const[S,w]=s.useState(null!==(m=u.previouslySelected)&&void 0!==m?m:[]),[D,v]=s.useState(""),[C,R]=s.useState(!1),[T,b]=s.useState(u.media),[f,O]=s.useState(!1),[q,k]=s.useState(!1),[B,P]=s.useState(!1),I=s.useRef(null);s.useEffect((()=>{u.media.length||(R(!0),setTimeout((()=>{R(!1)}),2e3)),w(u.selected||[])}),[]),s.useEffect((()=>{u.media.length>0&&(b(u.media),R(!1))}),[null===(E=null==u?void 0:u.media)||void 0===E?void 0:E.length]),s.useEffect((()=>{S.length>0&&v("")}),[S.length]),s.useEffect((()=>{f&&(b(u.media),k(!1))}),[f]),s.useEffect((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||P(!B)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e.jsxRuntimeExports.jsx("div",Object.assign({ref:I},{children:e.jsxRuntimeExports.jsxs(h.StyledModal,Object.assign({zIndex:201,open:u.showModal,headingTitle:u.title,onClose:u.onClose,centralContainerStyles:{width:1071,height:u.showFilter?650:564},primaryButton:{disabled:!T.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(u.mediaType)}`,onClick:()=>{S.length?u.onSelect(S):v(`Please select a ${u.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>u.onClose()},footerLeftCustomElement:D?e.jsxRuntimeExports.jsx(a.Tag,{tagText:D,type:"negative",LeadingIcon:c.default}):S.length?e.jsxRuntimeExports.jsxs(i.BodySecondary,{children:[S.length," selected"]}):null,id:"post-picker"},{children:[u.showFilter&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(p.AnalyticsDropdown,{options:g,placeholder:"posted on",resetDropdown:f,onOptionSelected:e=>{var t,s;let r=null,a=null;"Custom range"===e.label?(r=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,a=(null===(s=null==e?void 0:e.selectedRange)||void 0===s?void 0:s[1])||new Date):(r=e.typeValue[0],a=e.typeValue[1]);const i=u.media.filter((e=>function(e,t,s){const r=new Date(e),a=new Date(t),i=new Date(s);return r>=a&&r<=i}(e.timestamp,r,a)));b(i),k(!0),O(!1)},closeDropdown:B}),q&&e.jsxRuntimeExports.jsx(i.ButtonRegular,Object.assign({color:l.COLORS.content.secondary,onClick:()=>O(!0),style:{cursor:"pointer"}},{children:"Clear"}))]})),C?e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:e.jsxRuntimeExports.jsx(x.BikShimmer,{boxes:[{width:(u.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(u.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:T&&T.length?e.jsxRuntimeExports.jsx(r.StyledProductGrid,Object.assign({mediaType:u.mediaType},{children:T.map((t=>{return e.jsxRuntimeExports.jsxs(r.StyledProduct,Object.assign({mediaType:u.mediaType,className:""+(s=t,a=S,a.some((e=>e.id===s.id))?"selected":""),onClick:()=>{return e=t,void w((()=>S.find((t=>t.id===e.id))?S.filter((t=>t.id!==e.id)):!u.limit||S.length<u.limit?[...S,e]:(v(`Only ${u.limit} ${u.mediaType}s can be selected`),S)));var e}},{children:[e.jsxRuntimeExports.jsx(y.ShimmerImage,{imageUrl:t.imageUrl,width:u.mediaType==exports.MEDIA_TYPES.POST?148:104,height:u.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"overlay"},{children:[e.jsxRuntimeExports.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[e.jsxRuntimeExports.jsx(d.default,{height:22,width:22}),e.jsxRuntimeExports.jsx(i.BodyPrimary,Object.assign({color:o.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"overlay__caption"},{children:e.jsxRuntimeExports.jsx(i.BodyCaption,Object.assign({color:l.COLORS.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var s,a}))})):e.jsxRuntimeExports.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:u.media.length?T.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${l.COLORS.background.inverse}`,borderRadius:"50%"}},{children:e.jsxRuntimeExports.jsx(t.SearchIcon,{color:l.COLORS.content.primaryInverse})})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"}},{children:[e.jsxRuntimeExports.jsx(i.TitleMedium,{children:"No results found"}),e.jsxRuntimeExports.jsx(i.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]})),e.jsxRuntimeExports.jsx("div",Object.assign({onClick:()=>{O(!0)},style:{cursor:"pointer"}},{children:e.jsxRuntimeExports.jsx(i.ButtonLarge,Object.assign({color:`${l.COLORS.content.brand}`},{children:"Clear Filter"}))}))]})):e.jsxRuntimeExports.jsx(j.StateComponent,{states:j.StateInterface.WARNING,heading:`No ${u.mediaType}s on your account`,subline:`There seems to be no ${u.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})]}))}))},exports.dateOptions=g;

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

@@ -1,5 +1,5 @@
-import type { TagType } from '../tag/model';
-import type { Product, ProductVariant } from './type';
+import { TagType } from '../tag/model';
+import { Product, ProductVariant } from './modal';
 export type ProductPickerTagType = {
     isVariant: boolean;
     data: Product | ProductVariant;

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

@@ -1,7 +1,7 @@
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
 import React from 'react';
-import type { CollectionsActions, SelectedCollectionsActions } from './reducers';
-import type { Collection, CollectionFetcherReturn, SelectedItems } from './type';
+import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
+import { CollectionsActions, SelectedCollectionsActions } from './reducers';
 export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
 interface CollectionsScreenInterface {
     customCollectionRestriction?: boolean;

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

@@ -1,6 +1,7 @@
-import type { TagType } from "../../tag/model";
-import { OUT_OF_STOCK_ACTION, type Product, type ProductVariant, type SelectedItems } from '../type';
-import type { ProductVariantForRearrange } from '../type';
+import { TagType } from "../../tag/model";
+import { Product, ProductVariant, SelectedItems } from '../modal';
+import { OUT_OF_STOCK_ACTION } from '../type';
+import { ProductVariantForRearrange } from '../variant';
 export declare class ProductHelper {
     /**
      * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)

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

@@ -1,2 +1,2 @@
 export * from './modal';
-export * from './type';
+export { ScreenName } from './type';

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

@@ -1,7 +1,63 @@
 /// <reference types="react" />
 import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import type { ButtonProps } from '../button/model';
-import { type CollectionFetcherReturn, type FbStatusFetcherReturn, type FooterForNonModalI, OUT_OF_STOCK_ACTION, type ProductFetcherReturn, ScreenName, type SearchedItems, type SelectedItems } from './type';
+import { ButtonProps } from '../button/model';
+import { FooterForNonModalI, OUT_OF_STOCK_ACTION, ScreenName } from './type';
+export interface ProductVariant {
+    name: string;
+    price: string;
+    image: string;
+    quantity: number;
+    skipSync?: boolean;
+    displayOrder?: number | null;
+    fbStatus?: FbProductStatus;
+    description?: string;
+    id?: string;
+    actualPrice?: string;
+    currency?: string;
+    skuId?: string;
+}
+export interface Product {
+    name: string;
+    image: string;
+    description?: string;
+    variants?: {
+        [key: string]: ProductVariant;
+    };
+    id?: string;
+    handle?: string;
+    currency?: string;
+}
+export interface Collection {
+    name: string;
+    image: string;
+    isSmartCollection: boolean;
+    products?: {
+        [key: string]: Product;
+    };
+}
+export type SelectedItems = {
+    [key: string]: Collection;
+};
+export type SearchedItems = {
+    collections: SelectedItems;
+    products: SelectedItems;
+};
+export type CollectionFetcherReturn = Promise<{
+    collections: {
+        [key: string]: {
+            image: string;
+            name: string;
+            isSmartCollection: string;
+        };
+    };
+}>;
+export type ProductFetcherReturn = Promise<{
+    [key: string]: Product;
+}>;
+export type FbStatusFetcherReturn = Promise<{
+    [key: string]: FbProductStatus;
+}>;
+export type FbProductStatus = 'APPROVED' | 'REJECTED';
 export type ProductPickerInterface = {
     hideGlobalSearch?: boolean;
     hideInCollectionSearch?: boolean;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import type { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION, type Product, type ProductVariant, type SelectedItems } from './type';
+import { Product, ProductVariant, SelectedItems } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
 interface ProductGroupInterface {
     collectionId: string;
     productId: string;

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

@@ -1,4 +1,5 @@
-import { OUT_OF_STOCK_ACTION, type Product, type ProductVariant } from './type';
+import { Product, ProductVariant } from './modal';
+import { OUT_OF_STOCK_ACTION } from './type';
 /**
  * When user presses i icon on a product, we show the overlay.
  * In case of a product, contains products image,  product name & description

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

@@ -1,7 +1,7 @@
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
 import React from 'react';
-import { type CollectionsActions, type SelectedCollectionsActions } from './reducers';
-import type { Collection, FbStatusFetcherReturn, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from './type';
+import { Collection, FbStatusFetcherReturn, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
+import { CollectionsActions, SelectedCollectionsActions } from './reducers';
 import { OUT_OF_STOCK_ACTION } from './type';
 interface ProductsScreenInterface {
     hideInCollectionSearch?: boolean;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),r=require("../../node_modules/lodash/cloneDeep.js"),c=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),u=require("../InfiniteScroll/InfiniteScroll.js"),d=require("../input/Input.js"),a=require("../spinner/Spinner.js"),p=require("../TypographyStyle.js"),h=require("./emptyState.js"),j=require("./product.js"),x=require("./ProductPickerShimmer.js"),v=require("./reducers.js"),g=require("./style.js"),y=require("./type.js"),m=require("./utility.js");exports.ProductsScreen=O=>{var b,f;const{data:k,collectionsDispatch:C,selectedData:P,selectedCollectionsDispatch:E,productFetcher:R,storeId:S,setScreen:I,setSaveDisabled:q,hideInCollectionSearch:A,customCollectionRestriction:D,hideProductCheckbox:T,outOfStockAction:V=y.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:L=!1,selectProductsFromCustomCollection:F=!1,pickerType:w,hideProductVariants:B,fbStatusFetcher:_,onProductDetailClick:U,showProductDetailInfoIcon:K,scrollContainerRef:M,appType:N}=O,H=c.useContext(v.CollectionIdContext),J=c.useRef(0),W=c.useRef(!1),[z,G]=c.useState(""),[Q,X]=c.useState(!1),[Y,Z]=c.useState(k),$=c.useRef(!0),ee=c.useRef(!1);c.useEffect((()=>{if($.current)return void($.current=!1);const e=setTimeout((()=>{z.length?(X(!0),O.searchInCollectionFetcher(S,H,z,N).then((e=>{const t=r.default(k);t.products=e,Z(t);const s=m.getVariantIdsToFetchAtProductLevel(null!=e?e:{});se(s,null!=e?e:{},!0),q(!1),X(!1)}))):Z(k)}),800);return()=>clearTimeout(e)}),[z]);c.useEffect((()=>{var e,t,s,o;ee.current=!1,J.current=Math.floor((null===(t=Object.keys(null!==(e=k.products)&&void 0!==e?e:{}))||void 0===t?void 0:t.length)/10);const r=m.getVariantIdsToFetchAtProductLevel(null!==(s=k.products)&&void 0!==s?s:{});se(r,null!==(o=k.products)&&void 0!==o?o:{})}),[H]);const te=!!D&&k.isSmartCollection;c.useEffect((()=>{(null==k?void 0:k.products)||oe(10)}),[]);const se=(e,t,s)=>{_||(s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)),e.length>0&&_&&_(S,e,N).then((e=>{const o=Object.assign({},t);Object.keys(t).forEach((s=>{var r,c;Object.keys(null!==(c=null===(r=null==t?void 0:t[s])||void 0===r?void 0:r.variants)&&void 0!==c?c:{}).forEach((r=>{var c,n;const i=null===(c=null==t?void 0:t[s].variants)||void 0===c?void 0:c[r];i&&"REJECTED"===e[r]?i.fbStatus="REJECTED":i&&"APPROVED"===e[r]&&(i.fbStatus="APPROVED");const l=null===(n=null==o?void 0:o[s])||void 0===n?void 0:n.variants;l&&l[r]&&(l[r]=i)}))})),s?(Z((e=>{const t=Object.assign({},e);return t.products=o,t})),C({type:"productsPaged",data:{collectionId:H,products:o}})):C({type:"productsPaged",data:{collectionId:H,products:o}})})).catch((e=>{s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)}))},oe=e=>{q(!0),X(!0),R(H,S,N,e,0).then((t=>{if(Object.keys(t).length||(ee.current=!0),Object.keys(t).length){Z(Object.assign(Object.assign({},Y),{products:t}));const e=m.getVariantIdsToFetchAtProductLevel(t);se(e,t),J.current=1}e||E({type:"selected",data:{id:H,val:Object.assign(Object.assign({},k),{products:t})}}),q(!1),X(!1)})).catch()},re=(e,t)=>{const s=m.liftTheStateUp(t,k);E({type:e,data:Object.assign(Object.assign({},s),{isRestricted:D})})},ce=!!(null==P?void 0:P[H])&&!!Object.keys(null!==(f=null===(b=null==P?void 0:P[H])||void 0===b?void 0:b.products)&&void 0!==f?f:{}).length;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(g.ProductScreenHeader,{children:[e.jsxRuntimeExports.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{I("collections")}}),e.jsxRuntimeExports.jsx(p.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:k.name}))]}),!A&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsxRuntimeExports.jsx(d.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Q&&z.length?e.jsxRuntimeExports.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.jsxRuntimeExports.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:z,onChangeText:e=>{e.length&&e.trim().length?G(e):G("")},placeholder:"Search using ID, Name or SKU ID"})})),Object.keys((null==Y?void 0:Y.products)||[]).length>0&&!te&&!z.length&&!T&&"-1"!==H&&e.jsxRuntimeExports.jsxs(g.ProductScreenCollectionCardStyle,{children:[e.jsxRuntimeExports.jsx(i.CheckBox,{isChecked:ce,isPartiallyChecked:m.isCollectionPartiallyChecked(H,Y,P,B),onValueChange:function(e){e?oe():E({type:"unselected",data:{id:H}})}}),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsxRuntimeExports.jsx(s.default,{})})),e.jsxRuntimeExports.jsx(p.TitleRegular,{children:"All Products"})]}),e.jsxRuntimeExports.jsx(u.InfiniteScroll,Object.assign({hasData:!(Object.keys((null==Y?void 0:Y.products)||[]).length<10)&&!!Object.keys((null==Y?void 0:Y.products)||[]).length,fetchMore:()=>(W.current=!0,R(H,S,N,10,J.current).then((e=>{let t=!1;if(Object.keys(e).length||(t=!0),Object.keys(e).length){const t=Y;t.products=Object.assign(Object.assign({},Y.products),e),Z(Object.assign({},t));const s=m.getVariantIdsToFetchAtProductLevel(e);se(s,e)}return q(!1),W.current=!1,J.current+=1,t}))),containerRef:M},{children:Object.keys((null==Y?void 0:Y.products)||[]).length?Object.keys(Y.products||[]).map((t=>e.jsxRuntimeExports.jsx(j.ProductGroup,{outOfStockAction:V,collectionId:H,isProductPartiallyChecked:m.isProductPartiallyChecked(H,t,P,Y,B),productId:t,data:Y.products[t],selectedData:P,selectedCollectionsDispatch:E,viewOnly:!F&&!!te,upliftAdditions:re,hideProductCheckbox:T,hideVariantCheckbox:L,hideProductVariants:B,pickerType:w,onProductDetailClick:U,showProductDetailInfoIcon:K},t))):Q?e.jsxRuntimeExports.jsx(x.ProductPickerShimmer,{limit:10}):e.jsxRuntimeExports.jsx(h.EmptyState,{title:"No products to show",subtitle:z.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),r=require("lodash"),c=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),u=require("../InfiniteScroll/InfiniteScroll.js"),d=require("../input/Input.js"),a=require("../spinner/Spinner.js"),p=require("../TypographyStyle.js"),h=require("./emptyState.js"),j=require("./product.js"),x=require("./ProductPickerShimmer.js"),v=require("./reducers.js"),g=require("./style.js"),y=require("./type.js"),m=require("./utility.js");exports.ProductsScreen=O=>{var b,f;const{data:k,collectionsDispatch:C,selectedData:P,selectedCollectionsDispatch:E,productFetcher:R,storeId:S,setScreen:I,setSaveDisabled:q,hideInCollectionSearch:A,customCollectionRestriction:D,hideProductCheckbox:T,outOfStockAction:V=y.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:L=!1,selectProductsFromCustomCollection:F=!1,pickerType:w,hideProductVariants:B,fbStatusFetcher:_,onProductDetailClick:U,showProductDetailInfoIcon:K,scrollContainerRef:M,appType:N}=O,H=c.useContext(v.CollectionIdContext),J=c.useRef(0),W=c.useRef(!1),[z,G]=c.useState(""),[Q,X]=c.useState(!1),[Y,Z]=c.useState(k),$=c.useRef(!0),ee=c.useRef(!1);c.useEffect((()=>{if($.current)return void($.current=!1);const e=setTimeout((()=>{z.length?(X(!0),O.searchInCollectionFetcher(S,H,z,N).then((e=>{const t=r.cloneDeep(k);t.products=e,Z(t);const s=m.getVariantIdsToFetchAtProductLevel(null!=e?e:{});se(s,null!=e?e:{},!0),q(!1),X(!1)}))):Z(k)}),800);return()=>clearTimeout(e)}),[z]);c.useEffect((()=>{var e,t,s,o;ee.current=!1,J.current=Math.floor((null===(t=Object.keys(null!==(e=k.products)&&void 0!==e?e:{}))||void 0===t?void 0:t.length)/10);const r=m.getVariantIdsToFetchAtProductLevel(null!==(s=k.products)&&void 0!==s?s:{});se(r,null!==(o=k.products)&&void 0!==o?o:{})}),[H]);const te=!!D&&k.isSmartCollection;c.useEffect((()=>{(null==k?void 0:k.products)||oe(10)}),[]);const se=(e,t,s)=>{_||(s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)),e.length>0&&_&&_(S,e,N).then((e=>{const o=Object.assign({},t);Object.keys(t).forEach((s=>{var r,c;Object.keys(null!==(c=null===(r=null==t?void 0:t[s])||void 0===r?void 0:r.variants)&&void 0!==c?c:{}).forEach((r=>{var c,n;const i=null===(c=null==t?void 0:t[s].variants)||void 0===c?void 0:c[r];i&&"REJECTED"===e[r]?i.fbStatus="REJECTED":i&&"APPROVED"===e[r]&&(i.fbStatus="APPROVED");const l=null===(n=null==o?void 0:o[s])||void 0===n?void 0:n.variants;l&&l[r]&&(l[r]=i)}))})),s?(Z((e=>{const t=Object.assign({},e);return t.products=o,t})),C({type:"productsPaged",data:{collectionId:H,products:o}})):C({type:"productsPaged",data:{collectionId:H,products:o}})})).catch((e=>{s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)}))},oe=e=>{q(!0),X(!0),R(H,S,N,e,0).then((t=>{if(Object.keys(t).length||(ee.current=!0),Object.keys(t).length){Z(Object.assign(Object.assign({},Y),{products:t}));const e=m.getVariantIdsToFetchAtProductLevel(t);se(e,t),J.current=1}e||E({type:"selected",data:{id:H,val:Object.assign(Object.assign({},k),{products:t})}}),q(!1),X(!1)})).catch()},re=(e,t)=>{const s=m.liftTheStateUp(t,k);E({type:e,data:Object.assign(Object.assign({},s),{isRestricted:D})})},ce=!!(null==P?void 0:P[H])&&!!Object.keys(null!==(f=null===(b=null==P?void 0:P[H])||void 0===b?void 0:b.products)&&void 0!==f?f:{}).length;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(g.ProductScreenHeader,{children:[e.jsxRuntimeExports.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{I("collections")}}),e.jsxRuntimeExports.jsx(p.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:k.name}))]}),!A&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsxRuntimeExports.jsx(d.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Q&&z.length?e.jsxRuntimeExports.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.jsxRuntimeExports.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:z,onChangeText:e=>{e.length&&e.trim().length?G(e):G("")},placeholder:"Search using ID, Name or SKU ID"})})),Object.keys((null==Y?void 0:Y.products)||[]).length>0&&!te&&!z.length&&!T&&"-1"!==H&&e.jsxRuntimeExports.jsxs(g.ProductScreenCollectionCardStyle,{children:[e.jsxRuntimeExports.jsx(i.CheckBox,{isChecked:ce,isPartiallyChecked:m.isCollectionPartiallyChecked(H,Y,P,B),onValueChange:function(e){e?oe():E({type:"unselected",data:{id:H}})}}),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsxRuntimeExports.jsx(s.default,{})})),e.jsxRuntimeExports.jsx(p.TitleRegular,{children:"All Products"})]}),e.jsxRuntimeExports.jsx(u.InfiniteScroll,Object.assign({hasData:!(Object.keys((null==Y?void 0:Y.products)||[]).length<10)&&!!Object.keys((null==Y?void 0:Y.products)||[]).length,fetchMore:()=>(W.current=!0,R(H,S,N,10,J.current).then((e=>{let t=!1;if(Object.keys(e).length||(t=!0),Object.keys(e).length){const t=Y;t.products=Object.assign(Object.assign({},Y.products),e),Z(Object.assign({},t));const s=m.getVariantIdsToFetchAtProductLevel(e);se(s,e)}return q(!1),W.current=!1,J.current+=1,t}))),containerRef:M},{children:Object.keys((null==Y?void 0:Y.products)||[]).length?Object.keys(Y.products||[]).map((t=>e.jsxRuntimeExports.jsx(j.ProductGroup,{outOfStockAction:V,collectionId:H,isProductPartiallyChecked:m.isProductPartiallyChecked(H,t,P,Y,B),productId:t,data:Y.products[t],selectedData:P,selectedCollectionsDispatch:E,viewOnly:!F&&!!te,upliftAdditions:re,hideProductCheckbox:T,hideVariantCheckbox:L,hideProductVariants:B,pickerType:w,onProductDetailClick:U,showProductDetailInfoIcon:K},t))):Q?e.jsxRuntimeExports.jsx(x.ProductPickerShimmer,{limit:10}):e.jsxRuntimeExports.jsx(h.EmptyState,{title:"No products to show",subtitle:z.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})}))]})};

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

@@ -1,7 +1,8 @@
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
 import React from 'react';
-import type { SelectedCollectionsActions } from './reducers';
-import { type FbStatusFetcherReturn, OUT_OF_STOCK_ACTION, type SelectedItems } from './type';
+import { FbStatusFetcherReturn, SelectedItems } from '.';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
 interface RearrangeScreenInterface {
     selectedCollections: SelectedItems;
     selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Collection, SearchedItems, SelectedItems } from './type';
+import { Collection, SearchedItems, SelectedItems } from '.';
 export interface SelectedCollectionsActions {
     type: string;
     data: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/lodash/cloneDeep.js");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;case"productsPaged":return a=Object.assign({},t),a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;case"searched":a=Object.assign({},t);for(const t in e.data)t in a||(a[t]=e.data[t]);return a;default:return{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":a=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const s=e.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const e=a[t];a[t]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),s.products)})}else a[t]=s}return a;case"update":return a=Object.assign({},t),a;case"set":return a=Object.assign(Object.assign({},t),e.data),a;case"filter":a={};for(const s in t)if(s in e.data){const d=Object.assign({},t[s]),c=e.data[s],o={};for(const t in d.products)if(t in c.products){const e=Object.assign({},d.products[t]),a=c.products[t],s={};for(const t in e.variants)t in a.variants&&(s[t]=Object.assign({},e.variants[t]));Object.keys(s).length>0&&(e.variants=s,o[t]=e)}Object.keys(o).length>0&&(d.products=o,a[s]=d)}return a;default:return t}},exports.searchReducer=function(t,e){let a={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return a=Object.assign({},t),a.products=e.data,a;default:return t}},exports.selectedColectionsReducer=function(e,a){var s,d,c,o,r,n,i,u,l,p,v;let O={},g="",j="",b="";switch(a.type){case"selected":return O=t.default(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(O={}),O.isCustom=!0),O[a.data.id]=a.data.val,O;case"unselected":return O=t.default(e),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[a.data.id],O;case"productUnselected":return O=t.default(e),g=a.data.productId,j=a.data.collectionId,delete O[j].products[g],Object.keys(O[j].products).length||((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[j]),O;case"productSelected":return O=t.default(e),g=a.data.productId,j=a.data.collectionId,(null===(s=a.data.catalogOnlyData)||void 0===s?void 0:s.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[j])||(O[j]=a.data.catalogOnlyData,O[j].products={}),O[j].products[g]=a.data.product,O;case"variantSelected":return O=t.default(e),g=a.data.productId,j=a.data.collectionId,b=a.data.variantId,(null===(d=a.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[j])||(O[j]=a.data.catalogOnlyData,O[j].products={},O[j].products[g]=a.data.productOnlyData,O[j].products[g].variants={}),(null===(c=null==O?void 0:O[j])||void 0===c?void 0:c.products)||(O[j].products={}),(null===(r=null===(o=null==O?void 0:O[j])||void 0===o?void 0:o.products)||void 0===r?void 0:r[g])||(O[j].products[g]=a.data.productOnlyData,O[j].products[g].variants={}),O[j].products[g].variants||(O[j].products[g].variants={}),O[j].products[g].variants[b]=a.data.variant,O;case"variantUnselected":return O=t.default(e),g=a.data.productId,j=a.data.collectionId,b=a.data.variantId,(null===(i=null===(n=O[j].products[g])||void 0===n?void 0:n.variants)||void 0===i?void 0:i[b])&&delete O[j].products[g].variants[b],Object.keys(null!==(p=null===(l=null===(u=O[j].products)||void 0===u?void 0:u[g])||void 0===l?void 0:l.variants)&&void 0!==p?p:{}).length||(delete O[j].products[g],Object.keys(O[j].products).length||((null===(v=O[j])||void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[j])),O;case"update":return O=Object.assign({},e),O;case"reset":return{};default:return e}};
+"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;case"productsPaged":return a=Object.assign({},t),a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;case"searched":a=Object.assign({},t);for(const t in e.data)t in a||(a[t]=e.data[t]);return a;default:return{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":a=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const s=e.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const e=a[t];a[t]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),s.products)})}else a[t]=s}return a;case"update":return a=Object.assign({},t),a;case"set":return a=Object.assign(Object.assign({},t),e.data),a;case"filter":a={};for(const s in t)if(s in e.data){const c=Object.assign({},t[s]),d=e.data[s],o={};for(const t in c.products)if(t in d.products){const e=Object.assign({},c.products[t]),a=d.products[t],s={};for(const t in e.variants)t in a.variants&&(s[t]=Object.assign({},e.variants[t]));Object.keys(s).length>0&&(e.variants=s,o[t]=e)}Object.keys(o).length>0&&(c.products=o,a[s]=c)}return a;default:return t}},exports.searchReducer=function(t,e){let a={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return a=Object.assign({},t),a.products=e.data,a;default:return t}},exports.selectedColectionsReducer=function(e,a){var s,c,d,o,r,n,i,l,u,p,v;let O={},g="",b="",j="";switch(a.type){case"selected":return O=t.cloneDeep(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(O={}),O.isCustom=!0),O[a.data.id]=a.data.val,O;case"unselected":return O=t.cloneDeep(e),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[a.data.id],O;case"productUnselected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,delete O[b].products[g],Object.keys(O[b].products).length||((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[b]),O;case"productSelected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,(null===(s=a.data.catalogOnlyData)||void 0===s?void 0:s.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])||(O[b]=a.data.catalogOnlyData,O[b].products={}),O[b].products[g]=a.data.product,O;case"variantSelected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,j=a.data.variantId,(null===(c=a.data.catalogOnlyData)||void 0===c?void 0:c.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])||(O[b]=a.data.catalogOnlyData,O[b].products={},O[b].products[g]=a.data.productOnlyData,O[b].products[g].variants={}),(null===(d=null==O?void 0:O[b])||void 0===d?void 0:d.products)||(O[b].products={}),(null===(r=null===(o=null==O?void 0:O[b])||void 0===o?void 0:o.products)||void 0===r?void 0:r[g])||(O[b].products[g]=a.data.productOnlyData,O[b].products[g].variants={}),O[b].products[g].variants||(O[b].products[g].variants={}),O[b].products[g].variants[j]=a.data.variant,O;case"variantUnselected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,j=a.data.variantId,(null===(i=null===(n=O[b].products[g])||void 0===n?void 0:n.variants)||void 0===i?void 0:i[j])&&delete O[b].products[g].variants[j],Object.keys(null!==(p=null===(u=null===(l=O[b].products)||void 0===l?void 0:l[g])||void 0===u?void 0:u.variants)&&void 0!==p?p:{}).length||(delete O[b].products[g],Object.keys(O[b].products).length||((null===(v=O[b])||void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[b])),O;case"update":return O=Object.assign({},e),O;case"reset":return{};default:return e}};

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import type { SearchReducerActions, SelectedCollectionsActions } from './reducers';
-import { type Collection, type FbStatusFetcherReturn, OUT_OF_STOCK_ACTION, type SearchedItems, type SelectedItems } from './type';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { Collection, FbStatusFetcherReturn, SearchedItems, SelectedItems } from '.';
+import { SearchReducerActions, SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
 interface SearchScreenInterface {
     customCollectionRestriction?: boolean;
     selectedCollections: SelectedItems;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import { type SelectedCollectionsActions } from './reducers';
-import { type Collection, type FbStatusFetcherReturn, OUT_OF_STOCK_ACTION, type SelectedItems } from './type';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { Collection, FbStatusFetcherReturn, SelectedItems } from '.';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
 interface SelectedScreenInterface {
     selectedCollections: SelectedItems;
     selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;

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

@@ -17,68 +17,3 @@ export declare enum ScreenName {
     SearchProducts = "searchProducts",
     Products = "products"
 }
-export type FbProductStatus = 'APPROVED' | 'REJECTED';
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-    quantity: number;
-    skipSync?: boolean;
-    displayOrder?: number | null;
-    fbStatus?: FbProductStatus;
-    description?: string;
-    id?: string;
-    actualPrice?: string;
-    currency?: string;
-    skuId?: string;
-}
-export interface Product {
-    name: string;
-    image: string;
-    description?: string;
-    variants?: {
-        [key: string]: ProductVariant;
-    };
-    id?: string;
-    handle?: string;
-    currency?: string;
-}
-export interface Collection {
-    name: string;
-    image: string;
-    isSmartCollection: boolean;
-    products?: {
-        [key: string]: Product;
-    };
-}
-export type SelectedItems = {
-    [key: string]: Collection;
-};
-export type SearchedItems = {
-    collections: SelectedItems;
-    products: SelectedItems;
-};
-export type CollectionFetcherReturn = Promise<{
-    collections: {
-        [key: string]: {
-            image: string;
-            name: string;
-            isSmartCollection: string;
-        };
-    };
-}>;
-export type ProductFetcherReturn = Promise<{
-    [key: string]: Product;
-}>;
-export type FbStatusFetcherReturn = Promise<{
-    [key: string]: FbProductStatus;
-}>;
-/**
- * Extended type from Product Variant, which contains ids and name.
- */
-export type ProductVariantForRearrange = ProductVariant & {
-    variantId: string;
-    productId: string;
-    collectionId: string;
-    productName: string;
-};

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

@@ -1,6 +1,6 @@
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import type { CollectionsActions } from './reducers';
-import type { Collection, FbStatusFetcherReturn, Product, ProductVariant, SearchedItems, SelectedItems } from './type';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { Collection, FbStatusFetcherReturn, Product, ProductVariant, SearchedItems, SelectedItems } from './modal';
+import { CollectionsActions } from './reducers';
 export declare const liftTheStateUp: (payload: any, data: any) => any;
 export declare function paginateSelectedItems(selectedItems: SelectedItems, limit: number, offset: number): {
     [key: string]: Collection;