@bikdotai/bik-component-library 0.0.9-analytics-chips-beta → 0.0.9-beta.1

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
-export declare const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes>;

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),i=require("./ChatHeader.js"),o=require("./ChatUI.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(r);const p=n.default.div`
-	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
-	border: ${e=>e.showHeader?0:1}px solid
-		${s.COLORS.stroke.primary};
-	border-radius: 4px;
-	background-repeat: no-repeat;
-	background-position: center;
-	background-size: cover;
-	position: relative;
-`,l=n.default(t.TitleRegular)`
-	color: ${s.COLORS.content.primary};
-`;exports.WhatsappLikePreview=r=>3===a.getPreviewPropLen(r)?e.jsx(e.Fragment,{children:r.zeroStateComponent}):e.jsx(e.Fragment,{children:e.jsxs(p,Object.assign({style:r.containerStyle,showHeader:r.showHeader},{children:[r.showHeader&&e.jsx(i.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!r.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(l,{children:"Preview"})})),e.jsx(o.default,Object.assign({showHeader:r.showHeader},r))]}))]}))});

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactElement } from 'react';
-import { CSSProperties } from 'styled-components';
-import { WhatsAppTemplate } from './models/WhatsAppTemplate';
-declare const WhatsappTemplatePreview: React.FC<{
-    template?: WhatsAppTemplate;
-    extras?: boolean;
-    containerStyle?: CSSProperties;
-    usePlaceHolderName?: boolean;
-    showHeader?: boolean;
-    zeroStateComponent?: ReactElement;
-    size?: 'small' | 'large';
-}>;
-export default WhatsappTemplatePreview;

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("./helpers/TemplateCreatorHelper.js"),i=require("./models/TemplateMeta.js"),n=require("./utils/TemplateHelperUtils.js"),r=require("./WhatsApp/WhatsAppLikePreview.js");exports.default=a=>{let{template:o,extras:d,containerStyle:s,usePlaceHolderName:u,showHeader:p,zeroStateComponent:v,size:h}=a;var x,c,m,b,T,y,B,w,k,j,N,q,H,L,P,f;const[A,S]=t.useState(),g=new l.TemplateCreatorHelper,C=new n.TemplateHelperUtils,F=[];return(null===(c=null===(x=null==A?void 0:A.ctaBtn)||void 0===x?void 0:x.phoneNumber)||void 0===c?void 0:c.isChecked)&&F.push({type:"phoneNumber",text:null!==(m=A.ctaBtn.phoneNumber.btnText)&&void 0!==m?m:"",extra:null!==(b=A.ctaBtn.phoneNumber.phoneNumber)&&void 0!==b?b:""}),(null===(y=null===(T=null==A?void 0:A.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===y?void 0:y.isChecked)&&F.push({type:"website",text:null!==(B=A.ctaBtn.websiteLinkBtn.btnText)&&void 0!==B?B:"",extra:null!==(k=null===(w=A.ctaBtn.websiteLinkBtn)||void 0===w?void 0:w.linkOpens)&&void 0!==k?k:"",placeholder:null!==(j=A.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),t.useEffect((()=>{o&&g.parseUITemplateFromDBFormat(o).then((e=>{S(Object.assign({},e))}))}),[o]),o?e.jsx(r.WhatsappLikePreview,{showHeader:p,containerPadding:"large"===h?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:C.whatsappOnlyFillVariablesValueInBodyText(null!==(N=null==A?void 0:A.bodyText)&&void 0!==N?N:"",null!==(q=null==A?void 0:A.bodyVariables)&&void 0!==q?q:[],u),footerText:null==A?void 0:A.footerText,headerMediaType:(null==A?void 0:A.headerType)||i.HEADER_TYPES.NONE,headerText:C.fillVariablesValInBodyText(null!==(H=null==A?void 0:A.headerText)&&void 0!==H?H:"",null!==(L=null==A?void 0:A.headerVariables)&&void 0!==L?L:[],u),headerAssetLink:null!==(P=null==A?void 0:A.headerAssetLink)&&void 0!==P?P:"",headerAssetName:null!==(f=null==A?void 0:A.headerAssetName)&&void 0!==f?f:"",quickReplybtn:null==A?void 0:A.quickReply,ctaBtn:F,actionTypes:null==A?void 0:A.actionsType,extras:d,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=v?v:e.jsx(e.Fragment,{children:" "})}):e.jsx(e.Fragment,{children:v})};

package/dist/cjs/components/template-preview/constants/TemplateConstants.d.ts

@@ -1,32 +0,0 @@
-export declare const CREATE_TEMPLATE_DOM_IDS: {
-    name: string;
-    header: string;
-    body: string;
-    actionButtons: string;
-    footer: string;
-};
-export declare const NAME_NOT_FOUND = "Please enter template name";
-export declare const BODY_TEXT_EMPTY = "Template body text cant be empty";
-export declare const REQUIRED_FIELD = "Required field";
-export declare const HEADER_LEN_ERROR = "Maximum 60 characters are allowed";
-export declare const NAME_LEN_ERROR = "Maximum 512 characters allowed";
-export declare const NO_SPECIAL_CHAR = "No special characters allowed";
-export declare const BODY_LEN_ERROR = "Maximum 1,024 characters are allowed";
-export declare const QUICK_REPLY_LEN_ERROR = "Maximum 20 characters are allowed";
-export declare const QUICK_REPLY_NAME_ERROR = "Buttons with same name are not allowed";
-export declare const CUSTOM_LIM_LEN_ERROR = "Maximum characters allowed is 2000 characters";
-export declare const ONE_VAR_ERROR = "Only one variable allowed in text header";
-export declare const VALID_PHONE_NUMBER = "Please enter a valid 10-digit phone number";
-export declare const FOOTER_EMOJI_ERROR = "Emojis are not allowed in footer";
-export declare const HEADER_EMOJI_ERROR = "Emojis are not allowed in header";
-export declare const BUTTON_EMOJI_ERROR = "Emojis are not allowed in button";
-export declare const HEADER_ASSET_LINK_ERROR = "Please attach the required media";
-export declare const TCS_DEFAULT_INPUT_ERROR = "Some input(s) are missing";
-export declare const ONE_VAR_ALLOWED = "Only one variable allowed in text header";
-export declare const HEADER_TEXT_LEN_LIMIT = 60;
-export declare const NAME_LEN_LIMIT = 512;
-export declare const BODY_TEXT_LEN_LIMIT = 1024;
-export declare const QUICK_REPLY_BTN_TEXT_LIMIT = 25;
-export declare const CUSTOM_LINK_LIMIT = 2000;
-export declare const QUICK_REPLY_NAME_LEN_LIMIT = 20;
-export declare const QRB_NONE = "None";

package/dist/cjs/components/template-preview/constants/TemplateConstants.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e="create-template",t={name:`${e}-name`,header:`${e}-header`,body:`${e}-body`,actionButtons:`${e}-action-buttons`,footer:`${e}-footer`};exports.BODY_LEN_ERROR="Maximum 1,024 characters are allowed",exports.BODY_TEXT_LEN_LIMIT=1024,exports.BUTTON_EMOJI_ERROR="Emojis are not allowed in button",exports.CREATE_TEMPLATE_DOM_IDS=t,exports.HEADER_ASSET_LINK_ERROR="Please attach the required media",exports.HEADER_LEN_ERROR="Maximum 60 characters are allowed",exports.HEADER_TEXT_LEN_LIMIT=60,exports.NAME_LEN_ERROR="Maximum 512 characters allowed",exports.NAME_LEN_LIMIT=512,exports.NO_SPECIAL_CHAR="No special characters allowed",exports.ONE_VAR_ALLOWED="Only one variable allowed in text header",exports.QUICK_REPLY_BTN_TEXT_LIMIT=25,exports.QUICK_REPLY_LEN_ERROR="Maximum 20 characters are allowed",exports.QUICK_REPLY_NAME_ERROR="Buttons with same name are not allowed",exports.QUICK_REPLY_NAME_LEN_LIMIT=20,exports.REQUIRED_FIELD="Required field",exports.VALID_PHONE_NUMBER="Please enter a valid 10-digit phone number";

package/dist/cjs/components/template-preview/constants/regexPatterns.d.ts

@@ -1,11 +0,0 @@
-export declare const lockedVarPattern: RegExp;
-export declare const editableVarPattern: RegExp;
-export declare const placeHolderNamePattern: RegExp;
-export declare const globalVariablePattern: RegExp;
-export declare const globalHalfVariablePattern: RegExp;
-export declare const specialCharPattern: RegExp;
-export declare const variablePattern: RegExp;
-export declare const variablePatternGlobal: RegExp;
-export declare const templateVariablePattern: RegExp;
-export declare const previewLinkMDFormatPattern: RegExp;
-export declare const editableBracketPattern: RegExp;

package/dist/cjs/components/template-preview/constants/regexPatterns.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=/\{\{[A-Za-z0-9 ]+\}\}/g,t=e;exports.editableBracketPattern=/[((|))]/,exports.editableVarPattern=/\((\(|\[)[A-Za-z0-9 ]+(\]|\))\)/,exports.globalHalfVariablePattern=/\{\{[a-zA-Z0-9]+(?=( |\}))(?!\}\})/g,exports.globalVariablePattern=e,exports.lockedVarPattern=/\[\[[A-Za-z0-9 ]+\]\]/,exports.placeHolderNamePattern=/(\[\[|\(\()(.*)(\)\)|\]\])/,exports.previewLinkMDFormatPattern=/\[([^[]+)\](\(.*\))/,exports.specialCharPattern=/[!@#$%^&*()_+\-={};':"\\|,.<>?]+/,exports.templateVariablePattern=t,exports.variablePattern=/\{\{[A-Za-z0-9 _]+\}\}/,exports.variablePatternGlobal=/\{\{[A-Za-z0-9 _]+\}\}/g;

package/dist/cjs/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/cjs/components/template-preview/helpers/SmsTemplateHelper.js

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

package/dist/cjs/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/cjs/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),i=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),l=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e){var t,n,i,l,a,d,r;const s={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(v){s.headerType=v.format,s.headerText=v.text,s.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===(a=null===(l=v.example)||void 0===l?void 0:l.header_text)||void 0===a?void 0:a[0],o=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.header)||void 0===r?void 0:r[0];if(t&&o){const e=/\(\(/.test(o),n={idx:0,variableVal:t,editable:e,editableDefaultValues:e?void 0:t,variableName:o};s.headerVariables=[n]}}return s}validateState(e){var t,a,d,r,s,v,E,u,T,p,_,c,R,m,b,h,I,L,N,y,B;const A=/\p{Extended_Pictographic}/u;let C="valid";const D={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},O=new l.TemplateHelperUtils;let x=!1;const P=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>i.NAME_LEN_LIMIT?(D.meta.name=i.NAME_LEN_ERROR,C="invalid"):n.specialCharPattern.test(e.meta.name.trim())&&(D.meta.name=i.NO_SPECIAL_CHAR,C="invalid"):(D.meta.name=i.REQUIRED_FIELD,C="invalid"),D.meta.name&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.name),x=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(d=null===(a=e.headerText)||void 0===a?void 0:a.trim())&&void 0!==d?d:"";if(t)if(t.length>i.HEADER_TEXT_LEN_LIMIT)D.header=i.HEADER_LEN_ERROR,C="invalid";else{const e=O.getTemplateVariablesFromState(t);e&&e.length>1&&(D.header=i.ONE_VAR_ALLOWED,C="invalid")}else D.header=i.REQUIRED_FIELD,C="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(D.header=i.HEADER_ASSET_LINK_ERROR,C="invalid"),D.header&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.header),x=!0),e.bodyText?e.bodyTextRaw&&(null===(r=e.bodyTextRaw)||void 0===r?void 0:r.trim().length)>i.BODY_TEXT_LEN_LIMIT&&(D.body=i.BODY_LEN_ERROR,C="invalid"):(D.body=i.REQUIRED_FIELD,C="invalid"),D.body&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.body),x=!0),e.footerText&&e.footerText.length>i.HEADER_TEXT_LEN_LIMIT&&(D.footer=i.HEADER_LEN_ERROR,C="invalid"),(null==D?void 0:D.footer)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.footer),x=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(v=null===(s=e.ctaBtn)||void 0===s?void 0:s.phoneNumber)||void 0===v?void 0:v.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;D.ctaBtn&&!t?(D.ctaBtn.phoneNumber.btnText=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(D.ctaBtn.phoneNumber.btnText=i.QUICK_REPLY_LEN_ERROR,C="invalid"):D.ctaBtn&&t&&A.test(t)&&(D.ctaBtn.phoneNumber.btnText=i.BUTTON_EMOJI_ERROR,C="invalid"),D.ctaBtn&&!n?(D.ctaBtn.phoneNumber.link=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&n&&n.length<10&&(D.ctaBtn.phoneNumber.link=i.VALID_PHONE_NUMBER,C="invalid")}if(null===(T=null===(u=e.ctaBtn)||void 0===u?void 0:u.websiteLinkBtn)||void 0===T?void 0:T.isChecked){const t=null===(p=e.ctaBtn.websiteLinkBtn.btnText)||void 0===p?void 0:p.trim(),n=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),o=null===(c=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===c?void 0:c.trim();D.ctaBtn&&!t?(D.ctaBtn.websiteLink.btnText=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(D.ctaBtn.websiteLink.btnText=i.QUICK_REPLY_LEN_ERROR,C="invalid"):D.ctaBtn&&t&&A.test(t)&&(D.ctaBtn.websiteLink.btnText=i.BUTTON_EMOJI_ERROR,C="invalid"),!D.ctaBtn||n||o||(D.ctaBtn.websiteLink.link=i.REQUIRED_FIELD,C="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,o)=>{const l=n.text.trim();if(l)if(l.length>i.QUICK_REPLY_NAME_LEN_LIMIT)t[o]=i.QUICK_REPLY_LEN_ERROR,C="invalid";else if(A.test(l))t[o]=i.BUTTON_EMOJI_ERROR,C="invalid";else{const n=[...e.quickReply];n.splice(o,1);n.find((e=>e.text===l))&&(t[o]=i.QUICK_REPLY_NAME_ERROR,C="invalid")}else t[o]=i.REQUIRED_FIELD,C="invalid"})),D.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(R=D.quickReply)||void 0===R?void 0:R.reduce(((e,t)=>e||!!t),!1);((null===(b=null===(m=null==D?void 0:D.ctaBtn)||void 0===m?void 0:m.websiteLink)||void 0===b?void 0:b.link)||(null===(I=null===(h=D.ctaBtn)||void 0===h?void 0:h.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=D.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(B=null===(y=D.ctaBtn)||void 0===y?void 0:y.phoneNumber)||void 0===B?void 0:B.btnText)||e)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.actionButtons),x=!0)}return{status:C,errors:D}}parseBodyComponent(e){var i,o,l,a,d;const r=[];let s="";const v=null===(i=e.components)||void 0===i?void 0:i.find((e=>"BODY"===e.type));return v&&(null===(l=null===(o=v.example)||void 0===o?void 0:o.body_text)||void 0===l||l[0].forEach(((t,i)=>{var o,l;let a=null===(l=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===l?void 0:l[i];const d=a&&/\(\(/.test(a),s=null==a?void 0:a.match(n.placeHolderNamePattern);(null==s?void 0:s[2])&&(a=null==s?void 0:s[2]),r.push({idx:i,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),s=e.htmlContentUrl?e.htmlContentUrl:(null===(a=v.text)||void 0===a?void 0:a.split(/\{\{[0-9]+\}\}/).length)?null===(d=v.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.COLORS.content.brand}; text-decoration: underline;">{{${i}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:r,bodyText:s}}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,i,l,a,d,r;const s={actionsType:o.ACTIONS_TYPES.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===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(s.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==v?void 0:v.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];return s.quickReply=e,s}t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==v?void 0:v.buttons)||void 0===r||r.forEach((t=>{var i,o,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(o=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===o?void 0:o[0])&&void 0!==l?l:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})))}return s}parseUITemplateFromDBFormat(t,n){var i;return e.__awaiter(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d}=yield this.parseDataFromHeaderComponent(t),{bodyText:r,bodyVariable:s}=yield this.parseBodyComponent(t),{actionsType:v,quickReply:E,ctaBtn:u}=yield this.parseButtonComponent(t),T={quickReply:E,ctaBtn:u,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:v,footerText:this.parseFooterComponent(t),bodyVariables:s,bodyText:r,headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:p}=this.validateState(T);return T.error=p,T}))}};

package/dist/cjs/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/cjs/components/template-preview/helpers/WhatsAppFormatToHTML.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.WhatsAppFormatToHTML=class{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")}};

package/dist/cjs/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/cjs/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/cjs/components/template-preview/models/Channels.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.CHANNEL_TYPE=void 0,(e=exports.CHANNEL_TYPE||(exports.CHANNEL_TYPE={})).WHATSAPP="whatsapp",e.INSTAGRAM="instagram",e.TIKTOK="tiktok",e.EMAIL="email",e.SMS="message",e.WEBPUSH="webpush",e.MESSAGE="message";

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/template-preview/models/TemplateMeta.js

@@ -1 +0,0 @@
-"use strict";var E,T,A,D;Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEMPLATE_EDITOR=void 0,(E=exports.TEMPLATE_EDITOR||(exports.TEMPLATE_EDITOR={})).SEND_GRID="sendgrid",E.BEE="bee",exports.TEMPLATE_STATUS=void 0,(T=exports.TEMPLATE_STATUS||(exports.TEMPLATE_STATUS={})).APPROVED="APPROVED",T.DISABLED="DISABLED",T.FLAGGED="FLAGGED",T.PENDING="PENDING",T.DRAFT="DRAFT",T.REJECTED="REJECTED",T.PENDING_DELETION="PENDING_DELETION",T.IN_REVIEW="IN REVIEW",T.PAUSED="PAUSED",T.ACTIVE="ACTIVE",T.LIBRARY="LIBRARY",exports.HEADER_TYPES=void 0,(A=exports.HEADER_TYPES||(exports.HEADER_TYPES={})).NONE="NONE",A.TEXT="TEXT",A.IMAGE="IMAGE",A.VIDEO="VIDEO",A.DOCUMENT="DOCUMENT",exports.ACTIONS_TYPES=void 0,(D=exports.ACTIONS_TYPES||(exports.ACTIONS_TYPES={})).NONE="NONE",D.CTA_BTN="CTA_BTN",D.QUICK_REPLY="QUICK_REPLY";exports.CUSTOM_URL_NAME={value:"custom_link",label:"Custom URL",placeHolder:"custom placeholder"};

package/dist/cjs/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/cjs/components/template-preview/models/WhatsAppTemplate.js

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

@@ -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/cjs/components/template-preview/utils/TemplateHelperUtils.js

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

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

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

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

@@ -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/cjs/components/thumbnail/Thumbnail.js

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

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

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

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

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

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

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