@bikdotai/bik-component-library 0.0.56-7.beta.1 → 0.0.56

package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import { Variable } from '../add-variableV2/AddVariableV2';
-import { SelectedVariable } from '../add-variableV2/types';
-import { InputTypeI } from '../input';
-import { PickerType } from '../variable-picker-v3/model';
-export interface InputWithVariablesProps {
-    type?: InputTypeI;
-    variablesList: any;
-    onChange: (val: SelectedVariable) => void;
-    onBlur?: (e: Event, val?: SelectedVariable | Variable) => void;
-    allowMix: boolean;
-    prevVariable: SelectedVariable;
-    showHelp?: boolean;
-    onlyVariables?: boolean;
-    placeHolder?: string;
-    showAddButton?: boolean;
-    errorMessage?: string;
-    noMaxCharCheck?: boolean;
-    maxCharLimit?: number;
-    labelText?: string;
-    labelElement?: React.ReactNode;
-    isRequired?: boolean;
-    hintText?: string;
-    onEnterPress?: (input: string) => void;
-    pickerType?: PickerType;
-    portalElement?: HTMLElement;
-    showVarHeader?: boolean;
-    varHeaderText?: string;
-    onPickerToggle?: (isOpen: boolean) => void;
-}
-export declare const InputWithVariables: React.FC<InputWithVariablesProps>;

package/dist/cjs/components/input-with-vars/InputWithVariables.js

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../assets/icons/PlusIcon.js"),l=require("react"),r=require("styled-components"),t=require("uuid"),i=require("../../constants/Theme.js"),s=require("../add-variableV2/AddVariableBox.styled.js"),n=require("../floater/floater.js"),u=require("../input/Input.js"),c=require("../TypographyStyle.js"),o=require("../variable-picker-v3/VariablePicker.js"),d=require("../variable-picker-v3/model.js"),v=require("./customPortal.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const b=p(r).default.div`
-	position: relative;
-	margin-bottom: 12px;
-	input {
-		color: ${e=>e.isVar?i.COLORS.stroke.brand:"black"};
-	}
-`;exports.InputWithVariables=r=>{let{type:i,allowMix:p,onChange:h,prevVariable:x,variablesList:j,onBlur:g,onlyVariables:y,placeHolder:T,showAddButton:f=!0,showHelp:V,errorMessage:k,maxCharLimit:m,noMaxCharCheck:C,labelText:E,labelElement:O,isRequired:S=!1,hintText:q,onEnterPress:P,pickerType:w=d.PickerType.FLOATER,portalElement:R,showVarHeader:F,varHeaderText:A,onPickerToggle:D}=r;const M=l.useRef(),B=l.useRef(!0),I=l.useRef(null),[L,H]=l.useState(!1),[N]=l.useState(t.v4()),[$,z]=l.useState(),[_,K]=l.useState(x),[W,G]=l.useState(!1),[J,Q]=l.useState(!1),[U,X]=l.useState(0);return l.useEffect((()=>{if($&&$.actualValue)if(p){if(K((e=>{return{actualValue:(a=e.actualValue,l=$.actualValue,r=U,a.slice(0,r)+l+a.slice(r)),variableType:"string"};var a,l,r})),I.current){X(I.current.selectionStart);const e=U+$.actualValue.length+2;I.current.setSelectionRange(e,e),X(e)}}else K((e=>({actualValue:$.actualValue,variableType:$.variableType,needsFetching:$.needsFetching})))}),[$]),l.useEffect((()=>{B.current?B.current=!1:h(_)}),[_]),e.jsxs(e.Fragment,{children:[e.jsxs(b,Object.assign({isVar:/^{{.*}}$/.test(_.actualValue),onKeyDown:e=>{console.log("key",e.key),"Enter"===e.key&&(null==P||P(_.actualValue))}},{children:[e.jsx(u.Input,{isRequired:S,hintText:q,type:null!=i?i:"text",id:N,ref:I,skipFocus:!0,isActive:L,value:_.actualValue,validate:e=>[!0,""],errorMessage:k,noMaxCharCheck:C,maxCharLimit:m,labelText:E,labelElement:O,placeholder:T||"Add a value",onClick:e=>{I.current&&X(I.current.selectionStart)},onChangeText:(e,a)=>{if(I.current&&X(I.current.selectionStart),y){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||K({actualValue:"",variableType:"string"})}else K(p?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{H(!0),Q(!0)},onBlur:e=>{var a,l,r,t,i,s,n;console.log("ee",null===(a=e.relatedTarget)||void 0===a?void 0:a.id),null==g||g(e,_),"addVar"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(i=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===i?void 0:i.includes("accordion"))||"back-btn-v3"===(null===(s=e.relatedTarget)||void 0===s?void 0:s.id)?(I.current&&I.current.focus(),H(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?H(!0):(H(!1),G(!1),null==D||D(!1),Q(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[_.actualValue&&V&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(c.BodyCaption,{children:`This value is of type ${_.variableType}`})})),f&&J&&e.jsx("div",Object.assign({style:{marginTop:k||q?"-24px":"0px"}},{children:e.jsx(s.AddVariableStyled,Object.assign({ref:M,id:"addVar",onClick:()=>{G(!W),null==D||D(!W)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(a.default,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),W&&e.jsx(e.Fragment,{children:w===d.PickerType.EMBEDDED?e.jsx(v.CustomPortal,Object.assign({zIndex:101,element:null!=R?R:document.body},{children:e.jsx(o.VariablePicker,{width:"344px",showHeader:F,headerText:A,onClose:()=>{G(!1),null==D||D(!1)},type:d.PickerType.EMBEDDED,data:j,onSelect:e=>{z(e),G(!1),null==D||D(!1)}})})):e.jsx("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:e.jsx(n.Floater,Object.assign({refElement:M},{children:e.jsx("div",Object.assign({style:{height:500}},{children:e.jsx(o.VariablePicker,{onClose:()=>{G(!1),null==D||D(!1)},type:d.PickerType.FLOATER,data:j,onSelect:e=>{z(e),G(!1),null==D||D(!1)}})}))}))}))})]})};

package/dist/cjs/components/input-with-vars/customPortal.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface CustomPortalProps {
-    children: React.ReactNode;
-    element: HTMLElement;
-    zIndex?: number;
-}
-export declare const CustomPortal: (props: CustomPortalProps) => import("react").ReactPortal;
-export {};

package/dist/cjs/components/input-with-vars/customPortal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("react-dom"));exports.CustomPortal=t=>{var i;return r.default.createPortal(e.jsx("div",Object.assign({style:{zIndex:null!==(i=t.zIndex)&&void 0!==i?i:2,position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",alignItems:"center",justifyContent:"flex-end",borderRadius:4,border:"1px solid #9E9E9E"}},{children:e.jsx("div",Object.assign({style:{height:"100%",display:"flex",flexDirection:"column"}},{children:t.children}))})),t.element)};

package/dist/cjs/components/input-with-vars/index.d.ts

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

package/dist/cjs/components/keywords-input/KeywordsInput.d.ts

@@ -1,10 +0,0 @@
-export declare const KeywordsInput: (props: {
-    keywords: string[];
-    onDeleteKeyword: (name: string) => void;
-    onSelectKeyword?: ((kwd: string) => void) | undefined;
-    placeHolder?: string | undefined;
-    error?: boolean | undefined;
-    errorMessage?: string | undefined;
-    hint?: string | undefined;
-    width?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/keywords-input/KeywordsInput.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/cross.svg.js"),t=require("react"),i=require("../input/Input.js"),s=require("../tag/Tag.js");exports.KeywordsInput=o=>{var n;const[a,l]=t.useState(""),{keywords:d,onDeleteKeyword:c,errorMessage:u,onSelectKeyword:p,error:g,hint:x,width:w}=o;return e.jsxs("div",Object.assign({style:{marginTop:12}},{children:[e.jsx(i.Input,{width:w,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?l(e):e.trim()&&(l(""),p&&p(e.trim()))},value:a,hintText:x,placeholder:null!==(n=o.placeHolder)&&void 0!==n?n:"Ex. Hello",errorMessage:g?u||"Please ENTER to add keyword":""}),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:w}},{children:d.map(((t,i)=>e.jsx(s.Tag,{tagText:t,TrailingIcon:r.default,onTrailingIconClicked:()=>c(t)},t+i)))}))]}))};

package/dist/cjs/components/keywords-input/KeywordsInput.styled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const ChipStyle: 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/keywords-input/index.d.ts

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

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export interface NavigationHyperlinkProps {
-    router: any;
-    href: string;
-    children?: ReactNode;
-    newTab?: boolean;
-}
-export declare const NavigationHyperlink: React.FC<NavigationHyperlinkProps>;
-export declare const NaLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=n(require("styled-components")).default.div`
-	//	display: inline-block;
-`;exports.NaLinkWrapper=i,exports.NavigationHyperlink=n=>{const{router:o,href:t,newTab:r}=n;return e.jsx(i,Object.assign({onClick:e=>{if(t.includes("http")){const n=r||e.metaKey?"_blank":"_self";window.open(t,n)}else{const n=`${t.startsWith("/")?"":"/"}${t}`;e.metaKey?window.open(window.location.origin+n,"_blank"):o?o.push(window.location.origin+n):window.open(window.location.origin+n,"_self")}}},{children:n.children}))};

package/dist/cjs/components/navigation-hyperlink/index.d.ts

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

package/dist/cjs/components/plans/NewSubscriptionPlan.d.ts

@@ -1,19 +0,0 @@
-import { FunctionComponent } from 'react';
-import { SubscriptionPlanProps } from './SubscriptionPlan';
-export interface NewSubscriptionPlanProps extends SubscriptionPlanProps {
-    popularTestimony?: string;
-    skipRadioSelection?: boolean;
-    includeText?: string;
-    height?: string;
-    showFeaturesButton?: boolean;
-    businessDescription?: string[];
-    yearlyCode?: string;
-    isPlanSelected?: boolean;
-    onClickShowAllFeatures?: () => void;
-    showSelectedPlanChip?: boolean;
-    perMonthForYearly?: boolean;
-    minHeightOfFeatures?: number;
-}
-type Props = NewSubscriptionPlanProps;
-export declare const NewSubscriptionPlan: FunctionComponent<Props>;
-export {};

package/dist/cjs/components/plans/NewSubscriptionPlan.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js"),h=require("../tooltips/Tooltip.js");exports.NewSubscriptionPlan=u=>{var p;const{formatCurrency:j}=l.useCurrency(),g=u.showMonthlyOptions?u.features:u.annualFeatures||[],m=u.showMonthlyOptions?u.monthlyPlan:u.yearlyPlan,x=!u.isDisabled&&u.isMostPopular,b=u.showMonthlyOptions?u.code:null!==(p=u.yearlyCode)&&void 0!==p?p:u.code,{planName:y,isSelected:O=!1,isDisabled:C=!1,onPlanSelect:v,oldPrice:T,hideMonthYearTag:S,planDescription:N,planDescriptionDiscount:f,showTrialOptions:L,freeTrialMessages:P,extraBlockMessage:w,isLoading:M,buttonText:k,bottomDescription:q,showMonthlyOptions:B,popularTestimony:R,skipRadioSelection:D=!1,includeText:F,height:$,showFeaturesButton:_,businessDescription:z,isPlanSelected:H=!1,onClickShowAllFeatures:W,showSelectedPlanChip:I=!1,perMonthForYearly:U=!1,minHeightOfFeatures:Y,hoverTooltip:A}=u,E=e=>U&&!B?0==e?"$0":j(Math.round(e/12),"USD"):0==e?"$0":j(e,"USD");return e.jsx(h.Tooltip,Object.assign({body:A},{children:e.jsxs(o.NewSubscriptionStyled,Object.assign({height:$,showMostPopularChip:x||!1,onClick:()=>v(b)},{children:[x&&e.jsxs("div",Object.assign({className:"most-popular-chip"},{children:[e.jsx(r.Caption,Object.assign({className:"popular-text"},{children:"Most popular "})),e.jsx(a.default,{height:12,width:12})]})),e.jsxs("div",Object.assign({className:`box  ${C?"disabled":""} \n\t\t\t\t`},{children:[e.jsxs("div",Object.assign({className:"radio-flex"},{children:[!D&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=C&&C,onChange:()=>v(b),className:"radio-button",checked:H}),e.jsx(r.TitleRegular,Object.assign({style:{color:c.COLORS.content.secondary,marginBottom:4}},{children:y})),I&&e.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e.jsxs("div",Object.assign({className:"price-block"},{children:[T?e.jsx(r.BodyCaption,Object.assign({className:"old--price"},{children:E(m.price)})):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,Object.assign({style:{color:c.COLORS.content.primary}},{children:E(T||m.price)})),e.jsx(r.Caption,Object.assign({style:{color:c.COLORS.content.secondary,marginLeft:4}},{children:S?"":"/ "+(B?"month":U?"month billed annually":"year")}))]})),N&&e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:N})),f&&e.jsx(r.BodyCaption,Object.assign({style:{color:c.COLORS.background.positive.vibrant,marginLeft:4}},{children:f}))]})),z&&z.length&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:z.map(((s,t)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:s}},t)))})),L&&e.jsxs(r.Caption,Object.assign({className:"trial "+(O?"selected":"")},{children:["7 day free trial with ",P," messages"]})),w&&e.jsx(r.Caption,Object.assign({className:"trial "+(O?"selected":"")},{children:w})),e.jsx(r.TitleSmall,Object.assign({className:"extra-include-margin",style:{height:F?"":"20px"}},{children:F||""})),e.jsx("div",Object.assign({className:"features",style:{minHeight:Y}},{children:g.map(((s,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(t.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),_&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),W&&W()}}),D&&e.jsx("div",Object.assign({className:"button-box"},{children:M?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[O&&e.jsx(n.Button,{disabled:C,LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:k||"Selected Plan"}),!O&&!C&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),v(b)},matchParentWidth:!0,buttonText:k||"Choose plan"})]})})),R&&e.jsxs("div",Object.assign({className:"popular-testimony"},{children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",Object.assign({className:"testimony-text"},{children:e.jsx("i",{children:R})}))]}))]})),q&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${C?"disabled":""}\n\t\t\t\t\t${O?"selected":""}\n\t\t\t\t`},{children:e.jsx(r.Caption,Object.assign({className:"text",style:{color:c.COLORS.background.inverse}},{children:q}))}))]}))}))};

package/dist/cjs/components/plans/SubscriptionPlansCollected.d.ts

@@ -1,16 +0,0 @@
-import { FunctionComponent } from 'react';
-import { NewSubscriptionPlanProps } from './NewSubscriptionPlan';
-type Props = {
-    plans: NewSubscriptionPlanProps[];
-    onPlanSelect: (code: string) => void;
-    onClickShowAllFeatures?: () => void;
-    showTrialOptions?: boolean;
-    staticWidth?: string;
-    selectedTab?: 'monthly' | 'annually';
-    selectedPlan?: string;
-    currentPlan?: string;
-    maxWidth?: string;
-    minHeightOfFeatures?: number;
-};
-export declare const SubscriptionPlansCollected: FunctionComponent<Props>;
-export {};

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

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

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/ProductPickerShimmer.d.ts

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

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

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

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

@@ -1,19 +0,0 @@
-import { Product, ProductVariant } from './modal';
-import { OUT_OF_STOCK_ACTION } from './type';
-export type ProductPickerTagType = {
-    isVariant: boolean;
-    data: Product | ProductVariant;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-};
-/**
- * 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.
- *
- * 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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../tag/Tag.js"),i=require("./helpers/ProductHelper.js");exports.ProductPickerTag=s=>{var l,a;const{isVariant:n,data:o,outOfStockAction:u}=s;let d=o,c=n;1===Object.keys(null!==(l=null==o?void 0:o.variants)&&void 0!==l?l:{}).length&&(d=Object.values(null!==(a=null==o?void 0:o.variants)&&void 0!==a?a:{})[0],c=!0);const p=i.ProductHelper.getProductLabels(d,u),g=i.ProductHelper.getTagType(null!=p?p:"");return e.jsx("div",Object.assign({style:{display:"flex"}},{children:!(null==d?void 0:d.fbStatus)&&c?e.jsx(t.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):p?e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(r.Tag,{tagText:p,type:g,theme:"light"})})):e.jsx(e.Fragment,{})}))};

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

@@ -1,48 +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>>;
-    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>;
-}
-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

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

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/helpers/ProductHelper.d.ts

@@ -1,50 +0,0 @@
-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;
-}
-/**
- * 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

@@ -1 +0,0 @@
-"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"});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:[],d=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(d).map((t=>{const n=d[t];n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[i].name})),n=[...n,...Object.values(d)],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

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

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

@@ -1,102 +0,0 @@
-/// <reference types="react" />
-import { OUT_OF_STOCK_ACTION } from './type';
-export interface ProductVariant {
-    name: string;
-    price: string;
-    image: string;
-    quantity: number;
-    skipSync?: boolean;
-    displayOrder?: number | null;
-    fbStatus?: FbProductStatus;
-    description?: string;
-}
-export interface Product {
-    name: string;
-    image: string;
-    description?: 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 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 declare enum ScreenName {
-    Collections = "collections",
-    RearrangeProducts = "rearrange",
-    SelectedProducts = "view",
-    SearchProducts = "searchProducts",
-    Products = "products"
-}
-export type ProductPickerInterface = {
-    hideGlobalSearch?: boolean;
-    hideInCollectionSearch?: boolean;
-    customCollectionRestriction?: boolean;
-    searchInCollectionFetcher: (storeId: string, collectionId: string, query: string) => ProductFetcherReturn;
-    searchFetcher: (storeId: string, query: string) => Promise<SearchedItems | SelectedItems>;
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string, limit?: number, offset?: number) => ProductFetcherReturn;
-    fbStatusFetcher?: (storeId: string, variantIds: string[]) => FbStatusFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems, total: number) => 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;
-} & ({
-    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

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