@resulticks/trustsignal-wa-hsm 0.12.0 → 0.13.0

package/dist/resulticks-trustsignal-wa-hsm.es.js

@@ -364,7 +364,7 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
     return m ? JSON.parse(m) : {
       apiKey: ""
     };
-  }), { resulMeta: p } = fa(), [k, M] = R(!1);
+  }), { resulMeta: p } = fa(), [N, M] = R(!1);
   me(() => {
     if (!p) return;
     (async () => {
@@ -403,10 +403,10 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
   const [w, y] = R(() => {
     const m = localStorage.getItem("account"), j = m ? JSON.parse(m).apiKey : "";
     return fe(j);
-  }), [d, u] = R(!1), [b, N] = R(null), [U, I] = R(null), [g, C] = R({ isOpen: !1 }), L = Te(null), [O, D] = R(""), [K, o] = R("all"), [T, S] = R("all"), [A, B] = R("all"), [z, F] = R(1), H = 20;
+  }), [d, u] = R(!1), [b, k] = R(null), [S, I] = R(null), [g, C] = R({ isOpen: !1 }), L = Te(null), [O, D] = R(""), [K, o] = R("all"), [T, A] = R("all"), [U, B] = R("all"), [z, F] = R(1), H = 20;
   me(() => {
     F(1);
-  }, [O, K, T, A]);
+  }, [O, K, T, U]);
   const [J, ne] = R({ isOpen: !1 });
   me(() => {
     (async () => {
@@ -418,7 +418,7 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
         }), L.current = null), y(!1), u(!1);
         return;
       }
-      u(!0), N(null);
+      u(!0), k(null);
       try {
         const $ = await Re(v, {
           limit: 1
@@ -441,7 +441,7 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
           t(Array.isArray(ae.data) ? ae.data : []);
         }), L.current = j, y(!1);
       } catch ($) {
-        N($ instanceof Error ? $.message : "Failed to fetch templates"), L.current || c(() => {
+        k($ instanceof Error ? $.message : "Failed to fetch templates"), L.current || c(() => {
           t([]);
         }), L.current = null, y(!1);
       } finally {
@@ -466,7 +466,7 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
     try {
       const j = localStorage.getItem("account"), G = j ? JSON.parse(j) : { apiKey: "" };
       if (!G.apiKey) {
-        N("Please enter your TrustSignal API key");
+        k("Please enter your TrustSignal API key");
         return;
       }
       I(String(m));
@@ -474,12 +474,12 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
       if (!ee.success) throw new Error(ee.message || "Delete failed");
       t((ae) => ae.filter((pe) => String(pe.id) !== String(m))), C({ isOpen: !1 });
     } catch (j) {
-      N(j instanceof Error ? j.message : "Failed to delete template");
+      k(j instanceof Error ? j.message : "Failed to delete template");
     } finally {
       I(null);
     }
   }, q = n.filter((m) => {
-    const j = O.trim(), G = j.toLowerCase(), $ = m.id != null ? String(m.id) : "", ee = m.name ? String(m.name).toLowerCase() : "", ae = j === "" || $.includes(j) || ee.includes(G), pe = K === "all" || String(m.status || "").toLowerCase() === K.toLowerCase(), Xe = T === "all" || String(m.category || "").toLowerCase() === T.toLowerCase(), Je = A === "all" || String(m.language || "").toLowerCase() === A.toLowerCase();
+    const j = O.trim(), G = j.toLowerCase(), $ = m.id != null ? String(m.id) : "", ee = m.name ? String(m.name).toLowerCase() : "", ae = j === "" || $.includes(j) || ee.includes(G), pe = K === "all" || String(m.status || "").toLowerCase() === K.toLowerCase(), Xe = T === "all" || String(m.category || "").toLowerCase() === T.toLowerCase(), Je = U === "all" || String(m.language || "").toLowerCase() === U.toLowerCase();
     return ae && pe && Xe && Je;
   }), ce = Array.from(new Set(n.map((m) => m.language).filter(Boolean))).sort(), ie = Array.from(new Set(n.map((m) => m.category).filter(Boolean))).sort(), Q = Array.from(new Set(n.map((m) => m.status).filter(Boolean))).sort(), _ = Math.max(1, Math.ceil(q.length / H)), Z = (z - 1) * H, X = Z + H, W = q.slice(Z, X);
   return /* @__PURE__ */ r("div", { className: "rsp-container rsp-mx-auto rsp-px-4 rsp-py-1 rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
@@ -547,7 +547,7 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
                 "select",
                 {
                   value: T,
-                  onChange: (m) => S(m.target.value),
+                  onChange: (m) => A(m.target.value),
                   className: "rsp-pr-7 rsp-pl-2 rsp-py-1 rsp-border rsp-border-white rsp-border-opacity-30 rsp-rounded-md rsp-text-sm rsp-bg-blue-400 rsp-bg-opacity-30 rsp-appearance-none rsp-h-auto rsp-leading-normal focus:rsp-outline-none focus:rsp-border-opacity-60 focus:rsp-bg-opacity-50 rsp-cursor-pointer rsp-text-white hover:rsp-bg-opacity-40 hover:rsp-border-opacity-50 rsp-transition-all",
                   onClick: (m) => m.stopPropagation(),
                   children: [
@@ -565,7 +565,7 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
               /* @__PURE__ */ r(
                 "select",
                 {
-                  value: A,
+                  value: U,
                   onChange: (m) => B(m.target.value),
                   className: "rsp-pr-7 rsp-pl-2 rsp-py-1 rsp-border rsp-border-white rsp-border-opacity-30 rsp-rounded-md rsp-text-sm rsp-bg-blue-400 rsp-bg-opacity-30 rsp-appearance-none rsp-h-auto rsp-leading-normal focus:rsp-outline-none focus:rsp-border-opacity-60 focus:rsp-bg-opacity-50 rsp-cursor-pointer rsp-text-white hover:rsp-bg-opacity-40 hover:rsp-border-opacity-50 rsp-transition-all",
                   onClick: (m) => m.stopPropagation(),
@@ -650,9 +650,9 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
                     "button",
                     {
                       onClick: () => C({ isOpen: !0, templateId: String(m.id), templateName: m.name }),
-                      disabled: U === String(m.id),
-                      className: `rsp-inline-flex rsp-items-center rsp-justify-center rsp-w-8 rsp-h-8 rsp-rounded rsp-text-white rsp-transition-colors ${U === String(m.id) ? "rsp-bg-red-400" : "rsp-bg-red-600 hover:rsp-bg-red-700"}`,
-                      title: U === String(m.id) ? "Deleting..." : "Delete",
+                      disabled: S === String(m.id),
+                      className: `rsp-inline-flex rsp-items-center rsp-justify-center rsp-w-8 rsp-h-8 rsp-rounded rsp-text-white rsp-transition-colors ${S === String(m.id) ? "rsp-bg-red-400" : "rsp-bg-red-600 hover:rsp-bg-red-700"}`,
+                      title: S === String(m.id) ? "Deleting..." : "Delete",
                       children: /* @__PURE__ */ e(ma, { className: "rsp-w-4 rsp-h-4" })
                     }
                   )
@@ -724,8 +724,8 @@ function lr({ onCreateTemplate: a, onEditTemplate: s }) {
                   }
                 }
               ),
-              k && /* @__PURE__ */ e("div", { className: "loading-placeholder rsp-absolute rsp-inset-0 rsp-flex rsp-items-center rsp-justify-center", children: /* @__PURE__ */ e("div", { className: "rsp-text-gray-500 rsp-text-sm", children: "Loading media..." }) }),
-              !k && // If image failed to load, show an error placeholder (we can't detect exact failure here without refs, but onError sets mediaLoading false)
+              N && /* @__PURE__ */ e("div", { className: "loading-placeholder rsp-absolute rsp-inset-0 rsp-flex rsp-items-center rsp-justify-center", children: /* @__PURE__ */ e("div", { className: "rsp-text-gray-500 rsp-text-sm", children: "Loading media..." }) }),
+              !N && // If image failed to load, show an error placeholder (we can't detect exact failure here without refs, but onError sets mediaLoading false)
               /* @__PURE__ */ r("div", { className: "error-placeholder rsp-absolute rsp-inset-0 rsp-flex rsp-flex-col rsp-items-center rsp-justify-center", style: { display: "none" }, children: [
                 /* @__PURE__ */ e("svg", { className: "rsp-w-[100%] rsp-h-12 rsp-text-gray-400 rsp-m-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
                 /* @__PURE__ */ e("p", { className: "rsp-text-gray-500 rsp-text-sm rsp-mb-2", children: "Load media on new tab" })
@@ -787,7 +787,7 @@ const ha = async (a, s) => {
     const x = s.language, v = s.headerType === "MEDIA" && s.mediaType === "DOCUMENT", V = s.type === "CAROUSEL";
     let p = "";
     v ? p = He(s, x) : V ? p = qe(s, x) : p = We(s, x), console.log("Raw JSON string being sent:", p);
-    const k = {
+    const N = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -798,10 +798,10 @@ const ha = async (a, s) => {
     console.log(
       "Making request to:",
       `https://wpapi.trustsignal.io/api/v1/template?api_key=${a}`
-    ), console.log("Request options:", k);
+    ), console.log("Request options:", N);
     const M = await fetch(
       `https://wpapi.trustsignal.io/api/v1/template?api_key=${a}`,
-      k
+      N
     );
     console.log("Response status:", M.status), console.log(
       "Response headers:",
@@ -886,9 +886,9 @@ const He = (a, s) => {
         const V = de(h.value);
         if (V.length > 0 && ((v = a.sampleContent) != null && v.buttonVariables)) {
           const p = V.map(
-            ({ number: k }) => {
+            ({ number: N }) => {
               var M, w;
-              return ((w = (M = a.sampleContent) == null ? void 0 : M.buttonVariables) == null ? void 0 : w[k]) || `sample${k}`;
+              return ((w = (M = a.sampleContent) == null ? void 0 : M.buttonVariables) == null ? void 0 : w[N]) || `sample${N}`;
             }
           );
           x.example = p;
@@ -947,18 +947,18 @@ const He = (a, s) => {
               type: "BUTTONS",
               buttons: v.buttons.map((p) => {
                 var M;
-                const k = {
+                const N = {
                   type: p.type === "CALL" ? "PHONE_NUMBER" : p.type,
                   text: p.text
                 };
-                if (p.type === "URL" && p.value && (k.url = p.value, p.urlType === "dynamic" && p.value.includes("{{"))) {
+                if (p.type === "URL" && p.value && (N.url = p.value, p.urlType === "dynamic" && p.value.includes("{{"))) {
                   const w = de(p.value);
                   if (w.length > 0) {
                     const y = ((M = v == null ? void 0 : v.sampleContent) == null ? void 0 : M.buttonVariables) || {}, d = w.map(({ number: u }) => y[u] || `sample${u}`);
-                    k.example = d;
+                    N.example = d;
                   }
                 }
-                return (p.type === "CALL" || p.type === "PHONE_NUMBER") && p.value && (k.phone_number = Se(p.value)), console.log("Carousel card button data:", k), k;
+                return (p.type === "CALL" || p.type === "PHONE_NUMBER") && p.value && (N.phone_number = Se(p.value)), console.log("Carousel card button data:", N), N;
               })
             }] : []
           ]
@@ -1028,13 +1028,13 @@ const He = (a, s) => {
       if (x.type === "URL" && x.value && (v.url = x.value, x.urlType === "dynamic" && x.value.includes("{{"))) {
         const p = de(x.value);
         if (p.length > 0 && ((V = a.sampleContent) != null && V.buttonVariables)) {
-          const k = p.map(
+          const N = p.map(
             ({ number: M }) => {
               var w, y;
               return ((y = (w = a.sampleContent) == null ? void 0 : w.buttonVariables) == null ? void 0 : y[M]) || `sample${M}`;
             }
           );
-          v.example = k;
+          v.example = N;
         }
       }
       return (x.type === "CALL" || x.type === "PHONE_NUMBER") && x.value && (v.phone_number = Se(x.value)), v;
@@ -1312,34 +1312,34 @@ function Oa(a) {
     try {
       const p = JSON.parse(a.jsonstruct);
       if (p != null && p.header) {
-        const k = p.header.format;
-        k && k !== "TEXT" ? (n = "MEDIA", i = k, c = p.header.url || ((v = a.medialist) == null ? void 0 : v.header)) : k === "TEXT" && (n = "TEXT", t = p.header.text || "");
+        const N = p.header.format;
+        N && N !== "TEXT" ? (n = "MEDIA", i = N, c = p.header.url || ((v = a.medialist) == null ? void 0 : v.header)) : N === "TEXT" && (n = "TEXT", t = p.header.text || "");
       }
       if (p != null && p.body && (l = p.body.text || ""), (V = p == null ? void 0 : p.buttons) != null && V.buttons && Array.isArray(p.buttons.buttons))
-        for (const k of p.buttons.buttons) {
-          if (!k || !k.type || !k.text) continue;
+        for (const N of p.buttons.buttons) {
+          if (!N || !N.type || !N.text) continue;
           const M = {
             id: we(),
-            type: k.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : k.type,
-            text: k.text
+            type: N.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : N.type,
+            text: N.text
           };
-          k.type === "URL" && (M.value = k.url, typeof k.url == "string" && k.url.includes("{{") && Array.isArray(k.example) ? (Oe(k.url).forEach((y, d) => {
-            s.buttonVariables[y] = k.example[d] ?? "";
-          }), M.urlType = "dynamic") : M.urlType = "static"), (k.type === "CALL" || k.type === "PHONE_NUMBER") && (M.value = k.phone_number || ""), h.push(M);
+          N.type === "URL" && (M.value = N.url, typeof N.url == "string" && N.url.includes("{{") && Array.isArray(N.example) ? (Oe(N.url).forEach((y, d) => {
+            s.buttonVariables[y] = N.example[d] ?? "";
+          }), M.urlType = "dynamic") : M.urlType = "static"), (N.type === "CALL" || N.type === "PHONE_NUMBER") && (M.value = N.phone_number || ""), h.push(M);
         }
       if (p != null && p.carousel) {
-        const k = Object.keys(p.carousel).filter((u) => /^card\d+$/.test(u));
-        k.sort((u, b) => {
-          const N = parseInt(u.replace("card", ""), 10), U = parseInt(b.replace("card", ""), 10);
-          return N - U;
+        const N = Object.keys(p.carousel).filter((u) => /^card\d+$/.test(u));
+        N.sort((u, b) => {
+          const k = parseInt(u.replace("card", ""), 10), S = parseInt(b.replace("card", ""), 10);
+          return k - S;
         });
-        const M = k.map((u) => {
-          const b = p.carousel[u] || {}, N = b.header || {}, U = b.body || {}, I = b.buttons && Array.isArray(b.buttons.buttons) ? b.buttons.buttons : [], g = N.format, C = g === "IMAGE" || g === "VIDEO" || g === "DOCUMENT" ? g : void 0, O = `card${u.replace("card", "")}header`, D = N.url || (a.medialist && typeof a.medialist == "object" && O in a.medialist ? a.medialist[O] : void 0), K = U.text || "", o = [];
+        const M = N.map((u) => {
+          const b = p.carousel[u] || {}, k = b.header || {}, S = b.body || {}, I = b.buttons && Array.isArray(b.buttons.buttons) ? b.buttons.buttons : [], g = k.format, C = g === "IMAGE" || g === "VIDEO" || g === "DOCUMENT" ? g : void 0, O = `card${u.replace("card", "")}header`, D = k.url || (a.medialist && typeof a.medialist == "object" && O in a.medialist ? a.medialist[O] : void 0), K = S.text || "", o = [];
           for (const T of I) {
             if (!T || !T.type || !T.text) continue;
-            const S = { id: we(), type: T.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : T.type, text: T.text };
-            T.type === "URL" && (S.value = T.url, typeof T.url == "string" && T.url.includes("{{") && Array.isArray(T.example) ? (Oe(T.url).forEach((B, z) => {
-            }), S.urlType = "dynamic") : S.urlType = "static"), (T.type === "CALL" || T.type === "PHONE_NUMBER") && (S.value = T.phone_number || ""), o.push(S);
+            const A = { id: we(), type: T.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : T.type, text: T.text };
+            T.type === "URL" && (A.value = T.url, typeof T.url == "string" && T.url.includes("{{") && Array.isArray(T.example) ? (Oe(T.url).forEach((B, z) => {
+            }), A.urlType = "dynamic") : A.urlType = "static"), (T.type === "CALL" || T.type === "PHONE_NUMBER") && (A.value = T.phone_number || ""), o.push(A);
           }
           return {
             id: we(),
@@ -1480,7 +1480,7 @@ const Pa = [
   { value: "DOCUMENT", label: "Document" }
 ], _a = 5 * 1024 * 1024, Fa = 16 * 1024 * 1024, $a = 100 * 1024 * 1024, ve = ["jpg", "jpeg", "png"], ke = ["mp4", "3gpp"], Ne = ["pdf", "docx", "xlsx", "pptx", "txt"];
 function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
-  var U, I;
+  var S, I;
   const [t, i] = re.useState(null), [c, l] = re.useState(!1), [f, h] = re.useState(null), [x, v] = re.useState(null), V = () => {
     const C = (a.headerText || "").match(/{{\d+}}/g);
     if (!C) return 0;
@@ -1500,7 +1500,7 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
         }
       }, 0);
     }
-  }, k = (g) => {
+  }, N = (g) => {
     s((C) => ({
       ...C,
       headerType: g,
@@ -1574,7 +1574,7 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
       const L = y(C, a.mediaType);
       v(L);
     }
-  }, N = () => {
+  }, k = () => {
     switch (a.mediaType) {
       case "IMAGE":
         return ve.map((g) => `.${g}`).join(",");
@@ -1594,7 +1594,7 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
           "select",
           {
             value: a.headerType,
-            onChange: (g) => k(g.target.value),
+            onChange: (g) => N(g.target.value),
             className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
             children: Da.map((g) => /* @__PURE__ */ e("option", { value: g.value, children: g.label }, g.value))
           }
@@ -1649,12 +1649,12 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
                   type: "text",
                   value: ((O = (L = a.sampleContent) == null ? void 0 : L.headerVariables) == null ? void 0 : O[C]) || "",
                   onChange: (D) => {
-                    var o, T, S;
+                    var o, T, A;
                     const K = {
                       ...a.sampleContent,
                       headerVariables: { ...(o = a.sampleContent) == null ? void 0 : o.headerVariables, [C]: D.target.value },
                       bodyVariables: ((T = a.sampleContent) == null ? void 0 : T.bodyVariables) || {},
-                      buttonVariables: ((S = a.sampleContent) == null ? void 0 : S.buttonVariables) || {}
+                      buttonVariables: ((A = a.sampleContent) == null ? void 0 : A.buttonVariables) || {}
                     };
                     s({ ...a, sampleContent: K });
                   },
@@ -1667,7 +1667,7 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
                 {
                   type: "button",
                   onClick: () => {
-                    var T, S, A;
+                    var T, A, U;
                     const D = new RegExp(`\\{\\{${C}\\}\\}`, "g"), K = (a.headerText || "").replace(D, ""), o = Object.fromEntries(Object.entries(((T = a.sampleContent) == null ? void 0 : T.headerVariables) || {}).filter(([B]) => B !== C));
                     s({
                       ...a,
@@ -1675,8 +1675,8 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
                       sampleContent: {
                         ...a.sampleContent,
                         headerVariables: o,
-                        bodyVariables: ((S = a.sampleContent) == null ? void 0 : S.bodyVariables) || {},
-                        buttonVariables: ((A = a.sampleContent) == null ? void 0 : A.buttonVariables) || {}
+                        bodyVariables: ((A = a.sampleContent) == null ? void 0 : A.bodyVariables) || {},
+                        buttonVariables: ((U = a.sampleContent) == null ? void 0 : U.buttonVariables) || {}
                       }
                     });
                   },
@@ -1739,7 +1739,7 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
           ] }),
           /* @__PURE__ */ e("button", { onClick: d, className: "rsp-p-1 rsp-text-gray-400 hover:rsp-text-red-500 rsp-transition-colors flex-shrink-0", children: /* @__PURE__ */ e(te, { className: "rsp-w-4 rsp-h-4" }) })
         ] }) : /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("input", { type: "file", accept: N(), onChange: u, className: "rsp-hidden", id: "media-upload", disabled: c }),
+          /* @__PURE__ */ e("input", { type: "file", accept: k(), onChange: u, className: "rsp-hidden", id: "media-upload", disabled: c }),
           /* @__PURE__ */ r(
             "label",
             {
@@ -1747,7 +1747,7 @@ function Ha({ template: a, setTemplate: s, onFileUpload: n }) {
               className: `rsp-w-full rsp-px-4 rsp-py-3 rsp-border-2 rsp-border-dashed rsp-border-gray-300 rsp-rounded-md rsp-flex rsp-flex-col rsp-items-center rsp-justify-center rsp-cursor-pointer rsp-transition-colors hover:rsp-border-gray-400 hover:rsp-bg-gray-50 ${c ? "rsp-opacity-50 rsp-cursor-not-allowed" : ""}`,
               children: [
                 /* @__PURE__ */ e(pa, { className: "rsp-w-6 rsp-h-6 rsp-text-gray-400 rsp-mb-2" }),
-                /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: c ? "Uploading..." : `Upload ${((U = a.mediaType) == null ? void 0 : U.toLowerCase()) || "file"}` }),
+                /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: c ? "Uploading..." : `Upload ${((S = a.mediaType) == null ? void 0 : S.toLowerCase()) || "file"}` }),
                 /* @__PURE__ */ r("span", { className: "rsp-text-xs rsp-text-gray-400 rsp-mt-1", children: [
                   a.mediaType === "IMAGE" && "JPG, PNG up to 5MB",
                   a.mediaType === "VIDEO" && "MP4, 3GPP up to 16MB",
@@ -3585,7 +3585,7 @@ const Pe = [
   onClose: n
 }) => {
   const [t, i] = R({ start: 0, end: 80 }), c = 8, l = 40, f = 400, h = je((p) => {
-    const k = p.currentTarget.scrollTop, M = Math.floor(k / l), w = Math.min(
+    const N = p.currentTarget.scrollTop, M = Math.floor(N / l), w = Math.min(
       M + Math.ceil(f / l) + 2,
       Math.ceil(a.length / c)
     );
@@ -3594,9 +3594,9 @@ const Pe = [
       end: w * c
     });
   }, [a.length, l, f, c]), x = je((p) => {
-    const k = p.match(/&#x([0-9A-Fa-f]+);/g);
-    if (!k) return "";
-    const M = k.map((w) => {
+    const N = p.match(/&#x([0-9A-Fa-f]+);/g);
+    if (!N) return "";
+    const M = N.map((w) => {
       const y = w.replace(/&#x|;/g, "");
       return parseInt(y, 16);
     });
@@ -3615,8 +3615,8 @@ const Pe = [
             top: Math.floor(t.start / c) * l,
             transform: "translateY(0px)"
           },
-          children: V.map((p, k) => {
-            const M = t.start + k;
+          children: V.map((p, N) => {
+            const M = t.start + N;
             return /* @__PURE__ */ e(
               "button",
               {
@@ -3700,14 +3700,14 @@ function Wa({ template: a, setTemplate: s }) {
     const d = (a.body || "").match(/{{\d+}}/g);
     if (!d) return 0;
     const u = d.map((b) => {
-      const N = b.match(/{{(\d+)}}/);
-      return N ? parseInt(N[1], 10) : 0;
+      const k = b.match(/{{(\d+)}}/);
+      return k ? parseInt(k[1], 10) : 0;
     });
     return u.length > 0 ? Math.max(...u) : 0;
-  }, k = () => {
+  }, N = () => {
     const u = `{{${p() + 1}}}`;
     if (l && a.body.length + u.length <= 1024) {
-      const b = l.selectionStart || a.body.length, N = a.body.substring(0, b), U = a.body.substring(b), I = N + u + U;
+      const b = l.selectionStart || a.body.length, k = a.body.substring(0, b), S = a.body.substring(b), I = k + u + S;
       s({
         ...a,
         body: I
@@ -3727,7 +3727,7 @@ function Wa({ template: a, setTemplate: s }) {
       if (!l) return;
       const d = l.selectionStart || a.body.length, u = 1024, b = a.body;
       if (b.length + y.length <= u) {
-        const N = b.substring(0, d), U = b.substring(d), I = N + y + U;
+        const k = b.substring(0, d), S = b.substring(d), I = k + y + S;
         s({
           ...a,
           body: I
@@ -3742,7 +3742,7 @@ function Wa({ template: a, setTemplate: s }) {
       if (!h) return;
       const d = h.selectionStart || a.footer.length, u = 60, b = a.footer;
       if (b.length + y.length <= u) {
-        const N = b.substring(0, d), U = b.substring(d), I = N + y + U;
+        const k = b.substring(0, d), S = b.substring(d), I = k + y + S;
         s({
           ...a,
           footer: I
@@ -3778,7 +3778,7 @@ function Wa({ template: a, setTemplate: s }) {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: k,
+              onClick: N,
               className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
               title: "Add Variable",
               children: /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) })
@@ -3841,7 +3841,7 @@ function Wa({ template: a, setTemplate: s }) {
         return d.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-mt-3", children: [
           /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-font-medium rsp-text-gray-600 rsp-mb-2", children: "Sample Values" }),
           /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-3 rsp-gap-2", children: d.map((u) => {
-            var b, N;
+            var b, k;
             return /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2", children: [
               /* @__PURE__ */ r("label", { className: "rsp-text-xs rsp-text-gray-500 rsp-whitespace-nowrap", children: [
                 "{{",
@@ -3853,14 +3853,14 @@ function Wa({ template: a, setTemplate: s }) {
                 "input",
                 {
                   type: "text",
-                  value: ((N = (b = a.sampleContent) == null ? void 0 : b.bodyVariables) == null ? void 0 : N[u]) || "",
-                  onChange: (U) => {
+                  value: ((k = (b = a.sampleContent) == null ? void 0 : b.bodyVariables) == null ? void 0 : k[u]) || "",
+                  onChange: (S) => {
                     var g, C, L;
                     const I = {
                       ...a.sampleContent,
                       bodyVariables: {
                         ...(g = a.sampleContent) == null ? void 0 : g.bodyVariables,
-                        [u]: U.target.value
+                        [u]: S.target.value
                       },
                       headerVariables: ((C = a.sampleContent) == null ? void 0 : C.headerVariables) || {},
                       buttonVariables: ((L = a.sampleContent) == null ? void 0 : L.buttonVariables) || {}
@@ -3880,7 +3880,7 @@ function Wa({ template: a, setTemplate: s }) {
                   type: "button",
                   onClick: () => {
                     var C, L, O;
-                    const U = new RegExp(`\\{\\{${u}\\}\\}`, "g"), I = (a.body || "").replace(U, ""), g = Object.fromEntries(Object.entries(((C = a.sampleContent) == null ? void 0 : C.bodyVariables) || {}).filter(([D]) => D !== u));
+                    const S = new RegExp(`\\{\\{${u}\\}\\}`, "g"), I = (a.body || "").replace(S, ""), g = Object.fromEntries(Object.entries(((C = a.sampleContent) == null ? void 0 : C.bodyVariables) || {}).filter(([D]) => D !== u));
                     s({
                       ...a,
                       body: I,
@@ -3965,10 +3965,10 @@ function Ga({ template: a, setTemplate: s }) {
       ...a,
       buttons: a.buttons.filter((u) => u.id !== d)
     });
-  }, k = (d, u, b) => {
-    const N = a.buttons.find((g) => g.id === d), U = u === "text" ? 25 : u === "value" && (N == null ? void 0 : N.type) === "URL" ? 2e3 : 20;
-    let I = b.slice(0, U);
-    u === "value" && (N == null ? void 0 : N.type) === "CALL" && I && !I.startsWith("+") && (I = "+" + I), s({
+  }, N = (d, u, b) => {
+    const k = a.buttons.find((g) => g.id === d), S = u === "text" ? 25 : u === "value" && (k == null ? void 0 : k.type) === "URL" ? 2e3 : 20;
+    let I = b.slice(0, S);
+    u === "value" && (k == null ? void 0 : k.type) === "CALL" && I && !I.startsWith("+") && (I = "+" + I), s({
       ...a,
       buttons: a.buttons.map(
         (g) => g.id === d ? { ...g, [u]: I } : g
@@ -3976,14 +3976,14 @@ function Ga({ template: a, setTemplate: s }) {
     });
   }, M = () => {
     const u = [
-      ...a.buttons.filter((N) => N.type === "URL" && N.urlType === "dynamic").map((N) => N.value || ""),
+      ...a.buttons.filter((k) => k.type === "URL" && k.urlType === "dynamic").map((k) => k.value || ""),
       l.value
       // Include current form input
     ].join(" ").match(/{{\d+}}/g);
     if (!u) return 0;
-    const b = u.map((N) => {
-      const U = N.match(/{{(\d+)}}/);
-      return U ? parseInt(U[1], 10) : 0;
+    const b = u.map((k) => {
+      const S = k.match(/{{(\d+)}}/);
+      return S ? parseInt(S[1], 10) : 0;
     });
     return b.length > 0 ? Math.max(...b) : 0;
   }, w = [
@@ -4153,7 +4153,7 @@ function Ga({ template: a, setTemplate: s }) {
                   "Use placeholders like: ",
                   /* @__PURE__ */ e("code", { className: "rsp-bg-blue-100 rsp-px-1 rsp-rounded", children: "https://example.com/order/{{1}}" })
                 ] }),
-                /* @__PURE__ */ e("li", { children: "Maximum 3 placeholders per URL ({{1}}, {{2}}, {{3}})" }),
+                /* @__PURE__ */ e("li", { children: "Maximum 1 placeholder per URL ({{1}})" }),
                 /* @__PURE__ */ e("li", { children: "Only HTTPS URLs are allowed" }),
                 /* @__PURE__ */ e("li", { children: "WhatsApp verifies only the domain" })
               ] })
@@ -4170,7 +4170,7 @@ function Ga({ template: a, setTemplate: s }) {
                   f({ ...l, value: d.target.value.slice(0, u) });
                 },
                 className: "rsp-w-full rsp-px-3 rsp-py-4 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-bg-white rsp-text-sm rsp-text-gray-900 placeholder:rsp-text-gray-400 focus:rsp-outline-none focus:rsp-ring-2 focus:rsp-ring-blue-500 focus:rsp-border-blue-500 rsp-shadow-sm rsp-transition-all",
-                placeholder: n === "URL" ? l.urlType === "dynamic" ? "https://example.com/order/{{1}}?user={{2}}" : "https://example.com" : n === "CALL" ? "+1234567890" : "Flow ID",
+                placeholder: n === "URL" ? l.urlType === "dynamic" ? "https://example.com/order/{{1}}" : "https://example.com" : n === "CALL" ? "+1234567890" : "Flow ID",
                 maxLength: n === "URL" ? 2e3 : 20
               }
             ),
@@ -4186,11 +4186,11 @@ function Ga({ template: a, setTemplate: s }) {
               {
                 type: "button",
                 onClick: () => {
-                  if ((l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
-                  const b = M() + 1, N = l.value + `{{${b}}}`;
-                  f({ ...l, value: N }), c(!0);
+                  if ((l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 1) return;
+                  const b = M() + 1, k = l.value + `{{${b}}}`;
+                  f({ ...l, value: k }), c(!0);
                 },
-                disabled: (l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3,
+                disabled: (l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 1,
                 className: "rsp-px-4 rsp-py-2 rsp-text-xs rsp-font-semibold rsp-bg-blue-100 hover:rsp-bg-blue-200 rsp-rounded-lg rsp-text-blue-700 disabled:rsp-bg-gray-200 disabled:rsp-text-gray-500 disabled:rsp-cursor-not-allowed rsp-transition-all rsp-shadow-sm hover:rsp-shadow-md rsp-flex rsp-items-center rsp-gap-1.5",
                 children: [
                   /* @__PURE__ */ e("svg", { className: "rsp-w-3.5 rsp-h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }),
@@ -4198,7 +4198,7 @@ function Ga({ template: a, setTemplate: s }) {
                 ]
               }
             ) }),
-            (l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 3 variables allowed." }),
+            (l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 1 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 1 variable allowed." }),
             i && /* @__PURE__ */ r("div", { className: "rsp-mt-4 rsp-p-5 rsp-bg-gradient-to-br rsp-from-blue-50 rsp-to-indigo-50 rsp-rounded-xl rsp-border-2 rsp-border-blue-200 rsp-shadow-sm", children: [
               /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between rsp-mb-4", children: [
                 /* @__PURE__ */ r("h4", { className: "rsp-text-sm rsp-font-semibold rsp-text-blue-900 rsp-flex rsp-items-center rsp-gap-2", children: [
@@ -4218,7 +4218,7 @@ function Ga({ template: a, setTemplate: s }) {
               /* @__PURE__ */ e("div", { className: "rsp-space-y-3", children: (() => {
                 const d = l.value.match(/\{\{(\d+)\}\}/g) || [];
                 return [...new Set(d.map((b) => b.replace(/[{}]/g, "")))].map((b) => {
-                  var N, U;
+                  var k, S;
                   return /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-3", children: [
                     /* @__PURE__ */ r("label", { className: "rsp-text-sm rsp-font-semibold rsp-text-blue-800 rsp-whitespace-nowrap rsp-bg-blue-100 rsp-px-3 rsp-py-2 rsp-rounded-lg rsp-min-w-[100px]", children: [
                       "{{",
@@ -4229,7 +4229,7 @@ function Ga({ template: a, setTemplate: s }) {
                       "input",
                       {
                         type: "text",
-                        value: ((U = (N = a.sampleContent) == null ? void 0 : N.buttonVariables) == null ? void 0 : U[b]) || "",
+                        value: ((S = (k = a.sampleContent) == null ? void 0 : k.buttonVariables) == null ? void 0 : S[b]) || "",
                         onChange: (I) => {
                           var C, L, O;
                           const g = {
@@ -4288,8 +4288,8 @@ function Ga({ template: a, setTemplate: s }) {
                 /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-700 rsp-font-mono rsp-break-all rsp-bg-gray-50 rsp-p-2 rsp-rounded rsp-border rsp-border-gray-200", children: l.value.replace(
                   /\{\{(\d+)\}\}/g,
                   (d, u) => {
-                    var b, N;
-                    return ((N = (b = a.sampleContent) == null ? void 0 : b.buttonVariables) == null ? void 0 : N[u]) || `[${d}]`;
+                    var b, k;
+                    return ((k = (b = a.sampleContent) == null ? void 0 : b.buttonVariables) == null ? void 0 : k[u]) || `[${d}]`;
                   }
                 ) })
               ] })
@@ -4327,7 +4327,7 @@ function Ga({ template: a, setTemplate: s }) {
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "rsp-space-y-3", children: a.buttons.map((d) => {
-        const u = w.find((N) => N.type === d.type), b = (u == null ? void 0 : u.icon) || ye;
+        const u = w.find((k) => k.type === d.type), b = (u == null ? void 0 : u.icon) || ye;
         return /* @__PURE__ */ e("div", { className: "rsp-bg-white rsp-border-2 rsp-border-gray-200 rsp-rounded-xl rsp-p-5 rsp-shadow-sm hover:rsp-shadow-md hover:rsp-border-gray-300 rsp-transition-all", children: /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-start rsp-gap-4", children: [
           /* @__PURE__ */ e("div", { className: "rsp-p-3 rsp-bg-gradient-to-br rsp-from-blue-50 rsp-to-blue-100 rsp-rounded-xl rsp-shadow-sm", children: /* @__PURE__ */ e(b, { className: "rsp-w-5 rsp-h-5 rsp-text-blue-600" }) }),
           /* @__PURE__ */ r("div", { className: "rsp-flex-1 rsp-space-y-4", children: [
@@ -4352,7 +4352,7 @@ function Ga({ template: a, setTemplate: s }) {
                     {
                       type: "text",
                       value: d.text,
-                      onChange: (N) => k(d.id, "text", N.target.value),
+                      onChange: (k) => N(d.id, "text", k.target.value),
                       maxLength: 25,
                       className: "rsp-w-full rsp-px-3 rsp-py-4 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-text-sm rsp-text-gray-900 placeholder:rsp-text-gray-400 focus:rsp-outline-none focus:rsp-ring-2 focus:rsp-ring-blue-500 focus:rsp-border-blue-500 rsp-shadow-sm rsp-transition-all rsp-bg-white"
                     }
@@ -4371,7 +4371,7 @@ function Ga({ template: a, setTemplate: s }) {
                     {
                       type: d.type === "CALL" ? "tel" : d.type === "URL" ? "url" : "text",
                       value: d.value || "",
-                      onChange: (N) => k(d.id, "value", N.target.value),
+                      onChange: (k) => N(d.id, "value", k.target.value),
                       maxLength: d.type === "URL" ? 2e3 : 20,
                       className: "rsp-w-full rsp-px-3 rsp-py-2 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-text-sm rsp-text-gray-900 placeholder:rsp-text-gray-400 focus:rsp-outline-none focus:rsp-ring-2 focus:rsp-ring-blue-500 focus:rsp-border-blue-500 rsp-shadow-sm rsp-transition-all rsp-bg-white"
                     }
@@ -4461,7 +4461,7 @@ const Ka = async (a) => {
 };
 function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
   var C, L, O, D, K;
-  const [t, i] = re.useState({}), [, c] = re.useState({}), [l, f] = re.useState({ open: !1, message: "" }), [h, x] = re.useState(!1), [v, V] = re.useState(null), p = re.useRef({}), k = () => {
+  const [t, i] = re.useState({}), [, c] = re.useState({}), [l, f] = re.useState({ open: !1, message: "" }), [h, x] = re.useState(!1), [v, V] = re.useState(null), p = re.useRef({}), N = () => {
     var T;
     const o = {
       id: Math.random().toString(36).substr(2, 9),
@@ -4470,12 +4470,12 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
       body: "",
       buttons: []
     };
-    s((S) => {
-      var A, B;
+    s((A) => {
+      var U, B;
       return {
-        ...S,
+        ...A,
         carousel: {
-          type: ((A = a.carousel) == null ? void 0 : A.type) || "IMAGE",
+          type: ((U = a.carousel) == null ? void 0 : U.type) || "IMAGE",
           cards: [...((B = a.carousel) == null ? void 0 : B.cards) || [], o]
         }
       };
@@ -4485,22 +4485,22 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
       ...T,
       carousel: {
         ...T.carousel,
-        cards: T.carousel.cards.filter((S) => S.id !== o)
+        cards: T.carousel.cards.filter((A) => A.id !== o)
       }
     }));
-  }, w = (o, T, S) => {
-    s((A) => ({
-      ...A,
+  }, w = (o, T, A) => {
+    s((U) => ({
+      ...U,
       carousel: {
-        ...A.carousel,
-        cards: A.carousel.cards.map(
-          (B) => B.id === o ? { ...B, [T]: S } : B
+        ...U.carousel,
+        cards: U.carousel.cards.map(
+          (B) => B.id === o ? { ...B, [T]: A } : B
         )
       }
     }));
   }, y = (o) => {
     s((T) => {
-      const A = ((T.carousel || { type: o, cards: [] }).cards || []).map((B) => ({
+      const U = ((T.carousel || { type: o, cards: [] }).cards || []).map((B) => ({
         ...B,
         mediaType: o,
         mediaUrl: ""
@@ -4509,26 +4509,26 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
         ...T,
         carousel: {
           type: o,
-          cards: A
+          cards: U
         }
       };
     });
   }, d = (o, T) => {
     var J;
-    const S = (J = a.carousel) == null ? void 0 : J.cards.find((ne) => ne.id === o);
-    if (!S) return;
-    const z = `{{${b(o) + 1}}}`, H = S[T] + z;
+    const A = (J = a.carousel) == null ? void 0 : J.cards.find((ne) => ne.id === o);
+    if (!A) return;
+    const z = `{{${b(o) + 1}}}`, H = A[T] + z;
     w(o, T, H);
   }, u = (o) => {
     var H;
     if (!v) return;
-    const T = p.current[v], S = (H = a.carousel) == null ? void 0 : H.cards.find((J) => J.id === v);
-    if (!S) return;
-    const A = T && typeof T.selectionStart == "number" ? T.selectionStart : S.body.length, B = S.body.substring(0, A), z = S.body.substring(A), F = B + o + z;
+    const T = p.current[v], A = (H = a.carousel) == null ? void 0 : H.cards.find((J) => J.id === v);
+    if (!A) return;
+    const U = T && typeof T.selectionStart == "number" ? T.selectionStart : A.body.length, B = A.body.substring(0, U), z = A.body.substring(U), F = B + o + z;
     w(v, "body", F), setTimeout(() => {
       const J = p.current[v];
       if (J) {
-        const ne = A + o.length;
+        const ne = U + o.length;
         J.setSelectionRange(ne, ne), J.focus();
       }
     }, 0), x(!1);
@@ -4536,57 +4536,57 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
     var z;
     const T = (z = a.carousel) == null ? void 0 : z.cards.find((F) => F.id === o);
     if (!T) return 0;
-    const A = (T.body || "").match(/\{\{(\d+)\}\}/g);
-    if (!A) return 0;
-    const B = A.map((F) => {
+    const U = (T.body || "").match(/\{\{(\d+)\}\}/g);
+    if (!U) return 0;
+    const B = U.map((F) => {
       const H = F.match(/{{(\d+)}}/);
       return H ? parseInt(H[1], 10) : 0;
     });
     return B.length > 0 ? Math.max(...B) : 0;
-  }, N = (o, T) => {
+  }, k = (o, T) => {
     var B;
-    const S = (B = a.carousel) == null ? void 0 : B.cards.find((z) => z.id === o);
-    if (!S || S.buttons.length >= 2) return;
-    const A = {
+    const A = (B = a.carousel) == null ? void 0 : B.cards.find((z) => z.id === o);
+    if (!A || A.buttons.length >= 2) return;
+    const U = {
       id: Math.random().toString(36).substr(2, 9),
       type: T,
       text: "",
       value: "",
       urlType: "static"
     };
-    w(o, "buttons", [...S.buttons, A]);
-  }, U = (o, T, S, A) => {
+    w(o, "buttons", [...A.buttons, U]);
+  }, S = (o, T, A, U) => {
     var F;
     const B = (F = a.carousel) == null ? void 0 : F.cards.find((H) => H.id === o);
     if (!B) return;
     const z = B.buttons.map(
-      (H) => H.id === T ? { ...H, [S]: A } : H
+      (H) => H.id === T ? { ...H, [A]: U } : H
     );
     w(o, "buttons", z);
   }, I = (o, T) => {
     var B;
-    const S = (B = a.carousel) == null ? void 0 : B.cards.find((z) => z.id === o);
-    if (!S) return;
-    const A = S.buttons.filter((z) => z.id !== T);
-    w(o, "buttons", A);
+    const A = (B = a.carousel) == null ? void 0 : B.cards.find((z) => z.id === o);
+    if (!A) return;
+    const U = A.buttons.filter((z) => z.id !== T);
+    w(o, "buttons", U);
   }, g = async (o, T) => {
-    var S;
+    var A;
     try {
       i((F) => ({ ...F, [o]: !0 })), c((F) => ({ ...F, [o]: !1 }));
-      const A = ((S = a.carousel) == null ? void 0 : S.type) === "VIDEO" ? "VIDEO" : "IMAGE";
-      if (!Xa(T, A))
-        throw new Error(`Invalid file type. Expected ${A.toLowerCase()} file.`);
-      const B = Ja(A);
+      const U = ((A = a.carousel) == null ? void 0 : A.type) === "VIDEO" ? "VIDEO" : "IMAGE";
+      if (!Xa(T, U))
+        throw new Error(`Invalid file type. Expected ${U.toLowerCase()} file.`);
+      const B = Ja(U);
       if (T.size > B) {
         const F = B / 1048576;
         throw new Error(`File size too large. Maximum allowed size is ${F}MB.`);
       }
       const z = await n(T);
       w(o, "mediaUrl", z);
-    } catch (A) {
-      console.error("File upload failed:", A), f({ open: !0, message: A instanceof Error ? A.message : "File upload failed" });
+    } catch (U) {
+      console.error("File upload failed:", U), f({ open: !0, message: U instanceof Error ? U.message : "File upload failed" });
     } finally {
-      i((A) => ({ ...A, [o]: !1 }));
+      i((U) => ({ ...U, [o]: !1 }));
     }
   };
   return /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
@@ -4609,7 +4609,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
         /* @__PURE__ */ r(
           "button",
           {
-            onClick: k,
+            onClick: N,
             disabled: (((L = a.carousel) == null ? void 0 : L.cards.length) || 0) >= 10,
             className: "rsp-px-4 rsp-py-2 rsp-bg-blue-600 rsp-text-white rsp-rounded-md hover:rsp-bg-blue-700 disabled:rsp-bg-gray-400 disabled:rsp-cursor-not-allowed rsp-text-sm rsp-font-medium",
             children: [
@@ -4654,7 +4654,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: (K = a.carousel) == null ? void 0 : K.cards.map((o, T) => {
-      var S, A, B, z, F, H, J, ne;
+      var A, U, B, z, F, H, J, ne;
       return /* @__PURE__ */ r("div", { className: "rsp-bg-white rsp-rounded-xl rsp-border-2 rsp-border-gray-200 rsp-overflow-hidden rsp-shadow-lg rsp-transition-all hover:rsp-shadow-xl hover:rsp-border-blue-300", children: [
         /* @__PURE__ */ r("div", { className: "rsp-bg-gradient-to-r rsp-from-blue-50 rsp-to-blue-100 rsp-px-5 rsp-py-3 rsp-flex rsp-items-center rsp-justify-between rsp-border-b rsp-border-gray-200", children: [
           /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-3", children: [
@@ -4677,8 +4677,8 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
         /* @__PURE__ */ e("div", { className: "rsp-p-6", children: /* @__PURE__ */ r("div", { className: "rsp-grid rsp-grid-cols-1 lg:rsp-grid-cols-2 rsp-gap-6", children: [
           /* @__PURE__ */ r("div", { children: [
             /* @__PURE__ */ r("label", { className: "rsp-text-sm rsp-font-semibold rsp-text-gray-800 rsp-mb-3 rsp-flex rsp-items-center rsp-gap-2", children: [
-              /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4 rsp-text-blue-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: ((S = a.carousel) == null ? void 0 : S.type) === "VIDEO" ? /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) : /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
-              ((A = a.carousel) == null ? void 0 : A.type) === "VIDEO" ? "Video" : "Image",
+              /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4 rsp-text-blue-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: ((A = a.carousel) == null ? void 0 : A.type) === "VIDEO" ? /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) : /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
+              ((U = a.carousel) == null ? void 0 : U.type) === "VIDEO" ? "Video" : "Image",
               " Upload"
             ] }),
             /* @__PURE__ */ r("div", { className: "rsp-border-2 rsp-border-dashed rsp-border-blue-200 rsp-rounded-xl rsp-p-6 rsp-text-center rsp-bg-gradient-to-br rsp-from-blue-50 rsp-to-white rsp-transition-all hover:rsp-border-blue-400 hover:rsp-from-blue-100 rsp-relative", children: [
@@ -4937,7 +4937,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => N(o.id, "QUICK_REPLY"),
+                    onClick: () => k(o.id, "QUICK_REPLY"),
                     className: "rsp-flex rsp-flex-col rsp-items-center rsp-gap-2 rsp-px-3 rsp-py-4 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-text-sm rsp-font-medium rsp-text-gray-700 hover:rsp-border-blue-400 hover:rsp-bg-blue-50 rsp-transition-all rsp-shadow-sm",
                     children: [
                       /* @__PURE__ */ e("svg", { className: "rsp-w-6 rsp-h-6 rsp-text-blue-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
@@ -4948,7 +4948,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => N(o.id, "URL"),
+                    onClick: () => k(o.id, "URL"),
                     className: "rsp-flex rsp-flex-col rsp-items-center rsp-gap-2 rsp-px-3 rsp-py-4 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-text-sm rsp-font-medium rsp-text-gray-700 hover:rsp-border-blue-400 hover:rsp-bg-blue-50 rsp-transition-all rsp-shadow-sm",
                     children: [
                       /* @__PURE__ */ e("svg", { className: "rsp-w-6 rsp-h-6 rsp-text-blue-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) }),
@@ -4959,7 +4959,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => N(o.id, "PHONE_NUMBER"),
+                    onClick: () => k(o.id, "PHONE_NUMBER"),
                     className: "rsp-flex rsp-flex-col rsp-items-center rsp-gap-2 rsp-px-3 rsp-py-4 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-text-sm rsp-font-medium rsp-text-gray-700 hover:rsp-border-blue-400 hover:rsp-bg-blue-50 rsp-transition-all rsp-shadow-sm",
                     children: [
                       /* @__PURE__ */ e("svg", { className: "rsp-w-6 rsp-h-6 rsp-text-blue-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }) }),
@@ -4998,7 +4998,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                       {
                         type: "text",
                         value: E.text,
-                        onChange: (P) => U(o.id, E.id, "text", P.target.value),
+                        onChange: (P) => S(o.id, E.id, "text", P.target.value),
                         placeholder: `Enter Button Text (Max ${E.type === "QUICK_REPLY" ? "25" : "20"} characters)`,
                         maxLength: E.type === "QUICK_REPLY" ? 25 : 20,
                         className: "rsp-w-full rsp-px-3 rsp-py-2 rsp-border rsp-border-gray-300 rsp-rounded-md rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-white"
@@ -5015,7 +5015,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                             {
                               type: "radio",
                               checked: E.urlType !== "dynamic",
-                              onChange: () => U(o.id, E.id, "urlType", "static"),
+                              onChange: () => S(o.id, E.id, "urlType", "static"),
                               className: "rsp-mr-2 rsp-text-blue-600"
                             }
                           ),
@@ -5027,7 +5027,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                             {
                               type: "radio",
                               checked: E.urlType === "dynamic",
-                              onChange: () => U(o.id, E.id, "urlType", "dynamic"),
+                              onChange: () => S(o.id, E.id, "urlType", "dynamic"),
                               className: "rsp-mr-2 rsp-text-blue-600"
                             }
                           ),
@@ -5042,7 +5042,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                         {
                           type: "text",
                           value: E.value || "",
-                          onChange: (P) => U(o.id, E.id, "value", P.target.value),
+                          onChange: (P) => S(o.id, E.id, "value", P.target.value),
                           placeholder: E.urlType === "dynamic" ? "https://example.com/order/{{1}}" : "https://example.com",
                           className: "rsp-w-full rsp-px-3 rsp-py-2 rsp-border rsp-border-gray-300 rsp-rounded-md rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-white"
                         }
@@ -5067,19 +5067,19 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                           {
                             type: "button",
                             onClick: () => {
-                              if (((E.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
+                              if (((E.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 1) return;
                               const q = ((E.value || "").match(/\{\{(\d+)\}\}/g) || []).map((_) => {
                                 const Z = _.match(/{{(\d+)}}/);
                                 return Z ? parseInt(Z[1], 10) : 0;
                               }), ie = (q.length > 0 ? Math.max(...q) : 0) + 1, Q = (E.value || "") + `{{${ie}}}`;
-                              U(o.id, E.id, "value", Q);
+                              S(o.id, E.id, "value", Q);
                             },
-                            disabled: ((E.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3,
+                            disabled: ((E.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 1,
                             className: "rsp-px-3 rsp-py-1.5 rsp-text-xs rsp-bg-blue-500 hover:rsp-bg-blue-600 rsp-text-white rsp-rounded disabled:rsp-bg-gray-300 disabled:rsp-cursor-not-allowed rsp-transition-colors",
                             children: "+ Add Variable"
                           }
                         ),
-                        ((E.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 3 variables allowed" })
+                        ((E.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 1 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 1 variable allowed" })
                       ] }),
                       (() => {
                         const P = (E.value || "").match(/\{\{(\d+)\}\}/g) || [], oe = [...new Set(P.map((q) => q.replace(/[{}]/g, "")))];
@@ -5132,7 +5132,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                                   type: "button",
                                   onClick: () => {
                                     const Q = E.value || "", _ = new RegExp(`\\{\\{${q}\\}\\}`, "g"), Z = Q.replace(_, "");
-                                    U(o.id, E.id, "value", Z), s((X) => ({
+                                    S(o.id, E.id, "value", Z), s((X) => ({
                                       ...X,
                                       carousel: {
                                         ...X.carousel,
@@ -5170,7 +5170,7 @@ function Ya({ template: a, setTemplate: s, onFileUpload: n }) {
                       {
                         type: "text",
                         value: E.value || "",
-                        onChange: (P) => U(o.id, E.id, "value", P.target.value),
+                        onChange: (P) => S(o.id, E.id, "value", P.target.value),
                         placeholder: "+1234567890",
                         className: "rsp-w-full rsp-px-3 rsp-py-2 rsp-border rsp-border-gray-300 rsp-rounded-md rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-white"
                       }
@@ -5230,8 +5230,8 @@ function Za({ template: a, setTemplate: s }) {
       i.current && i.current.focus();
     }, 0);
   }, l = (f) => {
-    const h = i.current, x = a.body, v = h && typeof h.selectionStart == "number" ? h.selectionStart : x.length, V = x.substring(0, v), p = x.substring(v), k = V + f + p;
-    s({ ...a, body: k }), setTimeout(() => {
+    const h = i.current, x = a.body, v = h && typeof h.selectionStart == "number" ? h.selectionStart : x.length, V = x.substring(0, v), p = x.substring(v), N = V + f + p;
+    s({ ...a, body: N }), setTimeout(() => {
       if (i.current) {
         const M = v + f.length;
         i.current.setSelectionRange(M, M), i.current.focus();
@@ -5352,7 +5352,7 @@ function Za({ template: a, setTemplate: s }) {
                     value: ((V = (v = a.sampleContent) == null ? void 0 : v.bodyVariables) == null ? void 0 : V[x]) || "",
                     onChange: (p) => {
                       var M, w, y;
-                      const k = {
+                      const N = {
                         ...a.sampleContent,
                         headerVariables: ((M = a.sampleContent) == null ? void 0 : M.headerVariables) || {},
                         bodyVariables: {
@@ -5361,7 +5361,7 @@ function Za({ template: a, setTemplate: s }) {
                         },
                         buttonVariables: ((y = a.sampleContent) == null ? void 0 : y.buttonVariables) || {}
                       };
-                      s({ ...a, sampleContent: k });
+                      s({ ...a, sampleContent: N });
                     },
                     className: "rsp-flex-1 rsp-px-2 rsp-py-1 rsp-border rsp-border-gray-300 rsp-rounded rsp-text-xs focus:rsp-outline-none focus:rsp-border-blue-500",
                     placeholder: "Sample"
@@ -5373,10 +5373,10 @@ function Za({ template: a, setTemplate: s }) {
                     type: "button",
                     onClick: () => {
                       var w, y, d;
-                      const p = new RegExp(`\\{\\{${x}\\}\\}`, "g"), k = (a.body || "").replace(p, ""), M = Object.fromEntries(Object.entries(((w = a.sampleContent) == null ? void 0 : w.bodyVariables) || {}).filter(([u]) => u !== x));
+                      const p = new RegExp(`\\{\\{${x}\\}\\}`, "g"), N = (a.body || "").replace(p, ""), M = Object.fromEntries(Object.entries(((w = a.sampleContent) == null ? void 0 : w.bodyVariables) || {}).filter(([u]) => u !== x));
                       s({
                         ...a,
-                        body: k,
+                        body: N,
                         sampleContent: {
                           ...a.sampleContent,
                           bodyVariables: M,
@@ -5545,7 +5545,7 @@ const rr = (a) => {
   }), /* @__PURE__ */ e(he, { children: i });
 };
 function sr({ template: a }) {
-  var V, p, k, M;
+  var V, p, N, M;
   const [s, n] = R(!1), [t, i] = R(0), c = (V = a.carousel) != null && V.cards ? a.carousel.cards.length : 0;
   me(() => {
     a.type === "CAROUSEL" && c > 0 ? t >= c && i(0) : i(0);
@@ -5650,7 +5650,7 @@ function sr({ template: a }) {
                   /* @__PURE__ */ e("svg", { className: "rsp-w-3 rsp-h-3 rsp-text-[#53bdeb]", viewBox: "0 0 16 15", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M15.01 3.316l-.478-.372a.365.365 0 0 0-.51.063L8.666 9.879a.32.32 0 0 1-.484.033l-.358-.325a.319.319 0 0 0-.484.032l-.378.483a.418.418 0 0 0 .036.541l1.32 1.266c.143.14.361.125.484-.033l6.272-8.048a.366.366 0 0 0-.064-.512zm-4.1 0l-.478-.372a.365.365 0 0 0-.51.063L4.566 9.879a.32.32 0 0 1-.484.033L1.891 7.769a.319.319 0 0 0-.484.032l-.378.483a.418.418 0 0 0 .036.541l3.61 3.463c.143.14.361.125.484-.033l6.272-8.048a.365.365 0 0 0-.064-.512z" }) })
                 ] }) })
               ] }) }),
-              a.type === "CAROUSEL" && (((M = (k = a.carousel) == null ? void 0 : k.cards) == null ? void 0 : M.length) || 0) > 0 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start rsp-mb-1.5", children: /* @__PURE__ */ e("div", { className: "rsp-w-[220px] rsp-animate-slide-up", children: /* @__PURE__ */ e("div", { className: "rsp-bg-gradient-to-b rsp-from-white rsp-to-[#fafafa] rsp-rounded-[12px] rsp-overflow-hidden rsp-shadow-[0_2px_8px_rgba(0,0,0,0.08)] rsp-border rsp-border-gray-100 rsp-relative rsp-min-h-[280px] rsp-flex rsp-flex-col", children: /* @__PURE__ */ r("div", { className: "rsp-relative rsp-flex-1 rsp-flex rsp-flex-col", children: [
+              a.type === "CAROUSEL" && (((M = (N = a.carousel) == null ? void 0 : N.cards) == null ? void 0 : M.length) || 0) > 0 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start rsp-mb-1.5", children: /* @__PURE__ */ e("div", { className: "rsp-w-[220px] rsp-animate-slide-up", children: /* @__PURE__ */ e("div", { className: "rsp-bg-gradient-to-b rsp-from-white rsp-to-[#fafafa] rsp-rounded-[12px] rsp-overflow-hidden rsp-shadow-[0_2px_8px_rgba(0,0,0,0.08)] rsp-border rsp-border-gray-100 rsp-relative rsp-min-h-[280px] rsp-flex rsp-flex-col", children: /* @__PURE__ */ r("div", { className: "rsp-relative rsp-flex-1 rsp-flex rsp-flex-col", children: [
                 (() => {
                   var y, d;
                   const w = a.carousel && a.carousel.cards.length > 0 ? a.carousel.cards[t] || a.carousel.cards[0] : void 0;
@@ -5780,7 +5780,7 @@ const ze = {
 };
 function cr({ editId: a, onCancel: s }) {
   var y, d, u;
-  const [n, t] = R(ze), [i, c] = R(!0), [l, f] = R(!1), [h, x] = R(!1), [v, V] = R(null), [p, k] = R({
+  const [n, t] = R(ze), [i, c] = R(!0), [l, f] = R(!1), [h, x] = R(!1), [v, V] = R(null), [p, N] = R({
     isOpen: !1
   });
   R({
@@ -5794,7 +5794,7 @@ function cr({ editId: a, onCancel: s }) {
     }
   }, [v]);
   const M = async () => {
-    var b, N, U;
+    var b, k, S;
     try {
       if (x(!0), V(null), !n.name || !n.body)
         throw new Error("Template name and body are required");
@@ -5820,11 +5820,11 @@ function cr({ editId: a, onCancel: s }) {
         throw new Error(C.message);
       if (C.status === "error")
         throw new Error(C.message);
-      k({
+      N({
         isOpen: !0,
         templateName: (b = C.data) == null ? void 0 : b.details[0].template_name,
-        templateId: (N = C.data) == null ? void 0 : N.details[0].template_id,
-        template: (U = C.data) == null ? void 0 : U.template
+        templateId: (k = C.data) == null ? void 0 : k.details[0].template_id,
+        template: (S = C.data) == null ? void 0 : S.template
       }), t(ze);
     } catch (I) {
       V(I instanceof Error ? I.message : "An error occurred while creating the template");
@@ -5836,18 +5836,18 @@ function cr({ editId: a, onCancel: s }) {
     if (!a) return;
     (async () => {
       try {
-        const N = localStorage.getItem("account"), U = N ? JSON.parse(N) : { apiKey: "" };
-        if (!U.apiKey)
+        const k = localStorage.getItem("account"), S = k ? JSON.parse(k) : { apiKey: "" };
+        if (!S.apiKey)
           throw new Error("Please set your API key in the dashboard first");
-        const I = await Ba(U.apiKey, a);
+        const I = await Ba(S.apiKey, a);
         t((g) => ({ ...g, ...I }));
-      } catch (N) {
-        console.error("Failed to load template for edit", N), V(N instanceof Error ? N.message : "Failed to load template");
+      } catch (k) {
+        console.error("Failed to load template for edit", k), V(k instanceof Error ? k.message : "Failed to load template");
       }
     })();
   }, [a]);
   const w = () => {
-    k({ isOpen: !1 }), s && s();
+    N({ isOpen: !1 }), s && s();
   };
   return /* @__PURE__ */ r("div", { className: "rsp-min-h-screen rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
     /* @__PURE__ */ r("div", { className: "rsp-max-w-[1200px] rsp-mx-auto rsp-px-6 rsp-h-full", children: [
@@ -5941,10 +5941,18 @@ function cr({ editId: a, onCancel: s }) {
                     {
                       value: n.type,
                       onChange: (b) => {
-                        const N = b.target.value;
-                        N === "CAROUSEL" && !n.carousel ? t({
-                          ...n,
-                          type: N,
+                        const k = b.target.value, S = n.type;
+                        k !== S && t(k === "CAROUSEL" ? {
+                          name: n.name,
+                          category: n.category,
+                          type: k,
+                          language: n.language,
+                          enableClickTracking: n.enableClickTracking,
+                          headerType: "NONE",
+                          headerText: "",
+                          body: "",
+                          footer: "",
+                          buttons: [],
                           carousel: {
                             type: "IMAGE",
                             cards: [{
@@ -5956,7 +5964,18 @@ function cr({ editId: a, onCancel: s }) {
                               buttons: []
                             }]
                           }
-                        }) : t({ ...n, type: N });
+                        } : {
+                          name: n.name,
+                          category: n.category,
+                          type: k,
+                          language: n.language,
+                          enableClickTracking: n.enableClickTracking,
+                          headerType: "NONE",
+                          headerText: "",
+                          body: "",
+                          footer: "",
+                          buttons: []
+                        });
                       },
                       className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
                       children: [