@resulticks/trustsignal-wa-hsm 0.7.0 → 0.9.0

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

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as r, Fragment as ce } from "react/jsx-runtime";
-import X, { forwardRef as Ie, createElement as ke, useRef as Te, useEffect as le, useState as B, useMemo as Se, useCallback as Ne, createContext as Be } from "react";
-const Oe = async (a, s = {}) => {
+import X, { forwardRef as Be, createElement as Ne, useRef as fe, useEffect as le, useState as B, useMemo as Ve, useCallback as Ce, createContext as Oe } from "react";
+const Pe = async (a, s = {}) => {
   try {
-    return await Pe(a.apiKey);
+    return await ze(a.apiKey);
   } catch (n) {
     return console.error("API Error:", n), {
       status: "error",
       message: n instanceof Error ? n.message : "Failed to fetch templates"
     };
   }
-}, Pe = async (a) => {
+}, ze = async (a) => {
   const s = await fetch(
     "https://wpapi.trustsignal.io/api/v1/template?page=1&limit=100",
     {
@@ -53,7 +53,7 @@ const Oe = async (a, s = {}) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var ze = {
+var De = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -70,30 +70,30 @@ var ze = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), q = (a, s) => {
-  const n = Ie(
+const _e = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), H = (a, s) => {
+  const n = Be(
     ({
       color: i = "currentColor",
       size: c = 24,
-      strokeWidth: o = 2,
+      strokeWidth: h = 2,
       absoluteStrokeWidth: l,
-      className: v = "",
+      className: N = "",
       children: g,
-      ...h
-    }, k) => ke(
+      ...o
+    }, k) => Ne(
       "svg",
       {
         ref: k,
-        ...ze,
+        ...De,
         width: c,
         height: c,
         stroke: i,
-        strokeWidth: l ? Number(o) * 24 / Number(c) : o,
-        className: ["lucide", `lucide-${De(a)}`, v].join(" "),
-        ...h
+        strokeWidth: l ? Number(h) * 24 / Number(c) : h,
+        className: ["lucide", `lucide-${_e(a)}`, N].join(" "),
+        ...o
       },
       [
-        ...s.map(([V, d]) => ke(V, d)),
+        ...s.map(([A, d]) => Ne(A, d)),
         ...Array.isArray(g) ? g : [g]
       ]
     )
@@ -106,7 +106,7 @@ const De = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(),
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = q("AlertCircle", [
+const he = H("AlertCircle", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
@@ -117,7 +117,7 @@ const fe = q("AlertCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = q("ArrowRight", [
+const Fe = H("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -127,7 +127,7 @@ const _e = q("ArrowRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = q("ChevronLeft", [
+const qe = H("ChevronLeft", [
   ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
 ]);
 /**
@@ -136,7 +136,7 @@ const Fe = q("ChevronLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = q("ExternalLink", [
+const He = H("ExternalLink", [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
@@ -147,7 +147,7 @@ const qe = q("ExternalLink", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = q("FileText", [
+const $e = H("FileText", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
@@ -160,7 +160,7 @@ const He = q("FileText", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = q("FileVideo", [
+const Ge = H("FileVideo", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "m10 11 5 3-5 3v-6Z", key: "7ntvm4" }]
@@ -171,7 +171,7 @@ const $e = q("FileVideo", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = q("Link", [
+const We = H("Link", [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ]);
@@ -181,7 +181,7 @@ const Ge = q("Link", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = q("MessageCircle", [
+const me = H("MessageCircle", [
   ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
 ]);
 /**
@@ -190,7 +190,7 @@ const me = q("MessageCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = q("Pencil", [
+const Ke = H("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -200,7 +200,7 @@ const We = q("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = q("Phone", [
+const Ae = H("Phone", [
   [
     "path",
     {
@@ -215,7 +215,7 @@ const Ve = q("Phone", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = q("Plus", [
+const ue = H("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -225,7 +225,7 @@ const he = q("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = q("Reply", [
+const Je = H("Reply", [
   ["polyline", { points: "9 17 4 12 9 7", key: "hvgpf2" }],
   ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }]
 ]);
@@ -235,7 +235,7 @@ const Ke = q("Reply", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ue = q("Smile", [
+const be = H("Smile", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2", key: "1y1vjs" }],
   ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
@@ -247,7 +247,7 @@ const ue = q("Smile", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = q("Trash2", [
+const Xe = H("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -260,7 +260,7 @@ const Je = q("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = q("Upload", [
+const Ye = H("Upload", [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
   ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
@@ -271,7 +271,7 @@ const Xe = q("Upload", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = q("Workflow", [
+const Qe = H("Workflow", [
   ["rect", { width: "8", height: "8", x: "3", y: "3", rx: "2", key: "by2w9f" }],
   ["path", { d: "M7 11v4a2 2 0 0 0 2 2h4", key: "xkn7yn" }],
   ["rect", { width: "8", height: "8", x: "13", y: "13", rx: "2", key: "1cgmvn" }]
@@ -282,18 +282,18 @@ const Ye = q("Workflow", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const re = q("X", [
+const se = H("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
 function te({ isOpen: a, onClose: s, title: n, children: i }) {
-  const c = Te(null);
+  const c = fe(null);
   return le(() => {
-    const o = (l) => {
+    const h = (l) => {
       c.current && !c.current.contains(l.target) && s();
     };
-    return a && document.addEventListener("mousedown", o), () => {
-      document.removeEventListener("mousedown", o);
+    return a && document.addEventListener("mousedown", h), () => {
+      document.removeEventListener("mousedown", h);
     };
   }, [a, s]), a ? /* @__PURE__ */ e("div", { className: "rsp-fixed rsp-inset-0 rsp-bg-black rsp-bg-opacity-50 rsp-flex rsp-items-center rsp-justify-center rsp-p-4 rsp-z-50", children: /* @__PURE__ */ r("div", { ref: c, className: "rsp-bg-white rsp-rounded-lg rsp-shadow-xl rsp-w-full rsp-max-w-[600px] rsp-animate-modal-appear", style: { backgroundColor: "#f5f7fc" }, children: [
     /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between rsp-px-6 rsp-py-4 rsp-border-b", children: [
@@ -303,75 +303,81 @@ function te({ isOpen: a, onClose: s, title: n, children: i }) {
         {
           onClick: s,
           className: "rsp-p-1 hover:rsp-bg-gray-100 rsp-rounded-full",
-          children: /* @__PURE__ */ e(re, { className: "rsp-w-5 rsp-h-5 rsp-text-gray-500" })
+          children: /* @__PURE__ */ e(se, { className: "rsp-w-5 rsp-h-5 rsp-text-gray-500" })
         }
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "rsp-px-6 rsp-py-4 rsp-overflow-y-auto rsp-max-h-[70vh] rsp-break-words rsp-whitespace-pre-wrap", children: i })
   ] }) }) : null;
 }
-function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
-  const [n, i] = B([]), [c, o] = B(!0), [l, v] = B(null), [g, h] = B(null), [k, V] = B({ isOpen: !1 }), [d, N] = B(() => {
+const Ee = (a) => a ? /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(a) : !1;
+function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
+  const [n, i] = B([]), [c, h] = B(() => {
     const u = localStorage.getItem("account");
     return u ? JSON.parse(u) : {
       apiKey: ""
     };
-  }), [M, b] = B(""), [y, t] = B("all"), [x, p] = B("all"), [w] = B("all"), [A, R] = B(1), f = 20, [C, U] = B({ isOpen: !1 });
+  }), [l, N] = B(() => {
+    const u = localStorage.getItem("account"), U = u ? JSON.parse(u).apiKey : "";
+    return Ee(U);
+  }), [g, o] = B(null), [k, A] = B(null), [d, w] = B({ isOpen: !1 }), M = fe(null), [b, y] = B(""), [t, x] = B("all"), [p, v] = B("all"), [j] = B("all"), [R, f] = B(1), C = 20, [T, O] = B({ isOpen: !1 });
   le(() => {
     (async () => {
+      const U = c.apiKey;
+      if (!Ee(U)) {
+        M.current && U !== M.current && (i([]), M.current = null), N(!1);
+        return;
+      }
       try {
-        if (v(null), o(!0), i([]), !d.apiKey) {
-          v("Please enter your TrustSignal API key"), o(!1);
-          return;
-        }
-        const T = await Oe(d, {
+        o(null), N(!0), M.current && U !== M.current && i([]);
+        const P = await Pe(c, {
           limit: 1e3
         });
-        if (T.status === "error")
-          throw new Error(T.message);
-        i(T.data);
-      } catch (T) {
-        v(T instanceof Error ? T.message : "Failed to fetch templates"), i([]);
+        if (P.status === "error")
+          throw new Error(P.message);
+        i(P.data), M.current = U;
+      } catch (P) {
+        o(P instanceof Error ? P.message : "Failed to fetch templates"), i([]), M.current = null;
       } finally {
-        o(!1);
+        N(!1);
       }
     })();
-  }, [d]);
-  const O = (u) => {
-    const { name: T, value: D } = u.target, K = {
-      ...d,
-      [T]: D
+  }, [c]);
+  const z = (u) => {
+    const { name: U, value: P } = u.target, L = {
+      ...c,
+      [U]: P
     };
-    N(K), localStorage.setItem("account", JSON.stringify(K));
-  }, P = (u, T) => {
-    U({
+    h(L), localStorage.setItem("account", JSON.stringify(L));
+  }, $ = (u, U) => {
+    O({
       isOpen: !0,
       url: u,
-      templateName: T
+      templateName: U
     });
-  }, H = () => {
-    U({ isOpen: !1 });
-  }, m = async (u) => {
+  }, m = () => {
+    O({ isOpen: !1 });
+  }, E = async (u) => {
     try {
-      const T = localStorage.getItem("account"), D = T ? JSON.parse(T) : { apiKey: "" };
-      if (!D.apiKey) {
-        v("Please enter your TrustSignal API key");
+      const U = localStorage.getItem("account"), P = U ? JSON.parse(U) : { apiKey: "" };
+      if (!P.apiKey) {
+        o("Please enter your TrustSignal API key");
         return;
       }
-      h(u);
-      const { deleteTemplateById: K } = await import("./delete-BgBYMUw2.js"), L = await K(D.apiKey, u);
-      if (!L.success) throw new Error(L.message || "Delete failed");
-      i((Y) => Y.filter((_) => _.id !== u)), V({ isOpen: !1 });
-    } catch (T) {
-      v(T instanceof Error ? T.message : "Failed to delete template");
+      A(u);
+      const { deleteTemplateById: L } = await import("./delete-BgBYMUw2.js"), Y = await L(P.apiKey, u);
+      if (!Y.success) throw new Error(Y.message || "Delete failed");
+      i((D) => D.filter((Z) => Z.id !== u)), w({ isOpen: !1 });
+    } catch (U) {
+      o(U instanceof Error ? U.message : "Failed to delete template");
     } finally {
-      h(null);
+      A(null);
     }
-  }, E = n.filter((u) => {
-    const T = M.trim(), D = T.toLowerCase(), K = T === "" || u.id.toString().includes(T) || u.name.toLowerCase().includes(D), L = y === "all" || u.status.toLowerCase() === y.toLowerCase(), Y = x === "all" || u.category.toLowerCase() === x.toLowerCase(), _ = w === "all" || u.language.toLowerCase().startsWith(w.toLowerCase());
-    return K && L && Y && _;
-  }), S = Math.ceil(E.length / f), j = (A - 1) * f, I = j + f, z = E.slice(j, I);
-  return c ? /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-min-h-screen", children: /* @__PURE__ */ e("div", { className: "rsp-text-lg rsp-text-gray-600", children: "Loading templates..." }) }) : /* @__PURE__ */ r("div", { className: "rsp-container rsp-mx-auto rsp-px-4 rsp-py-8 rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
+  }, S = n.filter((u) => {
+    const U = b.trim(), P = U.toLowerCase(), L = U === "" || u.id.toString().includes(U) || u.name.toLowerCase().includes(P), Y = t === "all" || u.status.toLowerCase() === t.toLowerCase(), D = p === "all" || u.category.toLowerCase() === p.toLowerCase(), Z = j === "all" || u.language.toLowerCase().startsWith(j.toLowerCase());
+    return L && Y && D && Z;
+  }), V = Math.ceil(S.length / C), I = (R - 1) * C, _ = I + C, F = S.slice(I, _);
+  return l ? /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-min-h-screen", children: /* @__PURE__ */ e("div", { className: "rsp-text-lg rsp-text-gray-600", children: "Loading templates..." }) }) : /* @__PURE__ */ r("div", { className: "rsp-container rsp-mx-auto rsp-px-4 rsp-py-8 rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
     /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between rsp-items-center rsp-mb-6", children: [
       /* @__PURE__ */ e("h1", { className: "rsp-text-2xl rsp-font-bold", children: "Whatsapp HSM Templates" }),
       /* @__PURE__ */ e(
@@ -379,7 +385,7 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
         {
           onClick: () => a == null ? void 0 : a(),
           className: "rsp-bg-blue-600 rsp-text-white rsp-p-1 rsp-rounded-full hover:rsp-bg-blue-700 rsp-flex rsp-items-center rsp-gap-2",
-          children: /* @__PURE__ */ e(he, { className: "rsp-w-6 rsp-h-6" })
+          children: /* @__PURE__ */ e(ue, { className: "rsp-w-6 rsp-h-6" })
         }
       )
     ] }),
@@ -391,8 +397,8 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
           {
             type: "password",
             name: "apiKey",
-            value: d.apiKey,
-            onChange: O,
+            value: c.apiKey,
+            onChange: z,
             className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent",
             placeholder: "Enter your TrustSignal API key"
           }
@@ -400,17 +406,17 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
         /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-0 rsp-left-0 rsp-w-4 rsp-h-0.5 rsp-bg-red-500" })
       ] })
     ] }) }),
-    l && /* @__PURE__ */ e("div", { className: "rsp-bg-red-50 rsp-border-l-4 rsp-border-red-500 rsp-p-4 rsp-mb-6", children: /* @__PURE__ */ r("div", { className: "rsp-flex", children: [
-      /* @__PURE__ */ e("div", { className: "rsp-flex-shrink-0", children: /* @__PURE__ */ e(fe, { className: "rsp-h-5 rsp-w-5 rsp-text-red-400" }) }),
-      /* @__PURE__ */ e("div", { className: "rsp-ml-3", children: /* @__PURE__ */ e("p", { className: "rsp-text-sm rsp-text-red-700", children: l }) })
+    g && /* @__PURE__ */ e("div", { className: "rsp-bg-red-50 rsp-border-l-4 rsp-border-red-500 rsp-p-4 rsp-mb-6", children: /* @__PURE__ */ r("div", { className: "rsp-flex", children: [
+      /* @__PURE__ */ e("div", { className: "rsp-flex-shrink-0", children: /* @__PURE__ */ e(he, { className: "rsp-h-5 rsp-w-5 rsp-text-red-400" }) }),
+      /* @__PURE__ */ e("div", { className: "rsp-ml-3", children: /* @__PURE__ */ e("p", { className: "rsp-text-sm rsp-text-red-700", children: g }) })
     ] }) }),
     /* @__PURE__ */ e("div", { className: "rsp-mb-6", children: /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
       "input",
       {
         type: "text",
         placeholder: "Search by name or ID...",
-        value: M,
-        onChange: (u) => b(u.target.value),
+        value: b,
+        onChange: (u) => y(u.target.value),
         className: "rsp-w-full rsp-px-0 rsp-py-3 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent"
       }
     ) }) }),
@@ -423,8 +429,8 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
           /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center", children: /* @__PURE__ */ r(
             "select",
             {
-              value: x,
-              onChange: (u) => p(u.target.value),
+              value: p,
+              onChange: (u) => v(u.target.value),
               className: "rsp-cursor-pointer rsp-ml-2 rsp-bg-transparent rsp-text-white rsp-border-0 rsp-text-sm focus:rsp-outline-none ",
               onClick: (u) => u.stopPropagation(),
               children: [
@@ -442,8 +448,8 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
           /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center", children: /* @__PURE__ */ r(
             "select",
             {
-              value: y,
-              onChange: (u) => t(u.target.value),
+              value: t,
+              onChange: (u) => x(u.target.value),
               className: "rsp-cursor-pointer rsp-ml-2 rsp-bg-transparent rsp-text-white rsp-border-0 rsp-text-sm focus:rsp-outline-none",
               onClick: (u) => u.stopPropagation(),
               children: [
@@ -460,10 +466,10 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
         /* @__PURE__ */ e("th", { className: "rsp-px-6 rsp-py-3 rsp-text-left rsp-text-sm rsp-font-medium", children: "Media" }),
         /* @__PURE__ */ e("th", { className: "rsp-px-6 rsp-py-3 rsp-text-left rsp-text-sm rsp-font-medium", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: z.length > 0 ? z.map((u, T) => /* @__PURE__ */ r(
+      /* @__PURE__ */ e("tbody", { children: F.length > 0 ? F.map((u, U) => /* @__PURE__ */ r(
         "tr",
         {
-          className: `rsp-border-b rsp-border-gray-200 ${T % 2 === 0 ? "rsp-bg-white" : "rsp-bg-blue-50"} hover:rsp-bg-blue-100 rsp-transition-colors`,
+          className: `rsp-border-b rsp-border-gray-200 ${U % 2 === 0 ? "rsp-bg-white" : "rsp-bg-blue-50"} hover:rsp-bg-blue-100 rsp-transition-colors`,
           children: [
             /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-900", children: u.id }),
             /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-900 rsp-font-medium", children: u.name }),
@@ -477,7 +483,7 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
             /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: u.medialist && typeof u.medialist == "object" && "header" in u.medialist && u.medialist.header ? /* @__PURE__ */ r(
               "button",
               {
-                onClick: () => P(String(u.medialist.header || ""), u.name),
+                onClick: () => $(String(u.medialist.header || ""), u.name),
                 className: "rsp-inline-flex rsp-items-center rsp-px-3 rsp-py-1 rsp-rounded rsp-text-xs rsp-font-medium rsp-bg-blue-100 rsp-text-blue-800 hover:rsp-bg-blue-200 rsp-transition-colors",
                 children: [
                   /* @__PURE__ */ r("svg", { className: "rsp-w-3 rsp-h-3 rsp-mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
@@ -495,17 +501,17 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
                   onClick: () => s == null ? void 0 : s(String(u.id)),
                   className: "rsp-inline-flex rsp-items-center rsp-justify-center rsp-w-8 rsp-h-8 rsp-rounded rsp-bg-blue-600 rsp-text-white hover:rsp-bg-blue-700 rsp-transition-colors",
                   title: "Update",
-                  children: /* @__PURE__ */ e(We, { className: "rsp-w-4 rsp-h-4" })
+                  children: /* @__PURE__ */ e(Ke, { className: "rsp-w-4 rsp-h-4" })
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => V({ isOpen: !0, templateId: String(u.id), templateName: u.name }),
-                  disabled: g === u.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 ${g === u.id ? "rsp-bg-red-400" : "rsp-bg-red-600 hover:rsp-bg-red-700"}`,
-                  title: g === u.id ? "Deleting..." : "Delete",
-                  children: /* @__PURE__ */ e(Je, { className: "rsp-w-4 rsp-h-4" })
+                  onClick: () => w({ isOpen: !0, templateId: String(u.id), templateName: u.name }),
+                  disabled: k === u.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 ${k === u.id ? "rsp-bg-red-400" : "rsp-bg-red-600 hover:rsp-bg-red-700"}`,
+                  title: k === u.id ? "Deleting..." : "Delete",
+                  children: /* @__PURE__ */ e(Xe, { className: "rsp-w-4 rsp-h-4" })
                 }
               )
             ] }) })
@@ -514,37 +520,37 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
         u.id
       )) : /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 9, className: "rsp-px-6 rsp-py-8 rsp-text-center rsp-text-gray-500", children: "No templates found" }) }) })
     ] }) }) }),
-    z.length > 0 && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between rsp-items-center rsp-mt-6 rsp-px-6 rsp-py-4 rsp-bg-white rsp-rounded-lg rsp-shadow-sm rsp-border rsp-border-gray-200", children: [
+    F.length > 0 && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between rsp-items-center rsp-mt-6 rsp-px-6 rsp-py-4 rsp-bg-white rsp-rounded-lg rsp-shadow-sm rsp-border rsp-border-gray-200", children: [
       /* @__PURE__ */ r("div", { className: "rsp-text-sm rsp-text-gray-700", children: [
         "Showing ",
-        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: j + 1 }),
+        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: I + 1 }),
         " to ",
-        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: Math.min(I, E.length) }),
+        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: Math.min(_, S.length) }),
         " of ",
-        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: E.length }),
+        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: S.length }),
         " results"
       ] }),
       /* @__PURE__ */ r("div", { className: "rsp-flex rsp-gap-2", children: [
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => R((u) => Math.max(u - 1, 1)),
-            disabled: A === 1,
+            onClick: () => f((u) => Math.max(u - 1, 1)),
+            disabled: R === 1,
             className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-bg-white rsp-border rsp-border-gray-300 rsp-rounded-md hover:rsp-bg-gray-50 disabled:rsp-opacity-50 disabled:rsp-cursor-not-allowed rsp-transition-colors",
             children: "Previous"
           }
         ),
         /* @__PURE__ */ r("span", { className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-gray-700", children: [
           "Page ",
-          A,
+          R,
           " of ",
-          S
+          V
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => R((u) => Math.min(u + 1, S)),
-            disabled: A === S,
+            onClick: () => f((u) => Math.min(u + 1, V)),
+            disabled: R === V,
             className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-bg-white rsp-border rsp-border-gray-300 rsp-rounded-md hover:rsp-bg-gray-50 disabled:rsp-opacity-50 disabled:rsp-cursor-not-allowed rsp-transition-colors",
             children: "Next"
           }
@@ -554,30 +560,30 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
     /* @__PURE__ */ e(
       te,
       {
-        isOpen: C.isOpen,
-        onClose: H,
-        title: `Media - ${C.templateName || "Template"}`,
+        isOpen: T.isOpen,
+        onClose: m,
+        title: `Media - ${T.templateName || "Template"}`,
         children: /* @__PURE__ */ r("div", { className: "rsp-space-y-4", children: [
-          C.url && /* @__PURE__ */ r("div", { className: "rsp-text-center", children: [
+          T.url && /* @__PURE__ */ r("div", { className: "rsp-text-center", children: [
             /* @__PURE__ */ r("div", { className: "rsp-relative rsp-bg-gray-50 rsp-rounded-lg rsp-p-4 rsp-min-h-[200px] rsp-flex rsp-items-center rsp-justify-center", children: [
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: C.url,
+                  src: T.url,
                   alt: "Template media",
                   className: "rsp-max-w-full rsp-max-h-[400px] rsp-mx-auto rsp-rounded-lg rsp-shadow-md rsp-object-contain",
                   onLoad: (u) => {
-                    const T = u.currentTarget.parentElement, D = T == null ? void 0 : T.querySelector(".loading-placeholder");
-                    D && (D.style.display = "none");
+                    const U = u.currentTarget.parentElement, P = U == null ? void 0 : U.querySelector(".loading-placeholder");
+                    P && (P.style.display = "none");
                   },
                   onError: (u) => {
                     u.currentTarget.style.display = "none";
-                    const T = u.currentTarget.parentElement, D = T == null ? void 0 : T.querySelector(".error-placeholder");
-                    D && (D.style.display = "block");
+                    const U = u.currentTarget.parentElement, P = U == null ? void 0 : U.querySelector(".error-placeholder");
+                    P && (P.style.display = "block");
                   }
                 }
               ),
-              c && /* @__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..." }) }),
+              l && /* @__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..." }) }),
               /* @__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" })
@@ -585,13 +591,13 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
             ] }),
             /* @__PURE__ */ r("div", { className: "rsp-mt-4 rsp-p-3 rsp-bg-gray-50 rsp-rounded-lg", children: [
               /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-600 rsp-mb-1", children: "Media URL:" }),
-              /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-800 rsp-break-all rsp-font-mono", children: C.url })
+              /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-800 rsp-break-all rsp-font-mono", children: T.url })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-end rsp-pt-4", children: /* @__PURE__ */ r(
             "a",
             {
-              href: C.url,
+              href: T.url,
               target: "_blank",
               rel: "noopener noreferrer",
               className: "rsp-inline-flex rsp-items-center rsp-px-4 rsp-py-2 rsp-bg-blue-600 rsp-text-white rsp-text-sm rsp-font-medium rsp-rounded-md hover:rsp-bg-blue-700 rsp-transition-colors",
@@ -607,21 +613,21 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
     /* @__PURE__ */ e(
       te,
       {
-        isOpen: k.isOpen,
-        onClose: () => V({ isOpen: !1 }),
+        isOpen: d.isOpen,
+        onClose: () => w({ isOpen: !1 }),
         title: "Delete Template",
         children: /* @__PURE__ */ r("div", { className: "rsp-space-y-4", children: [
           /* @__PURE__ */ r("p", { className: "rsp-text-sm rsp-text-gray-700", children: [
             "Are you sure you want to delete the template ",
-            /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: k.templateName }),
+            /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: d.templateName }),
             "?"
           ] }),
           /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-end rsp-gap-3", children: [
-            /* @__PURE__ */ e("button", { onClick: () => V({ isOpen: !1 }), className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-bg-white rsp-border rsp-border-gray-300 rsp-rounded-md hover:rsp-bg-gray-50", children: "Cancel" }),
+            /* @__PURE__ */ e("button", { onClick: () => w({ isOpen: !1 }), className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-bg-white rsp-border rsp-border-gray-300 rsp-rounded-md hover:rsp-bg-gray-50", children: "Cancel" }),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => k.templateId && m(k.templateId),
+                onClick: () => d.templateId && E(d.templateId),
                 className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-white rsp-bg-red-600 rsp-rounded-md hover:rsp-bg-red-700",
                 children: "Delete"
               }
@@ -632,14 +638,14 @@ function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
     )
   ] });
 }
-const Qe = async (a, s) => {
-  var n, i, c, o, l, v, g;
+const Ze = async (a, s) => {
+  var n, i, c, h, l, N, g;
   try {
     console.log("Creating template with data:", s);
-    const h = s.language, k = s.headerType === "MEDIA" && s.mediaType === "DOCUMENT", V = s.type === "CAROUSEL";
+    const o = s.language, k = s.headerType === "MEDIA" && s.mediaType === "DOCUMENT", A = s.type === "CAROUSEL";
     let d = "";
-    k ? d = Ue(s, h) : V ? d = Ae(s, h) : d = je(s, h), console.log("Raw JSON string being sent:", d);
-    const N = {
+    k ? d = Ue(s, o) : A ? d = je(s, o) : d = Re(s, o), console.log("Raw JSON string being sent:", d);
+    const w = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -650,10 +656,10 @@ const Qe = async (a, s) => {
     console.log(
       "Making request to:",
       `https://wpapi.trustsignal.io/api/v1/template?api_key=${a}`
-    ), console.log("Request options:", N);
+    ), console.log("Request options:", w);
     const M = await fetch(
       `https://wpapi.trustsignal.io/api/v1/template?api_key=${a}`,
-      N
+      w
     );
     console.log("Response status:", M.status), console.log(
       "Response headers:",
@@ -674,27 +680,27 @@ const Qe = async (a, s) => {
             template_name: ((n = y.template) == null ? void 0 : n.name) || s.name,
             template_id: ((i = y.template) == null ? void 0 : i.id) || "unknown",
             meta_tid: (c = y.template) == null ? void 0 : c.meta_tid,
-            status: (o = y.template) == null ? void 0 : o.status,
+            status: (h = y.template) == null ? void 0 : h.status,
             quality: (l = y.template) == null ? void 0 : l.quality,
-            temp_route: (v = y.template) == null ? void 0 : v.temp_route,
+            temp_route: (N = y.template) == null ? void 0 : N.temp_route,
             temptype: (g = y.template) == null ? void 0 : g.temptype
           }
         ]
       }
     };
-  } catch (h) {
-    return console.error("TrustSignal API Error:", h), {
+  } catch (o) {
+    return console.error("TrustSignal API Error:", o), {
       status: "error",
-      message: h instanceof Error ? h.message : "Failed to create template"
+      message: o instanceof Error ? o.message : "Failed to create template"
     };
   }
 };
-function Ze(a) {
+function ea(a) {
   const s = a.language, n = a.headerType === "MEDIA" && a.mediaType === "DOCUMENT", i = a.type === "CAROUSEL";
-  return n ? Ue(a, s) : i ? Ae(a, s) : je(a, s);
+  return n ? Ue(a, s) : i ? je(a, s) : Re(a, s);
 }
 const Ue = (a, s) => {
-  var o, l;
+  var h, l;
   const n = {
     name: a.name,
     lang: s,
@@ -708,14 +714,14 @@ const Ue = (a, s) => {
     type: "HEADER",
     format: "DOCUMENT"
   }));
-  const i = ee(a.body), c = {
+  const i = ae(a.body), c = {
     type: "BODY",
     text: a.body
   };
-  if (i.length > 0 && ((o = a.sampleContent) != null && o.bodyVariables)) {
-    const v = ge(a, i);
+  if (i.length > 0 && ((h = a.sampleContent) != null && h.bodyVariables)) {
+    const N = ye(a, i);
     c.example = {
-      body_text: [v]
+      body_text: [N]
       // This creates the required nested array
     };
   }
@@ -723,34 +729,34 @@ const Ue = (a, s) => {
     type: "FOOTER",
     text: a.footer
   }), a.buttons && a.buttons.length > 0) {
-    const v = a.buttons.map((g) => {
+    const N = a.buttons.map((g) => {
       var k;
-      const h = {
+      const o = {
         type: g.type === "CALL" ? "PHONE_NUMBER" : g.type,
         text: g.text
       };
-      if (g.type === "URL" && g.value && (h.url = g.value, g.urlType === "dynamic" && g.value.includes("{{"))) {
-        const V = ee(g.value);
-        if (V.length > 0 && ((k = a.sampleContent) != null && k.buttonVariables)) {
-          const d = V.map(
-            ({ number: N }) => {
+      if (g.type === "URL" && g.value && (o.url = g.value, g.urlType === "dynamic" && g.value.includes("{{"))) {
+        const A = ae(g.value);
+        if (A.length > 0 && ((k = a.sampleContent) != null && k.buttonVariables)) {
+          const d = A.map(
+            ({ number: w }) => {
               var M, b;
-              return ((b = (M = a.sampleContent) == null ? void 0 : M.buttonVariables) == null ? void 0 : b[N]) || `sample${N}`;
+              return ((b = (M = a.sampleContent) == null ? void 0 : M.buttonVariables) == null ? void 0 : b[w]) || `sample${w}`;
             }
           );
-          h.example = d;
+          o.example = d;
         }
       }
-      return (g.type === "CALL" || g.type === "PHONE_NUMBER") && g.value && (h.phone_number = be(g.value)), h;
+      return (g.type === "CALL" || g.type === "PHONE_NUMBER") && g.value && (o.phone_number = ge(g.value)), o;
     });
     n.components.push({
       type: "BUTTONS",
-      buttons: v
+      buttons: N
     });
   }
   return JSON.stringify(n);
-}, Ae = (a, s) => {
-  var l, v, g;
+}, je = (a, s) => {
+  var l, N, g;
   const n = {
     name: a.name,
     lang: s,
@@ -758,35 +764,35 @@ const Ue = (a, s) => {
     shortlink: a.enableClickTracking ? "1" : "0",
     components: []
   };
-  (l = a.carousel) != null && l.cards.length && (n.media = {}, a.carousel.cards.forEach((h, k) => {
-    h.mediaUrl && (n.media[`card${k}header`] = h.mediaUrl);
+  (l = a.carousel) != null && l.cards.length && (n.media = {}, a.carousel.cards.forEach((o, k) => {
+    o.mediaUrl && (n.media[`card${k}header`] = o.mediaUrl);
   }));
-  const i = [], c = ee(a.body), o = {
+  const i = [], c = ae(a.body), h = {
     type: "BODY",
     text: a.body,
-    ...c.length > 0 && ((v = a.sampleContent) == null ? void 0 : v.bodyVariables) && {
+    ...c.length > 0 && ((N = a.sampleContent) == null ? void 0 : N.bodyVariables) && {
       example: {
-        body_text: [ge(a, c)]
+        body_text: [ye(a, c)]
       }
     }
   };
-  if (i.push(o), (g = a.carousel) != null && g.cards.length) {
-    const h = {
+  if (i.push(h), (g = a.carousel) != null && g.cards.length) {
+    const o = {
       type: "CAROUSEL",
       cards: a.carousel.cards.map((k) => {
-        var V;
+        var A;
         return {
           components: [
             {
               type: "HEADER",
-              format: ((V = a.carousel) == null ? void 0 : V.type) || "IMAGE"
+              format: ((A = a.carousel) == null ? void 0 : A.type) || "IMAGE"
             },
             {
               type: "BODY",
               text: k.body,
-              ...ee(k.body).length > 0 && {
+              ...ae(k.body).length > 0 && {
                 example: {
-                  body_text: [ea(k)]
+                  body_text: [aa(k)]
                 }
               }
             },
@@ -794,33 +800,33 @@ const Ue = (a, s) => {
               type: "BUTTONS",
               buttons: k.buttons.map((d) => {
                 var M;
-                const N = {
+                const w = {
                   type: d.type === "CALL" ? "PHONE_NUMBER" : d.type,
                   text: d.text
                 };
-                if (d.type === "URL" && d.value && (N.url = d.value, d.urlType === "dynamic" && d.value.includes("{{"))) {
-                  const b = ee(d.value);
+                if (d.type === "URL" && d.value && (w.url = d.value, d.urlType === "dynamic" && d.value.includes("{{"))) {
+                  const b = ae(d.value);
                   if (b.length > 0) {
                     const y = ((M = k == null ? void 0 : k.sampleContent) == null ? void 0 : M.buttonVariables) || {}, t = b.map(({ number: x }) => y[x] || `sample${x}`);
-                    N.example = t;
+                    w.example = t;
                   }
                 }
-                return (d.type === "CALL" || d.type === "PHONE_NUMBER") && d.value && (N.phone_number = be(d.value)), console.log("Carousel card button data:", N), N;
+                return (d.type === "CALL" || d.type === "PHONE_NUMBER") && d.value && (w.phone_number = ge(d.value)), console.log("Carousel card button data:", w), w;
               })
             }] : []
           ]
         };
       })
     };
-    i.push(h);
+    i.push(o);
   }
   return n.components = i, JSON.stringify(n);
-}, ea = (a) => {
+}, aa = (a) => {
   var i;
-  const s = ee(a.body || ""), n = ((i = a == null ? void 0 : a.sampleContent) == null ? void 0 : i.bodyVariables) || {};
+  const s = ae(a.body || ""), n = ((i = a == null ? void 0 : a.sampleContent) == null ? void 0 : i.bodyVariables) || {};
   return s.map(({ number: c }) => n[c] || `Sample ${c}`);
-}, je = (a, s) => {
-  var l, v;
+}, Re = (a, s) => {
+  var l, N;
   const n = {
     name: a.name,
     lang: s,
@@ -834,17 +840,17 @@ const Ue = (a, s) => {
   const i = [];
   if (a.type !== "CAROUSEL") {
     if (a.headerType === "TEXT" && a.headerText) {
-      const g = ee(a.headerText), h = {
+      const g = ae(a.headerText), o = {
         type: "HEADER",
         format: "TEXT",
         text: a.headerText,
         ...g.length > 0 && ((l = a.sampleContent) == null ? void 0 : l.headerVariables) && {
           example: {
-            header_text: aa(a, g)
+            header_text: ra(a, g)
           }
         }
       };
-      i.push(h);
+      i.push(o);
     } else if (a.headerType === "MEDIA") {
       const g = {
         type: "HEADER",
@@ -853,38 +859,38 @@ const Ue = (a, s) => {
       i.push(g);
     }
   }
-  const c = ee(a.body), o = {
+  const c = ae(a.body), h = {
     type: "BODY",
     text: a.body,
-    ...c.length > 0 && ((v = a.sampleContent) == null ? void 0 : v.bodyVariables) && {
+    ...c.length > 0 && ((N = a.sampleContent) == null ? void 0 : N.bodyVariables) && {
       example: {
-        body_text: [ge(a, c)]
+        body_text: [ye(a, c)]
       }
     }
   };
-  if (i.push(o), a.footer && a.type !== "CAROUSEL" && i.push({
+  if (i.push(h), a.footer && a.type !== "CAROUSEL" && i.push({
     type: "FOOTER",
     text: a.footer
   }), a.buttons.length > 0) {
-    const g = a.buttons.map((h) => {
-      var V;
+    const g = a.buttons.map((o) => {
+      var A;
       const k = {
-        type: h.type === "CALL" ? "PHONE_NUMBER" : h.type,
-        text: h.text
+        type: o.type === "CALL" ? "PHONE_NUMBER" : o.type,
+        text: o.text
       };
-      if (h.type === "URL" && h.value && (k.url = h.value, h.urlType === "dynamic" && h.value.includes("{{"))) {
-        const d = ee(h.value);
-        if (d.length > 0 && ((V = a.sampleContent) != null && V.buttonVariables)) {
-          const N = d.map(
+      if (o.type === "URL" && o.value && (k.url = o.value, o.urlType === "dynamic" && o.value.includes("{{"))) {
+        const d = ae(o.value);
+        if (d.length > 0 && ((A = a.sampleContent) != null && A.buttonVariables)) {
+          const w = d.map(
             ({ number: M }) => {
               var b, y;
               return ((y = (b = a.sampleContent) == null ? void 0 : b.buttonVariables) == null ? void 0 : y[M]) || `sample${M}`;
             }
           );
-          k.example = N;
+          k.example = w;
         }
       }
-      return (h.type === "CALL" || h.type === "PHONE_NUMBER") && h.value && (k.phone_number = be(h.value)), k;
+      return (o.type === "CALL" || o.type === "PHONE_NUMBER") && o.value && (k.phone_number = ge(o.value)), k;
     });
     i.push({
       type: "BUTTONS",
@@ -892,26 +898,26 @@ const Ue = (a, s) => {
     });
   }
   return n.components = i, JSON.stringify(n);
-}, ee = (a) => (a.match(/\{\{(\d+)\}\}/g) || []).map((n) => ({
+}, ae = (a) => (a.match(/\{\{(\d+)\}\}/g) || []).map((n) => ({
   variable: n.replace(/[{}]/g, ""),
   number: n.replace(/[{}]/g, "")
-})), be = (a) => a.startsWith("+") ? a : `+${a}`, aa = (a, s) => s.map(
+})), ge = (a) => a.startsWith("+") ? a : `+${a}`, ra = (a, s) => s.map(
   ({ number: n }) => {
     var i, c;
     return ((c = (i = a.sampleContent) == null ? void 0 : i.headerVariables) == null ? void 0 : c[n]) || `Sample ${n}`;
   }
-), ge = (a, s) => s.map(
+), ye = (a, s) => s.map(
   ({ number: n }) => {
     var i, c;
     return ((c = (i = a.sampleContent) == null ? void 0 : i.bodyVariables) == null ? void 0 : c[n]) || `Sample ${n}`;
   }
-), ra = async (a, s) => {
+), sa = async (a, s) => {
   try {
     if (!s.name || !s.body)
       throw new Error("Missing required template fields: name and body are required");
     if (!a.apiKey)
       throw new Error("Missing TrustSignal API key");
-    return await Qe(
+    return await Ze(
       a.apiKey,
       s
     );
@@ -922,80 +928,80 @@ const Ue = (a, s) => {
     };
   }
 };
-async function sa(a, s, n) {
-  const i = Ze(n), o = {
+async function na(a, s, n) {
+  const i = ea(n), h = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: i,
     redirect: "follow"
-  }, l = `https://wpapi.trustsignal.io/v1/user-templates/update/${encodeURIComponent(s)}?api_key=${encodeURIComponent(a)}`, v = await fetch(l, o), g = await v.text();
-  if (!v.ok)
-    return { success: !1, message: `Update failed (${v.status}): ${g}`, raw: i };
+  }, l = `https://wpapi.trustsignal.io/v1/user-templates/update/${encodeURIComponent(s)}?api_key=${encodeURIComponent(a)}`, N = await fetch(l, h), g = await N.text();
+  if (!N.ok)
+    return { success: !1, message: `Update failed (${N.status}): ${g}`, raw: i };
   try {
-    const h = JSON.parse(g);
-    return { success: !!((h == null ? void 0 : h.success) ?? !0), message: h == null ? void 0 : h.message, raw: i };
+    const o = JSON.parse(g);
+    return { success: !!((o == null ? void 0 : o.success) ?? !0), message: o == null ? void 0 : o.message, raw: i };
   } catch {
     return { success: !0, raw: i };
   }
 }
-async function na(a, s) {
-  var v;
+async function ia(a, s) {
+  var N;
   const n = `https://wpapi.trustsignal.io/api/v1/template/${encodeURIComponent(s)}?api_key=${encodeURIComponent(a)}`, i = await fetch(n, { method: "GET", redirect: "follow" });
   if (!i.ok)
     throw new Error(`Failed to fetch template ${s}: ${i.status}`);
-  const c = await i.text(), o = JSON.parse(c), l = o.template || ((v = o.data) == null ? void 0 : v.template) || o;
+  const c = await i.text(), h = JSON.parse(c), l = h.template || ((N = h.data) == null ? void 0 : N.template) || h;
   if (!l)
     throw new Error("Invalid template details response");
-  return ia(l);
+  return la(l);
 }
-function ia(a) {
-  var k, V;
+function la(a) {
+  var k, A;
   const s = {
     headerVariables: {},
     bodyVariables: {},
     buttonVariables: {}
   };
-  let n = "NONE", i = "", c, o, l = "", v = "";
+  let n = "NONE", i = "", c, h, l = "", N = "";
   const g = [];
   if (a.jsonstruct)
     try {
       const d = JSON.parse(a.jsonstruct);
       if (d != null && d.header) {
-        const N = d.header.format;
-        N && N !== "TEXT" ? (n = "MEDIA", c = N, o = d.header.url || ((k = a.medialist) == null ? void 0 : k.header)) : N === "TEXT" && (n = "TEXT", i = d.header.text || "");
+        const w = d.header.format;
+        w && w !== "TEXT" ? (n = "MEDIA", c = w, h = d.header.url || ((k = a.medialist) == null ? void 0 : k.header)) : w === "TEXT" && (n = "TEXT", i = d.header.text || "");
       }
-      if (d != null && d.body && (l = d.body.text || ""), (V = d == null ? void 0 : d.buttons) != null && V.buttons && Array.isArray(d.buttons.buttons))
-        for (const N of d.buttons.buttons) {
-          if (!N || !N.type || !N.text) continue;
+      if (d != null && d.body && (l = d.body.text || ""), (A = d == null ? void 0 : d.buttons) != null && A.buttons && Array.isArray(d.buttons.buttons))
+        for (const w of d.buttons.buttons) {
+          if (!w || !w.type || !w.text) continue;
           const M = {
             id: de(),
-            type: N.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : N.type,
-            text: N.text
+            type: w.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : w.type,
+            text: w.text
           };
-          N.type === "URL" && (M.value = N.url, typeof N.url == "string" && N.url.includes("{{") && Array.isArray(N.example) ? (Ce(N.url).forEach((y, t) => {
-            s.buttonVariables[y] = N.example[t] ?? "";
-          }), M.urlType = "dynamic") : M.urlType = "static"), (N.type === "CALL" || N.type === "PHONE_NUMBER") && (M.value = N.phone_number || ""), g.push(M);
+          w.type === "URL" && (M.value = w.url, typeof w.url == "string" && w.url.includes("{{") && Array.isArray(w.example) ? (Me(w.url).forEach((y, t) => {
+            s.buttonVariables[y] = w.example[t] ?? "";
+          }), M.urlType = "dynamic") : M.urlType = "static"), (w.type === "CALL" || w.type === "PHONE_NUMBER") && (M.value = w.phone_number || ""), g.push(M);
         }
       if (d != null && d.carousel) {
-        const N = Object.keys(d.carousel).filter((x) => /^card\d+$/.test(x));
-        N.sort((x, p) => {
-          const w = parseInt(x.replace("card", ""), 10), A = parseInt(p.replace("card", ""), 10);
-          return w - A;
+        const w = Object.keys(d.carousel).filter((x) => /^card\d+$/.test(x));
+        w.sort((x, p) => {
+          const v = parseInt(x.replace("card", ""), 10), j = parseInt(p.replace("card", ""), 10);
+          return v - j;
         });
-        const M = N.map((x) => {
-          const p = d.carousel[x] || {}, w = p.header || {}, A = p.body || {}, R = p.buttons && Array.isArray(p.buttons.buttons) ? p.buttons.buttons : [], f = w.format, C = f === "IMAGE" || f === "VIDEO" || f === "DOCUMENT" ? f : void 0, O = `card${x.replace("card", "")}header`, P = w.url || (a.medialist ? a.medialist[O] : void 0), H = A.text || "", m = [];
+        const M = w.map((x) => {
+          const p = d.carousel[x] || {}, v = p.header || {}, j = p.body || {}, R = p.buttons && Array.isArray(p.buttons.buttons) ? p.buttons.buttons : [], f = v.format, C = f === "IMAGE" || f === "VIDEO" || f === "DOCUMENT" ? f : void 0, O = `card${x.replace("card", "")}header`, z = v.url || (a.medialist ? a.medialist[O] : void 0), $ = j.text || "", m = [];
           for (const E of R) {
             if (!E || !E.type || !E.text) continue;
             const S = { id: de(), type: E.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : E.type, text: E.text };
-            E.type === "URL" && (S.value = E.url, typeof E.url == "string" && E.url.includes("{{") && Array.isArray(E.example) ? (Ce(E.url).forEach((I, z) => {
+            E.type === "URL" && (S.value = E.url, typeof E.url == "string" && E.url.includes("{{") && Array.isArray(E.example) ? (Me(E.url).forEach((I, _) => {
             }), S.urlType = "dynamic") : S.urlType = "static"), (E.type === "CALL" || E.type === "PHONE_NUMBER") && (S.value = E.phone_number || ""), m.push(S);
           }
           return {
             id: de(),
             headerType: C ? "MEDIA" : "NONE",
             mediaType: C,
-            mediaUrl: P,
-            body: H,
+            mediaUrl: z,
+            body: $,
             buttons: m,
             sampleContent: {
               headerVariables: {},
@@ -1020,7 +1026,7 @@ function ia(a) {
           headerType: "NONE",
           headerText: "",
           body: l,
-          footer: v,
+          footer: N,
           buttons: [],
           sampleContent: s,
           carousel: t
@@ -1038,14 +1044,14 @@ function ia(a) {
     headerType: n,
     headerText: i,
     mediaType: c,
-    mediaUrl: o,
+    mediaUrl: h,
     body: l,
-    footer: v,
+    footer: N,
     buttons: g,
     sampleContent: s
   };
 }
-function Ce(a) {
+function Me(a) {
   if (!a) return [];
   const s = a.match(/\{\{(\d+)\}\}/g) || [];
   return [...new Set(s.map((n) => n.replace(/[{}]/g, "")))];
@@ -1053,7 +1059,7 @@ function Ce(a) {
 function de() {
   return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "id-" + Math.random().toString(36).slice(2);
 }
-const la = [
+const ta = [
   { value: "af", label: "Afrikaans" },
   { value: "sq", label: "Albanian" },
   { value: "ar", label: "Arabic" },
@@ -1119,37 +1125,37 @@ const la = [
   { value: "ur", label: "Urdu" },
   { value: "uz", label: "Uzbek" },
   { value: "vi", label: "Vietnamese" }
-], ta = [
+], ca = [
   { value: "NONE", label: "None" },
   { value: "TEXT", label: "Text" },
   { value: "MEDIA", label: "Media" }
-], ca = [
+], ma = [
   { value: "IMAGE", label: "Image" },
   { value: "VIDEO", label: "Video" },
   { value: "DOCUMENT", label: "Document" }
-], ma = 5 * 1024 * 1024, da = 16 * 1024 * 1024, xa = 100 * 1024 * 1024, xe = ["jpg", "jpeg", "png"], pe = ["mp4", "3gpp"], oe = ["pdf", "docx", "xlsx", "pptx", "txt"];
-function pa({ template: a, setTemplate: s, onFileUpload: n }) {
-  var A, R;
-  const [i, c] = X.useState(null), [o, l] = X.useState(!1), [v, g] = X.useState(null), [h, k] = X.useState(null), V = () => {
+], da = 5 * 1024 * 1024, xa = 16 * 1024 * 1024, pa = 100 * 1024 * 1024, xe = ["jpg", "jpeg", "png"], pe = ["mp4", "3gpp"], oe = ["pdf", "docx", "xlsx", "pptx", "txt"];
+function oa({ template: a, setTemplate: s, onFileUpload: n }) {
+  var j, R;
+  const [i, c] = X.useState(null), [h, l] = X.useState(!1), [N, g] = X.useState(null), [o, k] = X.useState(null), A = () => {
     const C = (a.headerText || "").match(/{{\d+}}/g);
     if (!C) return 0;
-    const U = C.map((O) => {
-      const P = O.match(/{{(\d+)}}/);
-      return P ? parseInt(P[1], 10) : 0;
+    const T = C.map((O) => {
+      const z = O.match(/{{(\d+)}}/);
+      return z ? parseInt(z[1], 10) : 0;
     });
-    return U.length > 0 ? Math.max(...U) : 0;
+    return T.length > 0 ? Math.max(...T) : 0;
   }, d = () => {
-    const U = `{{${V() + 1}}}`;
-    if (v && a.headerText.length + U.length <= 60) {
-      const O = v.selectionStart || a.headerText.length, P = a.headerText.substring(0, O), H = a.headerText.substring(O), m = P + U + H;
+    const T = `{{${A() + 1}}}`;
+    if (N && a.headerText.length + T.length <= 60) {
+      const O = N.selectionStart || a.headerText.length, z = a.headerText.substring(0, O), $ = a.headerText.substring(O), m = z + T + $;
       s({ ...a, headerText: m }), setTimeout(() => {
-        if (v) {
-          const E = O + U.length;
-          v.setSelectionRange(E, E), v.focus();
+        if (N) {
+          const E = O + T.length;
+          N.setSelectionRange(E, E), N.focus();
         }
       }, 0);
     }
-  }, N = (f) => {
+  }, w = (f) => {
     s((C) => ({
       ...C,
       headerType: f,
@@ -1161,19 +1167,19 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
     var C;
     return ((C = f.split("?")[0].split(".").pop()) == null ? void 0 : C.toLowerCase()) || "";
   }, b = (f, C) => {
-    const U = M(f.name);
+    const T = M(f.name);
     switch (C) {
       case "IMAGE":
-        if (!xe.includes(U)) return "Invalid format. Only JPG, JPEG, PNG are allowed.";
-        if (f.size > ma) return "File is too large. Max size is 5 MB.";
+        if (!xe.includes(T)) return "Invalid format. Only JPG, JPEG, PNG are allowed.";
+        if (f.size > da) return "File is too large. Max size is 5 MB.";
         break;
       case "VIDEO":
-        if (!pe.includes(U)) return "Invalid format. Only MP4, 3GPP are allowed.";
-        if (f.size > da) return "File is too large. Max size is 16 MB.";
+        if (!pe.includes(T)) return "Invalid format. Only MP4, 3GPP are allowed.";
+        if (f.size > xa) return "File is too large. Max size is 16 MB.";
         break;
       case "DOCUMENT":
-        if (!oe.includes(U)) return "Invalid format. Allowed types: PDF, DOCX, XLSX, PPTX, TXT.";
-        if (f.size > xa) return "File is too large. Max size is 100 MB.";
+        if (!oe.includes(T)) return "Invalid format. Allowed types: PDF, DOCX, XLSX, PPTX, TXT.";
+        if (f.size > pa) return "File is too large. Max size is 100 MB.";
         break;
       default:
         return "Invalid media type.";
@@ -1181,16 +1187,16 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
     return null;
   }, y = (f, C) => {
     if (!f) return null;
-    const U = M(f);
+    const T = M(f);
     switch (C) {
       case "IMAGE":
-        if (!xe.includes(U)) return "URL does not point to a valid image (JPG, JPEG, PNG).";
+        if (!xe.includes(T)) return "URL does not point to a valid image (JPG, JPEG, PNG).";
         break;
       case "VIDEO":
-        if (!pe.includes(U)) return "URL does not point to a valid video (MP4, 3GPP).";
+        if (!pe.includes(T)) return "URL does not point to a valid video (MP4, 3GPP).";
         break;
       case "DOCUMENT":
-        if (!oe.includes(U)) return "URL does not point to a valid document.";
+        if (!oe.includes(T)) return "URL does not point to a valid document.";
         break;
     }
     return null;
@@ -1201,29 +1207,29 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
     const C = (O = f.target.files) == null ? void 0 : O[0];
     if (!C || !a.mediaType) return;
     k(null);
-    const U = b(C, a.mediaType);
-    if (U) {
-      k(U);
+    const T = b(C, a.mediaType);
+    if (T) {
+      k(T);
       return;
     }
     l(!0), c(C);
     try {
-      const P = await n(C);
-      s({ ...a, mediaUrl: P });
-    } catch (P) {
-      console.error("File upload failed:", P), t();
-      const H = P instanceof Error ? P.message : "File upload failed. Please try again.";
-      k(H);
+      const z = await n(C);
+      s({ ...a, mediaUrl: z });
+    } catch (z) {
+      console.error("File upload failed:", z), t();
+      const $ = z instanceof Error ? z.message : "File upload failed. Please try again.";
+      k($);
     } finally {
       l(!1);
     }
   }, p = (f) => {
     const C = f.target.value;
     if (c(null), s({ ...a, mediaUrl: C }), a.mediaType) {
-      const U = y(C, a.mediaType);
-      k(U);
+      const T = y(C, a.mediaType);
+      k(T);
     }
-  }, w = () => {
+  }, v = () => {
     switch (a.mediaType) {
       case "IMAGE":
         return xe.map((f) => `.${f}`).join(",");
@@ -1243,9 +1249,9 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
           "select",
           {
             value: a.headerType,
-            onChange: (f) => N(f.target.value),
+            onChange: (f) => w(f.target.value),
             className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
-            children: ta.map((f) => /* @__PURE__ */ e("option", { value: f.value, children: f.label }, f.value))
+            children: ca.map((f) => /* @__PURE__ */ e("option", { value: f.value, children: f.label }, f.value))
           }
         ),
         /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-y-0 rsp-right-0 rsp-flex rsp-items-center rsp-px-2 rsp-pointer-events-none", children: /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4 rsp-text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }),
@@ -1286,7 +1292,7 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
         return f.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: f.map((C) => {
-            var U, O;
+            var T, O;
             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: [
                 `{{${C}}}`,
@@ -1296,16 +1302,16 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
                 "input",
                 {
                   type: "text",
-                  value: ((O = (U = a.sampleContent) == null ? void 0 : U.headerVariables) == null ? void 0 : O[C]) || "",
-                  onChange: (P) => {
+                  value: ((O = (T = a.sampleContent) == null ? void 0 : T.headerVariables) == null ? void 0 : O[C]) || "",
+                  onChange: (z) => {
                     var m, E, S;
-                    const H = {
+                    const $ = {
                       ...a.sampleContent,
-                      headerVariables: { ...(m = a.sampleContent) == null ? void 0 : m.headerVariables, [C]: P.target.value },
+                      headerVariables: { ...(m = a.sampleContent) == null ? void 0 : m.headerVariables, [C]: z.target.value },
                       bodyVariables: ((E = a.sampleContent) == null ? void 0 : E.bodyVariables) || {},
                       buttonVariables: ((S = a.sampleContent) == null ? void 0 : S.buttonVariables) || {}
                     };
-                    s({ ...a, sampleContent: H });
+                    s({ ...a, sampleContent: $ });
                   },
                   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"
@@ -1316,16 +1322,16 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
                 {
                   type: "button",
                   onClick: () => {
-                    var E, S, j;
-                    const P = new RegExp(`\\{\\{${C}\\}\\}`, "g"), H = (a.headerText || "").replace(P, ""), m = Object.fromEntries(Object.entries(((E = a.sampleContent) == null ? void 0 : E.headerVariables) || {}).filter(([I]) => I !== C));
+                    var E, S, V;
+                    const z = new RegExp(`\\{\\{${C}\\}\\}`, "g"), $ = (a.headerText || "").replace(z, ""), m = Object.fromEntries(Object.entries(((E = a.sampleContent) == null ? void 0 : E.headerVariables) || {}).filter(([I]) => I !== C));
                     s({
                       ...a,
-                      headerText: H,
+                      headerText: $,
                       sampleContent: {
                         ...a.sampleContent,
                         headerVariables: m,
                         bodyVariables: ((S = a.sampleContent) == null ? void 0 : S.bodyVariables) || {},
-                        buttonVariables: ((j = a.sampleContent) == null ? void 0 : j.buttonVariables) || {}
+                        buttonVariables: ((V = a.sampleContent) == null ? void 0 : V.buttonVariables) || {}
                       }
                     });
                   },
@@ -1355,7 +1361,7 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
                 })), c(null), k(null);
               },
               className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
-              children: ca.map((f) => /* @__PURE__ */ e("option", { value: f.value, children: f.label }, f.value))
+              children: ma.map((f) => /* @__PURE__ */ e("option", { value: f.value, children: f.label }, f.value))
             }
           ),
           /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-y-0 rsp-right-0 rsp-flex rsp-items-center rsp-px-2 rsp-pointer-events-none", children: /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4 rsp-text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })
@@ -1372,31 +1378,31 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
                 alt: "Preview",
                 className: "rsp-w-12 rsp-h-12 rsp-object-cover rsp-rounded",
                 onError: (f) => {
-                  f.currentTarget.style.display = "none", h || k("Could not load image preview from URL.");
+                  f.currentTarget.style.display = "none", o || k("Could not load image preview from URL.");
                 },
                 onLoad: () => {
-                  h != null && h.includes("Could not load") && k(null);
+                  o != null && o.includes("Could not load") && k(null);
                 }
               }
             ),
-            a.mediaType === "VIDEO" && /* @__PURE__ */ e("div", { className: "rsp-w-12 rsp-h-12 rsp-bg-gray-200 rsp-rounded rsp-flex rsp-items-center rsp-justify-center flex-shrink-0", children: /* @__PURE__ */ e($e, { className: "rsp-w-6 rsp-h-6 rsp-text-gray-500" }) }),
-            a.mediaType === "DOCUMENT" && /* @__PURE__ */ e("div", { className: "rsp-w-12 rsp-h-12 rsp-bg-gray-200 rsp-rounded rsp-flex rsp-items-center rsp-justify-center flex-shrink-0", children: /* @__PURE__ */ e(He, { className: "rsp-w-6 rsp-h-6 rsp-text-gray-500" }) }),
+            a.mediaType === "VIDEO" && /* @__PURE__ */ e("div", { className: "rsp-w-12 rsp-h-12 rsp-bg-gray-200 rsp-rounded rsp-flex rsp-items-center rsp-justify-center flex-shrink-0", children: /* @__PURE__ */ e(Ge, { className: "rsp-w-6 rsp-h-6 rsp-text-gray-500" }) }),
+            a.mediaType === "DOCUMENT" && /* @__PURE__ */ e("div", { className: "rsp-w-12 rsp-h-12 rsp-bg-gray-200 rsp-rounded rsp-flex rsp-items-center rsp-justify-center flex-shrink-0", children: /* @__PURE__ */ e($e, { className: "rsp-w-6 rsp-h-6 rsp-text-gray-500" }) }),
             /* @__PURE__ */ r("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ e("p", { className: "rsp-text-sm rsp-font-medium rsp-text-gray-900 rsp-truncate", children: i ? i.name : a.mediaUrl }),
               i && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500", children: `${(i.size / 1024 / 1024).toFixed(2)} MB` })
             ] })
           ] }),
-          /* @__PURE__ */ e("button", { onClick: t, className: "rsp-p-1 rsp-text-gray-400 hover:rsp-text-red-500 rsp-transition-colors flex-shrink-0", children: /* @__PURE__ */ e(re, { className: "rsp-w-4 rsp-h-4" }) })
+          /* @__PURE__ */ e("button", { onClick: t, className: "rsp-p-1 rsp-text-gray-400 hover:rsp-text-red-500 rsp-transition-colors flex-shrink-0", children: /* @__PURE__ */ e(se, { className: "rsp-w-4 rsp-h-4" }) })
         ] }) : /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("input", { type: "file", accept: w(), onChange: x, className: "rsp-hidden", id: "media-upload", disabled: o }),
+          /* @__PURE__ */ e("input", { type: "file", accept: v(), onChange: x, className: "rsp-hidden", id: "media-upload", disabled: h }),
           /* @__PURE__ */ r(
             "label",
             {
               htmlFor: "media-upload",
-              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 ${o ? "rsp-opacity-50 rsp-cursor-not-allowed" : ""}`,
+              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 ${h ? "rsp-opacity-50 rsp-cursor-not-allowed" : ""}`,
               children: [
-                /* @__PURE__ */ e(Xe, { 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: o ? "Uploading..." : `Upload ${((A = a.mediaType) == null ? void 0 : A.toLowerCase()) || "file"}` }),
+                /* @__PURE__ */ e(Ye, { 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: h ? "Uploading..." : `Upload ${((j = a.mediaType) == null ? void 0 : j.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",
@@ -1406,9 +1412,9 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
             }
           )
         ] }),
-        h && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2 rsp-text-xs rsp-text-red-600", children: [
-          /* @__PURE__ */ e(fe, { className: "rsp-w-4 rsp-h-4" }),
-          /* @__PURE__ */ e("span", { children: h })
+        o && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2 rsp-text-xs rsp-text-red-600", children: [
+          /* @__PURE__ */ e(he, { className: "rsp-w-4 rsp-h-4" }),
+          /* @__PURE__ */ e("span", { children: o })
         ] }),
         /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center", children: [
           /* @__PURE__ */ e("div", { className: "rsp-flex-1 rsp-border-t rsp-border-gray-300" }),
@@ -1429,7 +1435,7 @@ function pa({ template: a, setTemplate: s, onFileUpload: n }) {
     ] })
   ] });
 }
-const Ee = [
+const Le = [
   { name: "grinning-face", hexadecimal: "&#x1f600;" },
   { name: "grinning-face-with-smiling-eyes", hexadecimal: "&#x1f601;" },
   { name: "face-with-tears-of-joy", hexadecimal: "&#x1f602;" },
@@ -3228,29 +3234,29 @@ const Ee = [
   { name: "south-africa", hexadecimal: "&#x1f1ff;&#x1f1e6;" },
   { name: "zambia", hexadecimal: "&#x1f1ff;&#x1f1f2;" },
   { name: "zimbabwe", hexadecimal: "&#x1f1ff;&#x1f1fc;" }
-], oa = ({
+], fa = ({
   emojis: a,
   onSelect: s,
   onClose: n
 }) => {
-  const [i, c] = B({ start: 0, end: 80 }), o = 8, l = 40, v = 400, g = Ne((d) => {
-    const N = d.currentTarget.scrollTop, M = Math.floor(N / l), b = Math.min(
-      M + Math.ceil(v / l) + 2,
-      Math.ceil(a.length / o)
+  const [i, c] = B({ start: 0, end: 80 }), h = 8, l = 40, N = 400, g = Ce((d) => {
+    const w = d.currentTarget.scrollTop, M = Math.floor(w / l), b = Math.min(
+      M + Math.ceil(N / l) + 2,
+      Math.ceil(a.length / h)
     );
     c({
-      start: M * o,
-      end: b * o
+      start: M * h,
+      end: b * h
     });
-  }, [a.length, l, v, o]), h = Ne((d) => {
-    const N = d.match(/&#x([0-9A-Fa-f]+);/g);
-    if (!N) return "";
-    const M = N.map((b) => {
+  }, [a.length, l, N, h]), o = Ce((d) => {
+    const w = d.match(/&#x([0-9A-Fa-f]+);/g);
+    if (!w) return "";
+    const M = w.map((b) => {
       const y = b.replace(/&#x|;/g, "");
       return parseInt(y, 16);
     });
     return String.fromCodePoint(...M);
-  }, []), k = Math.ceil(a.length / o) * l, V = a.slice(i.start, i.end);
+  }, []), k = Math.ceil(a.length / h) * l, A = a.slice(i.start, i.end);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -3261,21 +3267,21 @@ const Ee = [
         {
           className: "rsp-absolute rsp-w-full rsp-grid rsp-grid-cols-8 rsp-gap-1",
           style: {
-            top: Math.floor(i.start / o) * l,
+            top: Math.floor(i.start / h) * l,
             transform: "translateY(0px)"
           },
-          children: V.map((d, N) => {
-            const M = i.start + N;
+          children: A.map((d, w) => {
+            const M = i.start + w;
             return /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
-                  s(h(d.hexadecimal));
+                  s(o(d.hexadecimal));
                 },
                 className: "rsp-w-10 rsp-h-10 rsp-flex rsp-items-center rsp-justify-center rsp-text-xl hover:rsp-bg-gray-100 rsp-rounded rsp-transition-colors",
                 title: d.name,
                 style: { height: l },
-                children: h(d.hexadecimal)
+                children: o(d.hexadecimal)
               },
               M
             );
@@ -3285,10 +3291,10 @@ const Ee = [
     }
   );
 };
-function ye({ isOpen: a, onClose: s, onSelect: n }) {
-  const [i, c] = B(""), o = Se(() => i ? Ee.filter(
+function we({ isOpen: a, onClose: s, onSelect: n }) {
+  const [i, c] = B(""), h = Ve(() => i ? Le.filter(
     (l) => l.name.toLowerCase().includes(i.toLowerCase())
-  ) : Ee, [i]);
+  ) : Le, [i]);
   return X.useEffect(() => {
     a || c("");
   }, [a]), /* @__PURE__ */ e(te, { isOpen: a, onClose: s, title: "Select Emoji", children: /* @__PURE__ */ r("div", { className: "rsp-space-y-4", children: [
@@ -3324,32 +3330,32 @@ function ye({ isOpen: a, onClose: s, onSelect: n }) {
       l
     )) }),
     /* @__PURE__ */ r("div", { className: "rsp-text-sm rsp-text-gray-500", children: [
-      o.length,
+      h.length,
       " emojis found"
     ] }),
     /* @__PURE__ */ e(
-      oa,
+      fa,
       {
-        emojis: o,
+        emojis: h,
         onSelect: n,
         onClose: s
       }
     )
   ] }) });
 }
-function fa({ template: a, setTemplate: s }) {
-  const [n, i] = B(!1), [c, o] = B(null), [l, v] = B(null), [g, h] = B(null), [k, V] = B(!1), d = () => {
+function ha({ template: a, setTemplate: s }) {
+  const [n, i] = B(!1), [c, h] = B(null), [l, N] = B(null), [g, o] = B(null), [k, A] = B(!1), d = () => {
     const t = (a.body || "").match(/{{\d+}}/g);
     if (!t) return 0;
     const x = t.map((p) => {
-      const w = p.match(/{{(\d+)}}/);
-      return w ? parseInt(w[1], 10) : 0;
+      const v = p.match(/{{(\d+)}}/);
+      return v ? parseInt(v[1], 10) : 0;
     });
     return x.length > 0 ? Math.max(...x) : 0;
-  }, N = () => {
+  }, w = () => {
     const x = `{{${d() + 1}}}`;
     if (l && a.body.length + x.length <= 1024) {
-      const p = l.selectionStart || a.body.length, w = a.body.substring(0, p), A = a.body.substring(p), R = w + x + A;
+      const p = l.selectionStart || a.body.length, v = a.body.substring(0, p), j = a.body.substring(p), R = v + x + j;
       s({
         ...a,
         body: R
@@ -3361,7 +3367,7 @@ function fa({ template: a, setTemplate: s }) {
       }, 0);
     }
   }, M = () => {
-    o("body"), i(!0), setTimeout(() => {
+    h("body"), i(!0), setTimeout(() => {
       l && l.focus();
     }, 0);
   }, b = (y) => {
@@ -3369,7 +3375,7 @@ function fa({ template: a, setTemplate: s }) {
       if (!l) return;
       const t = l.selectionStart || a.body.length, x = 1024, p = a.body;
       if (p.length + y.length <= x) {
-        const w = p.substring(0, t), A = p.substring(t), R = w + y + A;
+        const v = p.substring(0, t), j = p.substring(t), R = v + y + j;
         s({
           ...a,
           body: R
@@ -3384,7 +3390,7 @@ function fa({ template: a, setTemplate: s }) {
       if (!g) return;
       const t = g.selectionStart || a.footer.length, x = 60, p = a.footer;
       if (p.length + y.length <= x) {
-        const w = p.substring(0, t), A = p.substring(t), R = w + y + A;
+        const v = p.substring(0, t), j = p.substring(t), R = v + y + j;
         s({
           ...a,
           footer: R
@@ -3403,15 +3409,15 @@ function fa({ template: a, setTemplate: s }) {
       /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
         "textarea",
         {
-          ref: v,
+          ref: N,
           value: a.body,
           onChange: (y) => s({ ...a, body: y.target.value }),
           maxLength: 1024,
           rows: 6,
           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 rsp-resize-none rsp-shadow-sm",
           placeholder: "Enter the text for your message",
-          onFocus: () => o("body"),
-          onBlur: () => V(!0)
+          onFocus: () => h("body"),
+          onBlur: () => A(!0)
         }
       ) }),
       !a.body && k && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-red-600 rsp-mt-1", children: "Body is required." }),
@@ -3420,7 +3426,7 @@ function fa({ template: a, setTemplate: s }) {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: N,
+              onClick: w,
               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" }) })
@@ -3432,7 +3438,7 @@ function fa({ template: a, setTemplate: s }) {
               onClick: M,
               className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
               title: "Add emoji",
-              children: /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
+              children: /* @__PURE__ */ e(be, { className: "rsp-w-4 rsp-h-4" })
             }
           )
         ] }),
@@ -3446,7 +3452,7 @@ function fa({ template: a, setTemplate: s }) {
         return t.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: t.map((x) => {
-            var p, w;
+            var p, v;
             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: [
                 "{{",
@@ -3458,17 +3464,17 @@ function fa({ template: a, setTemplate: s }) {
                 "input",
                 {
                   type: "text",
-                  value: ((w = (p = a.sampleContent) == null ? void 0 : p.bodyVariables) == null ? void 0 : w[x]) || "",
-                  onChange: (A) => {
-                    var f, C, U;
+                  value: ((v = (p = a.sampleContent) == null ? void 0 : p.bodyVariables) == null ? void 0 : v[x]) || "",
+                  onChange: (j) => {
+                    var f, C, T;
                     const R = {
                       ...a.sampleContent,
                       bodyVariables: {
                         ...(f = a.sampleContent) == null ? void 0 : f.bodyVariables,
-                        [x]: A.target.value
+                        [x]: j.target.value
                       },
                       headerVariables: ((C = a.sampleContent) == null ? void 0 : C.headerVariables) || {},
-                      buttonVariables: ((U = a.sampleContent) == null ? void 0 : U.buttonVariables) || {}
+                      buttonVariables: ((T = a.sampleContent) == null ? void 0 : T.buttonVariables) || {}
                     };
                     s({
                       ...a,
@@ -3484,15 +3490,15 @@ function fa({ template: a, setTemplate: s }) {
                 {
                   type: "button",
                   onClick: () => {
-                    var C, U, O;
-                    const A = new RegExp(`\\{\\{${x}\\}\\}`, "g"), R = (a.body || "").replace(A, ""), f = Object.fromEntries(Object.entries(((C = a.sampleContent) == null ? void 0 : C.bodyVariables) || {}).filter(([P]) => P !== x));
+                    var C, T, O;
+                    const j = new RegExp(`\\{\\{${x}\\}\\}`, "g"), R = (a.body || "").replace(j, ""), f = Object.fromEntries(Object.entries(((C = a.sampleContent) == null ? void 0 : C.bodyVariables) || {}).filter(([z]) => z !== x));
                     s({
                       ...a,
                       body: R,
                       sampleContent: {
                         ...a.sampleContent,
                         bodyVariables: f,
-                        headerVariables: ((U = a.sampleContent) == null ? void 0 : U.headerVariables) || {},
+                        headerVariables: ((T = a.sampleContent) == null ? void 0 : T.headerVariables) || {},
                         buttonVariables: ((O = a.sampleContent) == null ? void 0 : O.buttonVariables) || {}
                       }
                     });
@@ -3512,14 +3518,14 @@ function fa({ template: a, setTemplate: s }) {
       /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
         "input",
         {
-          ref: h,
+          ref: o,
           type: "text",
           value: a.footer,
           onChange: (y) => s({ ...a, footer: y.target.value }),
           maxLength: 60,
           className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent",
           placeholder: "Footer Text",
-          onFocus: () => o("footer")
+          onFocus: () => h("footer")
         }
       ) }),
       /* @__PURE__ */ r("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: [
@@ -3528,7 +3534,7 @@ function fa({ template: a, setTemplate: s }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      ye,
+      we,
       {
         isOpen: n,
         onClose: () => i(!1),
@@ -3537,20 +3543,20 @@ function fa({ template: a, setTemplate: s }) {
     )
   ] });
 }
-function ha({ template: a, setTemplate: s }) {
+function ua({ template: a, setTemplate: s }) {
   var y;
-  const [n, i] = B(null), [c, o] = B(!1), [l, v] = B({
+  const [n, i] = B(null), [c, h] = B(!1), [l, N] = B({
     text: "",
     value: "",
     urlType: "static"
-  }), h = {
+  }), o = {
     quickReply: a.buttons.filter((t) => t.type === "QUICK_REPLY").length,
     url: a.buttons.filter((t) => t.type === "URL").length,
     call: a.buttons.filter((t) => t.type === "CALL").length,
     flow: a.buttons.filter((t) => t.type === "FLOW").length
   }, k = () => {
-    v({ text: "", value: "", urlType: "static" }), i(null), o(!1);
-  }, V = (t) => {
+    N({ text: "", value: "", urlType: "static" }), i(null), h(!1);
+  }, A = (t) => {
     if (!l.text.trim()) return;
     let x = t === "QUICK_REPLY" ? l.text : l.value;
     t === "CALL" && x && !x.startsWith("+") && (x = "+" + x);
@@ -3570,10 +3576,10 @@ function ha({ template: a, setTemplate: s }) {
       ...a,
       buttons: a.buttons.filter((x) => x.id !== t)
     });
-  }, N = (t, x, p) => {
-    const w = a.buttons.find((f) => f.id === t), A = x === "text" ? 25 : x === "value" && (w == null ? void 0 : w.type) === "URL" ? 2e3 : 20;
-    let R = p.slice(0, A);
-    x === "value" && (w == null ? void 0 : w.type) === "CALL" && R && !R.startsWith("+") && (R = "+" + R), s({
+  }, w = (t, x, p) => {
+    const v = a.buttons.find((f) => f.id === t), j = x === "text" ? 25 : x === "value" && (v == null ? void 0 : v.type) === "URL" ? 2e3 : 20;
+    let R = p.slice(0, j);
+    x === "value" && (v == null ? void 0 : v.type) === "CALL" && R && !R.startsWith("+") && (R = "+" + R), s({
       ...a,
       buttons: a.buttons.map(
         (f) => f.id === t ? { ...f, [x]: R } : f
@@ -3581,14 +3587,14 @@ function ha({ template: a, setTemplate: s }) {
     });
   }, M = () => {
     const x = [
-      ...a.buttons.filter((w) => w.type === "URL" && w.urlType === "dynamic").map((w) => w.value || ""),
+      ...a.buttons.filter((v) => v.type === "URL" && v.urlType === "dynamic").map((v) => v.value || ""),
       l.value
       // Include current form input
     ].join(" ").match(/{{\d+}}/g);
     if (!x) return 0;
-    const p = x.map((w) => {
-      const A = w.match(/{{(\d+)}}/);
-      return A ? parseInt(A[1], 10) : 0;
+    const p = x.map((v) => {
+      const j = v.match(/{{(\d+)}}/);
+      return j ? parseInt(j[1], 10) : 0;
     });
     return p.length > 0 ? Math.max(...p) : 0;
   }, b = [
@@ -3598,25 +3604,25 @@ function ha({ template: a, setTemplate: s }) {
       label: "Quick Reply",
       description: "Add quick response options",
       limit: 10,
-      current: h.quickReply,
+      current: o.quickReply,
       color: "blue"
     },
     {
       type: "URL",
-      icon: qe,
+      icon: He,
       label: "Web URL",
       description: "Link to websites or pages",
       limit: 2,
-      current: h.url,
+      current: o.url,
       color: "green"
     },
     {
       type: "CALL",
-      icon: Ve,
+      icon: Ae,
       label: "Call Button",
       description: "Add phone number to call",
       limit: 1,
-      current: h.call,
+      current: o.call,
       color: "purple"
     }
     // {
@@ -3663,7 +3669,7 @@ function ha({ template: a, setTemplate: s }) {
                 "/",
                 t.limit
               ] }),
-              !p && /* @__PURE__ */ e(he, { className: "rsp-w-4 rsp-h-4" })
+              !p && /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
             ] })
           ] })
         },
@@ -3681,7 +3687,7 @@ function ha({ template: a, setTemplate: s }) {
           {
             onClick: k,
             className: "rsp-p-2 rsp-text-gray-400 hover:rsp-text-gray-600 hover:rsp-bg-white rsp-rounded-lg rsp-transition-colors",
-            children: /* @__PURE__ */ e(re, { className: "rsp-w-5 rsp-h-5" })
+            children: /* @__PURE__ */ e(se, { className: "rsp-w-5 rsp-h-5" })
           }
         )
       ] }),
@@ -3694,7 +3700,7 @@ function ha({ template: a, setTemplate: s }) {
               {
                 type: "text",
                 value: l.text,
-                onChange: (t) => v({ ...l, text: t.target.value.slice(0, 25) }),
+                onChange: (t) => N({ ...l, text: t.target.value.slice(0, 25) }),
                 className: "rsp-w-full rsp-px-4 rsp-py-3 rsp-border rsp-border-gray-300 rsp-rounded-lg rsp-bg-white rsp-text-sm focus:rsp-outline-none focus:rsp-ring-2 focus:rsp-ring-blue-500 focus:rsp-border-transparent rsp-shadow-sm",
                 placeholder: "Enter button text (max 25 characters)",
                 maxLength: 25
@@ -3716,7 +3722,7 @@ function ha({ template: a, setTemplate: s }) {
                   {
                     type: "radio",
                     checked: l.urlType === "static",
-                    onChange: () => v({ ...l, urlType: "static" }),
+                    onChange: () => N({ ...l, urlType: "static" }),
                     className: "rsp-mr-2 rsp-text-blue-600"
                   }
                 ),
@@ -3728,7 +3734,7 @@ function ha({ template: a, setTemplate: s }) {
                   {
                     type: "radio",
                     checked: l.urlType === "dynamic",
-                    onChange: () => v({ ...l, urlType: "dynamic" }),
+                    onChange: () => N({ ...l, urlType: "dynamic" }),
                     className: "rsp-mr-2 rsp-text-blue-600"
                   }
                 ),
@@ -3753,7 +3759,7 @@ function ha({ template: a, setTemplate: s }) {
                 value: l.value,
                 onChange: (t) => {
                   const x = n === "URL" ? 2e3 : 20;
-                  v({ ...l, value: t.target.value.slice(0, x) });
+                  N({ ...l, value: t.target.value.slice(0, x) });
                 },
                 className: "rsp-w-full rsp-px-4 rsp-py-3 rsp-border rsp-border-gray-300 rsp-rounded-lg rsp-bg-white rsp-text-sm focus:rsp-outline-none focus:rsp-ring-2 focus:rsp-ring-blue-500 focus:rsp-border-transparent rsp-shadow-sm",
                 placeholder: n === "URL" ? l.urlType === "dynamic" ? "https://example.com/order/{{1}}?user={{2}}" : "https://example.com" : n === "CALL" ? "+1234567890" : "Flow ID",
@@ -3773,8 +3779,8 @@ function ha({ template: a, setTemplate: s }) {
                 type: "button",
                 onClick: () => {
                   if ((l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
-                  const p = M() + 1, w = l.value + `{{${p}}}`;
-                  v({ ...l, value: w }), o(!0);
+                  const p = M() + 1, v = l.value + `{{${p}}}`;
+                  N({ ...l, value: v }), h(!0);
                 },
                 disabled: (l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3,
                 className: "rsp-px-2 rsp-py-2 rsp-text-xs rsp-bg-gray-300 hover:rsp-bg-gray-200 rsp-rounded rsp-text-gray-700 disabled:rsp-bg-gray-200 disabled:rsp-text-gray-500",
@@ -3787,7 +3793,7 @@ function ha({ template: a, setTemplate: s }) {
               /* @__PURE__ */ e("div", { className: "rsp-space-y-3", children: (() => {
                 const t = l.value.match(/\{\{(\d+)\}\}/g) || [];
                 return [...new Set(t.map((p) => p.replace(/[{}]/g, "")))].map((p) => {
-                  var w, A;
+                  var v, j;
                   return /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2", children: [
                     /* @__PURE__ */ r("label", { className: "rsp-text-sm rsp-text-gray-600 rsp-whitespace-nowrap", children: [
                       "Variable {{",
@@ -3798,13 +3804,13 @@ function ha({ template: a, setTemplate: s }) {
                       "input",
                       {
                         type: "text",
-                        value: ((A = (w = a.sampleContent) == null ? void 0 : w.buttonVariables) == null ? void 0 : A[p]) || "",
+                        value: ((j = (v = a.sampleContent) == null ? void 0 : v.buttonVariables) == null ? void 0 : j[p]) || "",
                         onChange: (R) => {
-                          var C, U, O;
+                          var C, T, O;
                           const f = {
                             ...a.sampleContent,
                             headerVariables: ((C = a.sampleContent) == null ? void 0 : C.headerVariables) || {},
-                            bodyVariables: ((U = a.sampleContent) == null ? void 0 : U.bodyVariables) || {},
+                            bodyVariables: ((T = a.sampleContent) == null ? void 0 : T.bodyVariables) || {},
                             buttonVariables: {
                               ...(O = a.sampleContent) == null ? void 0 : O.buttonVariables,
                               [p]: R.target.value
@@ -3824,16 +3830,16 @@ function ha({ template: a, setTemplate: s }) {
                       {
                         type: "button",
                         onClick: () => {
-                          var U, O, P;
+                          var T, O, z;
                           const R = new RegExp(`\\{\\{${p}\\}\\}`, "g"), f = (l.value || "").replace(R, "");
-                          v({ ...l, value: f });
-                          const C = Object.fromEntries(Object.entries(((U = a.sampleContent) == null ? void 0 : U.buttonVariables) || {}).filter(([H]) => H !== p));
+                          N({ ...l, value: f });
+                          const C = Object.fromEntries(Object.entries(((T = a.sampleContent) == null ? void 0 : T.buttonVariables) || {}).filter(([$]) => $ !== p));
                           s({
                             ...a,
                             sampleContent: {
                               ...a.sampleContent,
                               headerVariables: ((O = a.sampleContent) == null ? void 0 : O.headerVariables) || {},
-                              bodyVariables: ((P = a.sampleContent) == null ? void 0 : P.bodyVariables) || {},
+                              bodyVariables: ((z = a.sampleContent) == null ? void 0 : z.bodyVariables) || {},
                               buttonVariables: C
                             }
                           });
@@ -3851,8 +3857,8 @@ function ha({ template: a, setTemplate: s }) {
                 /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-600 rsp-font-mono rsp-break-all", children: l.value.replace(
                   /\{\{(\d+)\}\}/g,
                   (t, x) => {
-                    var p, w;
-                    return ((w = (p = a.sampleContent) == null ? void 0 : p.buttonVariables) == null ? void 0 : w[x]) || `[${t}]`;
+                    var p, v;
+                    return ((v = (p = a.sampleContent) == null ? void 0 : p.buttonVariables) == null ? void 0 : v[x]) || `[${t}]`;
                   }
                 ) })
               ] }),
@@ -3860,7 +3866,7 @@ function ha({ template: a, setTemplate: s }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => o(!1),
+                  onClick: () => h(!1),
                   className: "rsp-px-3 rsp-py-1 rsp-text-xs rsp-text-gray-500 hover:rsp-text-gray-700",
                   children: "Close"
                 }
@@ -3872,7 +3878,7 @@ function ha({ template: a, setTemplate: s }) {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => V(n),
+              onClick: () => A(n),
               disabled: !l.text.trim() || n !== "QUICK_REPLY" && !l.value.trim(),
               className: "rsp-flex-1 rsp-bg-blue-600 rsp-text-white rsp-py-3 rsp-px-4 rsp-rounded-lg rsp-font-medium rsp-text-sm rsp-transition-colors hover:rsp-bg-blue-700 disabled:rsp-opacity-50 disabled:rsp-cursor-not-allowed rsp-shadow-sm",
               children: "Add Button"
@@ -3892,7 +3898,7 @@ function ha({ template: a, setTemplate: s }) {
     a.buttons.length > 0 && /* @__PURE__ */ r("div", { className: "rsp-space-y-4", children: [
       /* @__PURE__ */ e("h4", { className: "rsp-text-md rsp-font-semibold rsp-text-gray-900", children: "Added Buttons" }),
       /* @__PURE__ */ e("div", { className: "rsp-space-y-3", children: a.buttons.map((t) => {
-        const x = b.find((w) => w.type === t.type), p = (x == null ? void 0 : x.icon) || me;
+        const x = b.find((v) => v.type === t.type), p = (x == null ? void 0 : x.icon) || me;
         return /* @__PURE__ */ e("div", { className: "rsp-bg-white rsp-border rsp-border-gray-200 rsp-rounded-lg rsp-p-4 rsp-shadow-sm", children: /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-start rsp-gap-3", children: [
           /* @__PURE__ */ e("div", { className: "rsp-p-2 rsp-bg-gray-50 rsp-rounded-lg", children: /* @__PURE__ */ e(p, { className: "rsp-w-4 rsp-h-4 rsp-text-gray-600" }) }),
           /* @__PURE__ */ r("div", { className: "rsp-flex-1 rsp-space-y-3", children: [
@@ -3903,7 +3909,7 @@ function ha({ template: a, setTemplate: s }) {
                 {
                   onClick: () => d(t.id),
                   className: "rsp-p-1 rsp-text-red-400 hover:rsp-text-red-600 hover:rsp-bg-red-50 rsp-rounded rsp-transition-colors",
-                  children: /* @__PURE__ */ e(re, { className: "rsp-w-4 rsp-h-4" })
+                  children: /* @__PURE__ */ e(se, { className: "rsp-w-4 rsp-h-4" })
                 }
               )
             ] }),
@@ -3916,7 +3922,7 @@ function ha({ template: a, setTemplate: s }) {
                     {
                       type: "text",
                       value: t.text,
-                      onChange: (w) => N(t.id, "text", w.target.value),
+                      onChange: (v) => w(t.id, "text", v.target.value),
                       maxLength: 25,
                       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-ring-1 focus:rsp-ring-blue-500 focus:rsp-border-blue-500"
                     }
@@ -3935,7 +3941,7 @@ function ha({ template: a, setTemplate: s }) {
                     {
                       type: t.type === "CALL" ? "tel" : t.type === "URL" ? "url" : "text",
                       value: t.value || "",
-                      onChange: (w) => N(t.id, "value", w.target.value),
+                      onChange: (v) => w(t.id, "value", v.target.value),
                       maxLength: t.type === "URL" ? 2e3 : 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-ring-1 focus:rsp-ring-blue-500 focus:rsp-border-blue-500"
                     }
@@ -3960,7 +3966,7 @@ function ha({ template: a, setTemplate: s }) {
     ] })
   ] });
 }
-const ua = async (a) => {
+const ba = async (a) => {
   try {
     if (!a)
       throw new Error("No file provided");
@@ -3976,16 +3982,16 @@ const ua = async (a) => {
     console.log("Upload response status:", i.status), console.log("Upload response headers:", Object.fromEntries(i.headers.entries()));
     const c = await i.text();
     console.log("Raw upload response:", c);
-    let o;
+    let h;
     try {
-      o = JSON.parse(c);
+      h = JSON.parse(c);
     } catch (l) {
       throw console.error("Failed to parse upload response:", l), new Error("Invalid response from upload server");
     }
-    if (console.log("Parsed upload response:", o), console.log("Upload status:", o.status), console.log("Upload message:", o.message), console.log("Upload data:", o.data), !o.status)
-      throw new Error(o.message || "Upload failed");
-    if (o.data && Array.isArray(o.data) && o.data.length > 0) {
-      const l = o.data[0];
+    if (console.log("Parsed upload response:", h), console.log("Upload status:", h.status), console.log("Upload message:", h.message), console.log("Upload data:", h.data), !h.status)
+      throw new Error(h.message || "Upload failed");
+    if (h.data && Array.isArray(h.data) && h.data.length > 0) {
+      const l = h.data[0];
       if (l.url)
         return console.log("File uploaded successfully:", {
           url: l.url,
@@ -3999,7 +4005,7 @@ const ua = async (a) => {
   } catch (s) {
     throw console.error("File upload error:", s), s instanceof Error ? s : new Error("Unknown error occurred during file upload");
   }
-}, ba = (a, s) => {
+}, ga = (a, s) => {
   const i = a.name.toLowerCase().split(".").pop();
   switch (s) {
     case "IMAGE":
@@ -4011,7 +4017,7 @@ const ua = async (a) => {
     default:
       return !1;
   }
-}, ga = (a) => {
+}, ya = (a) => {
   switch (a) {
     case "IMAGE":
       return 5 * 1024 * 1024;
@@ -4023,9 +4029,9 @@ const ua = async (a) => {
       return 10 * 1024 * 1024;
   }
 };
-function ya({ template: a, setTemplate: s, onFileUpload: n }) {
-  var C, U, O, P, H;
-  const [i, c] = X.useState({}), [, o] = X.useState({}), [l, v] = X.useState({ open: !1, message: "" }), [g, h] = X.useState(!1), [k, V] = X.useState(null), d = X.useRef({}), N = () => {
+function wa({ template: a, setTemplate: s, onFileUpload: n }) {
+  var C, T, O, z, $;
+  const [i, c] = X.useState({}), [, h] = X.useState({}), [l, N] = X.useState({ open: !1, message: "" }), [g, o] = X.useState(!1), [k, A] = X.useState(null), d = X.useRef({}), w = () => {
     var E;
     const m = {
       id: Math.random().toString(36).substr(2, 9),
@@ -4035,11 +4041,11 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
       buttons: []
     };
     s((S) => {
-      var j, I;
+      var V, I;
       return {
         ...S,
         carousel: {
-          type: ((j = a.carousel) == null ? void 0 : j.type) || "IMAGE",
+          type: ((V = a.carousel) == null ? void 0 : V.type) || "IMAGE",
           cards: [...((I = a.carousel) == null ? void 0 : I.cards) || [], m]
         }
       };
@@ -4053,18 +4059,18 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
       }
     }));
   }, b = (m, E, S) => {
-    s((j) => ({
-      ...j,
+    s((V) => ({
+      ...V,
       carousel: {
-        ...j.carousel,
-        cards: j.carousel.cards.map(
+        ...V.carousel,
+        cards: V.carousel.cards.map(
           (I) => I.id === m ? { ...I, [E]: S } : I
         )
       }
     }));
   }, y = (m) => {
     s((E) => {
-      const j = ((E.carousel || { type: m, cards: [] }).cards || []).map((I) => ({
+      const V = ((E.carousel || { type: m, cards: [] }).cards || []).map((I) => ({
         ...I,
         mediaType: m,
         mediaUrl: ""
@@ -4073,93 +4079,93 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
         ...E,
         carousel: {
           type: m,
-          cards: j
+          cards: V
         }
       };
     });
   }, t = (m, E) => {
-    var D;
-    const S = (D = a.carousel) == null ? void 0 : D.cards.find((K) => K.id === m);
+    var U;
+    const S = (U = a.carousel) == null ? void 0 : U.cards.find((P) => P.id === m);
     if (!S) return;
-    const z = `{{${p(m) + 1}}}`, T = S[E] + z;
-    b(m, E, T);
+    const _ = `{{${p(m) + 1}}}`, u = S[E] + _;
+    b(m, E, u);
   }, x = (m) => {
-    var T;
+    var u;
     if (!k) return;
-    const E = d.current[k], S = (T = a.carousel) == null ? void 0 : T.cards.find((D) => D.id === k);
+    const E = d.current[k], S = (u = a.carousel) == null ? void 0 : u.cards.find((U) => U.id === k);
     if (!S) return;
-    const j = E && typeof E.selectionStart == "number" ? E.selectionStart : S.body.length, I = S.body.substring(0, j), z = S.body.substring(j), u = I + m + z;
-    b(k, "body", u), setTimeout(() => {
-      const D = d.current[k];
-      if (D) {
-        const K = j + m.length;
-        D.setSelectionRange(K, K), D.focus();
+    const V = E && typeof E.selectionStart == "number" ? E.selectionStart : S.body.length, I = S.body.substring(0, V), _ = S.body.substring(V), F = I + m + _;
+    b(k, "body", F), setTimeout(() => {
+      const U = d.current[k];
+      if (U) {
+        const P = V + m.length;
+        U.setSelectionRange(P, P), U.focus();
       }
-    }, 0), h(!1);
+    }, 0), o(!1);
   }, p = (m) => {
-    var z;
-    const E = (z = a.carousel) == null ? void 0 : z.cards.find((u) => u.id === m);
+    var _;
+    const E = (_ = a.carousel) == null ? void 0 : _.cards.find((F) => F.id === m);
     if (!E) return 0;
-    const j = (E.body || "").match(/\{\{(\d+)\}\}/g);
-    if (!j) return 0;
-    const I = j.map((u) => {
-      const T = u.match(/{{(\d+)}}/);
-      return T ? parseInt(T[1], 10) : 0;
+    const V = (E.body || "").match(/\{\{(\d+)\}\}/g);
+    if (!V) return 0;
+    const I = V.map((F) => {
+      const u = F.match(/{{(\d+)}}/);
+      return u ? parseInt(u[1], 10) : 0;
     });
     return I.length > 0 ? Math.max(...I) : 0;
-  }, w = (m, E) => {
+  }, v = (m, E) => {
     var I;
-    const S = (I = a.carousel) == null ? void 0 : I.cards.find((z) => z.id === m);
+    const S = (I = a.carousel) == null ? void 0 : I.cards.find((_) => _.id === m);
     if (!S || S.buttons.length >= 2) return;
-    const j = {
+    const V = {
       id: Math.random().toString(36).substr(2, 9),
       type: E,
       text: "",
       value: "",
       urlType: "static"
     };
-    b(m, "buttons", [...S.buttons, j]);
-  }, A = (m, E, S, j) => {
-    var u;
-    const I = (u = a.carousel) == null ? void 0 : u.cards.find((T) => T.id === m);
+    b(m, "buttons", [...S.buttons, V]);
+  }, j = (m, E, S, V) => {
+    var F;
+    const I = (F = a.carousel) == null ? void 0 : F.cards.find((u) => u.id === m);
     if (!I) return;
-    const z = I.buttons.map(
-      (T) => T.id === E ? { ...T, [S]: j } : T
+    const _ = I.buttons.map(
+      (u) => u.id === E ? { ...u, [S]: V } : u
     );
-    b(m, "buttons", z);
+    b(m, "buttons", _);
   }, R = (m, E) => {
     var I;
-    const S = (I = a.carousel) == null ? void 0 : I.cards.find((z) => z.id === m);
+    const S = (I = a.carousel) == null ? void 0 : I.cards.find((_) => _.id === m);
     if (!S) return;
-    const j = S.buttons.filter((z) => z.id !== E);
-    b(m, "buttons", j);
+    const V = S.buttons.filter((_) => _.id !== E);
+    b(m, "buttons", V);
   }, f = async (m, E) => {
     var S;
     try {
-      c((u) => ({ ...u, [m]: !0 })), o((u) => ({ ...u, [m]: !1 }));
-      const j = ((S = a.carousel) == null ? void 0 : S.type) === "VIDEO" ? "VIDEO" : "IMAGE";
-      if (!ba(E, j))
-        throw new Error(`Invalid file type. Expected ${j.toLowerCase()} file.`);
-      const I = ga(j);
+      c((F) => ({ ...F, [m]: !0 })), h((F) => ({ ...F, [m]: !1 }));
+      const V = ((S = a.carousel) == null ? void 0 : S.type) === "VIDEO" ? "VIDEO" : "IMAGE";
+      if (!ga(E, V))
+        throw new Error(`Invalid file type. Expected ${V.toLowerCase()} file.`);
+      const I = ya(V);
       if (E.size > I) {
-        const u = I / 1048576;
-        throw new Error(`File size too large. Maximum allowed size is ${u}MB.`);
+        const F = I / 1048576;
+        throw new Error(`File size too large. Maximum allowed size is ${F}MB.`);
       }
-      const z = await n(E);
-      b(m, "mediaUrl", z);
-    } catch (j) {
-      console.error("File upload failed:", j), v({ open: !0, message: j instanceof Error ? j.message : "File upload failed" });
+      const _ = await n(E);
+      b(m, "mediaUrl", _);
+    } catch (V) {
+      console.error("File upload failed:", V), N({ open: !0, message: V instanceof Error ? V.message : "File upload failed" });
     } finally {
-      c((j) => ({ ...j, [m]: !1 }));
+      c((V) => ({ ...V, [m]: !1 }));
     }
   };
   return /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
     l.open && /* @__PURE__ */ r("div", { className: "rsp-fixed rsp-inset-0 rsp-z-50 rsp-flex rsp-items-center rsp-justify-center", children: [
-      /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-0 rsp-bg-black rsp-bg-opacity-40", onClick: () => v({ open: !1, message: "" }) }),
+      /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-0 rsp-bg-black rsp-bg-opacity-40", onClick: () => N({ open: !1, message: "" }) }),
       /* @__PURE__ */ r("div", { className: "rsp-relative rsp-z-10 rsp-bg-white rsp-rounded-lg rsp-shadow-lg rsp-w-full rsp-max-w-md rsp-p-5", children: [
         /* @__PURE__ */ e("div", { className: "rsp-mb-3 rsp-text-lg rsp-font-semibold rsp-text-gray-900", children: "Upload Error" }),
         /* @__PURE__ */ e("div", { className: "rsp-text-sm rsp-text-gray-700 rsp-break-words rsp-whitespace-pre-wrap", children: l.message }),
-        /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-end rsp-mt-4", children: /* @__PURE__ */ e("button", { onClick: () => v({ open: !1, message: "" }), className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-white rsp-bg-blue-600 rsp-rounded-md hover:rsp-bg-blue-700", children: "OK" }) })
+        /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-end rsp-mt-4", children: /* @__PURE__ */ e("button", { onClick: () => N({ open: !1, message: "" }), className: "rsp-px-4 rsp-py-2 rsp-text-sm rsp-font-medium rsp-text-white rsp-bg-blue-600 rsp-rounded-md hover:rsp-bg-blue-700", children: "OK" }) })
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between", children: [
@@ -4173,11 +4179,11 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
         /* @__PURE__ */ r(
           "button",
           {
-            onClick: N,
-            disabled: (((U = a.carousel) == null ? void 0 : U.cards.length) || 0) >= 10,
+            onClick: w,
+            disabled: (((T = a.carousel) == null ? void 0 : T.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: [
-              /* @__PURE__ */ e(he, { className: "rsp-w-4 rsp-h-4 rsp-inline rsp-mr-2" }),
+              /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4 rsp-inline rsp-mr-2" }),
               "Add Card"
             ]
           }
@@ -4208,7 +4214,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
               type: "radio",
               name: "carouselType",
               value: "VIDEO",
-              checked: ((P = a.carousel) == null ? void 0 : P.type) === "VIDEO",
+              checked: ((z = a.carousel) == null ? void 0 : z.type) === "VIDEO",
               onChange: (m) => y(m.target.value),
               className: "rsp-mr-2"
             }
@@ -4217,8 +4223,8 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: (H = a.carousel) == null ? void 0 : H.cards.map((m, E) => {
-      var S, j, I, z, u, T, D, K;
+    /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: ($ = a.carousel) == null ? void 0 : $.cards.map((m, E) => {
+      var S, V, I, _, F, u, U, P;
       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: [
@@ -4234,7 +4240,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
               onClick: () => M(m.id),
               className: "rsp-p-1.5 rsp-text-gray-500 hover:rsp-text-white hover:rsp-bg-red-500 rsp-rounded-full rsp-transition-colors",
               title: "Remove Card",
-              children: /* @__PURE__ */ e(re, { className: "rsp-w-4 rsp-h-4" })
+              children: /* @__PURE__ */ e(se, { className: "rsp-w-4 rsp-h-4" })
             }
           )
         ] }),
@@ -4242,7 +4248,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
           /* @__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" }) }),
-              ((j = a.carousel) == null ? void 0 : j.type) === "VIDEO" ? "Video" : "Image",
+              ((V = a.carousel) == null ? void 0 : V.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: [
@@ -4253,8 +4259,8 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                     src: m.mediaUrl,
                     alt: `Card ${E + 1}`,
                     className: "rsp-w-full rsp-h-48 rsp-object-cover rsp-rounded-lg rsp-shadow-md",
-                    onLoad: () => o((L) => ({ ...L, [m.id]: !0 })),
-                    onError: () => o((L) => ({ ...L, [m.id]: !1 }))
+                    onLoad: () => h((L) => ({ ...L, [m.id]: !0 })),
+                    onError: () => h((L) => ({ ...L, [m.id]: !1 }))
                   }
                 ) : /* @__PURE__ */ e(
                   "video",
@@ -4262,8 +4268,8 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                     src: m.mediaUrl,
                     className: "rsp-w-full rsp-h-48 rsp-object-cover rsp-rounded-lg rsp-shadow-md",
                     controls: !0,
-                    onLoadedData: () => o((L) => ({ ...L, [m.id]: !0 })),
-                    onError: () => o((L) => ({ ...L, [m.id]: !1 }))
+                    onLoadedData: () => h((L) => ({ ...L, [m.id]: !0 })),
+                    onError: () => h((L) => ({ ...L, [m.id]: !1 }))
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -4272,20 +4278,20 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                     onClick: () => b(m.id, "mediaUrl", ""),
                     className: "rsp-absolute rsp-top-2 rsp-right-2 rsp-p-2 rsp-bg-red-500 rsp-text-white rsp-rounded-full hover:rsp-bg-red-600 rsp-shadow-lg rsp-opacity-0 group-hover:rsp-opacity-100 rsp-transition-opacity",
                     title: "Remove media",
-                    children: /* @__PURE__ */ e(re, { className: "rsp-w-4 rsp-h-4" })
+                    children: /* @__PURE__ */ e(se, { className: "rsp-w-4 rsp-h-4" })
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-2 rsp-left-2 rsp-bg-black rsp-bg-opacity-60 rsp-text-white rsp-text-xs rsp-px-2 rsp-py-1 rsp-rounded rsp-backdrop-blur-sm", children: ((z = a.carousel) == null ? void 0 : z.type) === "VIDEO" ? "📹 Video" : "🖼️ Image" })
+                /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-2 rsp-left-2 rsp-bg-black rsp-bg-opacity-60 rsp-text-white rsp-text-xs rsp-px-2 rsp-py-1 rsp-rounded rsp-backdrop-blur-sm", children: ((_ = a.carousel) == null ? void 0 : _.type) === "VIDEO" ? "📹 Video" : "🖼️ Image" })
               ] }) : /* @__PURE__ */ r("div", { children: [
-                /* @__PURE__ */ e("div", { className: "rsp-w-20 rsp-h-20 rsp-mx-auto rsp-mb-4 rsp-bg-gradient-to-br rsp-from-blue-100 rsp-to-blue-200 rsp-rounded-xl rsp-flex rsp-items-center rsp-justify-center rsp-shadow-md", children: /* @__PURE__ */ e("svg", { className: "rsp-w-10 rsp-h-10 rsp-text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: ((u = a.carousel) == null ? void 0 : u.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" }) }) }),
+                /* @__PURE__ */ e("div", { className: "rsp-w-20 rsp-h-20 rsp-mx-auto rsp-mb-4 rsp-bg-gradient-to-br rsp-from-blue-100 rsp-to-blue-200 rsp-rounded-xl rsp-flex rsp-items-center rsp-justify-center rsp-shadow-md", children: /* @__PURE__ */ e("svg", { className: "rsp-w-10 rsp-h-10 rsp-text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: ((F = a.carousel) == null ? void 0 : F.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" }) }) }),
                 /* @__PURE__ */ e(
                   "input",
                   {
                     type: "file",
-                    accept: ((T = a.carousel) == null ? void 0 : T.type) === "VIDEO" ? "video/*" : "image/*",
+                    accept: ((u = a.carousel) == null ? void 0 : u.type) === "VIDEO" ? "video/*" : "image/*",
                     onChange: (L) => {
-                      var _;
-                      const Y = (_ = L.target.files) == null ? void 0 : _[0];
+                      var D;
+                      const Y = (D = L.target.files) == null ? void 0 : D[0];
                       Y && !i[m.id] && f(m.id, Y);
                     },
                     className: "rsp-hidden",
@@ -4302,11 +4308,11 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                     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: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
                       "Upload ",
-                      ((D = a.carousel) == null ? void 0 : D.type) === "VIDEO" ? "Video" : "Image"
+                      ((U = a.carousel) == null ? void 0 : U.type) === "VIDEO" ? "Video" : "Image"
                     ]
                   }
                 ),
-                /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-3 rsp-px-2", children: ((K = a.carousel) == null ? void 0 : K.type) === "VIDEO" ? "📹 MP4, MOV, AVI (Max 16MB)" : "🖼️ PNG, JPG, GIF, TIFF, SVG, BMP (Max 5MB)" })
+                /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-3 rsp-px-2", children: ((P = a.carousel) == null ? void 0 : P.type) === "VIDEO" ? "📹 MP4, MOV, AVI (Max 16MB)" : "🖼️ PNG, JPG, GIF, TIFF, SVG, BMP (Max 5MB)" })
               ] }),
               i[m.id] && /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-0 rsp-bg-black rsp-bg-opacity-30 rsp-flex rsp-items-center rsp-justify-center", children: /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2 rsp-bg-white rsp-px-3 rsp-py-2 rsp-rounded-md rsp-shadow", children: [
                 /* @__PURE__ */ r("svg", { className: "rsp-w-4 rsp-h-4 rsp-animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: [
@@ -4353,11 +4359,11 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                     "button",
                     {
                       onClick: () => {
-                        V(m.id), h(!0);
+                        A(m.id), o(!0);
                       },
                       className: "rsp-p-1.5 rsp-text-gray-500 hover:rsp-text-blue-600 hover:rsp-bg-blue-50 rsp-rounded rsp-transition-colors",
                       title: "Add Emoji",
-                      children: /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
+                      children: /* @__PURE__ */ e(be, { className: "rsp-w-4 rsp-h-4" })
                     }
                   )
                 ] }),
@@ -4367,15 +4373,15 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 ] })
               ] }),
               (() => {
-                const L = m.body.match(/\{\{(\d+)\}\}/g) || [], Y = [...new Set(L.map((_) => _.replace(/[{}]/g, "")))];
+                const L = m.body.match(/\{\{(\d+)\}\}/g) || [], Y = [...new Set(L.map((D) => D.replace(/[{}]/g, "")))];
                 return Y.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-mt-3 rsp-p-3 rsp-bg-blue-50 rsp-rounded-lg rsp-border rsp-border-blue-200", children: [
                   /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-font-semibold rsp-text-blue-800 rsp-mb-2", children: "Sample Values for This Card" }),
-                  /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-1 rsp-gap-2", children: Y.map((_) => {
-                    var ie, G;
+                  /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-1 rsp-gap-2", children: Y.map((D) => {
+                    var Z, W;
                     return /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2", children: [
                       /* @__PURE__ */ r("label", { className: "rsp-text-xs rsp-text-gray-700 rsp-font-medium rsp-whitespace-nowrap", children: [
                         "{{",
-                        _,
+                        D,
                         "}}",
                         ":"
                       ] }),
@@ -4383,24 +4389,24 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                         "input",
                         {
                           type: "text",
-                          value: ((G = (ie = m.sampleContent) == null ? void 0 : ie.bodyVariables) == null ? void 0 : G[_]) || "",
-                          onChange: (se) => {
-                            const ae = se.target.value;
+                          value: ((W = (Z = m.sampleContent) == null ? void 0 : Z.bodyVariables) == null ? void 0 : W[D]) || "",
+                          onChange: (ne) => {
+                            const re = ne.target.value;
                             s((J) => ({
                               ...J,
                               carousel: {
                                 ...J.carousel,
-                                cards: J.carousel.cards.map((F) => {
-                                  var $, W, Z;
-                                  return F.id !== m.id ? F : {
-                                    ...F,
+                                cards: J.carousel.cards.map((q) => {
+                                  var G, K, ee;
+                                  return q.id !== m.id ? q : {
+                                    ...q,
                                     sampleContent: {
-                                      headerVariables: (($ = F.sampleContent) == null ? void 0 : $.headerVariables) || {},
+                                      headerVariables: ((G = q.sampleContent) == null ? void 0 : G.headerVariables) || {},
                                       bodyVariables: {
-                                        ...((W = F.sampleContent) == null ? void 0 : W.bodyVariables) || {},
-                                        [_]: ae
+                                        ...((K = q.sampleContent) == null ? void 0 : K.bodyVariables) || {},
+                                        [D]: re
                                       },
-                                      buttonVariables: ((Z = F.sampleContent) == null ? void 0 : Z.buttonVariables) || {}
+                                      buttonVariables: ((ee = q.sampleContent) == null ? void 0 : ee.buttonVariables) || {}
                                     }
                                   };
                                 })
@@ -4416,22 +4422,22 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                         {
                           type: "button",
                           onClick: () => {
-                            const se = new RegExp(`\\{\\{${_}\\}\\}`, "g"), ae = (m.body || "").replace(se, "");
+                            const ne = new RegExp(`\\{\\{${D}\\}\\}`, "g"), re = (m.body || "").replace(ne, "");
                             s((J) => ({
                               ...J,
                               carousel: {
                                 ...J.carousel,
-                                cards: J.carousel.cards.map((F) => {
-                                  var $, W, Z;
-                                  if (F.id !== m.id) return F;
-                                  const Q = Object.fromEntries(Object.entries((($ = F.sampleContent) == null ? void 0 : $.bodyVariables) || {}).filter(([ne]) => ne !== _));
+                                cards: J.carousel.cards.map((q) => {
+                                  var G, K, ee;
+                                  if (q.id !== m.id) return q;
+                                  const Q = Object.fromEntries(Object.entries(((G = q.sampleContent) == null ? void 0 : G.bodyVariables) || {}).filter(([ie]) => ie !== D));
                                   return {
-                                    ...F,
-                                    body: ae,
+                                    ...q,
+                                    body: re,
                                     sampleContent: {
-                                      headerVariables: ((W = F.sampleContent) == null ? void 0 : W.headerVariables) || {},
+                                      headerVariables: ((K = q.sampleContent) == null ? void 0 : K.headerVariables) || {},
                                       bodyVariables: Q,
-                                      buttonVariables: ((Z = F.sampleContent) == null ? void 0 : Z.buttonVariables) || {}
+                                      buttonVariables: ((ee = q.sampleContent) == null ? void 0 : ee.buttonVariables) || {}
                                     }
                                   };
                                 })
@@ -4443,7 +4449,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                           children: "×"
                         }
                       )
-                    ] }, `card-${m.id}-sample-${_}`);
+                    ] }, `card-${m.id}-sample-${D}`);
                   }) })
                 ] });
               })()
@@ -4462,7 +4468,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => w(m.id, "QUICK_REPLY"),
+                    onClick: () => v(m.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" }) }),
@@ -4473,7 +4479,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => w(m.id, "URL"),
+                    onClick: () => v(m.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" }) }),
@@ -4484,7 +4490,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => w(m.id, "PHONE_NUMBER"),
+                    onClick: () => v(m.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" }) }),
@@ -4511,7 +4517,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                       onClick: () => R(m.id, L.id),
                       className: "rsp-p-1 rsp-text-gray-400 hover:rsp-text-red-500 hover:rsp-bg-red-50 rsp-rounded rsp-transition-colors",
                       title: "Remove button",
-                      children: /* @__PURE__ */ e(re, { className: "rsp-w-4 rsp-h-4" })
+                      children: /* @__PURE__ */ e(se, { className: "rsp-w-4 rsp-h-4" })
                     }
                   )
                 ] }),
@@ -4523,7 +4529,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                       {
                         type: "text",
                         value: L.text,
-                        onChange: (_) => A(m.id, L.id, "text", _.target.value),
+                        onChange: (D) => j(m.id, L.id, "text", D.target.value),
                         placeholder: `Enter Button Text (Max ${L.type === "QUICK_REPLY" ? "25" : "20"} characters)`,
                         maxLength: L.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"
@@ -4540,7 +4546,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                             {
                               type: "radio",
                               checked: L.urlType !== "dynamic",
-                              onChange: () => A(m.id, L.id, "urlType", "static"),
+                              onChange: () => j(m.id, L.id, "urlType", "static"),
                               className: "rsp-mr-2 rsp-text-blue-600"
                             }
                           ),
@@ -4552,7 +4558,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                             {
                               type: "radio",
                               checked: L.urlType === "dynamic",
-                              onChange: () => A(m.id, L.id, "urlType", "dynamic"),
+                              onChange: () => j(m.id, L.id, "urlType", "dynamic"),
                               className: "rsp-mr-2 rsp-text-blue-600"
                             }
                           ),
@@ -4567,7 +4573,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                         {
                           type: "text",
                           value: L.value || "",
-                          onChange: (_) => A(m.id, L.id, "value", _.target.value),
+                          onChange: (D) => j(m.id, L.id, "value", D.target.value),
                           placeholder: L.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"
                         }
@@ -4593,11 +4599,11 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                             type: "button",
                             onClick: () => {
                               if (((L.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
-                              const G = ((L.value || "").match(/\{\{(\d+)\}\}/g) || []).map((F) => {
-                                const Q = F.match(/{{(\d+)}}/);
+                              const W = ((L.value || "").match(/\{\{(\d+)\}\}/g) || []).map((q) => {
+                                const Q = q.match(/{{(\d+)}}/);
                                 return Q ? parseInt(Q[1], 10) : 0;
-                              }), ae = (G.length > 0 ? Math.max(...G) : 0) + 1, J = (L.value || "") + `{{${ae}}}`;
-                              A(m.id, L.id, "value", J);
+                              }), re = (W.length > 0 ? Math.max(...W) : 0) + 1, J = (L.value || "") + `{{${re}}}`;
+                              j(m.id, L.id, "value", J);
                             },
                             disabled: ((L.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3,
                             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",
@@ -4607,39 +4613,39 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                         ((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" })
                       ] }),
                       (() => {
-                        const _ = (L.value || "").match(/\{\{(\d+)\}\}/g) || [], ie = [...new Set(_.map((G) => G.replace(/[{}]/g, "")))];
-                        return ie.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-p-3 rsp-bg-gray-50 rsp-rounded-lg rsp-border rsp-border-gray-200", children: [
+                        const D = (L.value || "").match(/\{\{(\d+)\}\}/g) || [], Z = [...new Set(D.map((W) => W.replace(/[{}]/g, "")))];
+                        return Z.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-p-3 rsp-bg-gray-50 rsp-rounded-lg rsp-border rsp-border-gray-200", children: [
                           /* @__PURE__ */ e("h4", { className: "rsp-text-xs rsp-font-semibold rsp-text-gray-700 rsp-mb-2", children: "Sample Values for URL Variables" }),
-                          /* @__PURE__ */ e("div", { className: "rsp-space-y-2", children: ie.map((G) => {
-                            var se, ae;
+                          /* @__PURE__ */ e("div", { className: "rsp-space-y-2", children: Z.map((W) => {
+                            var ne, re;
                             return /* @__PURE__ */ r("div", { className: "rsp-space-y-1", children: [
                               /* @__PURE__ */ r("label", { className: "rsp-block rsp-text-xs rsp-text-gray-600 rsp-mb-1", children: [
                                 "Variable ",
                                 "{{",
-                                G,
+                                W,
                                 "}}"
                               ] }),
                               /* @__PURE__ */ e(
                                 "input",
                                 {
                                   type: "text",
-                                  value: ((ae = (se = m.sampleContent) == null ? void 0 : se.buttonVariables) == null ? void 0 : ae[G]) || "",
+                                  value: ((re = (ne = m.sampleContent) == null ? void 0 : ne.buttonVariables) == null ? void 0 : re[W]) || "",
                                   onChange: (J) => {
-                                    const F = J.target.value;
+                                    const q = J.target.value;
                                     s((Q) => ({
                                       ...Q,
                                       carousel: {
                                         ...Q.carousel,
-                                        cards: Q.carousel.cards.map(($) => {
-                                          var W, Z, ne;
-                                          return $.id !== m.id ? $ : {
-                                            ...$,
+                                        cards: Q.carousel.cards.map((G) => {
+                                          var K, ee, ie;
+                                          return G.id !== m.id ? G : {
+                                            ...G,
                                             sampleContent: {
-                                              headerVariables: ((W = $.sampleContent) == null ? void 0 : W.headerVariables) || {},
-                                              bodyVariables: ((Z = $.sampleContent) == null ? void 0 : Z.bodyVariables) || {},
+                                              headerVariables: ((K = G.sampleContent) == null ? void 0 : K.headerVariables) || {},
+                                              bodyVariables: ((ee = G.sampleContent) == null ? void 0 : ee.bodyVariables) || {},
                                               buttonVariables: {
-                                                ...((ne = $.sampleContent) == null ? void 0 : ne.buttonVariables) || {},
-                                                [G]: F
+                                                ...((ie = G.sampleContent) == null ? void 0 : ie.buttonVariables) || {},
+                                                [W]: q
                                               }
                                             }
                                           };
@@ -4648,7 +4654,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                                     }));
                                   },
                                   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-ring-1 focus:rsp-ring-blue-500 focus:rsp-border-blue-500 rsp-bg-white",
-                                  placeholder: `Sample value (e.g., ${G === "1" ? "order123" : "user456"})`
+                                  placeholder: `Sample value (e.g., ${W === "1" ? "order123" : "user456"})`
                                 }
                               ),
                               /* @__PURE__ */ e(
@@ -4656,21 +4662,21 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                                 {
                                   type: "button",
                                   onClick: () => {
-                                    const J = L.value || "", F = new RegExp(`\\{\\{${G}\\}\\}`, "g"), Q = J.replace(F, "");
-                                    A(m.id, L.id, "value", Q), s(($) => ({
-                                      ...$,
+                                    const J = L.value || "", q = new RegExp(`\\{\\{${W}\\}\\}`, "g"), Q = J.replace(q, "");
+                                    j(m.id, L.id, "value", Q), s((G) => ({
+                                      ...G,
                                       carousel: {
-                                        ...$.carousel,
-                                        cards: $.carousel.cards.map((W) => {
-                                          var ne, we, ve;
-                                          if (W.id !== m.id) return W;
-                                          const Z = Object.fromEntries(Object.entries(((ne = W.sampleContent) == null ? void 0 : ne.buttonVariables) || {}).filter(([Re]) => Re !== G));
+                                        ...G.carousel,
+                                        cards: G.carousel.cards.map((K) => {
+                                          var ie, ve, ke;
+                                          if (K.id !== m.id) return K;
+                                          const ee = Object.fromEntries(Object.entries(((ie = K.sampleContent) == null ? void 0 : ie.buttonVariables) || {}).filter(([Ie]) => Ie !== W));
                                           return {
-                                            ...W,
+                                            ...K,
                                             sampleContent: {
-                                              headerVariables: ((we = W.sampleContent) == null ? void 0 : we.headerVariables) || {},
-                                              bodyVariables: ((ve = W.sampleContent) == null ? void 0 : ve.bodyVariables) || {},
-                                              buttonVariables: Z
+                                              headerVariables: ((ve = K.sampleContent) == null ? void 0 : ve.headerVariables) || {},
+                                              bodyVariables: ((ke = K.sampleContent) == null ? void 0 : ke.bodyVariables) || {},
+                                              buttonVariables: ee
                                             }
                                           };
                                         })
@@ -4682,7 +4688,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                                   children: "×"
                                 }
                               )
-                            ] }, `button-${L.id}-sample-${G}`);
+                            ] }, `button-${L.id}-sample-${W}`);
                           }) })
                         ] });
                       })()
@@ -4695,7 +4701,7 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
                       {
                         type: "text",
                         value: L.value || "",
-                        onChange: (_) => A(m.id, L.id, "value", _.target.value),
+                        onChange: (D) => j(m.id, L.id, "value", D.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"
                       }
@@ -4723,42 +4729,42 @@ function ya({ template: a, setTemplate: s, onFileUpload: n }) {
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      ye,
+      we,
       {
         isOpen: g,
-        onClose: () => h(!1),
+        onClose: () => o(!1),
         onSelect: x
       }
     )
   ] });
 }
-const Me = async (a) => {
+const Te = async (a) => {
   try {
     console.log(`Starting file upload: ${a.name}`);
-    const s = await ua(a);
+    const s = await ba(a);
     return console.log(`File uploaded successfully: ${s}`), s;
   } catch (s) {
     throw console.error("Upload failed in parent:", s), s;
   }
-}, wa = (a) => {
+}, va = (a) => {
   const n = (a.body || "").match(/\{\{(\d+)\}\}/g);
   if (!n) return 0;
   const i = n.map((c) => {
-    const o = c.match(/{{(\d+)}}/);
-    return o ? parseInt(o[1], 10) : 0;
+    const h = c.match(/{{(\d+)}}/);
+    return h ? parseInt(h[1], 10) : 0;
   });
   return i.length > 0 ? Math.max(...i) : 0;
 };
-function va({ template: a, setTemplate: s }) {
-  const [n, i] = X.useState(!1), c = X.useRef(null), o = () => {
+function ka({ template: a, setTemplate: s }) {
+  const [n, i] = X.useState(!1), c = X.useRef(null), h = () => {
     i(!0), setTimeout(() => {
       c.current && c.current.focus();
     }, 0);
-  }, l = (v) => {
-    const g = c.current, h = a.body, k = g && typeof g.selectionStart == "number" ? g.selectionStart : h.length, V = h.substring(0, k), d = h.substring(k), N = V + v + d;
-    s({ ...a, body: N }), setTimeout(() => {
+  }, l = (N) => {
+    const g = c.current, o = a.body, k = g && typeof g.selectionStart == "number" ? g.selectionStart : o.length, A = o.substring(0, k), d = o.substring(k), w = A + N + d;
+    s({ ...a, body: w }), setTimeout(() => {
       if (c.current) {
-        const M = k + v.length;
+        const M = k + N.length;
         c.current.setSelectionRange(M, M), c.current.focus();
       }
     }, 0), i(!1);
@@ -4767,8 +4773,8 @@ function va({ template: a, setTemplate: s }) {
     a.type !== "CAROUSEL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
       /* @__PURE__ */ e("h2", { className: "rsp-text-lg rsp-font-semibold rsp-text-gray-900", children: "Message Content" }),
       /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
-        /* @__PURE__ */ e(pa, { template: a, setTemplate: s, onFileUpload: Me }),
-        /* @__PURE__ */ e(fa, { template: a, setTemplate: s })
+        /* @__PURE__ */ e(oa, { template: a, setTemplate: s, onFileUpload: Te }),
+        /* @__PURE__ */ e(ha, { template: a, setTemplate: s })
       ] })
     ] }),
     a.type === "CAROUSEL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
@@ -4783,7 +4789,7 @@ function va({ template: a, setTemplate: s }) {
           {
             ref: c,
             value: a.body,
-            onChange: (v) => s({ ...a, body: v.target.value }),
+            onChange: (N) => s({ ...a, body: N.target.value }),
             maxLength: 1024,
             rows: 4,
             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 rsp-resize-none",
@@ -4797,8 +4803,8 @@ function va({ template: a, setTemplate: s }) {
               "button",
               {
                 onClick: () => {
-                  const h = `{{${wa(a) + 1}}}`;
-                  s({ ...a, body: a.body + h });
+                  const o = `{{${va(a) + 1}}}`;
+                  s({ ...a, body: a.body + o });
                 },
                 className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
                 title: "Add Variable",
@@ -4808,10 +4814,10 @@ function va({ template: a, setTemplate: s }) {
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: o,
+                onClick: h,
                 className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
                 title: "Add emoji",
-                children: /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
+                children: /* @__PURE__ */ e(be, { className: "rsp-w-4 rsp-h-4" })
               }
             )
           ] }),
@@ -4821,15 +4827,15 @@ function va({ template: a, setTemplate: s }) {
           ] })
         ] }),
         (() => {
-          const v = a.body.match(/\{\{(\d+)\}\}/g) || [], g = [...new Set(v.map((h) => h.replace(/[{}]/g, "")))];
+          const N = a.body.match(/\{\{(\d+)\}\}/g) || [], g = [...new Set(N.map((o) => o.replace(/[{}]/g, "")))];
           return g.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: g.map((h) => {
-              var k, V;
+            /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-3 rsp-gap-2", children: g.map((o) => {
+              var k, A;
               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: [
                   "{{",
-                  h,
+                  o,
                   "}}",
                   ":"
                 ] }),
@@ -4837,19 +4843,19 @@ function va({ template: a, setTemplate: s }) {
                   "input",
                   {
                     type: "text",
-                    value: ((V = (k = a.sampleContent) == null ? void 0 : k.bodyVariables) == null ? void 0 : V[h]) || "",
+                    value: ((A = (k = a.sampleContent) == null ? void 0 : k.bodyVariables) == null ? void 0 : A[o]) || "",
                     onChange: (d) => {
                       var M, b, y;
-                      const N = {
+                      const w = {
                         ...a.sampleContent,
                         headerVariables: ((M = a.sampleContent) == null ? void 0 : M.headerVariables) || {},
                         bodyVariables: {
                           ...(b = a.sampleContent) == null ? void 0 : b.bodyVariables,
-                          [h]: d.target.value
+                          [o]: d.target.value
                         },
                         buttonVariables: ((y = a.sampleContent) == null ? void 0 : y.buttonVariables) || {}
                       };
-                      s({ ...a, sampleContent: N });
+                      s({ ...a, sampleContent: w });
                     },
                     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"
@@ -4861,10 +4867,10 @@ function va({ template: a, setTemplate: s }) {
                     type: "button",
                     onClick: () => {
                       var b, y, t;
-                      const d = new RegExp(`\\{\\{${h}\\}\\}`, "g"), N = (a.body || "").replace(d, ""), M = Object.fromEntries(Object.entries(((b = a.sampleContent) == null ? void 0 : b.bodyVariables) || {}).filter(([x]) => x !== h));
+                      const d = new RegExp(`\\{\\{${o}\\}\\}`, "g"), w = (a.body || "").replace(d, ""), M = Object.fromEntries(Object.entries(((b = a.sampleContent) == null ? void 0 : b.bodyVariables) || {}).filter(([x]) => x !== o));
                       s({
                         ...a,
-                        body: N,
+                        body: w,
                         sampleContent: {
                           ...a.sampleContent,
                           bodyVariables: M,
@@ -4878,29 +4884,29 @@ function va({ template: a, setTemplate: s }) {
                     children: "×"
                   }
                 )
-              ] }, `global-body-sample-${h}`);
+              ] }, `global-body-sample-${o}`);
             }) })
           ] });
         })()
       ] }) })
     ] }),
     a.type === "CAROUSEL" && /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: /* @__PURE__ */ e(
-      ya,
+      wa,
       {
         template: a,
         setTemplate: s,
-        onFileUpload: Me
+        onFileUpload: Te
       }
     ) }),
     a.type !== "CAROUSEL" && /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: /* @__PURE__ */ e(
-      ha,
+      ua,
       {
         template: a,
         setTemplate: s
       }
     ) }),
     /* @__PURE__ */ e(
-      ye,
+      we,
       {
         isOpen: n,
         onClose: () => i(!1),
@@ -4909,21 +4915,21 @@ function va({ template: a, setTemplate: s }) {
     )
   ] });
 }
-function ka({ type: a }) {
+function Na({ type: a }) {
   switch (a) {
     case "QUICK_REPLY":
-      return /* @__PURE__ */ e(Ke, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Je, { className: "w-4 h-4" });
     case "URL":
-      return /* @__PURE__ */ e(Ge, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(We, { className: "w-4 h-4" });
     case "CALL":
-      return /* @__PURE__ */ e(Ve, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Ae, { className: "w-4 h-4" });
     case "FLOW":
-      return /* @__PURE__ */ e(Ye, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Qe, { className: "w-4 h-4" });
     default:
       return null;
   }
 }
-function Na({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
+function Ca({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
   const i = [...a];
   s && i.push({
     id: "flow-button",
@@ -4932,18 +4938,18 @@ function Na({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
   });
   const c = i.slice(0, 2);
   return /* @__PURE__ */ r("div", { className: "rsp-divide-y rsp-divide-gray-200", children: [
-    c.map((o) => /* @__PURE__ */ r(
+    c.map((h) => /* @__PURE__ */ r(
       "button",
       {
         className: "rsp-w-full rsp-py-4 rsp-text-[#128C7E] rsp-text-[15px] rsp-font-medium rsp-bg-white hover:rsp-bg-gray-50 rsp-flex rsp-items-center rsp-gap-3 rsp-px-4 rsp-transition-colors",
         style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' },
         children: [
-          /* @__PURE__ */ e("div", { className: "rsp-text-[#128C7E]", children: /* @__PURE__ */ e(ka, { type: o.type }) }),
-          /* @__PURE__ */ e("span", { className: "rsp-flex-1 rsp-text-left rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", children: o.text }),
-          o.id === "flow-button" && /* @__PURE__ */ e(_e, { className: "rsp-w-5 rsp-h-5 rsp-text-[#128C7E] rsp-ml-auto" })
+          /* @__PURE__ */ e("div", { className: "rsp-text-[#128C7E]", children: /* @__PURE__ */ e(Na, { type: h.type }) }),
+          /* @__PURE__ */ e("span", { className: "rsp-flex-1 rsp-text-left rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", children: h.text }),
+          h.id === "flow-button" && /* @__PURE__ */ e(Fe, { className: "rsp-w-5 rsp-h-5 rsp-text-[#128C7E] rsp-ml-auto" })
         ]
       },
-      o.id
+      h.id
     )),
     i.length > 2 && /* @__PURE__ */ r(
       "button",
@@ -4959,16 +4965,16 @@ function Na({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
     )
   ] });
 }
-function Ca({ template: a }) {
-  var V, d, N, M;
-  const [s, n] = B(!1), [i, c] = B(0), o = (V = a.carousel) != null && V.cards ? a.carousel.cards.length : 0;
+function Ea({ template: a }) {
+  var A, d, w, M;
+  const [s, n] = B(!1), [i, c] = B(0), h = (A = a.carousel) != null && A.cards ? a.carousel.cards.length : 0;
   le(() => {
-    a.type === "CAROUSEL" && o > 0 ? i >= o && c(0) : c(0);
-  }, [o, a.type]);
+    a.type === "CAROUSEL" && h > 0 ? i >= h && c(0) : c(0);
+  }, [h, a.type]);
   const l = (b) => b ? b.replace(/\{\{(\d+)\}\}/g, (y, t) => {
     var x, p;
     return ((p = (x = a.sampleContent) == null ? void 0 : x.headerVariables) == null ? void 0 : p[t]) || `[Variable ${t}]`;
-  }) : "", v = (b) => b ? b.replace(/\{\{(\d+)\}\}/g, (y, t) => {
+  }) : "", N = (b) => b ? b.replace(/\{\{(\d+)\}\}/g, (y, t) => {
     var x, p;
     return ((p = (x = a.sampleContent) == null ? void 0 : x.bodyVariables) == null ? void 0 : p[t]) || `[Variable ${t}]`;
   }) : "", g = (b) => {
@@ -4976,8 +4982,8 @@ function Ca({ template: a }) {
     const y = (b == null ? void 0 : b.body) ?? "";
     if (!y) return "";
     const t = ((x = b == null ? void 0 : b.sampleContent) == null ? void 0 : x.bodyVariables) ?? {};
-    return y.replace(/\{\{(\d+)\}\}/g, (p, w) => t[w] || `[Variable ${w}]`);
-  }, h = a.headerType !== "NONE" || a.body || a.footer || a.buttons.length > 0 || a.type === "CAROUSEL" && ((d = a.carousel) == null ? void 0 : d.cards.length), k = a.headerText || a.body || a.footer;
+    return y.replace(/\{\{(\d+)\}\}/g, (p, v) => t[v] || `[Variable ${v}]`);
+  }, o = a.headerType !== "NONE" || a.body || a.footer || a.buttons.length > 0 || a.type === "CAROUSEL" && ((d = a.carousel) == null ? void 0 : d.cards.length), k = a.headerText || a.body || a.footer;
   return /* @__PURE__ */ r("div", { className: "rsp-bg-white rsp-rounded-lg rsp-shadow-sm rsp-border rsp-border-gray-200", children: [
     /* @__PURE__ */ r("div", { className: "rsp-p-4 rsp-border-b rsp-border-gray-200", children: [
       /* @__PURE__ */ e("h3", { className: "rsp-text-lg rsp-font-semibold rsp-text-gray-900", children: "Preview" }),
@@ -5024,7 +5030,7 @@ function Ca({ template: a }) {
           ] }),
           /* @__PURE__ */ r("div", { className: "rsp-absolute rsp-top-[105px] rsp-left-0 rsp-right-0 rsp-bottom-[60px] rsp-bg-gradient-to-b rsp-from-[#E8E2DB] rsp-via-[#E5DDD5] rsp-to-[#DDD5CC] rsp-overflow-y-auto", children: [
             /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-0 rsp-opacity-[0.03]", style: { backgroundImage: `url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.08'%3E%3Cpath d='M40 40c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8 8-3.6 8-8zm0-32c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8 8-3.6 8-8zm32 32c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8 8-3.6 8-8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")` } }),
-            /* @__PURE__ */ e("div", { className: "rsp-relative rsp-px-4 rsp-py-4", children: h ? /* @__PURE__ */ r("div", { className: "rsp-flex rsp-flex-col rsp-items-start", children: [
+            /* @__PURE__ */ e("div", { className: "rsp-relative rsp-px-4 rsp-py-4", children: o ? /* @__PURE__ */ r("div", { className: "rsp-flex rsp-flex-col rsp-items-start", children: [
               a.headerType === "MEDIA" && a.mediaUrl && /* @__PURE__ */ r("div", { className: "rsp-max-w-[220px] rsp-w-auto rsp-rounded-xl rsp-overflow-hidden rsp-shadow-md rsp-mb-1.5 rsp-animate-slide-up rsp-border rsp-border-gray-200", children: [
                 a.mediaType === "IMAGE" && /* @__PURE__ */ e(
                   "img",
@@ -5051,14 +5057,14 @@ function Ca({ template: a }) {
               ] }),
               k && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start rsp-mb-1.5", children: /* @__PURE__ */ r("div", { className: "rsp-bg-gradient-to-b rsp-from-white rsp-to-[#fafafa] rsp-rounded-[12px] rsp-max-w-[220px] rsp-shadow-[0_2px_8px_rgba(0,0,0,0.08)] rsp-relative rsp-border rsp-border-gray-100 rsp-animate-slide-up", children: [
                 a.headerType === "TEXT" && a.headerText && /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-pt-3 rsp-pb-2", children: /* @__PURE__ */ e("div", { className: "rsp-text-[15px] rsp-font-semibold rsp-text-[#111b21] rsp-leading-[1.3] rsp-tracking-normal rsp-break-words", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: l(a.headerText) }) }),
-                a.body && /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-py-2", children: /* @__PURE__ */ e("div", { className: "rsp-text-[14px] rsp-text-[#111b21] rsp-leading-[1.4] rsp-whitespace-pre-wrap rsp-tracking-normal rsp-break-words", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: v(a.body) }) }),
+                a.body && /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-py-2", children: /* @__PURE__ */ e("div", { className: "rsp-text-[14px] rsp-text-[#111b21] rsp-leading-[1.4] rsp-whitespace-pre-wrap rsp-tracking-normal rsp-break-words", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: N(a.body) }) }),
                 a.footer && /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-pb-2", children: /* @__PURE__ */ e("div", { className: "rsp-text-[12px] rsp-text-[#667781] rsp-pt-2 rsp-border-t rsp-border-gray-100 rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: a.footer }) }),
                 /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-pb-2 rsp-text-right", children: /* @__PURE__ */ r("div", { className: "rsp-text-[11px] rsp-text-[#667781] rsp-flex rsp-items-center rsp-justify-end rsp-gap-1 rsp-opacity-80", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: [
                   "9:41 AM",
                   /* @__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 = (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: [
+              a.type === "CAROUSEL" && (((M = (w = a.carousel) == null ? void 0 : w.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, t;
                   const b = a.carousel && a.carousel.cards.length > 0 ? a.carousel.cards[i] || a.carousel.cards[0] : void 0;
@@ -5132,7 +5138,7 @@ function Ca({ template: a }) {
                 )) })
               ] }) }) }) }),
               a.buttons.length > 0 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start", 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-max-w-[220px] rsp-w-full rsp-border rsp-border-gray-100 rsp-animate-slide-up", children: /* @__PURE__ */ e(
-                Na,
+                Ca,
                 {
                   buttons: a.buttons,
                   onShowAllOptions: () => n(!0)
@@ -5181,7 +5187,7 @@ function Ca({ template: a }) {
     ] }) }) })
   ] });
 }
-const Le = {
+const Se = {
   name: "",
   category: "MARKETING",
   type: "BASIC",
@@ -5193,9 +5199,9 @@ const Le = {
   footer: "",
   buttons: []
 };
-function Sa({ editId: a, onCancel: s }) {
+function Va({ editId: a, onCancel: s }) {
   var y, t, x;
-  const [n, i] = B(Le), [c, o] = B(!0), [l, v] = B(!1), [g, h] = B(!1), [k, V] = B(null), [d, N] = B({
+  const [n, i] = B(Se), [c, h] = B(!0), [l, N] = B(!1), [g, o] = B(!1), [k, A] = B(null), [d, w] = B({
     isOpen: !1
   });
   B({
@@ -5203,60 +5209,60 @@ function Sa({ editId: a, onCancel: s }) {
   }), le(() => {
     if (k) {
       const p = setTimeout(() => {
-        V(null);
+        A(null);
       }, 5e3);
       return () => clearTimeout(p);
     }
   }, [k]);
   const M = async () => {
-    var p, w, A;
+    var p, v, j;
     try {
-      if (h(!0), V(null), !n.name || !n.body)
+      if (o(!0), A(null), !n.name || !n.body)
         throw new Error("Template name and body are required");
       const R = localStorage.getItem("account"), f = R ? JSON.parse(R) : { apiKey: "" };
       if (!f.apiKey)
         throw new Error("Please set your API key in the dashboard first");
       let C;
       if (a) {
-        const U = await sa(f.apiKey, a, n);
-        if (!U.success)
-          throw new Error(U.message || "Update failed");
+        const T = await na(f.apiKey, a, n);
+        if (!T.success)
+          throw new Error(T.message || "Update failed");
         C = {
           status: "success",
           data: { details: [{ template_name: n.name, template_id: a }] }
         };
-      } else if (C = await ra(f, n), C.status === "error")
+      } else if (C = await sa(f, n), C.status === "error")
         throw new Error(C.message);
       if (C.status === "error")
         throw new Error(C.message);
-      N({
+      w({
         isOpen: !0,
         templateName: (p = C.data) == null ? void 0 : p.details[0].template_name,
-        templateId: (w = C.data) == null ? void 0 : w.details[0].template_id,
-        template: (A = C.data) == null ? void 0 : A.template
-      }), i(Le);
+        templateId: (v = C.data) == null ? void 0 : v.details[0].template_id,
+        template: (j = C.data) == null ? void 0 : j.template
+      }), i(Se);
     } catch (R) {
-      V(R instanceof Error ? R.message : "An error occurred while creating the template");
+      A(R instanceof Error ? R.message : "An error occurred while creating the template");
     } finally {
-      h(!1);
+      o(!1);
     }
   };
   le(() => {
     if (!a) return;
     (async () => {
       try {
-        const w = localStorage.getItem("account"), A = w ? JSON.parse(w) : { apiKey: "" };
-        if (!A.apiKey)
+        const v = localStorage.getItem("account"), j = v ? JSON.parse(v) : { apiKey: "" };
+        if (!j.apiKey)
           throw new Error("Please set your API key in the dashboard first");
-        const R = await na(A.apiKey, a);
+        const R = await ia(j.apiKey, a);
         i((f) => ({ ...f, ...R }));
-      } catch (w) {
-        console.error("Failed to load template for edit", w), V(w instanceof Error ? w.message : "Failed to load template");
+      } catch (v) {
+        console.error("Failed to load template for edit", v), A(v instanceof Error ? v.message : "Failed to load template");
       }
     })();
   }, [a]);
   const b = () => {
-    N({ isOpen: !1 }), s && s();
+    w({ 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: [
@@ -5266,7 +5272,7 @@ function Sa({ editId: a, onCancel: s }) {
           /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => o(!c),
+              onClick: () => h(!c),
               className: `rsp-flex rsp-items-center rsp-gap-2 rsp-px-4 rsp-py-2 rsp-rounded-md rsp-text-sm rsp-font-medium rsp-transition-colors
                   ${c ? "rsp-bg-blue-100 rsp-text-blue-700 rsp-border rsp-border-blue-200" : "rsp-bg-gray-100 rsp-text-gray-700 rsp-border rsp-border-gray-200"}`,
               children: [
@@ -5284,7 +5290,7 @@ function Sa({ editId: a, onCancel: s }) {
               onClick: () => s == null ? void 0 : s(),
               className: "rsp-flex rsp-items-center rsp-gap-1 rsp-text-sm rsp-font-medium rsp-text-[#0043ff] hover:rsp-text-[#0033cc] rsp-transition-colors rsp-bg-transparent rsp-border-0 rsp-cursor-pointer",
               children: [
-                /* @__PURE__ */ e(Fe, { className: "rsp-w-5 rsp-h-5 rsp-relative rsp-left-[6px]" }),
+                /* @__PURE__ */ e(qe, { className: "rsp-w-5 rsp-h-5 rsp-relative rsp-left-[6px]" }),
                 "Back"
               ]
             }
@@ -5306,7 +5312,7 @@ function Sa({ editId: a, onCancel: s }) {
                     type: "text",
                     value: n.name,
                     onChange: (p) => i({ ...n, name: p.target.value.replace(/\s/g, "_").replace(/[^a-zA-Z0-9_]/g, "").replace(/_+/g, "_") }),
-                    onBlur: () => v(!0),
+                    onBlur: () => N(!0),
                     className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent",
                     placeholder: "Template name cannot Have capital letters and space"
                   }
@@ -5346,7 +5352,7 @@ function Sa({ editId: a, onCancel: s }) {
                       value: n.language,
                       onChange: (p) => i({ ...n, language: p.target.value }),
                       className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
-                      children: la.map((p) => /* @__PURE__ */ e("option", { value: p.value, children: p.label }, p.value))
+                      children: ta.map((p) => /* @__PURE__ */ e("option", { value: p.value, children: p.label }, p.value))
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-y-0 rsp-right-0 rsp-flex rsp-items-center rsp-px-2 rsp-pointer-events-none", children: /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4 rsp-text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }),
@@ -5363,10 +5369,10 @@ function Sa({ editId: a, onCancel: s }) {
                     {
                       value: n.type,
                       onChange: (p) => {
-                        const w = p.target.value;
-                        w === "CAROUSEL" && !n.carousel ? i({
+                        const v = p.target.value;
+                        v === "CAROUSEL" && !n.carousel ? i({
                           ...n,
-                          type: w,
+                          type: v,
                           carousel: {
                             type: "IMAGE",
                             cards: [{
@@ -5378,7 +5384,7 @@ function Sa({ editId: a, onCancel: s }) {
                               buttons: []
                             }]
                           }
-                        }) : i({ ...n, type: w });
+                        }) : i({ ...n, type: v });
                       },
                       className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
                       children: [
@@ -5411,10 +5417,10 @@ function Sa({ editId: a, onCancel: s }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "rsp-bg-white rsp-p-6 rsp-rounded-lg rsp-shadow-sm", children: /* @__PURE__ */ e(va, { template: n, setTemplate: i }) }),
+          /* @__PURE__ */ e("div", { className: "rsp-bg-white rsp-p-6 rsp-rounded-lg rsp-shadow-sm", children: /* @__PURE__ */ e(ka, { template: n, setTemplate: i }) }),
           /* @__PURE__ */ r("div", { className: "rsp-bg-white rsp-p-6 rsp-rounded-lg rsp-shadow-sm rsp-pt-6 rsp-border-t rsp-border-gray-200", children: [
             k && /* @__PURE__ */ r("div", { className: "rsp-mb-4 rsp-flex rsp-items-start rsp-gap-3 rsp-p-4 rsp-rounded-lg rsp-bg-red-50 rsp-border-l-4 rsp-border-l-red-500 rsp-relative rsp-animate-fade-in", children: [
-              /* @__PURE__ */ e(fe, { className: "rsp-w-5 rsp-h-5 rsp-text-red-500 rsp-flex-shrink-0 rsp-mt-0.5" }),
+              /* @__PURE__ */ e(he, { className: "rsp-w-5 rsp-h-5 rsp-text-red-500 rsp-flex-shrink-0 rsp-mt-0.5" }),
               /* @__PURE__ */ r("div", { children: [
                 /* @__PURE__ */ e("h3", { className: "rsp-text-sm rsp-font-medium rsp-text-red-800", children: "Error" }),
                 /* @__PURE__ */ e("p", { className: "rsp-mt-1 rsp-text-sm rsp-text-red-700", children: k })
@@ -5422,9 +5428,9 @@ function Sa({ editId: a, onCancel: s }) {
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => V(null),
+                  onClick: () => A(null),
                   className: "rsp-absolute rsp-top-2 rsp-right-2 rsp-p-1 hover:rsp-bg-red-100 rsp-rounded-full",
-                  children: /* @__PURE__ */ e(re, { className: "rsp-w-4 rsp-h-4 rsp-text-red-500" })
+                  children: /* @__PURE__ */ e(se, { className: "rsp-w-4 rsp-h-4 rsp-text-red-500" })
                 }
               )
             ] }),
@@ -5440,7 +5446,7 @@ function Sa({ editId: a, onCancel: s }) {
             ) })
           ] })
         ] }),
-        c && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "rsp-sticky rsp-top-4", children: /* @__PURE__ */ e(Ca, { template: n }) }) })
+        c && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "rsp-sticky rsp-top-4", children: /* @__PURE__ */ e(Ea, { template: n }) }) })
       ] })
     ] }),
     /* @__PURE__ */ e(
@@ -5482,19 +5488,19 @@ function Sa({ editId: a, onCancel: s }) {
     )
   ] });
 }
-const Ea = Be({});
-function Va({ apiKey: a, pConfig: s, children: n }) {
-  const i = Se(
+const Ma = Oe({});
+function Aa({ apiKey: a, pConfig: s, children: n }) {
+  const i = Ve(
     () => ({ apiKey: a, resulMeta: s }),
     [a, s]
-  ), c = Te(null);
+  ), c = fe(null);
   return le(() => {
     if (typeof window > "u" || a === void 0 && !s)
       return;
-    let o = {};
+    let h = {};
     try {
       const g = localStorage.getItem("account");
-      g && (o = JSON.parse(g));
+      g && (h = JSON.parse(g));
     } catch (g) {
       console.error(
         "TrustSignalProvider: Failed to read account from storage",
@@ -5502,23 +5508,23 @@ function Va({ apiKey: a, pConfig: s, children: n }) {
       );
     }
     const l = {
-      ...o,
+      ...h,
       ...a !== void 0 ? { apiKey: a } : {},
       ...s ? { resulMeta: s } : {}
-    }, v = JSON.stringify(l);
-    if (v !== c.current)
+    }, N = JSON.stringify(l);
+    if (N !== c.current)
       try {
-        localStorage.setItem("account", v), c.current = v;
+        localStorage.setItem("account", N), c.current = N;
       } catch (g) {
         console.error(
           "TrustSignalProvider: Failed to persist account to storage",
           g
         );
       }
-  }, [a, s]), /* @__PURE__ */ e(Ea.Provider, { value: i, children: n });
+  }, [a, s]), /* @__PURE__ */ e(Ma.Provider, { value: i, children: n });
 }
 export {
-  Sa as CreateTemplate,
-  Ta as Dashboard,
-  Va as TrustSignalProvider
+  Va as CreateTemplate,
+  Sa as Dashboard,
+  Aa as TrustSignalProvider
 };