@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

package/dist/esm/components/postPicker/postPicker.d.ts

@@ -0,0 +1,51 @@
+import React__default from 'react';
+
+declare enum MEDIA_TYPES {
+    STORY = "story",
+    POST = "post",
+    REEL = "reel"
+}
+type Media = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+    timestamp?: string;
+};
+type PostPickerProps = {
+    title: string;
+    showModal: boolean;
+    onClose: () => void;
+    onSelect: (Media: Media[]) => void;
+    media: Media[];
+    mediaType: MEDIA_TYPES;
+    previouslySelected?: Media[];
+    limit?: number;
+    selected: Media[];
+    showFilter?: boolean;
+};
+declare enum DateKeys {
+    'Today' = "Today",
+    '7_Days' = "7",
+    '30_Days' = "30",
+    'custom' = "custom",
+    'Yesterday' = "Yesterday"
+}
+interface DateOptionI {
+    label: string;
+    value: string;
+    key: DateKeys;
+    typeValue?: [Date, Date];
+    selectedRange?: [Date, Date];
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        maxDate?: Date;
+        minDate?: Date;
+    };
+}
+declare const dateOptions: DateOptionI[];
+declare const PostPicker: React__default.FC<PostPickerProps>;
+
+export { DateKeys, MEDIA_TYPES, PostPicker, dateOptions };
+export type { DateOptionI, Media, PostPickerProps };

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

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

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

@@ -1 +1,71 @@
-import c from"@emotion/styled/base";import{DEFAULT_THEME as d}from"../../constants/Theme.js";const b=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUMiLCJmaWxlIjoiUHJvZHVjdFBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBTdHlsZWRaZXJvU3RhdGUgPSBzdHlsZWQuZGl2YFxuXHRoZWlnaHQ6IDM2NHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9kdWN0UGlja2VyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHQucG9zdF9fd3JhcHBlciB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHRcdHBhZGRpbmc6IDEycHggMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnBvc3RfX3RodW1ibmFpbCB7XG5cdFx0aGVpZ2h0OiA2OHB4O1xuXHRcdHdpZHRoOiA2OHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXHQucG9zdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDM1MHB4O1xuXHR9XG5cdC5sb2FkZXJfX3dyYXBwZXIge1xuXHRcdGhlaWdodDogMzUwcHg7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuXHQucHJvZHVjdF9fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTlweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXHQucHJvZHVjdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTZweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdG9yZGVyOiAyO1xuXHR9XG5cdC5wcm9kdWN0X19pbWFnZSB7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHdpZHRoOiA0MHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuYDtcbiJdfQ== */")),X=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNEIiwiZmlsZSI6IlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgU3R5bGVkWmVyb1N0YXRlID0gc3R5bGVkLmRpdmBcblx0aGVpZ2h0OiAzNjRweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cblx0Lmljb25fX2NvbnRhaW5lciB7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZHVjdFBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdG1hcmdpbi10b3A6IDhweDtcblx0LnBvc3RfX3dyYXBwZXIge1xuXHRcdG1hcmdpbi10b3A6IDhweDtcblx0XHRib3JkZXItdG9wOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcblx0XHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTZweDtcblx0fVxuXG5cdC5wb3N0X190aHVtYm5haWwge1xuXHRcdGhlaWdodDogNjhweDtcblx0XHR3aWR0aDogNjhweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdH1cblx0LnBvc3RfX2luZm8td3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHdpZHRoOiAzNTBweDtcblx0fVxuXHQubG9hZGVyX193cmFwcGVyIHtcblx0XHRoZWlnaHQ6IDM1MHB4O1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdG1hcmdpbi10b3A6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdH1cblx0LnByb2R1Y3RfX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDEycHggMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE5cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdH1cblx0LnByb2R1Y3RfX2luZm8td3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDE2cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRvcmRlcjogMjtcblx0fVxuXHQucHJvZHVjdF9faW1hZ2Uge1xuXHRcdGhlaWdodDogNDBweDtcblx0XHR3aWR0aDogNDBweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdH1cbmA7XG4iXX0= */"));export{X as StyledProductPickerContainer,b as StyledZeroState};
+import r from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
+	height: 364px;
+	background-color: ${e.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: ${e.colorsV2.background.base};
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+`,t=r.div`
+	margin-top: 8px;
+	.post__wrapper {
+		margin-top: 8px;
+		border-top: 1px solid ${e.colorsV2.stroke.primary};
+		background-color: ${e.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 ${e.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;
+	}
+`;export{t as StyledProductPickerContainer,o as StyledZeroState};

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

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { ProductPickerProps } from './type.js';
+
+declare const ProductPickerContent: React__default.FC<ProductPickerProps>;
+declare const PricePleaseProductPicker: React__default.FC<ProductPickerProps>;
+
+export { PricePleaseProductPicker, ProductPickerContent };

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

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

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

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import { ButtonProps } from '../button/model.js';
+
+interface IInstaPost {
+    caption?: string;
+    comments_count: number;
+    id: string;
+    ig_id: string;
+    media_type: string;
+    timestamp: string;
+    media_url: string;
+    permalink: string;
+    products: Product[];
+}
+interface ProductPickerProps {
+    show: boolean;
+    products: Product[] | Collection[];
+    onClose: () => void;
+    title: string;
+    onSave: (productIds: Product[] | Collection[]) => void;
+    onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
+    instaPost?: IInstaPost;
+    searchPlaceholder?: string;
+    selectedProducts: Product[] | Collection[];
+    setSelectedProducts: React__default.Dispatch<React__default.SetStateAction<Product[] | Collection[]>>;
+    secondaryButtonProps?: ButtonProps;
+}
+interface Product {
+    image: string;
+    variants: Variant[];
+    id: string;
+    combinations: Combination[];
+    photos: Photo[];
+    isNew: boolean;
+    currency: string;
+    isDiscounted: boolean;
+    isLimited: boolean;
+    catalogId: string;
+    isOutOfStock: boolean;
+    isHidden: boolean;
+    tags: string;
+    description: string;
+    name: string;
+    handle: string;
+}
+interface Collection {
+    id: string;
+    name: string;
+    description: string;
+    image: string;
+    isHidden: boolean;
+    isPrivate: boolean;
+    handle: string;
+    isSmartCollection: boolean;
+}
+interface Variant {
+    values: string[];
+    name: string;
+    type: string;
+}
+interface Combination {
+    id: string;
+    price: number;
+    discountedPrice: number;
+}
+interface Photo {
+    photoUrl: string;
+}
+
+export type { Collection, Combination, IInstaPost, Photo, Product, ProductPickerProps, Variant };

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

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

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

@@ -1 +1 @@
-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 m=m=>{const{isVariant:a,data:o,tagText:p,tagType:s}=m;return t("div",{style:{display:"flex"},children:!(null==o?void 0:o.fbStatus)&&a?t(i,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):p?t("div",{style:{display:"flex"},children:t(r,{tagText:p,type:s,theme:"light"})}):t(e,{})})};export{m 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 m=m=>{const{isVariant:a,data:o,tagText:p,tagType:s}=m;return t("div",{style:{display:"flex"},children:!o?.fbStatus&&a?t(i,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):p?t("div",{style:{display:"flex"},children:t(r,{tagText:p,type:s,theme:"light"})}):t(e,{})})};export{m as ProductPickerTag};

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

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

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

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

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

@@ -1 +1 @@
-import{OUT_OF_STOCK_ACTION as t}from"../type.js";var n=Object.defineProperty,l=(t,l,i)=>((t,l,i)=>l in t?n(t,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[l]=i)(t,"symbol"!=typeof l?l+"":l,i);const i={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"},u=class{static getProductLabels(n){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.NORMAL,u="NORMAL";if(n.variants)return i[u];const a=n;return"REJECTED"===(null==a?void 0:a.fbStatus)?i.FB_REJECTED:(l===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),l===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),l===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i[u])}};l(u,"getTagType",(t=>i.FB_REJECTED===t?"negative":"warning")),l(u,"getDataForProductPickerTag",((t,n,l)=>{var i,a;let e=t,r=n;1===Object.keys(null!=(i=null==t?void 0:t.variants)?i:{}).length&&(e=Object.values(null!=(a=null==t?void 0:t.variants)?a:{})[0],r=!0);const o=u.getProductLabels(e,l);return{isVariantForProductPickerTag:r,dataForProductPickerTag:e,tagText:null!=o?o:void 0,tagType:u.getTagType(null!=o?o:"")}}));let a=u;const e=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null==(i=null==t?void 0:t[l])?void 0:i.products)||[]).forEach((i=>{var u,a;const e=null!=(u=t[l].products)?u:[],r=null!=(a=e[i].variants)?a:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[i].name})),n=[...n,...Object.values(r)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};export{a as ProductHelper,e as parseSelectedVariantsToArray};
+import{OUT_OF_STOCK_ACTION as t}from"../type.js";var a=Object.defineProperty,n=(t,n,e)=>((t,n,e)=>n in t?a(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e)(t,"symbol"!=typeof n?n+"":n,e);const e={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"},i=class{static getProductLabels(a,n=t.NORMAL){let i="NORMAL";if(a.variants)return e[i];const r=a;return"REJECTED"===r?.fbStatus?e.FB_REJECTED:(n===t.HIDE&&(!r.skipSync||0!==r?.quantity&&-2!==r?.quantity||(i="NOT_SYNCED"),r.skipSync&&0!==r?.quantity&&-2!==r?.quantity&&(i="NOT_SYNCED"),r.skipSync||0!==r?.quantity&&-2!==r?.quantity||(i="NOT_SYNCED"),r.skipSync||0===r?.quantity||-2===r?.quantity||(i="NORMAL")),n===t.BLUR&&(!r.skipSync||0!==r?.quantity&&-2!==r?.quantity||(i="NOT_SYNCED"),r.skipSync&&0!==r?.quantity&&-2!==r?.quantity&&(i="NOT_SYNCED"),r.skipSync||0!==r?.quantity&&-2!==r?.quantity||(i="OUT_OF_STOCK"),r.skipSync||0===r?.quantity||-2===r?.quantity||(i="NORMAL")),n===t.NORMAL&&(!r.skipSync||0!==r?.quantity&&-2!==r?.quantity||(i="NOT_SYNCED"),r.skipSync&&0!==r?.quantity&&-2!==r?.quantity&&(i="NOT_SYNCED"),r.skipSync||0!==r?.quantity&&-2!==r?.quantity||(i="NORMAL"),r.skipSync||0===r?.quantity||-2===r?.quantity||(i="NORMAL")),e[i])}};n(i,"getTagType",(t=>e.FB_REJECTED===t?"negative":"warning")),n(i,"getDataForProductPickerTag",((t,a,n)=>{let e=t,r=a;1===Object.keys(t?.variants??{}).length&&(e=Object.values(t?.variants??{})[0],r=!0);const y=i.getProductLabels(e,n);return{isVariantForProductPickerTag:r,dataForProductPickerTag:e,tagText:y??void 0,tagType:i.getTagType(y??"")}}));let r=i;const y=t=>{let a=[];Object.keys(t).forEach((n=>Object.keys(t?.[n]?.products||[]).forEach((e=>{const i=t[n].products??[],r=i[e].variants??[];return Object.keys(r).map((t=>{const a=r[t];a.currency=i[e].currency,a.variantId=t,a.productId=e,a.collectionId=n,a.productName=i[e].name})),a=[...a,...Object.values(r)],a}))));const n=a.sort(((t,a)=>null==t.displayOrder&&null==a.displayOrder?0:null==t.displayOrder?1:null==a.displayOrder?-1:t.displayOrder-a.displayOrder));return n.forEach(((t,a)=>{t.displayOrder=a})),n};export{r as ProductHelper,y as parseSelectedVariantsToArray};

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

@@ -0,0 +1,114 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { ButtonProps } from '../button/model.js';
+import { OUT_OF_STOCK_ACTION, FooterForNonModalI, ScreenName } from './type.js';
+
+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;
+}
+interface Product {
+    name: string;
+    image: string;
+    description?: string;
+    variants?: {
+        [key: string]: ProductVariant;
+    };
+    id?: string;
+    handle?: string;
+    currency?: string;
+}
+interface Collection {
+    name: string;
+    image: string;
+    isSmartCollection: boolean;
+    products?: {
+        [key: string]: Product;
+    };
+}
+type SelectedItems = {
+    [key: string]: Collection;
+};
+type SearchedItems = {
+    collections: SelectedItems;
+    products: SelectedItems;
+};
+type CollectionFetcherReturn = Promise<{
+    collections: {
+        [key: string]: {
+            image: string;
+            name: string;
+            isSmartCollection: string;
+        };
+    };
+}>;
+type ProductFetcherReturn = Promise<{
+    [key: string]: Product;
+}>;
+type FbStatusFetcherReturn = Promise<{
+    [key: string]: FbProductStatus;
+}>;
+type FbProductStatus = 'APPROVED' | 'REJECTED';
+type ProductPickerInterface = {
+    hideGlobalSearch?: boolean;
+    hideInCollectionSearch?: boolean;
+    customCollectionRestriction?: boolean;
+    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string, appType: ApplicationType) => ProductFetcherReturn;
+    searchFetcher: (storeId: string, query: string, appType: ApplicationType) => Promise<SearchedItems | SelectedItems>;
+    collectionFetcher: (offset: number, storeId: string, appType: ApplicationType) => CollectionFetcherReturn;
+    productFetcher: (collectionId: string, storeId: string, appType: ApplicationType, limit?: number, offset?: number) => ProductFetcherReturn;
+    fbStatusFetcher?: (storeId: string, variantIds: string[], appType: ApplicationType) => FbStatusFetcherReturn;
+    storeId: string;
+    appType?: ApplicationType;
+    selectedItems: SelectedItems;
+    onAdd: (items: SelectedItems, total: number, secondaryClick?: boolean) => void;
+    onClose?: () => void;
+    visible: boolean;
+    zIndex?: number;
+    limit?: number;
+    exactLimit?: number;
+    hideCollectionCheckbox?: boolean;
+    hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    selectProductsFromCustomCollection?: boolean;
+    hideSelectionCount?: boolean;
+    title?: string;
+    postHeader?: React.ReactNode;
+    width?: string;
+    left?: string;
+    renderWithoutModal?: boolean;
+    onClickSave?: number;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    hideProductVariants?: boolean;
+    rearrangeEnabled?: boolean;
+    selectSingleItem?: boolean;
+    stickyFooter?: boolean;
+    showProductDetails?: boolean;
+    containerStyle?: React.CSSProperties;
+    crossButtonInsideHeader?: boolean;
+    footerForNonModal?: FooterForNonModalI;
+    useDynamicInfoImageSize?: boolean;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    subtitle?: string;
+} & ({
+    startupScreen: ScreenName.RearrangeProducts;
+    rearrangeEnabled: true;
+} | {
+    startupScreen?: Exclude<ScreenName, ScreenName.RearrangeProducts>;
+});
+declare const ProductPickerModal: (props: ProductPickerInterface) => react_jsx_runtime.JSX.Element;
+
+export { ProductPickerModal };
+export type { Collection, CollectionFetcherReturn, FbProductStatus, FbStatusFetcherReturn, Product, ProductFetcherReturn, ProductPickerInterface, ProductVariant, SearchedItems, SelectedItems };

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

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

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

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

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

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