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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/markdown/index.js

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

package/dist/esm/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/esm/components/multi-level-dropdown/GroupedMenuList.js

@@ -0,0 +1 @@
+import{j as o}from"../../node_modules/react/jsx-runtime.js";import{COLORS as t}from"../../constants/Theme.js";import{BodyTiny as e}from"../TypographyStyle.js";import{MenuItem as r}from"./MenuItem.js";import{GroupedMenuListContainer as n}from"./MultiLevelDropdown.styled.js";const p=p=>{let{width:s,onDropdownItemClick:i,option:l,parents:m}=p;return o.jsxs(n,{children:[o.jsx(e,Object.assign({style:{padding:"4px 8px 4px 12px",cursor:"default"},color:t.content.placeholder},{children:l.label})),l.options.map(((t,e)=>o.jsx(r,{width:s,onDropdownItemClick:i,option:t,parents:m},e)))]})};export{p as GroupedMenuList};

package/dist/esm/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/esm/components/multi-level-dropdown/MenuItem.js

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

package/dist/esm/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/esm/components/multi-level-dropdown/MenuList.js

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

package/dist/esm/components/postPicker/postPicker.js

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

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

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

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

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

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

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

package/dist/esm/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/esm/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/esm/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/esm/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;

package/dist/esm/components/product-picker-v2/utility.js

@@ -1 +1 @@
-import o from"../../node_modules/lodash/cloneDeep.js";const l=(l,n)=>{const i=o(n);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&n.products){const t=o(n.products[l.productId]);(null==t?void 0:t.variants)&&delete t.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:t})}return l};function n(o,l,n){var t;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const u=o[s],c=i(u.products,l,n-v);c&&Object.keys(c).length>0&&(d[s]=Object.assign(Object.assign({},u),{products:c})),v+=Object.keys(null!==(t=u.products)&&void 0!==t?t:{}).length}return d}function i(o,l,n){if(!o)return{};const i=Object.keys(o).slice(n,n+l),t={};return i.forEach((l=>{t[l]=o[l]})),t}const t=(o,l,n)=>{Object.keys(o).forEach((l=>{var n,i;const t=null!==(i=null===(n=o[l])||void 0===n?void 0:n.products)&&void 0!==i?i:{};Object.keys(t).forEach((n=>{var i,t,d,v;const s=null!==(v=null===(d=null===(t=null===(i=o[l])||void 0===i?void 0:i.products)||void 0===t?void 0:t[n])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var t,d,v,s;const u=null===(s=null===(v=null===(d=null===(t=o[l])||void 0===t?void 0:t.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[i];u&&!u.fbStatus&&(u.fbStatus="APPROVED")}))}))})),l({type:n,data:o})},d=function(o,l,n,i,d){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";d||t(o,i,v);const s=(o=>{const l=[];return Object.keys(o).forEach((n=>{var i,t;const d=null!==(t=null===(i=o[n])||void 0===i?void 0:i.products)&&void 0!==t?t:{};Object.keys(d).forEach((i=>{var t,d,v,s;const u=null!==(s=null===(v=null===(d=null===(t=o[n])||void 0===t?void 0:t.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((t=>{var d,v,s,u;const c=null===(u=null===(s=null===(v=null===(d=o[n])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[t];(null==c?void 0:c.fbStatus)||l.push(t)}))}))})),l})(o);s.length>0&&d&&d(l,s,n).then((l=>{const n=Object.assign({},o);Object.keys(n).forEach((o=>{var i,t;const d=null!==(t=null===(i=n[o])||void 0===i?void 0:i.products)&&void 0!==t?t:{};Object.keys(d).forEach((i=>{var t,d,v,s;const u=null!==(s=null===(v=null===(d=null===(t=n[o])||void 0===t?void 0:t.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((t=>{var d,v,s,u;const c=null===(u=null===(s=null===(v=null===(d=n[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[t];c&&"REJECTED"===l[t]?c.fbStatus="REJECTED":c&&"APPROVED"===l[t]&&(c.fbStatus="APPROVED")}))}))})),i({type:v,data:n})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,i,v)}))},v=(o,l)=>{const n=[];return Object.keys(null!=o?o:{}).forEach((i=>{var t,d;const v=null!==(d=null===(t=null==o?void 0:o[i])||void 0===t?void 0:t.variants)&&void 0!==d?d:{};Object.keys(v).forEach((t=>{var d,v,s,u,c;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[t]:null===(c=null===(u=null==o?void 0:o[i])||void 0===u?void 0:u.variants)||void 0===c?void 0:c[t],(null==r?void 0:r.fbStatus)||n.push(t)}))})),n},s=(o,l,n,i,t)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var n,i;Object.keys(null!==(i=null===(n=null==o?void 0:o[l])||void 0===n?void 0:n.variants)&&void 0!==i?i:{}).forEach((n=>{var i,t;const v=null===(i=null==o?void 0:o[l].variants)||void 0===i?void 0:i[n];v&&(v.fbStatus="APPROVED");const s=null===(t=null==d?void 0:d[l])||void 0===t?void 0:t.variants;s&&s[n]&&(s[n]=v)}))})),i&&t){const o=Object.assign({},i);o.products=d,t(o),l({type:"productsPaged",data:{collectionId:n,products:d}})}else l({type:"productsPaged",data:{collectionId:n,products:d}})},u=o=>{const l=Object.keys(o.variants||[]);let n=!1;return!(l.length<=1)||(l.forEach((l=>{var i,t;n=null!==(t=null===(i=o.variants)||void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==t&&t})),!n)},c=(o,l,n,i,t)=>{var d,v,s,u,c,r,a,e,p,b,O,f,j,h,y,g,E,k,P;let D=0,m=0;if(null===(v=null===(d=null==n?void 0:n[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(t)return!1;const d=(null===(c=null===(u=null===(s=null==n?void 0:n[o])||void 0===s?void 0:s.products)||void 0===u?void 0:u[l])||void 0===c?void 0:c.variants)||[];if(1===Object.keys(d).length)for(const i in d){const t=null===(a=null===(r=null==n?void 0:n[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[l],d=null===(O=null===(b=null===(p=null===(e=null==n?void 0:n[o])||void 0===e?void 0:e.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[i];if(null===(f=null==d?void 0:d.name)||void 0===f?void 0:f.includes(null!==(j=null==t?void 0:t.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)||void 0===h?void 0:h[l])||void 0===y?void 0:y.variants)||[]))||void 0===g||g.forEach((()=>m++)),Object.keys((null===(P=null===(k=null===(E=null==n?void 0:n[o])||void 0===E?void 0:E.products)||void 0===k?void 0:k[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&m!==D)return!0}return!1},r=function(o,l,n){var i,t,d,v;let s=0,u=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==l?void 0:l.products)&&void 0!==i?i:{};s=Object.keys(v).length;const c=null!==(d=null===(t=n[o])||void 0===t?void 0:t.products)&&void 0!==d?d:{};u=Object.keys(c).length}else if(n[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach((o=>{var l;const n=null===(l=i[o])||void 0===l?void 0:l.variants;n&&Object.keys(n).forEach((o=>s+=1))}));const t=null===(v=n[o])||void 0===v?void 0:v.products;if(t&&Object.keys(t).forEach((o=>{var l;const n=null===(l=t[o])||void 0===l?void 0:l.variants;n&&Object.keys(n).forEach((o=>u+=1))})),s<=0&&u>0)return!1}return u>0&&s!==u},a=(l,n,i)=>Object.keys(l).reduce(((t,d)=>{var v;return d in n?(t[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce(((t,v)=>{var s,u,c,r,a,e,p,b,O,f;const j=null===(s=n[d].products)||void 0===s?void 0:s[v],h=null===(r=null===(c=null===(u=null==i?void 0:i.products)||void 0===u?void 0:u[d])||void 0===c?void 0:c.products)||void 0===r?void 0:r[v];return j?t[v]=Object.assign(Object.assign({},(null===(a=l[d].products)||void 0===a?void 0:a[v])||{}),{allVariants:o(j.variants)}):h?t[v]=Object.assign(Object.assign({},(null===(e=l[d].products)||void 0===e?void 0:e[v])||{}),{allVariants:o(h.variants)}):(null===(b=null===(p=l[d].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(t[v]=Object.assign(Object.assign({},(null===(O=l[d].products)||void 0===O?void 0:O[v])||{}),{allVariants:o(null===(f=l[d].products)||void 0===f?void 0:f[v].allVariants)})),t}),{})}),t):t}),{}),e=(o,l)=>{var n;if(l)return o.skuId;const i=Object.values(null!==(n=null==o?void 0:o.variants)&&void 0!==n?n:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""};export{d as fetchFbStatusCollection,e as getSkuId,v as getVariantIdsToFetchAtProductLevel,r as isCollectionPartiallyChecked,c as isProductPartiallyChecked,l as liftTheStateUp,s as markVariantsAsApprovedProductsLevel,n as paginateSelectedItems,u as shouldShowVariant,a as updateAllVariantsForSelectedProducts};
+import{cloneDeep as o}from"lodash";const l=(l,i)=>{const n=o(i);if(delete n.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:n})).productId&&i.products){const t=o(i.products[l.productId]);(null==t?void 0:t.variants)&&delete t.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:n,productOnlyData:t})}return l};function i(o,l,i){var t;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const u=o[s],c=n(u.products,l,i-v);c&&Object.keys(c).length>0&&(d[s]=Object.assign(Object.assign({},u),{products:c})),v+=Object.keys(null!==(t=u.products)&&void 0!==t?t:{}).length}return d}function n(o,l,i){if(!o)return{};const n=Object.keys(o).slice(i,i+l),t={};return n.forEach((l=>{t[l]=o[l]})),t}const t=(o,l,i)=>{Object.keys(o).forEach((l=>{var i,n;const t=null!==(n=null===(i=o[l])||void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(t).forEach((i=>{var n,t,d,v;const s=null!==(v=null===(d=null===(t=null===(n=o[l])||void 0===n?void 0:n.products)||void 0===t?void 0:t[i])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach((n=>{var t,d,v,s;const u=null===(s=null===(v=null===(d=null===(t=o[l])||void 0===t?void 0:t.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[n];u&&!u.fbStatus&&(u.fbStatus="APPROVED")}))}))})),l({type:i,data:o})},d=function(o,l,i,n,d){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";d||t(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach((i=>{var n,t;const d=null!==(t=null===(n=o[i])||void 0===n?void 0:n.products)&&void 0!==t?t:{};Object.keys(d).forEach((n=>{var t,d,v,s;const u=null!==(s=null===(v=null===(d=null===(t=o[i])||void 0===t?void 0:t.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((t=>{var d,v,s,u;const c=null===(u=null===(s=null===(v=null===(d=o[i])||void 0===d?void 0:d.products)||void 0===v?void 0:v[n])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[t];(null==c?void 0:c.fbStatus)||l.push(t)}))}))})),l})(o);s.length>0&&d&&d(l,s,i).then((l=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var n,t;const d=null!==(t=null===(n=i[o])||void 0===n?void 0:n.products)&&void 0!==t?t:{};Object.keys(d).forEach((n=>{var t,d,v,s;const u=null!==(s=null===(v=null===(d=null===(t=i[o])||void 0===t?void 0:t.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(u).forEach((t=>{var d,v,s,u;const c=null===(u=null===(s=null===(v=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[n])||void 0===s?void 0:s.variants)||void 0===u?void 0:u[t];c&&"REJECTED"===l[t]?c.fbStatus="REJECTED":c&&"APPROVED"===l[t]&&(c.fbStatus="APPROVED")}))}))})),n({type:v,data:i})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,n,v)}))},v=(o,l)=>{const i=[];return Object.keys(null!=o?o:{}).forEach((n=>{var t,d;const v=null!==(d=null===(t=null==o?void 0:o[n])||void 0===t?void 0:t.variants)&&void 0!==d?d:{};Object.keys(v).forEach((t=>{var d,v,s,u,c;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)||void 0===s?void 0:s[t]:null===(c=null===(u=null==o?void 0:o[n])||void 0===u?void 0:u.variants)||void 0===c?void 0:c[t],(null==r?void 0:r.fbStatus)||i.push(t)}))})),i},s=(o,l,i,n,t)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var i,n;Object.keys(null!==(n=null===(i=null==o?void 0:o[l])||void 0===i?void 0:i.variants)&&void 0!==n?n:{}).forEach((i=>{var n,t;const v=null===(n=null==o?void 0:o[l].variants)||void 0===n?void 0:n[i];v&&(v.fbStatus="APPROVED");const s=null===(t=null==d?void 0:d[l])||void 0===t?void 0:t.variants;s&&s[i]&&(s[i]=v)}))})),n&&t){const o=Object.assign({},n);o.products=d,t(o),l({type:"productsPaged",data:{collectionId:i,products:d}})}else l({type:"productsPaged",data:{collectionId:i,products:d}})},u=o=>{const l=Object.keys(o.variants||[]);let i=!1;return!(l.length<=1)||(l.forEach((l=>{var n,t;i=null!==(t=null===(n=o.variants)||void 0===n?void 0:n[l].name.includes(o.name))&&void 0!==t&&t})),!i)},c=(o,l,i,n,t)=>{var d,v,s,u,c,r,a,e,p,b,O,f,j,h,y,g,E,k,P;let D=0,V=0;if(null===(v=null===(d=null==i?void 0:i[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(t)return!1;const d=(null===(c=null===(u=null===(s=null==i?void 0:i[o])||void 0===s?void 0:s.products)||void 0===u?void 0:u[l])||void 0===c?void 0:c.variants)||[];if(1===Object.keys(d).length)for(const n in d){const t=null===(a=null===(r=null==i?void 0:i[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[l],d=null===(O=null===(b=null===(p=null===(e=null==i?void 0:i[o])||void 0===e?void 0:e.products)||void 0===p?void 0:p[l])||void 0===b?void 0:b.variants)||void 0===O?void 0:O[n];if(null===(f=null==d?void 0:d.name)||void 0===f?void 0:f.includes(null!==(j=null==t?void 0:t.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==n?void 0:n.products)||void 0===h?void 0:h[l])||void 0===y?void 0:y.variants)||[]))||void 0===g||g.forEach((()=>V++)),Object.keys((null===(P=null===(k=null===(E=null==i?void 0:i[o])||void 0===E?void 0:E.products)||void 0===k?void 0:k[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&V!==D)return!0}return!1},r=function(o,l,i){var n,t,d,v;let s=0,u=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(n=null==l?void 0:l.products)&&void 0!==n?n:{};s=Object.keys(v).length;const c=null!==(d=null===(t=i[o])||void 0===t?void 0:t.products)&&void 0!==d?d:{};u=Object.keys(c).length}else if(i[o]){const n=null==l?void 0:l.products;n&&Object.keys(n).forEach((o=>{var l;const i=null===(l=n[o])||void 0===l?void 0:l.variants;i&&Object.keys(i).forEach((o=>s+=1))}));const t=null===(v=i[o])||void 0===v?void 0:v.products;if(t&&Object.keys(t).forEach((o=>{var l;const i=null===(l=t[o])||void 0===l?void 0:l.variants;i&&Object.keys(i).forEach((o=>u+=1))})),s<=0&&u>0)return!1}return u>0&&s!==u},a=(l,i,n)=>Object.keys(l).reduce(((t,d)=>{var v;return d in i?(t[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce(((t,v)=>{var s,u,c,r,a,e,p,b,O,f;const j=null===(s=i[d].products)||void 0===s?void 0:s[v],h=null===(r=null===(c=null===(u=null==n?void 0:n.products)||void 0===u?void 0:u[d])||void 0===c?void 0:c.products)||void 0===r?void 0:r[v];return j?t[v]=Object.assign(Object.assign({},(null===(a=l[d].products)||void 0===a?void 0:a[v])||{}),{allVariants:o(j.variants)}):h?t[v]=Object.assign(Object.assign({},(null===(e=l[d].products)||void 0===e?void 0:e[v])||{}),{allVariants:o(h.variants)}):(null===(b=null===(p=l[d].products)||void 0===p?void 0:p[v])||void 0===b?void 0:b.allVariants)&&(t[v]=Object.assign(Object.assign({},(null===(O=l[d].products)||void 0===O?void 0:O[v])||{}),{allVariants:o(null===(f=l[d].products)||void 0===f?void 0:f[v].allVariants)})),t}),{})}),t):t}),{}),e=(o,l)=>{var i;if(l)return o.skuId;const n=Object.values(null!==(i=null==o?void 0:o.variants)&&void 0!==i?i:{});return 1===n.length&&n[0].name.includes(o.name)?n[0].skuId:""};export{d as fetchFbStatusCollection,e as getSkuId,v as getVariantIdsToFetchAtProductLevel,r as isCollectionPartiallyChecked,c as isProductPartiallyChecked,l as liftTheStateUp,s as markVariantsAsApprovedProductsLevel,i as paginateSelectedItems,u as shouldShowVariant,a as updateAllVariantsForSelectedProducts};

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

@@ -1,6 +1,16 @@
 /// <reference types="react" />
-import type { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';
+import { ProductVariant } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+/**
+ * Extended type from Product Variant, which contains ids and name.
+ */
+export type ProductVariantForRearrange = ProductVariant & {
+    variantId: string;
+    productId: string;
+    collectionId: string;
+    productName: string;
+};
 /**
  * Props type for variant card in rearrange screen
  */

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import type { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+import { ProductVariantForRearrange } from './variant';
 /**
  * Props for list of variants - applicable both in list and grid view
  */

package/dist/esm/components/sample-button/SampleButton.d.ts

@@ -1,3 +1,18 @@
 /// <reference types="react" />
-import { SampleButtonProps } from './SampleButton.model';
+export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
+export type Variant = 'solid' | 'outline' | 'text';
+export interface SampleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The color of the Button.
+     *
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The visual style of the Button.
+     *
+     * @default 'solid'
+     */
+    variant?: Variant;
+}
 export declare const SampleButton: import("react").ForwardRefExoticComponent<SampleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;