@bikdotai/bik-component-library 0.0.999--beta-chatbot → 0.0.999-beta-switch

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),n=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),o=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/Channels.js"),u=require("../../TypographyStyle.js"),s=require("../../../utils/StringUtils.js"),d=require("../../../constants/Theme.js"),r=require("../context/templateModalContext.js"),c=require("../utils/getVariableNameEmail.js"),v=require("../utils/validateIsUrl.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const m=p(l).default.div`
+	/* surface/$color-background-warning-light */
+
+	background: ${e=>e.focused&&e.channel===i.CHANNEL_TYPE.EMAIL?d.COLORS.background.warning.light:"transparent"};
+	border-radius: 4px;
+	padding: 8px 10px;
+`,b={value:"custom_link",label:"Custom URL"},g={value:"custom_text",label:"Custom text"};exports.Container=m,exports.default=l=>{let{onFocus:p,variable:E,index:_}=l;var x;const[j,A]=t.useState(!1),[P,N]=t.useState(""),[h,T]=t.useState([]),[y,L]=t.useState(),{device:f,channel:C,isError:O,originalVariableList:k,template:H,templateSelectionTriggered:S,setTemplate:Y,setDisplayContent:q,setOriginalVariableList:M,globalNormalizedPlaceholders:V}=r.useTemplateModalContext();function I(e,t){var l,n;const a="custom_link"===t?"link":"custom_text"===t?"string":t;if(C!==i.CHANNEL_TYPE.WHATSAPP){const n=c.getVariableNameForEmailByIndex(_+1),o=null===document||void 0===document?void 0:document.getElementById("mobile"===f?"template_html_mobile":"template_html_desktop"),u=C===i.CHANNEL_TYPE.EMAIL?null===(l=null==o?void 0:o.contentWindow)||void 0===l?void 0:l.document.getElementById(n):document.getElementById(n);u&&(u.textContent="custom_text"!==t&&"custom_link"!==t||e?e:E.variableName);const s=k.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:a,updatedValue:e}):t));null==M||M(s)}if(C===i.CHANNEL_TYPE.WHATSAPP){const t=null===(n=k.body)||void 0===n?void 0:n.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:a,updatedValue:e}):t));null==M||M((e=>Object.assign(Object.assign({},e),{body:t,buttons:k.buttons})))}}function W(e,t){var l;const n=Object.assign({},H),a=null===(l=null==n?void 0:n.components)||void 0===l?void 0:l.map((l=>{var n,a,o,i,u;const s=Object.assign({},l);if("BODY"===l.type&&(null===(a=null===(n=l.example)||void 0===n?void 0:n.body_text)||void 0===a?void 0:a[0])){const l=[...null!==(u=null===(i=null===(o=s.example)||void 0===o?void 0:o.body_text)||void 0===i?void 0:i[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const n=Object.assign(Object.assign({},s.example),{body_text:[l]});return Object.assign(Object.assign({},s),{example:n})}return l}));n.components=a,null==Y||Y(n)}return t.useEffect((()=>{j&&(null==p||p())}),[j]),t.useEffect((()=>{!function(){var e,t,l,n,a;const o="mobile"===f?"template_html_mobile":"template_html_desktop",u=document.getElementById(o),s=(null!==(n=null===(l=null===(t=null===(e=null==u?void 0:u.contentWindow)||void 0===e?void 0:e.document)||void 0===t?void 0:t.body)||void 0===l?void 0:l.innerHTML)&&void 0!==n?n:"")+(null===(a=null==u?void 0:u.contentWindow)||void 0===a?void 0:a.document.head.innerHTML);C===i.CHANNEL_TYPE.EMAIL&&(null==q||q(s))}()}),[S]),t.useEffect((()=>{var e;const t=[];let l=[];if(C===i.CHANNEL_TYPE.MESSAGE){const e=null!=V?V:[];T([{label:"",options:[g,b]},...e]),l=[{label:"",options:[g,b]},...e]}else{"link"===(null==E?void 0:E.type)?(t.push({label:"",options:[b,g]}),L(b)):(t.push({label:"",options:[b,g]}),L(g));const e=null!=V?V:[];T([...t,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:s.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})}))]),l=[...t,...e]}if((C===i.CHANNEL_TYPE.WHATSAPP||C===i.CHANNEL_TYPE.EMAIL||C===i.CHANNEL_TYPE.MESSAGE)&&E.updatedValue)if(o.placeHolderNamePattern.test(E.updatedValue)&&C===i.CHANNEL_TYPE.WHATSAPP||E.updatedValue.startsWith("{{")&&C!==i.CHANNEL_TYPE.WHATSAPP){let e={label:"",value:""};const t=C===i.CHANNEL_TYPE.WHATSAPP?E.updatedValue.replace("[[","").replace("]]",""):E.updatedValue.replace("{{","").replace("}}","");l.map((l=>{l.options.map((l=>{var n;(null===(n=l.value)||void 0===n?void 0:n.replace("{{","").replace("}}",""))===t&&(e=l)}))})),e.value&&L(e)}else(null===(e=E.updatedValue)||void 0===e?void 0:e.startsWith("https"))?(L(b),N(E.updatedValue.split("https://")[1])):(L(g),N(E.updatedValue))}),[]),e.jsxs(m,Object.assign({channel:C,focused:j,onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1)},{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(u.BodySecondary,Object.assign({style:{color:O&&!y?d.COLORS.content.negative:d.COLORS.content.primary}},{children:[null===(x=E.variableName)||void 0===x?void 0:x.replace("{{","").replace("}}","")," ","link"===(null==E?void 0:E.type)?"link":"variable"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(n.Dropdown,{options:h,isSearchable:!1,onSelect:function(e,t){var l,n,a;const o=e;N(""),L(o),C===i.CHANNEL_TYPE.WHATSAPP?"custom_text"!==o.value&&"custom_link"!==o.value?(I(null!==(l=o.value)&&void 0!==l?l:"","string"),null==W||W(null!==(n=E.index)&&void 0!==n?n:0,`[[${o.value}]]`)):(null==W||W(null!==(a=E.index)&&void 0!==a?a:0,E.variableName),I("","url"===o.bikPlaceholderType?"link":"string")):"custom_text"!==o.value&&"custom_link"!==o.value?I(o.value,"url"===o.bikPlaceholderType?"link":"string"):(N(""),I("",o.value))},defaultOptions:y?[Object.assign(Object.assign({},y),{selected:!0})]:[]})})),("custom_text"===(null==y?void 0:y.value)||"custom_link"===(null==y?void 0:y.value))&&e.jsx(a.Input,{labelText:"custom_text"===(null==y?void 0:y.value)?"Custom text value":"custom_link"===(null==y?void 0:y.value)?"Custom URL value":"",id:`variable-value-${null==y?void 0:y.value}-${_}`,value:P,errorMessage:O?P?"custom_link"!==y.value||v.validateIsUrl(P)?"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==y?void 0:y.value)?void 0:30,prefixText:"custom_link"===(null==y?void 0:y.value)?"https://":"",placeholder:"link"===E.type||"custom_link"===y.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>function(e,t){var l;N(t);const n="custom_link"===(null==y?void 0:y.value)?`https://${t}`:t;I(n,e),C===i.CHANNEL_TYPE.WHATSAPP&&(null==W||W(null!==(l=E.index)&&void 0!==l?l:0,n))}(y.value,e)})]}))};

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+export type ComponentType = WhatsAppTemplate['components'][0];
+export interface VariableConnectorWhatsAppProps {
+    originalVariableList: WhatsAppTemplateVariables;
+    descriptionComponent: ComponentType;
+    variableMapping: string[] | undefined;
+    type: ComponentType['type'];
+}
+declare const VariableConnectorWhatsApp: ({ descriptionComponent, type, }: VariableConnectorWhatsAppProps) => JSX.Element;
+export default VariableConnectorWhatsApp;

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../input/Input.js"),r=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),i=require("../context/templateModalContext.js"),n=require("./VariableConnector.js");exports.default=s=>{let{descriptionComponent:l,type:o}=s;var d;const{originalVariableList:p}=i.useTemplateModalContext();return"BODY"===l.type?e.jsx("div",{children:null===(d=null==p?void 0:p.body)||void 0===d?void 0:d.map(((i,s)=>i.isEditableVariable?e.jsx(n.default,{index:s,variable:i},`${s}-${i.index}`):e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(r.BodySecondary,Object.assign({style:{color:a.COLORS.content.primary}},{children:["HEADER"===o?"Header":""," Locked variable ",s+1]})),e.jsx(t.Input,{state:"disabled",placeholder:i.variableName,onChangeText:()=>{}})]}),s)))}):e.jsx(e.Fragment,{})};

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface VariableConnectorsProps {
+    onFocus?: (variableIndex: number) => void;
+}
+declare const VariableConnectors: ({ onFocus }: VariableConnectorsProps) => JSX.Element;
+export default VariableConnectors;

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../template-preview/models/Channels.js"),n=require("../../tooltips/Tooltip.js"),l=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),a=require("../context/templateModalContext.js"),o=require("./VariableConnector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=c(i).default.div`
+	overflow-y: auto;
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+`;exports.Container=d,exports.default=i=>{let{onFocus:c}=i;const{originalVariableList:u,channel:j}=a.useTemplateModalContext();return e.jsxs(d,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(l.TitleRegular,Object.assign({style:{color:r.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(n.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:r.COLORS.content.placeholder})})}))]})),e.jsx(l.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==u?void 0:u.map(((t,i)=>j!==s.CHANNEL_TYPE.EMAIL||t.isEditableVariable?e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(o.default,{index:i,variable:t,onFocus:()=>null==c?void 0:c(i)})}),i):e.jsx(e.Fragment,{})))]})};

package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export interface VariableEditorHeaderProps {
+    headerText: string;
+    subText: string;
+    toolTipInfo?: string;
+    containerStyle?: CSSProperties;
+}
+declare const VariableEditorHeader: ({ headerText, subText, toolTipInfo, containerStyle, }: VariableEditorHeaderProps) => JSX.Element;
+export default VariableEditorHeader;

package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../tooltips/Tooltip.js"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(i);const a=l.default(r.BodySecondary)`
+	line-height: 1.5 !important;
+`,d=l.default.div`
+	padding-top: 24px;
+	padding-left: 10px;
+	padding-right: 10px;
+	margin-bottom: 8px;
+	line-height: normal;
+`;exports.default=i=>{let{headerText:o,subText:l,toolTipInfo:c,containerStyle:p}=i;return e.jsxs(d,Object.assign({style:Object.assign({},p)},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:n.COLORS.content.primary}},{children:o})),c&&e.jsx(s.Tooltip,Object.assign({body:l},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})})}))]})),e.jsx(a,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:l}))]}))};

package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ButtonPlaceHolderOptions } from "../../template-preview/models/TemplateMeta";
+import { CTABtnValType, QRBBtnValType, TEMPLATE_BUTTON } from "../../template-preview/models/WhatsAppTemplate";
+import { WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+export type URLBtnUpdateFunctionType = (val: CTABtnValType, mode: 'custom' | 'placeholder', btnIndex?: number) => void;
+export type QRBBtnUpdateFunctionType = (val: QRBBtnValType, mode: 'custom' | 'placeholder', btnIndex?: number) => void;
+export interface WhatsAppTemplateCardButtonV2Props {
+    originalVariableList: WhatsAppTemplateVariables;
+    updateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;
+    updateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;
+    button: TEMPLATE_BUTTON;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+}
+declare const WhatsAppTemplateCardButtonV2: ({ button, updateSelectedURLTemplateBtn, updateSelectedQRBTemplateBtn, originalVariableList, CTAoptions, QRBoptions, }: WhatsAppTemplateCardButtonV2Props) => JSX.Element;
+export default WhatsAppTemplateCardButtonV2;

package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),s=require("../../template-preview/constants/regexPatterns.js"),n=require("../../template-preview/models/TemplateMeta.js"),r=require("../../template-preview/models/WhatsAppTemplate.js"),o=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),u=require("../context/templateModalContext.js"),d=require("../utils/validateIsUrl.js"),p=require("./VariableConnector.js");exports.default=c=>{let{button:b,updateSelectedURLTemplateBtn:m,updateSelectedQRBTemplateBtn:j,originalVariableList:x,CTAoptions:v,QRBoptions:y}=c;const[f,g]=t.useState(""),[h,O]=t.useState(),{setOriginalVariableList:R,isError:U}=u.useTemplateModalContext();function L(e){g(e);const t=[Object.assign(Object.assign({},x.buttons[0]),{type:r.BUTTON_TYPE.URL,buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]})];null==R||R({body:[...x.body],buttons:[...t]}),null==m||m(`https://${e}`,"custom")}return t.useEffect((()=>{var e;if(b.buttonVariable&&s.editableVarPattern.test(b.buttonVariable))O(n.CUSTOM_URL_NAME),g((null===(e=b.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===b.type?v:y;e="URL"===b.type?t.findIndex((e=>e.placeHolder===b.buttonVariable)):t.findIndex((e=>e.label===b.flowName)),e>-1&&O(t[e])}}),[]),e.jsxs(p.Container,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(o.BodySecondary,Object.assign({style:{color:i.COLORS.content.primary}},{children:[b.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(l.Dropdown,{options:"URL"===b.type?v:y,isSearchable:!1,onSelect:function(e,t){const l=e;O(l);const a=("URL"===b.type?v:y).find((e=>e.placeHolder===l.placeHolder));if(a)if("custom_link"!==a.value){let e;"URL"===b.type?(e=[Object.assign(Object.assign({},x.buttons[0]),{type:"URL",buttonVariable:l.placeHolder,example:["https://bik.ai/"]})],null==m||m({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder")):(e=x.buttons.map(((e,t)=>t===b.index?Object.assign(Object.assign({},e),{type:"QUICK_REPLY",flowName:l.label,flowId:l.value}):e)),null==j||j({flowName:l.label,flowId:l.value},"placeholder",b.index)),null==R||R({body:[...x.body],buttons:[...e]})}else L("")},defaultOptions:h?[Object.assign(Object.assign({},h),{selected:!0})]:[]})})),"custom_link"===(null==h?void 0:h.value)&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(a.Input,{errorMessage:U?f?d.validateIsUrl(f)?"":"Enter valid URL":"Required field":"",value:f,prefixText:"custom_link"===(null==h?void 0:h.value)?"https://":"",placeholder:"Enter custom URL here",onChangeText:L})}))]})};

package/dist/cjs/components/template-context-mapper/utils/convertPlaceholdersToBikDropdown.d.ts

@@ -0,0 +1,6 @@
+import { SingleOption } from "../../dropdown/type";
+import { GlobalPlaceholderType } from "../../template-preview/models/TemplateMeta";
+export declare const convertPlaceholdersToBikDropdown: (data?: GlobalPlaceholderType) => {
+    label: string;
+    options: SingleOption[];
+}[];

package/dist/cjs/components/template-context-mapper/utils/convertPlaceholdersToBikDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.convertPlaceholdersToBikDropdown=e=>{const l=[];return e&&Object.keys(e).forEach((o=>{var r;const t=e[o],n=null!==(r=null==t?void 0:t.map((e=>{var l;return{label:e.title,value:e.placeHolder,bikPlaceholderType:null!==(l=e.type)&&void 0!==l?l:"string"}})))&&void 0!==r?r:[];l.push({label:o,options:n})})),l};

package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.d.ts

@@ -0,0 +1,21 @@
+import { WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+type ComponentType = WhatsAppTemplate['components'][0];
+export declare const getAllDataFromTemplateComponent: (template: WhatsAppTemplate) => {
+    imageComponent: null;
+    descriptionComponents: {
+        component: ComponentType;
+        i: number;
+        type: ComponentType['type'];
+    }[];
+    urlBtns: {
+        component: ComponentType;
+        i: number;
+    }[];
+    qrbBtns: {
+        component: ComponentType;
+        i: number;
+    }[];
+    bodyVariables: string[];
+    headerVariables: string[];
+};
+export {};

package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getAllDataFromTemplateComponent=t=>{var e,o;const n=[],p=[],i=[],l=[],s=[];let a=null;return t.components.forEach(((t,e)=>{var o,l,s,r,u,d;if("BODY"===t.type&&t.text&&n.push({component:t,i:e,type:"BODY"}),"HEADER"===t.type&&"NONE"!==t.format&&"TEXT"!==t.format&&(null===(l=null===(o=t.example)||void 0===o?void 0:o.header_handle)||void 0===l?void 0:l[0])&&(a=t),"HEADER"===t.type&&"TEXT"===t.format&&n.push({component:t,i:e,type:"HEADER"}),"BUTTONS"===t.type){const o=null===(r=null===(s=t.buttons)||void 0===s?void 0:s.filter)||void 0===r?void 0:r.call(s,(t=>"URL"===t.type));p.push({component:Object.assign(Object.assign({},t),{buttons:o}),i:e});const n=null===(d=null===(u=t.buttons)||void 0===u?void 0:u.filter)||void 0===d?void 0:d.call(u,(t=>"QUICK_REPLY"===t.type));i.push({component:Object.assign(Object.assign({},t),{buttons:n}),i:e}),i.push}})),t.mapping&&(null===(e=t.mapping.body)||void 0===e||e.forEach((t=>{l.push(t)}))),t.mapping&&(null===(o=t.mapping.header)||void 0===o||o.forEach((t=>{s.push(t)}))),{imageComponent:a,descriptionComponents:n,urlBtns:p,qrbBtns:i,bodyVariables:l,headerVariables:s}};

package/dist/cjs/components/template-context-mapper/utils/getVariableNameEmail.d.ts

@@ -0,0 +1,2 @@
+export declare const SMS_TEMPLATE_VAR_PATTERN: RegExp;
+export declare const getVariableNameForEmailByIndex: (index: number) => string;

package/dist/cjs/components/template-context-mapper/utils/getVariableNameEmail.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getVariableNameForEmailByIndex=e=>"connectors_variable_"+e;

package/dist/cjs/components/template-context-mapper/utils/highlightFor.d.ts

@@ -0,0 +1,3 @@
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import { DEVICE_TYPES } from '../context/templateModalContext';
+export declare function highlightFor(id: string, color: string, seconds: number, channel: CHANNEL_TYPE, device: DEVICE_TYPES): void;

package/dist/cjs/components/template-context-mapper/utils/highlightFor.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../template-preview/models/Channels.js");exports.highlightFor=function(t,o,l,n,d){var i;const u=null===document||void 0===document?void 0:document.getElementById("mobile"===d?"template_html_mobile":"template_html_desktop"),m=n===e.CHANNEL_TYPE.EMAIL?null===(i=null==u?void 0:u.contentWindow)||void 0===i?void 0:i.document.getElementById(t):document.getElementById(t);if(m){const e=m.style.backgroundColor;m.style.backgroundColor=o,setTimeout((function(){m.style.backgroundColor=e}),1e3*l)}};

package/dist/cjs/components/template-context-mapper/utils/validateIsUrl.d.ts

@@ -0,0 +1 @@
+export declare const validateIsUrl: (recievedMediaLink: string) => boolean;

package/dist/cjs/components/template-context-mapper/utils/validateIsUrl.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.validateIsUrl=e=>!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_,.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e);

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const EmailTemplateHTMLPreview: React.FC<{
+    display_content: string;
+    containerId: string;
+}>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");exports.default=r=>{let{template:l,handleViewTemplate:a,hideHeader:s,hideViewButton:d,containerStyle:o,emailHtmlContainerId:u,emailDisplayContent:c}=r;return e.jsxs(n.EmailContainer,Object.assign({hideHeader:s,style:Object.assign({},null!=o?o:{})},{children:[!s&&e.jsx(n.Header,{children:e.jsx(i.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:l.name}))}),c?e.jsx("iframe",{title:"Email template preview",id:null!=u?u:"",width:"100%",srcDoc:c,height:"100%",style:{pointerEvents:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:s},{children:e.jsx("img",{alt:"Email thumbnail",src:l.thumbnailUrl,style:{objectFit:"contain",width:"100%"}})})),!d&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{a&&a()}})})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../TypographyStyle.js"),r=require("./EmailTemplatePreview.styled.js");exports.default=n=>{let{template:l,handleViewTemplate:a,hideHeader:s,hideViewButton:d,containerStyle:o,emailHtmlContainerId:u,emailDisplayContent:c}=n;return e.jsxs(r.EmailContainer,Object.assign({hideHeader:s,style:Object.assign({},null!=o?o:{})},{children:[!s&&e.jsx(r.Header,{children:e.jsx(i.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:l.name}))}),c?e.jsx("iframe",{title:"Email template preview",id:null!=u?u:"",width:"100%",srcDoc:c,height:"100%",style:{pointerEvents:"none"}}):e.jsx(r.ImageContainer,Object.assign({hideHeader:s},{children:e.jsx("img",{alt:"",src:l.thumbnailUrl,style:{objectFit:"contain",width:"100%"}})})),!d&&e.jsx(r.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{a&&a()}})})]}))};

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

@@ -3,8 +3,8 @@ import { CHANNEL_TYPE } from './models/Channels';
 import { EmailMeta, EmailTemplateType } from './models/EmailTemplate';
 import { SMSMeta, SMSTemplateType } from './models/SmsTemplate';
 import { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';
-export declare const TemplatePreview: React.FC<{
-    template: WhatsAppTemplate | SMSTemplateType | EmailTemplateType;
+export interface TemplatePreviewProps {
+    template?: WhatsAppTemplate | SMSTemplateType | EmailTemplateType;
     channel: CHANNEL_TYPE;
     onlyTemplateContent?: boolean;
     outsidePreview?: boolean;
@@ -15,4 +15,5 @@ export declare const TemplatePreview: React.FC<{
     hideHeader?: boolean;
     size?: 'small' | 'large';
     templateContainerStyles?: React.CSSProperties;
-}>;
+}
+export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, }: TemplatePreviewProps) => JSX.Element;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../utils/StringUtils.js"),t=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),a=require("./EmailTemplateThumbnailPreview.js"),n=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),s=require("./WhatsAppTemplatePreview.js");const o={WhatsAppWrapper:{backgroundColor:t.COLORS.surface.standard,borderRadius:4,border:`1px solid ${t.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=d=>{let{template:p,channel:u,whatsAppSpecificMeta:m,templateContainerStyles:c,templateCreationsInfo:v,hideHeader:j,size:h,onlyTemplateContent:S,emailSpecificMeta:y,smsSpecificMeta:C,outsidePreview:b}=d;var g,T;return u===n.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0,border:v?`1px solid ${t.COLORS.stroke.primary}`:"none",borderRadius:4},null==C?void 0:C.templateContainerStyles)},{children:e.jsx(r.default,{template:p,hideHeader:j,onlyTemplateContent:S,size:null!=h?h:"large",variableStore:null==C?void 0:C.smsVariableStore,display_content:null==C?void 0:C.smsDisplayContent})})):u===n.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0},null==y?void 0:y.templateContainerStyles)},{children:e.jsx(a.default,{template:p,handleViewTemplate:()=>{var e;null===(e=null==y?void 0:y.handleViewTemplate)||void 0===e||e.call(y)},hideHeader:j,hideViewButton:null==y?void 0:y.hideViewButtonForEmail,containerStyle:null==y?void 0:y.containerStyle,emailDisplayContent:null==y?void 0:y.emailDisplayContent,emailHtmlContainerId:null==y?void 0:y.emailHtmlContainerId})})):u===n.CHANNEL_TYPE.WHATSAPP?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==m?void 0:m.templateContainerStyles),v?o.WhatsAppWrapper:{})},{children:[v?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(i.TitleRegular,{children:l.default.convertToTitleCase(null!==(g=null==p?void 0:p.label)&&void 0!==g?g:"")})})):e.jsx(e.Fragment,{}),e.jsx(s.default,{showHeader:null==m?void 0:m.showWhatsAppHeader,extras:null==m?void 0:m.whatsAppExtras,template:p,size:v?"small":null!=h?h:"large",containerStyle:Object.assign({borderWidth:v?0:1,borderTopWidth:1},null!==(T=null==m?void 0:m.containerStyle)&&void 0!==T?T:{}),zeroStateComponent:null==m?void 0:m.zeroStateComponent,usePlaceHolderName:null==m?void 0:m.usePlaceHolderName})]})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../utils/StringUtils.js"),t=require("../../constants/Theme.js"),a=require("../TypographyStyle.js"),i=require("./EmailTemplateThumbnailPreview.js"),n=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),s=require("./WhatsAppTemplatePreview.js");const o={WhatsAppWrapper:{backgroundColor:t.COLORS.surface.standard,borderRadius:4,border:`1px solid ${t.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=d=>{let{template:p,channel:u,whatsAppSpecificMeta:m,templateCreationsInfo:c,hideHeader:v,size:j,onlyTemplateContent:h,emailSpecificMeta:S,smsSpecificMeta:b}=d;var g,y;return u===n.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:c?16:0,border:c?`1px solid ${t.COLORS.stroke.primary}`:"none",borderRadius:4},null==b?void 0:b.templateContainerStyles)},{children:e.jsx(r.default,{template:p,hideHeader:v,onlyTemplateContent:h,size:null!=j?j:"large",variableStore:null==b?void 0:b.smsVariableStore,display_content:null==b?void 0:b.smsDisplayContent})})):u===n.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:c?16:0},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(i.default,{template:p,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:v,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId})})):u===n.CHANNEL_TYPE.WHATSAPP?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==m?void 0:m.templateContainerStyles),c?o.WhatsAppWrapper:{})},{children:[c?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(a.TitleRegular,{children:l.default.convertToTitleCase(null!==(g=null==p?void 0:p.label)&&void 0!==g?g:"")})})):e.jsx(e.Fragment,{}),e.jsx(s.default,{showHeader:null==m?void 0:m.showWhatsAppHeader,extras:null==m?void 0:m.whatsAppExtras,template:p,size:c?"small":null!=j?j:"large",containerStyle:Object.assign({borderWidth:c?0:1,borderTopWidth:1},null!==(y=null==m?void 0:m.containerStyle)&&void 0!==y?y:{}),zeroStateComponent:null==m?void 0:m.zeroStateComponent,usePlaceHolderName:null==m?void 0:m.usePlaceHolderName})]})):e.jsx(e.Fragment,{})};

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("react"),i=require("styled-components"),o=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),d=require("../helpers/WhatsAppFormatToHTML.js"),l=require("../models/TemplateMeta.js"),h=require("./ChatBtn.js"),p=require("./ChatUI.style.js"),c=require("./MediaCard.js"),x=require("./RenderTemplateWithVariable.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=T(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("react"),i=require("styled-components"),o=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),l=require("../helpers/WhatsAppFormatToHTML.js"),p=require("../models/TemplateMeta.js"),h=require("./ChatBtn.js"),c=require("./ChatUI.style.js"),x=require("./MediaCard.js"),T=require("./RenderTemplateWithVariable.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=u(i).default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -8px;
 	top: -9px;
-`;exports.default=i=>{const{bodyText:T,footerText:m,headerMediaType:j,headerText:y,headerAssetLink:S,headerAssetName:f,quickReplybtn:g,ctaBtn:E,actionTypes:q,textType:v,extras:C,showHeader:A,imagePreviewStyles:N,size:b}=i,w=new d.WhatsAppFormatToHTML,M=a.useMemo((()=>({color:n.COLORS.content.primary,margin:12,fontSize:A?n.FONTS.caption.fontSize:n.FONTS.bodySecondary.fontSize,fontWeight:n.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(p.Container,{children:[e.jsx(u,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),j===l.HEADER_TYPES.TEXT?e.jsx(x.default,{bold:!0,text:y}):j!==l.HEADER_TYPES.NONE?e.jsx(c.MediaCard,{headerAssetLink:S,headerAssetName:f,mediaType:j,imagePreviewStyles:j===l.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!T&&e.jsx(e.Fragment,{children:"html"===v?e.jsx("div",{className:"richTextEditor",style:M,dangerouslySetInnerHTML:{__html:w.convertToHTML(T)}}):e.jsx(o.BodySecondary,{children:T})}),e.jsxs(p.FooterWrapper,{children:[e.jsx(p.TimeStamp,Object.assign({style:{flex:1}},{children:m})),e.jsx(p.TimeStamp,{children:"16:48"})]}),q===l.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==g?void 0:g.map(((t,r)=>e.jsx(h.ChatBtn,{text:t.text},r)))}):q===l.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==E?void 0:E.map(((t,a)=>e.jsx(h.ChatBtn,{textTypography:A?o.Caption:o.BodySecondary,extraContent:C?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r.default:s.default,size:b},a)))}):e.jsx(e.Fragment,{})]})};
+`;exports.default=i=>{const{bodyText:u,footerText:m,headerMediaType:y,headerText:S,headerAssetLink:g,headerAssetName:f,quickReplybtn:q,ctaBtn:E,actionTypes:v,textType:b,extras:C,showHeader:A,imagePreviewStyles:N,size:w}=i,M=new l.WhatsAppFormatToHTML,O=a.useMemo((()=>({color:d.COLORS.content.primary,margin:12,fontSize:A?d.FONTS.caption.fontSize:d.FONTS.bodySecondary.fontSize,fontWeight:d.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(c.Container,{children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===p.HEADER_TYPES.TEXT?e.jsx(T.default,{bold:!0,text:S}):y!==p.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:g,headerAssetName:f,mediaType:y,imagePreviewStyles:y===p.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!u&&e.jsx(e.Fragment,{children:"html"===b?e.jsx("div",{className:"richTextEditor",style:O,dangerouslySetInnerHTML:{__html:M.convertToHTML(u)}}):e.jsx(n.BodySecondary,{children:u})}),e.jsxs(c.FooterWrapper,{children:[e.jsx(o.Tooltip,Object.assign({body:null!=m?m:"",placement:"top"},{children:e.jsx(c.TimeStamp,Object.assign({style:{flex:1}},{children:m}))})),e.jsx(c.TimeStamp,{children:"16:48"})]}),v===p.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==q?void 0:q.map(((t,r)=>e.jsx(h.ChatBtn,{text:t.text},r)))}):v===p.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==E?void 0:E.map(((t,a)=>e.jsx(h.ChatBtn,{textTypography:A?n.Caption:n.BodySecondary,extraContent:C?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r.default:s.default,size:w},a)))}):e.jsx(e.Fragment,{})]})};

package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js

@@ -7,9 +7,13 @@
 	border-bottom-left-radius: 12px;
 	position: relative;
 	padding: 8px 0px;
-`,n=i.default(t.Caption)`
+`,d=i.default(t.Caption)`
 	color: ${r.COLORS.content.secondary};
-`,d=i.default.div`
+	max-width: 80px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+`,n=i.default.div`
 	border-radius: 8px;
 	display: flex;
 	flex-direction: column;
@@ -49,4 +53,4 @@
 	position: absolute;
 	top: 16px;
 	right: 16px;
-`,exports.ChatBtnContainer=p,exports.Container=a,exports.FooterWrapper=s,exports.MediaContainer=d,exports.TimeStamp=n;
+`,exports.ChatBtnContainer=p,exports.Container=a,exports.FooterWrapper=s,exports.MediaContainer=n,exports.TimeStamp=d;

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

@@ -5,6 +5,8 @@ export declare const CREATE_TEMPLATE_DOM_IDS: {
     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";
@@ -12,12 +14,19 @@ 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/regexPatterns.d.ts

@@ -2,10 +2,10 @@ export declare const lockedVarPattern: RegExp;
 export declare const editableVarPattern: RegExp;
 export declare const placeHolderNamePattern: RegExp;
 export declare const globalVariablePattern: RegExp;
-export declare const templateVariablePattern: 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 +1 @@
-"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;
+"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/models/Channels.d.ts

@@ -4,5 +4,6 @@ export declare enum CHANNEL_TYPE {
     TIKTOK = "tiktok",
     EMAIL = "email",
     SMS = "message",
-    WEBPUSH = "webpush"
+    WEBPUSH = "webpush",
+    MESSAGE = "message"
 }

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

@@ -1 +1 @@
-"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";
+"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/TemplateMeta.d.ts

@@ -1,3 +1,4 @@
+import { SingleOption } from "../../dropdown/type";
 export type CUSTOM_VARIABLE = {
     variableName: string;
     type: 'string' | 'link' | 'image';
@@ -40,3 +41,37 @@ export interface QUICK_REPLY_BUTTON {
     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 +1 @@
-"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";
+"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,6 +1,6 @@
 import React, { ReactElement } from 'react';
 import { CHANNEL_TYPE } from './Channels';
-import { ACTIONS_TYPES, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
+import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
 export type WhatsAppTemplate = {
     name: string;
     label: string;
@@ -11,7 +11,7 @@ export type WhatsAppTemplate = {
     type?: 'email' | 'whatsapp';
     components: {
         type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
-        format?: 'TEXT' | 'IMAGE' | 'VIDEO' | 'DOCUMENT' | 'NONE';
+        format?: HEADER_TYPES;
         text?: string;
         buttons?: {
             type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
@@ -178,3 +178,46 @@ export type WhatsappMeta = {
     zeroStateComponent?: ReactElement;
     usePlaceHolderName?: boolean;
 };
+export type WhatsAppPickerMeta = {
+    uploadMediaFiles: (params: WhatsAppMediaUploadRequest) => Promise<WhatsAppMediaUploadResponse>;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+};
+export type WhatsAppMediaUploadResponse = {
+    success: boolean;
+    url?: string;
+};
+export type WhatsAppMediaUploadRequest = {
+    file: File;
+    fileName: string;
+    isImage: boolean;
+};
+export interface WhatsAppTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+}
+export type CTABtnValType = {
+    defaultValue: string;
+    placeHolder: string;
+} | string;
+export type QRBBtnValType = {
+    flowId?: string;
+    flowName?: string;
+};
+export type TEMPLATE_BUTTON = {
+    type: BUTTON_TYPE;
+    text?: string;
+    url?: string;
+    example?: string[];
+    linkMode?: 'custom' | 'home';
+    phone_number?: string;
+    buttonVariable?: string;
+    index?: number;
+    flowId?: string;
+    flowName?: string;
+};
+export declare enum BUTTON_TYPE {
+    QUICK_REPLY = "QUICK_REPLY",
+    URL = "URL",
+    PHONE_NUMBER = "PHONE_NUMBER"
+}

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

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

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

@@ -1,5 +1,5 @@
+import React from 'react';
 import { SIZE } from "../avatar/AvatarHelper";
-import React from "react";
 export declare enum RATIO {
     ONE_ONE = "ONE_ONE",
     VERTICAL = "VERTICAL",

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

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

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

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

@@ -1,10 +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 type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export interface TooltipProps extends TooltipInternalProps {
     width?: number;
     placement?: Placement;
     children: ReactNode;
+    tooltipContent?: JSX.Element;
 }
 export declare const Tooltip: FunctionComponent<TooltipProps>;
-export {};

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

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

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

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

package/dist/cjs/constants/colors.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("./Theme.js").COLORS.background.brand;exports.PRIMARY=e;

package/dist/cjs/index.d.ts

@@ -1,4 +1,6 @@
+import * as regexPatterns from './components/template-preview/constants/regexPatterns';
 import StringUtils from './utils/StringUtils';
+export { regexPatterns };
 export { StringUtils };
 export * from './constants/Theme';
 export * from './components/checkBox';
@@ -13,12 +15,14 @@ export * from './components/tag';
 export * from './components/pagination';
 export * from './components/icon-button';
 export * from './components/template-preview';
+export * from './components/template-context-mapper';
 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/QueryBuilder';
 export * from './components/modals';
 export * from './components/dropdown';
 export * from './components/analytics-card';
@@ -28,3 +32,7 @@ export * from './components/avatar';
 export * from './components/thumbnail';
 export * from './components/curtain';
 export * from './components/datePicker';
+export * from './components/switch';
+export * from './components/plans';
+export * from './components/tabs';
+export * from './components/shimmer';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),t=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),p=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),a=require("./components/tooltips/CustomisedTooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/constants/regexPatterns.js"),x=require("./components/template-preview/TemplatePreview.js"),y=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/helpers/SmsTemplateHelper.js"),A=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),C=require("./components/fab-menu/FABMenu.js"),g=require("./components/floating-action-button/FloatingActionButton.js"),B=require("./components/floating-action-button/FloatingActionButton.styles.js"),P=require("./components/image-compress/ImageCompress.js"),j=require("./components/TypographyStyle.js"),S=require("./components/button/Button.js"),O=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/modals/styledModal.js"),w=require("./components/dropdown/Dropdown.js"),I=require("./components/dropdown/DropdownPopover/index.js"),D=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),h=require("./components/analytics-card/AnalyticsCard.js"),M=require("./components/analytics-card/AnalyticsCard.styled.js"),_=require("./components/input/Input.js"),L=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),b=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),v=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),R=require("./components/analytics-chips-and-dropdowns/CommonStyles.js"),F=require("./components/avatar/Avatar.js"),E=require("./components/thumbnail/Thumbnail.js"),N=require("./components/curtain/Curtain.js"),f=require("./components/datePicker/DatePicker.js");exports.StringUtils=e.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.CheckBox=t.CheckBox,exports.ListItem=r.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=p.Toaster,exports.Tooltip=i.Tooltip,exports.CustomisedTooltip=a.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return a.TooltipPlacement}}),exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.regexPatterns=m,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=y.WhatsappLikePreview,exports.renderVariableUIForPreview=T.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=A.WhatsAppFormatToHTML,exports.FABMenu=C.FABMenu,exports.FloatingActionButton=g.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return B.DROP_POSITION}}),exports.DropdownToggleContainer=B.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return B.FAB_POSITION}}),exports.FloatingActionButtonContainer=B.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=B.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return B.MENU_ALIGNMENT}}),exports.StyledDropdown=B.StyledDropdown,exports.ImageService=P.ImageService,exports.BodyCaption=j.BodyCaption,exports.BodyLarge=j.BodyLarge,exports.BodyPrimary=j.BodyPrimary,exports.BodyPrimaryLink=j.BodyPrimaryLink,exports.BodyRegular=j.BodyRegular,exports.BodySecondary=j.BodySecondary,exports.BodySecondaryLink=j.BodySecondaryLink,exports.BodyTiny=j.BodyTiny,exports.ButtonLarge=j.ButtonLarge,exports.ButtonRegular=j.ButtonRegular,exports.Caption=j.Caption,exports.Display=j.Display,exports.SubHeading=j.SubHeading,exports.TitleLarge=j.TitleLarge,exports.TitleMedium=j.TitleMedium,exports.TitleRegular=j.TitleRegular,exports.TitleSmall=j.TitleSmall,exports.Button=S.Button,exports.ProgressBarComponent=O.ProgressBarComponent,exports.ProgressCompletedBar=O.ProgressCompletedBar,exports.StyledModal=q.StyledModal,exports.Dropdown=w.Dropdown,exports.DropdownPopover=I.DropdownPopover,exports.OpenedDropdown=D.OpenedDropdown,exports.AnalyticsCard=h.AnalyticsCard,exports.AnalyticsContainer=M.AnalyticsContainer,exports.CardDataContainer=M.CardDataContainer,exports.Input=_.Input,exports.AnalyticsChip=L.AnalyticsChip,exports.AnalyticsDropdown=b.AnalyticsDropdown,exports.AnalyticsMultiChip=v.AnalyticsMultiChip,exports.AnalyticsChipContainer=R.AnalyticsChipContainer,exports.AnalyticsMultiWrapper=R.AnalyticsMultiWrapper,exports.ItemMenuContainer=R.ItemMenuContainer,exports.MainDropdown=R.MainDropdown,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=F.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=F.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=F.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return E.RATIO}}),exports.Thumbnail=E.Thumbnail,exports.Curtain=N.Curtain,exports.DatePicker=f.DatePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),y=require("./components/template-preview/helpers/SmsTemplateHelper.js"),T=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),B=require("./components/template-context-mapper/TemplateContextMapper.js"),S=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),O=require("./components/template-context-mapper/utils/validateIsUrl.js"),A=require("./components/fab-menu/FABMenu.js"),P=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),j=require("./components/image-compress/ImageCompress.js"),C=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),R=require("./components/progress-bar/ProgressBarComponent.js"),E=require("./components/QueryBuilder/QueryBuilder.js"),h=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),b=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),I=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),_=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),w=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),N=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),L=require("./components/dropdown/DropdownPopover/index.js"),v=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),M=require("./components/analytics-card/AnalyticsCard.js"),f=require("./components/analytics-card/AnalyticsCard.styled.js"),F=require("./components/input/Input.js"),k=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),U=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),V=require("./components/avatar/Avatar.js"),G=require("./components/thumbnail/Thumbnail.js"),H=require("./components/curtain/Curtain.js"),W=require("./components/datePicker/DatePicker.js"),Z=require("./components/switch/Switch.js");require("react/jsx-runtime"),require("./components/plans/SubscriptionPlanStyled.js"),require("./components/plans/SubscriptionPlanSelector.js");var K=require("./components/tabs/Tabs.js"),X=require("./components/shimmer/ShimmerComponent/BikShimmer.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.renderVariableUIForPreview=y.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=T.WhatsAppFormatToHTML,exports.TemplateContextMapper=B.TemplateContextMapper,exports.getAllDataFromTemplateComponent=S.getAllDataFromTemplateComponent,exports.validateIsUrl=O.validateIsUrl,exports.FABMenu=A.FABMenu,exports.FloatingActionButton=P.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return g.DROP_POSITION}}),exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return g.MENU_ALIGNMENT}}),exports.StyledDropdown=g.StyledDropdown,exports.TooltipStyled=g.TooltipStyled,exports.ImageService=j.ImageService,exports.BodyCaption=C.BodyCaption,exports.BodyLarge=C.BodyLarge,exports.BodyPrimary=C.BodyPrimary,exports.BodyPrimaryLink=C.BodyPrimaryLink,exports.BodyRegular=C.BodyRegular,exports.BodySecondary=C.BodySecondary,exports.BodySecondaryLink=C.BodySecondaryLink,exports.BodyTiny=C.BodyTiny,exports.ButtonLarge=C.ButtonLarge,exports.ButtonRegular=C.ButtonRegular,exports.Caption=C.Caption,exports.Display=C.Display,exports.SubHeading=C.SubHeading,exports.TitleLarge=C.TitleLarge,exports.TitleMedium=C.TitleMedium,exports.TitleRegular=C.TitleRegular,exports.TitleSmall=C.TitleSmall,exports.Button=q.Button,exports.ProgressBarComponent=R.ProgressBarComponent,exports.ProgressCompletedBar=R.ProgressCompletedBar,exports.QueryBuilder=E.QueryBuilder,exports.BaseQueryBuilderNode=h.BaseQueryBuilderNode,exports.PropertyNode=b.PropertyNode,exports.PropertyNodeHeadless=b.PropertyNodeHeadless,exports.queryBuilderSlice=I.queryBuilderSlice,exports.queryBuilderCacheSlice=_.queryBuilderCacheSlice,Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return w.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return w.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return w.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return w.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"IG_OPERATORS",{enumerable:!0,get:function(){return w.IG_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return w.INTEGER_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return w.STRING_OPERATORS}}),exports.StyledModal=N.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=L.DropdownPopover,exports.OpenedDropdown=v.OpenedDropdown,exports.AnalyticsCard=M.AnalyticsCard,exports.AnalyticsContainer=f.AnalyticsContainer,exports.CardDataContainer=f.CardDataContainer,exports.Input=F.Input,exports.AnalyticsChip=k.AnalyticsChip,exports.AnalyticsDropdown=Q.AnalyticsDropdown,exports.EachItem=Q.EachItem,exports.AnalyticsMultiChip=U.AnalyticsMultiChip,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=V.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=V.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=V.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return G.RATIO}}),exports.Thumbnail=G.Thumbnail,exports.Curtain=H.Curtain,exports.DatePicker=W.DatePicker,exports.Loader=Z.Loader,exports.Switch=Z.Switch,exports.SwitchContainer=Z.SwitchContainer,exports.Thumb=Z.Thumb,exports.TabItemComponent=K.TabItemComponent,exports.BikShimmer=X.BikShimmer;