@bikdotai/bik-component-library 0.0.217 → 0.0.218-beta-rte

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=r=>{const c=r.showMonthly?r.monthlyPlan:r.yearlyPlan,l=!r.isDisabled&&r.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isSelected:r.isSelected||!1,style:{marginTop:l?0:24}},{children:[l&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${r.isSelected?"selected":""} ${r.isDisabled?"disabled":""} ${l?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:4}},{children:r.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(a.TitleLarge,Object.assign({style:{color:n.COLORS.content.primary}},{children:["$ ",c.price]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:n.COLORS.content.secondary,marginLeft:4}},{children:["/ ",r.showMonthly?"month":"year"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:r.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.background.positive.vibrant,marginLeft:4}},{children:r.planDescriptionDiscount}))]})),r.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(r.isSelected?"selected":"")},{children:["7 day free trial with ",r.freeTrialMessages," messages"]})),r.extraBlockMessage&&e.jsx(a.Caption,Object.assign({className:"trial "+(r.isSelected?"selected":"")},{children:r.extraBlockMessage})),e.jsx("div",Object.assign({className:"features"},{children:r.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx(s.default,{height:16,width:16,color:n.COLORS.content.primary}),e.jsx(a.BodyPrimary,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsx("div",Object.assign({className:"button-box"},{children:r.isLoading?e.jsx(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[r.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),r.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!r.isSelected&&!r.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>r.onPlanSelect(r.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${r.isDisabled?"disabled":""}\n\t\t\t\t\t${r.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text",style:{color:n.COLORS.background.inverse}},{children:r.bottomDescription}))}))]}))};

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

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { SubscriptionPlanProps } from "./SubscriptionPlan";
+type Props = {
+    plans: SubscriptionPlanProps[];
+    onPlanSelect: (code: string) => void;
+    onClose: () => void;
+    subHeader?: string;
+    warningDescription?: string;
+    showTrialOptions?: boolean;
+    header?: string;
+};
+export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("react"),b=require("react/jsx-runtime"),I=require("../modals/styledModal.js"),e=require("./SubscriptionPlan.js"),i=require("../../constants/Theme.js");function n(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var d=n(c);const g=d.default("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f1"}:{target:"e1s1pw0f1",label:"PlanWrapper"})("production"===process.env.NODE_ENV?{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px"}:{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTStCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IFBsYW5XcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGNvbHVtbi1nYXA6IDIycHg7XG5cdGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXHRwYWRkaW5nOiAyNHB4O1xuYDtcclxuY29uc3QgV2FybmluZyA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdHBhZGRpbmc6IDBweCAyNHB4O1xuYDtcclxuLy8gU2VsZWN0ZWQgcGxhbiB0byBoYXZlIGNob3NlbiBwbGFuIG5vdCBzZWxlY3RhYmxlXHJcbmV4cG9ydCBjb25zdCBTdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogcHJvcHMuaGVhZGVyIHx8ICdTZWxlY3QgYSBwbGFuIHRvIHByb2NlZWQnLCBoZWFkaW5nU3VidGl0bGU6IHByb3BzLnN1YkhlYWRlciB8fCAnJywgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgb25DbG9zZTogcHJvcHMub25DbG9zZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uICYmIChfanN4KFdhcm5pbmcsIHsgY2hpbGRyZW46IHByb3BzLndhcm5pbmdEZXNjcmlwdGlvbiB9KSksIF9qc3goUGxhbldyYXBwZXIsIHsgY2hpbGRyZW46IHByb3BzLnBsYW5zLm1hcCgocHJvcCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2NyZWF0ZUVsZW1lbnQoU3Vic2NyaXB0aW9uUGxhbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcCwgeyBzaG93VHJpYWxPcHRpb25zOiBwcm9wcy5zaG93VHJpYWxPcHRpb25zIHx8IGZhbHNlLCBvblBsYW5TZWxlY3Q6IHByb3BzLm9uUGxhblNlbGVjdCwga2V5OiBwcm9wLnBsYW5OYW1lLCBzaG93TW9udGhseTogdHJ1ZSB9KSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),s=d.default("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",label:"Warning"})("color:",i.COLORS.content.negative,";padding:0px 24px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IFBsYW5XcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGNvbHVtbi1nYXA6IDIycHg7XG5cdGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXHRwYWRkaW5nOiAyNHB4O1xuYDtcclxuY29uc3QgV2FybmluZyA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdHBhZGRpbmc6IDBweCAyNHB4O1xuYDtcclxuLy8gU2VsZWN0ZWQgcGxhbiB0byBoYXZlIGNob3NlbiBwbGFuIG5vdCBzZWxlY3RhYmxlXHJcbmV4cG9ydCBjb25zdCBTdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogcHJvcHMuaGVhZGVyIHx8ICdTZWxlY3QgYSBwbGFuIHRvIHByb2NlZWQnLCBoZWFkaW5nU3VidGl0bGU6IHByb3BzLnN1YkhlYWRlciB8fCAnJywgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgb25DbG9zZTogcHJvcHMub25DbG9zZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uICYmIChfanN4KFdhcm5pbmcsIHsgY2hpbGRyZW46IHByb3BzLndhcm5pbmdEZXNjcmlwdGlvbiB9KSksIF9qc3goUGxhbldyYXBwZXIsIHsgY2hpbGRyZW46IHByb3BzLnBsYW5zLm1hcCgocHJvcCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2NyZWF0ZUVsZW1lbnQoU3Vic2NyaXB0aW9uUGxhbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcCwgeyBzaG93VHJpYWxPcHRpb25zOiBwcm9wcy5zaG93VHJpYWxPcHRpb25zIHx8IGZhbHNlLCBvblBsYW5TZWxlY3Q6IHByb3BzLm9uUGxhblNlbGVjdCwga2V5OiBwcm9wLnBsYW5OYW1lLCBzaG93TW9udGhseTogdHJ1ZSB9KSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci5qcy5tYXAiXX0= */"));exports.SubscriptionPlanSelector=c=>b.jsxs(I.StyledModal,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:c.header||"Select a plan to proceed",headingSubtitle:c.subHeader||"",closeOnOutsideClick:!0,onClose:c.onClose},{children:[c.warningDescription&&b.jsx(s,{children:c.warningDescription}),b.jsx(g,{children:c.plans.map((b=>l.createElement(e.SubscriptionPlan,Object.assign({},b,{showTrialOptions:c.showTrialOptions||!1,onPlanSelect:c.onPlanSelect,key:b.planName,showMonthly:!0}))))})]}));

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isSelected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const t=b(c).default("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})("border:1px solid ",d.COLORS.stroke.primary,";border:1px solid ",(c=>c.isSelected?d.COLORS.text.altSecondary:d.COLORS.stroke.primary),";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;.box{height:400px;padding:24px;background-color:",d.COLORS.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.COLORS.background.brandLight,";}.rounded-corners{border-top-left-radius:4px;border-top-right-radius:4px;}width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.COLORS.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",d.COLORS.content.secondary,";background-color:",d.COLORS.surface.hovered,";}.trial.selected{background-color:",d.COLORS.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",d.COLORS.content.secondary,";}}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.plan-bottom-information{margin-top:auto;text-align:center;background:",d.COLORS.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",d.COLORS.background.inverse,";}}.disabled{*{color:",d.COLORS.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.COLORS.background.base,";}.plan-bottom-information.selected{background:",d.COLORS.surface.standard,";color:",d.COLORS.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMudGV4dC5hbHRTZWNvbmRhcnkgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXG5cdGJveC1zaGFkb3c6IDBweCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4xMik7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdC5yb3VuZGVkLWNvcm5lcnMge1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0d2lkdGg6IDEwMCU7XG5cblx0Lm1vc3QtcG9wdWxhciB7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwLjA1ZGVnLCAjNzQzOTc5IDEuMjIlLCAjNTI2ZGNhIDk5Ljk1JSksXG5cdFx0XHQjNGIxNTgzO1xuXHRcdHBhZGRpbmc6IDRweDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXG5cdC5mZWF0dXJlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQuZmVhdHVyZS10ZXh0IHtcblx0XHRcdG1hcmdpbi1sZWZ0OiAxMnB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR9XG5cblx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG1hcmdpbi1ib3R0b206IDRweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */"));exports.SubscriptionPlanStyled=t;

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

@@ -0,0 +1,2 @@
+export * from './SubscriptionPlan';
+export * from './SubscriptionPlanSelector';

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

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

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

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

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

@@ -0,0 +1,24 @@
+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;
+};
+export type PostPickerProps = {
+    title: string;
+    showModal: boolean;
+    onClose: () => void;
+    onSelect: (Media: Media[]) => void;
+    media: Media[];
+    mediaType: MEDIA_TYPES;
+    previouslySelected?: Media[];
+    limit?: number;
+    selected: Media[];
+};
+export declare const PostPicker: React.FC<PostPickerProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("react"),s=require("./PostPicker.styled.js"),r=require("../tag/Tag.js"),a=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),l=require("../../constants/colors.js"),o=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js"),m=require("../modals/styledModal.js"),h=require("../shimmer/ShimmerComponent/BikShimmer.js"),u=require("../shimmer-image/ShimmerImage.js"),g=require("../states/StateComponent.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var y,p;const[j,x]=i.useState(null!==(y=e.previouslySelected)&&void 0!==y?y:[]),[T,S]=i.useState(""),[v,b]=i.useState(!1);i.useEffect((()=>{e.media.length||(b(!0),setTimeout((()=>{b(!1)}),2e3)),x(e.selected||[])}),[]),i.useEffect((()=>{e.media.length>0&&b(!1)}),[null===(p=null==e?void 0:e.media)||void 0===p?void 0:p.length]),i.useEffect((()=>{j.length>0&&S("")}),[j.length]);return t.jsx(t.Fragment,{children:t.jsx(m.StyledModal,Object.assign({zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{disabled:!e.media.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(e.mediaType)}`,onClick:()=>{j.length?e.onSelect(j):S(`Please select a ${e.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:T?t.jsx(r.Tag,{tagText:T,type:"negative",LeadingIcon:c.default}):j.length?t.jsxs(a.BodySecondary,{children:[j.length," selected"]}):null},{children:v?t.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:t.jsx(h.BikShimmer,{boxes:[{width:(e.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(e.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})})):t.jsx(t.Fragment,{children:e.media&&e.media.length?t.jsx(s.StyledProductGrid,Object.assign({mediaType:e.mediaType},{children:e.media.map((i=>{return t.jsxs(s.StyledProduct,Object.assign({mediaType:e.mediaType,className:""+(r=i,n=j,n.some((e=>e.id===r.id))?"selected":""),onClick:()=>{return t=i,void x((()=>j.find((e=>e.id===t.id))?j.filter((e=>e.id!==t.id)):!e.limit||j.length<e.limit?[...j,t]:(S(`Only ${e.limit} ${e.mediaType}s can be selected`),j)));var t}},{children:[t.jsx(u.ShimmerImage,{imageUrl:i.imageUrl,width:e.mediaType==exports.MEDIA_TYPES.POST?148:104,height:e.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:i.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:i.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(d.default,{height:22,width:22}),t.jsx(a.BodyPrimary,Object.assign({color:l.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(a.BodyCaption,Object.assign({color:o.COLORS.content.placeholder},{children:i.overlayCaption}))}))]}))]}),i.id);var r,n}))})):t.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:t.jsx(g.StateComponent,{states:g.StateInterface.WARNING,heading:`No ${e.mediaType}s on your account`,subline:`There seems to be no ${e.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})}))})};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@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 b=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEMiLCJmaWxlIjoiUHJvZHVjdFBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkWmVyb1N0YXRlID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzY0cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdGhlaWdodDogNDhweDtcblx0XHR3aWR0aDogNDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYmFzZX07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZHVjdFBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdC5wb3N0X193cmFwcGVyIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdFx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQucG9zdF9fdGh1bWJuYWlsIHtcblx0XHRoZWlnaHQ6IDY4cHg7XG5cdFx0d2lkdGg6IDY4cHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5cdC5wb3N0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHR3aWR0aDogMzUwcHg7XG5cdH1cblx0LmxvYWRlcl9fd3JhcHBlciB7XG5cdFx0aGVpZ2h0OiAzNTBweDtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5cdC5wcm9kdWN0X193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTlweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXHQucHJvZHVjdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTZweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdG9yZGVyOiAyO1xuXHR9XG5cdC5wcm9kdWN0X19pbWFnZSB7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHdpZHRoOiA0MHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZHVjdFBpY2tlci5zdHlsZWQuanMubWFwIl19 */")),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 16px;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;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnVEIiwiZmlsZSI6IlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFplcm9TdGF0ZSA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2NHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2R1Y3RQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHQucG9zdF9fd3JhcHBlciB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHRcdHBhZGRpbmc6IDEycHggMTZweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnBvc3RfX3RodW1ibmFpbCB7XG5cdFx0aGVpZ2h0OiA2OHB4O1xuXHRcdHdpZHRoOiA2OHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXHQucG9zdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDM1MHB4O1xuXHR9XG5cdC5sb2FkZXJfX3dyYXBwZXIge1xuXHRcdGhlaWdodDogMzUwcHg7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuXHQucHJvZHVjdF9fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMTJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE5cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdH1cblx0LnByb2R1Y3RfX2luZm8td3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDE2cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRvcmRlcjogMjtcblx0fVxuXHQucHJvZHVjdF9faW1hZ2Uge1xuXHRcdGhlaWdodDogNDBweDtcblx0XHR3aWR0aDogNDBweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2R1Y3RQaWNrZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.StyledProductPickerContainer=x,exports.StyledZeroState=b;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("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":"0px 16px 16px 16px"}},{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

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

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

@@ -0,0 +1,57 @@
+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[];
+    onClose: () => void;
+    title: string;
+    onSave: (productIds: Product[]) => void;
+    onSearchKeyChange: (key: string) => Promise<Product[]>;
+    instaPost?: IInstaPost;
+    searchPlaceholder?: string;
+    selectedProducts: Product[];
+    setSelectedProducts: React.Dispatch<React.SetStateAction<Product[]>>;
+    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 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

@@ -0,0 +1,25 @@
+/// <reference types="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>>;
+    };
+}
+export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface EmptyStateProps {
+    title: string;
+    subtitle: string;
+}
+export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => JSX.Element;
+export {};

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

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

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

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

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+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;
+}
+export declare const ProductPickerModal: (props: ProductPickerInterface) => JSX.Element;

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

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

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

@@ -0,0 +1,42 @@
+/// <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>>;
+}
+export declare const ProductsScreen: (props: ProductsScreenInterface) => JSX.Element;
+interface ProductGroupInterface {
+    collectionId: string;
+    productId: string;
+    data: Product;
+    selectedData: SelectedItems;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    viewOnly: boolean;
+    isProductPartiallyChecked?: boolean;
+    upliftAdditions: any;
+}
+export declare const ProductGroup: (props: ProductGroupInterface) => 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;
+}
+export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"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"),s=require("lodash"),l=require("react"),c=require("../../constants/Theme.js"),d=require("../checkBox/CheckBox.js"),r=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:s,selectedData:l,selectedCollectionsDispatch:c,viewOnly:d,upliftAdditions:r,isProductPartiallyChecked:n}=t,a=e=>{var t,s,c,d,r,n;if(!(null===(s=null===(t=null==l?void 0:l[i])||void 0===t?void 0:t.products)||void 0===s?void 0:s[o]))return!1;return!!(null===(n=null===(r=null===(d=null===(c=null==l?void 0:l[i])||void 0===c?void 0:c.products)||void 0===d?void 0:d[o])||void 0===r?void 0:r.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(I,{isVariant:!1,data:s,productId:o,collectionId:i,isSelected:!!(null===(h=null===(u=null==l?void 0:l[i])||void 0===u?void 0:u.products)||void 0===h?void 0:h[o]),isPartiallyChecked:n,selectedCollectionsDispatch:c,upliftAdditions:r,viewOnly:d},o),Object.keys(s.variants||[]).map((t=>e.jsx(I,{isVariant:!0,data:s.variants[t],variantId:t,productId:o,viewOnly:d,upliftAdditions:r,collectionId:i,isSelected:a(t),selectedCollectionsDispatch:c},t)))]});var u,h},I=t=>{const{isVariant:i,data:o,productId:s,collectionId:l,variantId:c,isSelected:r,selectedCollectionsDispatch:n,viewOnly:a,upliftAdditions:h,isPartiallyChecked:j}=t;return e.jsxs(y.ProductCardStyle,Object.assign({isVariant:i},{children:[a?e.jsx(e.Fragment,{}):e.jsx(d.CheckBox,{isChecked:r,isPartiallyChecked:j||!1,onValueChange:function(e){i?e?h("variantSelected",{productId:s,variantId:c,collectionId:l,variant:o}):n({type:"variantUnselected",data:{productId:s,variantId:c,collectionId:l}}):e?h("productSelected",{productId:s,collectionId:l,product:o}):n({type:"productUnselected",data:{productId:s,collectionId:l}})}}),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=I,exports.ProductGroup=m,exports.ProductsScreen=u=>{const p=l.useContext(x.CollectionIdContext),{data:I,collectionsDispatch:C,selectedData:S,selectedCollectionsDispatch:f,productFetcher:O,storeId:b,setScreen:k,setSaveDisabled:q,hideInCollectionSearch:E,customCollectionRestriction:P}=u,[D,w]=l.useState(""),[B,T]=l.useState(!1),[R,A]=l.useState(I);l.useEffect((()=>{const e=setTimeout((()=>{D.length?(T(!0),u.searchInCollectionFetcher(b,p,D).then((e=>{var t;const i=s.cloneDeep(I);i.products={};for(const o of e)(null===(t=null==I?void 0:I.products)||void 0===t?void 0:t[o])&&(i.products[o]=I.products[o]);A(i),q(!1),T(!1)}))):A(I)}),800);return()=>clearTimeout(e)}),[D]);const V=!!P&&I.isSmartCollection,F=e=>{var t,i,o,s,l,c,d,r;let n=0,a=0;return!!((null===(i=null===(t=null==S?void 0:S[p])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(l=Object.keys((null===(s=null===(o=null==I?void 0:I.products)||void 0===o?void 0:o[e])||void 0===s?void 0:s.variants)||[]))||void 0===l||l.forEach((()=>a++)),Object.keys((null===(r=null===(d=null===(c=null==S?void 0:S[p])||void 0===c?void 0:c.products)||void 0===d?void 0:d[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};l.useEffect((()=>{(null==I?void 0:I.products)||U()}),[]);const U=()=>{q(!0),T(!0),O(p,b).then((e=>{Object.keys(e).length&&(C({type:"productsFetched",data:{collectionId:p,products:e}}),A(Object.assign(Object.assign({},R),{products:e}))),q(!1),T(!1)})).catch()},_=(e,t)=>{const i=g.liftTheStateUp(t,I);f({type:e,data:Object.assign(Object.assign({},i),{isRestricted:P})})};return e.jsxs("div",{children:[e.jsxs(y.ProductScreenHeader,{children:[e.jsx(r.IconButton,{Icon:t.default,height:16,onClick:()=>{k("collections")}}),e.jsx(v.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:I.name}))]}),!E&&e.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(n.Input,{noErrorHint:!0,rightIcon:{icon:()=>B&&D.length?e.jsx(h.Spinner,{size:"small",color:c.COLORS.content.primary}):e.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:D,onChangeText:e=>{e.length&&e.trim().length&&w(e)},placeholder:"Search products in this collection..."})})),e.jsxs("div",{children:[Object.keys((null==R?void 0:R.products)||[]).length>0&&!V&&!D.length&&e.jsxs(y.ProductScreenCollectionCardStyle,{children:[e.jsx(d.CheckBox,{isChecked:!!(null==S?void 0:S[p]),isPartiallyChecked:(e=>{var t;let i=0,o=0;if(S[e]){const s=null==I?void 0:I.products;s&&Object.keys(s).forEach((e=>{var t;const o=null===(t=s[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const l=null===(t=S[e])||void 0===t?void 0:t.products;return l&&Object.keys(l).forEach((e=>{var t;const i=null===(t=l[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){f(e?{type:"selected",data:{id:p,val:I}}:{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==R?void 0:R.products)||[]).length?Object.keys(R.products||[]).map((t=>e.jsx(m,{collectionId:p,isProductPartiallyChecked:F(t),productId:t,data:R.products[t],selectedData:S,selectedCollectionsDispatch:f,viewOnly:!!V,upliftAdditions:_},t))):B?[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:D.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

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

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

@@ -0,0 +1,16 @@
+/// <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) => JSX.Element;
+export {};

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

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

@@ -0,0 +1,13 @@
+/// <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) => JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"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"})})]})};