@bikdotai/bik-component-library 0.0.322 → 0.0.323

package/dist/cjs/components/postPicker/PostPicker.styled.d.ts

@@ -1,17 +0,0 @@
-export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {
-    mediaType: string;
-}, never>;
-export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
-    mediaType: string;
-}, never>;
-export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,128 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,o=i(e);!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(d||(d={})),o.default.div`
-	position: fixed;
-	top: 0;
-	left: 0;
-	cursor: default;
-	width: 100%;
-	height: 100%;
-	display: flex;
-	background-color: rgba(0, 0, 0, 0.5);
-	align-items: center;
-	justify-content: center;
-`,o.default.div`
-	background-color: #fff;
-	width: 1032px;
-	height: auto;
-	max-height: 600px;
-	border-radius: 4px;
-	padding: 24px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	position: relative;
-`,o.default.div`
-	display: flex;
-	justify-content: space-between;
-	flex-direction: row;
-	gap: 20px;
-	width: 1032px;
-`,o.default(t.TitleMedium)`
-	padding: 6px 6px 20px 6px;
-`,o.default.div`
-	padding: 6px 6px 20px 6px;
-`;const r=o.default.div`
-	display: grid;
-	grid-template-columns: repeat(
-		${e=>e.mediaType==d.POST?6:8},
-		${e=>e.mediaType==d.POST?156:113}px
-	);
-	grid-gap: 16px;
-	overflow-y: scroll;
-	height: calc(564px - 140px);
-	overflow-y: auto;
-	padding: 0 24px;
-
-	/* Hide scrollbar by default */
-	&::-webkit-scrollbar {
-		width: 0.5em;
-	}
-	/* Show scrollbar on hover */
-	&:hover::-webkit-scrollbar {
-		width: 0.5em;
-	}
-`,p=o.default.div`
-	position: relative;
-	cursor: pointer;
-	height: ${e=>e.mediaType==d.POST?155:180}px;
-	padding: 2px;
-	border-radius: 4px;
-	border: 2px solid transparent;
-
-	img {
-		object-fit: cover;
-		border-radius: 4px;
-	}
-
-	.overlay {
-		position: absolute;
-		top: 2px;
-		left: 2px;
-		width: ${e=>e.mediaType==d.POST?148:104}px;
-		height: ${e=>e.mediaType==d.POST?148:172}px;
-		background-color: rgba(255, 255, 255, 0.9);
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: space-between;
-		opacity: 0;
-		transition: opacity 0.2s ease-in-out;
-		border-radius: 4px;
-
-		a {
-			text-decoration: none;
-		}
-	}
-
-	.overlay__caption {
-		text-align: center;
-		background: #fafafa;
-		padding: 10px 20px;
-		height: 40px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.overlay__redirection {
-		display: flex;
-		justify-content: center;
-		gap: 5px;
-		padding: 10px;
-	}
-
-	&:hover .overlay {
-		opacity: 1;
-	}
-
-	&.selected {
-		border: 2px solid #731dcf;
-	}
-`;o.default.div`
-	width: 100%;
-	display: flex;
-	flex-direction: row;
-	padding-top: 12px;
-	justify-content: space-between;
-	border-top: 1px solid #e0e0e0;
-`,o.default.div`
-	flex: 1;
-	padding-top: 10px;
-	display: flex;
-	justify-content: flex-start;
-`,o.default.div`
-	flex: 1;
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-end;
-	gap: 10px;
-`,exports.StyledProduct=p,exports.StyledProductGrid=r;

package/dist/cjs/components/postPicker/index.d.ts

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

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

@@ -1,47 +0,0 @@
-import React from 'react';
-export declare enum MEDIA_TYPES {
-    STORY = "story",
-    POST = "post",
-    REEL = "reel"
-}
-export type Media = {
-    imageUrl: string;
-    redirectionUrl: string;
-    overlayCaption: string;
-    id: string;
-    timestamp?: string;
-};
-export 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;
-};
-export declare enum DateKeys {
-    'Today' = "Today",
-    '7_Days' = "7",
-    '30_Days' = "30",
-    'custom' = "custom",
-    'Yesterday' = "Yesterday"
-}
-export interface DateOptionI {
-    label: string;
-    value: string;
-    key: DateKeys;
-    typeValue?: [Date, Date];
-    selectedRange?: [Date, Date];
-    isCustom?: boolean;
-    dateRangeSelectionOptions?: {
-        selectRange: boolean;
-        maxDate?: Date;
-        minDate?: Date;
-    };
-}
-export declare const dateOptions: DateOptionI[];
-export declare const PostPicker: React.FC<PostPickerProps>;

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

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

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

@@ -1,9 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function X(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var l=X(c);const G=l.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= */")),x=l.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=x,exports.StyledZeroState=G;

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

@@ -1,4 +0,0 @@
-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

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

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

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

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

@@ -1,67 +0,0 @@
-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/collectionScreen.d.ts

@@ -1,26 +0,0 @@
-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) => CollectionFetcherReturn;
-    storeId: string;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setCollectionId: 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;
-}
-export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("react"),i=require("../checkBox/CheckBox.js"),o=require("../icon-button/IconButton.js"),c=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../tag/Tag.js"),l=require("../TypographyStyle.js"),n=require("./emptyState.js"),a=require("./style.js");const d=(e,t,s)=>{if(e.length<=t)return e;const i=e.slice(0,t-1);return(s?i.slice(0,i.lastIndexOf(" ")):i)+"..."},u=s=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:u,setCollectionId:h,isPartiallyChecked:C,setScreen:x,id:j,isChecked:p,isDisabled:g,hideCollectionCheckbox:m}=s;return e.jsxs(a.CollectionCardStyle,Object.assign({isDisabled:g,onClick:()=>{g||(h(j),x("products"))}},{children:[e.jsxs(a.CollectionCardInfoStyle,{children:[!m&&e.jsx(i.CheckBox,{isDisabled:g,isChecked:p,isPartiallyChecked:C,onValueChange:function(e,t,s){null==s||s.stopPropagation(),u(e?{type:"selected",data:{id:j,val:n,isRestricted:c}}:{type:"unselected",data:{id:j}}),h(e?j:"")}}),e.jsx(a.CollectionCardDetailStyle,{children:e.jsxs(a.CollectionNameHolder,{children:[e.jsx(l.TitleRegular,{children:d(n.name,40,!0)}),n.isSmartCollection?e.jsx(r.Tag,{tagText:"Smart Collection",type:"warning"}):e.jsx(e.Fragment,{})]})})]}),e.jsx(o.IconButton,{height:12,width:12,disabled:g,Icon:t.default})]}))};exports.CollectionsScreen=t=>{const{customCollectionRestriction:i,dataLoading:o,collections:r,selectedCollectionsDispatch:l,setCollectionId:a,selectedCollections:d,setScreen:h,collectionFetcher:C,collectionsDispatch:x,pagingControls:j,storeId:p,setSaveDisabled:g,hideCollectionCheckbox:m}=t,v=s.useRef(null),b=s.useRef(j.curPage),y=!!i&&(null==d?void 0:d.isCustom),[k,f]=s.useState(!1);s.useEffect((()=>{b.current=j.curPage}),[j.curPage]),s.useEffect((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&b.current>0&&(g(!0),f(!0),C(b.current,p).then((e=>{x({type:"paged",data:(null==e?void 0:e.collections)||{}}),j.setCurPage(b.current+1),f(!1),g(!1)})).catch())}),{threshold:1});return v.current&&e.observe(v.current),()=>{v.current&&e.unobserve(v.current)}}),[v]);const S=e=>{var t,s;let i=0,o=0;if(d[e]){const c=null===(t=r[e])||void 0===t?void 0:t.products;c&&Object.keys(c).forEach((e=>{var t;const s=null===(t=c[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>i+=1))}));const l=null===(s=d[e])||void 0===s?void 0:s.products;return l&&Object.keys(l).forEach((e=>{var t;const s=null===(t=l[e])||void 0===t?void 0:t.variants;s&&Object.keys(s).forEach((e=>o+=1))})),!(i<=0&&o>0)&&(o>0&&i!==o)}return!1};return e.jsxs("div",{children:[Object.keys(r).length?Object.keys(r).map((t=>e.jsx(u,{customCollectionRestriction:i,data:r[t],isDisabled:y&&!(null==d?void 0:d[t]),isChecked:!!(null==d?void 0:d[t]),isPartiallyChecked:S(t),selectedCollectionsDispatch:l,setCollectionId:a,setScreen:h,id:t,hideCollectionCheckbox:m},t))):o?[1,2,3,4,5,6,7,8,9,10].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(c.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s))):e.jsx(n.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),e.jsx("div",{ref:v}),k&&[1,2,3,4,5].map(((t,s)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(c.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),s)))]})},exports.truncate=d;

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

@@ -1,6 +0,0 @@
-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

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

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

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

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

@@ -1,54 +0,0 @@
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-}
-export interface Product {
-    name: string;
-    image: string;
-    variants?: {
-        [key: string]: ProductVariant;
-    };
-}
-export interface Collection {
-    name: string;
-    image: string;
-    isSmartCollection: boolean;
-    products?: {
-        [key: string]: Product;
-    };
-}
-export type SelectedItems = {
-    [key: string]: Collection;
-};
-export type CollectionFetcherReturn = Promise<{
-    collections: {
-        [key: string]: {
-            image: string;
-            name: string;
-            isSmartCollection: string;
-        };
-    };
-}>;
-export type ProductFetcherReturn = Promise<{
-    [key: string]: Product;
-}>;
-export interface ProductPickerInterface {
-    hideGlobalSearch?: boolean;
-    hideInCollectionSearch?: boolean;
-    customCollectionRestriction?: boolean;
-    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string) => Promise<string[]>;
-    searchFetcher: (storeId: string, query: string) => Promise<SelectedItems>;
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems, total: number) => void;
-    onClose: () => void;
-    visible: boolean;
-    zIndex?: number;
-    limit?: number;
-    hideCollectionCheckbox?: boolean;
-    hideProductCheckbox?: boolean;
-}
-export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/search.svg.js"),c=require("react"),o=require("../../constants/Theme.js"),s=require("../button/Button.js"),r=require("../input/Input.js"),l=require("../modals/styledModal.js"),n=require("../spinner/Spinner.js"),i=require("../tag/Tag.js"),d=require("./collectionScreen.js"),a=require("./productScreen.js"),u=require("./reducers.js"),h=require("./searchScreen.js"),p=require("./selectedScreen.js"),C=require("./style.js");exports.ProductPickerModal=S=>{const{storeId:j,selectedItems:x,onClose:v,visible:y,zIndex:b,limit:g,hideCollectionCheckbox:m,hideProductCheckbox:f}=S,[I,P]=c.useReducer(u.collectionsReducer,{}),[q,k]=c.useState("collections"),[T,E]=c.useState(""),[F,O]=c.useState(0),[R,D]=c.useState(!1),[B,w]=c.useState(0),[L,M]=c.useState(""),[z,G]=c.useState(!1),[$,A]=c.useState(!1),[_,H]=c.useState(),[Y,J]=c.useReducer(u.selectedColectionsReducer,Object.keys(x).length>0?x:{});c.useEffect((()=>{D(!0),A(!0),S.collectionFetcher(F,j).then((e=>{P({type:"fetched",data:(null==e?void 0:e.collections)||{}}),D(!1),O((e=>e+1)),A(!1)})).catch()}),[]),c.useEffect((()=>{let e=0;Object.keys(Y||[]).forEach((t=>{var c;Object.keys((null===(c=Y[t])||void 0===c?void 0:c.products)||[]).forEach((c=>{var o,s;Object.keys((null===(s=null===(o=Y[t].products)||void 0===o?void 0:o[c])||void 0===s?void 0:s.variants)||[]).forEach((()=>{e+=1}))}))})),w(e)})),c.useEffect((()=>{var e;T&&!(null===(e=null==I?void 0:I[T])||void 0===e?void 0:e.products)&&(D(!0),S.productFetcher(T,j).then((e=>{Object.keys(e).length&&P({type:"productsFetched",data:{collectionId:T,products:e}}),D(!1)})).catch())}),[T]),c.useEffect((()=>{const e=setTimeout((()=>{L.length&&(G(!0),S.searchFetcher(j,L).then((e=>{H(e),k("searchProducts"),D(!1),G(!1)})))}),800);return()=>clearTimeout(e)}),[L]);const K=()=>{J({type:"reset",data:{}})};return e.jsx(l.StyledModal,Object.assign({zIndex:b,open:y,onClose:()=>{v(),K()},headingTitle:"collections"===q||"products"===q?"Select Products":"view"===q?"Selected Products":"searchProducts"===q?"Searched Products":void 0,footerShadow:!0,centralContainerStyles:{width:"480px"},primaryButton:{buttonText:R?"Loading...":"Add",disabled:R||B<1||g&&B>g||!1,onClick:()=>{S.onAdd(Y,B),K()}},footerLeftCustomElement:g&&B>g?e.jsx(i.Tag,{tagText:`You can only select ${g} products`,type:"negative"}):B>0?e.jsx(s.Button,{onClick:()=>{k("view")},buttonText:`${B} products selected`,buttonType:"tertiaryGray"}):e.jsx(s.Button,{disabled:!0,buttonText:`${B} products selected`,buttonType:"tertiaryGray"})},{children:e.jsxs(C.ContainerStyle,{children:[!S.hideGlobalSearch&&e.jsx(e.Fragment,{children:("collections"===q||"searchProducts"===q)&&e.jsx("div",Object.assign({style:{padding:"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(r.Input,{noErrorHint:!0,rightIcon:{icon:()=>z?e.jsx(n.Spinner,{size:"small",color:o.COLORS.content.primary}):e.jsx(t.default,{})},id:"listInput",height:"24px",type:"text",value:L,onChangeText:e=>{e.length&&e.trim().length&&M(e)},placeholder:"Search products..."})}))}),e.jsxs(C.ScrollContainerStyle,{children:["collections"===q&&e.jsx(d.CollectionsScreen,{customCollectionRestriction:S.customCollectionRestriction,dataLoading:$,collections:I,selectedCollectionsDispatch:J,setCollectionId:E,setScreen:k,selectedCollections:Y,collectionFetcher:S.collectionFetcher,storeId:j,collectionsDispatch:P,setSaveDisabled:D,pagingControls:{curPage:F,setCurPage:O},hideCollectionCheckbox:m}),"products"===q&&T&&e.jsx(u.CollectionIdContext.Provider,Object.assign({value:T},{children:e.jsx(a.ProductsScreen,{hideInCollectionSearch:S.hideInCollectionSearch,customCollectionRestriction:S.customCollectionRestriction,productFetcher:S.productFetcher,setScreen:k,storeId:j,data:I[T],collectionsDispatch:P,selectedCollectionsDispatch:J,selectedData:Y,setSaveDisabled:D,searchInCollectionFetcher:S.searchInCollectionFetcher,hideProductCheckbox:f})})),"view"===q&&e.jsx(p.SelectedScreen,{selectedCollections:Y||{},selectedCollectionsDispatch:J,setScreen:k,collections:I}),"searchProducts"===q&&e.jsx(h.SearchScreen,{customCollectionRestriction:S.customCollectionRestriction,selectedCollections:Y||{},searchedCollections:_||{},selectedCollectionsDispatch:J,setScreen:k,collections:I,onBackPress:()=>{M(""),H({})}})]})]})}))};

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

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-interface ProductsScreenInterface {
-    hideInCollectionSearch?: boolean;
-    customCollectionRestriction?: boolean;
-    data: Collection;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string) => Promise<string[]>;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-    hideProductCheckbox?: boolean;
-}
-export declare const ProductsScreen: (props: ProductsScreenInterface) => import("react/jsx-runtime").JSX.Element;
-interface ProductGroupInterface {
-    collectionId: string;
-    productId: string;
-    data: Product;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-    upliftAdditions: any;
-    hideProductCheckbox?: boolean;
-}
-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;
-}
-export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),i=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),c=require("lodash"),d=require("react"),s=require("../../constants/Theme.js"),r=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),n=require("../input/Input.js"),a=require("../shimmer/ShimmerComponent/BikShimmer.js"),u=require("../shimmer-image/ShimmerImage.js"),h=require("../spinner/Spinner.js"),v=require("../TypographyStyle.js"),p=require("./collectionScreen.js"),j=require("./emptyState.js"),x=require("./reducers.js"),y=require("./style.js"),g=require("./utility.js");const m=t=>{const{collectionId:i,productId:o,data:c,selectedData:d,selectedCollectionsDispatch:s,viewOnly:r,upliftAdditions:l,isProductPartiallyChecked:n,hideProductCheckbox:a}=t,u=e=>{var t,c,s,r,l,n;if(!(null===(c=null===(t=null==d?void 0:d[i])||void 0===t?void 0:t.products)||void 0===c?void 0:c[o]))return!1;return!!(null===(n=null===(l=null===(r=null===(s=null==d?void 0:d[i])||void 0===s?void 0:s.products)||void 0===r?void 0:r[o])||void 0===l?void 0:l.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(C,{isVariant:!1,data:c,productId:o,collectionId:i,isSelected:!!(null===(v=null===(h=null==d?void 0:d[i])||void 0===h?void 0:h.products)||void 0===v?void 0:v[o]),isPartiallyChecked:n,selectedCollectionsDispatch:s,upliftAdditions:l,viewOnly:r,hideProductCheckbox:a},o),Object.keys(c.variants||[]).map((t=>e.jsx(C,{isVariant:!0,data:c.variants[t],variantId:t,productId:o,viewOnly:r,upliftAdditions:l,collectionId:i,isSelected:u(t),selectedCollectionsDispatch:s},t)))]});var h,v},C=t=>{const{isVariant:i,data:o,productId:c,collectionId:d,variantId:s,isSelected:l,selectedCollectionsDispatch:n,viewOnly:a,upliftAdditions:h,isPartiallyChecked:j,hideProductCheckbox:x}=t;return e.jsxs(y.ProductCardStyle,Object.assign({isVariant:i},{children:[x||a?e.jsx(e.Fragment,{}):e.jsx(r.CheckBox,{isChecked:l,isPartiallyChecked:j||!1,onValueChange:function(e){i?e?h("variantSelected",{productId:c,variantId:s,collectionId:d,variant:o}):n({type:"variantUnselected",data:{productId:c,variantId:s,collectionId:d}}):e?h("productSelected",{productId:c,collectionId:d,product:o}):n({type:"productUnselected",data:{productId:c,collectionId:d}})}}),e.jsx("div",{children:e.jsx(u.ShimmerImage,{width:40,height:40,imageUrl:o.image,alt:"Item",borderRadius:4})}),e.jsx(v.TitleRegular,{children:p.truncate(o.name,40,!0)})]}))};exports.ProductCard=C,exports.ProductGroup=m,exports.ProductsScreen=u=>{const p=d.useContext(x.CollectionIdContext),{data:C,collectionsDispatch:I,selectedData:b,selectedCollectionsDispatch:k,productFetcher:S,storeId:f,setScreen:O,setSaveDisabled:P,hideInCollectionSearch:q,customCollectionRestriction:E,hideProductCheckbox:D}=u,[w,B]=d.useState(""),[T,R]=d.useState(!1),[A,V]=d.useState(C);d.useEffect((()=>{const e=setTimeout((()=>{w.length?(R(!0),u.searchInCollectionFetcher(f,p,w).then((e=>{var t;const i=c.cloneDeep(C);i.products={};for(const o of e)(null===(t=null==C?void 0:C.products)||void 0===t?void 0:t[o])&&(i.products[o]=C.products[o]);V(i),P(!1),R(!1)}))):V(C)}),800);return()=>clearTimeout(e)}),[w]);const F=!!E&&C.isSmartCollection,U=e=>{var t,i,o,c,d,s,r,l;let n=0,a=0;return!!((null===(i=null===(t=null==b?void 0:b[p])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(d=Object.keys((null===(c=null===(o=null==C?void 0:C.products)||void 0===o?void 0:o[e])||void 0===c?void 0:c.variants)||[]))||void 0===d||d.forEach((()=>a++)),Object.keys((null===(l=null===(r=null===(s=null==b?void 0:b[p])||void 0===s?void 0:s.products)||void 0===r?void 0:r[e])||void 0===l?void 0:l.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};d.useEffect((()=>{(null==C?void 0:C.products)||_()}),[]);const _=()=>{P(!0),R(!0),S(p,f).then((e=>{Object.keys(e).length&&(I({type:"productsFetched",data:{collectionId:p,products:e}}),V(Object.assign(Object.assign({},A),{products:e}))),P(!1),R(!1)})).catch()},H=(e,t)=>{const i=g.liftTheStateUp(t,C);k({type:e,data:Object.assign(Object.assign({},i),{isRestricted:E})})};return e.jsxs("div",{children:[e.jsxs(y.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{O("collections")}}),e.jsx(v.BodyCaption,Object.assign({style:{color:s.COLORS.content.secondary}},{children:C.name}))]}),!q&&e.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(n.Input,{noErrorHint:!0,rightIcon:{icon:()=>T&&w.length?e.jsx(h.Spinner,{size:"small",color:s.COLORS.content.primary}):e.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:w,onChangeText:e=>{e.length&&e.trim().length&&B(e)},placeholder:"Search products in this collection..."})})),e.jsxs("div",{children:[Object.keys((null==A?void 0:A.products)||[]).length>0&&!F&&!w.length&&!D&&e.jsxs(y.ProductScreenCollectionCardStyle,{children:[e.jsx(r.CheckBox,{isChecked:!!(null==b?void 0:b[p]),isPartiallyChecked:(e=>{var t;let i=0,o=0;if(b[e]){const c=null==C?void 0:C.products;c&&Object.keys(c).forEach((e=>{var t;const o=null===(t=c[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const d=null===(t=b[e])||void 0===t?void 0:t.products;return d&&Object.keys(d).forEach((e=>{var t;const i=null===(t=d[e])||void 0===t?void 0:t.variants;i&&Object.keys(i).forEach((()=>o+=1))})),o>0&&i!==o}return!1})(p),onValueChange:function(e){k(e?{type:"selected",data:{id:p,val:C}}:{type:"unselected",data:{id:p}})}}),e.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsx(i.default,{})})),e.jsx(v.TitleRegular,{children:"All Products"})]}),Object.keys((null==A?void 0:A.products)||[]).length?Object.keys(A.products||[]).map((t=>e.jsx(m,{collectionId:p,isProductPartiallyChecked:U(t),productId:t,data:A.products[t],selectedData:b,selectedCollectionsDispatch:k,viewOnly:!!F,upliftAdditions:H,hideProductCheckbox:D},t))):T?[1,2,3,4,5,6,7,8,9,10].map(((t,i)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(a.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),i))):e.jsx(j.EmptyState,{title:"No products to show",subtitle:w.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})]})]})};

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-export interface SelectedCollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function selectedColectionsReducer(collections: SelectedItems, action: SelectedCollectionsActions): SelectedItems;
-export interface CollectionsActions {
-    type: string;
-    data: {
-        [key: string]: any;
-    };
-}
-export declare function collectionsReducer(collections: Collection, action: CollectionsActions): any;
-export declare const CollectionIdContext: import("react").Context<string>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;default:return{}}},exports.selectedColectionsReducer=function(e,a){var d,o,c,s,l,r;let n={},u="",i="",p="";switch(a.type){case"selected":return n=t.cloneDeep(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(n={}),n.isCustom=!0),n[a.data.id]=a.data.val,n;case"unselected":return n=t.cloneDeep(e),(null==n?void 0:n.isCustom)&&(n.isCustom=!1),delete n[a.data.id],n;case"productUnselected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,delete n[i].products[u],Object.keys(n[i].products).length||((null==n?void 0:n.isCustom)&&(n.isCustom=!1),delete n[i]),n;case"productSelected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,(null===(d=a.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(a.data.isRestricted&&(n={}),n.isCustom=!0),(null==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,n[i].products={}),n[i].products[u]=a.data.product,n;case"variantSelected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,p=a.data.variantId,(null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(a.data.isRestricted&&(n={}),n.isCustom=!0),(null==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,n[i].products={},n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),(null===(s=null===(c=null==n?void 0:n[i])||void 0===c?void 0:c.products)||void 0===s?void 0:s[u])||((null===(l=null==n?void 0:n[i])||void 0===l?void 0:l.products)||(n[i].products={}),n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),n[i].products[u].variants[p]=a.data.variant,n;case"variantUnselected":return n=t.cloneDeep(e),u=a.data.productId,i=a.data.collectionId,p=a.data.variantId,delete n[i].products[u].variants[p],Object.keys(n[i].products[u].variants).length||(delete n[i].products[u],Object.keys(n[i].products).length||((null===(r=n[i])||void 0===r?void 0:r.isSmartCollection)&&(n.isCustom=!1),delete n[i])),n;case"reset":return{};default:return e}};

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SearchScreenInterface {
-    customCollectionRestriction?: boolean;
-    selectedCollections: SelectedItems;
-    searchedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-    onBackPress: () => void;
-}
-export declare const SearchScreen: (props: SearchScreenInterface) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),l=require("./emptyState.js"),s=require("./productScreen.js"),r=require("./style.js"),c=require("./utility.js");exports.SearchScreen=d=>{const{customCollectionRestriction:n,selectedCollections:u,searchedCollections:a,selectedCollectionsDispatch:v,setScreen:j,collections:p,onBackPress:h}=d,y=(e,t)=>{var o,i,l,s,r,c,d,n,a;let v=0,j=0;return!!((null===(i=null===(o=null==u?void 0:u[e])||void 0===o?void 0:o.products)||void 0===i?void 0:i[t])&&(null===(c=Object.keys((null===(r=null===(s=null===(l=null==p?void 0:p[e])||void 0===l?void 0:l.products)||void 0===s?void 0:s[t])||void 0===r?void 0:r.variants)||[]))||void 0===c||c.forEach((()=>j++)),Object.keys((null===(a=null===(n=null===(d=null==u?void 0:u[e])||void 0===d?void 0:d.products)||void 0===n?void 0:n[t])||void 0===a?void 0:a.variants)||[]).forEach((()=>v++)),v>0&&j!==v))};return e.jsxs("div",{children:[e.jsxs(r.SelectedScreenHeader,{children:[e.jsx(o.IconButton,{Icon:t.default,onClick:()=>{j("collections"),h()}}),e.jsx(i.BodyCaption,{children:"Searched Products"})]}),e.jsx("div",{children:Object.keys(a).length?e.jsx(e.Fragment,{children:Object.keys(a).map((t=>{var o;return Object.keys((null===(o=null==a?void 0:a[t])||void 0===o?void 0:o.products)||[]).map((o=>{let i=!1;return(null==a?void 0:a.isCustom)&&(i=!0),e.jsx(s.ProductGroup,{collectionId:t,upliftAdditions:(e,o)=>((e,t,o)=>{const i=c.liftTheStateUp(o,a[e]);v({type:t,data:Object.assign(Object.assign({},i),{isRestricted:n})})})(t,e,o),productId:o,data:a[t].products[o],isProductPartiallyChecked:y(t,o),selectedData:u,selectedCollectionsDispatch:v,viewOnly:i},o)}))}))}):e.jsx(l.EmptyState,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    collections: {
-        [key: string]: Collection;
-    };
-}
-export declare const SelectedScreen: (props: SelectedScreenInterface) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),l=require("../icon-button/IconButton.js"),o=require("../TypographyStyle.js"),r=require("./emptyState.js"),i=require("./productScreen.js"),d=require("./style.js");exports.SelectedScreen=s=>{const{selectedCollections:c,selectedCollectionsDispatch:n,setScreen:u,collections:v}=s,a=(e,t)=>{var l,o,r,i,d,s,n,u,a;let p=0,j=0;return!!((null===(o=null===(l=null==c?void 0:c[e])||void 0===l?void 0:l.products)||void 0===o?void 0:o[t])&&(null===(s=Object.keys((null===(d=null===(i=null===(r=null==v?void 0:v[e])||void 0===r?void 0:r.products)||void 0===i?void 0:i[t])||void 0===d?void 0:d.variants)||[]))||void 0===s||s.forEach((()=>j++)),Object.keys((null===(a=null===(u=null===(n=null==c?void 0:c[e])||void 0===n?void 0:n.products)||void 0===u?void 0:u[t])||void 0===a?void 0:a.variants)||[]).forEach((()=>p++)),p>0&&j!==p))};return e.jsxs("div",{children:[e.jsxs(d.SelectedScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,onClick:()=>{u("collections")}}),e.jsx(o.BodyCaption,{children:"Selected Products"})]}),e.jsx("div",{children:Object.keys(c).length>0?e.jsx(e.Fragment,{children:Object.keys(c).map((t=>{var l;return Object.keys((null===(l=null==c?void 0:c[t])||void 0===l?void 0:l.products)||[]).map((l=>{let o=!1;return(null==c?void 0:c.isCustom)&&(o=!0),e.jsx(i.ProductGroup,{upliftAdditions:null,collectionId:t,productId:l,data:c[t].products[l],isProductPartiallyChecked:a(t,l),selectedData:c,selectedCollectionsDispatch:n,viewOnly:o},l)}))}))}):e.jsx(r.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"})})]})};

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

@@ -1,14 +0,0 @@
-export declare const ContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isDisabled: boolean;
-}, never>;
-export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
-    isVariant: boolean;
-}, never>;
-export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;