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

package/dist/esm/components/template-preview/helpers/SmsTemplateHelper.d.ts

@@ -1,2 +0,0 @@
-import { CUSTOM_VARIABLE } from '../models/TemplateMeta';
-export declare const renderVariableUIForPreview: (content: string, variablStore?: CUSTOM_VARIABLE[], brandColor?: string) => string;

package/dist/esm/components/template-preview/helpers/SmsTemplateHelper.js

@@ -1 +0,0 @@
-import{COLORS as n}from"../../../constants/Theme.js";import{variablePatternGlobal as t,variablePattern as o}from"../constants/regexPatterns.js";const e=function(e,a){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.content.brand;const l=(null==a?void 0:a.length)?null==a?void 0:a.map((n=>n.updatedValue)):e.match(t);return t.lastIndex=0,e.split(o).map(((n,t)=>{var o;return(null==l?void 0:l[t])?`${n}<span></span><span id="connectors_variable_${t+1}" style="color: ${r}; text-decoration: underline; word-break: break-word;">${null!==(o=null==l?void 0:l[t])&&void 0!==o?o:""}</span><span> </span>`:n})).join("")};export{e as renderVariableUIForPreview};

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.d.ts

@@ -1,16 +0,0 @@
-import { CreateTemplateType, WhatsAppTemplate } from '../models/WhatsAppTemplate';
-export declare class TemplateCreatorHelper {
-    private parseDataFromHeaderComponent;
-    /**
-     * Check if current template state is ready for saving as a draft/submit-template or not
-     * @param state
-     */
-    validateState(state: CreateTemplateType): {
-        status: 'invalid' | 'valid';
-        errors: CreateTemplateType['error'];
-    };
-    private parseBodyComponent;
-    private parseFooterComponent;
-    private parseButtonComponent;
-    parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean): Promise<CreateTemplateType>;
-}

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{COLORS as t}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as i,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as l,NAME_LEN_LIMIT as a,NAME_LEN_ERROR as d,NO_SPECIAL_CHAR as r,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as s,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as p,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as m,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as h,BUTTON_EMOJI_ERROR as T,VALID_PHONE_NUMBER as y,QUICK_REPLY_NAME_LEN_LIMIT as B,CREATE_TEMPLATE_DOM_IDS as x,QUICK_REPLY_NAME_ERROR as f}from"../constants/TemplateConstants.js";import{HEADER_TYPES as k,ACTIONS_TYPES as N}from"../models/TemplateMeta.js";import{TemplateHelperUtils as C}from"../utils/TemplateHelperUtils.js";class g{parseDataFromHeaderComponent(e){var t,n,i,o,l,a,d;const r={headerType:k.NONE,headerVariables:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(v){r.headerType=v.format,r.headerText=v.text,r.headerAssetLink=null===(i=null===(n=v.example)||void 0===n?void 0:n.header_handle)||void 0===i?void 0:i[0];const t=null===(l=null===(o=v.example)||void 0===o?void 0:o.header_text)||void 0===l?void 0:l[0],s=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.header)||void 0===d?void 0:d[0];if(t&&s){const e=/\(\(/.test(s),n={idx:0,variableVal:t,editable:e,editableDefaultValues:e?void 0:t,variableName:s};r.headerVariables=[n]}}return r}validateState(e){var t,i,o,g,L,E,R,w,_,A,V,I,D,U,O,q,F,j,P,Y,K;const M=/\p{Extended_Pictographic}/u;let Q="valid";const H={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},S=new C;let $=!1;const G=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?e.meta.name.trim().length>a?(H.meta.name=d,Q="invalid"):n.test(e.meta.name.trim())&&(H.meta.name=r,Q="invalid"):(H.meta.name=l,Q="invalid"),H.meta.name&&!$&&(G(x.name),$=!0),e.headerType===k.TEXT){const t=null!==(o=null===(i=e.headerText)||void 0===i?void 0:i.trim())&&void 0!==o?o:"";if(t)if(t.length>v)H.header=s,Q="invalid";else{const e=S.getTemplateVariablesFromState(t);e&&e.length>1&&(H.header=u,Q="invalid")}else H.header=l,Q="invalid"}else e.headerType===k.DOCUMENT||e.headerType===k.IMAGE||(e.headerType,k.VIDEO);if(e.headerType!==k.DOCUMENT&&e.headerType!==k.IMAGE&&e.headerType!==k.VIDEO||e.headerAssetLink||(H.header=p,Q="invalid"),H.header&&!$&&(G(x.header),$=!0),e.bodyText?e.bodyTextRaw&&(null===(g=e.bodyTextRaw)||void 0===g?void 0:g.trim().length)>c&&(H.body=m,Q="invalid"):(H.body=l,Q="invalid"),H.body&&!$&&(G(x.body),$=!0),e.footerText&&e.footerText.length>v&&(H.footer=s,Q="invalid"),(null==H?void 0:H.footer)&&!$&&(G(x.footer),$=!0),e.actionsType===N.CTA_BTN){if(null===(E=null===(L=e.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===E?void 0:E.isChecked){const t=null===(R=e.ctaBtn.phoneNumber.btnText)||void 0===R?void 0:R.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;H.ctaBtn&&!t?(H.ctaBtn.phoneNumber.btnText=l,Q="invalid"):H.ctaBtn&&t&&t.length>b?(H.ctaBtn.phoneNumber.btnText=h,Q="invalid"):H.ctaBtn&&t&&M.test(t)&&(H.ctaBtn.phoneNumber.btnText=T,Q="invalid"),H.ctaBtn&&!n?(H.ctaBtn.phoneNumber.link=l,Q="invalid"):H.ctaBtn&&n&&n.length<10&&(H.ctaBtn.phoneNumber.link=y,Q="invalid")}if(null===(_=null===(w=e.ctaBtn)||void 0===w?void 0:w.websiteLinkBtn)||void 0===_?void 0:_.isChecked){const t=null===(A=e.ctaBtn.websiteLinkBtn.btnText)||void 0===A?void 0:A.trim(),n=null===(V=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===V?void 0:V.trim(),i=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();H.ctaBtn&&!t?(H.ctaBtn.websiteLink.btnText=l,Q="invalid"):H.ctaBtn&&t&&t.length>b?(H.ctaBtn.websiteLink.btnText=h,Q="invalid"):H.ctaBtn&&t&&M.test(t)&&(H.ctaBtn.websiteLink.btnText=T,Q="invalid"),!H.ctaBtn||n||i||(H.ctaBtn.websiteLink.link=l,Q="invalid")}}else if(e.actionsType===N.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,i)=>{const o=n.text.trim();if(o)if(o.length>B)t[i]=h,Q="invalid";else if(M.test(o))t[i]=T,Q="invalid";else{const n=[...e.quickReply];n.splice(i,1);n.find((e=>e.text===o))&&(t[i]=f,Q="invalid")}else t[i]=l,Q="invalid"})),H.quickReply=t}if(e.actionsType===N.CTA_BTN||e.actionsType===N.QUICK_REPLY){const e=null===(D=H.quickReply)||void 0===D?void 0:D.reduce(((e,t)=>e||!!t),!1);((null===(O=null===(U=null==H?void 0:H.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===O?void 0:O.link)||(null===(F=null===(q=H.ctaBtn)||void 0===q?void 0:q.websiteLink)||void 0===F?void 0:F.btnText)||(null===(P=null===(j=H.ctaBtn)||void 0===j?void 0:j.phoneNumber)||void 0===P?void 0:P.link)||(null===(K=null===(Y=H.ctaBtn)||void 0===Y?void 0:Y.phoneNumber)||void 0===K?void 0:K.btnText)||e)&&!$&&(G(x.actionButtons),$=!0)}return{status:Q,errors:H}}parseBodyComponent(e){var n,o,l,a,d;const r=[];let v="";const s=null===(n=e.components)||void 0===n?void 0:n.find((e=>"BODY"===e.type));return s&&(null===(l=null===(o=s.example)||void 0===o?void 0:o.body_text)||void 0===l||l[0].forEach(((t,n)=>{var o,l;let a=null===(l=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===l?void 0:l[n];const d=a&&/\(\(/.test(a),v=null==a?void 0:a.match(i);(null==v?void 0:v[2])&&(a=null==v?void 0:v[2]),r.push({idx:n,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),v=e.htmlContentUrl?e.htmlContentUrl:(null===(a=s.text)||void 0===a?void 0:a.split(/\{\{[0-9]+\}\}/).length)?null===(d=s.text)||void 0===d?void 0:d.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==r?void 0:r[n]){const i=r[n].variableName;return`${e} <span> </span><span  style="color: ${t.content.brand}; text-decoration: underline;">{{${i}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:r,bodyText:v}}parseFooterComponent(e){var t;const n=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==n?void 0:n.text}parseButtonComponent(e){var t,n,i,l,a,d;const r={actionsType:N.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n.length)){const t="QUICK_REPLY"===(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i[0].type)?N.QUICK_REPLY:N.CTA_BTN;if(r.actionsType=t,t===N.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];return r.quickReply=e,r}t===N.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var n,i,l,a;if(t.phone_number&&(r.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(i=null===(n=null==e?void 0:e.mapping)||void 0===n?void 0:n.buttons)||void 0===i?void 0:i[0])&&void 0!==l?l:void 0;let v=!1;d&&o.test(d)&&(v=!0),r.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:v?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:v?void 0:d}}})))}return r}parseUITemplateFromDBFormat(t,n){var i;return e(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d}=yield this.parseDataFromHeaderComponent(t),{bodyText:r,bodyVariable:v}=yield this.parseBodyComponent(t),{actionsType:s,quickReply:u,ctaBtn:p}=yield this.parseButtonComponent(t),c={quickReply:u,ctaBtn:p,meta:{name:n?`${t.label} Copy`:t.label,category:null===(i=t.category)||void 0===i?void 0:i.toUpperCase(),subCategory:t.templateCategory,language:t.language,templateId:t.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:s,footerText:this.parseFooterComponent(t),bodyVariables:v,bodyText:r,headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:m}=this.validateState(c);return c.error=m,c}))}}export{g as TemplateCreatorHelper};

package/dist/esm/components/template-preview/helpers/WhatsAppFormatToHTML.d.ts

@@ -1,8 +0,0 @@
-export declare class WhatsAppFormatToHTML {
-    convertToHTML(str: string): string;
-    convertToBold(str: string): string;
-    convertItalics(str: string): string;
-    convertStrike(str: string): string;
-    convertNewline(str: string): string;
-    removeExtraNewLines(md: string): string;
-}

package/dist/esm/components/template-preview/helpers/WhatsAppFormatToHTML.js

@@ -1 +0,0 @@
-class e{convertToHTML(e){return this.convertNewline(this.convertStrike(this.convertItalics(this.convertToBold(e))))}convertToBold(e){return e.replace(/\*(.*?)\*/gim,"<b>$1</b>")}convertItalics(e){return e.replace(/_(.*)_/gim,"<em>$1</em>")}convertStrike(e){return e.replace(/~(.*)~/gim,"<s>$1</s>")}convertNewline(e){return e}removeExtraNewLines(e){return e.replace(/\n\n/g,"\n")}}export{e as WhatsAppFormatToHTML};

package/dist/esm/components/template-preview/index.d.ts

@@ -1,6 +0,0 @@
-import * as regexPatterns from './constants/regexPatterns';
-export { regexPatterns };
-export * from './TemplatePreview';
-export * from './WhatsApp/WhatsAppLikePreview';
-export * from './helpers/SmsTemplateHelper';
-export * from './helpers/WhatsAppFormatToHTML';

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

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

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

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

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

@@ -1,39 +0,0 @@
-/// <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;
-    emailHtmlContainerId?: string;
-};

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

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

@@ -1,77 +0,0 @@
-import { SingleOption } from "../../dropdown/type";
-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;
-}
-export declare const CUSTOM_URL_NAME: {
-    value: string;
-    label: string;
-    placeHolder: string;
-};
-export type GlobalPlaceholderType = {
-    MARKETING: {
-        customer: baseAPITemplateVariableType[];
-        storeDetails: baseAPITemplateVariableType[];
-        orderDetails: baseAPITemplateVariableType[];
-        abandonedCart: baseAPITemplateVariableType[];
-    };
-    TRANSACTIONAL: {
-        customer: baseAPITemplateVariableType[];
-        storeDetails: baseAPITemplateVariableType[];
-        orderDetails: baseAPITemplateVariableType[];
-        abandonedCart: baseAPITemplateVariableType[];
-    };
-};
-export type baseAPITemplateVariableType = {
-    title: string;
-    default_value: string;
-    placeHolder: string;
-    type?: 'string' | 'url';
-};
-export type globalNormalizedPlaceholdersType = {
-    label: string;
-    options: SingleOption[];
-};
-export interface ButtonPlaceHolderOptions {
-    value: string;
-    label: string;
-    placeHolder: string;
-}

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

@@ -1 +0,0 @@
-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={}));const A={value:"custom_link",label:"Custom URL",placeHolder:"custom placeholder"};export{I as ACTIONS_TYPES,A as CUSTOM_URL_NAME,N as HEADER_TYPES,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS};

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

@@ -1,223 +0,0 @@
-import React, { ReactElement } from 'react';
-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>;
-};
-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/esm/components/template-preview/models/WhatsAppTemplate.js

@@ -1 +0,0 @@
-var E;!function(E){E.QUICK_REPLY="QUICK_REPLY",E.URL="URL",E.PHONE_NUMBER="PHONE_NUMBER"}(E||(E={}));export{E as BUTTON_TYPE};

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

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

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

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

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

@@ -1 +0,0 @@
-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/thumbnail/Thumbnail.d.ts

@@ -1,13 +0,0 @@
-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/esm/components/thumbnail/Thumbnail.js

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

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

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

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

@@ -1,10 +0,0 @@
-import r from"styled-components";import{THUMBNAIL_SIZE_MAP as t}from"./constants.js";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
-	width: ${r=>t[r.size]+"px"};
-	height: ${r=>t[r.size]+"px"};
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: ${o.surface.standard};
-	border: 1px solid ${o.stroke.primary};
-	border-radius: 4px;
-`;export{e as ThumbnailStyle};

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

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

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

@@ -1 +0,0 @@
-import{SIZE as r}from"../avatar/AvatarHelper.js";const a={[r.SMALL]:40,[r.MEDIUM]:64,[r.LARGE]:80};export{a as THUMBNAIL_SIZE_MAP};

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

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

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

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

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

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

@@ -1 +0,0 @@
-import t from"@emotion/styled/base";import{COLORS as c}from"../../constants/Theme.js";const b=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:"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.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IFwiZml0LWNvbnRlbnRcIjtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnZml0LWNvbnRlbnQnfTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as ToasterStyled};

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

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

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

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

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

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

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