@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

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

@@ -2,13 +2,13 @@ import { format as w } from "date-fns";
 import { COLORS as _ } from "../../../constants/Theme.js";
 import { specialCharPattern as U, placeHolderNamePattern as B, editableVarPattern as M } from "../constants/regexPatterns.js";
 import { REQUIRED_FIELD as h, NAME_LEN_LIMIT as S, NAME_LEN_ERROR as H, NO_SPECIAL_CHAR as Y, HEADER_TEXT_LEN_LIMIT as N, HEADER_LEN_ERROR as R, ONE_VAR_ALLOWED as $, HEADER_ASSET_LINK_ERROR as q, BODY_TEXT_LEN_LIMIT as Q, BODY_LEN_ERROR as K, QUICK_REPLY_BTN_TEXT_LIMIT as L, QUICK_REPLY_LEN_ERROR as y, BUTTON_EMOJI_ERROR as x, VALID_PHONE_NUMBER as W, QUICK_REPLY_NAME_LEN_LIMIT as X, CREATE_TEMPLATE_DOM_IDS as u, QUICK_REPLY_NAME_ERROR as j } from "../constants/TemplateConstants.js";
-import { HEADER_TYPES as m, ACTIONS_TYPES as f } from "../models/TemplateMeta.js";
+import { HEADER_TYPES as f, ACTIONS_TYPES as d } from "../models/TemplateMeta.js";
 import { POD as v } from "../models/WhatsAppTemplate.js";
 import { TemplateHelperUtils as z } from "../utils/TemplateHelperUtils.js";
 class ae {
   parseDataFromHeaderComponent(t, o, n) {
     const e = {
-      headerType: m.NONE,
+      headerType: f.NONE,
       headerVariables: []
     }, i = t?.components?.find(
       (r) => r.type === "HEADER"
@@ -17,14 +17,14 @@ class ae {
       e.headerType = i.format, e.headerText = i.text, e.headerAssetLink = i.example?.header_handle?.[0];
       const r = i.example?.header_text?.[0], s = t.mapping?.header?.[0], a = s;
       if (s) {
-        const l = s?.replace("[[", "").replace("]]", "").replace("{{", "").replace("}}", "").replace("((", "").replace("))", ""), p = /\(\(/.test(s), c = n === v.CHATBOT && a && a?.startsWith("((") && a?.endsWith("))"), d = {
+        const l = s?.replace("[[", "").replace("]]", "").replace("{{", "").replace("}}", "").replace("((", "").replace("))", ""), p = /\(\(/.test(s), c = n === v.CHATBOT && a && a?.startsWith("((") && a?.endsWith("))"), m = {
           idx: 0,
           variableVal: o || c ? r : a,
           editable: p,
           editableDefaultValues: p ? void 0 : r,
           variableName: l
         };
-        e.headerVariables = [d], i.example?.header_text?.length && (e.headerText = e.headerText?.replace(
+        e.headerVariables = [m], i.example?.header_text?.length && (e.headerText = e.headerText?.replace(
           /** since there will be only one variable in template so hard replace */
           "{{1}}",
           `{{${l}}}`
@@ -55,7 +55,7 @@ class ae {
         block: "nearest"
       });
     };
-    if (t.meta?.name ? t.meta.name?.trim().length > S ? (e.meta.name = H, n = "invalid") : U.test(t.meta.name?.trim()) && (e.meta.name = Y, n = "invalid") : (e.meta.name = h, n = "invalid"), e.meta.name && !r && (s(u.name), r = !0), t.headerType === m.TEXT) {
+    if (t.meta?.name ? t.meta.name?.trim().length > S ? (e.meta.name = H, n = "invalid") : U.test(t.meta.name?.trim()) && (e.meta.name = Y, n = "invalid") : (e.meta.name = h, n = "invalid"), e.meta.name && !r && (s(u.name), r = !0), t.headerType === f.TEXT) {
       const a = t.headerText?.trim() ?? "";
       if (!a)
         e.header = h, n = "invalid";
@@ -65,8 +65,8 @@ class ae {
         const l = i.getTemplateVariablesFromState(a);
         l && l.length > 1 && (e.header = $, n = "invalid");
       }
-    } else t.headerType === m.DOCUMENT || t.headerType === m.IMAGE || (t.headerType, m.VIDEO);
-    if ((t.headerType === m.DOCUMENT || t.headerType === m.IMAGE || t.headerType === m.VIDEO) && (t.headerAssetLink || (e.header = q, n = "invalid")), e.header && !r && (s(u.header), r = !0), t.bodyText ? t.bodyTextRaw && t.bodyTextRaw?.trim().length > Q && (e.body = K, n = "invalid") : (e.body = h, n = "invalid"), e.body && !r && (s(u.body), r = !0), t.footerText && t.footerText.length > N && (e.footer = R, n = "invalid"), e?.footer && !r && (s(u.footer), r = !0), t.actionsType === f.CTA_BTN) {
+    } else t.headerType === f.DOCUMENT || t.headerType === f.IMAGE || (t.headerType, f.VIDEO);
+    if ((t.headerType === f.DOCUMENT || t.headerType === f.IMAGE || t.headerType === f.VIDEO) && (t.headerAssetLink || (e.header = q, n = "invalid")), e.header && !r && (s(u.header), r = !0), t.bodyText ? t.bodyTextRaw && t.bodyTextRaw?.trim().length > Q && (e.body = K, n = "invalid") : (e.body = h, n = "invalid"), e.body && !r && (s(u.body), r = !0), t.footerText && t.footerText.length > N && (e.footer = R, n = "invalid"), e?.footer && !r && (s(u.footer), r = !0), t.actionsType === d.CTA_BTN) {
       if (t.ctaBtn?.phoneNumber?.isChecked) {
         const a = t.ctaBtn.phoneNumber.btnText?.trim(), l = t.ctaBtn.phoneNumber.phoneNumber;
         e.ctaBtn && !a ? (e.ctaBtn.phoneNumber.btnText = h, n = "invalid") : e.ctaBtn && a && a.length > L ? (e.ctaBtn.phoneNumber.btnText = y, n = "invalid") : e.ctaBtn && a && o.test(a) && (e.ctaBtn.phoneNumber.btnText = x, n = "invalid"), e.ctaBtn && !l ? (e.ctaBtn.phoneNumber.link = h, n = "invalid") : e.ctaBtn && l && l.length < 10 && (e.ctaBtn.phoneNumber.link = W, n = "invalid");
@@ -75,7 +75,7 @@ class ae {
         const a = t.ctaBtn.websiteLinkBtn.btnText?.trim(), l = t.ctaBtn.websiteLinkBtn.linkOpens?.trim(), p = t.ctaBtn.websiteLinkBtn.placeholder?.trim();
         e.ctaBtn && !a ? (e.ctaBtn.websiteLink.btnText = h, n = "invalid") : e.ctaBtn && a && a.length > L ? (e.ctaBtn.websiteLink.btnText = y, n = "invalid") : e.ctaBtn && a && o.test(a) && (e.ctaBtn.websiteLink.btnText = x, n = "invalid"), e.ctaBtn && !l && !p && (e.ctaBtn.websiteLink.link = h, n = "invalid");
       }
-    } else if (t.actionsType === f.QUICK_REPLY) {
+    } else if (t.actionsType === d.QUICK_REPLY) {
       const a = ["", "", ""];
       t.quickReply.forEach((l, p) => {
         const c = l.text?.trim();
@@ -86,14 +86,14 @@ class ae {
         else if (o.test(c))
           a[p] = x, n = "invalid";
         else {
-          const d = [...t.quickReply];
-          d.splice(p, 1), d.find(
+          const m = [...t.quickReply];
+          m.splice(p, 1), m.find(
             (b) => b.text === c
           ) && (a[p] = j, n = "invalid");
         }
       }), e.quickReply = a;
     }
-    if (t.actionsType === f.CTA_BTN || t.actionsType === f.QUICK_REPLY) {
+    if (t.actionsType === d.CTA_BTN || t.actionsType === d.QUICK_REPLY) {
       const a = e.quickReply?.reduce(
         (l, p) => l || !!p,
         !1
@@ -110,7 +110,7 @@ class ae {
     );
     return s && (s.example?.body_text?.[0]?.forEach((a, l) => {
       let p = t.mapping?.body?.[l];
-      const c = p, d = p && /\(\(/.test(p), T = p?.match(
+      const c = p, m = p && /\(\(/.test(p), T = p?.match(
         B
       );
       T?.[2] && (p = T?.[2]);
@@ -118,8 +118,8 @@ class ae {
       i.push({
         idx: l,
         variableVal: n || b ? a : c,
-        editable: !!d,
-        editableDefaultValues: d ? void 0 : a,
+        editable: !!m,
+        editableDefaultValues: m ? void 0 : a,
         variableName: p ?? ""
       });
     }), t.htmlContentUrl ? r = t.htmlContentUrl : r = s.text?.split(/\{\{[0-9]+\}\}/).length ? s.text?.split(/\{\{[0-9]+\}\}/).map((a, l) => {
@@ -138,10 +138,10 @@ class ae {
     );
     return r && (r.example?.title_text?.[0]?.forEach((s, a) => {
       let l = t.mapping?.body?.[a];
-      const p = l, c = l && /\(\(/.test(l), d = l?.match(
+      const p = l, c = l && /\(\(/.test(l), m = l?.match(
         B
       );
-      d?.[2] && (l = d?.[2]), e.push({
+      m?.[2] && (l = m?.[2]), e.push({
         idx: a,
         variableVal: n ? s : p,
         editable: !!c,
@@ -163,7 +163,7 @@ class ae {
   }
   parseButtonComponent(t) {
     const o = {
-      actionsType: f.NONE,
+      actionsType: d.NONE,
       quickReply: [],
       ctaBtn: {
         phoneNumber: void 0,
@@ -174,11 +174,11 @@ class ae {
       (e) => e.type === "BUTTONS"
     );
     if (n && n?.buttons?.length) {
-      const e = n?.buttons?.[0].type === "QUICK_REPLY" ? f.QUICK_REPLY : f.CTA_BTN;
-      if (o.actionsType = e, e === f.QUICK_REPLY) {
+      const e = n?.buttons?.[0].type === "QUICK_REPLY" ? d.QUICK_REPLY : d.CTA_BTN;
+      if (o.actionsType = e, e === d.QUICK_REPLY) {
         const i = n?.buttons?.map((r) => r) ?? [];
         o.quickReply = i;
-      } else e === f.CTA_BTN && n?.buttons?.forEach((i) => {
+      } else e === d.CTA_BTN && n?.buttons?.forEach((i) => {
         if (i.phone_number && (o.ctaBtn.phoneNumber = {
           isChecked: !0,
           btnText: i.text,
@@ -253,7 +253,7 @@ class ae {
       o,
       void 0,
       r
-    ), { bodyText: d, bodyVariable: T } = await this.parseBodyComponent(
+    ), { bodyText: m, bodyVariable: T } = await this.parseBodyComponent(
       o,
       e,
       i,
@@ -262,12 +262,12 @@ class ae {
       o,
       e,
       i
-    ), { actionsType: I, quickReply: k, ctaBtn: A, allButtons: C } = await this.parseButtonComponent(o), g = this.parseLimitedTimeOfferComponent(
+    ), { actionsType: k, quickReply: I, ctaBtn: g, allButtons: C } = await this.parseButtonComponent(o), A = this.parseLimitedTimeOfferComponent(
       o,
       C
     ), { showCallPermissionCard: P, callPermissionText: D } = this.parseCallPermissionComponent(o), E = {
-      quickReply: k,
-      ctaBtn: A,
+      quickReply: I,
+      ctaBtn: g,
       allButtons: C,
       meta: {
         name: n ? `${o.label} Copy` : o.label,
@@ -284,11 +284,11 @@ class ae {
         meta: void 0,
         ctaBtn: void 0
       },
-      actionsType: I,
+      actionsType: k,
       footerText: this.parseFooterComponent(o),
       /** BODY TEXT */
       bodyVariables: T,
-      bodyText: d,
+      bodyText: m,
       /** HEADER */
       headerType: s,
       headerAssetLink: a,
@@ -299,7 +299,7 @@ class ae {
       mode: "edit",
       initialLoading: !1,
       /* LIMITED TIME OFFER */
-      limitedTimeOfferComponent: g,
+      limitedTimeOfferComponent: A,
       /* Title for RCS */
       titleText: b,
       titleVariables: O,
@@ -322,26 +322,9 @@ class ae {
       o = n;
     return {
       ...o,
-      templateType: t?.templateType,
-      mediaAfterBody: this.isMediaAfterBody(t)
+      templateType: t?.templateType
     };
   }
-  /**
-   * Determines whether the media (header image/video) appears AFTER the body in
-   * the template's original `components` order. Returns true only when a media
-   * header genuinely sits after the body, so the default media-first layout is
-   * preserved for every other template.
-   */
-  isMediaAfterBody(t) {
-    const o = t?.components;
-    if (!Array.isArray(o)) return !1;
-    const n = o.findIndex(
-      (i) => i?.type === "BODY"
-    ), e = o.findIndex(
-      (i) => i?.type === "HEADER" && !!i?.format && i.format !== m.TEXT && i.format !== m.NONE
-    );
-    return n > -1 && e > -1 && n < e;
-  }
 }
 export {
   ae as TemplateCreatorHelper

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateCreatorHelper.js","sources":["../../../../../src/components/template-preview/helpers/TemplateCreatorHelper.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\teditableVarPattern,\n\tplaceHolderNamePattern,\n\tspecialCharPattern,\n} from '../constants/regexPatterns';\nimport {\n\tBODY_LEN_ERROR,\n\tBODY_TEXT_LEN_LIMIT,\n\tBUTTON_EMOJI_ERROR,\n\tCREATE_TEMPLATE_DOM_IDS,\n\tHEADER_ASSET_LINK_ERROR,\n\tHEADER_LEN_ERROR,\n\tHEADER_TEXT_LEN_LIMIT,\n\tNAME_LEN_ERROR,\n\tNAME_LEN_LIMIT,\n\tNO_SPECIAL_CHAR,\n\tONE_VAR_ALLOWED,\n\tQUICK_REPLY_BTN_TEXT_LIMIT,\n\tQUICK_REPLY_LEN_ERROR,\n\tQUICK_REPLY_NAME_ERROR,\n\tQUICK_REPLY_NAME_LEN_LIMIT,\n\tREQUIRED_FIELD,\n\tVALID_PHONE_NUMBER,\n} from '../constants/TemplateConstants';\nimport {\n\tRCS_TEMPLATE_TYPE,\n\tRCSTemplateConfig,\n\tRCSTemplateType,\n} from '../models/RCSTemplate';\nimport {\n\tACTIONS_TYPES,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n} from '../models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tPOD,\n\ttemplateVariable,\n\tWhatsappPreviewButtonType,\n\tWhatsAppTemplate,\n} from '../models/WhatsAppTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\n\nexport class TemplateCreatorHelper {\n\tprivate parseDataFromHeaderComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst res: {\n\t\t\theaderType: HEADER_TYPES;\n\t\t\theaderAssetLink?: string;\n\t\t\theaderAssetName?: string;\n\t\t\theaderText?: string;\n\t\t\theaderVariables: templateVariable[];\n\t\t} = {\n\t\t\theaderType: HEADER_TYPES.NONE,\n\t\t\theaderVariables: [],\n\t\t};\n\n\t\tconst headerComponent = dbFormattedTemplate?.components?.find(\n\t\t\t(component) => component.type === 'HEADER',\n\t\t);\n\n\t\tif (headerComponent) {\n\t\t\tres.headerType = headerComponent.format as HEADER_TYPES;\n\t\t\tres.headerText = headerComponent.text;\n\n\t\t\tres.headerAssetLink = headerComponent.example?.header_handle?.[0];\n\n\t\t\tconst sampleValue = headerComponent.example?.header_text?.[0];\n\t\t\tconst headerVarPlaceholder = dbFormattedTemplate.mapping?.header?.[0];\n\t\t\tconst originalVariable = headerVarPlaceholder;\n\t\t\tif (headerVarPlaceholder) {\n\t\t\t\tconst normalizedName = headerVarPlaceholder\n\t\t\t\t\t?.replace('[[', '')\n\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t.replace('))', '');\n\t\t\t\tconst editable = /\\(\\(/.test(headerVarPlaceholder);\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tconst reduxHeaderVar: templateVariable = {\n\t\t\t\t\tidx: 0,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: normalizedName,\n\t\t\t\t};\n\t\t\t\tres.headerVariables = [reduxHeaderVar];\n\t\t\t\tif (headerComponent.example?.header_text?.length) {\n\t\t\t\t\tres.headerText = res.headerText?.replace(\n\t\t\t\t\t\t/** since there will be only one variable in template so hard replace */\n\t\t\t\t\t\t'{{1}}',\n\t\t\t\t\t\t`{{${normalizedName}}}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Check if current template state is ready for saving as a draft/submit-template or not\n\t * @param state\n\t */\n\tvalidateState(state: CreateTemplateType): {\n\t\tstatus: 'invalid' | 'valid';\n\t\terrors: CreateTemplateType['error'];\n\t} {\n\t\tconst emojiRegex = /\\p{Extended_Pictographic}/u;\n\t\tlet status: 'invalid' | 'valid' = 'valid';\n\t\tconst errors: CreateTemplateType['error'] = {\n\t\t\tmeta: {},\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: { btnText: '', link: '' },\n\t\t\t\twebsiteLink: { btnText: '', link: '' },\n\t\t\t},\n\t\t\tquickReply: [null, null, null],\n\t\t};\n\t\tconst templateHelperUtils = new TemplateHelperUtils();\n\t\tlet isScrolled = false;\n\n\t\tconst scrollByElementId = (elementId: string) => {\n\t\t\tdocument.getElementById(elementId)?.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'nearest',\n\t\t\t});\n\t\t};\n\n\t\tif (!state.meta?.name) {\n\t\t\terrors.meta!.name = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else if (state.meta.name?.trim().length > NAME_LEN_LIMIT) {\n\t\t\terrors.meta!.name = NAME_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t} else if (specialCharPattern.test(state.meta.name?.trim())) {\n\t\t\terrors.meta!.name = NO_SPECIAL_CHAR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors.meta!.name && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.name);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.headerType === HEADER_TYPES.TEXT) {\n\t\t\tconst text = state.headerText?.trim() ?? '';\n\t\t\tif (!text) {\n\t\t\t\terrors.header = REQUIRED_FIELD;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else if (text.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\t\terrors.header = HEADER_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else {\n\t\t\t\tconst variableList =\n\t\t\t\t\ttemplateHelperUtils.getTemplateVariablesFromState(text);\n\t\t\t\tif (variableList && variableList.length > 1) {\n\t\t\t\t\terrors.header = ONE_VAR_ALLOWED;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.headerType === HEADER_TYPES.DOCUMENT) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.IMAGE) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.VIDEO) {\n\t\t\t/** @todo add media header validations */\n\t\t}\n\n\t\tif (\n\t\t\tstate.headerType === HEADER_TYPES.DOCUMENT ||\n\t\t\tstate.headerType === HEADER_TYPES.IMAGE ||\n\t\t\tstate.headerType === HEADER_TYPES.VIDEO\n\t\t) {\n\t\t\tif (!state.headerAssetLink) {\n\t\t\t\terrors.header = HEADER_ASSET_LINK_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.header && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.header);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (!state.bodyText) {\n\t\t\terrors.body = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else {\n\t\t\tif (\n\t\t\t\tstate.bodyTextRaw &&\n\t\t\t\tstate.bodyTextRaw?.trim().length > BODY_TEXT_LEN_LIMIT\n\t\t\t) {\n\t\t\t\terrors.body = BODY_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.body && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.body);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.footerText && state.footerText.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\terrors.footer = HEADER_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors?.footer && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.footer);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\tif (state.ctaBtn?.phoneNumber?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.phoneNumber.btnText?.trim();\n\t\t\t\tconst phoneNumber = state.ctaBtn.phoneNumber.phoneNumber;\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !phoneNumber) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && phoneNumber && phoneNumber.length < 10) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = VALID_PHONE_NUMBER;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (state.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.websiteLinkBtn.btnText?.trim();\n\t\t\t\tconst customLink = state.ctaBtn.websiteLinkBtn.linkOpens?.trim();\n\t\t\t\tconst placeholder = state.ctaBtn.websiteLinkBtn.placeholder?.trim();\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !customLink && !placeholder) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\tconst quickReplyErrors = ['', '', ''];\n\t\t\tstate.quickReply.forEach((button, i) => {\n\t\t\t\tconst text = button.text?.trim();\n\t\t\t\tif (!text) {\n\t\t\t\t\tquickReplyErrors[i] = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (text.length > QUICK_REPLY_NAME_LEN_LIMIT) {\n\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (emojiRegex.test(text)) {\n\t\t\t\t\tquickReplyErrors[i] = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else {\n\t\t\t\t\tconst buttons = [...state.quickReply];\n\t\t\t\t\tbuttons.splice(i, 1);\n\t\t\t\t\tconst exists = buttons.find(\n\t\t\t\t\t\t(el: QUICK_REPLY_BUTTON) => el.text === text,\n\t\t\t\t\t);\n\t\t\t\t\tif (exists) {\n\t\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_NAME_ERROR;\n\t\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\terrors.quickReply = quickReplyErrors;\n\t\t}\n\n\t\tif (\n\t\t\tstate.actionsType === ACTIONS_TYPES.CTA_BTN ||\n\t\t\tstate.actionsType === ACTIONS_TYPES.QUICK_REPLY\n\t\t) {\n\t\t\tconst quickReplyErrors = errors.quickReply?.reduce(\n\t\t\t\t(qrbErrorAcc, currentError) => qrbErrorAcc || !!currentError,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t\tif (\n\t\t\t\t(!!errors?.ctaBtn?.websiteLink?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.websiteLink?.btnText ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.btnText ||\n\t\t\t\t\t!!quickReplyErrors) &&\n\t\t\t\t!isScrolled\n\t\t\t) {\n\t\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.actionButtons);\n\t\t\t\tisScrolled = true;\n\t\t\t}\n\t\t}\n\n\t\treturn { status, errors };\n\t}\n\n\tprivate parseBodyComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst bodyVariable: templateVariable[] = [];\n\t\tlet bodyText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.body_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tbodyVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\tbodyText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\tbodyText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (bodyVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = bodyVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { bodyVariable, bodyText };\n\t}\n\n\tprivate parseTitleComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t) {\n\t\tconst titleVariable: templateVariable[] = [];\n\t\tlet titleText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'TITLE',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.title_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\ttitleVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal: showSampleValues ? sampleValue : originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\ttitleText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\ttitleText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (titleVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = titleVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { titleText, titleVariables: titleVariable };\n\t}\n\n\tprivate parseFooterComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst footerComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'FOOTER',\n\t\t);\n\n\t\treturn footerComponent?.text;\n\t}\n\n\tprivate parseButtonComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst res: {\n\t\t\tactionsType: ACTIONS_TYPES;\n\t\t\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tphoneNumber?: string;\n\t\t\t\t};\n\t\t\t\twebsiteLinkBtn?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tlinkOpens?: string;\n\t\t\t\t\tplaceholder?: string;\n\t\t\t\t};\n\t\t\t};\n\t\t\tallButtons: WhatsappPreviewButtonType[];\n\t\t} = {\n\t\t\tactionsType: ACTIONS_TYPES.NONE,\n\t\t\tquickReply: [],\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: undefined,\n\t\t\t\twebsiteLinkBtn: undefined,\n\t\t\t},\n\t\t\tallButtons: [],\n\t\t};\n\n\t\tconst buttonComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (buttonComponent && buttonComponent?.buttons?.length) {\n\t\t\tconst actionsType =\n\t\t\t\tbuttonComponent?.buttons?.[0].type === 'QUICK_REPLY'\n\t\t\t\t\t? ACTIONS_TYPES.QUICK_REPLY\n\t\t\t\t\t: ACTIONS_TYPES.CTA_BTN;\n\n\t\t\tres.actionsType = actionsType;\n\n\t\t\tif (actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\t\tconst btnTexts = (buttonComponent?.buttons?.map((btn) => btn) ??\n\t\t\t\t\t[]) as QUICK_REPLY_BUTTON[];\n\t\t\t\tres.quickReply = btnTexts;\n\t\t\t} else if (actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\t\tbuttonComponent?.buttons?.forEach((btn) => {\n\t\t\t\t\tif (btn.phone_number) {\n\t\t\t\t\t\tres.ctaBtn.phoneNumber = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tphoneNumber: btn.phone_number,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tif (btn.url) {\n\t\t\t\t\t\tconst btnPlaceholder =\n\t\t\t\t\t\t\tdbFormattedTemplate?.mapping?.buttons?.[0] ?? undefined;\n\t\t\t\t\t\tlet customUrl = false;\n\n\t\t\t\t\t\tif (btnPlaceholder && editableVarPattern.test(btnPlaceholder)) {\n\t\t\t\t\t\t\tcustomUrl = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tres.ctaBtn.websiteLinkBtn = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tlinkOpens: customUrl ? btn.example?.[0] : btn.url,\n\t\t\t\t\t\t\tplaceholder: customUrl ? undefined : btnPlaceholder,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Parses buttons from template to a format preview can understand.\n\t\t\t// Since copy code does not come with a variable by default, we are adding placeholder from example.\n\t\t\tres.allButtons = buttonComponent.buttons?.map((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...button,\n\t\t\t\t\t\tplaceholder: Array.isArray(button.example)\n\t\t\t\t\t\t\t? button.example[0]\n\t\t\t\t\t\t\t: button?.example || '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn button;\n\t\t\t}) as WhatsappPreviewButtonType[];\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Parses LTO component to a format preview can understand.\n\t * Points to Note -\n\t * 1. Takes the Copy Code from previously parsed buttons.\n\t * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.\n\t */\n\tprivate parseLimitedTimeOfferComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tallButtons: WhatsappPreviewButtonType[],\n\t) {\n\t\tconst limitedTimeOfferComponent: CreateTemplateType['limitedTimeOfferComponent'] =\n\t\t\t{\n\t\t\t\ttext: '',\n\t\t\t\tdateTime: '',\n\t\t\t\tcode: '',\n\t\t\t};\n\n\t\tdbFormattedTemplate.components.forEach((component) => {\n\t\t\tif (component.type === 'limited_time_offer') {\n\t\t\t\tlimitedTimeOfferComponent.text =\n\t\t\t\t\tcomponent.limited_time_offer?.text ?? '';\n\t\t\t\tconst dateTime = component.example?.limited_time_offer;\n\t\t\t\tif (dateTime && dateTime.startsWith('{{') && dateTime.endsWith('}}')) {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = dateTime;\n\t\t\t\t} else {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = format(\n\t\t\t\t\t\tdateTime ? new Date(dateTime) : new Date(),\n\t\t\t\t\t\t'MMM dd',\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tallButtons.forEach((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\tlimitedTimeOfferComponent.code = button.placeholder ?? '';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn limitedTimeOfferComponent;\n\t}\n\n\tprivate parseCallPermissionComponent(dbFormattedTemplate: WhatsAppTemplate): {\n\t\tshowCallPermissionCard: boolean;\n\t\tcallPermissionText?: string;\n\t} {\n\t\tconst callPermissionComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => (component as any).type === 'CALL_PERMISSION_REQUEST',\n\t\t);\n\n\t\treturn {\n\t\t\tshowCallPermissionCard: Boolean(callPermissionComponent),\n\t\t\tcallPermissionText: (callPermissionComponent as any)?.text,\n\t\t};\n\t}\n\n\tasync parseUITemplateFromDBFormat(data: {\n\t\tdbFormattedTemplate: WhatsAppTemplate;\n\t\tisDuplicate?: boolean;\n\t\tshowSampleValues?: boolean;\n\t\tisV2?: boolean;\n\t\tpod?: string;\n\t}) {\n\t\tconst {\n\t\t\tdbFormattedTemplate,\n\t\t\tisDuplicate,\n\t\t\tisV2 = false,\n\t\t\tshowSampleValues,\n\t\t\tpod,\n\t\t} = data;\n\t\tconst {\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t} = await this.parseDataFromHeaderComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tundefined,\n\t\t\tpod,\n\t\t);\n\n\t\tconst { bodyText, bodyVariable: bodyVariables } =\n\t\t\tawait this.parseBodyComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t\tpod,\n\t\t\t);\n\t\tconst { titleText, titleVariables: titleVariables } =\n\t\t\tawait this.parseTitleComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t);\n\n\t\tconst { actionsType, quickReply, ctaBtn, allButtons } =\n\t\t\tawait this.parseButtonComponent(dbFormattedTemplate);\n\n\t\tconst limitedTimeOfferComponent = this.parseLimitedTimeOfferComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tallButtons,\n\t\t);\n\n\t\tconst { showCallPermissionCard, callPermissionText } =\n\t\t\tthis.parseCallPermissionComponent(dbFormattedTemplate);\n\n\t\tconst state: CreateTemplateType = {\n\t\t\tquickReply,\n\t\t\tctaBtn,\n\t\t\tallButtons,\n\t\t\tmeta: {\n\t\t\t\tname: isDuplicate\n\t\t\t\t\t? `${dbFormattedTemplate.label} Copy`\n\t\t\t\t\t: dbFormattedTemplate.label,\n\t\t\t\tcategory: dbFormattedTemplate.category?.toUpperCase(),\n\t\t\t\tsubCategory: dbFormattedTemplate.templateCategory,\n\t\t\t\tlanguage: dbFormattedTemplate.language,\n\t\t\t\ttemplateId: dbFormattedTemplate.templateId,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\theader: undefined,\n\t\t\t\tbody: undefined,\n\t\t\t\tfooter: undefined,\n\t\t\t\tquickReply: undefined,\n\t\t\t\tmeta: undefined,\n\t\t\t\tctaBtn: undefined,\n\t\t\t},\n\n\t\t\tactionsType,\n\t\t\tfooterText: this.parseFooterComponent(dbFormattedTemplate),\n\t\t\t/** BODY TEXT */\n\t\t\tbodyVariables,\n\t\t\tbodyText,\n\n\t\t\t/** HEADER */\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t\talreadyAsADraft: dbFormattedTemplate.isDraft,\n\t\t\tmode: 'edit',\n\t\t\tinitialLoading: false,\n\t\t\t/* LIMITED TIME OFFER */\n\t\t\tlimitedTimeOfferComponent,\n\t\t\t/* Title for RCS */\n\t\t\ttitleText,\n\t\t\ttitleVariables,\n\t\t\t/* Call Permission */\n\t\t\tshowCallPermissionCard,\n\t\t\tcallPermissionText,\n\t\t};\n\n\t\tconst { errors } = this.validateState(state);\n\n\t\tstate.error = errors;\n\n\t\treturn state;\n\t}\n\n\tparseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig {\n\t\tlet config: RCSTemplateConfig;\n\t\tconst templateConfig = template?.content || ({} as RCSTemplateConfig);\n\t\tif (typeof templateConfig === 'string') {\n\t\t\ttry {\n\t\t\t\tconfig = JSON.parse(templateConfig) as RCSTemplateConfig;\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing rcsTemplate component JSON:', error);\n\t\t\t\tconfig = { orientation: 'VERTICAL' } as RCSTemplateConfig;\n\t\t\t}\n\t\t} else {\n\t\t\tconfig = templateConfig;\n\t\t}\n\t\treturn {\n\t\t\t...config,\n\t\t\ttemplateType: template?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\tmediaAfterBody: this.isMediaAfterBody(template),\n\t\t};\n\t}\n\n\t/**\n\t * Determines whether the media (header image/video) appears AFTER the body in\n\t * the template's original `components` order. Returns true only when a media\n\t * header genuinely sits after the body, so the default media-first layout is\n\t * preserved for every other template.\n\t */\n\tprivate isMediaAfterBody(template: RCSTemplateType): boolean {\n\t\tconst components = template?.components;\n\t\tif (!Array.isArray(components)) return false;\n\n\t\tconst bodyIndex = components.findIndex(\n\t\t\t(component) => component?.type === 'BODY',\n\t\t);\n\t\tconst mediaHeaderIndex = components.findIndex(\n\t\t\t(component) =>\n\t\t\t\tcomponent?.type === 'HEADER' &&\n\t\t\t\t!!component?.format &&\n\t\t\t\tcomponent.format !== HEADER_TYPES.TEXT &&\n\t\t\t\tcomponent.format !== HEADER_TYPES.NONE,\n\t\t);\n\n\t\treturn (\n\t\t\tbodyIndex > -1 && mediaHeaderIndex > -1 && bodyIndex < mediaHeaderIndex\n\t\t);\n\t}\n}\n"],"names":["TemplateCreatorHelper","dbFormattedTemplate","showSampleValues","pod","res","HEADER_TYPES","headerComponent","component","sampleValue","headerVarPlaceholder","originalVariable","normalizedName","editable","isChatbotCustomText","POD","reduxHeaderVar","state","emojiRegex","status","errors","templateHelperUtils","TemplateHelperUtils","isScrolled","scrollByElementId","elementId","NAME_LEN_LIMIT","NAME_LEN_ERROR","specialCharPattern","NO_SPECIAL_CHAR","REQUIRED_FIELD","CREATE_TEMPLATE_DOM_IDS","text","HEADER_TEXT_LEN_LIMIT","HEADER_LEN_ERROR","variableList","ONE_VAR_ALLOWED","HEADER_ASSET_LINK_ERROR","BODY_TEXT_LEN_LIMIT","BODY_LEN_ERROR","ACTIONS_TYPES","btnText","phoneNumber","QUICK_REPLY_BTN_TEXT_LIMIT","QUICK_REPLY_LEN_ERROR","BUTTON_EMOJI_ERROR","VALID_PHONE_NUMBER","customLink","placeholder","quickReplyErrors","button","i","QUICK_REPLY_NAME_LEN_LIMIT","buttons","el","QUICK_REPLY_NAME_ERROR","qrbErrorAcc","currentError","isV2","bodyVariable","bodyText","bodyComponent","bodyVarPlaceholder","matchedPlaceholderName","placeHolderNamePattern","t","normalizeName","COLORS","titleVariable","titleText","buttonComponent","actionsType","btnTexts","btn","btnPlaceholder","customUrl","editableVarPattern","allButtons","limitedTimeOfferComponent","dateTime","format","callPermissionComponent","data","isDuplicate","headerType","headerAssetLink","headerAssetName","headerText","headerVariables","bodyVariables","titleVariables","quickReply","ctaBtn","showCallPermissionCard","callPermissionText","template","config","templateConfig","error","components","bodyIndex","mediaHeaderIndex"],"mappings":"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"}
+{"version":3,"file":"TemplateCreatorHelper.js","sources":["../../../../../src/components/template-preview/helpers/TemplateCreatorHelper.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\teditableVarPattern,\n\tplaceHolderNamePattern,\n\tspecialCharPattern,\n} from '../constants/regexPatterns';\nimport {\n\tBODY_LEN_ERROR,\n\tBODY_TEXT_LEN_LIMIT,\n\tBUTTON_EMOJI_ERROR,\n\tCREATE_TEMPLATE_DOM_IDS,\n\tHEADER_ASSET_LINK_ERROR,\n\tHEADER_LEN_ERROR,\n\tHEADER_TEXT_LEN_LIMIT,\n\tNAME_LEN_ERROR,\n\tNAME_LEN_LIMIT,\n\tNO_SPECIAL_CHAR,\n\tONE_VAR_ALLOWED,\n\tQUICK_REPLY_BTN_TEXT_LIMIT,\n\tQUICK_REPLY_LEN_ERROR,\n\tQUICK_REPLY_NAME_ERROR,\n\tQUICK_REPLY_NAME_LEN_LIMIT,\n\tREQUIRED_FIELD,\n\tVALID_PHONE_NUMBER,\n} from '../constants/TemplateConstants';\nimport {\n\tRCS_TEMPLATE_TYPE,\n\tRCSTemplateConfig,\n\tRCSTemplateType,\n} from '../models/RCSTemplate';\nimport {\n\tACTIONS_TYPES,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n} from '../models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tPOD,\n\ttemplateVariable,\n\tWhatsappPreviewButtonType,\n\tWhatsAppTemplate,\n} from '../models/WhatsAppTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\n\nexport class TemplateCreatorHelper {\n\tprivate parseDataFromHeaderComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst res: {\n\t\t\theaderType: HEADER_TYPES;\n\t\t\theaderAssetLink?: string;\n\t\t\theaderAssetName?: string;\n\t\t\theaderText?: string;\n\t\t\theaderVariables: templateVariable[];\n\t\t} = {\n\t\t\theaderType: HEADER_TYPES.NONE,\n\t\t\theaderVariables: [],\n\t\t};\n\n\t\tconst headerComponent = dbFormattedTemplate?.components?.find(\n\t\t\t(component) => component.type === 'HEADER',\n\t\t);\n\n\t\tif (headerComponent) {\n\t\t\tres.headerType = headerComponent.format as HEADER_TYPES;\n\t\t\tres.headerText = headerComponent.text;\n\n\t\t\tres.headerAssetLink = headerComponent.example?.header_handle?.[0];\n\n\t\t\tconst sampleValue = headerComponent.example?.header_text?.[0];\n\t\t\tconst headerVarPlaceholder = dbFormattedTemplate.mapping?.header?.[0];\n\t\t\tconst originalVariable = headerVarPlaceholder;\n\t\t\tif (headerVarPlaceholder) {\n\t\t\t\tconst normalizedName = headerVarPlaceholder\n\t\t\t\t\t?.replace('[[', '')\n\t\t\t\t\t.replace(']]', '')\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t.replace('))', '');\n\t\t\t\tconst editable = /\\(\\(/.test(headerVarPlaceholder);\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tconst reduxHeaderVar: templateVariable = {\n\t\t\t\t\tidx: 0,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: normalizedName,\n\t\t\t\t};\n\t\t\t\tres.headerVariables = [reduxHeaderVar];\n\t\t\t\tif (headerComponent.example?.header_text?.length) {\n\t\t\t\t\tres.headerText = res.headerText?.replace(\n\t\t\t\t\t\t/** since there will be only one variable in template so hard replace */\n\t\t\t\t\t\t'{{1}}',\n\t\t\t\t\t\t`{{${normalizedName}}}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Check if current template state is ready for saving as a draft/submit-template or not\n\t * @param state\n\t */\n\tvalidateState(state: CreateTemplateType): {\n\t\tstatus: 'invalid' | 'valid';\n\t\terrors: CreateTemplateType['error'];\n\t} {\n\t\tconst emojiRegex = /\\p{Extended_Pictographic}/u;\n\t\tlet status: 'invalid' | 'valid' = 'valid';\n\t\tconst errors: CreateTemplateType['error'] = {\n\t\t\tmeta: {},\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: { btnText: '', link: '' },\n\t\t\t\twebsiteLink: { btnText: '', link: '' },\n\t\t\t},\n\t\t\tquickReply: [null, null, null],\n\t\t};\n\t\tconst templateHelperUtils = new TemplateHelperUtils();\n\t\tlet isScrolled = false;\n\n\t\tconst scrollByElementId = (elementId: string) => {\n\t\t\tdocument.getElementById(elementId)?.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'nearest',\n\t\t\t});\n\t\t};\n\n\t\tif (!state.meta?.name) {\n\t\t\terrors.meta!.name = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else if (state.meta.name?.trim().length > NAME_LEN_LIMIT) {\n\t\t\terrors.meta!.name = NAME_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t} else if (specialCharPattern.test(state.meta.name?.trim())) {\n\t\t\terrors.meta!.name = NO_SPECIAL_CHAR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors.meta!.name && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.name);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.headerType === HEADER_TYPES.TEXT) {\n\t\t\tconst text = state.headerText?.trim() ?? '';\n\t\t\tif (!text) {\n\t\t\t\terrors.header = REQUIRED_FIELD;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else if (text.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\t\terrors.header = HEADER_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t} else {\n\t\t\t\tconst variableList =\n\t\t\t\t\ttemplateHelperUtils.getTemplateVariablesFromState(text);\n\t\t\t\tif (variableList && variableList.length > 1) {\n\t\t\t\t\terrors.header = ONE_VAR_ALLOWED;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.headerType === HEADER_TYPES.DOCUMENT) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.IMAGE) {\n\t\t\t/** @todo add media header validations */\n\t\t} else if (state.headerType === HEADER_TYPES.VIDEO) {\n\t\t\t/** @todo add media header validations */\n\t\t}\n\n\t\tif (\n\t\t\tstate.headerType === HEADER_TYPES.DOCUMENT ||\n\t\t\tstate.headerType === HEADER_TYPES.IMAGE ||\n\t\t\tstate.headerType === HEADER_TYPES.VIDEO\n\t\t) {\n\t\t\tif (!state.headerAssetLink) {\n\t\t\t\terrors.header = HEADER_ASSET_LINK_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.header && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.header);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (!state.bodyText) {\n\t\t\terrors.body = REQUIRED_FIELD;\n\t\t\tstatus = 'invalid';\n\t\t} else {\n\t\t\tif (\n\t\t\t\tstate.bodyTextRaw &&\n\t\t\t\tstate.bodyTextRaw?.trim().length > BODY_TEXT_LEN_LIMIT\n\t\t\t) {\n\t\t\t\terrors.body = BODY_LEN_ERROR;\n\t\t\t\tstatus = 'invalid';\n\t\t\t}\n\t\t}\n\n\t\tif (!!errors.body && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.body);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.footerText && state.footerText.length > HEADER_TEXT_LEN_LIMIT) {\n\t\t\terrors.footer = HEADER_LEN_ERROR;\n\t\t\tstatus = 'invalid';\n\t\t}\n\n\t\tif (!!errors?.footer && !isScrolled) {\n\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.footer);\n\t\t\tisScrolled = true;\n\t\t}\n\n\t\tif (state.actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\tif (state.ctaBtn?.phoneNumber?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.phoneNumber.btnText?.trim();\n\t\t\t\tconst phoneNumber = state.ctaBtn.phoneNumber.phoneNumber;\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !phoneNumber) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && phoneNumber && phoneNumber.length < 10) {\n\t\t\t\t\terrors.ctaBtn.phoneNumber.link = VALID_PHONE_NUMBER;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (state.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\t\t\tconst btnText = state.ctaBtn.websiteLinkBtn.btnText?.trim();\n\t\t\t\tconst customLink = state.ctaBtn.websiteLinkBtn.linkOpens?.trim();\n\t\t\t\tconst placeholder = state.ctaBtn.websiteLinkBtn.placeholder?.trim();\n\n\t\t\t\tif (errors.ctaBtn && !btnText) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (\n\t\t\t\t\terrors.ctaBtn &&\n\t\t\t\t\tbtnText &&\n\t\t\t\t\tbtnText.length > QUICK_REPLY_BTN_TEXT_LIMIT\n\t\t\t\t) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (errors.ctaBtn && btnText && emojiRegex.test(btnText)) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.btnText = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\n\t\t\t\tif (errors.ctaBtn && !customLink && !placeholder) {\n\t\t\t\t\terrors.ctaBtn.websiteLink.link = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (state.actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\tconst quickReplyErrors = ['', '', ''];\n\t\t\tstate.quickReply.forEach((button, i) => {\n\t\t\t\tconst text = button.text?.trim();\n\t\t\t\tif (!text) {\n\t\t\t\t\tquickReplyErrors[i] = REQUIRED_FIELD;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (text.length > QUICK_REPLY_NAME_LEN_LIMIT) {\n\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_LEN_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else if (emojiRegex.test(text)) {\n\t\t\t\t\tquickReplyErrors[i] = BUTTON_EMOJI_ERROR;\n\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t} else {\n\t\t\t\t\tconst buttons = [...state.quickReply];\n\t\t\t\t\tbuttons.splice(i, 1);\n\t\t\t\t\tconst exists = buttons.find(\n\t\t\t\t\t\t(el: QUICK_REPLY_BUTTON) => el.text === text,\n\t\t\t\t\t);\n\t\t\t\t\tif (exists) {\n\t\t\t\t\t\tquickReplyErrors[i] = QUICK_REPLY_NAME_ERROR;\n\t\t\t\t\t\tstatus = 'invalid';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\terrors.quickReply = quickReplyErrors;\n\t\t}\n\n\t\tif (\n\t\t\tstate.actionsType === ACTIONS_TYPES.CTA_BTN ||\n\t\t\tstate.actionsType === ACTIONS_TYPES.QUICK_REPLY\n\t\t) {\n\t\t\tconst quickReplyErrors = errors.quickReply?.reduce(\n\t\t\t\t(qrbErrorAcc, currentError) => qrbErrorAcc || !!currentError,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t\tif (\n\t\t\t\t(!!errors?.ctaBtn?.websiteLink?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.websiteLink?.btnText ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.link ||\n\t\t\t\t\t!!errors.ctaBtn?.phoneNumber?.btnText ||\n\t\t\t\t\t!!quickReplyErrors) &&\n\t\t\t\t!isScrolled\n\t\t\t) {\n\t\t\t\tscrollByElementId(CREATE_TEMPLATE_DOM_IDS.actionButtons);\n\t\t\t\tisScrolled = true;\n\t\t\t}\n\t\t}\n\n\t\treturn { status, errors };\n\t}\n\n\tprivate parseBodyComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t\tpod?: string,\n\t) {\n\t\tconst bodyVariable: templateVariable[] = [];\n\t\tlet bodyText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BODY',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.body_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\tconst isChatbotCustomText =\n\t\t\t\t\tpod === POD.CHATBOT &&\n\t\t\t\t\toriginalVariable &&\n\t\t\t\t\toriginalVariable?.startsWith('((') &&\n\t\t\t\t\toriginalVariable?.endsWith('))');\n\n\t\t\t\tbodyVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal:\n\t\t\t\t\t\tshowSampleValues || isChatbotCustomText\n\t\t\t\t\t\t\t? sampleValue\n\t\t\t\t\t\t\t: originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\tbodyText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\tbodyText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (bodyVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = bodyVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { bodyVariable, bodyText };\n\t}\n\n\tprivate parseTitleComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tisV2 = false,\n\t\tshowSampleValues?: boolean,\n\t) {\n\t\tconst titleVariable: templateVariable[] = [];\n\t\tlet titleText = '';\n\n\t\tconst bodyComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'TITLE',\n\t\t);\n\n\t\tif (bodyComponent) {\n\t\t\tbodyComponent.example?.title_text?.[0]?.forEach((sampleValue, i) => {\n\t\t\t\tlet bodyVarPlaceholder = dbFormattedTemplate.mapping?.body?.[i];\n\t\t\t\tconst originalVariable = bodyVarPlaceholder;\n\t\t\t\tconst editable = bodyVarPlaceholder && /\\(\\(/.test(bodyVarPlaceholder);\n\t\t\t\tconst matchedPlaceholderName = bodyVarPlaceholder?.match(\n\t\t\t\t\tplaceHolderNamePattern,\n\t\t\t\t);\n\n\t\t\t\tif (matchedPlaceholderName?.[2]) {\n\t\t\t\t\tbodyVarPlaceholder = matchedPlaceholderName?.[2];\n\t\t\t\t}\n\n\t\t\t\ttitleVariable.push({\n\t\t\t\t\tidx: i,\n\t\t\t\t\tvariableVal: showSampleValues ? sampleValue : originalVariable,\n\t\t\t\t\teditable: !!editable,\n\t\t\t\t\teditableDefaultValues: editable ? undefined : sampleValue,\n\t\t\t\t\tvariableName: bodyVarPlaceholder ?? '',\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tif (dbFormattedTemplate.htmlContentUrl) {\n\t\t\t\ttitleText = dbFormattedTemplate.htmlContentUrl;\n\t\t\t} else {\n\t\t\t\ttitleText = bodyComponent.text?.split(/\\{\\{[0-9]+\\}\\}/).length\n\t\t\t\t\t? bodyComponent.text\n\t\t\t\t\t\t\t?.split(/\\{\\{[0-9]+\\}\\}/)\n\t\t\t\t\t\t\t.map((t, i) => {\n\t\t\t\t\t\t\t\tif (titleVariable?.[i]) {\n\t\t\t\t\t\t\t\t\tconst normalizeName = titleVariable[i].variableName;\n\t\t\t\t\t\t\t\t\tconst tmp = isV2\n\t\t\t\t\t\t\t\t\t\t? `${t}{{${normalizeName}}}`\n\t\t\t\t\t\t\t\t\t\t: `${t} <span> </span><span  style=\"color: ${COLORS.content.brand}; text-decoration: underline;\">{{${normalizeName}}}</span><span> </span>`;\n\n\t\t\t\t\t\t\t\t\treturn tmp;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn t;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.join('')\n\t\t\t\t\t: '';\n\t\t\t}\n\t\t}\n\n\t\treturn { titleText, titleVariables: titleVariable };\n\t}\n\n\tprivate parseFooterComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst footerComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'FOOTER',\n\t\t);\n\n\t\treturn footerComponent?.text;\n\t}\n\n\tprivate parseButtonComponent(dbFormattedTemplate: WhatsAppTemplate) {\n\t\tconst res: {\n\t\t\tactionsType: ACTIONS_TYPES;\n\t\t\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tphoneNumber?: string;\n\t\t\t\t};\n\t\t\t\twebsiteLinkBtn?: {\n\t\t\t\t\tisChecked?: boolean;\n\t\t\t\t\tbtnText?: string;\n\t\t\t\t\tlinkOpens?: string;\n\t\t\t\t\tplaceholder?: string;\n\t\t\t\t};\n\t\t\t};\n\t\t\tallButtons: WhatsappPreviewButtonType[];\n\t\t} = {\n\t\t\tactionsType: ACTIONS_TYPES.NONE,\n\t\t\tquickReply: [],\n\t\t\tctaBtn: {\n\t\t\t\tphoneNumber: undefined,\n\t\t\t\twebsiteLinkBtn: undefined,\n\t\t\t},\n\t\t\tallButtons: [],\n\t\t};\n\n\t\tconst buttonComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (buttonComponent && buttonComponent?.buttons?.length) {\n\t\t\tconst actionsType =\n\t\t\t\tbuttonComponent?.buttons?.[0].type === 'QUICK_REPLY'\n\t\t\t\t\t? ACTIONS_TYPES.QUICK_REPLY\n\t\t\t\t\t: ACTIONS_TYPES.CTA_BTN;\n\n\t\t\tres.actionsType = actionsType;\n\n\t\t\tif (actionsType === ACTIONS_TYPES.QUICK_REPLY) {\n\t\t\t\tconst btnTexts = (buttonComponent?.buttons?.map((btn) => btn) ??\n\t\t\t\t\t[]) as QUICK_REPLY_BUTTON[];\n\t\t\t\tres.quickReply = btnTexts;\n\t\t\t} else if (actionsType === ACTIONS_TYPES.CTA_BTN) {\n\t\t\t\tbuttonComponent?.buttons?.forEach((btn) => {\n\t\t\t\t\tif (btn.phone_number) {\n\t\t\t\t\t\tres.ctaBtn.phoneNumber = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tphoneNumber: btn.phone_number,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\tif (btn.url) {\n\t\t\t\t\t\tconst btnPlaceholder =\n\t\t\t\t\t\t\tdbFormattedTemplate?.mapping?.buttons?.[0] ?? undefined;\n\t\t\t\t\t\tlet customUrl = false;\n\n\t\t\t\t\t\tif (btnPlaceholder && editableVarPattern.test(btnPlaceholder)) {\n\t\t\t\t\t\t\tcustomUrl = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tres.ctaBtn.websiteLinkBtn = {\n\t\t\t\t\t\t\tisChecked: true,\n\t\t\t\t\t\t\tbtnText: btn.text,\n\t\t\t\t\t\t\tlinkOpens: customUrl ? btn.example?.[0] : btn.url,\n\t\t\t\t\t\t\tplaceholder: customUrl ? undefined : btnPlaceholder,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Parses buttons from template to a format preview can understand.\n\t\t\t// Since copy code does not come with a variable by default, we are adding placeholder from example.\n\t\t\tres.allButtons = buttonComponent.buttons?.map((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...button,\n\t\t\t\t\t\tplaceholder: Array.isArray(button.example)\n\t\t\t\t\t\t\t? button.example[0]\n\t\t\t\t\t\t\t: button?.example || '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn button;\n\t\t\t}) as WhatsappPreviewButtonType[];\n\t\t}\n\n\t\treturn res;\n\t}\n\n\t/**\n\t * Parses LTO component to a format preview can understand.\n\t * Points to Note -\n\t * 1. Takes the Copy Code from previously parsed buttons.\n\t * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.\n\t */\n\tprivate parseLimitedTimeOfferComponent(\n\t\tdbFormattedTemplate: WhatsAppTemplate,\n\t\tallButtons: WhatsappPreviewButtonType[],\n\t) {\n\t\tconst limitedTimeOfferComponent: CreateTemplateType['limitedTimeOfferComponent'] =\n\t\t\t{\n\t\t\t\ttext: '',\n\t\t\t\tdateTime: '',\n\t\t\t\tcode: '',\n\t\t\t};\n\n\t\tdbFormattedTemplate.components.forEach((component) => {\n\t\t\tif (component.type === 'limited_time_offer') {\n\t\t\t\tlimitedTimeOfferComponent.text =\n\t\t\t\t\tcomponent.limited_time_offer?.text ?? '';\n\t\t\t\tconst dateTime = component.example?.limited_time_offer;\n\t\t\t\tif (dateTime && dateTime.startsWith('{{') && dateTime.endsWith('}}')) {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = dateTime;\n\t\t\t\t} else {\n\t\t\t\t\tlimitedTimeOfferComponent.dateTime = format(\n\t\t\t\t\t\tdateTime ? new Date(dateTime) : new Date(),\n\t\t\t\t\t\t'MMM dd',\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tallButtons.forEach((button) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\tlimitedTimeOfferComponent.code = button.placeholder ?? '';\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn limitedTimeOfferComponent;\n\t}\n\n\tprivate parseCallPermissionComponent(dbFormattedTemplate: WhatsAppTemplate): {\n\t\tshowCallPermissionCard: boolean;\n\t\tcallPermissionText?: string;\n\t} {\n\t\tconst callPermissionComponent = dbFormattedTemplate.components?.find(\n\t\t\t(component) => (component as any).type === 'CALL_PERMISSION_REQUEST',\n\t\t);\n\n\t\treturn {\n\t\t\tshowCallPermissionCard: Boolean(callPermissionComponent),\n\t\t\tcallPermissionText: (callPermissionComponent as any)?.text,\n\t\t};\n\t}\n\n\tasync parseUITemplateFromDBFormat(data: {\n\t\tdbFormattedTemplate: WhatsAppTemplate;\n\t\tisDuplicate?: boolean;\n\t\tshowSampleValues?: boolean;\n\t\tisV2?: boolean;\n\t\tpod?: string;\n\t}) {\n\t\tconst {\n\t\t\tdbFormattedTemplate,\n\t\t\tisDuplicate,\n\t\t\tisV2 = false,\n\t\t\tshowSampleValues,\n\t\t\tpod,\n\t\t} = data;\n\t\tconst {\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t} = await this.parseDataFromHeaderComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tundefined,\n\t\t\tpod,\n\t\t);\n\n\t\tconst { bodyText, bodyVariable: bodyVariables } =\n\t\t\tawait this.parseBodyComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t\tpod,\n\t\t\t);\n\t\tconst { titleText, titleVariables: titleVariables } =\n\t\t\tawait this.parseTitleComponent(\n\t\t\t\tdbFormattedTemplate,\n\t\t\t\tisV2,\n\t\t\t\tshowSampleValues,\n\t\t\t);\n\n\t\tconst { actionsType, quickReply, ctaBtn, allButtons } =\n\t\t\tawait this.parseButtonComponent(dbFormattedTemplate);\n\n\t\tconst limitedTimeOfferComponent = this.parseLimitedTimeOfferComponent(\n\t\t\tdbFormattedTemplate,\n\t\t\tallButtons,\n\t\t);\n\n\t\tconst { showCallPermissionCard, callPermissionText } =\n\t\t\tthis.parseCallPermissionComponent(dbFormattedTemplate);\n\n\t\tconst state: CreateTemplateType = {\n\t\t\tquickReply,\n\t\t\tctaBtn,\n\t\t\tallButtons,\n\t\t\tmeta: {\n\t\t\t\tname: isDuplicate\n\t\t\t\t\t? `${dbFormattedTemplate.label} Copy`\n\t\t\t\t\t: dbFormattedTemplate.label,\n\t\t\t\tcategory: dbFormattedTemplate.category?.toUpperCase(),\n\t\t\t\tsubCategory: dbFormattedTemplate.templateCategory,\n\t\t\t\tlanguage: dbFormattedTemplate.language,\n\t\t\t\ttemplateId: dbFormattedTemplate.templateId,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\theader: undefined,\n\t\t\t\tbody: undefined,\n\t\t\t\tfooter: undefined,\n\t\t\t\tquickReply: undefined,\n\t\t\t\tmeta: undefined,\n\t\t\t\tctaBtn: undefined,\n\t\t\t},\n\n\t\t\tactionsType,\n\t\t\tfooterText: this.parseFooterComponent(dbFormattedTemplate),\n\t\t\t/** BODY TEXT */\n\t\t\tbodyVariables,\n\t\t\tbodyText,\n\n\t\t\t/** HEADER */\n\t\t\theaderType,\n\t\t\theaderAssetLink,\n\t\t\theaderAssetName,\n\t\t\theaderText,\n\t\t\theaderVariables,\n\t\t\talreadyAsADraft: dbFormattedTemplate.isDraft,\n\t\t\tmode: 'edit',\n\t\t\tinitialLoading: false,\n\t\t\t/* LIMITED TIME OFFER */\n\t\t\tlimitedTimeOfferComponent,\n\t\t\t/* Title for RCS */\n\t\t\ttitleText,\n\t\t\ttitleVariables,\n\t\t\t/* Call Permission */\n\t\t\tshowCallPermissionCard,\n\t\t\tcallPermissionText,\n\t\t};\n\n\t\tconst { errors } = this.validateState(state);\n\n\t\tstate.error = errors;\n\n\t\treturn state;\n\t}\n\n\tparseTemplateConfiguration(template: RCSTemplateType): RCSTemplateConfig {\n\t\tlet config: RCSTemplateConfig;\n\t\tconst templateConfig = template?.content || ({} as RCSTemplateConfig);\n\t\tif (typeof templateConfig === 'string') {\n\t\t\ttry {\n\t\t\t\tconfig = JSON.parse(templateConfig) as RCSTemplateConfig;\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error parsing rcsTemplate component JSON:', error);\n\t\t\t\tconfig = { orientation: 'VERTICAL' } as RCSTemplateConfig;\n\t\t\t}\n\t\t} else {\n\t\t\tconfig = templateConfig;\n\t\t}\n\t\treturn {\n\t\t\t...config,\n\t\t\ttemplateType: template?.templateType as RCS_TEMPLATE_TYPE,\n\t\t};\n\t}\n}\n"],"names":["TemplateCreatorHelper","dbFormattedTemplate","showSampleValues","pod","res","HEADER_TYPES","headerComponent","component","sampleValue","headerVarPlaceholder","originalVariable","normalizedName","editable","isChatbotCustomText","POD","reduxHeaderVar","state","emojiRegex","status","errors","templateHelperUtils","TemplateHelperUtils","isScrolled","scrollByElementId","elementId","NAME_LEN_LIMIT","NAME_LEN_ERROR","specialCharPattern","NO_SPECIAL_CHAR","REQUIRED_FIELD","CREATE_TEMPLATE_DOM_IDS","text","HEADER_TEXT_LEN_LIMIT","HEADER_LEN_ERROR","variableList","ONE_VAR_ALLOWED","HEADER_ASSET_LINK_ERROR","BODY_TEXT_LEN_LIMIT","BODY_LEN_ERROR","ACTIONS_TYPES","btnText","phoneNumber","QUICK_REPLY_BTN_TEXT_LIMIT","QUICK_REPLY_LEN_ERROR","BUTTON_EMOJI_ERROR","VALID_PHONE_NUMBER","customLink","placeholder","quickReplyErrors","button","i","QUICK_REPLY_NAME_LEN_LIMIT","buttons","el","QUICK_REPLY_NAME_ERROR","qrbErrorAcc","currentError","isV2","bodyVariable","bodyText","bodyComponent","bodyVarPlaceholder","matchedPlaceholderName","placeHolderNamePattern","t","normalizeName","COLORS","titleVariable","titleText","buttonComponent","actionsType","btnTexts","btn","btnPlaceholder","customUrl","editableVarPattern","allButtons","limitedTimeOfferComponent","dateTime","format","callPermissionComponent","data","isDuplicate","headerType","headerAssetLink","headerAssetName","headerText","headerVariables","bodyVariables","titleVariables","quickReply","ctaBtn","showCallPermissionCard","callPermissionText","template","config","templateConfig","error"],"mappings":"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"}

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

@@ -136,11 +136,4 @@ export interface RCSTemplateConfig {
     templateType: RCS_TEMPLATE_TYPE | string;
     height: string;
     orientation: string;
-    /**
-     * When true, the media (header image/video) is rendered AFTER the body text
-     * instead of the default media-first layout. Derived from the original order
-     * of the template's `components` array so that body-before-media templates
-     * (e.g. some `text_with_media` templates) preview in the correct order.
-     */
-    mediaAfterBody?: boolean;
 }

package/dist/esm/components/template-preview/models/RCSTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"RCSTemplate.js","sources":["../../../../../src/components/template-preview/models/RCSTemplate.ts"],"sourcesContent":["import { Timestamp } from 'firebase-admin/firestore';\nimport { CHANNEL_TYPE } from './Channels';\nimport { TEMPLATE_STATUS } from './TemplateMeta';\nimport { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';\n\nexport interface RCSPreviewProps extends WhatsappLikePreviewTypes {\n\tisCarousal?: boolean;\n}\nexport interface RCSTemplateType extends WhatsAppTemplate {\n\tid: string;\n\tstatus: TEMPLATE_STATUS;\n\tname: string;\n\tcontent?: string;\n\tmapping: { [key: string]: string[] | object[] };\n\tmediaTemplateActionButtonTypes: { [key: string]: string[] | object[] };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\ttemplateType?: RCS_TEMPLATE_TYPE;\n\trcsBroadcastConfig?: {\n\t\tmapping: { [key: string]: string | object };\n\t};\n\thtmlContentUrl?: string;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\theaders?: string[];\n}\n\nexport interface RCSPreviewPropsV2 extends WhatsappLikePreviewTypes {\n\ttemplateConfiguration: RCSTemplateConfig;\n}\n\nexport interface RcsTemplate {\n\tcontent?: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string | object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string | object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tstatus: TEMPLATE_STATUS;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tcreatedAt: Timestamp;\n\tupdatedAt: Timestamp;\n}\n\nexport interface CreateRcsTemplatePayload {\n\tname: string;\n\tlabel: string;\n\tstoreId: string;\n\tcategory: string;\n\tchannelTemplateId: string;\n\tchannel: string;\n\tcontent: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string | object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string | object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tbotId: string;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tstatus: TEMPLATE_STATUS;\n\tcreatedAt: Timestamp;\n\tcreatedBy: string;\n\ttemplateCategory?: string;\n\tupdatedAt: Timestamp;\n\ttemplateId?: string;\n}\n\nexport enum RCS_TEMPLATE_STATUS {\n\tACTIVE = 'active',\n\tAPPROVED = 'approved',\n\tPENDING = 'pending',\n\tREJECTED = 'rejected',\n\tFAILED = 'Failed',\n}\n\nexport enum RCS_TEMPLATE_TYPE {\n\tTEXT_MESSAGE = 'text_message', //body and button(name and url)-->  custom variable\n\tTEXT_MESSAGE_WITH_PDF = 'text_message_with_pdf', //body, and button(name and url)custom\n\tCAROUSEL = 'carousel', //body, and button(name and url)custom ,title\n\tRICH_CARD = 'rich_card', //body, and button(name and url)custom ,title\n\tUNKNOWN = 'unknown',\n}\n\nexport enum RCS_BUTTON_TYPE {\n\tREPLY = 'reply',\n\tURL_ACTION = 'url_action', // url --->\n\tDIALER_ACTION = 'dialer_action',\n\tVIEW_LOCATION_LATLONG = 'view_location_latlong',\n\tVIEW_LOCATION_QUERY = 'view_location_query',\n\tSHARE_LOCATION = 'share_location',\n\tCALENDAR_EVENT = 'calendar_event',\n}\n\nexport enum MEDIA_FORMAT {\n\tIMAGE = 'image',\n\tVIDEO = 'video',\n\tDOCUMENT = 'document',\n\tOTHER = 'other',\n}\n\nexport enum IMAGE_EXTENSIONS {\n\tJPG = 'jpg',\n\tJPEG = 'jpeg',\n\tPNG = 'png',\n\tGIF = 'gif',\n\tBMP = 'bmp',\n\tWEBP = 'webp',\n}\n\nexport enum VIDEO_EXTENSIONS {\n\tMP4 = 'mp4',\n\tMOV = 'mov',\n\tAVI = 'avi',\n\tMKV = 'mkv',\n\tWEBM = 'webm',\n}\n\nexport enum DOCUMENT_EXTENSIONS {\n\tPDF = 'pdf',\n\tDOC = 'doc',\n\tDOCX = 'docx',\n\tXLS = 'xls',\n\tXLSX = 'xlsx',\n\tPPT = 'ppt',\n\tPPTX = 'pptx',\n\tTXT = 'txt',\n}\n\nexport interface RCSTemplateConfig {\n\ttemplateType: RCS_TEMPLATE_TYPE | string;\n\theight: string;\n\torientation: string;\n\t/**\n\t * When true, the media (header image/video) is rendered AFTER the body text\n\t * instead of the default media-first layout. Derived from the original order\n\t * of the template's `components` array so that body-before-media templates\n\t * (e.g. some `text_with_media` templates) preview in the correct order.\n\t */\n\tmediaAfterBody?: boolean;\n}\n"],"names":["RCS_TEMPLATE_TYPE"],"mappings":"AA+EO,IAAKA,sBAAAA,OACXA,EAAA,eAAe,gBACfA,EAAA,wBAAwB,yBACxBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,UAAU,WALCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"RCSTemplate.js","sources":["../../../../../src/components/template-preview/models/RCSTemplate.ts"],"sourcesContent":["import { Timestamp } from 'firebase-admin/firestore';\nimport { CHANNEL_TYPE } from './Channels';\nimport { TEMPLATE_STATUS } from './TemplateMeta';\nimport { WhatsappLikePreviewTypes, WhatsAppTemplate } from './WhatsAppTemplate';\n\nexport interface RCSPreviewProps extends WhatsappLikePreviewTypes {\n\tisCarousal?: boolean;\n}\nexport interface RCSTemplateType extends WhatsAppTemplate {\n\tid: string;\n\tstatus: TEMPLATE_STATUS;\n\tname: string;\n\tcontent?: string;\n\tmapping: { [key: string]: string[] | object[] };\n\tmediaTemplateActionButtonTypes: { [key: string]: string[] | object[] };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\ttemplateType?: RCS_TEMPLATE_TYPE;\n\trcsBroadcastConfig?: {\n\t\tmapping: { [key: string]: string | object };\n\t};\n\thtmlContentUrl?: string;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\theaders?: string[];\n}\n\nexport interface RCSPreviewPropsV2 extends WhatsappLikePreviewTypes {\n\ttemplateConfiguration: RCSTemplateConfig;\n}\n\nexport interface RcsTemplate {\n\tcontent?: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string | object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string | object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tstatus: TEMPLATE_STATUS;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tcreatedAt: Timestamp;\n\tupdatedAt: Timestamp;\n}\n\nexport interface CreateRcsTemplatePayload {\n\tname: string;\n\tlabel: string;\n\tstoreId: string;\n\tcategory: string;\n\tchannelTemplateId: string;\n\tchannel: string;\n\tcontent: string;\n\tcomponents: string;\n\tmapping: { [key: string]: string | object };\n\tmediaTemplateActionButtonTypes: { [key: string]: string | object };\n\tcustomParams?: Record<string, string>;\n\tdestinationUrl?: Record<string, string>;\n\tbotId: string;\n\texternalStatus: RCS_TEMPLATE_STATUS;\n\ttemplateType: string;\n\tstatus: TEMPLATE_STATUS;\n\tcreatedAt: Timestamp;\n\tcreatedBy: string;\n\ttemplateCategory?: string;\n\tupdatedAt: Timestamp;\n\ttemplateId?: string;\n}\n\nexport enum RCS_TEMPLATE_STATUS {\n\tACTIVE = 'active',\n\tAPPROVED = 'approved',\n\tPENDING = 'pending',\n\tREJECTED = 'rejected',\n\tFAILED = 'Failed',\n}\n\nexport enum RCS_TEMPLATE_TYPE {\n\tTEXT_MESSAGE = 'text_message', //body and button(name and url)-->  custom variable\n\tTEXT_MESSAGE_WITH_PDF = 'text_message_with_pdf', //body, and button(name and url)custom\n\tCAROUSEL = 'carousel', //body, and button(name and url)custom ,title\n\tRICH_CARD = 'rich_card', //body, and button(name and url)custom ,title\n\tUNKNOWN = 'unknown',\n}\n\nexport enum RCS_BUTTON_TYPE {\n\tREPLY = 'reply',\n\tURL_ACTION = 'url_action', // url --->\n\tDIALER_ACTION = 'dialer_action',\n\tVIEW_LOCATION_LATLONG = 'view_location_latlong',\n\tVIEW_LOCATION_QUERY = 'view_location_query',\n\tSHARE_LOCATION = 'share_location',\n\tCALENDAR_EVENT = 'calendar_event',\n}\n\nexport enum MEDIA_FORMAT {\n\tIMAGE = 'image',\n\tVIDEO = 'video',\n\tDOCUMENT = 'document',\n\tOTHER = 'other',\n}\n\nexport enum IMAGE_EXTENSIONS {\n\tJPG = 'jpg',\n\tJPEG = 'jpeg',\n\tPNG = 'png',\n\tGIF = 'gif',\n\tBMP = 'bmp',\n\tWEBP = 'webp',\n}\n\nexport enum VIDEO_EXTENSIONS {\n\tMP4 = 'mp4',\n\tMOV = 'mov',\n\tAVI = 'avi',\n\tMKV = 'mkv',\n\tWEBM = 'webm',\n}\n\nexport enum DOCUMENT_EXTENSIONS {\n\tPDF = 'pdf',\n\tDOC = 'doc',\n\tDOCX = 'docx',\n\tXLS = 'xls',\n\tXLSX = 'xlsx',\n\tPPT = 'ppt',\n\tPPTX = 'pptx',\n\tTXT = 'txt',\n}\n\nexport interface RCSTemplateConfig {\n\ttemplateType: RCS_TEMPLATE_TYPE | string;\n\theight: string;\n\torientation: string;\n}\n"],"names":["RCS_TEMPLATE_TYPE"],"mappings":"AA+EO,IAAKA,sBAAAA,OACXA,EAAA,eAAe,gBACfA,EAAA,wBAAwB,yBACxBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,UAAU,WALCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/esm/components/template-preview/webpush/WebpushPreview.js

@@ -1,99 +1,99 @@
-import { jsxDEV as n } from "react/jsx-dev-runtime";
+import { jsxDEV as r } from "react/jsx-dev-runtime";
 import { WEB_PUSH_COMPONENT_TYPE as e } from "../models/WebpushTemplate.js";
-import { TemplateHelperUtils as N } from "../utils/TemplateHelperUtils.js";
-import { WebpushPreviewContainer as v } from "./WebpushPreview.styled.js";
-const m = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3", g = (a) => {
-  const { components: c, webpushBroadcastConfig: t } = a.template, r = new N().parseJsonString(c), l = (i, s) => {
+import { TemplateHelperUtils as d } from "../utils/TemplateHelperUtils.js";
+import { WebpushPreviewContainer as N } from "./WebpushPreview.styled.js";
+const l = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3", x = (a) => {
+  const { components: p, webpushBroadcastConfig: n } = a.template, i = new d().parseJsonString(p), m = (t, s) => {
     let o = 0;
-    return i ? i.replace(/{{(.*?)}}/g, (w, b) => {
-      const h = b.trim();
+    return t ? t.replace(/{{(.*?)}}/g, (f, u) => {
+      const h = u.trim();
       if (s && s.length && o < s.length) {
-        const d = s[o];
-        return o++, `${d} `;
+        const v = s[o];
+        return o++, `${v} `;
       } else
         return `{{${h}}}`;
     }) : "";
-  }, p = l(
-    r[e.TITLE],
-    t?.title
-  ), u = l(
-    r[e.BODY]?.text ?? r[e.BODY] ?? "",
-    t?.body
+  }, b = m(
+    i[e.TITLE],
+    n?.title
+  ), c = m(
+    i[e.BODY]?.text ?? i[e.BODY] ?? "",
+    n?.body
   );
-  return /* @__PURE__ */ n(v, { style: { ...a.extraContainerCss }, children: [
-    /* @__PURE__ */ n("div", { className: "icon--header", children: [
-      /* @__PURE__ */ n("div", { className: "icon-img-container", children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(N, { style: { ...a.extraContainerCss }, children: [
+    /* @__PURE__ */ r("div", { className: "icon--header", children: [
+      /* @__PURE__ */ r("div", { className: "icon-img-container", children: /* @__PURE__ */ r(
         "img",
         {
-          src: t?.[e.ICON]?.length ? t[e.ICON][0] : r[e.ICON] || m,
+          src: n?.[e.ICON]?.length ? n[e.ICON][0] : i[e.ICON] || l,
           alt: "icon-image"
         },
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
           lineNumber: 51,
           columnNumber: 6
         },
         void 0
       ) }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 50,
         columnNumber: 5
       }, void 0),
-      /* @__PURE__ */ n("div", { className: "text--container", children: [
-        /* @__PURE__ */ n("div", { children: p }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+      /* @__PURE__ */ r("div", { className: "text--container", children: [
+        /* @__PURE__ */ r("div", { children: b }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
           lineNumber: 63,
           columnNumber: 6
         }, void 0),
-        /* @__PURE__ */ n("div", { style: { marginTop: 3 }, children: u }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        /* @__PURE__ */ r("div", { style: { marginTop: 3 }, children: c }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
           lineNumber: 64,
           columnNumber: 6
         }, void 0)
       ] }, void 0, !0, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 62,
         columnNumber: 5
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
       lineNumber: 49,
       columnNumber: 4
     }, void 0),
-    r[e.IMAGE] && r[e.IMAGE].length && /* @__PURE__ */ n("div", { className: "banner-img-container", children: /* @__PURE__ */ n(
+    i[e.IMAGE] && i[e.IMAGE].length && /* @__PURE__ */ r("div", { className: "banner-img-container", children: /* @__PURE__ */ r(
       "img",
       {
-        src: t?.[e.IMAGE]?.length ? t[e.IMAGE][0] : r[e.IMAGE] ?? m,
+        src: n?.[e.IMAGE]?.length ? n[e.IMAGE][0] : i[e.IMAGE] ?? l,
         alt: "icon-image"
       },
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 70,
         columnNumber: 7
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
       lineNumber: 69,
       columnNumber: 6
     }, void 0),
-    r[e.BUTTONS] && r[e.BUTTONS].length && /* @__PURE__ */ n(
+    i[e.BUTTONS] && i[e.BUTTONS].length && /* @__PURE__ */ r(
       "div",
       {
-        className: `button-container ${r[e.BUTTONS].length === 1 ? "single-button" : ""}`,
-        children: r[e.BUTTONS].map((i, s) => /* @__PURE__ */ n(
+        className: `button-container ${i[e.BUTTONS].length === 1 ? "single-button" : ""}`,
+        children: i[e.BUTTONS].map((t, s) => /* @__PURE__ */ r(
           "div",
           {
             className: "each--btn",
             style: {
-              flex: r[e.BUTTONS].length === 1 ? "0 0 50%" : "1"
+              flex: i[e.BUTTONS].length === 1 ? "0 0 50%" : "1"
             },
-            children: /* @__PURE__ */ n("div", { className: "text-btn", children: i.text }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+            children: /* @__PURE__ */ r("div", { className: "text-btn", children: t.text }, void 0, !1, {
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
               lineNumber: 101,
               columnNumber: 9
             }, void 0)
@@ -101,7 +101,7 @@ const m = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
           `webpush-buttons-${s}`,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
             lineNumber: 91,
             columnNumber: 8
           },
@@ -111,19 +111,19 @@ const m = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
         lineNumber: 83,
         columnNumber: 6
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",
     lineNumber: 48,
     columnNumber: 3
   }, void 0);
 };
 export {
-  g as default
+  x as default
 };
 //# sourceMappingURL=WebpushPreview.js.map