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

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 T from "lodash/cloneDeep";
+import x 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 k } from "../../template-preview/models/TemplateMeta.js";
+import { HEADER_TYPES as y } 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 ie from "../helpers/WebpushTemplateHelper.js";
+import { getAllDataFromWebpushTemplateComponent as oe } from "../utils/getDataFromTemplateComponent.js";
 import ae from "./EditMediaModal.js";
-import P from "./EditMediaV2.js";
+import D 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 = ({
+import { useEditWhatsappTemplateMedia as w } 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";
+const Ce = ({
   template: u,
   onTemplateChange: b,
-  whatsappSpecificPickerMeta: C,
-  showVariableModal: B
+  whatsappSpecificPickerMeta: N,
+  showVariableModal: F
 }) => {
-  const [i, D] = c(null), [E, F] = c(null), {
-    variableList: g,
-    disableEditVariable: x,
-    originalVariableList: y,
-    setOriginalVariableList: H
-  } = ne(), { processWebpushTemplate: O, isValidUrl: S } = oe(), [l, M] = c(null), [m, I] = c(null), [p, W] = c(null);
+  const [o, H] = c(null), [E, O] = c(null), {
+    variableList: k,
+    disableEditVariable: g,
+    originalVariableList: T,
+    setOriginalVariableList: S
+  } = ne(), { processWebpushTemplate: P, isValidUrl: G } = ie(), [m, W] = c(null), [l, C] = c(null), [p, M] = c(null);
   Q(() => {
-    g && O(
+    k && P(
       u,
-      g,
-      y,
-      x
+      k,
+      T,
+      g
     ).then(
-      ({ templateVariableMapping: e, template: t, webpushBroadcastConfig: o }) => {
-        D(e), H?.(e), b?.({ ...t }), F(o);
+      ({ templateVariableMapping: e, template: t, webpushBroadcastConfig: i }) => {
+        H(e), S?.(e), b?.({ ...t }), O(i);
       }
     );
-  }, [g, x]);
-  const { descriptionComponents: G, bodyVariables: Y, titleVariables: _ } = X(() => {
-    if (i && E) {
-      const e = ie(
+  }, [k, g]);
+  const { descriptionComponents: Y, bodyVariables: _, titleVariables: $ } = X(() => {
+    if (o && E) {
+      const e = oe(
         E,
-        i
+        o
       );
-      return l || M(e.iconImage), m || I(e.bannerImage), p || W(e.redirectionLink), {
+      return m || W(e.iconImage), l || C(e.bannerImage), p || M(e.redirectionLink), {
         descriptionComponents: e.descriptionComponents,
         bodyVariables: e.bodyVariables,
         titleVariables: e.titleVariables
@@ -58,29 +58,29 @@ const Ie = ({
       iconImage: null,
       bannerImage: null
     };
-  }, [i, E]), { uploadMediaLink: L, uploadMediaFiles: U, validateMimeType: v } = C, N = Z(null), a = j({
-    uploadMediaLink: L,
-    uploadMediaFiles: U,
+  }, [o, E]), { uploadMediaLink: I, uploadMediaFiles: L, validateMimeType: U } = N, v = Z(null), a = w({
+    uploadMediaLink: I,
+    uploadMediaFiles: L,
     updateTemplateImageUrl: (e) => V(e, "icon"),
-    validateMimeType: v,
-    mediaComponent: l,
-    fileRef: N
-  }), r = j({
-    uploadMediaLink: L,
-    uploadMediaFiles: U,
-    updateTemplateImageUrl: (e) => V(e, "image"),
-    validateMimeType: v,
+    validateMimeType: U,
     mediaComponent: m,
-    fileRef: N
+    fileRef: v
+  }), s = w({
+    uploadMediaLink: I,
+    uploadMediaFiles: L,
+    updateTemplateImageUrl: (e) => V(e, "image"),
+    validateMimeType: U,
+    mediaComponent: l,
+    fileRef: v
   });
   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 });
+    const i = { ...u }, d = x(i);
+    t === "icon" ? (d.webpushBroadcastConfig.icon = [e], W([e])) : t === "image" && (d.webpushBroadcastConfig.image = [e], C([e])), b?.({ ...d });
   }
-  function $(e, t, o) {
-    const d = { ...u }, h = T(d), q = t === "custom" && typeof e == "string", f = h?.webpushBroadcastConfig?.buttons;
+  function j(e, t, i) {
+    const d = { ...u }, h = x(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 : "";
+      f[i] = q ? e : typeof e != "string" ? e.placeHolder : "";
       const z = {
         ...h.webpushBroadcastConfig,
         buttons: f
@@ -89,10 +89,10 @@ const Ie = ({
     }
     b?.(h);
   }
-  const s = a.openEditMedia ? a : r.openEditMedia ? r : null;
-  if (s)
+  const r = a.openEditMedia ? a : s.openEditMedia ? s : null;
+  if (r)
     return /* @__PURE__ */ n(
-      w,
+      A,
       {
         style: {
           flexDirection: "column",
@@ -102,20 +102,20 @@ const Ie = ({
         children: /* @__PURE__ */ n(
           ae,
           {
-            mediaComponentFormat: k.IMAGE,
-            uploadMedia: s.uploadMedia,
+            mediaComponentFormat: y.IMAGE,
+            uploadMedia: r.uploadMedia,
             variableListForImage: [],
-            useEditWhatsappTemplateMediaResponse: s,
-            setOpenEditMedia: s.setOpenEditMedia,
-            openEditMedia: s.openEditMedia,
-            editIconRef: s.editIconRef,
-            fileRef: N,
+            useEditWhatsappTemplateMediaResponse: r,
+            setOpenEditMedia: r.setOpenEditMedia,
+            openEditMedia: r.openEditMedia,
+            editIconRef: r.editIconRef,
+            fileRef: v,
             skipAddVariable: !0
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/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/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
         lineNumber: 179,
         columnNumber: 4
       },
@@ -133,12 +133,12 @@ const Ie = ({
     );
   function K(e) {
     const t = `https://${e}`;
-    W([t]);
-    const o = T(u);
-    o.webpushBroadcastConfig?.redirectionLink && (o.webpushBroadcastConfig.redirectionLink = [t]), b?.({ ...o });
+    M([t]);
+    const i = x(u);
+    i.webpushBroadcastConfig?.redirectionLink && (i.webpushBroadcastConfig.redirectionLink = [t]), b?.({ ...i });
   }
   return /* @__PURE__ */ n(
-    w,
+    A,
     {
       style: {
         flexDirection: "column",
@@ -147,12 +147,12 @@ const Ie = ({
         minWidth: "auto"
       },
       children: [
-        l && l.length ? /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
-          P,
+        m && m.length ? /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
+          D,
           {
-            imageName: l,
+            imageName: m,
             handleImageChange: a.handleImageChange,
-            mediaType: k.IMAGE,
+            mediaType: y.IMAGE,
             error: a.error,
             isLoading: a.loading,
             setOpenEditMedia: a.setOpenEditMedia
@@ -160,41 +160,41 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 222,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 221,
           columnNumber: 5
         }, void 0) : null,
-        m && m.length ? /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
-          P,
+        l && l.length ? /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
+          D,
           {
-            imageName: m,
-            handleImageChange: r.handleImageChange,
-            mediaType: k.IMAGE,
-            error: r.error,
-            isLoading: r.loading,
-            setOpenEditMedia: r.setOpenEditMedia
+            imageName: l,
+            handleImageChange: s.handleImageChange,
+            mediaType: y.IMAGE,
+            error: s.error,
+            isLoading: s.loading,
+            setOpenEditMedia: s.setOpenEditMedia
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 235,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 234,
           columnNumber: 5
         }, void 0) : null,
-        Y?.length || _?.length ? /* @__PURE__ */ n(
-          A,
+        _?.length || $?.length ? /* @__PURE__ */ n(
+          B,
           {
             containerStyle: {
               paddingTop: 8
@@ -206,26 +206,26 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 247,
             columnNumber: 5
           },
           void 0
         ) : null,
-        G?.map((e, t) => /* @__PURE__ */ n(
-          re,
+        Y?.map((e, t) => /* @__PURE__ */ n(
+          se,
           {
-            originalVariableList: i,
-            originalList: y,
+            originalVariableList: o,
+            originalList: T,
             channel: te.WEBPUSH,
             type: e.type,
             descriptionComponent: e.component,
-            showVariableModal: B
+            showVariableModal: F
           },
           t,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 260,
             columnNumber: 5
           },
@@ -237,10 +237,10 @@ const Ie = ({
             labelText: "Redirection Link",
             id: "redirection-link",
             value: p[0].replace("https://", ""),
-            errorMessage: S(p[0]) ? "" : "Please enter a valid URL",
+            errorMessage: G(p[0]) ? "" : "Please enter a valid URL",
             maxCharLimit: 2e3,
             noKeyDownChange: !0,
-            state: x ? "disabled" : "none",
+            state: g ? "disabled" : "none",
             prefixText: "https://",
             placeholder: "Enter custom URL here",
             onChangeText: (e) => {
@@ -250,24 +250,24 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 273,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/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/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
           lineNumber: 291,
           columnNumber: 5
         }, void 0),
-        i?.buttons?.filter(
+        o?.buttons?.filter(
           (e) => e.type === "URL"
         )?.length > 0 && /* @__PURE__ */ n(
-          A,
+          B,
           {
             headerText: "Edit buttons",
             subText: "Edit the link connected to the CTA button"
@@ -275,26 +275,26 @@ const Ie = ({
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
             lineNumber: 297,
             columnNumber: 5
           },
           void 0
         ),
-        i?.buttons?.map(
+        o?.buttons?.map(
           (e, t) => /* @__PURE__ */ n(
-            se,
+            re,
             {
               variableListIndex: t,
-              CTAoptions: C?.CTAoptions,
+              CTAoptions: N?.CTAoptions,
               button: e,
-              currentVariableList: i,
-              updateSelectedURLTemplateBtn: $
+              currentVariableList: o,
+              updateSelectedURLTemplateBtn: j
             },
             `${t}`,
             !1,
             {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/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/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWebpushTemplate.tsx",
       lineNumber: 212,
       columnNumber: 3
     },
@@ -314,6 +314,6 @@ const Ie = ({
   );
 };
 export {
-  Ie as default
+  Ce as default
 };
 //# sourceMappingURL=EditWebpushTemplate.js.map