@bikdotai/bik-component-library 0.0.718-beta.7 → 0.0.718-beta.8

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

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

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

@@ -0,0 +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;
+}, 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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),d=require("../../constants/Theme.js");const X=c.default("div","production"===process.env.NODE_ENV?{target:"e1h66m5c1"}:{target:"e1h66m5c1",label:"StyledZeroState"})("height:364px;background-color:",d.DEFAULT_THEME.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.DEFAULT_THEME.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.default("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.DEFAULT_THEME.colorsV2.stroke.primary,";background-color:",d.DEFAULT_THEME.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.DEFAULT_THEME.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 */"));exports.StyledProductPickerContainer=l,exports.StyledZeroState=X;

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

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

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

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

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

@@ -0,0 +1 @@
+export * from './ProductPickerModal';

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { ButtonProps } from "../button/model";
+export interface IInstaPost {
+    caption?: string;
+    comments_count: number;
+    id: string;
+    ig_id: string;
+    media_type: string;
+    timestamp: string;
+    media_url: string;
+    permalink: string;
+    products: Product[];
+}
+export 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.Dispatch<React.SetStateAction<Product[] | Collection[]>>;
+    secondaryButtonProps?: ButtonProps;
+}
+export 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;
+}
+export interface Collection {
+    id: string;
+    name: string;
+    description: string;
+    image: string;
+    isHidden: boolean;
+    isPrivate: boolean;
+    handle: string;
+    isSmartCollection: boolean;
+}
+export interface Variant {
+    values: string[];
+    name: string;
+    type: string;
+}
+export interface Combination {
+    id: string;
+    price: number;
+    discountedPrice: number;
+}
+export interface Photo {
+    photoUrl: string;
+}

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

@@ -0,0 +1,3 @@
+export declare const ProductPickerShimmer: (props: {
+    limit?: number;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,22 @@
+import { TagType } from '../tag/model';
+import { Product, ProductVariant } from './modal';
+export type ProductPickerTagType = {
+    isVariant: boolean;
+    data: Product | ProductVariant;
+    tagText?: string;
+    tagType?: TagType;
+};
+/**
+ * Used in Product Screen, Search Screen, Selected Screen and Rearrange Screen.
+ * Wherever product card is shown, we use this component.
+ *
+ * New logic: When product has only one variant and variant name is same as product name,
+ * we consider that a variant and do operations as variant.
+ *
+ * The logic for showing tag is moved to ProductHelper.tsx.
+ *
+ * Note: If there is no Fb rejected tag in the variant, we show a shimmer,
+ * meanwhile hit the API to get FB status.
+ *
+ */
+export declare const ProductPickerTag: (props: ProductPickerTagType) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),s=require("../tag/Tag.js");exports.ProductPickerTag=i=>{const{isVariant:r,data:x,tagText:a,tagType:n}=i;return e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex"}},{children:!(null==x?void 0:x.fbStatus)&&r?e.jsxRuntimeExports.jsx(t.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):a?e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsxRuntimeExports.jsx(s.Tag,{tagText:a,type:n,theme:"light"})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))};

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

@@ -0,0 +1,50 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import React from 'react';
+import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
+import { CollectionsActions, SelectedCollectionsActions } from './reducers';
+export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
+interface CollectionsScreenInterface {
+    customCollectionRestriction?: boolean;
+    dataLoading: boolean;
+    collections: {
+        [key: string]: Collection;
+    };
+    selectedCollections: SelectedItems;
+    collectionFetcher: (offset: number, storeId: string, appType: ApplicationType) => CollectionFetcherReturn;
+    storeId: string;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setScreen: React.Dispatch<React.SetStateAction<string>>;
+    collectionsDispatch: React.Dispatch<CollectionsActions>;
+    setSaveDisabled: React.Dispatch<boolean>;
+    pagingControls: {
+        curPage: number;
+        setCurPage: React.Dispatch<React.SetStateAction<number>>;
+    };
+    hideCollectionCheckbox?: boolean;
+    renderWithoutModal?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
+    appType: ApplicationType;
+}
+export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
+export interface CollectionCardInterface {
+    customCollectionRestriction?: boolean;
+    data?: Collection;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setScreen: React.Dispatch<React.SetStateAction<string>>;
+    id: string;
+    isChecked: boolean;
+    isDisabled: boolean;
+    isPartiallyChecked: boolean;
+    hideCollectionCheckbox?: boolean;
+    renderWithoutModal?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    selectedCollections: SelectedItems;
+    usedInSearch?: boolean;
+}
+export declare const CollectionCard: (props: CollectionCardInterface) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,27 @@
+export declare const CurrencySymbols: {
+    USD: string;
+    GBP: string;
+    CAD: string;
+    AUD: string;
+    DKK: string;
+    SEK: string;
+    EUR: string;
+    BRL: string;
+    TRY: string;
+    JPY: string;
+    SAR: string;
+    AED: string;
+    EGP: string;
+    MAD: string;
+    INR: string;
+    CHF: string;
+    CNY: string;
+    NZD: string;
+    MXN: string;
+    ZAR: string;
+    RUB: string;
+    KRW: string;
+    SGD: string;
+    PKR: string;
+    RO: string;
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.CurrencySymbols={USD:"$",GBP:"£",CAD:"C$",AUD:"A$",DKK:"DKK",SEK:"SEK",EUR:"€",BRL:"R$",TRY:"₺",JPY:"¥",SAR:"ر.س",AED:"د.إ",EGP:"E£",MAD:"د.م.",INR:"₹",CHF:"Fr",CNY:"¥",NZD:"NZ$",MXN:"Mex$",ZAR:"R",RUB:"₽",KRW:"₩",SGD:"S$",PKR:"Rs",RO:"lei"};

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

@@ -0,0 +1,6 @@
+interface EmptyStateProps {
+    title: string;
+    subtitle: string;
+}
+export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/box_round.svg.js"),s=require("styled-components"),r=require("../../constants/Theme.js"),n=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(s).default.div`
+	height: 400px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+`;exports.EmptyState=s=>{let{title:i,subtitle:l}=s;return e.jsxRuntimeExports.jsxs(o,{children:[e.jsxRuntimeExports.jsx(t.default,{width:48,height:48}),e.jsxRuntimeExports.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:i})),e.jsxRuntimeExports.jsx(n.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary,marginTop:4}},{children:l}))]})};

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

@@ -0,0 +1,56 @@
+import { TagType } from "../../tag/model";
+import { Product, ProductVariant, SelectedItems } from '../modal';
+import { OUT_OF_STOCK_ACTION } from '../type';
+import { ProductVariantForRearrange } from '../variant';
+export declare class ProductHelper {
+    /**
+     * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)
+     * how to know if a product is hidden ? skipSync === true (not-synced)
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => NOT_SYNCED
+     *    - !not-synced && !OOS => NORMAL
+     *
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => OUT_OF_STOCK
+     *    - !not-synced && !OOS => NORMAL
+     *
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => NORMAL
+     *    - !not-synced && !OOS => NORMAL
+     *
+     * @param product
+     * @param currentCombination
+     * @param outOfStockAction
+     */
+    static getProductLabels(productVariant: Product | ProductVariant, outOfStockAction?: OUT_OF_STOCK_ACTION): string | null;
+    /**
+     * For FB Rejected returns 'negative', for rest returns 'warning'
+     */
+    static getTagType: (tagText: string) => TagType;
+    static getDataForProductPickerTag: (data: Product | ProductVariant, isVariant: boolean, outOfStockAction: OUT_OF_STOCK_ACTION | undefined) => {
+        isVariantForProductPickerTag: boolean;
+        dataForProductPickerTag: Product | ProductVariant;
+        tagText: string | undefined;
+        tagType: TagType;
+    };
+}
+/**
+ * Loops through each collection, each product, each variant.
+ * For each variant, adds a displayOrder if not already there.
+ * For each variant, additional parameters are added from ProductVariantForRearrange
+ * in order to display the variant card.
+ * After converting to array, sorts the array based on displayOrder and returns.
+ *
+ * @param selectedCollections - Collections in object format
+ * @returns Selected Varaints in array format, sorted based on displayOrder.
+ */
+export declare const parseSelectedVariantsToArray: (selectedCollections: SelectedItems) => ProductVariantForRearrange[];

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

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

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

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

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

@@ -0,0 +1,110 @@
+/// <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';
+export 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>;
+});
+export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { Product, ProductVariant, SelectedItems } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+interface ProductGroupInterface {
+    collectionId: string;
+    productId: string;
+    data: Product;
+    selectedData: SelectedItems;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    viewOnly: boolean;
+    isProductPartiallyChecked?: boolean;
+    upliftAdditions: any;
+    hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    hideProductVariants?: boolean;
+    showProductDetailInfoIcon?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    onProductDetailClick?: (productData: Product | ProductVariant) => void;
+}
+export declare const ProductGroup: (props: ProductGroupInterface) => import("react/jsx-runtime").JSX.Element;
+interface ProductCardInterface {
+    isVariant: boolean;
+    data: Product | ProductVariant;
+    productId: string;
+    collectionId: string;
+    variantId?: string;
+    isSelected: boolean;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    viewOnly: boolean;
+    isPartiallyChecked?: boolean;
+    upliftAdditions: any;
+    hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    hideProductVariants?: boolean;
+    showProductDetailInfoIcon?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    onProductDetailClick?: (productData: Product | ProductVariant) => void;
+    currencyAndPrice?: string;
+}
+export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,19 @@
+import { Product, ProductVariant } from './modal';
+import { OUT_OF_STOCK_ACTION } from './type';
+/**
+ * When user presses i icon on a product, we show the overlay.
+ * In case of a product, contains products image,  product name & description
+ * In case of a variant, contains variant image,  variant name,
+ *  description as product name, variant tag
+ */
+export declare const ProductInfoOverlay: (props: {
+    productData: Product | ProductVariant;
+    onClose: () => void;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    useDynamicInfoImageSize?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductInfoCard: (props: {
+    productData: Product | ProductVariant;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    useDynamicInfoImageSize?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;