@bikdotai/bik-component-library 0.0.1 → 0.0.2-0.beta-2

package/dist/esm/components/template-preview/models/Channels.d.ts

@@ -0,0 +1,8 @@
+export declare enum CHANNEL_TYPE {
+    WHATSAPP = "whatsapp",
+    INSTAGRAM = "instagram",
+    TIKTOK = "tiktok",
+    EMAIL = "email",
+    SMS = "message",
+    WEBPUSH = "webpush"
+}

package/dist/esm/components/template-preview/models/Channels.js

@@ -0,0 +1 @@
+var a;!function(a){a.WHATSAPP="whatsapp",a.INSTAGRAM="instagram",a.TIKTOK="tiktok",a.EMAIL="email",a.SMS="message",a.WEBPUSH="webpush"}(a||(a={}));export{a as CHANNEL_TYPE};

package/dist/esm/components/template-preview/models/EmailTemplate.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { CUSTOM_VARIABLE, TEMPLATE_EDITOR, TEMPLATE_STATUS } from './TemplateMeta';
+export type EmailTemplateType = {
+    category: string;
+    channel: 'email';
+    channelTemplateId: string;
+    createdAt: {
+        _seconds: number;
+        _nanoseconds: number;
+    };
+    createdBy: 'admin';
+    editor: TEMPLATE_EDITOR;
+    htmlContentUrl: string;
+    name: string;
+    subject: string;
+    sendGridCategories: string[];
+    plainContent: string;
+    status: TEMPLATE_STATUS;
+    storeId: string;
+    templateId: string;
+    thumbnailUrl: string;
+    html_content?: string;
+    mapping: {
+        body: CUSTOM_VARIABLE[];
+    };
+    updatedAt: {
+        _seconds: number;
+        _nanoseconds: number;
+    };
+    label: string;
+};
+export type EmailMeta = {
+    hideViewButtonForEmail?: boolean;
+    containerStyle?: React.CSSProperties | undefined;
+    handleViewTemplate?: () => void;
+    emailDisplayContent?: string;
+    templateContainerStyles?: React.CSSProperties | undefined;
+};

package/dist/esm/components/template-preview/models/SmsTemplate.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+export type SMSTemplateType = {
+    category: 'other';
+    channel: 'message';
+    channelTemplateId: string;
+    content: string;
+    createdAt: {
+        _seconds: number;
+        _nanoseconds: number;
+    };
+    createdBy: 'admin';
+    externalStatus: 'APPROVED';
+    headers: string[];
+    header?: string | null;
+    name: string;
+    status: 'ACTIVE';
+    storeId: string;
+    templateId: string;
+    templateType: string;
+    /** FRONTEND-ONLY DONT SEND TO FINAL PAYLOAD */
+    mapping: {
+        body: CUSTOM_VARIABLE[];
+    };
+    updatedAt: {
+        _seconds: number;
+        _nanoseconds: number;
+    };
+    label: string;
+};
+export type SMSMeta = {
+    smsVariableStore?: CUSTOM_VARIABLE[];
+    smsDisplayContent?: string;
+    templateContainerStyles?: React.CSSProperties | undefined;
+};

package/dist/esm/components/template-preview/models/TemplateMeta.d.ts

@@ -0,0 +1,42 @@
+export type CUSTOM_VARIABLE = {
+    variableName: string;
+    type: 'string' | 'link' | 'image';
+    isEditableVariable: boolean;
+    updatedValue: string;
+    index?: number;
+    variableValue?: string;
+};
+export declare enum TEMPLATE_EDITOR {
+    SEND_GRID = "sendgrid",
+    BEE = "bee"
+}
+export declare enum TEMPLATE_STATUS {
+    APPROVED = "APPROVED",
+    DISABLED = "DISABLED",
+    FLAGGED = "FLAGGED",
+    PENDING = "PENDING",
+    DRAFT = "DRAFT",
+    REJECTED = "REJECTED",
+    PENDING_DELETION = "PENDING_DELETION",
+    IN_REVIEW = "IN REVIEW",
+    PAUSED = "PAUSED",
+    ACTIVE = "ACTIVE",
+    LIBRARY = "LIBRARY"
+}
+export declare enum HEADER_TYPES {
+    NONE = "NONE",
+    TEXT = "TEXT",
+    IMAGE = "IMAGE",
+    VIDEO = "VIDEO",
+    DOCUMENT = "DOCUMENT"
+}
+export declare enum ACTIONS_TYPES {
+    NONE = "NONE",
+    CTA_BTN = "CTA_BTN",
+    QUICK_REPLY = "QUICK_REPLY"
+}
+export interface QUICK_REPLY_BUTTON {
+    text: string;
+    flowId: string;
+    flowName: string;
+}

package/dist/esm/components/template-preview/models/TemplateMeta.js

@@ -0,0 +1 @@
+var E,D,N,I;!function(E){E.SEND_GRID="sendgrid",E.BEE="bee"}(E||(E={})),function(E){E.APPROVED="APPROVED",E.DISABLED="DISABLED",E.FLAGGED="FLAGGED",E.PENDING="PENDING",E.DRAFT="DRAFT",E.REJECTED="REJECTED",E.PENDING_DELETION="PENDING_DELETION",E.IN_REVIEW="IN REVIEW",E.PAUSED="PAUSED",E.ACTIVE="ACTIVE",E.LIBRARY="LIBRARY"}(D||(D={})),function(E){E.NONE="NONE",E.TEXT="TEXT",E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.DOCUMENT="DOCUMENT"}(N||(N={})),function(E){E.NONE="NONE",E.CTA_BTN="CTA_BTN",E.QUICK_REPLY="QUICK_REPLY"}(I||(I={}));export{I as ACTIONS_TYPES,N as HEADER_TYPES,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS};

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

@@ -0,0 +1,180 @@
+import React, { ReactElement } from 'react';
+import { CHANNEL_TYPE } from './Channels';
+import { ACTIONS_TYPES, 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?: 'TEXT' | 'IMAGE' | 'VIDEO' | 'DOCUMENT' | 'NONE';
+        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>;
+};
+export type WhatsappMeta = {
+    containerStyle?: React.CSSProperties | undefined;
+    templateContainerStyles?: React.CSSProperties | undefined;
+    size?: 'small' | 'large';
+    showWhatsAppHeader?: boolean;
+    whatsAppExtras?: boolean;
+    zeroStateComponent?: ReactElement;
+    usePlaceHolderName?: boolean;
+};

package/dist/esm/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/esm/components/template-preview/utils/TemplateHelperUtils.js

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

package/dist/esm/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/esm/components/template-preview/utils/getPreviewPropLen.js

@@ -0,0 +1 @@
+const r=r=>Object.keys(r).filter((t=>{const e=r[t];return e&&Array.isArray(e)?!!e.length:!!e})).length;export{r as getPreviewPropLen};

package/dist/esm/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';
+    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/esm/components/toaster/Toaster.js

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

package/dist/esm/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/esm/components/toaster/Toaster.styled.js

@@ -0,0 +1 @@
+import t from"@emotion/styled/base";import{COLORS as c}from"../../constants/Theme.js";const o=t("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.background.inverse,";--toastify-color-success:",c.content.positive,";--toastify-color-error:",c.content.negative,";--toastify-text-color-light:",c.content.primary,";--toastify-toast-width:",(t=>t.width||"fit-content"),";--toastify-toast-min-height:",(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"44px"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnNDRweCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblxuXHQuY3VzdG9tLXBvc2l0aW9uIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdH1cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogNnB4O1xuXG5cdC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRtYXJnaW46IGF1dG87XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHl7XG5cdFx0cGFkZGluZzogMCA2cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keSA+IGRpdjpsYXN0LWNoaWxkIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{o as ToasterStyled};

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

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

package/dist/esm/components/tooltips/CustomisedTooltip.d.ts

@@ -0,0 +1,26 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+export declare enum TooltipPlacement {
+    Top = "top",
+    Bottom = "bottom",
+    Right = "right",
+    Left = "left",
+    Auto_Start = "auto-start",
+    Auto = "auto",
+    Auto_end = "auto-end",
+    Top_Start = "top-start",
+    Top_End = "top-end",
+    Right_Start = "right-start",
+    Right_End = "right-end",
+    Bottom_End = "bottom-end",
+    Bottom_Start = "bottom-start",
+    Left_End = "left-end",
+    Left_Start = "left-start"
+}
+export declare const CustomisedTooltip: React.FC<{
+    tooltipContent: JSX.Element;
+    tooltipTriggerContent: JSX.Element;
+    tooltipPlacement: TooltipPlacement;
+    showOnHover: boolean;
+    isTooltipVisible?: boolean;
+}>;

package/dist/esm/components/tooltips/CustomisedTooltip.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as e,useRef as r}from"react";import{OverlayTrigger as n,Tooltip as i}from"react-bootstrap";var a;!function(t){t.Top="top",t.Bottom="bottom",t.Right="right",t.Left="left",t.Auto_Start="auto-start",t.Auto="auto",t.Auto_end="auto-end",t.Top_Start="top-start",t.Top_End="top-end",t.Right_Start="right-start",t.Right_End="right-end",t.Bottom_End="bottom-end",t.Bottom_Start="bottom-start",t.Left_End="left-end",t.Left_Start="left-start"}(a||(a={}));const s=a=>{const{tooltipContent:s,tooltipPlacement:l,tooltipTriggerContent:p,showOnHover:c,isTooltipVisible:d=!0}=a,[m,u]=e(!1),g=r(null);return t(n,Object.assign({placement:l,target:g.current,show:m,overlay:d?t(i,Object.assign({id:`tooltip-${l}`},{children:s})):t(o,{})},{children:t("div",Object.assign({ref:g,onMouseEnter:()=>{c&&u(!0)},onMouseLeave:()=>{c&&u(!1)},onClick:()=>{c||u(!m)}},{children:p}))}),l)};export{s as CustomisedTooltip,a as TooltipPlacement};

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { TooltipInternalProps } from "./TooltipInternal";
+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;
+}
+export declare const Tooltip: FunctionComponent<TooltipProps>;
+export {};

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

@@ -0,0 +1 @@
+import{jsxs as t,Fragment as n,jsx as r}from"react/jsx-runtime";import e from"@tippyjs/react";import i from"react";import o from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const a=`\n  .tippy-content {\n    padding: 0px;\n  }\n  .tippy-arrow {\n    \tcolor: ${t=>p.content.primary};\n  }\n`,c=p=>i.isValidElement(p.children)?t(n,{children:[r("style",{children:a}),r(e,Object.assign({placement:p.placement||"right",maxWidth:p.width,animation:"fade",arrow:!0,interactive:!0,content:r(o,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{c as Tooltip};

package/dist/esm/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/esm/components/tooltips/TooltipInternal.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{jsxs as b,jsx as t}from"react/jsx-runtime";import{Button as o}from"../button/Button.js";import{TitleSmall as n,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";const y=c("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=>e.content.primary),";color:",(c=>e.content.primaryInverse),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHRjb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlfTtcbmA7XHJcbmNvbnN0IFRvb2x0aXBJbnRlcm5hbCA9IChwcm9wcykgPT4ge1xyXG4gICAgLy8gVG9kbyAoYXNodXRvc2gpIG1ha2Ugc3VyZSB0aGF0IHRoZSBidXR0b24gd2hpY2ggaXMgcGFzc2VkIGlzIGludmVyc2VcclxuICAgIHJldHVybiAoX2pzeHMoVG9vbHRpcFN0eWxlZCwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucHJpbWFyeUludmVyc2UsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpO1xyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwSW50ZXJuYWw7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvb2x0aXBJbnRlcm5hbC5qcy5tYXAiXX0= */")),g=c=>b(y,{children:[c.title&&t(n,Object.assign({color:e.content.primaryInverse,style:{marginBottom:"8px"}},{children:c.title})),t(l,Object.assign({color:e.content.primaryInverse,style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&t(o,Object.assign({},c.buttonProps))]});export{g as default};

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

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

package/dist/esm/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/esm/components/zeroState/ZeroState.js

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

package/dist/esm/constants/Theme.d.ts

@@ -59,6 +59,9 @@ export declare const COLORS: {
             light: string;
         };
     };
+    icon: {
+        placeholder: string;
+    };
     scrim: {
         standard: string;
     };
@@ -85,6 +88,7 @@ export declare const COLORS: {
         brand: string;
         negative: {
             lightAlt: string;
+            vibrant: string;
         };
         warning: {
             lightAlt: string;
@@ -333,6 +337,9 @@ export declare const DEFAULT_THEME: {
                 light: string;
             };
         };
+        icon: {
+            placeholder: string;
+        };
         scrim: {
             standard: string;
         };
@@ -359,6 +366,7 @@ export declare const DEFAULT_THEME: {
             brand: string;
             negative: {
                 lightAlt: string;
+                vibrant: string;
             };
             warning: {
                 lightAlt: string;

package/dist/esm/constants/Theme.js

@@ -1 +1 @@
-const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3E4C4"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
+const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};

package/dist/esm/constants/colors.d.ts

@@ -1,6 +1,6 @@
 export declare const BLACK = "#000000";
 export declare const WHITE = "#ffffff";
-export declare const PRIMARY = "#3b82f6";
+export declare const PRIMARY: string;
 export declare const SECONDARY = "#4b5563";
 export declare const SUCCESS = "#16a34a";
 export declare const ERROR = "#dc2626";

package/dist/esm/hooks/useOutside.d.ts

@@ -0,0 +1 @@
+export declare function useOutside(ref: any, cb: () => void): void;

package/dist/esm/hooks/useOutside.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";function n(n,t){e((()=>{function e(e){n.current&&!n.current.contains(e.target)&&t()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n])}export{n as useOutside};

package/dist/esm/index.d.ts

@@ -1,2 +1,24 @@
-export * from './components/button';
+import StringUtils from './utils/StringUtils';
+export { StringUtils };
 export * from './constants/Theme';
+export * from './components/checkBox';
+export * from './components/list-item';
+export * from './components/pagination';
+export * from './components/radioButton';
+export * from './components/toaster';
+export * from './components/tooltips';
+export * from './components/spinner';
+export * from './components/stepper';
+export * from './components/tag';
+export * from './components/pagination';
+export * from './components/icon-button';
+export * from './components/template-preview';
+export * from './components/fab-menu';
+export * from './components/floating-action-button';
+export * from './components/image-compress';
+export * from './components/TypographyStyle';
+export * from './components/button';
+export * from './components/progress-bar';
+export * from './components/modals';
+export * from './components/dropdown';
+export * from './components/input';

package/dist/esm/index.js

@@ -1 +1 @@
-export{Button}from"./components/button/Button.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";
+export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{UnChildDropdown}from"./components/dropdown/UnChildDropdown/UnChildDropdown.js";export{OpennedDropdown}from"./components/dropdown/opennedDropdown/components/OpennedDropdown.js";export{Input}from"./components/input/Input.js";

package/dist/esm/utils/StringUtils.d.ts

@@ -0,0 +1,10 @@
+export default class StringUtils {
+    static normalizeName: (name: string, delimiter: string) => string;
+    static convertToTitleCase(text: string): string;
+    static capitalize: (string: string) => string;
+    static pluralize: (string: string, Number: number) => string;
+    static getFullPhoneNumber: (phoneNumber?: string) => string;
+    static detectUrl: (str: string) => RegExpMatchArray | null;
+    static getAvatarText(name: string): string;
+    static firstLetters: (string: string) => string;
+}

package/dist/esm/utils/StringUtils.js

@@ -0,0 +1 @@
+class e{static convertToTitleCase(e){const t=(e=e.toLowerCase()).split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].slice(1);return t.join(" ")}static getAvatarText(e){if(e){const t=e.match(/\b(\w)/g),r=null==t?void 0:t.join("");return r?r.substring(0,2).toUpperCase():"C"}return""}}Object.defineProperty(e,"normalizeName",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>{const r=e.split(t).join(" ");return r[0].toUpperCase()+r.slice(1)}}),Object.defineProperty(e,"capitalize",{enumerable:!0,configurable:!0,writable:!0,value:e=>{var t;return e.charAt(0).toUpperCase()+(null===(t=e.slice(1))||void 0===t?void 0:t.toLowerCase())}}),Object.defineProperty(e,"pluralize",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>0===t||t>1?e+"s":e}),Object.defineProperty(e,"getFullPhoneNumber",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?"+91"+e.slice(e.length-10):""}),Object.defineProperty(e,"detectUrl",{enumerable:!0,configurable:!0,writable:!0,value:e=>e.match(/(((https?:\/\/)|(www\.))[^\s]+)/g)}),Object.defineProperty(e,"firstLetters",{enumerable:!0,configurable:!0,writable:!0,value:e=>{let t="";return e.split(" ").forEach((e=>{e.length&&(t+=e[0])})),t.substr(0,2)}});export{e as default};