@bikdotai/bik-component-library 0.1.0-bik-layout-beta → 0.1.2-analytics-chips-beta

package/dist/esm/components/file-uploader/Models.d.ts

@@ -1,34 +0,0 @@
-export interface FileMetaData {
-    fileId: string;
-    fileName: string;
-    fileSize: string;
-    fileType: string;
-    fileUrl: string;
-    uploadType: 'URL' | 'FileUpload';
-    uploadDate: Date;
-}
-export interface FileUploadRules {
-    allowedFormats: string;
-    allowedSize: {
-        [key: string]: number;
-    };
-}
-export interface FileUploaderInterface {
-    onFileUpload: (file: File, metaData: FileMetaData) => void;
-    fileUploadRules: FileUploadRules;
-    onError: (error: string) => void;
-}
-export interface FileMetaFromUrl {
-    type: string;
-    size: number;
-}
-export interface FileUploaderProps {
-    uploadFile?: (file: File, fileName: string) => Promise<string>;
-    getFileMetaFromUrl?: (url: string) => Promise<FileMetaFromUrl>;
-    fileUploadRules: FileUploadRules;
-    onError: (error: string) => void;
-    uploadProgress: number;
-    onCancel: () => void;
-    onSuccess: (file: File, fileMeta: FileMetaData) => void;
-    fileName?: string;
-}

package/dist/esm/components/file-uploader/index.d.ts

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

package/dist/esm/components/file-uploader/useMockUrlUpload.d.ts

@@ -1,8 +0,0 @@
-import { FileMetaFromUrl } from "./Models";
-interface URLUploadOptions {
-    getFileMetaFromUrl: (url: string) => Promise<FileMetaFromUrl>;
-    error?: string;
-    success?: boolean;
-}
-declare const useMockUrlUpload: () => URLUploadOptions;
-export default useMockUrlUpload;

package/dist/esm/components/image-cropper/BikImageCropper.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import 'react-image-crop/dist/ReactCrop.css';
-export interface BikImageCropperProps {
-    aspectRatio?: number;
-    src: string;
-    onCropComplete: (base64String: string, didChange: boolean) => void;
-    onCancel: () => void;
-}
-export declare const BikImageCropper: (props: BikImageCropperProps) => JSX.Element;
-export default BikImageCropper;

package/dist/esm/components/image-cropper/BikImageCropper.js

@@ -1 +0,0 @@
-import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import o from"react-image-crop";import{StyledModal as r}from"../modals/styledModal.js";const n=n=>{const[a,c]=i(!1),[l,d]=i(void 0),[h,s]=i({width:0,height:0}),g=(e,i,o,r)=>t(void 0,void 0,void 0,(function*(){const t=document.createElement("canvas");t.width=i.width,t.height=i.height;const n=t.getContext("2d");if(!n)throw new Error("Failed to get 2D context of canvas.");n.drawImage(e,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return t.toDataURL("image/png")}catch(t){throw new Error("Failed to create blob for cropped image.")}}));return e(r,Object.assign({open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",onClick:()=>{var e;e=l,t(void 0,void 0,void 0,(function*(){var t,i;if(n.src&&(null==e?void 0:e.width)&&(null==e?void 0:e.height)){const i=new Image;i.src=n.src;const o=i.naturalWidth/h.width,r=i.naturalHeight/h.height,c=yield g(i,e,o,r);null===(t=null==n?void 0:n.onCropComplete)||void 0===t||t.call(n,c,a)}else null===(i=null==n?void 0:n.onCropComplete)||void 0===i||i.call(n,n.src,a)}))}}},{children:e("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:e("div",{children:e(o,Object.assign({crop:l,onChange:t=>{d(t)},circularCrop:!1,onDragStart:()=>{c(!0)},aspect:n.aspectRatio},{children:e("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;s({width:i,height:e.height})}})}))})}))}))};export{n as BikImageCropper,n as default};

package/dist/esm/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/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

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

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

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

package/dist/esm/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/esm/components/input/ChipInput.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export declare const extractSingleValueIfAny: (nativeID: string) => string;
-export declare const getInputNode: (nativeID: string) => HTMLInputElement;
-export interface ChipInputProps {
-    onChipsChange: (chips: (string | number)[]) => void;
-    placeholder: string;
-    label?: string;
-    labelColor?: string;
-    hintText?: string;
-    hintTextColor?: string;
-    chipTheme?: () => void;
-    chips: string[];
-    error?: string;
-    inputHeight?: number;
-    createChipKeys?: (string | number)[];
-    chipsContainerCustomStyle?: React.CSSProperties;
-    nativeID?: string;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;

package/dist/esm/components/input/ChipInput.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import o from"react-chips";import{COLORS as i}from"../../constants/Theme.js";import{BodySecondary as l,BodyCaption as c}from"../TypographyStyle.js";import{theme as a,chipTheme as s}from"./ChipInput.styled.js";const p=p=>{let{onChipsChange:h,placeholder:m,chips:d,label:u,labelColor:y,hintText:g,hintTextColor:f,error:v,inputHeight:C,createChipKeys:b,chipsContainerCustomStyle:j,nativeID:x}=p;const[T,S]=n(!1);return r((()=>{var e,t;null===(e=document.querySelector(`#${x} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${x} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:x},{children:[u&&t(l,Object.assign({style:{color:T?i.content.brand:v?i.content.negative:y||i.content.primary}},{children:u})),t(o,{value:d,theme:a(!!v,C,j,T),chipTheme:s,placeholder:0===d.length&&!!m&&!T&&m,onChange:e=>{h(e)},createChipKeys:b||","}),(!!g||!!v)&&t(c,Object.assign({style:{color:v?i.content.negative:f||i.content.secondary}},{children:v||g}))]}))};export{p as default};

package/dist/esm/components/input/ChipInput.styled.d.ts

@@ -1,66 +0,0 @@
-export declare const chipTheme: {
-    chip: {
-        padding: string;
-        background: string;
-        border: string;
-        fontSize: number;
-        color: string;
-        fontWeight: number;
-        borderRadius: number;
-        alignItems: string;
-        alignContent: string;
-        justifyContent: string;
-        cursor: string;
-        margin: string;
-        fontFamily: string;
-    };
-    chipRemove: {
-        fontSize: number;
-        fontFamily: string;
-        cursor: string;
-        fontWeight: string;
-        color: string;
-        marginLeft: number;
-        ':hover': {
-            color: string;
-        };
-    };
-};
-export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
-    chipsContainer: {
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-        display: string;
-        position: string;
-        border: string;
-        backgroundColor: string;
-        alignItems: string;
-        flexWrap: string;
-        padding: string;
-        borderRadius: number;
-        ':hover': {
-            border: string;
-        };
-    };
-    container: {
-        flex: number;
-    };
-    containerOpen: {};
-    input: {
-        border: string;
-        outline: string;
-        boxSizing: string;
-        fontSize: number;
-        fontFamily: string;
-        fontWeight: number;
-        height: number;
-        width: string;
-        paddingTop: number;
-        paddingBottom: number;
-    };
-};

package/dist/esm/components/input/ChipInput.styled.js

@@ -1 +0,0 @@
-import{COLORS as e}from"../../constants/Theme.js";const n={chip:{padding:"0px 8px 0px 8px",background:e.surface.subdued,border:`1px solid ${e.stroke.primary}`,fontSize:12,color:e.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.content.secondary,marginLeft:6,":hover":{color:e.content.secondary}}},o=(n,o,r,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.stroke.brand:n?e.stroke.negative.vibrant:e.stroke.primary}`,backgroundColor:e.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.stroke.brand}`}},null!=r?r:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});export{n as chipTheme,o as theme};

package/dist/esm/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/esm/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/esm/components/plans/SubscriptionPlan.d.ts

@@ -1,28 +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;
-}
-type Props = SubscriptionPlanProps;
-export declare const SubscriptionPlan: FunctionComponent<Props>;
-export {};

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

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

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

@@ -1,12 +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;
-};
-export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
-export {};

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

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{createElement as b}from"react";import{jsxs as l,jsx as I}from"react/jsx-runtime";import{StyledModal as d}from"../modals/styledModal.js";import{SubscriptionPlan as g}from"./SubscriptionPlan.js";import{COLORS as i}from"../../constants/Theme.js";const s=c("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+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IHNob3dUcmlhbE9wdGlvbnM6IHByb3BzLnNob3dUcmlhbE9wdGlvbnMgfHwgZmFsc2UsIG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */",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)."}}),G=c("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",label:"Warning"})("color:",i.content.negative,";padding:0px 24px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IFBsYW5XcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGNvbHVtbi1nYXA6IDIycHg7XG5cdGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXHRwYWRkaW5nOiAyNHB4O1xuYDtcclxuY29uc3QgV2FybmluZyA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdHBhZGRpbmc6IDBweCAyNHB4O1xuYDtcclxuLy8gU2VsZWN0ZWQgcGxhbiB0byBoYXZlIGNob3NlbiBwbGFuIG5vdCBzZWxlY3RhYmxlXHJcbmV4cG9ydCBjb25zdCBTdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IHNob3dUcmlhbE9wdGlvbnM6IHByb3BzLnNob3dUcmlhbE9wdGlvbnMgfHwgZmFsc2UsIG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */")),n=c=>l(d,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"Select a plan to proceed",headingSubtitle:c.subHeader||"",closeOnOutsideClick:!0,onClose:c.onClose},{children:[c.warningDescription&&I(G,{children:c.warningDescription}),I(s,{children:c.plans.map((l=>b(g,Object.assign({},l,{showTrialOptions:c.showTrialOptions||!1,onPlanSelect:c.onPlanSelect,key:l.planName,showMonthly:!0}))))})]}));export{n as SubscriptionPlanSelector};

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

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

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

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.background.brandLight,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-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.surface.standard,";}}.trial{margin-top:16px;margin-bottom:8px;padding:4px 8px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",d.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.background.brandLight,";padding:4px;}.disabled{*{color:",d.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.background.base,";}.plan-bottom-information.selected{background:",d.surface.standard,";color:",d.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblxuXHRcdG1hcmdpbi10b3A6IDEycHg7XG5cdH1cblxuXHQucHJpY2UtYmxvY2sge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLWJvdHRvbTogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cblxuXHQucGVyLW1lc3NhZ2UtcHJpY2Uge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24ge1xuXHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0cGFkZGluZzogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as SubscriptionPlanStyled};

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

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

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

@@ -1,16 +0,0 @@
-export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-}, 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/esm/components/postPicker/PostPicker.styled.js

@@ -1,128 +0,0 @@
-import e from"styled-components";import{TitleMedium as i}from"../TypographyStyle.js";var t;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(t||(t={})),e.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;
-`,e.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;
-`,e.div`
-	display: flex;
-	justify-content: space-between;
-	flex-direction: row;
-	gap: 20px;
-	width: 1032px;
-`,e(i)`
-	padding: 6px 6px 20px 6px;
-`,e.div`
-	padding: 6px 6px 20px 6px;
-`;const o=e.div`
-	display: grid;
-	grid-template-columns: repeat(
-		${e=>e.mediaType==t.POST?6:8},
-		${e=>e.mediaType==t.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=e.div`
-	position: relative;
-	cursor: pointer;
-	height: ${e=>e.mediaType==t.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==t.POST?148:104}px;
-		height: ${e=>e.mediaType==t.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;
-	}
-`;e.div`
-	width: 100%;
-	display: flex;
-	flex-direction: row;
-	padding-top: 12px;
-	justify-content: space-between;
-	border-top: 1px solid #e0e0e0;
-`,e.div`
-	flex: 1;
-	padding-top: 10px;
-	display: flex;
-	justify-content: flex-start;
-`,e.div`
-	flex: 1;
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-end;
-	gap: 10px;
-`;export{p as StyledProduct,o as StyledProductGrid};

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

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

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

@@ -1,24 +0,0 @@
-import React from 'react';
-export declare enum MEDIA_TYPES {
-    STORY = "story",
-    POST = "post",
-    REEL = "reel"
-}
-export type Media = {
-    imageUrl: string;
-    redirectionUrl: string;
-    overlayCaption: string;
-    id: string;
-};
-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/esm/components/postPicker/postPicker.js

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

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

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

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

@@ -1,12 +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];
-}
-export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

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

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

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{ShimmerStyled as i}from"./ShimmerStyled.js";const t=t=>e(i,{children:t.boxes.map(((i,t)=>e("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px"}},t)))});export{t as BikShimmer,t as default};

package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const ShimmerStyled: 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/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,9 +0,0 @@
-import b from"@emotion/styled/base";import{keyframes as i}from"@emotion/react";const t=i`
-  0% {
-    background-position: -468px 0;
-  }
-
-  100% {
-    background-position: 468px 0;
-  }
-`,l=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat;background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",t,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuc2hpbmUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRiYWNrZ3JvdW5kOiAjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */"));export{l as ShimmerStyled};

package/dist/esm/components/shimmer/index.d.ts

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

package/dist/esm/components/shimmer-image/ShimmerImage.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export type ShimmerImageProps = {
-    imageUrl: string;
-    width: number;
-    height: number;
-    alt?: string;
-};
-export declare const ShimmerImage: React.FC<ShimmerImageProps>;

package/dist/esm/components/shimmer-image/ShimmerImage.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";const m=m=>{let{imageUrl:n,width:h,height:l,alt:s}=m;const[a,c]=i(!0);return r((()=>{const t=new Image;return t.src=n,t.onload=()=>{c(!1)},()=>{t.onload=null}}),[n]),t("div",Object.assign({style:{position:"relative",width:h,height:l}},{children:[a&&e(o,{boxes:[{height:`${l}px`,width:`${h}`,marginTop:"0px"}]}),e("img",{src:n,alt:null!=s?s:"Image",style:{display:a?"none":"block",width:"100%",height:"100%"}})]}))};export{m as ShimmerImage};

package/dist/esm/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export default _default;
-export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;

package/dist/esm/components/states/StateComponent.js

@@ -1 +0,0 @@
-import{jsxs as n,jsx as t,Fragment as o}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import e from"../../assets/icons/errorIcon.svg.js";import i from"../../assets/icons/successIcon.svg.js";import s from"../../assets/icons/warningIcon.svg.js";import{Button as c}from"../button/Button.js";import{Spinner as a}from"../spinner/Spinner.js";import{TitleMedium as m,BodyPrimary as l}from"../TypographyStyle.js";import{StateComponentContainer as d,StateIcon as p,StateHeading as h,StateSubline as u,ButtonContainer as E}from"./StateComponent.styled.js";var g,C,f;!function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.LOADING="loading"}(g||(g={})),function(n){n.CANCEL="cancel",n.OTHER="other"}(C||(C={})),function(n){n.SINGLE="SINGLE",n.DOUBLE="DOUBLE"}(f||(f={}));const j=j=>{const y=()=>I==g.SUCCESS?t(i,{}):I==g.WARNING?t(s,{}):I==g.ERROR?t(e,{}):I===g.LOADING?t(a,{size:"large"}):void 0,{states:I,heading:O,subline:R,icon:S=y(),isButtonEnabled:b,type:L,buttonText:N,onButtonClick:T,leadingIcon:A,width:B}=j;return n(d,Object.assign({width:B},{children:[t(p,{children:S}),t(h,{children:t(m,{children:O})}),t(u,{children:t(l,Object.assign({color:r.content.secondary},{children:R}))}),b&&t(o,{children:n(E,{children:[L==f.DOUBLE&&t(c,{onClick:()=>T&&T(C.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),t(c,{onClick:()=>T&&T(C.OTHER),buttonType:"primary",LeadingIcon:A,buttonText:null!=N?N:"Retry",matchParentWidth:!0})]})})]}))};export{C as ButtonActions,f as ButtonTypes,j as StateComponent,g as StateInterface};

package/dist/esm/components/states/StateComponent.styled.js

@@ -1,26 +0,0 @@
-import i from"styled-components";const t=i.div`
-	width: ${i=>i.width?`${i.width}px`:"400px"};
-	position: relative;
-	border-radius: 4px;
-	padding: 32px 24px 24px 24px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`,p=i.div`
-	width: 64px;
-	height: 64px;
-`,x=i.div`
-	margin-top: 16px;
-	text-align: center;
-	max-width: 100%;
-`,d=i.div`
-	display: flex;
-	margin-top: 24px;
-	gap: 12px;
-	width: 100%;
-`,e=i.div`
-	margin-top: 4px;
-	max-width: 100%;
-	text-align: center;
-	max-width: 100%;
-`;export{d as ButtonContainer,t as StateComponentContainer,x as StateHeading,p as StateIcon,e as StateSubline};

package/dist/esm/components/states-modal/DeleteConfirmationModal.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface DeleteConfirmationModalProps {
-    header: string;
-    subHeader: string;
-    confirmationText: string;
-    onDeleteConfirmed: () => void;
-    onCancelClicked: () => void;
-}
-export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

package/dist/esm/components/states-modal/DeleteConfirmationModal.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{StyledModal as t}from"../modals/styledModal.js";const n=n=>e(t,{centralContainerStyles:{width:400},onClose:()=>n.onCancelClicked(),open:!0,headingTitle:n.header,headingSubtitle:n.subHeader,primaryButton:{buttonText:n.confirmationText,buttonType:"destructive",size:"small",onClick:()=>n.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>n.onCancelClicked()}});export{n as DeleteConfirmationModal};