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

package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.js

@@ -1,51 +1,51 @@
 import { jsxDEV as n, Fragment as J } from "react/jsx-dev-runtime";
-import N from "lodash/cloneDeep";
+import T from "lodash/cloneDeep";
 import { useState as c, useEffect as Q, useMemo as X, useRef as Z } from "react";
 import { Input as ee } from "../../input/Input.js";
 import { CHANNEL_TYPE as te } from "../../template-preview/models/Channels.js";
-import { HEADER_TYPES as T } from "../../template-preview/models/TemplateMeta.js";
+import { HEADER_TYPES as k } from "../../template-preview/models/TemplateMeta.js";
 import { useTemplateModalContext as ne } from "../context/templateModalContext.js";
 import oe from "../helpers/WebpushTemplateHelper.js";
 import { getAllDataFromWebpushTemplateComponent as ie } from "../utils/getDataFromTemplateComponent.js";
 import ae from "./EditMediaModal.js";
-import V from "./EditMediaV2.js";
-import { EditTemplateMediaContainer as D } from "./EditMediaV2.style.js";
-import { useEditWhatsappTemplateMedia as R } from "./useEditWhtasappTemplateMedia.js";
-import { Container as A } from "./VariableConnectorsPanel.js";
-import se from "./VariableConnectorWhatsApp.js";
-import B from "./VariableEditorHeader.js";
-import re from "./WhatsAppTemplateCardButtonV2.js";
+import P from "./EditMediaV2.js";
+import { EditTemplateMediaContainer as R } from "./EditMediaV2.style.js";
+import { useEditWhatsappTemplateMedia as j } from "./useEditWhtasappTemplateMedia.js";
+import { Container as w } from "./VariableConnectorsPanel.js";
+import re from "./VariableConnectorWhatsApp.js";
+import A from "./VariableEditorHeader.js";
+import se from "./WhatsAppTemplateCardButtonV2.js";
 const Ie = ({
   template: u,
   onTemplateChange: b,
   whatsappSpecificPickerMeta: C,
-  showVariableModal: F
+  showVariableModal: B
 }) => {
-  const [i, H] = c(null), [E, O] = c(null), {
+  const [i, D] = c(null), [E, F] = c(null), {
     variableList: g,
     disableEditVariable: x,
-    originalVariableList: M,
-    setOriginalVariableList: S
-  } = ne(), { processWebpushTemplate: P, isValidUrl: G } = oe(), [l, w] = c(null), [m, I] = c(null), [d, W] = c(null);
+    originalVariableList: y,
+    setOriginalVariableList: H
+  } = ne(), { processWebpushTemplate: O, isValidUrl: S } = oe(), [l, M] = c(null), [m, I] = c(null), [p, W] = c(null);
   Q(() => {
-    g && P(
+    g && O(
       u,
       g,
-      M,
+      y,
       x
     ).then(
       ({ templateVariableMapping: e, template: t, webpushBroadcastConfig: o }) => {
-        H(e), S?.(e), b?.({ ...t }), O(o);
+        D(e), H?.(e), b?.({ ...t }), F(o);
       }
     );
   }, [g, x]);
-  const { descriptionComponents: Y, bodyVariables: _, titleVariables: $ } = X(() => {
+  const { descriptionComponents: G, bodyVariables: Y, titleVariables: _ } = X(() => {
     if (i && E) {
       const e = ie(
         E,
         i
       );
-      return l || w(e.iconImage), m || I(e.bannerImage), d || W(e.redirectionLink), {
+      return l || M(e.iconImage), m || I(e.bannerImage), p || W(e.redirectionLink), {
         descriptionComponents: e.descriptionComponents,
         bodyVariables: e.bodyVariables,
         titleVariables: e.titleVariables
@@ -58,41 +58,41 @@ const Ie = ({
       iconImage: null,
       bannerImage: null
     };
-  }, [i, E]), { uploadMediaLink: L, uploadMediaFiles: k, validateMimeType: U } = C, y = Z(null), a = R({
+  }, [i, E]), { uploadMediaLink: L, uploadMediaFiles: U, validateMimeType: v } = C, N = Z(null), a = j({
     uploadMediaLink: L,
-    uploadMediaFiles: k,
-    updateTemplateImageUrl: (e) => v(e, "icon"),
-    validateMimeType: U,
+    uploadMediaFiles: U,
+    updateTemplateImageUrl: (e) => V(e, "icon"),
+    validateMimeType: v,
     mediaComponent: l,
-    fileRef: y
-  }), s = R({
+    fileRef: N
+  }), r = j({
     uploadMediaLink: L,
-    uploadMediaFiles: k,
-    updateTemplateImageUrl: (e) => v(e, "image"),
-    validateMimeType: U,
+    uploadMediaFiles: U,
+    updateTemplateImageUrl: (e) => V(e, "image"),
+    validateMimeType: v,
     mediaComponent: m,
-    fileRef: y
+    fileRef: N
   });
-  function v(e, t) {
-    const o = { ...u }, p = N(o);
-    t === "icon" ? (p.webpushBroadcastConfig.icon = [e], w([e])) : t === "image" && (p.webpushBroadcastConfig.image = [e], I([e])), b?.({ ...p });
+  function V(e, t) {
+    const o = { ...u }, d = T(o);
+    t === "icon" ? (d.webpushBroadcastConfig.icon = [e], M([e])) : t === "image" && (d.webpushBroadcastConfig.image = [e], I([e])), b?.({ ...d });
   }
-  function j(e, t, o) {
-    const p = { ...u }, f = N(p), q = t === "custom" && typeof e == "string", h = f?.webpushBroadcastConfig?.buttons;
-    if (h && h.length > 0) {
-      h[o] = q ? e : typeof e != "string" ? e.placeHolder : "";
+  function $(e, t, o) {
+    const d = { ...u }, h = T(d), q = t === "custom" && typeof e == "string", f = h?.webpushBroadcastConfig?.buttons;
+    if (f && f.length > 0) {
+      f[o] = q ? e : typeof e != "string" ? e.placeHolder : "";
       const z = {
-        ...f.webpushBroadcastConfig,
-        buttons: h
+        ...h.webpushBroadcastConfig,
+        buttons: f
       };
-      f.webpushBroadcastConfig = z;
+      h.webpushBroadcastConfig = z;
     }
-    b?.(f);
+    b?.(h);
   }
-  const r = a.openEditMedia ? a : s.openEditMedia ? s : null;
-  if (r)
+  const s = a.openEditMedia ? a : r.openEditMedia ? r : null;
+  if (s)
     return /* @__PURE__ */ n(
-      A,
+      w,
       {
         style: {
           flexDirection: "column",
@@ -102,20 +102,20 @@ const Ie = ({
         children: /* @__PURE__ */ n(
           ae,
           {
-            mediaComponentFormat: T.IMAGE,
-            uploadMedia: r.uploadMedia,
+            mediaComponentFormat: k.IMAGE,
+            uploadMedia: s.uploadMedia,
             variableListForImage: [],
-            useEditWhatsappTemplateMediaResponse: r,
-            setOpenEditMedia: r.setOpenEditMedia,
-            openEditMedia: r.openEditMedia,
-            editIconRef: r.editIconRef,
-            fileRef: y,
+            useEditWhatsappTemplateMediaResponse: s,
+            setOpenEditMedia: s.setOpenEditMedia,
+            openEditMedia: s.openEditMedia,
+            editIconRef: s.editIconRef,
+            fileRef: N,
             skipAddVariable: !0
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 186,
             columnNumber: 5
           },
@@ -125,7 +125,7 @@ const Ie = ({
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
         lineNumber: 179,
         columnNumber: 4
       },
@@ -134,11 +134,11 @@ const Ie = ({
   function K(e) {
     const t = `https://${e}`;
     W([t]);
-    const o = N(u);
+    const o = T(u);
     o.webpushBroadcastConfig?.redirectionLink && (o.webpushBroadcastConfig.redirectionLink = [t]), b?.({ ...o });
   }
   return /* @__PURE__ */ n(
-    A,
+    w,
     {
       style: {
         flexDirection: "column",
@@ -147,12 +147,12 @@ const Ie = ({
         minWidth: "auto"
       },
       children: [
-        l && l.length ? /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(
-          V,
+        l && l.length ? /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
+          P,
           {
             imageName: l,
             handleImageChange: a.handleImageChange,
-            mediaType: T.IMAGE,
+            mediaType: k.IMAGE,
             error: a.error,
             isLoading: a.loading,
             setOpenEditMedia: a.setOpenEditMedia
@@ -160,41 +160,41 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 222,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 221,
           columnNumber: 5
         }, void 0) : null,
-        m && m.length ? /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(
-          V,
+        m && m.length ? /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
+          P,
           {
             imageName: m,
-            handleImageChange: s.handleImageChange,
-            mediaType: T.IMAGE,
-            error: s.error,
-            isLoading: s.loading,
-            setOpenEditMedia: s.setOpenEditMedia
+            handleImageChange: r.handleImageChange,
+            mediaType: k.IMAGE,
+            error: r.error,
+            isLoading: r.loading,
+            setOpenEditMedia: r.setOpenEditMedia
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 235,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 234,
           columnNumber: 5
         }, void 0) : null,
-        _?.length || $?.length ? /* @__PURE__ */ n(
-          B,
+        Y?.length || _?.length ? /* @__PURE__ */ n(
+          A,
           {
             containerStyle: {
               paddingTop: 8
@@ -206,38 +206,38 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 247,
             columnNumber: 5
           },
           void 0
         ) : null,
-        Y?.map((e, t) => /* @__PURE__ */ n(
-          se,
+        G?.map((e, t) => /* @__PURE__ */ n(
+          re,
           {
             originalVariableList: i,
-            originalList: M,
+            originalList: y,
             channel: te.WEBPUSH,
             type: e.type,
             descriptionComponent: e.component,
-            showVariableModal: F
+            showVariableModal: B
           },
           t,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 260,
             columnNumber: 5
           },
           void 0
         )),
-        d && d.length ? /* @__PURE__ */ n("div", { style: { padding: "16px 14px" }, children: /* @__PURE__ */ n(
+        p && p.length ? /* @__PURE__ */ n("div", { style: { padding: "16px 14px" }, children: /* @__PURE__ */ n(
           ee,
           {
             labelText: "Redirection Link",
             id: "redirection-link",
-            value: d[0].replace("https://", ""),
-            errorMessage: G(d[0]) ? "" : "Please enter a valid URL",
+            value: p[0].replace("https://", ""),
+            errorMessage: S(p[0]) ? "" : "Please enter a valid URL",
             maxCharLimit: 2e3,
             noKeyDownChange: !0,
             state: x ? "disabled" : "none",
@@ -250,24 +250,24 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 273,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 272,
           columnNumber: 5
         }, void 0) : /* @__PURE__ */ n(J, {}, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 291,
           columnNumber: 5
         }, void 0),
         i?.buttons?.filter(
           (e) => e.type === "URL"
         )?.length > 0 && /* @__PURE__ */ n(
-          B,
+          A,
           {
             headerText: "Edit buttons",
             subText: "Edit the link connected to the CTA button"
@@ -275,7 +275,7 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 297,
             columnNumber: 5
           },
@@ -283,18 +283,18 @@ const Ie = ({
         ),
         i?.buttons?.map(
           (e, t) => /* @__PURE__ */ n(
-            re,
+            se,
             {
               variableListIndex: t,
               CTAoptions: C?.CTAoptions,
               button: e,
               currentVariableList: i,
-              updateSelectedURLTemplateBtn: j
+              updateSelectedURLTemplateBtn: $
             },
             `${t}`,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
               lineNumber: 305,
               columnNumber: 6
             },
@@ -306,7 +306,7 @@ const Ie = ({
     void 0,
     !0,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
       lineNumber: 212,
       columnNumber: 3
     },