@bikdotai/bik-component-library 0.0.734-beta.2 → 0.0.734

package/dist/esm/components/bik-layout/SidebarPopup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Menu } from './Sidebar.model';
+import { Menu } from './SimpleSidebar';
 export interface SidebarPopupI {
     menuList: Menu[];
     width?: number;

package/dist/esm/components/bik-layout/SidebarSkeleton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SidebarTheme } from './Sidebar.model';
+import { SidebarTheme } from './SimpleSidebar';
 export interface BikSidebarShimmerProps {
     theme: SidebarTheme;
     width?: number;

package/dist/esm/components/bik-layout/SidebarStyles.d.ts

@@ -1,4 +1,4 @@
-import { SidebarTheme } from './Sidebar.model';
+import { SidebarTheme } from './SimpleSidebar';
 export declare const SideBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MainSideBarMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SibeBarMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/bik-layout/SimpleSidebar.d.ts

@@ -1,3 +1,29 @@
 /// <reference types="react" />
-import { SimpleSidebarProps } from './Sidebar.model';
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    description?: string;
+    path?: string;
+    page?: string;
+    isNew?: string;
+}
+export type SidebarTheme = 'brand' | 'white';
+export interface SimpleSidebarProps {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarTheme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    postion?: 'fixed' | 'sticky';
+    top?: number;
+    router: any;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+    isNewSidebar?: boolean;
+}
 export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;

package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";const s=()=>e.jsx(e.Fragment,{});export{s as default};
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useEffect as n,useCallback as r}from"react";import a,{ACTIONS as i}from"react-joyride";import"./constants/animations.js";import{SELECTORS as s}from"./constants/selectors.js";import{useFeatureAnnouncements as d}from"./hooks/useFeatureAnnouncements.js";import l from"./MajorUpdatePopup.js";import u from"./MinorUpdatePopup.js";import{VideoModal as c}from"./VideoModal.js";const p=p=>{let{children:f,fetchVisibleFeatures:b,getStoreFeatureProgress:m,fetchFeatureById:g,markFeatureAsViewedForStore:h,isFeatureApplicableToCurrentPage:y,module:x,router:C}=p;var S;const{majorUpdateFeatures:k,minorUpdateFeatures:T,isLoading:w,markFeatureAsViewed:v}=d({fetchVisibleFeatures:b,getStoreFeatureProgress:m,fetchFeatureById:g,markFeatureAsViewedForStore:h,isFeatureApplicableToCurrentPage:y,module:x,router:C}),[B,j]=o(null),[I,F]=o(null),[E,N]=o(!1),[W,P]=o([]),[M,O]=o(!1),[q,V]=o([]),[_,L]=o(!1),[R,A]=o(!1),[U,$]=o([]),[z,H]=o(!1),[Z,D]=o(!1),[G,J]=o(!1),[K,Q]=o(""),[X,Y]=o(!1),[tt,et]=o(!1),[ot,nt]=o(!1),[rt,at]=o(0),[it,st]=o(0),[dt,lt]=o(new Set);n((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),n((()=>{at((t=>t+1)),st((t=>t+1)),et(!1),nt(!1),lt(new Set)}),[null==C?void 0:C.pathname]),n((()=>{if(!(k.length>0)||B||w||_||X)0!==k.length||w||D(!0);else{D(!1),H(!1),N(!1),P([]),F(null),$([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?ut(k[0]):t<e?setTimeout(o,1e3):D(!0)};o()}}),[k,B,w,_,X]),n((()=>{var t;const e=null===(t=null==C?void 0:C.query)||void 0===t?void 0:t.featureId;if(!e||w||0===T.length)return;const o=T.find((t=>t.id===e));if(!o||!o.featureTag)return;H(!0),A(!0);let n=0;const r=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];$(t),yt(o,t),clearInterval(r)}else n>=25&&(A(!1),clearInterval(r))}),200);return()=>{clearInterval(r)}}),[T,null===(S=null==C?void 0:C.query)||void 0===S?void 0:S.featureId,w]),n((()=>{var t;if(T.length>0&&!w&&!E&&!R&&!I&&!z&&Z&&!X){let t=null,e=null,o=null,n=!1;const r=()=>{if(n||R||I||z||!Z)return;const r=T.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(dt.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));r.length>0&&($(r),yt(r[0],r),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}E||n||R||I||z||!Z||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||R||I||z||!Z||r()}),200))})),e=()=>{E||n||R||I||z||!Z||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||R||I||z||!Z||r()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),r(),setTimeout((()=>{n||R||I||z||!Z||r()}),100),setTimeout((()=>{n||R||I||z||!Z||r()}),1e3),setTimeout((()=>{n||R||I||z||!Z||r()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===T.length||w){(null===(t=null==C?void 0:C.query)||void 0===t?void 0:t.featureId)&&I||(N(!1),P([]),F(null),$([]),H(!1))}}),[T,w,E,R,I,z,Z,v,X]);const ut=t=>{j(t);const o=k.findIndex((e=>e.id===t.id)),n=k.length,r=[{target:s.WHATS_NEW_BUTTON,content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>ct(t),onExplore:()=>pt(t),onPrevious:()=>ft(t),onNext:()=>bt(t),setIsClosing:et}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];V(r),O(!0)},ct=r((t=>{(t||B)&&(L(!0),k.forEach((t=>{v(t.id)})),O(!1),j(null),V([]),D(!0),setTimeout((()=>{L(!1)}),500))}),[B,k,v]),pt=r((t=>{L(!0),v(t.id),t.productVideo&&(Q(t.productVideo),J(!0),Y(!0)),O(!1),j(null),V([]);k.findIndex((e=>e.id===t.id))===k.length-1&&D(!0),setTimeout((()=>{L(!1)}),500)}),[k,v]),ft=r((t=>{const o=t||B;if(!o)return;const n=k.findIndex((t=>t.id===o.id));if(n>0){const t=k[n-1];j(t);const o=n-1,r=k.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ct(t),onExplore:()=>pt(t),onPrevious:()=>ft(t),onNext:()=>bt(t),setIsClosing:et}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];V(a)}}),[B,k]),bt=r((t=>{const o=t||B;if(!o)return;const n=k.findIndex((t=>t.id===o.id));if(n<k.length-1){const t=k[n+1];j(t);const o=n+1,r=k.length,a=[{target:'[data-testid="whats-new-button"]',content:e.jsx(l,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>ct(t),onExplore:()=>pt(t),onPrevious:()=>ft(t),onNext:()=>bt(t),setIsClosing:et}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];V(a)}else L(!0),v(o.id),O(!1),j(null),V([]),D(!0),setTimeout((()=>{L(!1)}),500)}),[B,k,v]),mt=()=>{if(k.length>0&&!B){document.querySelector('[data-testid="whats-new-button"]')&&ut(k[0])}};n((()=>(window.showMajorUpdatePopup=mt,()=>{delete window.showMajorUpdatePopup})),[k,B]);const gt=r((t=>{const{action:e}=t;e===i.CLOSE&&(B&&(L(!0),k.forEach((t=>{v(t.id)})),D(!0),setTimeout((()=>{L(!1)}),500)),O(!1),j(null),V([]))}),[B,k,v]),ht=r((t=>{const{action:e}=t;if(e===i.CLOSE){if(I){A(!0),v(I.id);U.findIndex((t=>t.id===I.id))===U.length-1&&H(!0),setTimeout((()=>{A(!1)}),500)}N(!1),F(null),P([])}}),[I,U,v]),yt=(o,n)=>t(void 0,void 0,void 0,(function*(){F(o);const t=n||U,r=t.findIndex((t=>t.id===o.id)),a=t.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,s=document.querySelector(i);if(s)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(s,120)}catch(t){}const d=[{target:i,content:e.jsx(u,{feature:o,currentIndex:r,totalFeatures:a,onSkip:()=>xt(o),onExplore:()=>Ct(o),onPrevious:()=>St(o),onNext:()=>kt(o),setIsClosing:nt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(d),N(!0)})),xt=r((t=>{const e=t||I;if(e){A(!0),v(e.id),lt((t=>new Set(t).add(e.id))),N(!1),F(null),P([]);const t=U.find((t=>t.id!==e.id&&!dt.has(t.id)));setTimeout((()=>{A(!1),t?yt(t,U):H(!0)}),500)}}),[I,U,v,dt]),Ct=r((t=>{A(!0),v(t.id),lt((e=>new Set(e).add(t.id))),t.productVideo&&(Q(t.productVideo),J(!0),Y(!0)),N(!1),F(null),P([]);const e=U.find((e=>e.id!==t.id&&!dt.has(e.id)));setTimeout((()=>{A(!1),e&&!t.productVideo?yt(e,U):e||H(!0)}),500)}),[U,v,dt]),St=r((o=>t(void 0,void 0,void 0,(function*(){const t=o||I;if(!t)return;const n=U.findIndex((e=>e.id===t.id));if(n>0){const t=U[n-1];F(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n-1,i=U.length,s=[{target:o,content:e.jsx(u,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>xt(t),onExplore:()=>Ct(t),onPrevious:()=>St(t),onNext:()=>kt(t),setIsClosing:nt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s)}}))),[I,U]),kt=r((o=>t(void 0,void 0,void 0,(function*(){const t=o||I;if(!t)return;const n=U.findIndex((e=>e.id===t.id));if(n<U.length-1){const t=U[n+1];F(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=document.querySelector(o);if(r)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(r,120)}catch(t){}const a=n+1,i=U.length,s=[{target:o,content:e.jsx(u,{feature:t,currentIndex:a,totalFeatures:i,onSkip:()=>xt(t),onExplore:()=>Ct(t),onPrevious:()=>St(t),onNext:()=>kt(t),setIsClosing:nt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];P(s)}else A(!0),H(!0),v(t.id),N(!1),F(null),P([]),setTimeout((()=>{A(!1)}),500)}))),[I,U,v]);return e.jsxs(e.Fragment,{children:[f,q.length>0&&e.jsx(a,{steps:q,run:M,continuous:!1,showProgress:!1,showSkipButton:!1,callback:gt,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:tt?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${rt}`),W.length>0&&e.jsx(a,{steps:W,run:E,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ht,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ot?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:ot?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${it}`),e.jsx(c,{isOpen:G,videoUrl:K,onClose:()=>{J(!1),Q(""),Y(!1);const t=U.find((t=>!dt.has(t.id)));t?setTimeout((()=>{yt(t,U)}),300):H(!0)}})]})};export{p as default};

package/dist/esm/components/feature-announcements/utils/elementHelpers.js

@@ -1 +1 @@
-import"../constants/animations.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const r=document.querySelector(t.SVG_VIEWBOX);if(r){if(r.querySelector(t.CLIPPATH_PATTERN))return r.closest(t.WHATS_NEW_BUTTON)||r.parentElement}return null},r=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)};export{r as findFeatureTagElement,e as findWhatsNewButton};
+import"../constants/animations.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const n=document.querySelector(t.SVG_VIEWBOX);if(n){if(n.querySelector(t.CLIPPATH_PATTERN))return n.closest(t.WHATS_NEW_BUTTON)||n.parentElement}return null},n=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)},o=t=>t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`,r=t=>{const e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,r=e.top>=120&&e.bottom<=n,i=e.left>=0&&e.right<=o;return r&&i},i=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:120;return new Promise((n=>{if(r(t))return void n();const o=t.getBoundingClientRect().top+window.pageYOffset-e;let i;window.scrollTo({top:o,behavior:"smooth"});const s=()=>{clearTimeout(i),i=setTimeout((()=>{window.removeEventListener("scroll",s),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",s,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",s),n()}),1e3)}))};export{n as findFeatureTagElement,e as findWhatsNewButton,r as isElementInViewport,o as normalizeSelector,i as scrollToElementSmooth};

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Placement } from "../tooltips";
 import { DropdownOption, OpenDropdownProps } from '../dropdown/type';
 import { FloaterProps } from '../floater/floater';
-import { InputProps } from '../input/Input.model';
+import { InputProps } from '../input';
 type DropdownProps = OpenDropdownProps & {
     isLoading?: boolean;
     children?: React.ReactNode;

package/dist/esm/components/image-cropper/BikImageCropper.d.ts

@@ -1,4 +1,9 @@
 import 'react-image-crop/dist/ReactCrop.css';
-import { BikImageCropperProps } from './BikImageCropper.model';
+export interface BikImageCropperProps {
+    aspectRatio?: number;
+    src: string;
+    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
+    onCancel: () => void;
+}
 export declare const BikImageCropper: (props: BikImageCropperProps) => import("react/jsx-runtime").JSX.Element;
 export default BikImageCropper;

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts

@@ -1,5 +1,5 @@
 import { CompressImageOptions } from "../../image-compress";
-import { BikImageCropperProps } from '../BikImageCropper.model';
+import { BikImageCropperProps } from "..";
 /**
  * Todos
  * 	- Add option to pass https url in the src / edit an image

package/dist/esm/components/input/ChipInput.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import r from"react-chips";import{COLORS as o}from"../../constants/Theme.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{theme as i,chipTheme as c}from"./ChipInput.styled.js";const a=a=>{let{onChipsChange:p,placeholder:h,chips:m,label:u,labelColor:d,hintText:y,hintTextColor:j,error:f,inputHeight:g,createChipKeys:v,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,T]=t(!1);return n((()=>{const e=()=>{T(!0)},t=()=>{T(!1)},n=document.querySelector(`#${C} input`);return null==n||n.addEventListener("focus",e),null==n||n.addEventListener("blur",t),()=>{null==n||n.removeEventListener("focus",e),null==n||n.removeEventListener("blur",t)}}),[C]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[u&&e.jsx(s,Object.assign({style:{color:b?o.content.brand:f?o.content.negative:d||o.content.primary}},{children:u})),e.jsx(r,{value:m,theme:i(!!f,g,x,b),chipTheme:c,placeholder:0===m.length&&!!h&&!b&&h,onChange:e=>{p(e)},createChipKeys:v||","}),(!!y||!!f)&&e.jsx(l,Object.assign({style:{color:f?o.content.negative:j||o.content.secondary}},{children:f||y}))]}))};export{a as default};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import o from"react-chips";import{COLORS as r}from"../../constants/Theme.js";import{BodySecondary as i,BodyCaption as s}from"../TypographyStyle.js";import{theme as l,chipTheme as c}from"./ChipInput.styled.js";const a=a=>{let{onChipsChange:p,placeholder:h,chips:d,label:m,labelColor:u,hintText:y,hintTextColor:j,error:g,inputHeight:f,createChipKeys:v,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,T]=t(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{T(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{T(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[m&&e.jsx(i,Object.assign({style:{color:b?r.content.brand:g?r.content.negative:u||r.content.primary}},{children:m})),e.jsx(o,{value:d,theme:l(!!g,f,x,b),chipTheme:c,placeholder:0===d.length&&!!h&&!b&&h,onChange:e=>{p(e)},createChipKeys:v||","}),(!!y||!!g)&&e.jsx(s,Object.assign({style:{color:g?r.content.negative:j||r.content.secondary}},{children:g||y}))]}))};export{a as default};

package/dist/esm/components/input/Input-helper.d.ts

@@ -1,4 +1,4 @@
-import { InputTypeI } from './Input.model';
+import { InputTypeI } from "./Input";
 export declare const isFunction: (fn: any) => boolean;
 export declare const validateInput: (inputText: string | number, type: InputTypeI, rangeValidation?: {
     min?: number;

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