@bikdotai/bik-component-library 1.0.0-beta.1 → 1.1.1-beta.1

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import { CompressImageOptions } from "../../image-compress";
-import { BikImageCropperProps } from "..";
-/**
- * Todos
- * 	- Add option to pass https url in the src / edit an image
- */
-export interface BikImagePipelineProps {
-    cropOptions?: Partial<BikImageCropperProps>;
-    compressionOptions?: CompressImageOptions;
-    currentImage: {
-        src?: string;
-    };
-    options: {
-        upload: boolean;
-        crop?: boolean;
-        compress?: boolean;
-        uploadToFirestorage?: boolean;
-    };
-    onCancel: () => void;
-    onFinish: (base64String: string, file?: File, url?: string) => void;
-    fileUploadOptions?: {
-        path: string;
-        uploadProgress: number;
-        uploadFile: (file: File, path: string) => Promise<string>;
-        error?: string;
-        success?: boolean;
-    };
-}
-export declare const BikImagePipeline: ({ cropOptions, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, }: BikImagePipelineProps) => JSX.Element;

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),s=require("../../image-compress/ImageCompress.js"),r=require("../../states/StateComponent.js"),t=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:n,compressionOptions:l,currentImage:p,options:c,onFinish:u,onCancel:d,fileUploadOptions:m}=i;const g=o.useRef(null),[h,j]=o.useState(),[C,f]=o.useState(p),[x,I]=o.useState(!1);o.useEffect((()=>{c.upload?(j("upload"),setTimeout((()=>{F()}),500)):c.crop?j("crop"):c.compress?j("compress"):c.uploadToFirestorage?j("cloud-upload"):I(!0)}),[c.upload,c.crop,c.compress,c.uploadToFirestorage]);const S=o.useCallback(((e,o)=>{if(!c.uploadToFirestorage)return u(e,o),void I(!0);j("cloud-upload"),m&&m.uploadFile(o,m.path).then((s=>{u(e,o,s),I(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),v=e=>{e||d();const o=s.ImageService.base64ToImage(e);c.compress?(j("compress"),s.ImageService.compressImage(o,l).then((e=>{if(!e)return I(!0),void d();S(e.base64,e.compressedFile)}))):S(e,o)},F=()=>{g.current.click()};return x?e.jsx(e.Fragment,{}):"cloud-upload"===h?!m||m.success?e.jsx(e.Fragment,{}):m.error?e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:r.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{I(!0),d()}})}):e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:r.StateInterface.LOADING,heading:"Uploading your photo",subline:"Please wait while we upload your photo",isButtonEnabled:!1,width:300})}):e.jsxs(e.Fragment,{children:[c.upload&&e.jsx("input",{ref:g,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],s=new FileReader;s.onload=()=>{var e;f({src:s.result}),e=s.result,c.crop?j("crop"):v(e)},o&&s.readAsDataURL(o)}}),"crop"===h&&e.jsx(a.BikImageCropper,{src:C.src,onCropComplete:e=>{f({src:e}),v(e)},aspectRatio:n.aspectRatio,onCancel:d})]})};

package/dist/cjs/components/image-cropper/index.d.ts

@@ -1,2 +0,0 @@
-export * from './BikImageCropper';
-export * from './BikImagePipeline/BikImagePipeline';

package/dist/cjs/components/image-cropper/useMockFileUpload.d.ts

@@ -1,8 +0,0 @@
-interface FileUploadOptions {
-    uploadProgress: number;
-    uploadFile: (file: File, path: string) => Promise<string>;
-    error?: string;
-    success?: boolean;
-}
-declare const useMockFileUpload: () => FileUploadOptions;
-export default useMockFileUpload;

package/dist/cjs/components/input/Input-helper.d.ts

@@ -1,6 +0,0 @@
-import { InputTypeI } from "./Input";
-export declare const isFunction: (fn: any) => boolean;
-export declare const validateInput: (inputText: string | number, type: InputTypeI, rangeValidation?: {
-    min?: number;
-    max?: number;
-}) => [boolean, string];

package/dist/cjs/components/input/Input-helper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("phone");exports.isFunction=e=>e&&"function"==typeof e,exports.validateInput=function(n,r){let t,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=["phonenumber","zip","number"].includes(r),u=a?n?Number(n):null:n;if(null==u||""===u)return[!0,""];if(a&&String(u).length&&(i.min&&u<i.min||i.max&&u>i.max))return[!1,`Enter valid number between ${i.min} and ${i.max}`];if("email"===r)return t=/(.+)@(.+){2,}\.(.+){2,}/,u.match(t)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return t=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,u.match(t)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return u>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(u).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:n}=e.phone("+"+String(u));return n?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==u?void 0:u.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};

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

@@ -1,9 +0,0 @@
-import { FunctionComponent } from 'react';
-interface OwnProps {
-    isMonthlySelected: boolean;
-    yearlyDiscount: string;
-    onToggle: (isMonthlySelected: boolean) => void;
-}
-type Props = OwnProps;
-declare const DurationSelector: FunctionComponent<Props>;
-export default DurationSelector;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const DurationSelectorStyled: 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/plans/SubscriptionPlan.d.ts

@@ -1,30 +0,0 @@
-import { FunctionComponent } from 'react';
-interface PlanPrice {
-    price: number;
-    discount: number;
-}
-interface PlanFeature {
-    detail: string;
-}
-export interface SubscriptionPlanProps {
-    code: string;
-    isMostPopular?: boolean;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    planName: string;
-    monthlyPlan: PlanPrice;
-    showTrialOptions: boolean;
-    yearlyPlan: PlanPrice;
-    features: PlanFeature[];
-    showMonthly: boolean;
-    planDescription: string;
-    planDescriptionDiscount: string;
-    onPlanSelect: (code: string) => void;
-    bottomDescription?: string;
-    freeTrialMessages?: string;
-    extraBlockMessage?: string;
-    isLoading?: boolean;
-}
-type Props = SubscriptionPlanProps;
-export declare const SubscriptionPlan: FunctionComponent<Props>;
-export {};

package/dist/cjs/components/plans/SubscriptionPlan.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("../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

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

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

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

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

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

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 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

@@ -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":"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

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

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

@@ -1,57 +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[];
-    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

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

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

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,47 +0,0 @@
-/// <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 {
-    collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
-    productFetcher: (collectionId: string, storeId: string) => ProductFetcherReturn;
-    storeId: string;
-    selectedItems: SelectedItems;
-    onAdd: (items: SelectedItems) => void;
-    onClose: () => void;
-    visible: boolean;
-    zIndex?: number;
-}
-export declare const ProductPickerModal: (props: ProductPickerInterface) => JSX.Element;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),c=require("../button/Button.js"),o=require("../modals/styledModal.js"),s=require("./collectionScreen.js"),l=require("./productScreen.js"),r=require("./reducers.js"),d=require("./selectedScreen.js"),n=require("./style.js");exports.ProductPickerModal=i=>{const{storeId:u,selectedItems:a,onClose:h,visible:p,zIndex:j}=i,[v,S]=t.useReducer(r.collectionsReducer,{}),[y,x]=t.useState("collections"),[C,b]=t.useState(""),[f,g]=t.useState(0),[q,I]=t.useReducer(r.selectedColectionsReducer,Object.keys(a).length?a:{}),[P,k]=t.useState(!1),[m,D]=t.useState(0);return t.useEffect((()=>{let e=0;Object.keys(q||[]).forEach((t=>{var c;Object.keys((null===(c=q[t])||void 0===c?void 0:c.products)||[]).forEach((c=>{var o,s;Object.keys((null===(s=null===(o=q[t].products)||void 0===o?void 0:o[c])||void 0===s?void 0:s.variants)||[]).forEach((t=>{e+=1}))}))})),D(e)})),t.useEffect((()=>{k(!0),i.collectionFetcher(f,u).then((e=>{S({type:"fetched",data:(null==e?void 0:e.collections)||{}}),k(!1),g((e=>e+1))})).catch()}),[]),t.useEffect((()=>{var e;C&&!(null===(e=null==v?void 0:v[C])||void 0===e?void 0:e.products)&&(k(!0),i.productFetcher(C,u).then((e=>{Object.keys(e).length&&(S({type:"productsFetched",data:{collectionId:C,products:e}}),k(!1))})).catch())}),[C]),e.jsx(o.StyledModal,Object.assign({zIndex:j,open:p,onClose:h,headingTitle:"collections"===y?"Select Products":"products"===y?v[C].name:"view"===y?"Selected Products":void 0,footerShadow:!0,centralContainerStyles:{width:"480px"},primaryButton:{buttonText:P?"Loading...":"Add",disabled:P,onClick:()=>i.onAdd(q)},footerLeftCustomElement:e.jsx(e.Fragment,{children:m>0?e.jsx(c.Button,{onClick:()=>{x("view")},buttonText:`${m} products selected`,buttonType:"tertiaryGray"}):e.jsx(c.Button,{disabled:!0,buttonText:`${m} products selected`,buttonType:"tertiaryGray"})})},{children:e.jsx(n.ContainerStyle,{children:e.jsxs(n.ScrollContainerStyle,{children:["collections"===y&&e.jsx(s.CollectionsScreen,{collections:v,selectedCollectionsDispatch:I,setCollectionId:b,setScreen:x,selectedCollections:q,collectionFetcher:i.collectionFetcher,storeId:u,collectionsDispatch:S,setSaveDisabled:k,pagingControls:{curPage:f,setCurPage:g}}),"products"===y&&C&&e.jsx(r.CollectionIdContext.Provider,Object.assign({value:C},{children:e.jsx(l.ProductsScreen,{productFetcher:i.productFetcher,setScreen:x,storeId:u,data:v[C],collectionsDispatch:S,selectedCollectionsDispatch:I,selectedData:q,setSaveDisabled:k})})),"view"===y&&e.jsx(d.SelectedScreen,{selectedCollections:q||{},selectedCollectionsDispatch:I,upliftAdditions:null,setScreen:x,collections:v})]})})}))};

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

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
-import { CollectionsActions, SelectedCollectionsActions } from './reducers';
-interface ProductsScreenInterface {
-    data: Collection;
-    collectionsDispatch: React.Dispatch<CollectionsActions>;
-    selectedData: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    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>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isProductPartiallyChecked?: boolean;
-}
-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>;
-    upliftAdditions: any;
-    viewOnly: boolean;
-    isPartiallyChecked?: boolean;
-}
-export declare const ProductCard: (props: ProductCardInterface) => JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),i=require("../../assets/icons/box.svg.js"),d=require("lodash"),o=require("react"),l=require("../../constants/Theme.js"),c=require("../checkBox/CheckBox.js"),s=require("../icon-button/IconButton.js"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),n=require("../shimmer-image/ShimmerImage.js"),a=require("../TypographyStyle.js"),u=require("./collectionScreen.js"),v=require("./reducers.js"),p=require("./style.js");const h=t=>{const{collectionId:i,productId:d,data:o,selectedData:l,selectedCollectionsDispatch:c,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t,a=e=>{var t,o,c,s,r,n;if(!(null===(o=null===(t=null==l?void 0:l[i])||void 0===t?void 0:t.products)||void 0===o?void 0:o[d]))return!1;return!!(null===(n=null===(r=null===(s=null===(c=null==l?void 0:l[i])||void 0===c?void 0:c.products)||void 0===s?void 0:s[d])||void 0===r?void 0:r.variants)||void 0===n?void 0:n[e])};return e.jsxs("div",{children:[e.jsx(j,{isVariant:!1,data:o,productId:d,collectionId:i,isSelected:!!(null===(v=null===(u=null==l?void 0:l[i])||void 0===u?void 0:u.products)||void 0===v?void 0:v[d]),isPartiallyChecked:n,selectedCollectionsDispatch:c,upliftAdditions:s,viewOnly:r},d),Object.keys(o.variants||[]).map((t=>e.jsx(j,{isVariant:!0,data:o.variants[t],variantId:t,productId:d,viewOnly:r,collectionId:i,isSelected:a(t),selectedCollectionsDispatch:c,upliftAdditions:s},t)))]});var u,v},j=t=>{const{isVariant:i,data:d,productId:o,collectionId:l,variantId:s,isSelected:r,selectedCollectionsDispatch:v,upliftAdditions:h,viewOnly:j,isPartiallyChecked:y}=t;return e.jsxs(p.ProductCardStyle,Object.assign({isVariant:i},{children:[j?e.jsx(e.Fragment,{}):e.jsx(c.CheckBox,{isChecked:r,isPartiallyChecked:y||!1,onValueChange:function(e){i?e?h("variantSelected",{productId:o,variantId:s,collectionId:l,variant:d}):v({type:"variantUnselected",data:{productId:o,variantId:s,collectionId:l}}):e?h("productSelected",{productId:o,collectionId:l,product:d}):v({type:"productUnselected",data:{productId:o,collectionId:l}})}}),e.jsx("div",{children:e.jsx(n.ShimmerImage,{width:40,height:40,imageUrl:d.image,alt:"Item",borderRadius:4})}),e.jsx(a.TitleRegular,{children:u.truncate(d.name,40,!0)})]}))};exports.ProductCard=j,exports.ProductGroup=h,exports.ProductsScreen=n=>{const u=o.useContext(v.CollectionIdContext),{data:j,collectionsDispatch:y,selectedData:x,selectedCollectionsDispatch:m,productFetcher:I,storeId:g,setScreen:C,setSaveDisabled:O}=n,[b]=o.useState(j),k=j.isSmartCollection||!1,f=e=>{var t,i,d,o,l,c,s,r;let n=0,a=0;return!!((null===(i=null===(t=null==x?void 0:x[u])||void 0===t?void 0:t.products)||void 0===i?void 0:i[e])&&(null===(l=Object.keys((null===(o=null===(d=null==j?void 0:j.products)||void 0===d?void 0:d[e])||void 0===o?void 0:o.variants)||[]))||void 0===l||l.forEach((()=>a++)),Object.keys((null===(r=null===(s=null===(c=null==x?void 0:x[u])||void 0===c?void 0:c.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>n++)),n>0&&a!==n))};o.useEffect((()=>{(null==j?void 0:j.products)||(O(!0),I(u,g).then((e=>{Object.keys(e).length&&y({type:"productsFetched",data:{collectionId:u,products:e}}),O(!1)})).catch())}),[]);const S=(e,t)=>{const i=d.cloneDeep(j);if(delete i.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:i})).productId&&j.products){const e=d.cloneDeep(j.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:i,productOnlyData:e})}m({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(p.ProductScreenHeader,{children:[e.jsx(s.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(a.BodyCaption,Object.assign({style:{color:l.COLORS.content.secondary}},{children:j.name}))]}),e.jsxs("div",{children:[e.jsxs(p.ProductScreenCollectionCardStyle,{children:[k?e.jsx(e.Fragment,{}):e.jsx(c.CheckBox,{isChecked:!!(null==x?void 0:x[u]),isPartiallyChecked:(e=>{var t;let i=0,d=0;if(x[e]){const o=null==j?void 0:j.products;o&&Object.keys(o).forEach((e=>{var t;const d=null===(t=o[e])||void 0===t?void 0:t.variants;d&&Object.keys(d).forEach((e=>i+=1))}));const l=null===(t=x[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((()=>d+=1))})),d>0&&i!==d}return!1})(u),onValueChange:function(e){m(e?{type:"selected",data:{id:u,val:j}}:{type:"unselected",data:{id:u}})}}),e.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsx(i.default,{})})),e.jsx(a.TitleRegular,{children:"All Products"})]}),Object.keys((null==b?void 0:b.products)||[]).length?Object.keys(b.products||[]).map((t=>e.jsx(h,{collectionId:u,isProductPartiallyChecked:f(t),productId:t,data:b.products[t],selectedData:x,selectedCollectionsDispatch:m,upliftAdditions:S,viewOnly:!!k},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,i)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),i)))]})]})};

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;default:return{}}},exports.selectedColectionsReducer=function(e,a){var d,o,c,l,s,r;let n={},u="",i="",p="";switch(a.type){case"selected":return n=t.cloneDeep(e),a.data.val.isSmartCollection&&(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==n?void 0:n[i])||(n[i]=a.data.catalogOnlyData,(null===(d=a.data.catalogOnlyData)||void 0===d?void 0:d.isSmartCollection)&&(n={},n.isCustom=!0),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==n?void 0:n[i])||((null===(o=a.data.catalogOnlyData)||void 0===o?void 0:o.isSmartCollection)&&(n={},n.isCustom=!0),n[i]=a.data.catalogOnlyData,n[i].products={},n[i].products[u]=a.data.productOnlyData,n[i].products[u].variants={}),(null===(l=null===(c=null==n?void 0:n[i])||void 0===c?void 0:c.products)||void 0===l?void 0:l[u])||((null===(s=null==n?void 0:n[i])||void 0===s?void 0:s.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;default:return e}};

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Collection, SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-interface SelectedScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    upliftAdditions: any;
-    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

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

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

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

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

@@ -1,69 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const l=i.default.div`
-	display: flex;
-	background-color: white;
-	max-height: 600px;
-	min-height: 600px;
-	flex-direction: column;
-`,r=i.default.div`
-	overflow-y: scroll;
-	overflow-x: hidden;
-`,n=i.default.div`
-	height: 64px;
-	background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
-	border-bottom: 1px solid #e0e0e0;
-	padding: 12px 24px;
-	display: flex;
-	flex-direction: row;
-	column-gap: 16px;
-	justify-content: space-between;
-	align-items: center;
-`,d=i.default.div`
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	column-gap: 18px;
-`,a=i.default.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-`,c=i.default.div`
-	display: flex;
-	flex-direction: row;
-	max-height: 32px;
-	min-height: 32px;
-	background-color: ${t.COLORS.background.base};
-	justify-content: flex-start;
-	align-items: center;
-	padding: 8px 16px;
-`,x=i.default.div`
-	display: flex;
-	flex-direction: row;
-	column-gap: 16px;
-	padding: 12px 16px;
-	border-bottom: 1px solid #e0e0e0;
-	align-items: center;
-`,p=i.default.div`
-	height: 64px;
-	background-color: white;
-	border-bottom: 1px solid #e0e0e0;
-	padding: 12px 16px;
-	display: flex;
-	flex-direction: row;
-	column-gap: 16px;
-	justify-content: flex-start;
-	align-items: center;
-	padding-left: ${e=>e.isVariant?"42px":"16px"};
-`,s=i.default.div`
-	display: flex;
-	flex-direction: row;
-	max-height: 32px;
-	min-height: 32px;
-	background-color: ${t.COLORS.background.base};
-	justify-content: flex-start;
-	align-items: center;
-	padding: 8px 16px;
-`,f=i.default.div`
-	display: flex;
-	flex-direction: column;
-`;exports.CollectionCardDetailStyle=a,exports.CollectionCardInfoStyle=d,exports.CollectionCardStyle=n,exports.CollectionNameHolder=f,exports.ContainerStyle=l,exports.ProductCardStyle=p,exports.ProductScreenCollectionCardStyle=x,exports.ProductScreenHeader=c,exports.ScrollContainerStyle=r,exports.SelectedScreenHeader=s;

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

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

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { InputVariant } from '../input/Input';
-export interface SearchBarProps {
-    width: string;
-    isEnabled: boolean;
-    onChange: (searchText: string) => void;
-    onEnter: (searchText: string) => void;
-    placeholder: string;
-    variant: InputVariant;
-    validate?: (input?: string | number) => [boolean, string];
-    initialValue?: string;
-}
-export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

package/dist/cjs/components/searchBar/searchBar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),n=require("../../assets/icons/cross.svg.js"),s=require("../input/Input.js");exports.SearchBar=r=>{const{isEnabled:o,onEnter:c,placeholder:i,width:l,variant:u,validate:d}=r,[h,v]=a.useState("search"),[f,p]=a.useState("default"),[g,j]=a.useState(o?"none":"disabled"),[I,S]=a.useState(r.initialValue||"");a.useEffect((()=>{j(o?"none":"disabled")}),[o]);const b=e=>{o&&c(e)};return e.jsx(s.Input,{validate:d,onFocus:()=>{"default"===f&&o&&(p("clicked"),j("active"))},width:l,state:g,leftIcon:"search"===h&&"default"===f?{icon:t.SearchIcon}:void 0,rightIcon:"cross"===h?{icon:n.default,callback:()=>{v("search"),p("default"),S(""),r.onChange(""),j("none"),c("")}}:void 0,onChangeText:(e,t)=>{r.onChange(e),S(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?v("cross"):v("search"):b(e)},placeholder:i,variant:u,value:I,onBlur:()=>{I.length||p("default"),j("none")}})};

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from 'react';
-interface ShimmerBox {
-    height: string;
-    width: string;
-    marginTop?: string;
-}
-interface OwnProps {
-    boxes: ShimmerBox[];
-    isBrand?: boolean;
-}
-type Props = OwnProps;
-export declare const BikShimmer: FunctionComponent<Props>;
-export default BikShimmer;

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("./ShimmerStyled.js");const r=r=>e.jsx(i.ShimmerStyled,Object.assign({isBrand:r.isBrand},{children:r.boxes.map(((i,r)=>e.jsx("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px"}},r)))}));exports.BikShimmer=r,exports.default=r;