@bikdotai/bik-component-library 0.3.0-bik-layout-beta → 0.5.0-bik-layout-beta

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts

@@ -0,0 +1,227 @@
+import React, { ReactElement } from 'react';
+import { variableType } from '../helpers/VariableEditorHelper';
+import { CHANNEL_TYPE } from './Channels';
+import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
+export type WhatsAppTemplate = {
+    name: string;
+    label: string;
+    recommended?: boolean;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    type?: 'email' | 'whatsapp';
+    components: {
+        type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
+        format?: HEADER_TYPES;
+        text?: string;
+        buttons?: {
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
+            text?: string;
+            url?: string;
+            example?: string[];
+            linkMode?: 'custom' | 'home';
+            phone_number?: string;
+            flowName?: string;
+            flowId?: string;
+        }[];
+        example?: {
+            header_handle?: Array<string>;
+            body_text?: Array<string[]>;
+            header_text?: Array<string>;
+        };
+    }[];
+    mapping: {
+        header?: string[];
+        body?: string[];
+        buttons?: string[];
+    };
+    htmlContentUrl?: string;
+    language: 'en_US';
+    status: TEMPLATE_STATUS;
+    category: string;
+    thumbnailImageUrl?: string;
+    FB_blob_key?: string;
+    reason?: string;
+    createdAt: number;
+    updatedAt: number;
+    isDraft?: boolean;
+};
+export type CreateTemplateType = {
+    /** Data */
+    headerType: HEADER_TYPES;
+    headerAssetLink?: string | null;
+    headerAssetName?: string | null;
+    headerText?: string;
+    headerVariables: templateVariable[];
+    bodyVariables: templateVariable[];
+    bodyText?: string;
+    bodyTextRaw?: string;
+    footerText?: string;
+    actionsType: ACTIONS_TYPES;
+    quickReply: Array<QUICK_REPLY_BUTTON>;
+    ctaBtn: {
+        phoneNumber?: {
+            isChecked?: boolean;
+            btnText?: string;
+            phoneNumber?: string;
+        };
+        websiteLinkBtn?: {
+            isChecked?: boolean;
+            btnText?: string;
+            linkOpens?: string;
+            placeholder?: string;
+        };
+    };
+    meta: {
+        name: string;
+        category?: string;
+        subCategory?: string;
+        language?: string;
+        templateId?: string;
+    };
+    mode: 'edit' | 'create';
+    alreadyAsADraft?: boolean;
+    /** UI  */
+    initialLoading: boolean;
+    error: {
+        modalError?: string;
+        header?: string;
+        body?: string;
+        footer?: string;
+        quickReply?: Array<string | null>;
+        meta?: {
+            name?: string;
+        };
+        ctaBtn?: {
+            phoneNumber: {
+                btnText: string;
+                link: string;
+            };
+            websiteLink: {
+                btnText: string;
+                link: string;
+            };
+        };
+    };
+    /** DATA DUMP */
+    buttonPlaceholders?: templatePlaceHolder[];
+};
+export type templatePlaceHolder = {
+    default_value: string;
+    placeHolder: string;
+    title: string;
+};
+export type templateVariable = {
+    editable: boolean;
+    variableName: string;
+    variableVal?: string;
+    editableDefaultValues?: string | null;
+    idx: number;
+};
+export type getTemplateByIdResponse = {
+    components: WhatsAppTemplate['components'];
+    language: string;
+    label: string;
+    createdAt: any;
+    templateId: string;
+    name: string;
+    createdBy: string;
+    channel: string;
+    isDraft?: boolean;
+    mapping: TemplateVariableMapping;
+    isArchive?: boolean;
+    storeId: string;
+    channelTemplateId: string;
+    status: TEMPLATE_STATUS;
+    category: string;
+    templateCategory: string;
+    syncOnboarding?: boolean;
+    recomendedForCohorts?: string[];
+    htmlContentUrl?: string;
+};
+export type TemplateVariableMapping = {
+    body: string[];
+    buttons: string[];
+    header: string[];
+    footer: string[];
+};
+export type WhatsappLikePreviewTypes = {
+    bodyText?: string;
+    footerText?: string;
+    headerMediaType: HEADER_TYPES;
+    headerText?: string;
+    headerAssetLink?: string;
+    headerAssetName?: string;
+    quickReplybtn?: QUICK_REPLY_BUTTON[];
+    ctaBtn?: {
+        type: 'phoneNumber' | 'website';
+        text: string;
+        extra?: string;
+        placeholder?: string;
+    }[];
+    actionTypes?: ACTIONS_TYPES;
+    textType: 'html' | 'markdown';
+    hidePreviewText?: boolean;
+    extras?: boolean;
+    containerStyle?: React.CSSProperties;
+    showHeader?: boolean;
+    containerPadding?: string;
+    imagePreviewStyles?: React.CSSProperties;
+    size?: 'small' | 'large';
+    zeroStateComponent: ReactElement<any, any>;
+    children?: React.ReactNode;
+    bodyVariableList?: variableType[];
+    headerVariableList?: variableType[];
+};
+export type WhatsappMeta = {
+    containerStyle?: React.CSSProperties | undefined;
+    templateContainerStyles?: React.CSSProperties | undefined;
+    size?: 'small' | 'large';
+    showWhatsAppHeader?: boolean;
+    whatsAppExtras?: boolean;
+    zeroStateComponent?: ReactElement;
+    usePlaceHolderName?: boolean;
+};
+export type WhatsAppPickerMeta = {
+    uploadMediaFiles: (params: WhatsAppMediaUploadRequest) => Promise<WhatsAppMediaUploadResponse>;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+};
+export type WhatsAppMediaUploadResponse = {
+    success: boolean;
+    url?: string;
+};
+export type WhatsAppMediaUploadRequest = {
+    file: File;
+    fileName: string;
+    isImage: boolean;
+};
+export interface WhatsAppTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+}
+export type CTABtnValType = {
+    defaultValue: string;
+    placeHolder: string;
+} | string;
+export type QRBBtnValType = {
+    flowId?: string;
+    flowName?: string;
+};
+export type TEMPLATE_BUTTON = {
+    type: BUTTON_TYPE;
+    text?: string;
+    url?: string;
+    example?: string[];
+    linkMode?: 'custom' | 'home';
+    phone_number?: string;
+    buttonVariable?: string;
+    index?: number;
+    flowId?: string;
+    flowName?: string;
+};
+export declare enum BUTTON_TYPE {
+    QUICK_REPLY = "QUICK_REPLY",
+    URL = "URL",
+    PHONE_NUMBER = "PHONE_NUMBER"
+}

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.js

@@ -0,0 +1 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.BUTTON_TYPE=void 0,(e=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",e.URL="URL",e.PHONE_NUMBER="PHONE_NUMBER";

package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.d.ts

@@ -0,0 +1,6 @@
+import { templateVariable } from '../models/WhatsAppTemplate';
+export declare class TemplateHelperUtils {
+    fillVariablesValInBodyText(text: string, variableStore: templateVariable[], usePlaceholderName?: boolean): string;
+    getTemplateVariablesFromState(text: string): string[] | undefined;
+    whatsappOnlyFillVariablesValueInBodyText(text: string, variableStore: templateVariable[], usePlaceholderName?: boolean): string;
+}

package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(l,a){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==r?void 0:r.length)){return i.map(((e,l)=>{var n,o,v,d,u;const p=null===(n=null==r?void 0:r[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===p.trim()||(null===(u=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===u?void 0:u.trim())===p.trim()?a[l].editable?`${e}${t?"{{":""}${a[l].variableVal}${t?"}}":""}`:`${e}${t?"{{":""}${a[l].variableName}${t?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(l){var a;return null===(a=l.match(e.globalVariablePattern))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==r?void 0:r.length)){return i.map(((e,l)=>{var n;const o=null===(n=null==r?void 0:r[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return t||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${t?"{{":""}${l}${t?"}}":""}`:`${e}${t?"{{":""}${o}${t?"}}":""}`}return e})).join("")}return l}};

package/dist/cjs/components/template-preview/utils/getPreviewPropLen.d.ts

@@ -0,0 +1,2 @@
+import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+export declare const getPreviewPropLen: (props: WhatsappLikePreviewTypes) => number;

package/dist/cjs/components/template-preview/utils/getPreviewPropLen.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter((r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t})).length;

package/dist/cjs/components/thumbnail/Thumbnail.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SIZE } from "../avatar/AvatarHelper";
+export declare enum RATIO {
+    ONE_ONE = "ONE_ONE",
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+export type ThumbnailProps = {
+    size: SIZE;
+    ratio: RATIO;
+    imageUrl: string;
+};
+export declare const Thumbnail: React.FC<ThumbnailProps>;

package/dist/cjs/components/thumbnail/Thumbnail.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("../avatar/AvatarHelper.js"),r=require("./constants.js"),s=require("./Thumbnail.styled.js");exports.RATIO=void 0,(e=exports.RATIO||(exports.RATIO={})).ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL";const h={[exports.RATIO.VERTICAL]:{[i.SIZE.SMALL]:{width:30,height:40},[i.SIZE.MEDIUM]:{width:48,height:64},[i.SIZE.LARGE]:{width:60,height:80}},[exports.RATIO.HORIZONTAL]:{[i.SIZE.SMALL]:{width:40,height:30},[i.SIZE.MEDIUM]:{width:64,height:48},[i.SIZE.LARGE]:{width:80,height:60}},[exports.RATIO.ONE_ONE]:{}};exports.Thumbnail=e=>{var i,I;return t.jsx(s.ThumbnailStyle,Object.assign({size:e.size},{children:t.jsx("img",{alt:"",width:(null===(i=h[e.ratio][e.size])||void 0===i?void 0:i.width)||r.THUMBNAIL_SIZE_MAP[e.size],height:(null===(I=h[e.ratio][e.size])||void 0===I?void 0:I.height)||r.THUMBNAIL_SIZE_MAP[e.size],style:{borderRadius:e.ratio===exports.RATIO.ONE_ONE?4:0,objectFit:"cover"},src:e.imageUrl})}))};

package/dist/cjs/components/thumbnail/Thumbnail.styled.d.ts

@@ -0,0 +1,4 @@
+import { SIZE } from "../avatar/AvatarHelper";
+export declare const ThumbnailStyle: import("styled-components").StyledComponent<"div", any, {
+    size: SIZE;
+}, never>;

package/dist/cjs/components/thumbnail/Thumbnail.styled.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./constants.js"),r=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(e).default.div`
+	width: ${e=>t.THUMBNAIL_SIZE_MAP[e.size]+"px"};
+	height: ${e=>t.THUMBNAIL_SIZE_MAP[e.size]+"px"};
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: ${r.COLORS.surface.standard};
+	border: 1px solid ${r.COLORS.stroke.primary};
+	border-radius: 4px;
+`;exports.ThumbnailStyle=i;

package/dist/cjs/components/thumbnail/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const THUMBNAIL_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

package/dist/cjs/components/thumbnail/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../avatar/AvatarHelper.js");const r={[e.SIZE.SMALL]:40,[e.SIZE.MEDIUM]:64,[e.SIZE.LARGE]:80};exports.THUMBNAIL_SIZE_MAP=r;

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

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

package/dist/cjs/components/toaster/Toaster.d.ts

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+import { ToastPosition } from 'react-toastify';
+import { IconProps } from 'react-toastify/dist/components';
+export type ToasterButtonProps = {
+    showButton?: boolean;
+    onButtonClick?: any;
+    buttonText?: string;
+};
+export type ToasterProps = {
+    text: string;
+    position?: ToastPosition;
+    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    closeOnClick?: boolean;
+    hideProgressBar?: boolean;
+    autoClose?: number | false | undefined;
+    leftIcon?: React.ReactElement<IconProps>;
+    hideLeftIcon?: boolean;
+    buttonProps?: ToasterButtonProps;
+    onCloseToast?: <T>(props: T) => void;
+    width?: string;
+    height?: string;
+    hideCloseButton?: boolean;
+};
+type Props = ToasterProps;
+export declare const Toaster: FunctionComponent<Props>;
+export {};

package/dist/cjs/components/toaster/Toaster.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),n=require("react-toastify"),s=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const n="default"===e.type?r.COLORS.content.secondary:r.COLORS.content.secondaryInverse;return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:n})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:"warning"===o.type?r.COLORS.background.warning.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,s,i,r,a,d;void 0!==o.hideLeftIcon||o.leftIcon?n.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(s=o.buttonProps)||void 0===s?void 0:s.showButton,onButtonClick:null===(i=o.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"default"})}):n.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(r=o.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)||void 0===a?void 0:a.showButton,onButtonClick:null===(d=o.buttonProps)||void 0===d?void 0:d.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"info"})})}),[]),t.jsx(s.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(n.ToastContainer,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));

package/dist/cjs/components/toaster/Toaster.styled.d.ts

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

package/dist/cjs/components/toaster/Toaster.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const d=o(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-color-warning:",c.COLORS.content.warning,";--toastify-text-color-light:",c.COLORS.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQud2FybmluZ307XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogXCJmaXQtY29udGVudFwiO1xuXHQtLXRvYXN0aWZ5LXRvYXN0LW1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHQgfHwgJzQ0cHgnfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblxuXHQuY3VzdG9tLXBvc2l0aW9uIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdH1cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogNnB4O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5e1xuXHRcdHBhZGRpbmc6IDAgNnB4O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZGVmYXVsdCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5icmFuZH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkgPiBkaXY6bGFzdC1jaGlsZCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VG9hc3Rlci5zdHlsZWQuanMubWFwIl19 */"));exports.ToasterStyled=d;

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

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

package/dist/cjs/components/tooltips/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { TooltipInternalProps } from "./TooltipInternal";
+export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface TooltipProps extends TooltipInternalProps {
+    width?: number;
+    placement?: Placement;
+    children: ReactNode;
+    tooltipContent?: JSX.Element;
+}
+export declare const Tooltip: FunctionComponent<TooltipProps>;

package/dist/cjs/components/tooltips/Tooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),o=require("../../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(e),l=i(n);const p=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>o.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:p}),t.jsx(a.default,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;

package/dist/cjs/components/tooltips/TooltipInternal.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+import { ButtonProps } from "../button/model";
+export interface TooltipInternalProps {
+    title?: string;
+    body: string;
+    buttonProps?: ButtonProps;
+}
+type Props = TooltipInternalProps;
+declare const TooltipInternal: FunctionComponent<Props>;
+export default TooltipInternal;

package/dist/cjs/components/tooltips/TooltipInternal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),e=require("../button/Button.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const o=l(c).default("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>n.COLORS.content.primary),";color:",(c=>n.COLORS.content.primaryInverse),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHRjb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlfTtcbmA7XHJcbmNvbnN0IFRvb2x0aXBJbnRlcm5hbCA9IChwcm9wcykgPT4ge1xyXG4gICAgLy8gVG9kbyAoYXNodXRvc2gpIG1ha2Ugc3VyZSB0aGF0IHRoZSBidXR0b24gd2hpY2ggaXMgcGFzc2VkIGlzIGludmVyc2VcclxuICAgIHJldHVybiAoX2pzeHMoVG9vbHRpcFN0eWxlZCwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucHJpbWFyeUludmVyc2UsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpO1xyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwSW50ZXJuYWw7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvb2x0aXBJbnRlcm5hbC5qcy5tYXAiXX0= */"));exports.default=c=>b.jsxs(o,{children:[c.title&&b.jsx(t.TitleSmall,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:"8px"}},{children:c.title})),b.jsx(t.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(e.Button,Object.assign({},c.buttonProps))]});

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

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

package/dist/cjs/components/zeroState/ZeroState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const ZeroState: React.FC<{
+    title: string;
+    subTitle?: string;
+    IconHolderStyle?: React.CSSProperties;
+    style?: React.CSSProperties /** now this component is extendable through styled-component */;
+}>;

package/dist/cjs/components/zeroState/ZeroState.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),s=require("../../assets/icons/alert.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const o=i.default.div`
+	background: ${n.COLORS.surface.standard};
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	flex: 1;
+`,c=i.default.div`
+	background: ${n.COLORS.background.base};
+	width: 48px;
+	height: 48px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	border-radius: 24px;
+`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:d}=t;return e.jsxs(o,Object.assign({style:null!=d?d:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184}},{children:l}))]}))};