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

package/dist/esm/components/template-preview/RCS/RCSButtons.js

@@ -1,14 +1,14 @@
-import { jsxDEV as e, Fragment as d } from "react/jsx-dev-runtime";
+import { jsxDEV as e, Fragment as p } from "react/jsx-dev-runtime";
 import { BodySecondary as u, Caption as b } from "../../TypographyStyle.js";
-import { COLORS as r } from "../../../constants/Theme.js";
-const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography: s, size: l }) => {
-  const a = s || u;
-  function m(p) {
-    return p.replace("[[", "").replace("]]", "").replace(/([A-Z])/g, " $1").replace(/^./, function(c) {
-      return c.toUpperCase();
+import { COLORS as o } from "../../../constants/Theme.js";
+const N = ({ Icon: n, text: i, extraContent: r, placeholder: t, textTypography: l, size: s }) => {
+  const a = l || u;
+  function d(c) {
+    return c.replace("[[", "").replace("]]", "").replace(/([A-Z])/g, " $1").replace(/^./, function(m) {
+      return m.toUpperCase();
     });
   }
-  return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e("div", { style: { textAlign: "center", maxWidth: "100%" }, children: [
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { style: { textAlign: "center", maxWidth: "100%" }, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -19,10 +19,10 @@ const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography:
           alignItems: "center"
         },
         children: [
-          o && /* @__PURE__ */ e(
-            o,
+          n && /* @__PURE__ */ e(
+            n,
             {
-              color: r.special.brand.facebook,
+              color: o.special.brand.facebook,
               height: 16,
               width: 16,
               style: { marginRight: 8 }
@@ -30,7 +30,7 @@ const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography:
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
               lineNumber: 37,
               columnNumber: 7
             },
@@ -49,9 +49,9 @@ const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography:
                 a,
                 {
                   style: {
-                    color: r.special.brand.facebook,
+                    color: o.special.brand.facebook,
                     textAlign: "center",
-                    fontSize: l === "small" ? 12 : 14,
+                    fontSize: s === "small" ? 12 : 14,
                     textOverflow: "ellipsis",
                     whiteSpace: "nowrap",
                     overflow: "hidden"
@@ -61,7 +61,7 @@ const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography:
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
                   lineNumber: 53,
                   columnNumber: 7
                 },
@@ -71,7 +71,7 @@ const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography:
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
               lineNumber: 45,
               columnNumber: 6
             },
@@ -82,44 +82,44 @@ const x = ({ Icon: o, text: i, extraContent: n, placeholder: t, textTypography:
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
         lineNumber: 28,
         columnNumber: 5
       },
       void 0
     ),
-    !!n && /* @__PURE__ */ e(
+    !!r && /* @__PURE__ */ e(
       b,
       {
         style: {
           marginTop: 2,
-          color: r.content.placeholder,
+          color: o.content.placeholder,
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           overflow: "hidden"
         },
-        children: t ? m(t) : n
+        children: t ? d(t) : r
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
         lineNumber: 68,
         columnNumber: 6
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
     lineNumber: 27,
     columnNumber: 4
   }, void 0) }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSButtons.tsx",
     lineNumber: 26,
     columnNumber: 3
   }, void 0);
 };
 export {
-  x as RCSButtons
+  N as RCSButtons
 };
 //# sourceMappingURL=RCSButtons.js.map

package/dist/esm/components/template-preview/RCS/RCSChatHeader.js

@@ -1,45 +1,45 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
-import n from "../../../assets/icons/arrow_left.svg.js";
-import o from "../../../assets/icons/user_icon.svg.js";
+import o from "../../../assets/icons/arrow_left.svg.js";
+import r from "../../../assets/icons/user_icon.svg.js";
 import i from "../../../assets/icons/vertical_dots.svg.js";
 import { BodyTiny as t } from "../../TypographyStyle.js";
-import { COLORS as r } from "../../../constants/Theme.js";
-import { HeaderContainer as a, LeftContainer as s, IconContainer as m, TitleContainer as l, SubTitle as c } from "./RCSPreview.styled.js";
-const f = () => /* @__PURE__ */ e(a, { children: [
+import { COLORS as n } from "../../../constants/Theme.js";
+import { HeaderContainer as a, LeftContainer as s, IconContainer as m, TitleContainer as l, SubTitle as d } from "./RCSPreview.styled.js";
+const h = () => /* @__PURE__ */ e(a, { children: [
   /* @__PURE__ */ e(s, { children: [
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         height: 16,
         width: 16,
-        color: r.content.secondary
+        color: n.content.secondary
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
         lineNumber: 19,
         columnNumber: 5
       },
       void 0
     ),
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-      o,
+      r,
       {
         height: 14,
         width: 14,
-        color: r.content.primaryInverse
+        color: n.content.primaryInverse
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
         lineNumber: 25,
         columnNumber: 6
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
       lineNumber: 24,
       columnNumber: 5
     }, void 0),
@@ -47,45 +47,45 @@ const f = () => /* @__PURE__ */ e(a, { children: [
       /* @__PURE__ */ e(
         t,
         {
-          color: r.content.secondary,
+          color: n.content.secondary,
           style: { fontWeight: 600 },
           children: "Brand name"
         },
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
           lineNumber: 32,
           columnNumber: 6
         },
         void 0
       ),
-      /* @__PURE__ */ e(c, { children: "Business account" }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+      /* @__PURE__ */ e(d, { children: "Business account" }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
         lineNumber: 38,
         columnNumber: 6
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
       lineNumber: 31,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
     lineNumber: 18,
     columnNumber: 4
   }, void 0),
-  /* @__PURE__ */ e(i, { height: 16, width: 16, color: r.content.secondary }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+  /* @__PURE__ */ e(i, { height: 16, width: 16, color: n.content.secondary }, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
     lineNumber: 41,
     columnNumber: 4
   }, void 0)
 ] }, void 0, !0, {
-  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
   lineNumber: 17,
   columnNumber: 3
 }, void 0);
 export {
-  f as default
+  h as default
 };
 //# sourceMappingURL=RCSChatHeader.js.map

package/dist/esm/components/template-preview/RCS/RCSChatPreview.js

@@ -1,189 +1,177 @@
-import { jsxDEV as e, Fragment as s } from "react/jsx-dev-runtime";
-import { useMemo as N } from "react";
-import { useTemplateModalContext as I } from "../../template-context-mapper/context/templateModalContext.js";
-import { isRichAndCarouselCards as y } from "../helpers/templateMiscHelper.js";
-import { VariableEditorHelper as L } from "../helpers/VariableEditorHelper.js";
-import { HEADER_TYPES as t } from "../models/TemplateMeta.js";
-import { ChatBtn as O } from "../WhatsApp/ChatBtn.js";
-import { RCSButtons as A } from "./RCSButtons.js";
-import { RCSMediaCard as S, PdfMediaCard as _ } from "./RCSMediaCard.js";
-import { RCSPreviewContainer as B, HeaderTextContainer as V, TitleTextContainer as z, RcsHtmlContainer as G, RCSChatBtnContainer as j } from "./RCSPreview.styled.js";
-const d = new L(), re = (w) => {
+import { jsxDEV as e, Fragment as m } from "react/jsx-dev-runtime";
+import { useMemo as C } from "react";
+import { useTemplateModalContext as B } from "../../template-context-mapper/context/templateModalContext.js";
+import { isRichAndCarouselCards as R } from "../helpers/templateMiscHelper.js";
+import { VariableEditorHelper as O } from "../helpers/VariableEditorHelper.js";
+import { HEADER_TYPES as i } from "../models/TemplateMeta.js";
+import { ChatBtn as _ } from "../WhatsApp/ChatBtn.js";
+import { RCSButtons as V } from "./RCSButtons.js";
+import { RCSMediaCard as x, PdfMediaCard as z } from "./RCSMediaCard.js";
+import { HeaderTextContainer as G, RCSPreviewContainer as j, TitleTextContainer as F, RcsHtmlContainer as W, RCSChatBtnContainer as X } from "./RCSPreview.styled.js";
+const b = new O(), oe = (T) => {
   const {
-    bodyText: v,
-    titleText: p,
+    bodyText: f,
+    titleText: d,
     headerMediaType: r,
-    headerText: R,
-    headerAssetLink: n,
-    headerAssetName: c,
-    imagePreviewStyles: C,
-    size: h,
-    bodyVariableList: x,
-    headerVariableList: T,
-    buttons: m,
-    carouselCardIndex: i,
-    isWhatsappCarousel: P,
-    isPreview: D,
-    titleVariableList: U,
-    templateConfiguration: a
-  } = w, g = d.format(
-    v?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
-    x
-  ), W = d.format(
-    R?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
-    T
-  ), E = d.format(
-    p?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
-    U
+    headerText: P,
+    headerAssetLink: a,
+    headerAssetName: p,
+    imagePreviewStyles: v,
+    size: w,
+    bodyVariableList: D,
+    headerVariableList: g,
+    buttons: s,
+    carouselCardIndex: n,
+    isWhatsappCarousel: U,
+    isPreview: k,
+    titleVariableList: M,
+    templateConfiguration: t
+  } = T, H = b.format(
+    f?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
+    D
+  ), E = b.format(
+    P?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
+    g
+  ), A = b.format(
+    d?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
+    M
   ), {
     selectedCarouselIndex: l,
-    isProductCarouselType: k,
-    errorIndexes: H,
-    isCarouselHovered: M
-  } = I(), f = N(() => y(
-    a?.templateType
-  ), [a?.templateType]), o = N(() => a?.orientation == "HORIZONTAL", [a]);
+    isProductCarouselType: N,
+    errorIndexes: I,
+    isCarouselHovered: L
+  } = B(), y = C(() => R(
+    t?.templateType
+  ), [t?.templateType]), o = C(() => t?.orientation == "HORIZONTAL", [t]), h = C(() => !o && !!t?.isMediaAfterBody, [o, t]), S = r === i.TEXT ? /* @__PURE__ */ e(G, { dangerouslySetInnerHTML: { __html: E } }, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+    lineNumber: 80,
+    columnNumber: 4
+  }, void 0) : r !== i.NONE && a && r !== i.DOCUMENT ? /* @__PURE__ */ e(
+    x,
+    {
+      headerAssetLink: a,
+      headerAssetName: p,
+      mediaType: r,
+      imagePreviewStyles: r === i.IMAGE ? v : {}
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+      lineNumber: 84,
+      columnNumber: 4
+    },
+    void 0
+  ) : null;
   return /* @__PURE__ */ e(
-    B,
+    j,
     {
-      isCarouselCard: i != null && i > -1,
-      showBorder: i != null && i === l || k && i != null && i > -1 && l != null && l > -1,
-      hasError: H?.includes(i ?? -2),
-      isWhatsappCarousel: P,
-      isPreview: D,
-      showDashedBorder: k && M && (l ?? -1) < 0 && (i ?? -1) > -1,
-      needBorder: f,
+      isCarouselCard: n != null && n > -1,
+      showBorder: n != null && n === l || N && n != null && n > -1 && l != null && l > -1,
+      hasError: I?.includes(n ?? -2),
+      isWhatsappCarousel: U,
+      isPreview: k,
+      showDashedBorder: N && L && (l ?? -1) < 0 && (n ?? -1) > -1,
+      needBorder: y,
       isHorizontalOrientation: o,
       children: [
-        !o && /* @__PURE__ */ e(s, { children: r === t.TEXT ? /* @__PURE__ */ e(
-          V,
-          {
-            dangerouslySetInnerHTML: { __html: W }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 96,
-            columnNumber: 7
-          },
-          void 0
-        ) : r !== t.NONE && n && r !== t.DOCUMENT ? /* @__PURE__ */ e(
-          S,
-          {
-            headerAssetLink: n,
-            headerAssetName: c,
-            mediaType: r,
-            imagePreviewStyles: r === t.IMAGE ? C : {}
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 102,
-            columnNumber: 7
-          },
-          void 0
-        ) : null }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-          lineNumber: 94,
-          columnNumber: 5
-        }, void 0),
+        !o && !h && S,
         /* @__PURE__ */ e("div", { style: { width: o ? "50%" : "" }, children: [
-          /* @__PURE__ */ e("div", { className: f ? "" : "text--template", children: [
-            !!p && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-              z,
+          /* @__PURE__ */ e("div", { className: y ? "" : "text--template", children: [
+            !!d && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+              F,
               {
                 dangerouslySetInnerHTML: {
-                  __html: E
+                  __html: A
                 }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-                lineNumber: 117,
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+                lineNumber: 123,
                 columnNumber: 8
               },
               void 0
             ) }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 116,
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 122,
               columnNumber: 7
             }, void 0),
-            !!v && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-              G,
+            !!f && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+              W,
               {
                 dangerouslySetInnerHTML: {
-                  __html: g
+                  __html: H
                 },
-                style: { paddingTop: p ? 0 : 12 }
+                style: { paddingTop: d ? 0 : 12 }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-                lineNumber: 127,
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+                lineNumber: 133,
                 columnNumber: 8
               },
               void 0
             ) }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 126,
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 132,
               columnNumber: 7
             }, void 0),
-            r === t.DOCUMENT ? /* @__PURE__ */ e(_, { headerAssetLink: n, headerAssetName: c }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 136,
+            r === i.DOCUMENT ? /* @__PURE__ */ e(z, { headerAssetLink: a, headerAssetName: p }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 142,
               columnNumber: 7
-            }, void 0) : /* @__PURE__ */ e(s, {}, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 138,
+            }, void 0) : /* @__PURE__ */ e(m, {}, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 144,
               columnNumber: 7
             }, void 0)
           ] }, void 0, !0, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 114,
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 120,
             columnNumber: 5
           }, void 0),
-          m && m.length > 0 ? y(
-            a?.templateType
-          ) ? /* @__PURE__ */ e(s, { children: m.map((b, u) => /* @__PURE__ */ e(O, { text: b.text, size: h }, u, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 148,
+          s && s.length > 0 ? R(
+            t?.templateType
+          ) ? /* @__PURE__ */ e(m, { children: s.map((c, u) => /* @__PURE__ */ e(_, { text: c.text, size: w }, u, !1, {
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 154,
             columnNumber: 9
           }, void 0)) }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 146,
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 152,
             columnNumber: 7
-          }, void 0) : /* @__PURE__ */ e(j, { children: m.map((b, u) => /* @__PURE__ */ e(A, { text: b.text, size: h }, u, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 154,
+          }, void 0) : /* @__PURE__ */ e(X, { children: s.map((c, u) => /* @__PURE__ */ e(V, { text: c.text, size: w }, u, !1, {
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 160,
             columnNumber: 9
           }, void 0)) }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 152,
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 158,
             columnNumber: 7
           }, void 0) : null
         ] }, void 0, !0, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-          lineNumber: 113,
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+          lineNumber: 119,
           columnNumber: 4
         }, void 0),
-        o && r !== t.NONE && n && r !== t.DOCUMENT && /* @__PURE__ */ e(
-          S,
+        !o && h && S,
+        o && r !== i.NONE && a && r !== i.DOCUMENT && /* @__PURE__ */ e(
+          x,
           {
-            headerAssetLink: n,
-            headerAssetName: c,
+            headerAssetLink: a,
+            headerAssetName: p,
             mediaType: r,
-            imagePreviewStyles: r === t.IMAGE ? C : {},
+            imagePreviewStyles: r === i.IMAGE ? v : {},
             isHorizontal: o
           },
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 164,
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 171,
             columnNumber: 6
           },
           void 0
@@ -193,14 +181,14 @@ const d = new L(), re = (w) => {
     void 0,
     !0,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-      lineNumber: 70,
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+      lineNumber: 95,
       columnNumber: 3
     },
     void 0
   );
 };
 export {
-  re as RCSChatPreview
+  oe as RCSChatPreview
 };
 //# sourceMappingURL=RCSChatPreview.js.map

package/dist/esm/components/template-preview/RCS/RCSChatPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && (\n\t\t\t\t<>\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t\t\t<HeaderTextContainer\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: headerHtml }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\t\t  headerAssetLink &&\n\t\t\t\t\t  headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","jsxDEV","RCSPreviewContainer","Fragment","HEADER_TYPES","HeaderTextContainer","this","RCSMediaCard","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAAuB,IAAIC,EAAA,GAEpBC,KAAiB,CAACC,MAA6B;AAC3D,QAAM;AAAA,IACL,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,uBAAAC;AAAA,EAAA,IACGhB,GAEEiB,IAAWpB,EAAqB;AAAA,IACrCI,GAAU,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAAA,IACpDQ;AAAA,EAAA,GAEKS,IAAarB,EAAqB;AAAA,IACvCO,GAAY,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAAA,IACtDM;AAAA,EAAA,GAEKS,IAAYtB,EAAqB;AAAA,IACtCK,GAAW,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAAA,IACrDa;AAAA,EAAA,GAEK;AAAA,IACL,uBAAAK;AAAA,IACA,uBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACGC,EAAA,GAEEC,IAAyBC,EAAQ,MAC/BC;AAAA,IACNX,GAAuB;AAAA,EAAA,GAEtB,CAACA,GAAuB,YAAY,CAAC,GAElCY,IAA0BF,EAAQ,MAChCV,GAAuB,eAAe,cAC3C,CAACA,CAAqB,CAAC;AAE1B,SACC,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,gBAAgBlB,KAAqB,QAAaA,IAAoB;AAAA,MACtE,YACEA,KAAqB,QACrBA,MAAsBQ,KACtBC,KACAT,KAAqB,QACrBA,IAAoB,MACpBQ,KAAyB,QACzBA,IAAwB;AAAA,MAE1B,UAAUE,GAAc,SAASV,KAAqB,EAAE;AAAA,MACxD,oBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBACCO,KACAE,MACCH,KAAyB,MAAM,MAC/BR,KAAqB,MAAM;AAAA,MAE7B,YAAYa;AAAA,MACZ,yBAAAG;AAAA,MAEC,UAAA;AAAA,QAAA,CAACA,KACD,gBAAAC,EAAAE,GAAA,EACE,UAAA5B,MAAoB6B,EAAa,OACjC,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACA,yBAAyB,EAAE,QAAQf,EAAA;AAAA,UAAW;AAAA,UAD/C;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAgB;AAAAA,QAAA,IAGG/B,MAAoB6B,EAAa,QACnC3B,KACAF,MAAoB6B,EAAa,WAClC,gBAAAH;AAAA,UAACM;AAAA,UAAA;AAAA,YACA,iBAAA9B;AAAA,YACA,iBAAAC;AAAA,YACA,WAAWH;AAAA,YACX,oBACCA,MAAoB6B,EAAa,QAAQzB,IAAqB,CAAA;AAAA,UAAC;AAAA,UALjE;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA2B;AAAAA,QAAA,IAQG,KAAA,GAhBL,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAA,MAiBA;AAAA,QAED,gBAAAL,EAAC,SAAI,OAAO,EAAE,OAAOD,IAA0B,QAAQ,MACtD,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,IAAyB,KAAK,kBAC5C,UAAA;AAAA,YAAA,CAAC,CAACvB,KACF,gBAAA2B,EAAAE,GAAA,EACC,UAAA,gBAAAF;AAAA,cAACO;AAAA,cAAA;AAAA,gBACA,yBAAyB;AAAA,kBACxB,QAAQjB;AAAA,gBAAA;AAAA,cACT;AAAA,cAHD;AAAA,cAAA;AAAA,cAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAAA;AAAA,cAAAe;AAAAA,YAAA,EAIA,GALD,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAAA,MAMA;AAAA,YAGA,CAAC,CAACjC,KACF,gBAAA4B,EAAAE,GAAA,EACC,UAAA,gBAAAF;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACA,yBAAyB;AAAA,kBACxB,QAAQpB;AAAA,gBAAA;AAAA,gBAET,OAAO,EAAE,YAAYf,IAAY,IAAI,GAAA;AAAA,cAAG;AAAA,cAJzC;AAAA,cAAA;AAAA,cAAA;AAAA,gBAAA,UAAA;AAAA,gBAAA,YAAA;AAAA,gBAAA,cAAA;AAAA,cAAA;AAAA,cAAAgC;AAAAA,YAAA,EAKA,GAND,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAAA,MAOA;AAAA,YAEA/B,MAAoB6B,EAAa,WACjC,gBAAAH,EAACS,KAAmB,iBAAAjC,GAAiB,iBAAAC,KAArC,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAA4B,MAAwD,IAExD,gBAAAL,EAAAE,GAAA,CAAA,GAAA,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAAAG,MAAE;AAAA,UAAA,EAAA,GAxBJ,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MA0BA;AAAA,UAECvB,KAAWA,EAAQ,SAAS,IAC5BgB;AAAA,YACCX,GAAuB;AAAA,UAAA,IAEvB,gBAAAa,EAAAE,GAAA,EACE,UAAApB,EAAQ,IAAI,CAAC4B,GAAQC,MACrB,gBAAAX,EAACY,GAAA,EAAgB,MAAMF,EAAO,MAAM,MAAA/B,KAAtBgC,GAAd,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAN,MAAgD,CAChD,KAHF,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MAIA,IAEA,gBAAAL,EAACa,GAAA,EACC,UAAA/B,EAAQ,IAAI,CAAC4B,GAAQC,MACrB,gBAAAX,EAACc,GAAA,EAAmB,MAAMJ,EAAO,MAAM,MAAA/B,KAAtBgC,GAAjB,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAN,MAAmD,CACnD,KAHF,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MAIA,IAEE;AAAA,QAAA,EAAA,GA7CL,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAA,MA8CA;AAAA,QACCN,KACAzB,MAAoB6B,EAAa,QACjC3B,KACAF,MAAoB6B,EAAa,YAChC,gBAAAH;AAAA,UAACM;AAAA,UAAA;AAAA,YACA,iBAAA9B;AAAA,YACA,iBAAAC;AAAA,YACA,WAAWH;AAAA,YACX,oBACCA,MAAoB6B,EAAa,QAAQzB,IAAqB,CAAA;AAAA,YAE/D,cAAcqB;AAAA,UAAA;AAAA,UAPf;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAM;AAAAA,QAAA;AAAA,MAQA;AAAA,IAAA;AAAA,IAtGH;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AA0GF;"}
+{"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// For VERTICAL templates whose original `components[]` order is\n\t// body-then-media, render the media after the body instead of the default\n\t// media-first layout. Defaults to false → unchanged behaviour.\n\tconst isMediaAfterBody = useMemo(() => {\n\t\treturn (\n\t\t\t!isHorizontalOrientation && !!templateConfiguration?.isMediaAfterBody\n\t\t);\n\t}, [isHorizontalOrientation, templateConfiguration]);\n\n\tconst verticalMediaHeader =\n\t\theaderMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t<HeaderTextContainer dangerouslySetInnerHTML={{ __html: headerHtml }} />\n\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t  headerAssetLink &&\n\t\t  headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && !isMediaAfterBody && verticalMediaHeader}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{!isHorizontalOrientation && isMediaAfterBody && verticalMediaHeader}\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","isMediaAfterBody","verticalMediaHeader","HEADER_TYPES","jsxDEV","HeaderTextContainer","this","RCSMediaCard","RCSPreviewContainer","Fragment","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}