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

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

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

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

@@ -1,12 +1,12 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
 import n from "../../../assets/icons/arrow_left.svg.js";
-import t from "../../../assets/icons/user_icon.svg.js";
-import o from "../../../assets/icons/vertical_dots.svg.js";
-import { BodyTiny as i } from "../../TypographyStyle.js";
+import o 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 m, IconContainer as c, TitleContainer as s, SubTitle as l } from "./RCSPreview.styled.js";
-const N = () => /* @__PURE__ */ e(a, { children: [
-  /* @__PURE__ */ e(m, { children: [
+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: [
+  /* @__PURE__ */ e(s, { children: [
     /* @__PURE__ */ e(
       n,
       {
@@ -17,14 +17,14 @@ const N = () => /* @__PURE__ */ e(a, { children: [
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
         lineNumber: 19,
         columnNumber: 5
       },
       void 0
     ),
-    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
-      t,
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+      o,
       {
         height: 14,
         width: 14,
@@ -33,19 +33,19 @@ const N = () => /* @__PURE__ */ e(a, { children: [
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
         lineNumber: 25,
         columnNumber: 6
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
       lineNumber: 24,
       columnNumber: 5
     }, void 0),
-    /* @__PURE__ */ e(s, { children: [
+    /* @__PURE__ */ e(l, { children: [
       /* @__PURE__ */ e(
-        i,
+        t,
         {
           color: r.content.secondary,
           style: { fontWeight: 600 },
@@ -54,38 +54,38 @@ const N = () => /* @__PURE__ */ e(a, { children: [
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
           lineNumber: 32,
           columnNumber: 6
         },
         void 0
       ),
-      /* @__PURE__ */ e(l, { children: "Business account" }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+      /* @__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",
         lineNumber: 38,
         columnNumber: 6
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
       lineNumber: 31,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
     lineNumber: 18,
     columnNumber: 4
   }, void 0),
-  /* @__PURE__ */ e(o, { height: 16, width: 16, color: r.content.secondary }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+  /* @__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",
     lineNumber: 41,
     columnNumber: 4
   }, void 0)
 ] }, void 0, !0, {
-  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
+  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatHeader.tsx",
   lineNumber: 17,
   columnNumber: 3
 }, void 0);
 export {
-  N as default
+  f as default
 };
 //# sourceMappingURL=RCSChatHeader.js.map

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

@@ -1,190 +1,189 @@
 import { jsxDEV as e, Fragment as s } from "react/jsx-dev-runtime";
-import { useMemo as R } from "react";
-import { useTemplateModalContext as B } from "../../template-context-mapper/context/templateModalContext.js";
-import { isRichAndCarouselCards as P } from "../helpers/templateMiscHelper.js";
-import { VariableEditorHelper as O } from "../helpers/VariableEditorHelper.js";
+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 _ } from "../WhatsApp/ChatBtn.js";
-import { RCSButtons as D } from "./RCSButtons.js";
-import { RCSMediaCard as y, PdfMediaCard as V } from "./RCSMediaCard.js";
-import { RCSPreviewContainer as z, HeaderTextContainer as G, TitleTextContainer as X, RcsHtmlContainer as F, RCSChatBtnContainer as W } from "./RCSPreview.styled.js";
-const C = new O(), ne = (k) => {
+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) => {
   const {
-    bodyText: h,
-    titleText: c,
+    bodyText: v,
+    titleText: p,
     headerMediaType: r,
-    headerText: x,
-    headerAssetLink: a,
-    headerAssetName: p,
-    imagePreviewStyles: b,
-    size: f,
-    bodyVariableList: T,
-    headerVariableList: U,
-    buttons: l,
-    carouselCardIndex: n,
-    isWhatsappCarousel: g,
-    isPreview: j,
-    titleVariableList: E,
-    templateConfiguration: o
-  } = k, H = C.format(
-    h?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
+    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
-  ), M = C.format(
-    x?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
+  ), E = d.format(
+    p?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
     U
-  ), A = C.format(
-    c?.replace(/</g, "&lt;").replace(/>/g, "&gt;"),
-    E
   ), {
-    selectedCarouselIndex: m,
-    isProductCarouselType: v,
-    errorIndexes: I,
-    isCarouselHovered: L
-  } = B(), N = R(() => P(
-    o?.templateType
-  ), [o?.templateType]), i = R(() => o?.orientation == "HORIZONTAL", [o]), S = !!o?.mediaAfterBody, w = r !== t.NONE && a && r !== t.DOCUMENT && r !== t.TEXT ? /* @__PURE__ */ e(
-    y,
-    {
-      headerAssetLink: a,
-      headerAssetName: p,
-      mediaType: r,
-      imagePreviewStyles: r === t.IMAGE ? b : {}
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-      lineNumber: 78,
-      columnNumber: 4
-    },
-    void 0
-  ) : null;
+    selectedCarouselIndex: l,
+    isProductCarouselType: k,
+    errorIndexes: H,
+    isCarouselHovered: M
+  } = I(), f = N(() => y(
+    a?.templateType
+  ), [a?.templateType]), o = N(() => a?.orientation == "HORIZONTAL", [a]);
   return /* @__PURE__ */ e(
-    z,
+    B,
     {
-      isCarouselCard: n != null && n > -1,
-      showBorder: n != null && n === m || v && n != null && n > -1 && m != null && m > -1,
-      hasError: I?.includes(n ?? -2),
-      isWhatsappCarousel: g,
-      isPreview: j,
-      showDashedBorder: v && L && (m ?? -1) < 0 && (n ?? -1) > -1,
-      needBorder: N,
-      isHorizontalOrientation: i,
+      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,
+      isHorizontalOrientation: o,
       children: [
-        !i && /* @__PURE__ */ e(s, { children: r === t.TEXT ? /* @__PURE__ */ e(
-          G,
+        !o && /* @__PURE__ */ e(s, { children: r === t.TEXT ? /* @__PURE__ */ e(
+          V,
           {
-            dangerouslySetInnerHTML: { __html: M }
+            dangerouslySetInnerHTML: { __html: W }
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 115,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 96,
             columnNumber: 7
           },
           void 0
-        ) : S ? null : w }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-          lineNumber: 113,
+        ) : 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),
-        /* @__PURE__ */ e("div", { style: { width: i ? "50%" : "" }, children: [
-          /* @__PURE__ */ e("div", { className: N ? "" : "text--template", children: [
-            !!c && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-              X,
+        /* @__PURE__ */ e("div", { style: { width: o ? "50%" : "" }, children: [
+          /* @__PURE__ */ e("div", { className: f ? "" : "text--template", children: [
+            !!p && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+              z,
               {
                 dangerouslySetInnerHTML: {
-                  __html: A
+                  __html: E
                 }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-                lineNumber: 127,
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+                lineNumber: 117,
                 columnNumber: 8
               },
               void 0
             ) }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 126,
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 116,
               columnNumber: 7
             }, void 0),
-            !!h && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-              F,
+            !!v && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+              G,
               {
                 dangerouslySetInnerHTML: {
-                  __html: H
+                  __html: g
                 },
-                style: { paddingTop: c ? 0 : 12 }
+                style: { paddingTop: p ? 0 : 12 }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-                lineNumber: 137,
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+                lineNumber: 127,
                 columnNumber: 8
               },
               void 0
             ) }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 136,
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 126,
               columnNumber: 7
             }, void 0),
-            r === t.DOCUMENT ? /* @__PURE__ */ e(V, { headerAssetLink: a, headerAssetName: p }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 146,
+            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,
               columnNumber: 7
             }, void 0) : /* @__PURE__ */ e(s, {}, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-              lineNumber: 148,
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+              lineNumber: 138,
               columnNumber: 7
             }, void 0)
           ] }, void 0, !0, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 124,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 114,
             columnNumber: 5
           }, void 0),
-          !i && S ? w : null,
-          l && l.length > 0 ? P(
-            o?.templateType
-          ) ? /* @__PURE__ */ e(s, { children: l.map((d, u) => /* @__PURE__ */ e(_, { text: d.text, size: f }, u, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 160,
+          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,
             columnNumber: 9
           }, void 0)) }, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 158,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 146,
             columnNumber: 7
-          }, void 0) : /* @__PURE__ */ e(W, { children: l.map((d, u) => /* @__PURE__ */ e(D, { text: d.text, size: f }, u, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 166,
+          }, 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,
             columnNumber: 9
           }, void 0)) }, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 164,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 152,
             columnNumber: 7
           }, void 0) : null
         ] }, void 0, !0, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-          lineNumber: 123,
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+          lineNumber: 113,
           columnNumber: 4
         }, void 0),
-        i && r !== t.NONE && a && r !== t.DOCUMENT && /* @__PURE__ */ e(
-          y,
+        o && r !== t.NONE && n && r !== t.DOCUMENT && /* @__PURE__ */ e(
+          S,
           {
-            headerAssetLink: a,
-            headerAssetName: p,
+            headerAssetLink: n,
+            headerAssetName: c,
             mediaType: r,
-            imagePreviewStyles: r === t.IMAGE ? b : {},
-            isHorizontal: i
+            imagePreviewStyles: r === t.IMAGE ? C : {},
+            isHorizontal: o
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-            lineNumber: 176,
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+            lineNumber: 164,
             columnNumber: 6
           },
           void 0
@@ -194,14 +193,14 @@ const C = new O(), ne = (k) => {
     void 0,
     !0,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
-      lineNumber: 89,
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
+      lineNumber: 70,
       columnNumber: 3
     },
     void 0
   );
 };
 export {
-  ne as RCSChatPreview
+  re 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\t// When the template's original component order puts the body before the media,\n\t// render the media after the body instead of the default media-first layout.\n\tconst mediaAfterBody = !!templateConfiguration?.mediaAfterBody;\n\n\tconst mediaCard =\n\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\theaderAssetLink &&\n\t\theaderMediaType !== HEADER_TYPES.DOCUMENT &&\n\t\theaderMediaType !== HEADER_TYPES.TEXT ? (\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 && (\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) : !mediaAfterBody ? (\n\t\t\t\t\t\tmediaCard\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{!isHorizontalOrientation && mediaAfterBody ? mediaCard : null}\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","mediaAfterBody","mediaCard","HEADER_TYPES","jsxDEV","RCSMediaCard","this","RCSPreviewContainer","Fragment","HeaderTextContainer","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}
+{"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":"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"}