@bikdotai/bik-component-library 0.0.738-0 → 0.0.738-1

package/dist/esm/components/plans/SubscriptionPlansCollected.js

@@ -1,9 +1,9 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,createElement as l}from"react";import i from"styled-components";import{NewSubscriptionPlan as o}from"./NewSubscriptionPlan.js";const n=i.div`
+import{jsx as t}from"react/jsx-runtime";import{useState as e,createElement as l}from"react";import i from"styled-components";import{NewSubscriptionPlan as o}from"./NewSubscriptionPlan.js";const n=i.div`
 	display: flex;
 	column-gap: 22px;
 	align-items: stretch;
 	overflow-x: scroll;
-	max-width: ${e=>{var t;return null!==(t=e.maxWidth)&&void 0!==t?t:"100%"}};
+	max-width: ${t=>{var e;return null!==(e=t.maxWidth)&&void 0!==e?e:"100%"}};
 	&::-webkit-scrollbar-thumb {
 		background: #888;
 		border-radius: 8px;
@@ -16,4 +16,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`,a=i=>{var a;const[s,r]=t(null!==(a=i.selectedPlan)&&void 0!==a?a:"");return e.jsx(n,Object.assign({style:{padding:"28px 0px 5px 0px"},maxWidth:i.maxWidth},{children:i.plans.map(((t,n)=>{var a,d,c;return e.jsx("div",Object.assign({style:{minWidth:null!==(a=i.staticWidth)&&void 0!==a?a:280,maxWidth:null!==(d=i.staticWidth)&&void 0!==d?d:280}},{children:l(o,Object.assign({},t,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==i.selectedTab)&&void 0!==c&&c,showTrialOptions:i.showTrialOptions||!1,onPlanSelect:e=>{i.onPlanSelect(e),r(e)},key:t.planName,isPlanSelected:s==("monthly"==i.selectedTab?t.code:t.yearlyCode),onClickShowAllFeatures:i.onClickShowAllFeatures,showSelectedPlanChip:i.currentPlan==("monthly"==i.selectedTab?t.code:t.yearlyCode),minHeightOfFeatures:i.minHeightOfFeatures}))}),n)}))}))};export{a as SubscriptionPlansCollected};
+`,a=i=>{var a;const[r,s]=e(null!==(a=i.selectedPlan)&&void 0!==a?a:"");return t(n,Object.assign({style:{padding:"28px 0px 5px 0px"},maxWidth:i.maxWidth},{children:i.plans.map(((e,n)=>{var a,d,c;return t("div",Object.assign({style:{minWidth:null!==(a=i.staticWidth)&&void 0!==a?a:280,maxWidth:null!==(d=i.staticWidth)&&void 0!==d?d:280}},{children:l(o,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==i.selectedTab)&&void 0!==c&&c,showTrialOptions:i.showTrialOptions||!1,onPlanSelect:t=>{i.onPlanSelect(t),s(t)},key:e.planName,isPlanSelected:r==("monthly"==i.selectedTab?e.code:e.yearlyCode),onClickShowAllFeatures:i.onClickShowAllFeatures,showSelectedPlanChip:i.currentPlan==("monthly"==i.selectedTab?e.code:e.yearlyCode),minHeightOfFeatures:i.minHeightOfFeatures}))}),n)}))}))};export{a as SubscriptionPlansCollected};

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

package/dist/esm/components/product-picker/ProductPicker.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledZeroState: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledProductPickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/product-picker/ProductPicker.styled.js

@@ -1 +1 @@
-import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{DEFAULT_THEME as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c1"}:{target:"e1h66m5c1",label:"StyledZeroState"})("height:364px;background-color:",d.colorsV2.surface.standard,";display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;.icon__container{height:48px;width:48px;border-radius:50%;background-color:",d.colorsV2.background.base,";display:flex;align-items:center;justify-content:center;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEMiLCJmaWxlIjoiUHJvZHVjdFBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkWmVyb1N0YXRlID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzY0cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdGhlaWdodDogNDhweDtcblx0XHR3aWR0aDogNDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYmFzZX07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZHVjdFBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdC5wb3N0X193cmFwcGVyIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQucG9zdF9fdGh1bWJuYWlsIHtcblx0XHRoZWlnaHQ6IDY4cHg7XG5cdFx0d2lkdGg6IDY4cHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5cdC5wb3N0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHR3aWR0aDogMzUwcHg7XG5cdH1cblx0LmxvYWRlcl9fd3JhcHBlciB7XG5cdFx0aGVpZ2h0OiAzNTBweDtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5cdC5wcm9kdWN0X193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxOXB4O1xuXHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHR9XG5cdC5wcm9kdWN0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0b3JkZXI6IDI7XG5cdH1cblx0LnByb2R1Y3RfX2ltYWdlIHtcblx0XHRoZWlnaHQ6IDQwcHg7XG5cdFx0d2lkdGg6IDQwcHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9kdWN0UGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */")),l=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c0"}:{target:"e1h66m5c0",label:"StyledProductPickerContainer"})("margin-top:8px;.post__wrapper{margin-top:8px;border-top:1px solid ",d.colorsV2.stroke.primary,";background-color:",d.colorsV2.background.warning.light,";padding:12px 24px;display:flex;align-items:center;gap:16px;}.post__thumbnail{height:68px;width:68px;object-fit:cover;border-radius:4px;}.post__info-wrapper{display:flex;gap:8px;flex-direction:column;width:350px;}.loader__wrapper{height:350px;width:100%;margin-top:4px;display:flex;align-items:center;justify-content:center;}.product__wrapper{padding:12px 24px;display:flex;flex-direction:row;align-items:center;gap:19px;border-bottom:1px solid ",d.colorsV2.stroke.primary,";}.product__info-wrapper{display:flex;gap:16px;align-items:center;order:2;}.product__image{height:40px;width:40px;object-fit:cover;border-radius:4px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnVEIiwiZmlsZSI6IlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFplcm9TdGF0ZSA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2NHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2R1Y3RQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHQucG9zdF9fd3JhcHBlciB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHRcdHBhZGRpbmc6IDEycHggMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnBvc3RfX3RodW1ibmFpbCB7XG5cdFx0aGVpZ2h0OiA2OHB4O1xuXHRcdHdpZHRoOiA2OHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXHQucG9zdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDM1MHB4O1xuXHR9XG5cdC5sb2FkZXJfX3dyYXBwZXIge1xuXHRcdGhlaWdodDogMzUwcHg7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuXHQucHJvZHVjdF9fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTlweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXHQucHJvZHVjdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTZweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdG9yZGVyOiAyO1xuXHR9XG5cdC5wcm9kdWN0X19pbWFnZSB7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHdpZHRoOiA0MHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZHVjdFBpY2tlci5zdHlsZWQuanMubWFwIl19 */"));export{l as StyledProductPickerContainer,X as StyledZeroState};
+import c from"@emotion/styled/base";import{DEFAULT_THEME as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c1"}:{target:"e1h66m5c1",label:"StyledZeroState"})("height:364px;background-color:",d.colorsV2.surface.standard,";display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;.icon__container{height:48px;width:48px;border-radius:50%;background-color:",d.colorsV2.background.base,";display:flex;align-items:center;justify-content:center;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEMiLCJmaWxlIjoiUHJvZHVjdFBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkWmVyb1N0YXRlID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzY0cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdGhlaWdodDogNDhweDtcblx0XHR3aWR0aDogNDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYmFzZX07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZHVjdFBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdC5wb3N0X193cmFwcGVyIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQucG9zdF9fdGh1bWJuYWlsIHtcblx0XHRoZWlnaHQ6IDY4cHg7XG5cdFx0d2lkdGg6IDY4cHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5cdC5wb3N0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHR3aWR0aDogMzUwcHg7XG5cdH1cblx0LmxvYWRlcl9fd3JhcHBlciB7XG5cdFx0aGVpZ2h0OiAzNTBweDtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5cdC5wcm9kdWN0X193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxOXB4O1xuXHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHR9XG5cdC5wcm9kdWN0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0b3JkZXI6IDI7XG5cdH1cblx0LnByb2R1Y3RfX2ltYWdlIHtcblx0XHRoZWlnaHQ6IDQwcHg7XG5cdFx0d2lkdGg6IDQwcHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9kdWN0UGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */")),l=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c0"}:{target:"e1h66m5c0",label:"StyledProductPickerContainer"})("margin-top:8px;.post__wrapper{margin-top:8px;border-top:1px solid ",d.colorsV2.stroke.primary,";background-color:",d.colorsV2.background.warning.light,";padding:12px 24px;display:flex;align-items:center;gap:16px;}.post__thumbnail{height:68px;width:68px;object-fit:cover;border-radius:4px;}.post__info-wrapper{display:flex;gap:8px;flex-direction:column;width:350px;}.loader__wrapper{height:350px;width:100%;margin-top:4px;display:flex;align-items:center;justify-content:center;}.product__wrapper{padding:12px 24px;display:flex;flex-direction:row;align-items:center;gap:19px;border-bottom:1px solid ",d.colorsV2.stroke.primary,";}.product__info-wrapper{display:flex;gap:16px;align-items:center;order:2;}.product__image{height:40px;width:40px;object-fit:cover;border-radius:4px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnVEIiwiZmlsZSI6IlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFplcm9TdGF0ZSA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2NHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2R1Y3RQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHQucG9zdF9fd3JhcHBlciB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHRcdHBhZGRpbmc6IDEycHggMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnBvc3RfX3RodW1ibmFpbCB7XG5cdFx0aGVpZ2h0OiA2OHB4O1xuXHRcdHdpZHRoOiA2OHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXHQucG9zdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDM1MHB4O1xuXHR9XG5cdC5sb2FkZXJfX3dyYXBwZXIge1xuXHRcdGhlaWdodDogMzUwcHg7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuXHQucHJvZHVjdF9fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTlweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXHQucHJvZHVjdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTZweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdG9yZGVyOiAyO1xuXHR9XG5cdC5wcm9kdWN0X19pbWFnZSB7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHdpZHRoOiA0MHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZHVjdFBpY2tlci5zdHlsZWQuanMubWFwIl19 */"));export{l as StyledProductPickerContainer,X as StyledZeroState};

package/dist/esm/components/product-picker/ProductPickerModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"../../node_modules/lodash.debounce/index.js";import{useState as t,useCallback as o,useEffect as r}from"react";import{PageLoader as n}from"../bik-layout/PageLoader.js";import{CheckBox as c}from"../checkBox/CheckBox.js";import{Input as l}from"../input/Input.js";import{StyledModal as i}from"../modals/styledModal.js";import{StyledProductPickerContainer as d,StyledZeroState as a}from"./ProductPicker.styled.js";import{BodyPrimary as p,Caption as m,TitleSmall as j,BodySecondary as u}from"../TypographyStyle.js";import h from"../../utils/DateUtils.js";import{DEFAULT_THEME as g}from"../../constants/Theme.js";import x from"../../assets/icons/alert_triangle.svg.js";import v from"../../assets/icons/search.svg.js";const f="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",y=s=>{let{text:t,styleProps:o}=s;return e.jsxs(a,{children:[e.jsx("div",Object.assign({className:"icon__container",style:Object.assign({},o)},{children:e.jsx(x,{width:24,height:24,color:g.colorsV2.content.secondary})})),e.jsx(j,{children:"No results found"}),e.jsx(u,Object.assign({style:{color:g.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${t}"`}))]})},P=r=>{var i,a,u,x;const P=r.instaPost?h.dateFormat(new Date(r.instaPost.timestamp),"•",!0):"",[b,_]=t(r.products),[O,w]=t(!1),[C,S]=t(""),N=o(s((e=>{e?(_([]),r.onSearchKeyChange(e).then((e=>{_(e),w(!1)}))):(_(r.products),w(!1))}),700),[]);return e.jsxs(d,{children:[r.instaPost&&e.jsxs("div",Object.assign({className:"post__wrapper"},{children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=f},src:null===(i=r.instaPost)||void 0===i?void 0:i.media_url,className:"post__thumbnail"}),e.jsxs("div",Object.assign({className:"post__info-wrapper"},{children:[e.jsx(p,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:r.instaPost.caption?g.colorsV2.content.primary:g.colorsV2.content.secondary}},{children:(null===(a=r.instaPost)||void 0===a?void 0:a.caption)?null===(u=r.instaPost)||void 0===u?void 0:u.caption:"No caption"})),e.jsx(m,Object.assign({style:{color:g.colorsV2.content.placeholder}},{children:P}))]}))]})),e.jsx("div",Object.assign({style:{borderTop:r.instaPost?`1px solid ${g.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${g.colorsV2.stroke.primary}`,padding:r.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:e.jsx(l,{placeholder:null!==(x=r.searchPlaceholder)&&void 0!==x?x:"Search products..",onChangeText:e=>{var s;S(e),(null===(s=e.trim())||void 0===s?void 0:s.length)>0?(w(!0),N(e)):(w(!1),_(r.products))},rightIcon:{icon:v}})})),e.jsxs("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[O&&e.jsx("div",Object.assign({className:"loader__wrapper"},{children:e.jsx(n,{})})),0!==b.length||O?b.map((s=>{var t;const o=r.selectedProducts.find((e=>e.id===s.id));return e.jsxs("div",Object.assign({className:"product__wrapper"},{children:[e.jsxs("div",Object.assign({className:"product__info-wrapper"},{children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=f},src:null!==(t=s.image)&&void 0!==t?t:f,className:"product__image"}),e.jsx(j,{children:s.name})]})),e.jsx("div",Object.assign({style:{order:1}},{children:e.jsx(c,{isChecked:void 0!==o,onValueChange:e=>{((e,s)=>{const t=r.selectedProducts.find((e=>e.id===s.id));if(e&&!t){const e=[...r.selectedProducts,s];r.setSelectedProducts(e)}else if(t){const e=[...r.selectedProducts];let t=-1;r.selectedProducts.forEach(((e,o)=>{e.id===s.id&&(t=o)})),e.splice(t,1),r.setSelectedProducts(e)}})(e,s)}})}))]}),s.id)})):e.jsx(y,{text:C})]}))]})},b=s=>{var o;const[n,c]=t([]);return r((()=>{var e;c(null!==(e=s.selectedProducts)&&void 0!==e?e:[])}),[null===(o=s.selectedProducts)||void 0===o?void 0:o.length]),e.jsx(i,Object.assign({open:s.show,onClose:()=>{s.onClose()},footerLeftCustomElement:n.length>10?e.jsx(m,Object.assign({style:{color:g.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):e.jsx(m,Object.assign({style:{color:g.colorsV2.content.placeholder}},{children:n?`${n.length} selected`:""})),headingTitle:s.title,primaryButton:{disabled:n.length>10||0===n.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{s.setSelectedProducts(n),s.onClose()}},secondaryButton:s.secondaryButtonProps,footerShadow:!0},{children:e.jsx(P,Object.assign({},s,{selectedProducts:n,setSelectedProducts:c}))}))};export{b as PricePleaseProductPicker,P as ProductPickerContent};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../node_modules/lodash.debounce/index.js";import{useState as s,useCallback as r,useEffect as n}from"react";import{PageLoader as c}from"../bik-layout/PageLoader.js";import{CheckBox as l}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleSmall as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import j from"../../assets/icons/alert_triangle.svg.js";import y from"../../assets/icons/search.svg.js";const P="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",b=o=>{let{text:s,styleProps:r}=o;return e(p,{children:[t("div",Object.assign({className:"icon__container",style:Object.assign({},r)},{children:t(j,{width:24,height:24,color:f.colorsV2.content.secondary})})),t(u,{children:"No results found"}),t(g,Object.assign({style:{color:f.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${s}"`}))]})},x=n=>{var d,p,g,j;const x=n.instaPost?v.dateFormat(new Date(n.instaPost.timestamp),"•",!0):"",[_,O]=s(n.products),[w,C]=s(!1),[S,N]=s(""),V=r(o((e=>{e?(O([]),n.onSearchKeyChange(e).then((e=>{O(e),C(!1)}))):(O(n.products),C(!1))}),700),[]);return e(a,{children:[n.instaPost&&e("div",Object.assign({className:"post__wrapper"},{children:[t("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=P},src:null===(d=n.instaPost)||void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",Object.assign({className:"post__info-wrapper"},{children:[t(m,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:n.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary}},{children:(null===(p=n.instaPost)||void 0===p?void 0:p.caption)?null===(g=n.instaPost)||void 0===g?void 0:g.caption:"No caption"})),t(h,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:x}))]}))]})),t("div",Object.assign({style:{borderTop:n.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:n.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:t(i,{placeholder:null!==(j=n.searchPlaceholder)&&void 0!==j?j:"Search products..",onChangeText:e=>{var t;N(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(C(!0),V(e)):(C(!1),O(n.products))},rightIcon:{icon:y}})})),e("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[w&&t("div",Object.assign({className:"loader__wrapper"},{children:t(c,{})})),0!==_.length||w?_.map((o=>{var s;const r=n.selectedProducts.find((e=>e.id===o.id));return e("div",Object.assign({className:"product__wrapper"},{children:[e("div",Object.assign({className:"product__info-wrapper"},{children:[t("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=P},src:null!==(s=o.image)&&void 0!==s?s:P,className:"product__image"}),t(u,{children:o.name})]})),t("div",Object.assign({style:{order:1}},{children:t(l,{isChecked:void 0!==r,onValueChange:e=>{((e,t)=>{const o=n.selectedProducts.find((e=>e.id===t.id));if(e&&!o){const e=[...n.selectedProducts,t];n.setSelectedProducts(e)}else if(o){const e=[...n.selectedProducts];let o=-1;n.selectedProducts.forEach(((e,s)=>{e.id===t.id&&(o=s)})),e.splice(o,1),n.setSelectedProducts(e)}})(e,o)}})}))]}),o.id)})):t(b,{text:S})]}))]})},_=e=>{var o;const[r,c]=s([]);return n((()=>{var t;c(null!==(t=e.selectedProducts)&&void 0!==t?t:[])}),[null===(o=e.selectedProducts)||void 0===o?void 0:o.length]),t(d,Object.assign({open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:r.length>10?t(h,Object.assign({style:{color:f.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):t(h,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:e.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(r),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0},{children:t(x,Object.assign({},e,{selectedProducts:r,setSelectedProducts:c}))}))};export{_ as PricePleaseProductPicker,x as ProductPickerContent};

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

@@ -1 +1 @@
-import{j as r}from"../../node_modules/react/jsx-runtime.js";import{BikShimmer as e}from"../shimmer/ShimmerComponent/BikShimmer.js";const m=m=>{const{limit:o}=m;return r.jsx(r.Fragment,{children:Array.from({length:null!=o?o:5}).map(((m,o)=>r.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:r.jsx(e,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))})};export{m as ProductPickerShimmer};
+import{jsx as r,Fragment as i}from"react/jsx-runtime";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";const t=t=>{const{limit:e}=t;return r(i,{children:Array.from({length:null!=e?e:5}).map(((i,t)=>r("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:r(m,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),t)))})};export{t as ProductPickerShimmer};

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

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

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

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{BikShimmer as e}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as s}from"../tag/Tag.js";const i=i=>{const{isVariant:r,data:a,tagText:m,tagType:o}=i;return t.jsx("div",Object.assign({style:{display:"flex"}},{children:!(null==a?void 0:a.fbStatus)&&r?t.jsx(e,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):m?t.jsx("div",Object.assign({style:{display:"flex"}},{children:t.jsx(s,{tagText:m,type:o,theme:"light"})})):t.jsx(t.Fragment,{})}))};export{i as ProductPickerTag};
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as r}from"../tag/Tag.js";const s=s=>{const{isVariant:a,data:m,tagText:o,tagType:n}=s;return t("div",Object.assign({style:{display:"flex"}},{children:!(null==m?void 0:m.fbStatus)&&a?t(i,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):o?t("div",Object.assign({style:{display:"flex"}},{children:t(r,{tagText:o,type:n,theme:"light"})})):t(e,{})}))};export{s as ProductPickerTag};

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

@@ -1,7 +1,7 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
 import React from 'react';
-import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
+import type { CollectionsActions, SelectedCollectionsActions } from './reducers';
+import type { Collection, CollectionFetcherReturn, SelectedItems } from './type';
 export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
 interface CollectionsScreenInterface {
     customCollectionRestriction?: boolean;
@@ -27,6 +27,8 @@ interface CollectionsScreenInterface {
     pickerType?: 'COLLECTION' | 'PRODUCT';
     scrollContainerRef: React.RefObject<HTMLDivElement>;
     appType: ApplicationType;
+    limit?: number;
+    exactLimit?: number;
 }
 export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
 export interface CollectionCardInterface {

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/chevronRight.svg.js";import{useRef as i,useState as o,useEffect as l}from"react";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as n}from"../icon-button/IconButton.js";import{Tag as c}from"../tag/Tag.js";import{Tooltip as r}from"../tooltips/Tooltip.js";import{TitleRegular as d,BodyPrimary as a}from"../TypographyStyle.js";import{EmptyState as u}from"./emptyState.js";import{ProductPickerShimmer as h}from"./ProductPickerShimmer.js";import{CollectionCardStyle as p,CollectionCardInfoStyle as m,CollectionCardDetailStyle as j,CollectionNameHolder as C}from"./style.js";import{isCollectionPartiallyChecked as v}from"./utility.js";const g=(e,t,i)=>{if(!e)return"";if(e.length<=t)return e;const o=e.slice(0,t-1);return(i?o.slice(0,o.lastIndexOf(" ")):o)+"..."},x=t=>{var s;const{customCollectionRestriction:n,dataLoading:c,collections:r,selectedCollectionsDispatch:d,setCollectionId:a,setSelectedCollectionId:p,selectedCollections:m,setScreen:j,collectionFetcher:C,collectionsDispatch:g,pagingControls:x,storeId:b,setSaveDisabled:f,hideCollectionCheckbox:k,renderWithoutModal:O,pickerType:I,scrollContainerRef:S,appType:P}=t,T=i(x.curPage),D=!!n&&(null==m?void 0:m.isCustom),[L,R]=o(!1),E=i(!1),w=i(!1),B=()=>{if(!S||!(null==S?void 0:S.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:i}=S.current;e+t>=i-20&&!E.current&&!w.current&&(f(!0),R(!0),w.current=!0,f(!0),R(!0),C(T.current,b,P).then((e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),x.setCurPage(T.current+1),R(!1),f(!1),w.current=!1,Object.keys(null==e?void 0:e.collections).length||(E.current=!0)})).catch())};return l((()=>{var e;return null===(e=null==S?void 0:S.current)||void 0===e||e.addEventListener("scroll",B),()=>{var e;null===(e=null==S?void 0:S.current)||void 0===e||e.removeEventListener("scroll",B)}}),[]),l((()=>{T.current=x.curPage}),[x.curPage]),e.jsxs("div",{children:[(null===(s=Object.keys(null!=r?r:{}))||void 0===s?void 0:s.length)?Object.keys(r).map((t=>{var i,o;const l=!!(null==m?void 0:m[t])&&("PRODUCT"!==I||!!Object.keys(null!==(o=null===(i=null==m?void 0:m[t])||void 0===i?void 0:i.products)&&void 0!==o?o:{}).length);return e.jsx(y,{customCollectionRestriction:n,data:r[t],isDisabled:D&&!(null==m?void 0:m[t]),isChecked:l,isPartiallyChecked:v(t,null==r?void 0:r[t],m),selectedCollectionsDispatch:d,setCollectionId:a,setSelectedCollectionId:p,setScreen:j,id:t,hideCollectionCheckbox:k||"-1"===t,selectedCollections:m,renderWithoutModal:O,pickerType:I},t)})):c?e.jsx(h,{}):e.jsx(u,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),L&&e.jsx(h,{})]})},y=i=>{const{customCollectionRestriction:o,data:l,selectedCollectionsDispatch:u,setCollectionId:h,setSelectedCollectionId:v,isPartiallyChecked:g,setScreen:x,id:y,isChecked:b,isDisabled:f,hideCollectionCheckbox:k,pickerType:O,usedInSearch:I}=i;return l?e.jsxs(p,Object.assign({isDisabled:f,onClick:e=>{if(!f){if("COLLECTION"===O)return e.stopPropagation(),u({type:"reset",data:{}}),u({type:"selected",data:{id:y,val:l,isRestricted:o}}),h(y),void v(y);h(y),v(y),x("products")}},isActive:b,usedInSearch:null!=I&&I},{children:[e.jsxs(m,{children:[!k&&e.jsx(s,{isDisabled:f,isChecked:b,isPartiallyChecked:g,onValueChange:function(e,t,i){null==i||i.stopPropagation(),u(e?{type:"selected",data:{id:y,val:l,isRestricted:o}}:{type:"unselected",data:{id:y}}),v(e?y:"")}}),e.jsx(j,{children:e.jsx(r,Object.assign({body:l.name,placement:"bottom",delay:400,variant:"light"},{children:e.jsxs(C,{children:[I?e.jsx(a,Object.assign({numberOfLines:1},{children:l.name})):e.jsx(d,Object.assign({numberOfLines:1},{children:l.name})),l.isSmartCollection?e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(c,{tagText:"Smart Collection",type:"warning"})})):e.jsx(e.Fragment,{})]})}))})]}),"COLLECTION"!==O&&e.jsx(n,{height:12,width:12,disabled:f,Icon:t})]})):e.jsx(e.Fragment,{})};export{y as CollectionCard,x as CollectionsScreen,g as truncate};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import{useRef as l,useState as c,useEffect as n}from"react";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as a}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodyPrimary as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{ProductPickerShimmer as m}from"./ProductPickerShimmer.js";import{CollectionCardStyle as C,CollectionCardInfoStyle as v,CollectionCardDetailStyle as g,CollectionNameHolder as y}from"./style.js";import{isCollectionPartiallyChecked as f}from"./utility.js";const b=(e,t,i)=>{if(!e)return"";if(e.length<=t)return e;const o=e.slice(0,t-1);return(i?o.slice(0,o.lastIndexOf(" ")):o)+"..."},k=i=>{var o;const{customCollectionRestriction:r,dataLoading:s,collections:d,selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,selectedCollections:C,setScreen:v,collectionFetcher:g,collectionsDispatch:y,pagingControls:b,storeId:k,setSaveDisabled:O,hideCollectionCheckbox:I,renderWithoutModal:S,pickerType:T,scrollContainerRef:P,appType:x,limit:L,exactLimit:D}=i,R=l(b.curPage),E=!!r&&(null==C?void 0:C.isCustom),[N,w]=c(!1),B=l(!1),W=l(!1),H=()=>{if(!P||!(null==P?void 0:P.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:i}=P.current;e+t>=i-20&&!B.current&&!W.current&&(O(!0),w(!0),W.current=!0,O(!0),w(!0),g(R.current,k,x).then((e=>{y({type:"paged",data:(null==e?void 0:e.collections)||{}}),b.setCurPage(R.current+1),w(!1),O(!1),W.current=!1,Object.keys(null==e?void 0:e.collections).length||(B.current=!0)})).catch())};n((()=>{var e;return null===(e=null==P?void 0:P.current)||void 0===e||e.addEventListener("scroll",H),()=>{var e;null===(e=null==P?void 0:P.current)||void 0===e||e.removeEventListener("scroll",H)}}),[]),n((()=>{R.current=b.curPage}),[b.curPage]);const M=Object.keys(C||{}).filter((e=>"isCustom"!==e)).length;return e("div",{children:[(null===(o=Object.keys(null!=d?d:{}))||void 0===o?void 0:o.length)?Object.keys(d).map((e=>{var i,o;const l=!!(null==C?void 0:C[e])&&("PRODUCT"!==T||!!Object.keys(null!==(o=null===(i=null==C?void 0:C[e])||void 0===i?void 0:i.products)&&void 0!==o?o:{}).length),c="COLLECTION"===T&&!l&&(!!D&&M>=D||!!L&&M>=L);return t(j,{customCollectionRestriction:r,data:d[e],isDisabled:E&&!(null==C?void 0:C[e])||c,isChecked:l,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:I||"-1"===e,selectedCollections:C,renderWithoutModal:S,pickerType:T},e)})):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),N&&t(m,{})]})},j=l=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:b,setScreen:k,id:j,isChecked:O,isDisabled:I,hideCollectionCheckbox:S,pickerType:T,usedInSearch:P}=l;return n?e(C,Object.assign({isDisabled:I,onClick:e=>{if(!I){if("COLLECTION"===T)return e.stopPropagation(),p({type:"reset",data:{}}),p({type:"selected",data:{id:j,val:n,isRestricted:c}}),m(j),void f(j);m(j),f(j),k("products")}},isActive:O,usedInSearch:null!=P&&P},{children:[e(v,{children:[!S&&t(r,{isDisabled:I,isChecked:O,isPartiallyChecked:b,onValueChange:function(e,t,i){null==i||i.stopPropagation(),p(e?{type:"selected",data:{id:j,val:n,isRestricted:c}}:{type:"unselected",data:{id:j}}),f(e?j:"")}}),t(g,{children:t(a,Object.assign({body:n.name,placement:"bottom",delay:400,variant:"light"},{children:e(y,{children:[t(P?h:u,Object.assign({numberOfLines:1},{children:n.name})),n.isSmartCollection?t("div",Object.assign({style:{display:"flex"}},{children:t(d,{tagText:"Smart Collection",type:"warning"})})):t(i,{})]})}))})]}),"COLLECTION"!==T&&t(s,{height:12,width:12,disabled:I,Icon:o})]})):t(i,{})};export{j as CollectionCard,k as CollectionsScreen,b as truncate};

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

@@ -1,8 +1,8 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import e from"../../assets/icons/box_round.svg.js";import s from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleRegular as n,BodySecondary as r}from"../TypographyStyle.js";const i=s=>{let{title:i,subtitle:l}=s;return t.jsxs(c,{children:[t.jsx(e,{width:48,height:48}),t.jsx(n,Object.assign({style:{marginTop:8}},{children:i})),t.jsx(r,Object.assign({style:{color:o.content.secondary,marginTop:4}},{children:l}))]})},c=s.div`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import n from"../../assets/icons/box_round.svg.js";import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{TitleRegular as i,BodySecondary as s}from"../TypographyStyle.js";const c=o=>{let{title:c,subtitle:m}=o;return t(l,{children:[e(n,{width:48,height:48}),e(i,Object.assign({style:{marginTop:8}},{children:c})),e(s,Object.assign({style:{color:r.content.secondary,marginTop:4}},{children:m}))]})},l=o.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;export{i as EmptyState};
+`;export{c as EmptyState};

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

@@ -1,7 +1,6 @@
-import { TagType } from "../../tag/model";
-import { Product, ProductVariant, SelectedItems } from '../modal';
-import { OUT_OF_STOCK_ACTION } from '../type';
-import { ProductVariantForRearrange } from '../variant';
+import type { TagType } from "../../tag/model";
+import { OUT_OF_STOCK_ACTION, type Product, type ProductVariant, type SelectedItems } from '../type';
+import type { ProductVariantForRearrange } from '../type';
 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 { ScreenName } from './type';
+export * from './type';

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

@@ -1,63 +1,7 @@
 /// <reference types="react" />
 import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-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';
+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';
 export type ProductPickerInterface = {
     hideGlobalSearch?: boolean;
     hideInCollectionSearch?: boolean;

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as t}from"@bikdotai/bik-models/growth/models/bik-store";import o from"../../assets/icons/search.svg.js";import{useReducer as c,useState as s,useRef as r,useEffect as i}from"react";import{COLORS as n}from"../../constants/Theme.js";import l from"../../assets/icons/cross.svg.js";import{Button as a}from"../button/Button.js";import{Input as d}from"../input/Input.js";import{StyledModal as u}from"../modals/styledModal.js";import{Spinner as p}from"../spinner/Spinner.js";import{Tag as h}from"../tag/Tag.js";import{CollectionsScreen as m}from"./collectionScreen.js";import{ProductInfoOverlay as g}from"./productInfoOverlay.js";import{ProductsScreen as C}from"./productScreen.js";import{RearrangeScreen as j}from"./rearrangeScreen.js";import{collectionsReducer as y,searchReducer as x,selectedColectionsReducer as b,CollectionIdContext as f}from"./reducers.js";import{SearchScreen as S}from"./searchScreen.js";import{SelectedScreen as k}from"./selectedScreen.js";import{ContainerStyle as v,ScrollContainerStyle as I,StyledFooterForNonModal as F}from"./style.js";import{OUT_OF_STOCK_ACTION as P,ScreenName as O}from"./type.js";import{updateAllVariantsForSelectedProducts as T}from"./utility.js";const D=D=>{const{storeId:R,selectedItems:w,onClose:A,visible:B,zIndex:E,exactLimit:L,limit:z,hideCollectionCheckbox:V,hideProductCheckbox:$,outOfStockAction:M=P.BLUR,hideVariantCheckbox:H,selectProductsFromCustomCollection:W,hideSelectionCount:G,title:K,width:N,left:U,renderWithoutModal:Y,onClickSave:_,pickerType:q,hideProductVariants:J=!1,startupScreen:Q=O.Collections,rearrangeEnabled:X,selectSingleItem:Z=!1,showProductDetails:ee,containerStyle:te,crossButtonInsideHeader:oe=!1,footerForNonModal:ce={},primaryButton:se,secondaryButton:re,subtitle:ie}=D,ne=D.appType||t.BIK,[le,ae]=c(y,{}),[de,ue]=s([O.Collections,O.RearrangeProducts].includes(Q)?Q:O.Collections),[pe,he]=s("grid"),[me,ge]=s(""),[Ce,je]=s(""),[ye,xe]=s(0),[be,fe]=s(!1),[Se,ke]=s(0),[ve,Ie]=s(""),[Fe,Pe]=s(!1),[Oe,Te]=s(!1),[De,Re]=c(x,{collections:{},products:{}}),[we,Ae]=c(b,Object.keys(w).length>0?w:{}),Be=r(null),[Ee,Le]=s(!1),[ze,Ve]=s();i((()=>{fe(!0),Te(!0),D.collectionFetcher(ye,R,ne).then((e=>{ae({type:"fetched",data:(null==e?void 0:e.collections)||{}}),fe(!1),xe((e=>e+1)),Te(!1)})).catch()}),[]),i((()=>{let e=0;J?Object.keys(we||[]).forEach((t=>{var o;Object.keys((null===(o=we[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c;"-1"!==t&&we[-1]&&(null===(c=we[-1].products)||void 0===c?void 0:c[o])||(e+=1)}))})):Object.keys(we||[]).forEach((t=>{var o;Object.keys((null===(o=we[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,s;Object.keys((null===(s=null===(c=we[t].products)||void 0===c?void 0:c[o])||void 0===s?void 0:s.variants)||[]).forEach((()=>{e+=1}))}))})),ke(e)}),[le,we,J]),i((()=>{Ce&&(fe(!0),D.productFetcher(Ce,R,ne).then((e=>{Object.keys(e).length&&ae({type:"productsFetched",data:{collectionId:Ce,products:e}}),fe(!1)})).catch())}),[Ce]),i((()=>{const e=setTimeout((()=>{"rearrange"!==de&&(ve.length||"collections"!==de)&&(ve.length?(Pe(!0),D.searchFetcher(R,ve,ne).then((e=>{"collections"in e&&"products"in e?(Re({type:"set",data:e}),ae({type:"searched",data:e.collections}),ae({type:"searched",data:e.products})):(Re({type:"set",data:{collections:{},products:e}}),ae({type:"searched",data:e})),ue("searchProducts"),fe(!1),Pe(!1)}))):ue("collections"))}),800);return()=>clearTimeout(e)}),[ve]),i((()=>{_&&(D.onAdd(we,Se),$e())}),[_]),i((()=>{Z&&Object.keys(we||{}).length&&Se&&(D.onAdd(we,Se),$e())}),[Z,we,Se]);const $e=()=>{Ae({type:"reset",data:{}})},Me=()=>L&&Se>L?e.jsx(h,{tagText:`You can only select ${L} products`,type:"negative"}):z&&Se>z?e.jsx(h,{tagText:`You can only select ${z} products`,type:"negative"}):Se>0?e.jsx(a,{onClick:()=>{ue(X?O.RearrangeProducts:O.SelectedProducts)},buttonText:L?`${Se}/${L} products selected`:`${Se} products selected`,buttonType:["rearrange","view"].includes(de)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(de)}):e.jsx(a,{disabled:!0,buttonText:L?`${Se}/${L} products selected`:`${Se} products selected`,buttonType:"tertiaryGray"}),He=e=>be?"Loading...":de===O.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",We=e.jsxs(v,Object.assign({style:null!=te?te:{}},{children:[D.postHeader&&e.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:D.postHeader})),!D.hideGlobalSearch&&e.jsx(e.Fragment,{children:("collections"===de||"searchProducts"===de)&&e.jsx("div",Object.assign({style:{padding:Y?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(d,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Fe?e.jsx(p,{size:"small",color:n.content.primary}):e.jsx(o,{})},id:"listInput",height:"24px",type:"text",value:ve,onChangeText:e=>{e.length&&e.trim().length?Ie(e):Ie("")}})}))}),e.jsxs(I,Object.assign({ref:Be,screenName:de},{children:["collections"===de&&e.jsx(m,{customCollectionRestriction:D.customCollectionRestriction,dataLoading:Oe,collections:le,selectedCollectionsDispatch:Ae,setCollectionId:ge,setSelectedCollectionId:je,setScreen:ue,selectedCollections:we,collectionFetcher:D.collectionFetcher,storeId:R,appType:ne,collectionsDispatch:ae,setSaveDisabled:fe,pagingControls:{curPage:ye,setCurPage:xe},hideCollectionCheckbox:V,renderWithoutModal:Y,pickerType:q,scrollContainerRef:Be}),"products"===de&&me&&e.jsx(f.Provider,Object.assign({value:me},{children:e.jsx(C,{hideInCollectionSearch:D.hideInCollectionSearch,customCollectionRestriction:D.customCollectionRestriction,productFetcher:D.productFetcher,setScreen:ue,storeId:R,appType:ne,data:le[me],collectionsDispatch:ae,selectedCollectionsDispatch:Ae,selectedData:we,setSaveDisabled:fe,searchInCollectionFetcher:D.searchInCollectionFetcher,hideProductCheckbox:$,outOfStockAction:M,hideVariantCheckbox:H,selectProductsFromCustomCollection:W,renderWithoutModal:Y,pickerType:q,hideProductVariants:J,fbStatusFetcher:D.fbStatusFetcher,onProductDetailClick:e=>{Le(!0),Ve(e)},showProductDetailInfoIcon:ee,scrollContainerRef:Be})})),"view"===de&&e.jsx(k,{selectedCollections:we||{},selectedCollectionsDispatch:Ae,setScreen:ue,collections:le,hideProductVariants:J,outOfStockAction:M,storeId:R,appType:ne,fbStatusFetcher:D.fbStatusFetcher}),"rearrange"===de&&e.jsx(j,{selectedCollections:we||{},selectedCollectionsDispatch:Ae,setScreen:ue,outOfStockAction:M,rearrangeViewType:"grid"===pe?"list":"grid",scrollContainerRef:Be,storeId:R,appType:ne,fbStatusFetcher:D.fbStatusFetcher}),"searchProducts"===de&&e.jsx(S,{customCollectionRestriction:D.customCollectionRestriction,selectedCollections:we||{},searchedCollections:De||{},searchedCollectionsDispatch:Re,selectedCollectionsDispatch:Ae,setScreen:ue,collections:le,onBackPress:()=>{Ie(""),Re({type:"set",data:{collections:{},products:{}}})},pickerType:q,hideProductCheckbox:$,hideProductVariants:J,hideVariantCheckbox:H,storeId:R,appType:ne,fbStatusFetcher:D.fbStatusFetcher,setCollectionId:ge,setSelectedCollectionId:je,renderWithoutModal:Y,hideCollectionCheckbox:V,outOfStockAction:M})]}))]}));return e.jsx(e.Fragment,{children:Y?e.jsxs(e.Fragment,{children:[We,ce.renderFooter?e.jsxs(F,{children:[Me(),e.jsx(a,{buttonText:He(ce.primaryButtonText),disabled:!ce.isLoading&&(be||Se<1||L&&Se<L||!L&&z&&Se>z)||ce.primaryButtonDisabled,isLoading:ce.isLoading,onClick:()=>{D.onAdd(we,Se),$e(),ue([O.Collections,O.RearrangeProducts].includes(Q)?Q:O.Collections)}})]}):e.jsx(e.Fragment,{}),Ee&&ze?e.jsx(g,{productData:ze,outOfStockAction:M,useDynamicInfoImageSize:D.useDynamicInfoImageSize,onClose:()=>{Le(!1)}}):e.jsx(e.Fragment,{})]}):e.jsxs(u,Object.assign({zIndex:E,open:B,onClose:()=>{null==A||A(),$e()},headingTitle:K||("collections"===de||"products"===de?"Select Products":"view"===de?"Selected Products":"searchProducts"===de?"Searched Results":"rearrange"===de?"Rearrange Products":void 0),headingSubtitle:ie,footerShadow:!0,centralContainerStyles:{width:N||"600px",left:U||"auto"},headerRightCustomElement:oe?e.jsx("div",Object.assign({style:{cursor:"pointer",display:"flex"},onClick:A},{children:e.jsx(l,{width:20,height:20,color:n.content.secondary})})):e.jsx(e.Fragment,{}),footerContainerStyle:D.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:n.surface.standard}:void 0,primaryButton:se?(e=>Object.assign(Object.assign({},e),{disabled:!e.isLoading&&(be||Se<1||L&&Se<L||!L&&z&&Se>z)||e.disabled,onClick:()=>{D.onAdd(we,Se),$e(),ue([O.Collections,O.RearrangeProducts].includes(Q)?Q:O.Collections)}}))(se):{buttonText:He(),disabled:be||Se<1||L&&Se<L||!L&&z&&Se>z||!1,onClick:()=>{D.onAdd(we,Se),$e()}},secondaryButton:re?(e=>Object.assign(Object.assign({},e),{disabled:be||Se<1||L&&Se<L||!L&&z&&Se>z||!1,onClick:()=>{const e=T(we,le,De);D.onAdd(e,Se,!0)}}))(re):void 0,wrapperStyle:D.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:G?e.jsx(e.Fragment,{}):Me(),hideCrossButton:Ee||oe},{children:[We,Ee&&ze?e.jsx(g,{productData:ze,useDynamicInfoImageSize:D.useDynamicInfoImageSize,outOfStockAction:M,onClose:()=>{Le(!1)}}):e.jsx(e.Fragment,{})]}))})};export{D as ProductPickerModal};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as c}from"@bikdotai/bik-models/growth/models/bik-store";import r from"../../assets/icons/search.svg.js";import{useReducer as i,useState as s,useRef as n,useEffect as l}from"react";import{COLORS as a}from"../../constants/Theme.js";import d from"../../assets/icons/cross.svg.js";import{Button as u}from"../button/Button.js";import{Input as h}from"../input/Input.js";import{StyledModal as p}from"../modals/styledModal.js";import{Spinner as m}from"../spinner/Spinner.js";import{Tag as C}from"../tag/Tag.js";import{CollectionsScreen as g}from"./collectionScreen.js";import{ProductInfoOverlay as y}from"./productInfoOverlay.js";import{ProductsScreen as b}from"./productScreen.js";import{RearrangeScreen as f}from"./rearrangeScreen.js";import{collectionsReducer as S,searchReducer as k,selectedColectionsReducer as v,CollectionIdContext as I}from"./reducers.js";import{SearchScreen as j}from"./searchScreen.js";import{SelectedScreen as x}from"./selectedScreen.js";import{ContainerStyle as O,ScrollContainerStyle as P,StyledFooterForNonModal as T}from"./style.js";import{OUT_OF_STOCK_ACTION as D,ScreenName as F}from"./type.js";import{updateAllVariantsForSelectedProducts as R}from"./utility.js";const w=w=>{const{storeId:L,selectedItems:A,onClose:E,visible:$,zIndex:B,exactLimit:z,limit:V,hideCollectionCheckbox:M,hideProductCheckbox:N,outOfStockAction:H=D.BLUR,hideVariantCheckbox:W,selectProductsFromCustomCollection:G,hideSelectionCount:K,title:U,width:Y,left:q,renderWithoutModal:J,onClickSave:Q,pickerType:X,hideProductVariants:Z=!1,startupScreen:_=F.Collections,rearrangeEnabled:ee,selectSingleItem:te=!1,showProductDetails:oe,containerStyle:ce,crossButtonInsideHeader:re=!1,footerForNonModal:ie={},primaryButton:se,secondaryButton:ne,subtitle:le}=w,ae=w.appType||c.BIK,[de,ue]=i(S,{}),[he,pe]=s([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections),[me,Ce]=s("grid"),[ge,ye]=s(""),[be,fe]=s(""),[Se,ke]=s(0),[ve,Ie]=s(!1),[je,xe]=s(0),[Oe,Pe]=s(""),[Te,De]=s(!1),[Fe,Re]=s(!1),[we,Le]=i(k,{collections:{},products:{}}),[Ae,Ee]=i(v,Object.keys(A).length>0?A:{}),$e=n(null),[Be,ze]=s(!1),[Ve,Me]=s();l((()=>{Ie(!0),Re(!0),w.collectionFetcher(Se,L,ae).then((e=>{ue({type:"fetched",data:(null==e?void 0:e.collections)||{}}),Ie(!1),ke((e=>e+1)),Re(!1)})).catch()}),[]),l((()=>{let e=0;"COLLECTION"===X?e=Object.keys(Ae||{}).filter((e=>"isCustom"!==e)).length:Z?Object.keys(Ae||[]).forEach((t=>{var o;Object.keys((null===(o=Ae[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c;"-1"!==t&&Ae[-1]&&(null===(c=Ae[-1].products)||void 0===c?void 0:c[o])||(e+=1)}))})):Object.keys(Ae||[]).forEach((t=>{var o;Object.keys((null===(o=Ae[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=Ae[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach((()=>{e+=1}))}))})),xe(e)}),[de,Ae,Z,X]),l((()=>{be&&(Ie(!0),w.productFetcher(be,L,ae).then((e=>{Object.keys(e).length&&ue({type:"productsFetched",data:{collectionId:be,products:e}}),Ie(!1)})).catch())}),[be]),l((()=>{const e=setTimeout((()=>{"rearrange"!==he&&(Oe.length||"collections"!==he)&&(Oe.length?(De(!0),w.searchFetcher(L,Oe,ae).then((e=>{"collections"in e&&"products"in e?(Le({type:"set",data:e}),ue({type:"searched",data:e.collections}),ue({type:"searched",data:e.products})):(Le({type:"set",data:{collections:{},products:e}}),ue({type:"searched",data:e})),pe("searchProducts"),Ie(!1),De(!1)}))):pe("collections"))}),800);return()=>clearTimeout(e)}),[Oe]),l((()=>{Q&&(w.onAdd(Ae,je),Ne())}),[Q]),l((()=>{te&&Object.keys(Ae||{}).length&&je&&(w.onAdd(Ae,je),Ne())}),[te,Ae,je]);const Ne=()=>{Ee({type:"reset",data:{}})},He=()=>{let e,o;return"COLLECTION"===X?(e="collection",o="collections"):Z?(e="product",o="products"):(e="variant",o="variants"),z&&je>z?t(C,{tagText:`You can only select ${z} ${1===z?e:o}`,type:"negative"}):V&&je>V?t(C,{tagText:`You can only select ${V} ${1===V?e:o}`,type:"negative"}):t(u,je>0?{onClick:()=>{pe(ee?F.RearrangeProducts:F.SelectedProducts)},buttonText:z?`${je}/${z} ${1===je?e:o} selected`:`${je} ${1===je?e:o} selected`,buttonType:["rearrange","view"].includes(he)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(he)}:{disabled:!0,buttonText:z?`${je}/${z} ${1===z?e:o} selected`:`${je} ${1===je?e:o} selected`,buttonType:"tertiaryGray"})},We=e=>ve?"Loading...":he===F.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Ge=e(O,Object.assign({style:null!=ce?ce:{}},{children:[w.postHeader&&t("div",Object.assign({style:{padding:"0 24px"}},{children:w.postHeader})),!w.hideGlobalSearch&&t(o,{children:("collections"===he||"searchProducts"===he)&&t("div",Object.assign({style:{padding:J?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:t(h,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Te?t(m,{size:"small",color:a.content.primary}):t(r,{})},id:"listInput",height:"24px",type:"text",value:Oe,onChangeText:e=>{e.length&&e.trim().length?Pe(e):Pe("")}})}))}),e(P,Object.assign({ref:$e,screenName:he},{children:["collections"===he&&t(g,{customCollectionRestriction:w.customCollectionRestriction,dataLoading:Fe,collections:de,selectedCollectionsDispatch:Ee,setCollectionId:ye,setSelectedCollectionId:fe,setScreen:pe,selectedCollections:Ae,collectionFetcher:w.collectionFetcher,storeId:L,appType:ae,collectionsDispatch:ue,setSaveDisabled:Ie,pagingControls:{curPage:Se,setCurPage:ke},hideCollectionCheckbox:M,renderWithoutModal:J,pickerType:X,scrollContainerRef:$e,limit:V,exactLimit:z}),"products"===he&&ge&&t(I.Provider,Object.assign({value:ge},{children:t(b,{hideInCollectionSearch:w.hideInCollectionSearch,customCollectionRestriction:w.customCollectionRestriction,productFetcher:w.productFetcher,setScreen:pe,storeId:L,appType:ae,data:de[ge],collectionsDispatch:ue,selectedCollectionsDispatch:Ee,selectedData:Ae,setSaveDisabled:Ie,searchInCollectionFetcher:w.searchInCollectionFetcher,hideProductCheckbox:N,outOfStockAction:H,hideVariantCheckbox:W,selectProductsFromCustomCollection:G,renderWithoutModal:J,pickerType:X,hideProductVariants:Z,fbStatusFetcher:w.fbStatusFetcher,onProductDetailClick:e=>{ze(!0),Me(e)},showProductDetailInfoIcon:oe,scrollContainerRef:$e})})),"view"===he&&t(x,{selectedCollections:Ae||{},selectedCollectionsDispatch:Ee,setScreen:pe,collections:de,hideProductVariants:Z,outOfStockAction:H,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"rearrange"===he&&t(f,{selectedCollections:Ae||{},selectedCollectionsDispatch:Ee,setScreen:pe,outOfStockAction:H,rearrangeViewType:"grid"===me?"list":"grid",scrollContainerRef:$e,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"searchProducts"===he&&t(j,{customCollectionRestriction:w.customCollectionRestriction,selectedCollections:Ae||{},searchedCollections:we||{},searchedCollectionsDispatch:Le,selectedCollectionsDispatch:Ee,setScreen:pe,collections:de,onBackPress:()=>{Pe(""),Le({type:"set",data:{collections:{},products:{}}})},pickerType:X,hideProductCheckbox:N,hideProductVariants:Z,hideVariantCheckbox:W,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher,setCollectionId:ye,setSelectedCollectionId:fe,renderWithoutModal:J,hideCollectionCheckbox:M,outOfStockAction:H,limit:V,exactLimit:z})]}))]}));return t(o,{children:J?e(o,{children:[Ge,ie.renderFooter?e(T,{children:[He(),t(u,{buttonText:We(ie.primaryButtonText),disabled:!ie.isLoading&&(ve||je<1||z&&je<z||!z&&V&&je>V)||ie.primaryButtonDisabled,isLoading:ie.isLoading,onClick:()=>{w.onAdd(Ae,je),Ne(),pe([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections)}})]}):t(o,{}),Be&&Ve?t(y,{productData:Ve,outOfStockAction:H,useDynamicInfoImageSize:w.useDynamicInfoImageSize,onClose:()=>{ze(!1)}}):t(o,{})]}):e(p,Object.assign({zIndex:B,open:$,onClose:()=>{null==E||E(),Ne()},headingTitle:U||("collections"===he||"products"===he?"Select Products":"view"===he?"Selected Products":"searchProducts"===he?"Searched Results":"rearrange"===he?"Rearrange Products":void 0),headingSubtitle:le,footerShadow:!0,centralContainerStyles:{width:Y||"600px",left:q||"auto"},headerRightCustomElement:re?t("div",Object.assign({style:{cursor:"pointer",display:"flex"},onClick:E},{children:t(d,{width:20,height:20,color:a.content.secondary})})):t(o,{}),footerContainerStyle:w.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:a.surface.standard}:void 0,primaryButton:se?(e=>Object.assign(Object.assign({},e),{disabled:!e.isLoading&&(ve||je<1||z&&je<z||!z&&V&&je>V)||e.disabled,onClick:()=>{w.onAdd(Ae,je),Ne(),pe([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections)}}))(se):{buttonText:We(),disabled:ve||je<1||z&&je<z||!z&&V&&je>V||!1,onClick:()=>{w.onAdd(Ae,je),Ne()}},secondaryButton:ne?(e=>Object.assign(Object.assign({},e),{disabled:ve||je<1||z&&je<z||!z&&V&&je>V||!1,onClick:()=>{const e=R(Ae,de,we);w.onAdd(e,je,!0)}}))(ne):void 0,wrapperStyle:w.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:K?t(o,{}):He(),hideCrossButton:Be||re},{children:[Ge,Be&&Ve?t(y,{productData:Ve,useDynamicInfoImageSize:w.useDynamicInfoImageSize,outOfStockAction:H,onClose:()=>{ze(!1)}}):t(o,{})]}))})};export{w as ProductPickerModal};

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

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

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

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{COLORS as i}from"../../constants/Theme.js";import e from"../../assets/icons/info.svg.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{IconButton as c}from"../icon-button/IconButton.js";import{ShimmerImage as d}from"../shimmer-image/ShimmerImage.js";import{Tooltip as n}from"../tooltips/Tooltip.js";import{TitleSmall as r,BodyCaption as l}from"../TypographyStyle.js";import{CurrencySymbols as a}from"./constants.js";import{ProductHelper as s}from"./helpers/ProductHelper.js";import{ProductPickerTag as u}from"./ProductPickerTag.js";import{ProductCardStyle as v,ProductInfo as p,ProductSubTitle as h,SKUIDBadge as j,EllipsedBodyTiny as m}from"./style.js";import{shouldShowVariant as I,getSkuId as y}from"./utility.js";const x=i=>{var e,o,c,d,n,r,l,s,u;const{collectionId:v,productId:p,data:h,selectedData:j,selectedCollectionsDispatch:m,viewOnly:y,upliftAdditions:x,isProductPartiallyChecked:P,hideProductCheckbox:g,outOfStockAction:k,hideVariantCheckbox:b,hideProductVariants:C,pickerType:O,onProductDetailClick:D,showProductDetailInfoIcon:S}=i,T=t=>{var i,e,o,c,d,n;if(!(null===(e=null===(i=null==j?void 0:j[v])||void 0===i?void 0:i.products)||void 0===e?void 0:e[p]))return!1;return!!(null===(n=null===(d=null===(c=null===(o=null==j?void 0:j[v])||void 0===o?void 0:o.products)||void 0===c?void 0:c[p])||void 0===d?void 0:d.variants)||void 0===n?void 0:n[t])},V=C||!I(h)?`${h.currency&&null!==(e=a[h.currency])&&void 0!==e?e:""}${null!==(u=null!==(n=null===(d=null===(c=Object.values(null!==(o=h.variants)&&void 0!==o?o:{}))||void 0===c?void 0:c[0])||void 0===d?void 0:d.price)&&void 0!==n?n:null===(s=null===(l=Object.values(null!==(r=h.variants)&&void 0!==r?r:{}))||void 0===l?void 0:l[0])||void 0===s?void 0:s.actualPrice)&&void 0!==u?u:""}`:"";return t.jsxs("div",{children:[t.jsx(f,{isVariant:!1,data:h,productId:p,collectionId:v,isSelected:(()=>{var t,i;return!!(null===(i=null===(t=null==j?void 0:j[v])||void 0===t?void 0:t.products)||void 0===i?void 0:i[p])})(),isPartiallyChecked:P,selectedCollectionsDispatch:m,upliftAdditions:x,viewOnly:y,hideProductCheckbox:g,hideVariantCheckbox:b,hideProductVariants:C,pickerType:O,outOfStockAction:k,onProductDetailClick:D,showProductDetailInfoIcon:S,currencyAndPrice:V},p),C?null:I(h)&&Object.keys(h.variants||[]).map((i=>{var e,o,c,d,n,r,l;const s=`${h.currency&&null!==(e=a[h.currency])&&void 0!==e?e:""}${null!==(l=null!==(d=null===(c=null===(o=h.variants)||void 0===o?void 0:o[i])||void 0===c?void 0:c.price)&&void 0!==d?d:null===(r=null===(n=h.variants)||void 0===n?void 0:n[i])||void 0===r?void 0:r.actualPrice)&&void 0!==l?l:""}`;return t.jsx(f,{isVariant:!0,hideVariantCheckbox:b,data:Object.assign(Object.assign({},h.variants[i]),{currency:h.currency}),variantId:i,productId:p,viewOnly:y,upliftAdditions:x,collectionId:v,isSelected:T(i),selectedCollectionsDispatch:m,outOfStockAction:k,onProductDetailClick:D,showProductDetailInfoIcon:S,currencyAndPrice:s},i)}))]})},f=a=>{const{isVariant:I,data:x,productId:f,collectionId:P,variantId:g,isSelected:k,selectedCollectionsDispatch:b,viewOnly:C,upliftAdditions:O,isPartiallyChecked:D,hideProductCheckbox:S,outOfStockAction:T,hideVariantCheckbox:V,hideProductVariants:A,pickerType:w="PRODUCT",onProductDetailClick:U,showProductDetailInfoIcon:$,currencyAndPrice:F}=a,{isVariantForProductPickerTag:B,dataForProductPickerTag:R,tagText:H,tagType:K}=s.getDataForProductPickerTag(x,I,T),L=y(x,I);return t.jsxs(v,Object.assign({isVariant:I,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===w&&(S||V)){const t=Object.keys(x.variants);A?k?b({type:"productUnselected",data:{productId:f,collectionId:P}}):O("productSelected",{productId:f,variantId:g,collectionId:P,product:x}):k?b({type:"variantUnselected",data:{productId:f,variantId:g,collectionId:P}}):O("variantSelected",{productId:f,variantId:g||t[0],collectionId:P,variant:x})}},isActive:k},{children:[I&&!C&&!V||!I&&!C&&!S?t.jsx(o,{isChecked:k,isPartiallyChecked:D||!1,onValueChange:function(t,i,e){null==e||e.stopPropagation(),I?t?O(A?"productSelected":"variantSelected",{productId:f,variantId:g,collectionId:P,variant:x}):b({type:A?"productUnselected":"variantUnselected",data:{productId:f,variantId:g,collectionId:P}}):t?O("productSelected",{productId:f,collectionId:P,product:x}):b({type:"productUnselected",data:{productId:f,collectionId:P}})}}):t.jsx(t.Fragment,{}),t.jsx("div",{children:t.jsx(d,{width:40,height:40,imageUrl:x.image,alt:"Item",borderRadius:4})}),t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[t.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16}},{children:[t.jsx(n,Object.assign({variant:"light",body:x.name,placement:"bottom",delay:400},{children:t.jsx(r,Object.assign({style:{flex:1},numberOfLines:1},{children:x.name}))})),t.jsxs(p,{children:[t.jsx(u,{isVariant:B,data:R,tagText:H,tagType:K}),$&&t.jsx(c,{onClick:()=>{null==U||U(x)},Icon:()=>t.jsx(e,{width:20,height:20,color:i.content.placeholder})})]})]})),t.jsxs(h,{children:[!(null==R?void 0:R.fbStatus)&&B||H?null:t.jsx(l,Object.assign({color:i.content.secondary},{children:F})),L&&t.jsx(n,Object.assign({body:L,placement:"top"},{children:t.jsx(j,{children:t.jsx(m,{children:`SKU ID: ${L}`})})}))]})]}))]}))};export{f as ProductCard,x as ProductGroup};
+import{jsxs as t,jsx as i,Fragment as e}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import c from"../../assets/icons/info.svg.js";import{CheckBox as d}from"../checkBox/CheckBox.js";import{IconButton as n}from"../icon-button/IconButton.js";import{ShimmerImage as r}from"../shimmer-image/ShimmerImage.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{TitleSmall as a,BodyCaption as s}from"../TypographyStyle.js";import{CurrencySymbols as u}from"./constants.js";import{ProductHelper as v}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{ProductCardStyle as h,ProductInfo as m,ProductSubTitle as I,SKUIDBadge as y,EllipsedBodyTiny as f}from"./style.js";import{shouldShowVariant as P,getSkuId as k}from"./utility.js";const g=e=>{var o,c,d,n,r,l,a,s,v;const{collectionId:p,productId:h,data:m,selectedData:I,selectedCollectionsDispatch:y,viewOnly:f,upliftAdditions:k,isProductPartiallyChecked:g,hideProductCheckbox:j,outOfStockAction:C,hideVariantCheckbox:O,hideProductVariants:x,pickerType:D,onProductDetailClick:S,showProductDetailInfoIcon:T}=e,V=t=>{var i,e,o,c,d,n;if(!(null===(e=null===(i=null==I?void 0:I[p])||void 0===i?void 0:i.products)||void 0===e?void 0:e[h]))return!1;return!!(null===(n=null===(d=null===(c=null===(o=null==I?void 0:I[p])||void 0===o?void 0:o.products)||void 0===c?void 0:c[h])||void 0===d?void 0:d.variants)||void 0===n?void 0:n[t])},A=x||!P(m)?`${m.currency&&null!==(o=u[m.currency])&&void 0!==o?o:""}${null!==(v=null!==(r=null===(n=null===(d=Object.values(null!==(c=m.variants)&&void 0!==c?c:{}))||void 0===d?void 0:d[0])||void 0===n?void 0:n.price)&&void 0!==r?r:null===(s=null===(a=Object.values(null!==(l=m.variants)&&void 0!==l?l:{}))||void 0===a?void 0:a[0])||void 0===s?void 0:s.actualPrice)&&void 0!==v?v:""}`:"";return t("div",{children:[i(b,{isVariant:!1,data:m,productId:h,collectionId:p,isSelected:(()=>{var t,i;return!!(null===(i=null===(t=null==I?void 0:I[p])||void 0===t?void 0:t.products)||void 0===i?void 0:i[h])})(),isPartiallyChecked:g,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:f,hideProductCheckbox:j,hideVariantCheckbox:O,hideProductVariants:x,pickerType:D,outOfStockAction:C,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:A},h),x?null:P(m)&&Object.keys(m.variants||[]).map((t=>{var e,o,c,d,n,r,l;const a=`${m.currency&&null!==(e=u[m.currency])&&void 0!==e?e:""}${null!==(l=null!==(d=null===(c=null===(o=m.variants)||void 0===o?void 0:o[t])||void 0===c?void 0:c.price)&&void 0!==d?d:null===(r=null===(n=m.variants)||void 0===n?void 0:n[t])||void 0===r?void 0:r.actualPrice)&&void 0!==l?l:""}`;return i(b,{isVariant:!0,hideVariantCheckbox:O,data:Object.assign(Object.assign({},m.variants[t]),{currency:m.currency}),variantId:t,productId:h,viewOnly:f,upliftAdditions:k,collectionId:p,isSelected:V(t),selectedCollectionsDispatch:y,outOfStockAction:C,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:a},t)}))]})},b=u=>{const{isVariant:P,data:g,productId:b,collectionId:j,variantId:C,isSelected:O,selectedCollectionsDispatch:x,viewOnly:D,upliftAdditions:S,isPartiallyChecked:T,hideProductCheckbox:V,outOfStockAction:A,hideVariantCheckbox:w,hideProductVariants:U,pickerType:$="PRODUCT",onProductDetailClick:B,showProductDetailInfoIcon:F,currencyAndPrice:R}=u,{isVariantForProductPickerTag:H,dataForProductPickerTag:K,tagText:L,tagType:q}=v.getDataForProductPickerTag(g,P,A),z=k(g,P);return t(h,Object.assign({isVariant:P,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===$&&(V||w)){const t=Object.keys(g.variants);U?O?x({type:"productUnselected",data:{productId:b,collectionId:j}}):S("productSelected",{productId:b,variantId:C,collectionId:j,product:g}):O?x({type:"variantUnselected",data:{productId:b,variantId:C,collectionId:j}}):S("variantSelected",{productId:b,variantId:C||t[0],collectionId:j,variant:g})}},isActive:O},{children:[P&&!D&&!w||!P&&!D&&!V?i(d,{isChecked:O,isPartiallyChecked:T||!1,onValueChange:function(t,i,e){null==e||e.stopPropagation(),P?t?S(U?"productSelected":"variantSelected",{productId:b,variantId:C,collectionId:j,variant:g}):x({type:U?"productUnselected":"variantUnselected",data:{productId:b,variantId:C,collectionId:j}}):t?S("productSelected",{productId:b,collectionId:j,product:g}):x({type:"productUnselected",data:{productId:b,collectionId:j}})}}):i(e,{}),i("div",{children:i(r,{width:40,height:40,imageUrl:g.image,alt:"Item",borderRadius:4})}),t("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:1}},{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16}},{children:[i(l,Object.assign({variant:"light",body:g.name,placement:"bottom",delay:400},{children:i(a,Object.assign({style:{flex:1},numberOfLines:1},{children:g.name}))})),t(m,{children:[i(p,{isVariant:H,data:K,tagText:L,tagType:q}),F&&i(n,{onClick:()=>{null==B||B(g)},Icon:()=>i(c,{width:20,height:20,color:o.content.placeholder})})]})]})),t(I,{children:[!(null==K?void 0:K.fbStatus)&&H||L?null:i(s,Object.assign({color:o.content.secondary},{children:R})),z&&i(l,Object.assign({body:z,placement:"top"},{children:i(y,{children:i(f,{children:`SKU ID: ${z}`})})}))]})]}))]}))};export{b as ProductCard,g as ProductGroup};

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

@@ -1,5 +1,4 @@
-import { Product, ProductVariant } from './modal';
-import { OUT_OF_STOCK_ACTION } from './type';
+import { OUT_OF_STOCK_ACTION, type Product, type ProductVariant } 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/productInfoOverlay.js

@@ -1,4 +1,4 @@
-import{j as o}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/cross.svg.js";import{IconButton as e}from"../icon-button/IconButton.js";import{ShimmerImage as a}from"../shimmer-image/ShimmerImage.js";import{Tooltip as n}from"../tooltips/Tooltip.js";import{TitleRegular as c,BodyCaption as d}from"../TypographyStyle.js";import{CurrencySymbols as s}from"./constants.js";import{ProductHelper as l}from"./helpers/ProductHelper.js";import{ProductPickerTag as u}from"./ProductPickerTag.js";import{SKUIDBadge as p,EllipsedBodyTiny as m}from"./style.js";import{getSkuId as x,shouldShowVariant as g}from"./utility.js";const v=t=>o.jsxs(j,{children:[o.jsx(h,{}),o.jsx(y,{children:o.jsx(e,{className:"close-button",onClick:t.onClose,Icon:r,width:20,height:20})}),o.jsx(f,{productData:t.productData,outOfStockAction:t.outOfStockAction,useDynamicInfoImageSize:t.useDynamicInfoImageSize})]}),f=t=>{var r,e,v,f,j,h,y,I,P,T,S,O,w,$,z,A;const F=void 0===t.productData.variants;let _;if(F)_=`${t.productData.currency&&null!==(r=s[t.productData.currency])&&void 0!==r?r:""}${null!==(j=null!==(v=null===(e=t.productData)||void 0===e?void 0:e.price)&&void 0!==v?v:null===(f=t.productData)||void 0===f?void 0:f.actualPrice)&&void 0!==j?j:""}`;else{const o=null===(h=t.productData)||void 0===h?void 0:h.currency;_=`${o&&null!==(y=s[o])&&void 0!==y?y:""}${null!==(z=null!==(S=null===(T=null===(P=Object.values(null!==(I=t.productData.variants)&&void 0!==I?I:{}))||void 0===P?void 0:P[0])||void 0===T?void 0:T.price)&&void 0!==S?S:null===($=null===(w=Object.values(null!==(O=t.productData.variants)&&void 0!==O?O:{}))||void 0===w?void 0:w[0])||void 0===$?void 0:$.actualPrice)&&void 0!==z?z:""}`}const{isVariantForProductPickerTag:C,dataForProductPickerTag:H,tagText:N,tagType:U}=l.getDataForProductPickerTag(t.productData,F,t.outOfStockAction),V=x(t.productData,F);return o.jsxs(b,{children:[o.jsx(D,{children:o.jsx(a,{useDynamicInfoImageSize:t.useDynamicInfoImageSize,imageUrl:t.productData.image,width:200,height:200,borderRadius:4})}),o.jsxs(k,{children:[V&&o.jsx(n,Object.assign({body:V,placement:"top"},{children:o.jsx(p,{children:o.jsx(m,{children:`SKU ID: ${V}`})})})),o.jsx(c,Object.assign({style:{display:"flex"}},{children:t.productData.name})),o.jsx(d,Object.assign({color:i.content.secondary},{children:`Product ID: ${t.productData.id}`})),o.jsx(d,{className:"overlay-description",dangerouslySetInnerHTML:{__html:null!==(A=t.productData.description)&&void 0!==A?A:""}}),o.jsx(d,Object.assign({color:i.content.secondary},{children:F?_:g(t.productData)?null:_})),o.jsx(u,{isVariant:C,data:H,tagText:N,tagType:U})]})]})},j=t.div`
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import e from"../../assets/icons/cross.svg.js";import{IconButton as a}from"../icon-button/IconButton.js";import{ShimmerImage as n}from"../shimmer-image/ShimmerImage.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{TitleRegular as d,BodyCaption as l}from"../TypographyStyle.js";import{CurrencySymbols as s}from"./constants.js";import{ProductHelper as u}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{SKUIDBadge as m,EllipsedBodyTiny as g}from"./style.js";import{getSkuId as v,shouldShowVariant as f}from"./utility.js";const x=i=>o(y,{children:[t(b,{}),t(D,{children:t(a,{className:"close-button",onClick:i.onClose,Icon:e,width:20,height:20})}),t(h,{productData:i.productData,outOfStockAction:i.outOfStockAction,useDynamicInfoImageSize:i.useDynamicInfoImageSize})]}),h=i=>{var e,a,x,h,y,b,D,P,T,S,O,w,$,z,A,F;const C=void 0===i.productData.variants;let H;if(C)H=`${i.productData.currency&&null!==(e=s[i.productData.currency])&&void 0!==e?e:""}${null!==(y=null!==(x=null===(a=i.productData)||void 0===a?void 0:a.price)&&void 0!==x?x:null===(h=i.productData)||void 0===h?void 0:h.actualPrice)&&void 0!==y?y:""}`;else{const o=null===(b=i.productData)||void 0===b?void 0:b.currency;H=`${o&&null!==(D=s[o])&&void 0!==D?D:""}${null!==(A=null!==(O=null===(S=null===(T=Object.values(null!==(P=i.productData.variants)&&void 0!==P?P:{}))||void 0===T?void 0:T[0])||void 0===S?void 0:S.price)&&void 0!==O?O:null===(z=null===($=Object.values(null!==(w=i.productData.variants)&&void 0!==w?w:{}))||void 0===$?void 0:$[0])||void 0===z?void 0:z.actualPrice)&&void 0!==A?A:""}`}const{isVariantForProductPickerTag:N,dataForProductPickerTag:U,tagText:V,tagType:_}=u.getDataForProductPickerTag(i.productData,C,i.outOfStockAction),B=v(i.productData,C);return o(j,{children:[t(k,{children:t(n,{useDynamicInfoImageSize:i.useDynamicInfoImageSize,imageUrl:i.productData.image,width:200,height:200,borderRadius:4})}),o(I,{children:[B&&t(c,Object.assign({body:B,placement:"top"},{children:t(m,{children:t(g,{children:`SKU ID: ${B}`})})})),t(d,Object.assign({style:{display:"flex"}},{children:i.productData.name})),t(l,Object.assign({color:r.content.secondary},{children:`Product ID: ${i.productData.id}`})),t(l,{className:"overlay-description",dangerouslySetInnerHTML:{__html:null!==(F=i.productData.description)&&void 0!==F?F:""}}),t(l,Object.assign({color:r.content.secondary},{children:C?H:f(i.productData)?null:H})),t(p,{isVariant:N,data:U,tagText:V,tagType:_})]})]})},y=i.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
@@ -17,11 +17,11 @@ import{j as o}from"../../node_modules/react/jsx-runtime.js";import t from"styled
 		word-break: break-word;
 		margin-top: 8px;
 	}
-`,h=t.div`
+`,b=i.div`
 	display: flex;
 	flex: 1;
 	background: rgba(0, 0, 0, 0.5);
-`,y=t.div`
+`,D=i.div`
 	position: relative;
 
 	.close-button {
@@ -29,24 +29,24 @@ import{j as o}from"../../node_modules/react/jsx-runtime.js";import t from"styled
 		top: -50px;
 		right: 0px;
 		margin: 10px;
-		background: ${i.surface.standard};
+		background: ${r.surface.standard};
 		border-radius: 50%;
 	}
-`,b=t.div`
+`,j=i.div`
 	display: flex;
 	background: white;
 	padding: 24px;
 	gap: 24px;
 	border-radius: 8px 8px 0px 0px;
-`,D=t.div`
+`,k=i.div`
 	display: flex;
 	max-width: min(50%, 200px);
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,k=t.div`
+`,I=i.div`
 	display: flex;
 	flex: 1;
 	flex-direction: column;
 	gap: 4px;
-`;export{f as ProductInfoCard,v as ProductInfoOverlay};
+`;export{h as ProductInfoCard,x as ProductInfoOverlay};

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

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