@resulticks/trustsignal-wa-hsm 0.6.0 → 0.7.0

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

@@ -1,16 +1,15 @@
 import { jsx as e, jsxs as r, Fragment as ce } from "react/jsx-runtime";
-import J, { forwardRef as Oe, createElement as ve, useRef as Le, useEffect as le, useState as P, useMemo as Se, useCallback as ke, createContext as Pe } from "react";
-import { useNavigate as Ve, useInRouterContext as Ne } from "react-router-dom";
-const ze = async (a, s = {}) => {
+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 = {}) => {
   try {
-    return await De(a.apiKey);
-  } catch (i) {
-    return console.error("API Error:", i), {
+    return await Pe(a.apiKey);
+  } catch (n) {
+    return console.error("API Error:", n), {
       status: "error",
-      message: i instanceof Error ? i.message : "Failed to fetch templates"
+      message: n instanceof Error ? n.message : "Failed to fetch templates"
     };
   }
-}, De = async (a) => {
+}, Pe = async (a) => {
   const s = await fetch(
     "https://wpapi.trustsignal.io/api/v1/template?page=1&limit=100",
     {
@@ -23,28 +22,28 @@ const ze = async (a, s = {}) => {
   );
   if (!s.ok)
     throw new Error(`HTTP error! status: ${s.status}`);
-  const i = await s.json();
-  if (!i.success)
-    throw new Error(i.message || "Failed to fetch templates");
+  const n = await s.json();
+  if (!n.success)
+    throw new Error(n.message || "Failed to fetch templates");
   return {
     status: "success",
-    data: i.templates.map((t) => ({
-      id: t.id,
-      name: t.name,
-      category: t.category,
-      language: t.lang,
-      type: t.temptype || "TEXT",
-      body: t.temp_var_data || "",
-      status: t.status,
-      creation_time: new Date(t.created_at).getTime(),
-      updation_time: new Date(t.modified_at).getTime(),
-      medialist: t.medialist,
-      shortlink: t.shortlink
+    data: n.templates.map((c) => ({
+      id: c.id,
+      name: c.name,
+      category: c.category,
+      language: c.lang,
+      type: c.temptype || "TEXT",
+      body: c.temp_var_data || "",
+      status: c.status,
+      creation_time: new Date(c.created_at).getTime(),
+      updation_time: new Date(c.modified_at).getTime(),
+      medialist: c.medialist,
+      shortlink: c.shortlink
     })),
     meta: {
-      total: i.totalrecords,
-      page: i.page,
-      limit: i.limit
+      total: n.totalrecords,
+      page: n.page,
+      limit: n.limit
     }
   };
 };
@@ -54,7 +53,7 @@ const ze = 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 _e = {
+var ze = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -71,35 +70,35 @@ var _e = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), $ = (a, s) => {
-  const i = Oe(
+const De = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), q = (a, s) => {
+  const n = Ie(
     ({
-      color: n = "currentColor",
-      size: t = 24,
-      strokeWidth: x = 2,
+      color: i = "currentColor",
+      size: c = 24,
+      strokeWidth: o = 2,
       absoluteStrokeWidth: l,
-      className: k = "",
-      children: w,
-      ...o
-    }, N) => ve(
+      className: v = "",
+      children: g,
+      ...h
+    }, k) => ke(
       "svg",
       {
-        ref: N,
-        ..._e,
-        width: t,
-        height: t,
-        stroke: n,
-        strokeWidth: l ? Number(x) * 24 / Number(t) : x,
-        className: ["lucide", `lucide-${Fe(a)}`, k].join(" "),
-        ...o
+        ref: k,
+        ...ze,
+        width: c,
+        height: c,
+        stroke: i,
+        strokeWidth: l ? Number(o) * 24 / Number(c) : o,
+        className: ["lucide", `lucide-${De(a)}`, v].join(" "),
+        ...h
       },
       [
-        ...s.map(([U, f]) => ve(U, f)),
-        ...Array.isArray(w) ? w : [w]
+        ...s.map(([V, d]) => ke(V, d)),
+        ...Array.isArray(g) ? g : [g]
       ]
     )
   );
-  return i.displayName = `${a}`, i;
+  return n.displayName = `${a}`, n;
 };
 /**
  * @license lucide-react v0.344.0 - ISC
@@ -107,7 +106,7 @@ const Fe = (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 = $("AlertCircle", [
+const fe = q("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" }]
@@ -118,7 +117,7 @@ const fe = $("AlertCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = $("ArrowRight", [
+const _e = q("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -128,7 +127,16 @@ const qe = $("ArrowRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = $("ExternalLink", [
+const Fe = q("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+/**
+ * @license lucide-react v0.344.0 - ISC
+ *
+ * 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", [
   ["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" }]
@@ -139,7 +147,7 @@ const He = $("ExternalLink", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = $("FileText", [
+const He = q("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" }],
@@ -152,7 +160,7 @@ const $e = $("FileText", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = $("FileVideo", [
+const $e = q("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" }]
@@ -163,7 +171,7 @@ const Ge = $("FileVideo", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = $("Link", [
+const Ge = q("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" }]
 ]);
@@ -173,7 +181,7 @@ const We = $("Link", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = $("MessageCircle", [
+const me = q("MessageCircle", [
   ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
 ]);
 /**
@@ -182,7 +190,7 @@ const me = $("MessageCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = $("Pencil", [
+const We = q("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" }]
 ]);
@@ -192,7 +200,7 @@ const Ke = $("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ue = $("Phone", [
+const Ve = q("Phone", [
   [
     "path",
     {
@@ -207,7 +215,7 @@ const Ue = $("Phone", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ae = $("Plus", [
+const he = q("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -217,7 +225,7 @@ const Ae = $("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = $("Reply", [
+const Ke = q("Reply", [
   ["polyline", { points: "9 17 4 12 9 7", key: "hvgpf2" }],
   ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }]
 ]);
@@ -227,7 +235,7 @@ const Je = $("Reply", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = $("Smile", [
+const ue = q("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" }],
@@ -239,7 +247,7 @@ const he = $("Smile", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = $("Trash2", [
+const Je = q("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" }],
@@ -252,7 +260,7 @@ const Xe = $("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = $("Upload", [
+const Xe = q("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" }]
@@ -263,7 +271,7 @@ const Ye = $("Upload", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = $("Workflow", [
+const Ye = q("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" }]
@@ -274,22 +282,22 @@ const Qe = $("Workflow", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const re = $("X", [
+const re = q("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
-function te({ isOpen: a, onClose: s, title: i, children: n }) {
-  const t = Le(null);
+function te({ isOpen: a, onClose: s, title: n, children: i }) {
+  const c = Te(null);
   return le(() => {
-    const x = (l) => {
-      t.current && !t.current.contains(l.target) && s();
+    const o = (l) => {
+      c.current && !c.current.contains(l.target) && s();
     };
-    return a && document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("mousedown", x);
+    return a && document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
     };
-  }, [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: t, 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: [
+  }, [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: [
-      /* @__PURE__ */ e("h2", { className: "rsp-text-lg rsp-font-semibold rsp-text-gray-900 rsp-text-center rsp-w-full rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", children: i }),
+      /* @__PURE__ */ e("h2", { className: "rsp-text-lg rsp-font-semibold rsp-text-gray-900 rsp-text-center rsp-w-full rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", children: n }),
       /* @__PURE__ */ e(
         "button",
         {
@@ -299,72 +307,82 @@ function te({ isOpen: a, onClose: s, title: i, children: n }) {
         }
       )
     ] }),
-    /* @__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: n })
+    /* @__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 Va() {
-  const a = Ve(), [s, i] = P([]), [n, t] = P(!0), [x, l] = P(null), [k, w] = P(null), [o, N] = P({ isOpen: !1 }), [U, f] = P(() => {
-    const h = localStorage.getItem("account");
-    return h ? JSON.parse(h) : {
+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 u = localStorage.getItem("account");
+    return u ? JSON.parse(u) : {
       apiKey: ""
     };
-  }), [b, M] = P(""), [g, v] = P("all"), [c, p] = P("all"), [y] = P("all"), [u, V] = P(1), B = 20, [d, E] = P({ isOpen: !1 });
+  }), [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 });
   le(() => {
     (async () => {
       try {
-        if (l(null), t(!0), i([]), !U.apiKey) {
-          l("Please enter your TrustSignal API key"), t(!1);
+        if (v(null), o(!0), i([]), !d.apiKey) {
+          v("Please enter your TrustSignal API key"), o(!1);
           return;
         }
-        const L = await ze(U, {
+        const T = await Oe(d, {
           limit: 1e3
         });
-        if (L.status === "error")
-          throw new Error(L.message);
-        i(L.data);
-      } catch (L) {
-        l(L instanceof Error ? L.message : "Failed to fetch templates"), i([]);
+        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([]);
       } finally {
-        t(!1);
+        o(!1);
       }
     })();
-  }, [U]);
-  const A = (h) => {
-    const { name: L, value: z } = h.target, q = {
-      ...U,
-      [L]: z
+  }, [d]);
+  const O = (u) => {
+    const { name: T, value: D } = u.target, K = {
+      ...d,
+      [T]: D
     };
-    f(q), localStorage.setItem("account", JSON.stringify(q));
-  }, O = (h, L) => {
-    E({
+    N(K), localStorage.setItem("account", JSON.stringify(K));
+  }, P = (u, T) => {
+    U({
       isOpen: !0,
-      url: h,
-      templateName: L
+      url: u,
+      templateName: T
     });
-  }, R = () => {
-    E({ isOpen: !1 });
-  }, _ = async (h) => {
+  }, H = () => {
+    U({ isOpen: !1 });
+  }, m = async (u) => {
     try {
-      const L = localStorage.getItem("account"), z = L ? JSON.parse(L) : { apiKey: "" };
-      if (!z.apiKey) {
-        l("Please enter your TrustSignal API key");
+      const T = localStorage.getItem("account"), D = T ? JSON.parse(T) : { apiKey: "" };
+      if (!D.apiKey) {
+        v("Please enter your TrustSignal API key");
         return;
       }
-      w(h);
-      const { deleteTemplateById: q } = await import("./delete-BgBYMUw2.js"), X = await q(z.apiKey, h);
-      if (!X.success) throw new Error(X.message || "Delete failed");
-      i((T) => T.filter((Y) => Y.id !== h)), N({ isOpen: !1 });
-    } catch (L) {
-      l(L instanceof Error ? L.message : "Failed to delete template");
+      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");
     } finally {
-      w(null);
+      h(null);
     }
-  }, m = s.filter((h) => {
-    const L = b.trim(), z = L.toLowerCase(), q = L === "" || h.id.toString().includes(L) || h.name.toLowerCase().includes(z), X = g === "all" || h.status.toLowerCase() === g.toLowerCase(), T = c === "all" || h.category.toLowerCase() === c.toLowerCase(), Y = y === "all" || h.language.toLowerCase().startsWith(y.toLowerCase());
-    return q && X && T && Y;
-  }), C = Math.ceil(m.length / B), S = (u - 1) * B, j = S + B, I = m.slice(S, j);
-  return n ? /* @__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__ */ e("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" }) }),
+  }, 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: [
+    /* @__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(
+        "button",
+        {
+          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" })
+        }
+      )
+    ] }),
     /* @__PURE__ */ e("div", { className: " rsp-p-4 rsp-pl-0 rsp-rounded-lg rsp-shadow-sm rsp-mb-6", children: /* @__PURE__ */ r("div", { children: [
       /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-mb-1", children: "TrustSignal API Key" }),
       /* @__PURE__ */ r("div", { className: "rsp-relative", children: [
@@ -373,8 +391,8 @@ function Va() {
           {
             type: "password",
             name: "apiKey",
-            value: U.apiKey,
-            onChange: A,
+            value: d.apiKey,
+            onChange: O,
             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"
           }
@@ -382,17 +400,17 @@ function Va() {
         /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-0 rsp-left-0 rsp-w-4 rsp-h-0.5 rsp-bg-red-500" })
       ] })
     ] }) }),
-    x && /* @__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: [
+    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: x }) })
+      /* @__PURE__ */ e("div", { className: "rsp-ml-3", children: /* @__PURE__ */ e("p", { className: "rsp-text-sm rsp-text-red-700", children: l }) })
     ] }) }),
     /* @__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: b,
-        onChange: (h) => M(h.target.value),
+        value: M,
+        onChange: (u) => b(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"
       }
     ) }) }),
@@ -405,10 +423,10 @@ function Va() {
           /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center", children: /* @__PURE__ */ r(
             "select",
             {
-              value: c,
-              onChange: (h) => p(h.target.value),
+              value: x,
+              onChange: (u) => p(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: (h) => h.stopPropagation(),
+              onClick: (u) => u.stopPropagation(),
               children: [
                 /* @__PURE__ */ e("option", { value: "all", className: "rsp-text-gray-900", children: "All" }),
                 /* @__PURE__ */ e("option", { value: "utility", className: "rsp-text-gray-900", children: "Utility" }),
@@ -424,10 +442,10 @@ function Va() {
           /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center", children: /* @__PURE__ */ r(
             "select",
             {
-              value: g,
-              onChange: (h) => v(h.target.value),
+              value: y,
+              onChange: (u) => t(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: (h) => h.stopPropagation(),
+              onClick: (u) => u.stopPropagation(),
               children: [
                 /* @__PURE__ */ e("option", { value: "all", className: "rsp-text-gray-900", children: "All" }),
                 /* @__PURE__ */ e("option", { value: "pending", className: "rsp-text-gray-900", children: "Pending" }),
@@ -442,24 +460,24 @@ function Va() {
         /* @__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: I.length > 0 ? I.map((h, L) => /* @__PURE__ */ r(
+      /* @__PURE__ */ e("tbody", { children: z.length > 0 ? z.map((u, T) => /* @__PURE__ */ r(
         "tr",
         {
-          className: `rsp-border-b rsp-border-gray-200 ${L % 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 ${T % 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: h.id }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-900 rsp-font-medium", children: h.name }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700 rsp-capitalize", children: h.category }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: h.language }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: h.type }),
+            /* @__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 }),
+            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700 rsp-capitalize", children: u.category }),
+            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: u.language }),
+            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: u.type }),
             /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4", children: /* @__PURE__ */ e("span", { className: `rsp-inline-flex rsp-px-3 rsp-py-1 rsp-rounded-full rsp-text-xs rsp-font-medium
-                        ${h.status.toLowerCase() === "approved" ? "rsp-bg-green-100 rsp-text-green-800" : h.status.toLowerCase() === "rejected" ? "rsp-bg-red-100 rsp-text-red-800" : "rsp-bg-yellow-100 rsp-text-yellow-800"}`, children: h.status }) }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: h.creation_time ? new Date(h.creation_time).toLocaleDateString() : "N/A" }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: h.updation_time ? new Date(h.updation_time).toLocaleDateString() : "N/A" }),
-            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: h.medialist && typeof h.medialist == "object" && "header" in h.medialist && h.medialist.header ? /* @__PURE__ */ r(
+                        ${u.status.toLowerCase() === "approved" ? "rsp-bg-green-100 rsp-text-green-800" : u.status.toLowerCase() === "rejected" ? "rsp-bg-red-100 rsp-text-red-800" : "rsp-bg-yellow-100 rsp-text-yellow-800"}`, children: u.status }) }),
+            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: u.creation_time ? new Date(u.creation_time).toLocaleDateString() : "N/A" }),
+            /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: u.updation_time ? new Date(u.updation_time).toLocaleDateString() : "N/A" }),
+            /* @__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: () => O(String(h.medialist.header || ""), h.name),
+                onClick: () => P(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: [
@@ -474,59 +492,59 @@ function Va() {
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => a(`/create?edit=${encodeURIComponent(String(h.id))}`),
+                  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(Ke, { className: "rsp-w-4 rsp-h-4" })
+                  children: /* @__PURE__ */ e(We, { className: "rsp-w-4 rsp-h-4" })
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => N({ isOpen: !0, templateId: String(h.id), templateName: h.name }),
-                  disabled: k === h.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 === h.id ? "rsp-bg-red-400" : "rsp-bg-red-600 hover:rsp-bg-red-700"}`,
-                  title: k === h.id ? "Deleting..." : "Delete",
-                  children: /* @__PURE__ */ e(Xe, { className: "rsp-w-4 rsp-h-4" })
+                  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" })
                 }
               )
             ] }) })
           ]
         },
-        h.id
+        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" }) }) })
     ] }) }) }),
-    I.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: [
+    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: [
       /* @__PURE__ */ r("div", { className: "rsp-text-sm rsp-text-gray-700", children: [
         "Showing ",
-        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: S + 1 }),
+        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: j + 1 }),
         " to ",
-        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: Math.min(j, m.length) }),
+        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: Math.min(I, E.length) }),
         " of ",
-        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: m.length }),
+        /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: E.length }),
         " results"
       ] }),
       /* @__PURE__ */ r("div", { className: "rsp-flex rsp-gap-2", children: [
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => V((h) => Math.max(h - 1, 1)),
-            disabled: u === 1,
+            onClick: () => R((u) => Math.max(u - 1, 1)),
+            disabled: A === 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 ",
-          u,
+          A,
           " of ",
-          C
+          S
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => V((h) => Math.min(h + 1, C)),
-            disabled: u === C,
+            onClick: () => R((u) => Math.min(u + 1, S)),
+            disabled: A === S,
             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"
           }
@@ -536,30 +554,30 @@ function Va() {
     /* @__PURE__ */ e(
       te,
       {
-        isOpen: d.isOpen,
-        onClose: R,
-        title: `Media - ${d.templateName || "Template"}`,
+        isOpen: C.isOpen,
+        onClose: H,
+        title: `Media - ${C.templateName || "Template"}`,
         children: /* @__PURE__ */ r("div", { className: "rsp-space-y-4", children: [
-          d.url && /* @__PURE__ */ r("div", { className: "rsp-text-center", children: [
+          C.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: d.url,
+                  src: C.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: (h) => {
-                    const L = h.currentTarget.parentElement, z = L == null ? void 0 : L.querySelector(".loading-placeholder");
-                    z && (z.style.display = "none");
+                  onLoad: (u) => {
+                    const T = u.currentTarget.parentElement, D = T == null ? void 0 : T.querySelector(".loading-placeholder");
+                    D && (D.style.display = "none");
                   },
-                  onError: (h) => {
-                    h.currentTarget.style.display = "none";
-                    const L = h.currentTarget.parentElement, z = L == null ? void 0 : L.querySelector(".error-placeholder");
-                    z && (z.style.display = "block");
+                  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");
                   }
                 }
               ),
-              n && /* @__PURE__ */ e("div", { className: "loading-placeholder rsp-absolute rsp-inset-0 rsp-flex rsp-items-center rsp-justify-center", children: /* @__PURE__ */ e("div", { className: "rsp-text-gray-500 rsp-text-sm", children: "Loading media..." }) }),
+              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..." }) }),
               /* @__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" })
@@ -567,13 +585,13 @@ function Va() {
             ] }),
             /* @__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: d.url })
+              /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-800 rsp-break-all rsp-font-mono", children: C.url })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-end rsp-pt-4", children: /* @__PURE__ */ r(
             "a",
             {
-              href: d.url,
+              href: C.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",
@@ -589,21 +607,21 @@ function Va() {
     /* @__PURE__ */ e(
       te,
       {
-        isOpen: o.isOpen,
-        onClose: () => N({ isOpen: !1 }),
+        isOpen: k.isOpen,
+        onClose: () => V({ 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: o.templateName }),
+            /* @__PURE__ */ e("span", { className: "rsp-font-medium", children: k.templateName }),
             "?"
           ] }),
           /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-end rsp-gap-3", children: [
-            /* @__PURE__ */ e("button", { onClick: () => N({ 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: () => 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: () => o.templateId && _(o.templateId),
+                onClick: () => k.templateId && m(k.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"
               }
@@ -614,370 +632,370 @@ function Va() {
     )
   ] });
 }
-const Ze = async (a, s) => {
-  var i, n, t, x, l, k, w;
+const Qe = async (a, s) => {
+  var n, i, c, o, l, v, g;
   try {
     console.log("Creating template with data:", s);
-    const o = s.language, N = s.headerType === "MEDIA" && s.mediaType === "DOCUMENT", U = s.type === "CAROUSEL";
-    let f = "";
-    N ? f = je(s, o) : U ? f = Re(s, o) : f = Ie(s, o), console.log("Raw JSON string being sent:", f);
-    const b = {
+    const h = s.language, k = s.headerType === "MEDIA" && s.mediaType === "DOCUMENT", V = 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 = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: f,
+      body: d,
       redirect: "follow"
     };
     console.log(
       "Making request to:",
       `https://wpapi.trustsignal.io/api/v1/template?api_key=${a}`
-    ), console.log("Request options:", b);
+    ), console.log("Request options:", N);
     const M = await fetch(
       `https://wpapi.trustsignal.io/api/v1/template?api_key=${a}`,
-      b
+      N
     );
     console.log("Response status:", M.status), console.log(
       "Response headers:",
       Object.fromEntries(M.headers.entries())
     );
-    const g = await M.text();
-    console.log("Raw response:", g);
-    const v = JSON.parse(g);
-    if (console.log("Parsed response:", v), !v.success)
-      throw new Error(v.message || "Template creation failed");
+    const b = await M.text();
+    console.log("Raw response:", b);
+    const y = JSON.parse(b);
+    if (console.log("Parsed response:", y), !y.success)
+      throw new Error(y.message || "Template creation failed");
     return {
       status: "success",
       message: "Template created successfully",
       data: {
-        template: v.template,
+        template: y.template,
         details: [
           {
-            template_name: ((i = v.template) == null ? void 0 : i.name) || s.name,
-            template_id: ((n = v.template) == null ? void 0 : n.id) || "unknown",
-            meta_tid: (t = v.template) == null ? void 0 : t.meta_tid,
-            status: (x = v.template) == null ? void 0 : x.status,
-            quality: (l = v.template) == null ? void 0 : l.quality,
-            temp_route: (k = v.template) == null ? void 0 : k.temp_route,
-            temptype: (w = v.template) == null ? void 0 : w.temptype
+            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,
+            quality: (l = y.template) == null ? void 0 : l.quality,
+            temp_route: (v = y.template) == null ? void 0 : v.temp_route,
+            temptype: (g = y.template) == null ? void 0 : g.temptype
           }
         ]
       }
     };
-  } catch (o) {
-    return console.error("TrustSignal API Error:", o), {
+  } catch (h) {
+    return console.error("TrustSignal API Error:", h), {
       status: "error",
-      message: o instanceof Error ? o.message : "Failed to create template"
+      message: h instanceof Error ? h.message : "Failed to create template"
     };
   }
 };
-function ea(a) {
-  const s = a.language, i = a.headerType === "MEDIA" && a.mediaType === "DOCUMENT", n = a.type === "CAROUSEL";
-  return i ? je(a, s) : n ? Re(a, s) : Ie(a, s);
+function Ze(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);
 }
-const je = (a, s) => {
-  var x, l;
-  const i = {
+const Ue = (a, s) => {
+  var o, l;
+  const n = {
     name: a.name,
     lang: s,
     category: a.category,
     components: []
     // Components should be an array
   };
-  a.headerType === "MEDIA" && a.mediaUrl && (i.media = {
+  a.headerType === "MEDIA" && a.mediaUrl && (n.media = {
     header: a.mediaUrl
-  }, i.components.push({
+  }, n.components.push({
     type: "HEADER",
     format: "DOCUMENT"
   }));
-  const n = ee(a.body), t = {
+  const i = ee(a.body), c = {
     type: "BODY",
     text: a.body
   };
-  if (n.length > 0 && ((x = a.sampleContent) != null && x.bodyVariables)) {
-    const k = be(a, n);
-    t.example = {
-      body_text: [k]
+  if (i.length > 0 && ((o = a.sampleContent) != null && o.bodyVariables)) {
+    const v = ge(a, i);
+    c.example = {
+      body_text: [v]
       // This creates the required nested array
     };
   }
-  if (i.components.push(t), (l = a.footer) != null && l.trim() && i.components.push({
+  if (n.components.push(c), (l = a.footer) != null && l.trim() && n.components.push({
     type: "FOOTER",
     text: a.footer
   }), a.buttons && a.buttons.length > 0) {
-    const k = a.buttons.map((w) => {
-      var N;
-      const o = {
-        type: w.type === "CALL" ? "PHONE_NUMBER" : w.type,
-        text: w.text
+    const v = a.buttons.map((g) => {
+      var k;
+      const h = {
+        type: g.type === "CALL" ? "PHONE_NUMBER" : g.type,
+        text: g.text
       };
-      if (w.type === "URL" && w.value && (o.url = w.value, w.urlType === "dynamic" && w.value.includes("{{"))) {
-        const U = ee(w.value);
-        if (U.length > 0 && ((N = a.sampleContent) != null && N.buttonVariables)) {
-          const f = U.map(
-            ({ number: b }) => {
-              var M, g;
-              return ((g = (M = a.sampleContent) == null ? void 0 : M.buttonVariables) == null ? void 0 : g[b]) || `sample${b}`;
+      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 }) => {
+              var M, b;
+              return ((b = (M = a.sampleContent) == null ? void 0 : M.buttonVariables) == null ? void 0 : b[N]) || `sample${N}`;
             }
           );
-          o.example = f;
+          h.example = d;
         }
       }
-      return (w.type === "CALL" || w.type === "PHONE_NUMBER") && w.value && (o.phone_number = ue(w.value)), o;
+      return (g.type === "CALL" || g.type === "PHONE_NUMBER") && g.value && (h.phone_number = be(g.value)), h;
     });
-    i.components.push({
+    n.components.push({
       type: "BUTTONS",
-      buttons: k
+      buttons: v
     });
   }
-  return JSON.stringify(i);
-}, Re = (a, s) => {
-  var l, k, w;
-  const i = {
+  return JSON.stringify(n);
+}, Ae = (a, s) => {
+  var l, v, g;
+  const n = {
     name: a.name,
     lang: s,
     category: a.category,
     shortlink: a.enableClickTracking ? "1" : "0",
     components: []
   };
-  (l = a.carousel) != null && l.cards.length && (i.media = {}, a.carousel.cards.forEach((o, N) => {
-    o.mediaUrl && (i.media[`card${N}header`] = o.mediaUrl);
+  (l = a.carousel) != null && l.cards.length && (n.media = {}, a.carousel.cards.forEach((h, k) => {
+    h.mediaUrl && (n.media[`card${k}header`] = h.mediaUrl);
   }));
-  const n = [], t = ee(a.body), x = {
+  const i = [], c = ee(a.body), o = {
     type: "BODY",
     text: a.body,
-    ...t.length > 0 && ((k = a.sampleContent) == null ? void 0 : k.bodyVariables) && {
+    ...c.length > 0 && ((v = a.sampleContent) == null ? void 0 : v.bodyVariables) && {
       example: {
-        body_text: [be(a, t)]
+        body_text: [ge(a, c)]
       }
     }
   };
-  if (n.push(x), (w = a.carousel) != null && w.cards.length) {
-    const o = {
+  if (i.push(o), (g = a.carousel) != null && g.cards.length) {
+    const h = {
       type: "CAROUSEL",
-      cards: a.carousel.cards.map((N) => {
-        var U;
+      cards: a.carousel.cards.map((k) => {
+        var V;
         return {
           components: [
             {
               type: "HEADER",
-              format: ((U = a.carousel) == null ? void 0 : U.type) || "IMAGE"
+              format: ((V = a.carousel) == null ? void 0 : V.type) || "IMAGE"
             },
             {
               type: "BODY",
-              text: N.body,
-              ...ee(N.body).length > 0 && {
+              text: k.body,
+              ...ee(k.body).length > 0 && {
                 example: {
-                  body_text: [aa(N)]
+                  body_text: [ea(k)]
                 }
               }
             },
-            ...N.buttons.length > 0 ? [{
+            ...k.buttons.length > 0 ? [{
               type: "BUTTONS",
-              buttons: N.buttons.map((f) => {
+              buttons: k.buttons.map((d) => {
                 var M;
-                const b = {
-                  type: f.type === "CALL" ? "PHONE_NUMBER" : f.type,
-                  text: f.text
+                const N = {
+                  type: d.type === "CALL" ? "PHONE_NUMBER" : d.type,
+                  text: d.text
                 };
-                if (f.type === "URL" && f.value && (b.url = f.value, f.urlType === "dynamic" && f.value.includes("{{"))) {
-                  const g = ee(f.value);
-                  if (g.length > 0) {
-                    const v = ((M = N == null ? void 0 : N.sampleContent) == null ? void 0 : M.buttonVariables) || {}, c = g.map(({ number: p }) => v[p] || `sample${p}`);
-                    b.example = c;
+                if (d.type === "URL" && d.value && (N.url = d.value, d.urlType === "dynamic" && d.value.includes("{{"))) {
+                  const b = ee(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;
                   }
                 }
-                return (f.type === "CALL" || f.type === "PHONE_NUMBER") && f.value && (b.phone_number = ue(f.value)), console.log("Carousel card button data:", b), b;
+                return (d.type === "CALL" || d.type === "PHONE_NUMBER") && d.value && (N.phone_number = be(d.value)), console.log("Carousel card button data:", N), N;
               })
             }] : []
           ]
         };
       })
     };
-    n.push(o);
+    i.push(h);
   }
-  return i.components = n, JSON.stringify(i);
-}, aa = (a) => {
-  var n;
-  const s = ee(a.body || ""), i = ((n = a == null ? void 0 : a.sampleContent) == null ? void 0 : n.bodyVariables) || {};
-  return s.map(({ number: t }) => i[t] || `Sample ${t}`);
-}, Ie = (a, s) => {
-  var l, k;
-  const i = {
+  return n.components = i, JSON.stringify(n);
+}, ea = (a) => {
+  var i;
+  const s = ee(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;
+  const n = {
     name: a.name,
     lang: s,
     category: a.category,
     shortlink: a.enableClickTracking ? "1" : "0",
     components: []
   };
-  a.headerType === "MEDIA" && a.mediaUrl && a.mediaType !== "DOCUMENT" && (i.media = {
+  a.headerType === "MEDIA" && a.mediaUrl && a.mediaType !== "DOCUMENT" && (n.media = {
     header: a.mediaUrl
   });
-  const n = [];
+  const i = [];
   if (a.type !== "CAROUSEL") {
     if (a.headerType === "TEXT" && a.headerText) {
-      const w = ee(a.headerText), o = {
+      const g = ee(a.headerText), h = {
         type: "HEADER",
         format: "TEXT",
         text: a.headerText,
-        ...w.length > 0 && ((l = a.sampleContent) == null ? void 0 : l.headerVariables) && {
+        ...g.length > 0 && ((l = a.sampleContent) == null ? void 0 : l.headerVariables) && {
           example: {
-            header_text: ra(a, w)
+            header_text: aa(a, g)
           }
         }
       };
-      n.push(o);
+      i.push(h);
     } else if (a.headerType === "MEDIA") {
-      const w = {
+      const g = {
         type: "HEADER",
         format: a.mediaType || "IMAGE"
       };
-      n.push(w);
+      i.push(g);
     }
   }
-  const t = ee(a.body), x = {
+  const c = ee(a.body), o = {
     type: "BODY",
     text: a.body,
-    ...t.length > 0 && ((k = a.sampleContent) == null ? void 0 : k.bodyVariables) && {
+    ...c.length > 0 && ((v = a.sampleContent) == null ? void 0 : v.bodyVariables) && {
       example: {
-        body_text: [be(a, t)]
+        body_text: [ge(a, c)]
       }
     }
   };
-  if (n.push(x), a.footer && a.type !== "CAROUSEL" && n.push({
+  if (i.push(o), a.footer && a.type !== "CAROUSEL" && i.push({
     type: "FOOTER",
     text: a.footer
   }), a.buttons.length > 0) {
-    const w = a.buttons.map((o) => {
-      var U;
-      const N = {
-        type: o.type === "CALL" ? "PHONE_NUMBER" : o.type,
-        text: o.text
+    const g = a.buttons.map((h) => {
+      var V;
+      const k = {
+        type: h.type === "CALL" ? "PHONE_NUMBER" : h.type,
+        text: h.text
       };
-      if (o.type === "URL" && o.value && (N.url = o.value, o.urlType === "dynamic" && o.value.includes("{{"))) {
-        const f = ee(o.value);
-        if (f.length > 0 && ((U = a.sampleContent) != null && U.buttonVariables)) {
-          const b = f.map(
+      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(
             ({ number: M }) => {
-              var g, v;
-              return ((v = (g = a.sampleContent) == null ? void 0 : g.buttonVariables) == null ? void 0 : v[M]) || `sample${M}`;
+              var b, y;
+              return ((y = (b = a.sampleContent) == null ? void 0 : b.buttonVariables) == null ? void 0 : y[M]) || `sample${M}`;
             }
           );
-          N.example = b;
+          k.example = N;
         }
       }
-      return (o.type === "CALL" || o.type === "PHONE_NUMBER") && o.value && (N.phone_number = ue(o.value)), N;
+      return (h.type === "CALL" || h.type === "PHONE_NUMBER") && h.value && (k.phone_number = be(h.value)), k;
     });
-    n.push({
+    i.push({
       type: "BUTTONS",
-      buttons: w
+      buttons: g
     });
   }
-  return i.components = n, JSON.stringify(i);
-}, ee = (a) => (a.match(/\{\{(\d+)\}\}/g) || []).map((i) => ({
-  variable: i.replace(/[{}]/g, ""),
-  number: i.replace(/[{}]/g, "")
-})), ue = (a) => a.startsWith("+") ? a : `+${a}`, ra = (a, s) => s.map(
-  ({ number: i }) => {
-    var n, t;
-    return ((t = (n = a.sampleContent) == null ? void 0 : n.headerVariables) == null ? void 0 : t[i]) || `Sample ${i}`;
+  return n.components = i, JSON.stringify(n);
+}, ee = (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(
+  ({ number: n }) => {
+    var i, c;
+    return ((c = (i = a.sampleContent) == null ? void 0 : i.headerVariables) == null ? void 0 : c[n]) || `Sample ${n}`;
   }
-), be = (a, s) => s.map(
-  ({ number: i }) => {
-    var n, t;
-    return ((t = (n = a.sampleContent) == null ? void 0 : n.bodyVariables) == null ? void 0 : t[i]) || `Sample ${i}`;
+), ge = (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}`;
   }
-), sa = async (a, s) => {
+), ra = 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 Ze(
+    return await Qe(
       a.apiKey,
       s
     );
-  } catch (i) {
-    return console.error("API Error:", i), {
+  } catch (n) {
+    return console.error("API Error:", n), {
       status: "error",
-      message: i instanceof Error ? i.message : "An unexpected error occurred while creating the template"
+      message: n instanceof Error ? n.message : "An unexpected error occurred while creating the template"
     };
   }
 };
-async function na(a, s, i) {
-  const n = ea(i), x = {
+async function sa(a, s, n) {
+  const i = Ze(n), o = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    body: n,
+    body: i,
     redirect: "follow"
-  }, l = `https://wpapi.trustsignal.io/v1/user-templates/update/${encodeURIComponent(s)}?api_key=${encodeURIComponent(a)}`, k = await fetch(l, x), w = await k.text();
-  if (!k.ok)
-    return { success: !1, message: `Update failed (${k.status}): ${w}`, raw: n };
+  }, 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 };
   try {
-    const o = JSON.parse(w);
-    return { success: !!((o == null ? void 0 : o.success) ?? !0), message: o == null ? void 0 : o.message, raw: n };
+    const h = JSON.parse(g);
+    return { success: !!((h == null ? void 0 : h.success) ?? !0), message: h == null ? void 0 : h.message, raw: i };
   } catch {
-    return { success: !0, raw: n };
+    return { success: !0, raw: i };
   }
 }
-async function ia(a, s) {
-  var k;
-  const i = `https://wpapi.trustsignal.io/api/v1/template/${encodeURIComponent(s)}?api_key=${encodeURIComponent(a)}`, n = await fetch(i, { method: "GET", redirect: "follow" });
-  if (!n.ok)
-    throw new Error(`Failed to fetch template ${s}: ${n.status}`);
-  const t = await n.text(), x = JSON.parse(t), l = x.template || ((k = x.data) == null ? void 0 : k.template) || x;
+async function na(a, s) {
+  var v;
+  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;
   if (!l)
     throw new Error("Invalid template details response");
-  return la(l);
+  return ia(l);
 }
-function la(a) {
-  var N, U;
+function ia(a) {
+  var k, V;
   const s = {
     headerVariables: {},
     bodyVariables: {},
     buttonVariables: {}
   };
-  let i = "NONE", n = "", t, x, l = "", k = "";
-  const w = [];
+  let n = "NONE", i = "", c, o, l = "", v = "";
+  const g = [];
   if (a.jsonstruct)
     try {
-      const f = JSON.parse(a.jsonstruct);
-      if (f != null && f.header) {
-        const b = f.header.format;
-        b && b !== "TEXT" ? (i = "MEDIA", t = b, x = f.header.url || ((N = a.medialist) == null ? void 0 : N.header)) : b === "TEXT" && (i = "TEXT", n = f.header.text || "");
+      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 || "");
       }
-      if (f != null && f.body && (l = f.body.text || ""), (U = f == null ? void 0 : f.buttons) != null && U.buttons && Array.isArray(f.buttons.buttons))
-        for (const b of f.buttons.buttons) {
-          if (!b || !b.type || !b.text) continue;
+      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;
           const M = {
             id: de(),
-            type: b.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : b.type,
-            text: b.text
+            type: N.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : N.type,
+            text: N.text
           };
-          b.type === "URL" && (M.value = b.url, typeof b.url == "string" && b.url.includes("{{") && Array.isArray(b.example) ? (Ce(b.url).forEach((v, c) => {
-            s.buttonVariables[v] = b.example[c] ?? "";
-          }), M.urlType = "dynamic") : M.urlType = "static"), (b.type === "CALL" || b.type === "PHONE_NUMBER") && (M.value = b.phone_number || ""), w.push(M);
+          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);
         }
-      if (f != null && f.carousel) {
-        const b = Object.keys(f.carousel).filter((p) => /^card\d+$/.test(p));
-        b.sort((p, y) => {
-          const u = parseInt(p.replace("card", ""), 10), V = parseInt(y.replace("card", ""), 10);
-          return u - V;
+      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 M = b.map((p) => {
-          const y = f.carousel[p] || {}, u = y.header || {}, V = y.body || {}, B = y.buttons && Array.isArray(y.buttons.buttons) ? y.buttons.buttons : [], d = u.format, E = d === "IMAGE" || d === "VIDEO" || d === "DOCUMENT" ? d : void 0, O = `card${p.replace("card", "")}header`, R = u.url || (a.medialist ? a.medialist[O] : void 0), _ = V.text || "", m = [];
-          for (const C of B) {
-            if (!C || !C.type || !C.text) continue;
-            const S = { id: de(), type: C.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : C.type, text: C.text };
-            C.type === "URL" && (S.value = C.url, typeof C.url == "string" && C.url.includes("{{") && Array.isArray(C.example) ? (Ce(C.url).forEach((I, h) => {
-            }), S.urlType = "dynamic") : S.urlType = "static"), (C.type === "CALL" || C.type === "PHONE_NUMBER") && (S.value = C.phone_number || ""), m.push(S);
+        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 = [];
+          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) => {
+            }), 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: E ? "MEDIA" : "NONE",
-            mediaType: E,
-            mediaUrl: R,
-            body: _,
+            headerType: C ? "MEDIA" : "NONE",
+            mediaType: C,
+            mediaUrl: P,
+            body: H,
             buttons: m,
             sampleContent: {
               headerVariables: {},
@@ -986,11 +1004,11 @@ function la(a) {
             }
           };
         });
-        let g = "IMAGE";
-        const v = M[0];
-        (v == null ? void 0 : v.mediaType) === "VIDEO" && (g = "VIDEO");
-        const c = {
-          type: g,
+        let b = "IMAGE";
+        const y = M[0];
+        (y == null ? void 0 : y.mediaType) === "VIDEO" && (b = "VIDEO");
+        const t = {
+          type: b,
           cards: M
         };
         return {
@@ -1002,14 +1020,14 @@ function la(a) {
           headerType: "NONE",
           headerText: "",
           body: l,
-          footer: k,
+          footer: v,
           buttons: [],
           sampleContent: s,
-          carousel: c
+          carousel: t
         };
       }
-    } catch (f) {
-      console.warn("Failed to parse jsonstruct; falling back", f);
+    } catch (d) {
+      console.warn("Failed to parse jsonstruct; falling back", d);
     }
   return {
     name: a.name,
@@ -1017,25 +1035,25 @@ function la(a) {
     type: "BASIC",
     language: a.lang || "en",
     enableClickTracking: !1,
-    headerType: i,
-    headerText: n,
-    mediaType: t,
-    mediaUrl: x,
+    headerType: n,
+    headerText: i,
+    mediaType: c,
+    mediaUrl: o,
     body: l,
-    footer: k,
-    buttons: w,
+    footer: v,
+    buttons: g,
     sampleContent: s
   };
 }
 function Ce(a) {
   if (!a) return [];
   const s = a.match(/\{\{(\d+)\}\}/g) || [];
-  return [...new Set(s.map((i) => i.replace(/[{}]/g, "")))];
+  return [...new Set(s.map((n) => n.replace(/[{}]/g, "")))];
 }
 function de() {
   return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "id-" + Math.random().toString(36).slice(2);
 }
-const ta = [
+const la = [
   { value: "af", label: "Afrikaans" },
   { value: "sq", label: "Albanian" },
   { value: "ar", label: "Arabic" },
@@ -1101,118 +1119,118 @@ const ta = [
   { value: "ur", label: "Urdu" },
   { value: "uz", label: "Uzbek" },
   { value: "vi", label: "Vietnamese" }
-], ca = [
+], ta = [
   { value: "NONE", label: "None" },
   { value: "TEXT", label: "Text" },
   { value: "MEDIA", label: "Media" }
-], ma = [
+], ca = [
   { value: "IMAGE", label: "Image" },
   { value: "VIDEO", label: "Video" },
   { value: "DOCUMENT", label: "Document" }
-], 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: i }) {
-  var V, B;
-  const [n, t] = J.useState(null), [x, l] = J.useState(!1), [k, w] = J.useState(null), [o, N] = J.useState(null), U = () => {
-    const E = (a.headerText || "").match(/{{\d+}}/g);
-    if (!E) return 0;
-    const A = E.map((O) => {
-      const R = O.match(/{{(\d+)}}/);
-      return R ? parseInt(R[1], 10) : 0;
+], 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 = () => {
+    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;
     });
-    return A.length > 0 ? Math.max(...A) : 0;
-  }, f = () => {
-    const A = `{{${U() + 1}}}`;
-    if (k && a.headerText.length + A.length <= 60) {
-      const O = k.selectionStart || a.headerText.length, R = a.headerText.substring(0, O), _ = a.headerText.substring(O), m = R + A + _;
+    return U.length > 0 ? Math.max(...U) : 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;
       s({ ...a, headerText: m }), setTimeout(() => {
-        if (k) {
-          const C = O + A.length;
-          k.setSelectionRange(C, C), k.focus();
+        if (v) {
+          const E = O + U.length;
+          v.setSelectionRange(E, E), v.focus();
         }
       }, 0);
     }
-  }, b = (d) => {
-    s((E) => ({
-      ...E,
-      headerType: d,
-      headerText: d === "TEXT" ? E.headerText : "",
-      mediaType: d === "MEDIA" ? E.mediaType || "IMAGE" : void 0,
-      mediaUrl: d === "MEDIA" ? E.mediaUrl : void 0
-    })), d !== "MEDIA" && (t(null), N(null));
-  }, M = (d) => {
-    var E;
-    return ((E = d.split("?")[0].split(".").pop()) == null ? void 0 : E.toLowerCase()) || "";
-  }, g = (d, E) => {
-    const A = M(d.name);
-    switch (E) {
+  }, N = (f) => {
+    s((C) => ({
+      ...C,
+      headerType: f,
+      headerText: f === "TEXT" ? C.headerText : "",
+      mediaType: f === "MEDIA" ? C.mediaType || "IMAGE" : void 0,
+      mediaUrl: f === "MEDIA" ? C.mediaUrl : void 0
+    })), f !== "MEDIA" && (c(null), k(null));
+  }, M = (f) => {
+    var C;
+    return ((C = f.split("?")[0].split(".").pop()) == null ? void 0 : C.toLowerCase()) || "";
+  }, b = (f, C) => {
+    const U = M(f.name);
+    switch (C) {
       case "IMAGE":
-        if (!xe.includes(A)) return "Invalid format. Only JPG, JPEG, PNG are allowed.";
-        if (d.size > da) return "File is too large. Max size is 5 MB.";
+        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.";
         break;
       case "VIDEO":
-        if (!pe.includes(A)) return "Invalid format. Only MP4, 3GPP are allowed.";
-        if (d.size > xa) return "File is too large. Max size is 16 MB.";
+        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.";
         break;
       case "DOCUMENT":
-        if (!oe.includes(A)) return "Invalid format. Allowed types: PDF, DOCX, XLSX, PPTX, TXT.";
-        if (d.size > pa) return "File is too large. Max size is 100 MB.";
+        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.";
         break;
       default:
         return "Invalid media type.";
     }
     return null;
-  }, v = (d, E) => {
-    if (!d) return null;
-    const A = M(d);
-    switch (E) {
+  }, y = (f, C) => {
+    if (!f) return null;
+    const U = M(f);
+    switch (C) {
       case "IMAGE":
-        if (!xe.includes(A)) return "URL does not point to a valid image (JPG, JPEG, PNG).";
+        if (!xe.includes(U)) return "URL does not point to a valid image (JPG, JPEG, PNG).";
         break;
       case "VIDEO":
-        if (!pe.includes(A)) return "URL does not point to a valid video (MP4, 3GPP).";
+        if (!pe.includes(U)) return "URL does not point to a valid video (MP4, 3GPP).";
         break;
       case "DOCUMENT":
-        if (!oe.includes(A)) return "URL does not point to a valid document.";
+        if (!oe.includes(U)) return "URL does not point to a valid document.";
         break;
     }
     return null;
-  }, c = () => {
-    t(null), s({ ...a, mediaUrl: "" }), N(null);
-  }, p = async (d) => {
+  }, t = () => {
+    c(null), s({ ...a, mediaUrl: "" }), k(null);
+  }, x = async (f) => {
     var O;
-    const E = (O = d.target.files) == null ? void 0 : O[0];
-    if (!E || !a.mediaType) return;
-    N(null);
-    const A = g(E, a.mediaType);
-    if (A) {
-      N(A);
+    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);
       return;
     }
-    l(!0), t(E);
+    l(!0), c(C);
     try {
-      const R = await i(E);
-      s({ ...a, mediaUrl: R });
-    } catch (R) {
-      console.error("File upload failed:", R), c();
-      const _ = R instanceof Error ? R.message : "File upload failed. Please try again.";
-      N(_);
+      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);
     } finally {
       l(!1);
     }
-  }, y = (d) => {
-    const E = d.target.value;
-    if (t(null), s({ ...a, mediaUrl: E }), a.mediaType) {
-      const A = v(E, a.mediaType);
-      N(A);
+  }, p = (f) => {
+    const C = f.target.value;
+    if (c(null), s({ ...a, mediaUrl: C }), a.mediaType) {
+      const U = y(C, a.mediaType);
+      k(U);
     }
-  }, u = () => {
+  }, w = () => {
     switch (a.mediaType) {
       case "IMAGE":
-        return xe.map((d) => `.${d}`).join(",");
+        return xe.map((f) => `.${f}`).join(",");
       case "VIDEO":
-        return pe.map((d) => `.${d}`).join(",");
+        return pe.map((f) => `.${f}`).join(",");
       case "DOCUMENT":
-        return oe.map((d) => `.${d}`).join(",");
+        return oe.map((f) => `.${f}`).join(",");
       default:
         return "*/*";
     }
@@ -1225,9 +1243,9 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
           "select",
           {
             value: a.headerType,
-            onChange: (d) => b(d.target.value),
+            onChange: (f) => N(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: ca.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: d.label }, d.value))
+            children: ta.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" }) }) }),
@@ -1239,10 +1257,10 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
       /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
         "input",
         {
-          ref: w,
+          ref: g,
           type: "text",
           value: a.headerText,
-          onChange: (d) => s({ ...a, headerText: d.target.value }),
+          onChange: (f) => s({ ...a, headerText: f.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: "Add a 60 character title to your message"
@@ -1252,7 +1270,7 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: f,
+            onClick: d,
             className: "rsp-px-2 rsp-py-1 rsp-text-xs hover:rsp-bg-gray-100 rsp-rounded rsp-text-gray-500 rsp-flex rsp-items-center rsp-gap-1",
             title: "Add variable to header",
             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" }) })
@@ -1264,30 +1282,30 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
         ] })
       ] }),
       (() => {
-        const d = [...new Set((a.headerText.match(/\{\{(\d+)\}\}/g) || []).map((E) => E.replace(/[{}]/g, "")))];
-        return d.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-mt-3", children: [
+        const f = [...new Set((a.headerText.match(/\{\{(\d+)\}\}/g) || []).map((C) => C.replace(/[{}]/g, "")))];
+        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: d.map((E) => {
-            var A, O;
+          /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-3 rsp-gap-2", children: f.map((C) => {
+            var U, 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: [
-                `{{${E}}}`,
+                `{{${C}}}`,
                 ":"
               ] }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "text",
-                  value: ((O = (A = a.sampleContent) == null ? void 0 : A.headerVariables) == null ? void 0 : O[E]) || "",
-                  onChange: (R) => {
-                    var m, C, S;
-                    const _ = {
+                  value: ((O = (U = a.sampleContent) == null ? void 0 : U.headerVariables) == null ? void 0 : O[C]) || "",
+                  onChange: (P) => {
+                    var m, E, S;
+                    const H = {
                       ...a.sampleContent,
-                      headerVariables: { ...(m = a.sampleContent) == null ? void 0 : m.headerVariables, [E]: R.target.value },
-                      bodyVariables: ((C = a.sampleContent) == null ? void 0 : C.bodyVariables) || {},
+                      headerVariables: { ...(m = a.sampleContent) == null ? void 0 : m.headerVariables, [C]: P.target.value },
+                      bodyVariables: ((E = a.sampleContent) == null ? void 0 : E.bodyVariables) || {},
                       buttonVariables: ((S = a.sampleContent) == null ? void 0 : S.buttonVariables) || {}
                     };
-                    s({ ...a, sampleContent: _ });
+                    s({ ...a, sampleContent: H });
                   },
                   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"
@@ -1298,11 +1316,11 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
                 {
                   type: "button",
                   onClick: () => {
-                    var C, S, j;
-                    const R = new RegExp(`\\{\\{${E}\\}\\}`, "g"), _ = (a.headerText || "").replace(R, ""), m = Object.fromEntries(Object.entries(((C = a.sampleContent) == null ? void 0 : C.headerVariables) || {}).filter(([I]) => I !== E));
+                    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));
                     s({
                       ...a,
-                      headerText: _,
+                      headerText: H,
                       sampleContent: {
                         ...a.sampleContent,
                         headerVariables: m,
@@ -1316,7 +1334,7 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
                   children: "×"
                 }
               )
-            ] }, `header-sample-${E}`);
+            ] }, `header-sample-${C}`);
           }) })
         ] });
       })()
@@ -1329,15 +1347,15 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
             "select",
             {
               value: a.mediaType || "IMAGE",
-              onChange: (d) => {
-                s((E) => ({
-                  ...E,
-                  mediaType: d.target.value,
+              onChange: (f) => {
+                s((C) => ({
+                  ...C,
+                  mediaType: f.target.value,
                   mediaUrl: ""
-                })), t(null), N(null);
+                })), 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: ma.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: d.label }, d.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" }) }) })
@@ -1353,32 +1371,32 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
                 src: a.mediaUrl,
                 alt: "Preview",
                 className: "rsp-w-12 rsp-h-12 rsp-object-cover rsp-rounded",
-                onError: (d) => {
-                  d.currentTarget.style.display = "none", o || N("Could not load image preview from URL.");
+                onError: (f) => {
+                  f.currentTarget.style.display = "none", h || k("Could not load image preview from URL.");
                 },
                 onLoad: () => {
-                  o != null && o.includes("Could not load") && N(null);
+                  h != null && h.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(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" }) }),
+            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" }) }),
             /* @__PURE__ */ r("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ e("p", { className: "rsp-text-sm rsp-font-medium rsp-text-gray-900 rsp-truncate", children: n ? n.name : a.mediaUrl }),
-              n && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500", children: `${(n.size / 1024 / 1024).toFixed(2)} MB` })
+              /* @__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: c, 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(re, { className: "rsp-w-4 rsp-h-4" }) })
         ] }) : /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("input", { type: "file", accept: u(), onChange: p, className: "rsp-hidden", id: "media-upload", disabled: x }),
+          /* @__PURE__ */ e("input", { type: "file", accept: w(), onChange: x, className: "rsp-hidden", id: "media-upload", disabled: o }),
           /* @__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 ${x ? "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 ${o ? "rsp-opacity-50 rsp-cursor-not-allowed" : ""}`,
               children: [
-                /* @__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: x ? "Uploading..." : `Upload ${((V = a.mediaType) == null ? void 0 : V.toLowerCase()) || "file"}` }),
+                /* @__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__ */ 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",
@@ -1388,9 +1406,9 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
             }
           )
         ] }),
-        o && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2 rsp-text-xs rsp-text-red-600", children: [
+        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: o })
+          /* @__PURE__ */ e("span", { children: h })
         ] }),
         /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center", children: [
           /* @__PURE__ */ e("div", { className: "rsp-flex-1 rsp-border-t rsp-border-gray-300" }),
@@ -1402,9 +1420,9 @@ function oa({ template: a, setTemplate: s, onFileUpload: i }) {
           {
             type: "url",
             value: a.mediaUrl || "",
-            onChange: y,
+            onChange: p,
             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 ${(B = a.mediaType) == null ? void 0 : B.toLowerCase()} URL`
+            placeholder: `Enter ${(R = a.mediaType) == null ? void 0 : R.toLowerCase()} URL`
           }
         ) })
       ] })
@@ -3210,54 +3228,54 @@ const Ee = [
   { name: "south-africa", hexadecimal: "&#x1f1ff;&#x1f1e6;" },
   { name: "zambia", hexadecimal: "&#x1f1ff;&#x1f1f2;" },
   { name: "zimbabwe", hexadecimal: "&#x1f1ff;&#x1f1fc;" }
-], fa = ({
+], oa = ({
   emojis: a,
   onSelect: s,
-  onClose: i
+  onClose: n
 }) => {
-  const [n, t] = P({ start: 0, end: 80 }), x = 8, l = 40, k = 400, w = ke((f) => {
-    const b = f.currentTarget.scrollTop, M = Math.floor(b / l), g = Math.min(
-      M + Math.ceil(k / l) + 2,
-      Math.ceil(a.length / x)
+  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)
     );
-    t({
-      start: M * x,
-      end: g * x
+    c({
+      start: M * o,
+      end: b * o
     });
-  }, [a.length, l, k, x]), o = ke((f) => {
-    const b = f.match(/&#x([0-9A-Fa-f]+);/g);
-    if (!b) return "";
-    const M = b.map((g) => {
-      const v = g.replace(/&#x|;/g, "");
-      return parseInt(v, 16);
+  }, [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) => {
+      const y = b.replace(/&#x|;/g, "");
+      return parseInt(y, 16);
     });
     return String.fromCodePoint(...M);
-  }, []), N = Math.ceil(a.length / x) * l, U = a.slice(n.start, n.end);
+  }, []), k = Math.ceil(a.length / o) * l, V = a.slice(i.start, i.end);
   return /* @__PURE__ */ e(
     "div",
     {
       className: "rsp-h-[400px] rsp-overflow-y-auto rsp-relative",
-      onScroll: w,
-      children: /* @__PURE__ */ e("div", { style: { height: N }, className: "rsp-relative", children: /* @__PURE__ */ e(
+      onScroll: g,
+      children: /* @__PURE__ */ e("div", { style: { height: k }, className: "rsp-relative", children: /* @__PURE__ */ e(
         "div",
         {
           className: "rsp-absolute rsp-w-full rsp-grid rsp-grid-cols-8 rsp-gap-1",
           style: {
-            top: Math.floor(n.start / x) * l,
+            top: Math.floor(i.start / o) * l,
             transform: "translateY(0px)"
           },
-          children: U.map((f, b) => {
-            const M = n.start + b;
+          children: V.map((d, N) => {
+            const M = i.start + N;
             return /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
-                  s(o(f.hexadecimal));
+                  s(h(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: f.name,
+                title: d.name,
                 style: { height: l },
-                children: o(f.hexadecimal)
+                children: h(d.hexadecimal)
               },
               M
             );
@@ -3267,12 +3285,12 @@ const Ee = [
     }
   );
 };
-function ge({ isOpen: a, onClose: s, onSelect: i }) {
-  const [n, t] = P(""), x = Se(() => n ? Ee.filter(
-    (l) => l.name.toLowerCase().includes(n.toLowerCase())
-  ) : Ee, [n]);
-  return J.useEffect(() => {
-    a || t("");
+function ye({ isOpen: a, onClose: s, onSelect: n }) {
+  const [i, c] = B(""), o = Se(() => i ? Ee.filter(
+    (l) => l.name.toLowerCase().includes(i.toLowerCase())
+  ) : Ee, [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: [
     /* @__PURE__ */ r("div", { className: "rsp-relative", children: [
       /* @__PURE__ */ e(
@@ -3280,15 +3298,15 @@ function ge({ isOpen: a, onClose: s, onSelect: i }) {
         {
           type: "text",
           placeholder: "Search emojis...",
-          value: n,
-          onChange: (l) => t(l.target.value),
+          value: i,
+          onChange: (l) => c(l.target.value),
           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"
         }
       ),
-      n && /* @__PURE__ */ e(
+      i && /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => t(""),
+          onClick: () => c(""),
           className: "rsp-absolute rsp-right-2 rsp-top-1/2 rsp-transform -rsp-translate-y-1/2 rsp-text-gray-400 hover:rsp-text-gray-600",
           children: "×"
         }
@@ -3298,7 +3316,7 @@ function ge({ isOpen: a, onClose: s, onSelect: i }) {
       "button",
       {
         onClick: () => {
-          i(l);
+          n(l);
         },
         className: "rsp-w-8 rsp-h-8 rsp-flex rsp-items-center rsp-justify-center rsp-text-lg hover:rsp-bg-gray-100 rsp-rounded rsp-transition-colors",
         children: l
@@ -3306,74 +3324,74 @@ function ge({ isOpen: a, onClose: s, onSelect: i }) {
       l
     )) }),
     /* @__PURE__ */ r("div", { className: "rsp-text-sm rsp-text-gray-500", children: [
-      x.length,
+      o.length,
       " emojis found"
     ] }),
     /* @__PURE__ */ e(
-      fa,
+      oa,
       {
-        emojis: x,
-        onSelect: i,
+        emojis: o,
+        onSelect: n,
         onClose: s
       }
     )
   ] }) });
 }
-function ha({ template: a, setTemplate: s }) {
-  const [i, n] = P(!1), [t, x] = P(null), [l, k] = P(null), [w, o] = P(null), [N, U] = P(!1), f = () => {
-    const c = (a.body || "").match(/{{\d+}}/g);
-    if (!c) return 0;
-    const p = c.map((y) => {
-      const u = y.match(/{{(\d+)}}/);
-      return u ? parseInt(u[1], 10) : 0;
+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 = () => {
+    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;
     });
-    return p.length > 0 ? Math.max(...p) : 0;
-  }, b = () => {
-    const p = `{{${f() + 1}}}`;
-    if (l && a.body.length + p.length <= 1024) {
-      const y = l.selectionStart || a.body.length, u = a.body.substring(0, y), V = a.body.substring(y), B = u + p + V;
+    return x.length > 0 ? Math.max(...x) : 0;
+  }, N = () => {
+    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;
       s({
         ...a,
-        body: B
+        body: R
       }), setTimeout(() => {
         if (l) {
-          const d = y + p.length;
-          l.setSelectionRange(d, d), l.focus();
+          const f = p + x.length;
+          l.setSelectionRange(f, f), l.focus();
         }
       }, 0);
     }
   }, M = () => {
-    x("body"), n(!0), setTimeout(() => {
+    o("body"), i(!0), setTimeout(() => {
       l && l.focus();
     }, 0);
-  }, g = (v) => {
-    if (t === "body") {
+  }, b = (y) => {
+    if (c === "body") {
       if (!l) return;
-      const c = l.selectionStart || a.body.length, p = 1024, y = a.body;
-      if (y.length + v.length <= p) {
-        const u = y.substring(0, c), V = y.substring(c), B = u + v + V;
+      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;
         s({
           ...a,
-          body: B
+          body: R
         }), setTimeout(() => {
           if (l) {
-            const d = c + v.length;
-            l.setSelectionRange(d, d), l.focus();
+            const f = t + y.length;
+            l.setSelectionRange(f, f), l.focus();
           }
         }, 0);
       }
-    } else if (t === "footer") {
-      if (!w) return;
-      const c = w.selectionStart || a.footer.length, p = 60, y = a.footer;
-      if (y.length + v.length <= p) {
-        const u = y.substring(0, c), V = y.substring(c), B = u + v + V;
+    } else if (c === "footer") {
+      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;
         s({
           ...a,
-          footer: B
+          footer: R
         }), setTimeout(() => {
-          if (w) {
-            const d = c + v.length;
-            w.setSelectionRange(d, d), w.focus();
+          if (g) {
+            const f = t + y.length;
+            g.setSelectionRange(f, f), g.focus();
           }
         }, 0);
       }
@@ -3385,24 +3403,24 @@ function ha({ template: a, setTemplate: s }) {
       /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
         "textarea",
         {
-          ref: k,
+          ref: v,
           value: a.body,
-          onChange: (v) => s({ ...a, body: v.target.value }),
+          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: () => x("body"),
-          onBlur: () => U(!0)
+          onFocus: () => o("body"),
+          onBlur: () => V(!0)
         }
       ) }),
-      !a.body && N && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-red-600 rsp-mt-1", children: "Body is required." }),
+      !a.body && k && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-red-600 rsp-mt-1", children: "Body is required." }),
       /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between rsp-mt-2", children: [
         /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2", children: [
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: b,
+              onClick: N,
               className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
               title: "Add Variable",
               children: /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) })
@@ -3414,7 +3432,7 @@ function ha({ 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(he, { className: "rsp-w-4 rsp-h-4" })
+              children: /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
             }
           )
         ] }),
@@ -3424,15 +3442,15 @@ function ha({ template: a, setTemplate: s }) {
         ] }) })
       ] }),
       (() => {
-        const v = a.body.match(/\{\{(\d+)\}\}/g) || [], c = [...new Set(v.map((p) => p.replace(/[{}]/g, "")))];
-        return c.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-mt-3", children: [
+        const y = a.body.match(/\{\{(\d+)\}\}/g) || [], t = [...new Set(y.map((x) => x.replace(/[{}]/g, "")))];
+        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: c.map((p) => {
-            var y, u;
+          /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-3 rsp-gap-2", children: t.map((x) => {
+            var p, 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-500 rsp-whitespace-nowrap", children: [
                 "{{",
-                p,
+                x,
                 "}}",
                 ":"
               ] }),
@@ -3440,21 +3458,21 @@ function ha({ template: a, setTemplate: s }) {
                 "input",
                 {
                   type: "text",
-                  value: ((u = (y = a.sampleContent) == null ? void 0 : y.bodyVariables) == null ? void 0 : u[p]) || "",
-                  onChange: (V) => {
-                    var d, E, A;
-                    const B = {
+                  value: ((w = (p = a.sampleContent) == null ? void 0 : p.bodyVariables) == null ? void 0 : w[x]) || "",
+                  onChange: (A) => {
+                    var f, C, U;
+                    const R = {
                       ...a.sampleContent,
                       bodyVariables: {
-                        ...(d = a.sampleContent) == null ? void 0 : d.bodyVariables,
-                        [p]: V.target.value
+                        ...(f = a.sampleContent) == null ? void 0 : f.bodyVariables,
+                        [x]: A.target.value
                       },
-                      headerVariables: ((E = a.sampleContent) == null ? void 0 : E.headerVariables) || {},
-                      buttonVariables: ((A = a.sampleContent) == null ? void 0 : A.buttonVariables) || {}
+                      headerVariables: ((C = a.sampleContent) == null ? void 0 : C.headerVariables) || {},
+                      buttonVariables: ((U = a.sampleContent) == null ? void 0 : U.buttonVariables) || {}
                     };
                     s({
                       ...a,
-                      sampleContent: B
+                      sampleContent: R
                     });
                   },
                   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",
@@ -3466,15 +3484,15 @@ function ha({ template: a, setTemplate: s }) {
                 {
                   type: "button",
                   onClick: () => {
-                    var E, A, O;
-                    const V = new RegExp(`\\{\\{${p}\\}\\}`, "g"), B = (a.body || "").replace(V, ""), d = Object.fromEntries(Object.entries(((E = a.sampleContent) == null ? void 0 : E.bodyVariables) || {}).filter(([R]) => R !== p));
+                    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));
                     s({
                       ...a,
-                      body: B,
+                      body: R,
                       sampleContent: {
                         ...a.sampleContent,
-                        bodyVariables: d,
-                        headerVariables: ((A = a.sampleContent) == null ? void 0 : A.headerVariables) || {},
+                        bodyVariables: f,
+                        headerVariables: ((U = a.sampleContent) == null ? void 0 : U.headerVariables) || {},
                         buttonVariables: ((O = a.sampleContent) == null ? void 0 : O.buttonVariables) || {}
                       }
                     });
@@ -3484,7 +3502,7 @@ function ha({ template: a, setTemplate: s }) {
                   children: "×"
                 }
               )
-            ] }, `body-sample-${p}`);
+            ] }, `body-sample-${x}`);
           }) })
         ] });
       })()
@@ -3494,14 +3512,14 @@ function ha({ template: a, setTemplate: s }) {
       /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
         "input",
         {
-          ref: o,
+          ref: h,
           type: "text",
           value: a.footer,
-          onChange: (v) => s({ ...a, footer: v.target.value }),
+          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: () => x("footer")
+          onFocus: () => o("footer")
         }
       ) }),
       /* @__PURE__ */ r("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: [
@@ -3510,95 +3528,95 @@ function ha({ template: a, setTemplate: s }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      ge,
+      ye,
       {
-        isOpen: i,
-        onClose: () => n(!1),
-        onSelect: g
+        isOpen: n,
+        onClose: () => i(!1),
+        onSelect: b
       }
     )
   ] });
 }
-function ua({ template: a, setTemplate: s }) {
-  var v;
-  const [i, n] = P(null), [t, x] = P(!1), [l, k] = P({
+function ha({ template: a, setTemplate: s }) {
+  var y;
+  const [n, i] = B(null), [c, o] = B(!1), [l, v] = B({
     text: "",
     value: "",
     urlType: "static"
-  }), o = {
-    quickReply: a.buttons.filter((c) => c.type === "QUICK_REPLY").length,
-    url: a.buttons.filter((c) => c.type === "URL").length,
-    call: a.buttons.filter((c) => c.type === "CALL").length,
-    flow: a.buttons.filter((c) => c.type === "FLOW").length
-  }, N = () => {
-    k({ text: "", value: "", urlType: "static" }), n(null), x(!1);
-  }, U = (c) => {
+  }), h = {
+    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) => {
     if (!l.text.trim()) return;
-    let p = c === "QUICK_REPLY" ? l.text : l.value;
-    c === "CALL" && p && !p.startsWith("+") && (p = "+" + p);
-    const y = {
+    let x = t === "QUICK_REPLY" ? l.text : l.value;
+    t === "CALL" && x && !x.startsWith("+") && (x = "+" + x);
+    const p = {
       id: Math.random().toString(36).substr(2, 9),
-      type: c,
+      type: t,
       text: l.text,
-      value: p,
-      urlType: c === "URL" ? l.urlType : void 0
+      value: x,
+      urlType: t === "URL" ? l.urlType : void 0
     };
     s({
       ...a,
-      buttons: [...a.buttons, y]
-    }), N();
-  }, f = (c) => {
+      buttons: [...a.buttons, p]
+    }), k();
+  }, d = (t) => {
     s({
       ...a,
-      buttons: a.buttons.filter((p) => p.id !== c)
+      buttons: a.buttons.filter((x) => x.id !== t)
     });
-  }, b = (c, p, y) => {
-    const u = a.buttons.find((d) => d.id === c), V = p === "text" ? 25 : p === "value" && (u == null ? void 0 : u.type) === "URL" ? 2e3 : 20;
-    let B = y.slice(0, V);
-    p === "value" && (u == null ? void 0 : u.type) === "CALL" && B && !B.startsWith("+") && (B = "+" + B), s({
+  }, 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({
       ...a,
       buttons: a.buttons.map(
-        (d) => d.id === c ? { ...d, [p]: B } : d
+        (f) => f.id === t ? { ...f, [x]: R } : f
       )
     });
   }, M = () => {
-    const p = [
-      ...a.buttons.filter((u) => u.type === "URL" && u.urlType === "dynamic").map((u) => u.value || ""),
+    const x = [
+      ...a.buttons.filter((w) => w.type === "URL" && w.urlType === "dynamic").map((w) => w.value || ""),
       l.value
       // Include current form input
     ].join(" ").match(/{{\d+}}/g);
-    if (!p) return 0;
-    const y = p.map((u) => {
-      const V = u.match(/{{(\d+)}}/);
-      return V ? parseInt(V[1], 10) : 0;
+    if (!x) return 0;
+    const p = x.map((w) => {
+      const A = w.match(/{{(\d+)}}/);
+      return A ? parseInt(A[1], 10) : 0;
     });
-    return y.length > 0 ? Math.max(...y) : 0;
-  }, g = [
+    return p.length > 0 ? Math.max(...p) : 0;
+  }, b = [
     {
       type: "QUICK_REPLY",
       icon: me,
       label: "Quick Reply",
       description: "Add quick response options",
       limit: 10,
-      current: o.quickReply,
+      current: h.quickReply,
       color: "blue"
     },
     {
       type: "URL",
-      icon: He,
+      icon: qe,
       label: "Web URL",
       description: "Link to websites or pages",
       limit: 2,
-      current: o.url,
+      current: h.url,
       color: "green"
     },
     {
       type: "CALL",
-      icon: Ue,
+      icon: Ve,
       label: "Call Button",
       description: "Add phone number to call",
       limit: 1,
-      current: o.call,
+      current: h.call,
       color: "purple"
     }
     // {
@@ -3623,45 +3641,45 @@ function ua({ template: a, setTemplate: s }) {
       /* @__PURE__ */ e("div", { className: "rsp-flex-shrink-0", children: /* @__PURE__ */ e("svg", { className: "rsp-h-5 rsp-w-5 rsp-text-blue-400", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }) }),
       /* @__PURE__ */ e("div", { className: "rsp-ml-3", children: /* @__PURE__ */ e("p", { className: "rsp-text-sm rsp-text-blue-700", children: "We recommend adding the marketing opt-out button. This can help reduce blocks from customers and increase your quality rating." }) })
     ] }) }),
-    !i && /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-1 md:rsp-grid-cols-2 rsp-gap-4", children: g.map((c) => {
-      const p = c.icon, y = c.current >= c.limit;
+    !n && /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-1 md:rsp-grid-cols-2 rsp-gap-4", children: b.map((t) => {
+      const x = t.icon, p = t.current >= t.limit;
       return /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => !y && n(c.type),
-          disabled: y,
-          className: `rsp-p-4 rsp-border-2 rsp-rounded-xl rsp-text-left rsp-transition-all rsp-duration-200 ${y ? "rsp-border-gray-200 rsp-bg-gray-50 rsp-text-gray-400 rsp-cursor-not-allowed rsp-opacity-60" : "rsp-cursor-pointer rsp-transform rsp-shadow-sm hover:rsp-shadow-md"}`,
+          onClick: () => !p && i(t.type),
+          disabled: p,
+          className: `rsp-p-4 rsp-border-2 rsp-rounded-xl rsp-text-left rsp-transition-all rsp-duration-200 ${p ? "rsp-border-gray-200 rsp-bg-gray-50 rsp-text-gray-400 rsp-cursor-not-allowed rsp-opacity-60" : "rsp-cursor-pointer rsp-transform rsp-shadow-sm hover:rsp-shadow-md"}`,
           children: /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-start rsp-justify-between", children: [
             /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-3", children: [
-              /* @__PURE__ */ e("div", { className: `rsp-p-2 rsp-rounded-lg ${y ? "rsp-bg-gray-200" : "rsp-bg-white rsp-shadow-sm"}`, children: /* @__PURE__ */ e(p, { className: "rsp-w-5 rsp-h-5" }) }),
+              /* @__PURE__ */ e("div", { className: `rsp-p-2 rsp-rounded-lg ${p ? "rsp-bg-gray-200" : "rsp-bg-white rsp-shadow-sm"}`, children: /* @__PURE__ */ e(x, { className: "rsp-w-5 rsp-h-5" }) }),
               /* @__PURE__ */ r("div", { children: [
-                /* @__PURE__ */ e("h4", { className: "rsp-font-semibold rsp-text-sm", children: c.label }),
-                /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-opacity-80 rsp-mt-1", children: c.description })
+                /* @__PURE__ */ e("h4", { className: "rsp-font-semibold rsp-text-sm", children: t.label }),
+                /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-opacity-80 rsp-mt-1", children: t.description })
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2", children: [
               /* @__PURE__ */ r("span", { className: "rsp-text-xs rsp-font-medium rsp-px-2 rsp-py-1 rsp-rounded-full rsp-bg-white rsp-bg-opacity-70", children: [
-                c.current,
+                t.current,
                 "/",
-                c.limit
+                t.limit
               ] }),
-              !y && /* @__PURE__ */ e(Ae, { className: "rsp-w-4 rsp-h-4" })
+              !p && /* @__PURE__ */ e(he, { className: "rsp-w-4 rsp-h-4" })
             ] })
           ] })
         },
-        c.type
+        t.type
       );
     }) }),
-    i && /* @__PURE__ */ r("div", { className: "rsp-bg-gradient-to-br rsp-from-gray-50 rsp-to-gray-100 rsp-border rsp-border-gray-200 rsp-rounded-xl rsp-p-6 rsp-shadow-sm", children: [
+    n && /* @__PURE__ */ r("div", { className: "rsp-bg-gradient-to-br rsp-from-gray-50 rsp-to-gray-100 rsp-border rsp-border-gray-200 rsp-rounded-xl rsp-p-6 rsp-shadow-sm", children: [
       /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between rsp-mb-4", children: [
         /* @__PURE__ */ r("h4", { className: "rsp-text-lg rsp-font-semibold rsp-text-gray-900", children: [
           "Add ",
-          (v = g.find((c) => c.type === i)) == null ? void 0 : v.label
+          (y = b.find((t) => t.type === n)) == null ? void 0 : y.label
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: N,
+            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" })
           }
@@ -3676,7 +3694,7 @@ function ua({ template: a, setTemplate: s }) {
               {
                 type: "text",
                 value: l.text,
-                onChange: (c) => k({ ...l, text: c.target.value.slice(0, 25) }),
+                onChange: (t) => v({ ...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
@@ -3688,9 +3706,9 @@ function ua({ template: a, setTemplate: s }) {
             ] })
           ] })
         ] }),
-        i !== "QUICK_REPLY" && /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-mb-2", children: i === "URL" ? "Website URL" : i === "CALL" ? "Phone Number" : "Flow ID" }),
-          i === "URL" && /* @__PURE__ */ r("div", { className: "rsp-mb-3", children: [
+        n !== "QUICK_REPLY" && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-mb-2", children: n === "URL" ? "Website URL" : n === "CALL" ? "Phone Number" : "Flow ID" }),
+          n === "URL" && /* @__PURE__ */ r("div", { className: "rsp-mb-3", children: [
             /* @__PURE__ */ r("div", { className: "rsp-flex rsp-gap-4", children: [
               /* @__PURE__ */ r("label", { className: "rsp-flex rsp-items-center rsp-cursor-pointer", children: [
                 /* @__PURE__ */ e(
@@ -3698,7 +3716,7 @@ function ua({ template: a, setTemplate: s }) {
                   {
                     type: "radio",
                     checked: l.urlType === "static",
-                    onChange: () => k({ ...l, urlType: "static" }),
+                    onChange: () => v({ ...l, urlType: "static" }),
                     className: "rsp-mr-2 rsp-text-blue-600"
                   }
                 ),
@@ -3710,7 +3728,7 @@ function ua({ template: a, setTemplate: s }) {
                   {
                     type: "radio",
                     checked: l.urlType === "dynamic",
-                    onChange: () => k({ ...l, urlType: "dynamic" }),
+                    onChange: () => v({ ...l, urlType: "dynamic" }),
                     className: "rsp-mr-2 rsp-text-blue-600"
                   }
                 ),
@@ -3731,32 +3749,32 @@ function ua({ template: a, setTemplate: s }) {
             /* @__PURE__ */ e(
               "input",
               {
-                type: i === "CALL" ? "tel" : i === "URL" ? "url" : "text",
+                type: n === "CALL" ? "tel" : n === "URL" ? "url" : "text",
                 value: l.value,
-                onChange: (c) => {
-                  const p = i === "URL" ? 2e3 : 20;
-                  k({ ...l, value: c.target.value.slice(0, p) });
+                onChange: (t) => {
+                  const x = n === "URL" ? 2e3 : 20;
+                  v({ ...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: i === "URL" ? l.urlType === "dynamic" ? "https://example.com/order/{{1}}?user={{2}}" : "https://example.com" : i === "CALL" ? "+1234567890" : "Flow ID",
-                maxLength: i === "URL" ? 2e3 : 20
+                placeholder: n === "URL" ? l.urlType === "dynamic" ? "https://example.com/order/{{1}}?user={{2}}" : "https://example.com" : n === "CALL" ? "+1234567890" : "Flow ID",
+                maxLength: n === "URL" ? 2e3 : 20
               }
             ),
             /* @__PURE__ */ r("span", { className: "rsp-absolute rsp-right-3 rsp-top-1/2 rsp-transform -rsp-translate-y-1/2 rsp-text-xs rsp-text-gray-400", children: [
               l.value.length,
               "/",
-              i === "URL" ? 2e3 : 20
+              n === "URL" ? 2e3 : 20
             ] })
           ] }),
-          i === "URL" && l.urlType === "dynamic" && /* @__PURE__ */ r("div", { className: "rsp-mt-3", children: [
+          n === "URL" && l.urlType === "dynamic" && /* @__PURE__ */ r("div", { className: "rsp-mt-3", children: [
             /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-gap-2 rsp-mb-2", children: /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 onClick: () => {
                   if ((l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
-                  const y = M() + 1, u = l.value + `{{${y}}}`;
-                  k({ ...l, value: u }), x(!0);
+                  const p = M() + 1, w = l.value + `{{${p}}}`;
+                  v({ ...l, value: w }), o(!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",
@@ -3764,41 +3782,41 @@ function ua({ template: a, setTemplate: s }) {
               }
             ) }),
             (l.value.match(/\{\{(\d+)\}\}/g) || []).length >= 3 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 3 variables allowed." }),
-            t && /* @__PURE__ */ r("div", { className: "rsp-mt-4 rsp-p-4 rsp-bg-gray-50 rsp-rounded-lg rsp-border", children: [
+            c && /* @__PURE__ */ r("div", { className: "rsp-mt-4 rsp-p-4 rsp-bg-gray-50 rsp-rounded-lg rsp-border", children: [
               /* @__PURE__ */ e("h4", { className: "rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-mb-3", children: "Sample Values for URL Variables" }),
               /* @__PURE__ */ e("div", { className: "rsp-space-y-3", children: (() => {
-                const c = l.value.match(/\{\{(\d+)\}\}/g) || [];
-                return [...new Set(c.map((y) => y.replace(/[{}]/g, "")))].map((y) => {
-                  var u, V;
+                const t = l.value.match(/\{\{(\d+)\}\}/g) || [];
+                return [...new Set(t.map((p) => p.replace(/[{}]/g, "")))].map((p) => {
+                  var w, A;
                   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 {{",
-                      y,
+                      p,
                       "}}"
                     ] }),
                     /* @__PURE__ */ e(
                       "input",
                       {
                         type: "text",
-                        value: ((V = (u = a.sampleContent) == null ? void 0 : u.buttonVariables) == null ? void 0 : V[y]) || "",
-                        onChange: (B) => {
-                          var E, A, O;
-                          const d = {
+                        value: ((A = (w = a.sampleContent) == null ? void 0 : w.buttonVariables) == null ? void 0 : A[p]) || "",
+                        onChange: (R) => {
+                          var C, U, O;
+                          const f = {
                             ...a.sampleContent,
-                            headerVariables: ((E = a.sampleContent) == null ? void 0 : E.headerVariables) || {},
-                            bodyVariables: ((A = a.sampleContent) == null ? void 0 : A.bodyVariables) || {},
+                            headerVariables: ((C = a.sampleContent) == null ? void 0 : C.headerVariables) || {},
+                            bodyVariables: ((U = a.sampleContent) == null ? void 0 : U.bodyVariables) || {},
                             buttonVariables: {
                               ...(O = a.sampleContent) == null ? void 0 : O.buttonVariables,
-                              [y]: B.target.value
+                              [p]: R.target.value
                             }
                           };
                           s({
                             ...a,
-                            sampleContent: d
+                            sampleContent: f
                           });
                         },
                         className: "rsp-flex-1 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",
-                        placeholder: `Sample value (e.g., ${y === "1" ? "order123" : "user456"})`
+                        placeholder: `Sample value (e.g., ${p === "1" ? "order123" : "user456"})`
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -3806,17 +3824,17 @@ function ua({ template: a, setTemplate: s }) {
                       {
                         type: "button",
                         onClick: () => {
-                          var A, O, R;
-                          const B = new RegExp(`\\{\\{${y}\\}\\}`, "g"), d = (l.value || "").replace(B, "");
-                          k({ ...l, value: d });
-                          const E = Object.fromEntries(Object.entries(((A = a.sampleContent) == null ? void 0 : A.buttonVariables) || {}).filter(([_]) => _ !== y));
+                          var U, O, P;
+                          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));
                           s({
                             ...a,
                             sampleContent: {
                               ...a.sampleContent,
                               headerVariables: ((O = a.sampleContent) == null ? void 0 : O.headerVariables) || {},
-                              bodyVariables: ((R = a.sampleContent) == null ? void 0 : R.bodyVariables) || {},
-                              buttonVariables: E
+                              bodyVariables: ((P = a.sampleContent) == null ? void 0 : P.bodyVariables) || {},
+                              buttonVariables: C
                             }
                           });
                         },
@@ -3825,16 +3843,16 @@ function ua({ template: a, setTemplate: s }) {
                         children: "×"
                       }
                     )
-                  ] }, `sample-${y}`);
+                  ] }, `sample-${p}`);
                 });
               })() }),
               /* @__PURE__ */ r("div", { className: "rsp-mt-4 rsp-p-3 rsp-bg-white rsp-rounded-lg rsp-border", children: [
                 /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-font-medium rsp-text-gray-700 rsp-mb-1", children: "Preview URL:" }),
                 /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-600 rsp-font-mono rsp-break-all", children: l.value.replace(
                   /\{\{(\d+)\}\}/g,
-                  (c, p) => {
-                    var y, u;
-                    return ((u = (y = a.sampleContent) == null ? void 0 : y.buttonVariables) == null ? void 0 : u[p]) || `[${c}]`;
+                  (t, x) => {
+                    var p, w;
+                    return ((w = (p = a.sampleContent) == null ? void 0 : p.buttonVariables) == null ? void 0 : w[x]) || `[${t}]`;
                   }
                 ) })
               ] }),
@@ -3842,7 +3860,7 @@ function ua({ template: a, setTemplate: s }) {
                 "button",
                 {
                   type: "button",
-                  onClick: () => x(!1),
+                  onClick: () => o(!1),
                   className: "rsp-px-3 rsp-py-1 rsp-text-xs rsp-text-gray-500 hover:rsp-text-gray-700",
                   children: "Close"
                 }
@@ -3854,8 +3872,8 @@ function ua({ template: a, setTemplate: s }) {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => U(i),
-              disabled: !l.text.trim() || i !== "QUICK_REPLY" && !l.value.trim(),
+              onClick: () => V(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"
             }
@@ -3863,7 +3881,7 @@ function ua({ template: a, setTemplate: s }) {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: N,
+              onClick: k,
               className: "rsp-px-4 rsp-py-3 rsp-text-gray-600 rsp-bg-white rsp-border rsp-border-gray-300 rsp-rounded-lg rsp-font-medium rsp-text-sm rsp-transition-colors hover:rsp-bg-gray-50 rsp-shadow-sm",
               children: "Cancel"
             }
@@ -3873,17 +3891,17 @@ function ua({ 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((c) => {
-        const p = g.find((u) => u.type === c.type), y = (p == null ? void 0 : p.icon) || me;
+      /* @__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;
         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(y, { className: "rsp-w-4 rsp-h-4 rsp-text-gray-600" }) }),
+          /* @__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: [
             /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between", children: [
-              /* @__PURE__ */ e("span", { className: "rsp-text-xs rsp-font-medium rsp-text-gray-500 rsp-uppercase rsp-tracking-wider", children: c.type.replace("_", " ") }),
+              /* @__PURE__ */ e("span", { className: "rsp-text-xs rsp-font-medium rsp-text-gray-500 rsp-uppercase rsp-tracking-wider", children: t.type.replace("_", " ") }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => f(c.id),
+                  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" })
                 }
@@ -3897,44 +3915,44 @@ function ua({ template: a, setTemplate: s }) {
                     "input",
                     {
                       type: "text",
-                      value: c.text,
-                      onChange: (u) => b(c.id, "text", u.target.value),
+                      value: t.text,
+                      onChange: (w) => N(t.id, "text", w.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"
                     }
                   ),
                   /* @__PURE__ */ r("span", { className: "rsp-absolute rsp-right-2 rsp-top-1/2 rsp-transform -rsp-translate-y-1/2 rsp-text-xs rsp-text-gray-400", children: [
-                    c.text.length,
+                    t.text.length,
                     "/25"
                   ] })
                 ] })
               ] }),
-              c.type !== "QUICK_REPLY" && /* @__PURE__ */ r("div", { children: [
-                /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-xs rsp-font-medium rsp-text-gray-600 rsp-mb-1", children: c.type === "URL" ? "Website URL" : c.type === "CALL" ? "Phone Number" : "Flow ID" }),
+              t.type !== "QUICK_REPLY" && /* @__PURE__ */ r("div", { children: [
+                /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-xs rsp-font-medium rsp-text-gray-600 rsp-mb-1", children: t.type === "URL" ? "Website URL" : t.type === "CALL" ? "Phone Number" : "Flow ID" }),
                 /* @__PURE__ */ r("div", { className: "rsp-relative", children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      type: c.type === "CALL" ? "tel" : c.type === "URL" ? "url" : "text",
-                      value: c.value || "",
-                      onChange: (u) => b(c.id, "value", u.target.value),
-                      maxLength: c.type === "URL" ? 2e3 : 20,
+                      type: t.type === "CALL" ? "tel" : t.type === "URL" ? "url" : "text",
+                      value: t.value || "",
+                      onChange: (w) => N(t.id, "value", w.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"
                     }
                   ),
                   /* @__PURE__ */ r("span", { className: "rsp-absolute rsp-right-2 rsp-top-1/2 rsp-transform -rsp-translate-y-1/2 rsp-text-xs rsp-text-gray-400", children: [
-                    (c.value || "").length,
+                    (t.value || "").length,
                     "/",
-                    c.type === "URL" ? 2e3 : 20
+                    t.type === "URL" ? 2e3 : 20
                   ] })
                 ] })
               ] })
             ] })
           ] })
-        ] }) }, c.id);
+        ] }) }, t.id);
       }) })
     ] }),
-    a.buttons.length === 0 && !i && /* @__PURE__ */ r("div", { className: "rsp-text-center rsp-py-12 rsp-bg-gray-50 rsp-rounded-xl rsp-border-2 rsp-border-dashed rsp-border-gray-300", children: [
+    a.buttons.length === 0 && !n && /* @__PURE__ */ r("div", { className: "rsp-text-center rsp-py-12 rsp-bg-gray-50 rsp-rounded-xl rsp-border-2 rsp-border-dashed rsp-border-gray-300", children: [
       /* @__PURE__ */ e("div", { className: "rsp-w-16 rsp-h-16 rsp-bg-white rsp-rounded-full rsp-flex rsp-items-center rsp-justify-center rsp-mx-auto rsp-mb-4 rsp-shadow-sm", children: /* @__PURE__ */ e(me, { className: "rsp-w-8 rsp-h-8 rsp-text-gray-400" }) }),
       /* @__PURE__ */ e("h3", { className: "rsp-text-lg rsp-font-medium rsp-text-gray-900 rsp-mb-2", children: "No buttons added yet" }),
       /* @__PURE__ */ e("p", { className: "rsp-text-gray-500 rsp-text-sm rsp-mb-4", children: "Add interactive buttons to make your message more engaging" }),
@@ -3942,32 +3960,32 @@ function ua({ template: a, setTemplate: s }) {
     ] })
   ] });
 }
-const ba = async (a) => {
+const ua = async (a) => {
   try {
     if (!a)
       throw new Error("No file provided");
     const s = 100 * 1024 * 1024;
     if (a.size > s)
       throw new Error(`File size too large. Maximum allowed size is ${s / (1024 * 1024)}MB`);
-    const i = new FormData();
-    i.append("file", a), console.log("Uploading file:", a.name, "Size:", a.size, "Type:", a.type);
-    const n = await fetch("https://wiz.resul.io/Communication/UploadDocuments", {
+    const n = new FormData();
+    n.append("file", a), console.log("Uploading file:", a.name, "Size:", a.size, "Type:", a.type);
+    const i = await fetch("https://wiz.resul.io/Communication/UploadDocuments", {
       method: "POST",
-      body: i
+      body: n
     });
-    console.log("Upload response status:", n.status), console.log("Upload response headers:", Object.fromEntries(n.headers.entries()));
-    const t = await n.text();
-    console.log("Raw upload response:", t);
-    let x;
+    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;
     try {
-      x = JSON.parse(t);
+      o = 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:", x), console.log("Upload status:", x.status), console.log("Upload message:", x.message), console.log("Upload data:", x.data), !x.status)
-      throw new Error(x.message || "Upload failed");
-    if (x.data && Array.isArray(x.data) && x.data.length > 0) {
-      const l = x.data[0];
+    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 (l.url)
         return console.log("File uploaded successfully:", {
           url: l.url,
@@ -3981,19 +3999,19 @@ const ba = async (a) => {
   } catch (s) {
     throw console.error("File upload error:", s), s instanceof Error ? s : new Error("Unknown error occurred during file upload");
   }
-}, ga = (a, s) => {
-  const n = a.name.toLowerCase().split(".").pop();
+}, ba = (a, s) => {
+  const i = a.name.toLowerCase().split(".").pop();
   switch (s) {
     case "IMAGE":
-      return ["jpg", "jpeg", "png", "gif", "bmp", "tiff", "svg"].includes(n || "");
+      return ["jpg", "jpeg", "png", "gif", "bmp", "tiff", "svg"].includes(i || "");
     case "VIDEO":
-      return ["mp4", "mov", "avi", "3gpp"].includes(n || "");
+      return ["mp4", "mov", "avi", "3gpp"].includes(i || "");
     case "DOCUMENT":
-      return ["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt"].includes(n || "");
+      return ["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt"].includes(i || "");
     default:
       return !1;
   }
-}, ya = (a) => {
+}, ga = (a) => {
   switch (a) {
     case "IMAGE":
       return 5 * 1024 * 1024;
@@ -4005,14 +4023,14 @@ const ba = async (a) => {
       return 10 * 1024 * 1024;
   }
 };
-function wa({ template: a, setTemplate: s, onFileUpload: i }) {
-  var E, A, O, R, _;
-  const [n, t] = J.useState({}), [, x] = J.useState({}), [l, k] = J.useState({ open: !1, message: "" }), [w, o] = J.useState(!1), [N, U] = J.useState(null), f = J.useRef({}), b = () => {
-    var C;
+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 = () => {
+    var E;
     const m = {
       id: Math.random().toString(36).substr(2, 9),
       headerType: "MEDIA",
-      mediaType: ((C = a.carousel) == null ? void 0 : C.type) === "VIDEO" ? "VIDEO" : "IMAGE",
+      mediaType: ((E = a.carousel) == null ? void 0 : E.type) === "VIDEO" ? "VIDEO" : "IMAGE",
       body: "",
       buttons: []
     };
@@ -4027,121 +4045,121 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
       };
     });
   }, M = (m) => {
-    s((C) => ({
-      ...C,
+    s((E) => ({
+      ...E,
       carousel: {
-        ...C.carousel,
-        cards: C.carousel.cards.filter((S) => S.id !== m)
+        ...E.carousel,
+        cards: E.carousel.cards.filter((S) => S.id !== m)
       }
     }));
-  }, g = (m, C, S) => {
+  }, b = (m, E, S) => {
     s((j) => ({
       ...j,
       carousel: {
         ...j.carousel,
         cards: j.carousel.cards.map(
-          (I) => I.id === m ? { ...I, [C]: S } : I
+          (I) => I.id === m ? { ...I, [E]: S } : I
         )
       }
     }));
-  }, v = (m) => {
-    s((C) => {
-      const j = ((C.carousel || { type: m, cards: [] }).cards || []).map((I) => ({
+  }, y = (m) => {
+    s((E) => {
+      const j = ((E.carousel || { type: m, cards: [] }).cards || []).map((I) => ({
         ...I,
         mediaType: m,
         mediaUrl: ""
       }));
       return {
-        ...C,
+        ...E,
         carousel: {
           type: m,
           cards: j
         }
       };
     });
-  }, c = (m, C) => {
-    var q;
-    const S = (q = a.carousel) == null ? void 0 : q.cards.find((X) => X.id === m);
+  }, t = (m, E) => {
+    var D;
+    const S = (D = a.carousel) == null ? void 0 : D.cards.find((K) => K.id === m);
     if (!S) return;
-    const h = `{{${y(m) + 1}}}`, z = S[C] + h;
-    g(m, C, z);
-  }, p = (m) => {
-    var z;
-    if (!N) return;
-    const C = f.current[N], S = (z = a.carousel) == null ? void 0 : z.cards.find((q) => q.id === N);
+    const z = `{{${p(m) + 1}}}`, T = S[E] + z;
+    b(m, E, T);
+  }, x = (m) => {
+    var T;
+    if (!k) return;
+    const E = d.current[k], S = (T = a.carousel) == null ? void 0 : T.cards.find((D) => D.id === k);
     if (!S) return;
-    const j = C && typeof C.selectionStart == "number" ? C.selectionStart : S.body.length, I = S.body.substring(0, j), h = S.body.substring(j), L = I + m + h;
-    g(N, "body", L), setTimeout(() => {
-      const q = f.current[N];
-      if (q) {
-        const X = j + m.length;
-        q.setSelectionRange(X, X), q.focus();
+    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();
       }
-    }, 0), o(!1);
-  }, y = (m) => {
-    var h;
-    const C = (h = a.carousel) == null ? void 0 : h.cards.find((L) => L.id === m);
-    if (!C) return 0;
-    const j = (C.body || "").match(/\{\{(\d+)\}\}/g);
+    }, 0), h(!1);
+  }, p = (m) => {
+    var z;
+    const E = (z = a.carousel) == null ? void 0 : z.cards.find((u) => u.id === m);
+    if (!E) return 0;
+    const j = (E.body || "").match(/\{\{(\d+)\}\}/g);
     if (!j) return 0;
-    const I = j.map((L) => {
-      const z = L.match(/{{(\d+)}}/);
-      return z ? parseInt(z[1], 10) : 0;
+    const I = j.map((u) => {
+      const T = u.match(/{{(\d+)}}/);
+      return T ? parseInt(T[1], 10) : 0;
     });
     return I.length > 0 ? Math.max(...I) : 0;
-  }, u = (m, C) => {
+  }, w = (m, E) => {
     var I;
-    const S = (I = a.carousel) == null ? void 0 : I.cards.find((h) => h.id === m);
+    const S = (I = a.carousel) == null ? void 0 : I.cards.find((z) => z.id === m);
     if (!S || S.buttons.length >= 2) return;
     const j = {
       id: Math.random().toString(36).substr(2, 9),
-      type: C,
+      type: E,
       text: "",
       value: "",
       urlType: "static"
     };
-    g(m, "buttons", [...S.buttons, j]);
-  }, V = (m, C, S, j) => {
-    var L;
-    const I = (L = a.carousel) == null ? void 0 : L.cards.find((z) => z.id === m);
+    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);
     if (!I) return;
-    const h = I.buttons.map(
-      (z) => z.id === C ? { ...z, [S]: j } : z
+    const z = I.buttons.map(
+      (T) => T.id === E ? { ...T, [S]: j } : T
     );
-    g(m, "buttons", h);
-  }, B = (m, C) => {
+    b(m, "buttons", z);
+  }, R = (m, E) => {
     var I;
-    const S = (I = a.carousel) == null ? void 0 : I.cards.find((h) => h.id === m);
+    const S = (I = a.carousel) == null ? void 0 : I.cards.find((z) => z.id === m);
     if (!S) return;
-    const j = S.buttons.filter((h) => h.id !== C);
-    g(m, "buttons", j);
-  }, d = async (m, C) => {
+    const j = S.buttons.filter((z) => z.id !== E);
+    b(m, "buttons", j);
+  }, f = async (m, E) => {
     var S;
     try {
-      t((L) => ({ ...L, [m]: !0 })), x((L) => ({ ...L, [m]: !1 }));
+      c((u) => ({ ...u, [m]: !0 })), o((u) => ({ ...u, [m]: !1 }));
       const j = ((S = a.carousel) == null ? void 0 : S.type) === "VIDEO" ? "VIDEO" : "IMAGE";
-      if (!ga(C, j))
+      if (!ba(E, j))
         throw new Error(`Invalid file type. Expected ${j.toLowerCase()} file.`);
-      const I = ya(j);
-      if (C.size > I) {
-        const L = I / 1048576;
-        throw new Error(`File size too large. Maximum allowed size is ${L}MB.`);
+      const I = ga(j);
+      if (E.size > I) {
+        const u = I / 1048576;
+        throw new Error(`File size too large. Maximum allowed size is ${u}MB.`);
       }
-      const h = await i(C);
-      g(m, "mediaUrl", h);
+      const z = await n(E);
+      b(m, "mediaUrl", z);
     } catch (j) {
-      console.error("File upload failed:", j), k({ open: !0, message: j instanceof Error ? j.message : "File upload failed" });
+      console.error("File upload failed:", j), v({ open: !0, message: j instanceof Error ? j.message : "File upload failed" });
     } finally {
-      t((j) => ({ ...j, [m]: !1 }));
+      c((j) => ({ ...j, [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: () => k({ open: !1, message: "" }) }),
+      /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-inset-0 rsp-bg-black rsp-bg-opacity-40", onClick: () => v({ 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: () => k({ 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: () => 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__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between", children: [
@@ -4149,17 +4167,17 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
       /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-4", children: [
         /* @__PURE__ */ r("span", { className: "rsp-text-sm rsp-text-gray-500", children: [
           "Total Cards: ",
-          ((E = a.carousel) == null ? void 0 : E.cards.length) || 0,
+          ((C = a.carousel) == null ? void 0 : C.cards.length) || 0,
           "/10"
         ] }),
         /* @__PURE__ */ r(
           "button",
           {
-            onClick: b,
-            disabled: (((A = a.carousel) == null ? void 0 : A.cards.length) || 0) >= 10,
+            onClick: N,
+            disabled: (((U = a.carousel) == null ? void 0 : U.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(Ae, { className: "rsp-w-4 rsp-h-4 rsp-inline rsp-mr-2" }),
+              /* @__PURE__ */ e(he, { className: "rsp-w-4 rsp-h-4 rsp-inline rsp-mr-2" }),
               "Add Card"
             ]
           }
@@ -4177,7 +4195,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
               name: "carouselType",
               value: "IMAGE",
               checked: ((O = a.carousel) == null ? void 0 : O.type) === "IMAGE",
-              onChange: (m) => v(m.target.value),
+              onChange: (m) => y(m.target.value),
               className: "rsp-mr-2"
             }
           ),
@@ -4190,8 +4208,8 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
               type: "radio",
               name: "carouselType",
               value: "VIDEO",
-              checked: ((R = a.carousel) == null ? void 0 : R.type) === "VIDEO",
-              onChange: (m) => v(m.target.value),
+              checked: ((P = a.carousel) == null ? void 0 : P.type) === "VIDEO",
+              onChange: (m) => y(m.target.value),
               className: "rsp-mr-2"
             }
           ),
@@ -4199,15 +4217,15 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: (_ = a.carousel) == null ? void 0 : _.cards.map((m, C) => {
-      var S, j, I, h, L, z, q, X;
+    /* @__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;
       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: [
-            /* @__PURE__ */ e("div", { className: "rsp-w-8 rsp-h-8 rsp-bg-blue-500 rsp-text-white rsp-rounded-full rsp-flex rsp-items-center rsp-justify-center rsp-font-bold rsp-text-sm rsp-shadow-md", children: C + 1 }),
+            /* @__PURE__ */ e("div", { className: "rsp-w-8 rsp-h-8 rsp-bg-blue-500 rsp-text-white rsp-rounded-full rsp-flex rsp-items-center rsp-justify-center rsp-font-bold rsp-text-sm rsp-shadow-md", children: E + 1 }),
             /* @__PURE__ */ r("h4", { className: "rsp-text-base rsp-font-semibold rsp-text-gray-800", children: [
               "Card ",
-              C + 1
+              E + 1
             ] })
           ] }),
           /* @__PURE__ */ e(
@@ -4233,10 +4251,10 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                   "img",
                   {
                     src: m.mediaUrl,
-                    alt: `Card ${C + 1}`,
+                    alt: `Card ${E + 1}`,
                     className: "rsp-w-full rsp-h-48 rsp-object-cover rsp-rounded-lg rsp-shadow-md",
-                    onLoad: () => x((T) => ({ ...T, [m.id]: !0 })),
-                    onError: () => x((T) => ({ ...T, [m.id]: !1 }))
+                    onLoad: () => o((L) => ({ ...L, [m.id]: !0 })),
+                    onError: () => o((L) => ({ ...L, [m.id]: !1 }))
                   }
                 ) : /* @__PURE__ */ e(
                   "video",
@@ -4244,53 +4262,53 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                     src: m.mediaUrl,
                     className: "rsp-w-full rsp-h-48 rsp-object-cover rsp-rounded-lg rsp-shadow-md",
                     controls: !0,
-                    onLoadedData: () => x((T) => ({ ...T, [m.id]: !0 })),
-                    onError: () => x((T) => ({ ...T, [m.id]: !1 }))
+                    onLoadedData: () => o((L) => ({ ...L, [m.id]: !0 })),
+                    onError: () => o((L) => ({ ...L, [m.id]: !1 }))
                   }
                 ),
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => g(m.id, "mediaUrl", ""),
+                    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" })
                   }
                 ),
-                /* @__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: ((h = a.carousel) == null ? void 0 : h.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: ((z = a.carousel) == null ? void 0 : z.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: ((L = a.carousel) == null ? void 0 : L.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: ((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(
                   "input",
                   {
                     type: "file",
-                    accept: ((z = a.carousel) == null ? void 0 : z.type) === "VIDEO" ? "video/*" : "image/*",
-                    onChange: (T) => {
-                      var D;
-                      const Y = (D = T.target.files) == null ? void 0 : D[0];
-                      Y && !n[m.id] && d(m.id, Y);
+                    accept: ((T = a.carousel) == null ? void 0 : T.type) === "VIDEO" ? "video/*" : "image/*",
+                    onChange: (L) => {
+                      var _;
+                      const Y = (_ = L.target.files) == null ? void 0 : _[0];
+                      Y && !i[m.id] && f(m.id, Y);
                     },
                     className: "rsp-hidden",
                     id: `file-upload-${m.id}`,
-                    disabled: !!n[m.id]
+                    disabled: !!i[m.id]
                   }
                 ),
                 /* @__PURE__ */ r(
                   "label",
                   {
                     htmlFor: `file-upload-${m.id}`,
-                    className: `rsp-inline-flex rsp-items-center rsp-gap-2 rsp-px-5 rsp-py-2.5 rsp-border rsp-border-blue-300 rsp-rounded-lg rsp-shadow-sm rsp-text-sm rsp-font-semibold rsp-text-blue-600 rsp-bg-white rsp-transition-colors ${n[m.id] ? "rsp-opacity-50 rsp-cursor-not-allowed" : "hover:rsp-bg-blue-50 rsp-cursor-pointer"}`,
-                    "aria-disabled": !!n[m.id],
+                    className: `rsp-inline-flex rsp-items-center rsp-gap-2 rsp-px-5 rsp-py-2.5 rsp-border rsp-border-blue-300 rsp-rounded-lg rsp-shadow-sm rsp-text-sm rsp-font-semibold rsp-text-blue-600 rsp-bg-white rsp-transition-colors ${i[m.id] ? "rsp-opacity-50 rsp-cursor-not-allowed" : "hover:rsp-bg-blue-50 rsp-cursor-pointer"}`,
+                    "aria-disabled": !!i[m.id],
                     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 ",
-                      ((q = a.carousel) == null ? void 0 : q.type) === "VIDEO" ? "Video" : "Image"
+                      ((D = a.carousel) == null ? void 0 : D.type) === "VIDEO" ? "Video" : "Image"
                     ]
                   }
                 ),
-                /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-3 rsp-px-2", children: ((X = a.carousel) == null ? void 0 : X.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: ((K = a.carousel) == null ? void 0 : K.type) === "VIDEO" ? "📹 MP4, MOV, AVI (Max 16MB)" : "🖼️ PNG, JPG, GIF, TIFF, SVG, BMP (Max 5MB)" })
               ] }),
-              n[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: [
+              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: [
                   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.25", strokeWidth: "4" }),
                   /* @__PURE__ */ e("path", { d: "M22 12a10 10 0 00-10-10", strokeWidth: "4" })
@@ -4309,11 +4327,11 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
               /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
                 "textarea",
                 {
-                  ref: (T) => {
-                    f.current[m.id] = T;
+                  ref: (L) => {
+                    d.current[m.id] = L;
                   },
                   value: m.body,
-                  onChange: (T) => g(m.id, "body", T.target.value),
+                  onChange: (L) => b(m.id, "body", L.target.value),
                   maxLength: 160,
                   rows: 4,
                   className: "rsp-w-full rsp-px-4 rsp-py-3 rsp-border-2 rsp-border-gray-200 rsp-rounded-lg rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-400 rsp-bg-white rsp-resize-none rsp-shadow-sm rsp-transition-colors",
@@ -4325,7 +4343,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      onClick: () => c(m.id, "body"),
+                      onClick: () => t(m.id, "body"),
                       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 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" }) })
@@ -4335,11 +4353,11 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                     "button",
                     {
                       onClick: () => {
-                        U(m.id), o(!0);
+                        V(m.id), h(!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(he, { className: "rsp-w-4 rsp-h-4" })
+                      children: /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
                     }
                   )
                 ] }),
@@ -4349,15 +4367,15 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                 ] })
               ] }),
               (() => {
-                const T = m.body.match(/\{\{(\d+)\}\}/g) || [], Y = [...new Set(T.map((D) => D.replace(/[{}]/g, "")))];
+                const L = m.body.match(/\{\{(\d+)\}\}/g) || [], Y = [...new Set(L.map((_) => _.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((D) => {
+                  /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-1 rsp-gap-2", children: Y.map((_) => {
                     var ie, G;
                     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,
+                        _,
                         "}}",
                         ":"
                       ] }),
@@ -4365,22 +4383,22 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                         "input",
                         {
                           type: "text",
-                          value: ((G = (ie = m.sampleContent) == null ? void 0 : ie.bodyVariables) == null ? void 0 : G[D]) || "",
+                          value: ((G = (ie = m.sampleContent) == null ? void 0 : ie.bodyVariables) == null ? void 0 : G[_]) || "",
                           onChange: (se) => {
                             const ae = se.target.value;
-                            s((K) => ({
-                              ...K,
+                            s((J) => ({
+                              ...J,
                               carousel: {
-                                ...K.carousel,
-                                cards: K.carousel.cards.map((F) => {
-                                  var H, W, Z;
+                                ...J.carousel,
+                                cards: J.carousel.cards.map((F) => {
+                                  var $, W, Z;
                                   return F.id !== m.id ? F : {
                                     ...F,
                                     sampleContent: {
-                                      headerVariables: ((H = F.sampleContent) == null ? void 0 : H.headerVariables) || {},
+                                      headerVariables: (($ = F.sampleContent) == null ? void 0 : $.headerVariables) || {},
                                       bodyVariables: {
                                         ...((W = F.sampleContent) == null ? void 0 : W.bodyVariables) || {},
-                                        [D]: ae
+                                        [_]: ae
                                       },
                                       buttonVariables: ((Z = F.sampleContent) == null ? void 0 : Z.buttonVariables) || {}
                                     }
@@ -4398,15 +4416,15 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                         {
                           type: "button",
                           onClick: () => {
-                            const se = new RegExp(`\\{\\{${D}\\}\\}`, "g"), ae = (m.body || "").replace(se, "");
-                            s((K) => ({
-                              ...K,
+                            const se = new RegExp(`\\{\\{${_}\\}\\}`, "g"), ae = (m.body || "").replace(se, "");
+                            s((J) => ({
+                              ...J,
                               carousel: {
-                                ...K.carousel,
-                                cards: K.carousel.cards.map((F) => {
-                                  var H, W, Z;
+                                ...J.carousel,
+                                cards: J.carousel.cards.map((F) => {
+                                  var $, W, Z;
                                   if (F.id !== m.id) return F;
-                                  const Q = Object.fromEntries(Object.entries(((H = F.sampleContent) == null ? void 0 : H.bodyVariables) || {}).filter(([ne]) => ne !== D));
+                                  const Q = Object.fromEntries(Object.entries((($ = F.sampleContent) == null ? void 0 : $.bodyVariables) || {}).filter(([ne]) => ne !== _));
                                   return {
                                     ...F,
                                     body: ae,
@@ -4425,7 +4443,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                           children: "×"
                         }
                       )
-                    ] }, `card-${m.id}-sample-${D}`);
+                    ] }, `card-${m.id}-sample-${_}`);
                   }) })
                 ] });
               })()
@@ -4444,7 +4462,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => u(m.id, "QUICK_REPLY"),
+                    onClick: () => w(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" }) }),
@@ -4455,7 +4473,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => u(m.id, "URL"),
+                    onClick: () => w(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" }) }),
@@ -4466,7 +4484,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => u(m.id, "PHONE_NUMBER"),
+                    onClick: () => w(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" }) }),
@@ -4481,16 +4499,16 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                 /* @__PURE__ */ e("svg", { className: "rsp-w-4 rsp-h-4 rsp-text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
                 "Configured Buttons"
               ] }),
-              m.buttons.map((T, Y) => /* @__PURE__ */ r("div", { className: "rsp-p-4 rsp-border-2 rsp-border-blue-200 rsp-rounded-lg rsp-bg-gradient-to-br rsp-from-blue-50 rsp-to-white rsp-shadow-sm", children: [
+              m.buttons.map((L, Y) => /* @__PURE__ */ r("div", { className: "rsp-p-4 rsp-border-2 rsp-border-blue-200 rsp-rounded-lg rsp-bg-gradient-to-br rsp-from-blue-50 rsp-to-white rsp-shadow-sm", children: [
                 /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between rsp-mb-3", children: [
                   /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-2", children: [
                     /* @__PURE__ */ e("div", { className: "rsp-w-6 rsp-h-6 rsp-bg-blue-500 rsp-text-white rsp-rounded rsp-flex rsp-items-center rsp-justify-center rsp-text-xs rsp-font-bold", children: Y + 1 }),
-                    /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-semibold rsp-text-gray-800", children: T.type === "QUICK_REPLY" ? "Quick Reply" : T.type === "URL" ? "Website" : "Phone" })
+                    /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-semibold rsp-text-gray-800", children: L.type === "QUICK_REPLY" ? "Quick Reply" : L.type === "URL" ? "Website" : "Phone" })
                   ] }),
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      onClick: () => B(m.id, T.id),
+                      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" })
@@ -4504,15 +4522,15 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                       "input",
                       {
                         type: "text",
-                        value: T.text,
-                        onChange: (D) => V(m.id, T.id, "text", D.target.value),
-                        placeholder: `Enter Button Text (Max ${T.type === "QUICK_REPLY" ? "25" : "20"} characters)`,
-                        maxLength: T.type === "QUICK_REPLY" ? 25 : 20,
+                        value: L.text,
+                        onChange: (_) => A(m.id, L.id, "text", _.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"
                       }
                     )
                   ] }),
-                  T.type === "URL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-3", children: [
+                  L.type === "URL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-3", children: [
                     /* @__PURE__ */ r("div", { children: [
                       /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-xs rsp-font-medium rsp-text-gray-600 rsp-mb-2", children: "URL Type" }),
                       /* @__PURE__ */ r("div", { className: "rsp-flex rsp-gap-4", children: [
@@ -4521,8 +4539,8 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                             "input",
                             {
                               type: "radio",
-                              checked: T.urlType !== "dynamic",
-                              onChange: () => V(m.id, T.id, "urlType", "static"),
+                              checked: L.urlType !== "dynamic",
+                              onChange: () => A(m.id, L.id, "urlType", "static"),
                               className: "rsp-mr-2 rsp-text-blue-600"
                             }
                           ),
@@ -4533,8 +4551,8 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                             "input",
                             {
                               type: "radio",
-                              checked: T.urlType === "dynamic",
-                              onChange: () => V(m.id, T.id, "urlType", "dynamic"),
+                              checked: L.urlType === "dynamic",
+                              onChange: () => A(m.id, L.id, "urlType", "dynamic"),
                               className: "rsp-mr-2 rsp-text-blue-600"
                             }
                           ),
@@ -4548,14 +4566,14 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                         "input",
                         {
                           type: "text",
-                          value: T.value || "",
-                          onChange: (D) => V(m.id, T.id, "value", D.target.value),
-                          placeholder: T.urlType === "dynamic" ? "https://example.com/order/{{1}}" : "https://example.com",
+                          value: L.value || "",
+                          onChange: (_) => A(m.id, L.id, "value", _.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"
                         }
                       )
                     ] }),
-                    T.urlType === "dynamic" && /* @__PURE__ */ r("div", { className: "rsp-space-y-2", children: [
+                    L.urlType === "dynamic" && /* @__PURE__ */ r("div", { className: "rsp-space-y-2", children: [
                       /* @__PURE__ */ e("div", { className: "rsp-p-2 rsp-bg-blue-50 rsp-rounded rsp-border rsp-border-blue-200", children: /* @__PURE__ */ r("p", { className: "rsp-text-xs rsp-text-blue-700", children: [
                         /* @__PURE__ */ e("strong", { children: "Tip:" }),
                         " Use ",
@@ -4574,22 +4592,22 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                           {
                             type: "button",
                             onClick: () => {
-                              if (((T.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
-                              const G = ((T.value || "").match(/\{\{(\d+)\}\}/g) || []).map((F) => {
+                              if (((L.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3) return;
+                              const G = ((L.value || "").match(/\{\{(\d+)\}\}/g) || []).map((F) => {
                                 const Q = F.match(/{{(\d+)}}/);
                                 return Q ? parseInt(Q[1], 10) : 0;
-                              }), ae = (G.length > 0 ? Math.max(...G) : 0) + 1, K = (T.value || "") + `{{${ae}}}`;
-                              V(m.id, T.id, "value", K);
+                              }), ae = (G.length > 0 ? Math.max(...G) : 0) + 1, J = (L.value || "") + `{{${ae}}}`;
+                              A(m.id, L.id, "value", J);
                             },
-                            disabled: ((T.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3,
+                            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",
                             children: "+ Add Variable"
                           }
                         ),
-                        ((T.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 3 variables allowed" })
+                        ((L.value || "").match(/\{\{(\d+)\}\}/g) || []).length >= 3 && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Maximum 3 variables allowed" })
                       ] }),
                       (() => {
-                        const D = (T.value || "").match(/\{\{(\d+)\}\}/g) || [], ie = [...new Set(D.map((G) => G.replace(/[{}]/g, "")))];
+                        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: [
                           /* @__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) => {
@@ -4606,21 +4624,21 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                                 {
                                   type: "text",
                                   value: ((ae = (se = m.sampleContent) == null ? void 0 : se.buttonVariables) == null ? void 0 : ae[G]) || "",
-                                  onChange: (K) => {
-                                    const F = K.target.value;
+                                  onChange: (J) => {
+                                    const F = J.target.value;
                                     s((Q) => ({
                                       ...Q,
                                       carousel: {
                                         ...Q.carousel,
-                                        cards: Q.carousel.cards.map((H) => {
+                                        cards: Q.carousel.cards.map(($) => {
                                           var W, Z, ne;
-                                          return H.id !== m.id ? H : {
-                                            ...H,
+                                          return $.id !== m.id ? $ : {
+                                            ...$,
                                             sampleContent: {
-                                              headerVariables: ((W = H.sampleContent) == null ? void 0 : W.headerVariables) || {},
-                                              bodyVariables: ((Z = H.sampleContent) == null ? void 0 : Z.bodyVariables) || {},
+                                              headerVariables: ((W = $.sampleContent) == null ? void 0 : W.headerVariables) || {},
+                                              bodyVariables: ((Z = $.sampleContent) == null ? void 0 : Z.bodyVariables) || {},
                                               buttonVariables: {
-                                                ...((ne = H.sampleContent) == null ? void 0 : ne.buttonVariables) || {},
+                                                ...((ne = $.sampleContent) == null ? void 0 : ne.buttonVariables) || {},
                                                 [G]: F
                                               }
                                             }
@@ -4638,20 +4656,20 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                                 {
                                   type: "button",
                                   onClick: () => {
-                                    const K = T.value || "", F = new RegExp(`\\{\\{${G}\\}\\}`, "g"), Q = K.replace(F, "");
-                                    V(m.id, T.id, "value", Q), s((H) => ({
-                                      ...H,
+                                    const J = L.value || "", F = new RegExp(`\\{\\{${G}\\}\\}`, "g"), Q = J.replace(F, "");
+                                    A(m.id, L.id, "value", Q), s(($) => ({
+                                      ...$,
                                       carousel: {
-                                        ...H.carousel,
-                                        cards: H.carousel.cards.map((W) => {
-                                          var ne, ye, we;
+                                        ...$.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(([Be]) => Be !== G));
+                                          const Z = Object.fromEntries(Object.entries(((ne = W.sampleContent) == null ? void 0 : ne.buttonVariables) || {}).filter(([Re]) => Re !== G));
                                           return {
                                             ...W,
                                             sampleContent: {
-                                              headerVariables: ((ye = W.sampleContent) == null ? void 0 : ye.headerVariables) || {},
-                                              bodyVariables: ((we = W.sampleContent) == null ? void 0 : we.bodyVariables) || {},
+                                              headerVariables: ((we = W.sampleContent) == null ? void 0 : we.headerVariables) || {},
+                                              bodyVariables: ((ve = W.sampleContent) == null ? void 0 : ve.bodyVariables) || {},
                                               buttonVariables: Z
                                             }
                                           };
@@ -4664,27 +4682,27 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
                                   children: "×"
                                 }
                               )
-                            ] }, `button-${T.id}-sample-${G}`);
+                            ] }, `button-${L.id}-sample-${G}`);
                           }) })
                         ] });
                       })()
                     ] })
                   ] }),
-                  T.type === "PHONE_NUMBER" && /* @__PURE__ */ r("div", { children: [
+                  L.type === "PHONE_NUMBER" && /* @__PURE__ */ r("div", { children: [
                     /* @__PURE__ */ e("label", { className: "rsp-block rsp-text-xs rsp-font-medium rsp-text-gray-600 rsp-mb-1", children: "Phone Number" }),
                     /* @__PURE__ */ e(
                       "input",
                       {
                         type: "text",
-                        value: T.value || "",
-                        onChange: (D) => V(m.id, T.id, "value", D.target.value),
+                        value: L.value || "",
+                        onChange: (_) => A(m.id, L.id, "value", _.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"
                       }
                     )
                   ] })
                 ] })
-              ] }, T.id))
+              ] }, L.id))
             ] })
           ] })
         ] }) })
@@ -4705,11 +4723,11 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      ge,
+      ye,
       {
-        isOpen: w,
-        onClose: () => o(!1),
-        onSelect: p
+        isOpen: g,
+        onClose: () => h(!1),
+        onSelect: x
       }
     )
   ] });
@@ -4717,40 +4735,40 @@ function wa({ template: a, setTemplate: s, onFileUpload: i }) {
 const Me = async (a) => {
   try {
     console.log(`Starting file upload: ${a.name}`);
-    const s = await ba(a);
+    const s = await ua(a);
     return console.log(`File uploaded successfully: ${s}`), s;
   } catch (s) {
     throw console.error("Upload failed in parent:", s), s;
   }
-}, va = (a) => {
-  const i = (a.body || "").match(/\{\{(\d+)\}\}/g);
-  if (!i) return 0;
-  const n = i.map((t) => {
-    const x = t.match(/{{(\d+)}}/);
-    return x ? parseInt(x[1], 10) : 0;
+}, wa = (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;
   });
-  return n.length > 0 ? Math.max(...n) : 0;
+  return i.length > 0 ? Math.max(...i) : 0;
 };
-function ka({ template: a, setTemplate: s }) {
-  const [i, n] = J.useState(!1), t = J.useRef(null), x = () => {
-    n(!0), setTimeout(() => {
-      t.current && t.current.focus();
+function va({ template: a, setTemplate: s }) {
+  const [n, i] = X.useState(!1), c = X.useRef(null), o = () => {
+    i(!0), setTimeout(() => {
+      c.current && c.current.focus();
     }, 0);
-  }, l = (k) => {
-    const w = t.current, o = a.body, N = w && typeof w.selectionStart == "number" ? w.selectionStart : o.length, U = o.substring(0, N), f = o.substring(N), b = U + k + f;
-    s({ ...a, body: b }), setTimeout(() => {
-      if (t.current) {
-        const M = N + k.length;
-        t.current.setSelectionRange(M, M), t.current.focus();
+  }, 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(() => {
+      if (c.current) {
+        const M = k + v.length;
+        c.current.setSelectionRange(M, M), c.current.focus();
       }
-    }, 0), n(!1);
+    }, 0), i(!1);
   };
   return /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
     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(oa, { template: a, setTemplate: s, onFileUpload: Me }),
-        /* @__PURE__ */ e(ha, { template: a, setTemplate: s })
+        /* @__PURE__ */ e(pa, { template: a, setTemplate: s, onFileUpload: Me }),
+        /* @__PURE__ */ e(fa, { template: a, setTemplate: s })
       ] })
     ] }),
     a.type === "CAROUSEL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
@@ -4763,9 +4781,9 @@ function ka({ template: a, setTemplate: s }) {
         /* @__PURE__ */ e("div", { className: "rsp-relative", children: /* @__PURE__ */ e(
           "textarea",
           {
-            ref: t,
+            ref: c,
             value: a.body,
-            onChange: (k) => s({ ...a, body: k.target.value }),
+            onChange: (v) => s({ ...a, body: v.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",
@@ -4779,8 +4797,8 @@ function ka({ template: a, setTemplate: s }) {
               "button",
               {
                 onClick: () => {
-                  const o = `{{${va(a) + 1}}}`;
-                  s({ ...a, body: a.body + o });
+                  const h = `{{${wa(a) + 1}}}`;
+                  s({ ...a, body: a.body + h });
                 },
                 className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
                 title: "Add Variable",
@@ -4790,10 +4808,10 @@ function ka({ template: a, setTemplate: s }) {
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: x,
+                onClick: o,
                 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(he, { className: "rsp-w-4 rsp-h-4" })
+                children: /* @__PURE__ */ e(ue, { className: "rsp-w-4 rsp-h-4" })
               }
             )
           ] }),
@@ -4803,15 +4821,15 @@ function ka({ template: a, setTemplate: s }) {
           ] })
         ] }),
         (() => {
-          const k = a.body.match(/\{\{(\d+)\}\}/g) || [], w = [...new Set(k.map((o) => o.replace(/[{}]/g, "")))];
-          return w.length === 0 ? null : /* @__PURE__ */ r("div", { className: "rsp-mt-3", children: [
+          const v = a.body.match(/\{\{(\d+)\}\}/g) || [], g = [...new Set(v.map((h) => h.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: w.map((o) => {
-              var N, U;
+            /* @__PURE__ */ e("div", { className: "rsp-grid rsp-grid-cols-3 rsp-gap-2", children: g.map((h) => {
+              var k, 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: [
                   "{{",
-                  o,
+                  h,
                   "}}",
                   ":"
                 ] }),
@@ -4819,19 +4837,19 @@ function ka({ template: a, setTemplate: s }) {
                   "input",
                   {
                     type: "text",
-                    value: ((U = (N = a.sampleContent) == null ? void 0 : N.bodyVariables) == null ? void 0 : U[o]) || "",
-                    onChange: (f) => {
-                      var M, g, v;
-                      const b = {
+                    value: ((V = (k = a.sampleContent) == null ? void 0 : k.bodyVariables) == null ? void 0 : V[h]) || "",
+                    onChange: (d) => {
+                      var M, b, y;
+                      const N = {
                         ...a.sampleContent,
                         headerVariables: ((M = a.sampleContent) == null ? void 0 : M.headerVariables) || {},
                         bodyVariables: {
-                          ...(g = a.sampleContent) == null ? void 0 : g.bodyVariables,
-                          [o]: f.target.value
+                          ...(b = a.sampleContent) == null ? void 0 : b.bodyVariables,
+                          [h]: d.target.value
                         },
-                        buttonVariables: ((v = a.sampleContent) == null ? void 0 : v.buttonVariables) || {}
+                        buttonVariables: ((y = a.sampleContent) == null ? void 0 : y.buttonVariables) || {}
                       };
-                      s({ ...a, sampleContent: b });
+                      s({ ...a, sampleContent: N });
                     },
                     className: "rsp-flex-1 rsp-px-2 rsp-py-1 rsp-border rsp-border-gray-300 rsp-rounded rsp-text-xs focus:rsp-outline-none focus:rsp-border-blue-500",
                     placeholder: "Sample"
@@ -4842,16 +4860,16 @@ function ka({ template: a, setTemplate: s }) {
                   {
                     type: "button",
                     onClick: () => {
-                      var g, v, c;
-                      const f = new RegExp(`\\{\\{${o}\\}\\}`, "g"), b = (a.body || "").replace(f, ""), M = Object.fromEntries(Object.entries(((g = a.sampleContent) == null ? void 0 : g.bodyVariables) || {}).filter(([p]) => p !== o));
+                      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));
                       s({
                         ...a,
-                        body: b,
+                        body: N,
                         sampleContent: {
                           ...a.sampleContent,
                           bodyVariables: M,
-                          headerVariables: ((v = a.sampleContent) == null ? void 0 : v.headerVariables) || {},
-                          buttonVariables: ((c = a.sampleContent) == null ? void 0 : c.buttonVariables) || {}
+                          headerVariables: ((y = a.sampleContent) == null ? void 0 : y.headerVariables) || {},
+                          buttonVariables: ((t = a.sampleContent) == null ? void 0 : t.buttonVariables) || {}
                         }
                       });
                     },
@@ -4860,14 +4878,14 @@ function ka({ template: a, setTemplate: s }) {
                     children: "×"
                   }
                 )
-              ] }, `global-body-sample-${o}`);
+              ] }, `global-body-sample-${h}`);
             }) })
           ] });
         })()
       ] }) })
     ] }),
     a.type === "CAROUSEL" && /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: /* @__PURE__ */ e(
-      wa,
+      ya,
       {
         template: a,
         setTemplate: s,
@@ -4875,62 +4893,62 @@ function ka({ template: a, setTemplate: s }) {
       }
     ) }),
     a.type !== "CAROUSEL" && /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: /* @__PURE__ */ e(
-      ua,
+      ha,
       {
         template: a,
         setTemplate: s
       }
     ) }),
     /* @__PURE__ */ e(
-      ge,
+      ye,
       {
-        isOpen: i,
-        onClose: () => n(!1),
+        isOpen: n,
+        onClose: () => i(!1),
         onSelect: l
       }
     )
   ] });
 }
-function Na({ type: a }) {
+function ka({ type: a }) {
   switch (a) {
     case "QUICK_REPLY":
-      return /* @__PURE__ */ e(Je, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Ke, { className: "w-4 h-4" });
     case "URL":
-      return /* @__PURE__ */ e(We, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Ge, { className: "w-4 h-4" });
     case "CALL":
-      return /* @__PURE__ */ e(Ue, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Ve, { className: "w-4 h-4" });
     case "FLOW":
-      return /* @__PURE__ */ e(Qe, { className: "w-4 h-4" });
+      return /* @__PURE__ */ e(Ye, { className: "w-4 h-4" });
     default:
       return null;
   }
 }
-function Ca({ buttons: a, flowButtonText: s, onShowAllOptions: i }) {
-  const n = [...a];
-  s && n.push({
+function Na({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
+  const i = [...a];
+  s && i.push({
     id: "flow-button",
     type: "QUICK_REPLY",
     text: s
   });
-  const t = n.slice(0, 2);
+  const c = i.slice(0, 2);
   return /* @__PURE__ */ r("div", { className: "rsp-divide-y rsp-divide-gray-200", children: [
-    t.map((x) => /* @__PURE__ */ r(
+    c.map((o) => /* @__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(Na, { type: x.type }) }),
-          /* @__PURE__ */ e("span", { className: "rsp-flex-1 rsp-text-left rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", children: x.text }),
-          x.id === "flow-button" && /* @__PURE__ */ e(qe, { className: "rsp-w-5 rsp-h-5 rsp-text-[#128C7E] rsp-ml-auto" })
+          /* @__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" })
         ]
       },
-      x.id
+      o.id
     )),
-    n.length > 2 && /* @__PURE__ */ r(
+    i.length > 2 && /* @__PURE__ */ r(
       "button",
       {
-        onClick: i,
+        onClick: n,
         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-justify-center rsp-transition-colors",
         style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' },
         children: [
@@ -4941,25 +4959,25 @@ function Ca({ buttons: a, flowButtonText: s, onShowAllOptions: i }) {
     )
   ] });
 }
-function Ea({ template: a }) {
-  var U, f, b, M;
-  const [s, i] = P(!1), [n, t] = P(0), x = (U = a.carousel) != null && U.cards ? a.carousel.cards.length : 0;
+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;
   le(() => {
-    a.type === "CAROUSEL" && x > 0 ? n >= x && t(0) : t(0);
-  }, [x, a.type]);
-  const l = (g) => g ? g.replace(/\{\{(\d+)\}\}/g, (v, c) => {
-    var p, y;
-    return ((y = (p = a.sampleContent) == null ? void 0 : p.headerVariables) == null ? void 0 : y[c]) || `[Variable ${c}]`;
-  }) : "", k = (g) => g ? g.replace(/\{\{(\d+)\}\}/g, (v, c) => {
-    var p, y;
-    return ((y = (p = a.sampleContent) == null ? void 0 : p.bodyVariables) == null ? void 0 : y[c]) || `[Variable ${c}]`;
-  }) : "", w = (g) => {
-    var p;
-    const v = (g == null ? void 0 : g.body) ?? "";
-    if (!v) return "";
-    const c = ((p = g == null ? void 0 : g.sampleContent) == null ? void 0 : p.bodyVariables) ?? {};
-    return v.replace(/\{\{(\d+)\}\}/g, (y, u) => c[u] || `[Variable ${u}]`);
-  }, o = a.headerType !== "NONE" || a.body || a.footer || a.buttons.length > 0 || a.type === "CAROUSEL" && ((f = a.carousel) == null ? void 0 : f.cards.length), N = a.headerText || a.body || a.footer;
+    a.type === "CAROUSEL" && o > 0 ? i >= o && c(0) : c(0);
+  }, [o, 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) => {
+    var x, p;
+    return ((p = (x = a.sampleContent) == null ? void 0 : x.bodyVariables) == null ? void 0 : p[t]) || `[Variable ${t}]`;
+  }) : "", g = (b) => {
+    var x;
+    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 /* @__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" }),
@@ -5006,7 +5024,7 @@ function Ea({ 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: o ? /* @__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: h ? /* @__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",
@@ -5014,8 +5032,8 @@ function Ea({ template: a }) {
                     src: a.mediaUrl,
                     alt: "Header media",
                     className: "rsp-w-full rsp-max-h-[150px] rsp-object-cover rsp-block",
-                    onError: (g) => {
-                      g.currentTarget.style.display = "none";
+                    onError: (b) => {
+                      b.currentTarget.style.display = "none";
                     }
                   }
                 ),
@@ -5031,29 +5049,29 @@ function Ea({ template: a }) {
                   ] })
                 ] }) })
               ] }),
-              N && /* @__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: [
+              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: k(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: v(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 = (b = a.carousel) == null ? void 0 : b.cards) == null ? void 0 : M.length) || 0) > 0 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start rsp-mb-1.5", children: /* @__PURE__ */ e("div", { className: "rsp-w-[220px] rsp-animate-slide-up", children: /* @__PURE__ */ e("div", { className: "rsp-bg-gradient-to-b rsp-from-white rsp-to-[#fafafa] rsp-rounded-[12px] rsp-overflow-hidden rsp-shadow-[0_2px_8px_rgba(0,0,0,0.08)] rsp-border rsp-border-gray-100 rsp-relative rsp-min-h-[280px] rsp-flex rsp-flex-col", children: /* @__PURE__ */ r("div", { className: "rsp-relative rsp-flex-1 rsp-flex rsp-flex-col", children: [
+              a.type === "CAROUSEL" && (((M = (N = a.carousel) == null ? void 0 : N.cards) == null ? void 0 : M.length) || 0) > 0 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start rsp-mb-1.5", children: /* @__PURE__ */ e("div", { className: "rsp-w-[220px] rsp-animate-slide-up", children: /* @__PURE__ */ e("div", { className: "rsp-bg-gradient-to-b rsp-from-white rsp-to-[#fafafa] rsp-rounded-[12px] rsp-overflow-hidden rsp-shadow-[0_2px_8px_rgba(0,0,0,0.08)] rsp-border rsp-border-gray-100 rsp-relative rsp-min-h-[280px] rsp-flex rsp-flex-col", children: /* @__PURE__ */ r("div", { className: "rsp-relative rsp-flex-1 rsp-flex rsp-flex-col", children: [
                 (() => {
-                  var v, c;
-                  const g = a.carousel && a.carousel.cards.length > 0 ? a.carousel.cards[n] || a.carousel.cards[0] : void 0;
+                  var y, t;
+                  const b = a.carousel && a.carousel.cards.length > 0 ? a.carousel.cards[i] || a.carousel.cards[0] : void 0;
                   return /* @__PURE__ */ r("div", { className: "rsp-flex rsp-flex-col rsp-h-full", children: [
-                    /* @__PURE__ */ e("div", { className: "rsp-relative rsp-w-full rsp-h-[140px] rsp-bg-gray-100 rsp-group rsp-flex-shrink-0", children: g && g.mediaUrl ? /* @__PURE__ */ r(ce, { children: [
-                      ((v = a.carousel) == null ? void 0 : v.type) === "IMAGE" ? /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("div", { className: "rsp-relative rsp-w-full rsp-h-[140px] rsp-bg-gray-100 rsp-group rsp-flex-shrink-0", children: b && b.mediaUrl ? /* @__PURE__ */ r(ce, { children: [
+                      ((y = a.carousel) == null ? void 0 : y.type) === "IMAGE" ? /* @__PURE__ */ e(
                         "img",
                         {
-                          src: g.mediaUrl,
+                          src: b.mediaUrl,
                           alt: "Carousel card",
                           className: "rsp-w-full rsp-h-full rsp-object-cover",
-                          onError: (p) => {
-                            p.currentTarget.style.display = "none";
+                          onError: (x) => {
+                            x.currentTarget.style.display = "none";
                           }
                         }
                       ) : /* @__PURE__ */ e("div", { className: "rsp-relative rsp-w-full rsp-h-full rsp-bg-gradient-to-br rsp-from-gray-800 rsp-to-gray-900 rsp-flex rsp-items-center rsp-justify-center", children: /* @__PURE__ */ e("div", { className: "rsp-w-10 rsp-h-10 rsp-bg-black rsp-bg-opacity-70 rsp-rounded-full rsp-flex rsp-items-center rsp-justify-center rsp-shadow-lg", children: /* @__PURE__ */ e("div", { className: "rsp-w-0 rsp-h-0 rsp-border-l-[6px] rsp-border-l-white rsp-border-t-[5px] rsp-border-t-transparent rsp-border-b-[5px] rsp-border-b-transparent rsp-ml-1" }) }) }),
@@ -5061,8 +5079,8 @@ function Ea({ template: a }) {
                         /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => t(
-                              (p) => p > 0 ? p - 1 : a.carousel.cards.length - 1
+                            onClick: () => c(
+                              (x) => x > 0 ? x - 1 : a.carousel.cards.length - 1
                             ),
                             className: "rsp-absolute rsp-left-1 rsp-top-1/2 rsp-transform -rsp-translate-y-1/2 rsp-z-20 rsp-w-6 rsp-h-6 rsp-bg-black rsp-bg-opacity-50 rsp-rounded-full rsp-flex rsp-items-center rsp-justify-center rsp-text-white hover:rsp-bg-opacity-80 rsp-transition-all rsp-opacity-0 group-hover:rsp-opacity-100",
                             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: "M15 19l-7-7 7-7" }) })
@@ -5071,8 +5089,8 @@ function Ea({ template: a }) {
                         /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => t(
-                              (p) => p < a.carousel.cards.length - 1 ? p + 1 : 0
+                            onClick: () => c(
+                              (x) => x < a.carousel.cards.length - 1 ? x + 1 : 0
                             ),
                             className: "rsp-absolute rsp-right-1 rsp-top-1/2 rsp-transform -rsp-translate-y-1/2 rsp-z-20 rsp-w-6 rsp-h-6 rsp-bg-black rsp-bg-opacity-50 rsp-rounded-full rsp-flex rsp-items-center rsp-justify-center rsp-text-white hover:rsp-bg-opacity-80 rsp-transition-all rsp-opacity-0 group-hover:rsp-opacity-100",
                             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: "M9 5l7 7-7 7" }) })
@@ -5080,44 +5098,44 @@ function Ea({ template: a }) {
                         )
                       ] }),
                       /* @__PURE__ */ r("div", { className: "rsp-absolute rsp-top-2 rsp-right-2 rsp-bg-black rsp-bg-opacity-60 rsp-text-white rsp-text-[10px] rsp-px-2 rsp-py-0.5 rsp-rounded-full rsp-backdrop-blur-sm", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: [
-                        n + 1,
+                        i + 1,
                         "/",
                         a.carousel ? a.carousel.cards.length : 0
                       ] })
                     ] }) : /* @__PURE__ */ e("div", { className: "rsp-w-full rsp-h-full rsp-flex rsp-items-center rsp-justify-center", children: /* @__PURE__ */ r("div", { className: "rsp-text-center", children: [
-                      /* @__PURE__ */ e("svg", { className: "rsp-w-12 rsp-h-12 rsp-mx-auto rsp-text-gray-400 rsp-mb-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: ((c = a.carousel) == null ? void 0 : c.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("svg", { className: "rsp-w-12 rsp-h-12 rsp-mx-auto rsp-text-gray-400 rsp-mb-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: ((t = a.carousel) == null ? void 0 : t.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("p", { className: "rsp-text-xs rsp-text-gray-500", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: "No media" })
                     ] }) }) }),
-                    /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-py-3 rsp-flex-1 rsp-flex rsp-items-start", children: /* @__PURE__ */ e("p", { className: "rsp-text-[13px] rsp-text-[#111b21] rsp-leading-[1.4] rsp-line-clamp-3", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: g ? w(g) : "Card body text..." }) }),
-                    /* @__PURE__ */ e("div", { className: "rsp-border-t rsp-border-gray-100 rsp-mt-auto", children: g && g.buttons.length > 0 ? /* @__PURE__ */ e(ce, { children: g.buttons.map((p, y) => /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-py-3 rsp-flex-1 rsp-flex rsp-items-start", children: /* @__PURE__ */ e("p", { className: "rsp-text-[13px] rsp-text-[#111b21] rsp-leading-[1.4] rsp-line-clamp-3", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: b ? g(b) : "Card body text..." }) }),
+                    /* @__PURE__ */ e("div", { className: "rsp-border-t rsp-border-gray-100 rsp-mt-auto", children: b && b.buttons.length > 0 ? /* @__PURE__ */ e(ce, { children: b.buttons.map((x, p) => /* @__PURE__ */ e(
                       "div",
                       {
-                        className: `rsp-px-4 rsp-py-3 rsp-text-center rsp-text-[14px] rsp-text-[#128C7E] rsp-font-medium rsp-break-words rsp-whitespace-pre-wrap ${y < g.buttons.length - 1 ? "rsp-border-b rsp-border-gray-100" : ""}`,
+                        className: `rsp-px-4 rsp-py-3 rsp-text-center rsp-text-[14px] rsp-text-[#128C7E] rsp-font-medium rsp-break-words rsp-whitespace-pre-wrap ${p < b.buttons.length - 1 ? "rsp-border-b rsp-border-gray-100" : ""}`,
                         style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' },
                         children: /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-gap-2", children: [
-                          p.type === "URL" && /* @__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: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) }),
-                          (p.type === "CALL" || p.type === "PHONE_NUMBER") && /* @__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: "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" }) }),
-                          /* @__PURE__ */ e("span", { className: "rsp-inline-block rsp-max-w-[180px] rsp-break-words rsp-break-all rsp-whitespace-pre-wrap rsp-text-center", children: p.text })
+                          x.type === "URL" && /* @__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: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) }),
+                          (x.type === "CALL" || x.type === "PHONE_NUMBER") && /* @__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: "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" }) }),
+                          /* @__PURE__ */ e("span", { className: "rsp-inline-block rsp-max-w-[180px] rsp-break-words rsp-break-all rsp-whitespace-pre-wrap rsp-text-center", children: x.text })
                         ] })
                       },
-                      p.id
+                      x.id
                     )) }) : /* @__PURE__ */ e("div", { className: "rsp-px-4 rsp-py-3 rsp-text-center rsp-text-xs rsp-text-gray-400", style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' }, children: "No buttons" }) })
                   ] });
                 })(),
-                a.carousel && a.carousel.cards.length > 1 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-gap-1.5 rsp-py-3 rsp-bg-white rsp-border-t rsp-border-gray-100", children: a.carousel && a.carousel.cards.map((g, v) => /* @__PURE__ */ e(
+                a.carousel && a.carousel.cards.length > 1 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-gap-1.5 rsp-py-3 rsp-bg-white rsp-border-t rsp-border-gray-100", children: a.carousel && a.carousel.cards.map((b, y) => /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => t(v),
-                    className: `rsp-w-2 rsp-h-2 rsp-rounded-full rsp-transition-all ${v === n ? "rsp-bg-[#128C7E] rsp-w-6" : "rsp-bg-gray-300 hover:rsp-bg-gray-400"}`
+                    onClick: () => c(y),
+                    className: `rsp-w-2 rsp-h-2 rsp-rounded-full rsp-transition-all ${y === i ? "rsp-bg-[#128C7E] rsp-w-6" : "rsp-bg-gray-300 hover:rsp-bg-gray-400"}`
                   },
-                  v
+                  y
                 )) })
               ] }) }) }) }),
               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(
-                Ca,
+                Na,
                 {
                   buttons: a.buttons,
-                  onShowAllOptions: () => i(!0)
+                  onShowAllOptions: () => n(!0)
                 }
               ) }) })
             ] }) : /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-h-[300px]", children: /* @__PURE__ */ r("div", { className: "rsp-text-center rsp-text-gray-500 rsp-animate-fade-in", children: [
@@ -5137,19 +5155,19 @@ function Ea({ template: a }) {
               className: "rsp-w-full rsp-bg-[#F0F2F5] rsp-rounded-t-2xl rsp-shadow-lg rsp-animate-slide-up",
               children: [
                 /* @__PURE__ */ e("div", { className: "rsp-p-4 rsp-border-b rsp-border-gray-300", children: /* @__PURE__ */ e("h4", { className: "rsp-font-bold rsp-text-center rsp-text-gray-800 rsp-text-md", children: a.body || "Options" }) }),
-                /* @__PURE__ */ e("div", { className: "rsp-max-h-[250px] rsp-overflow-y-auto", children: a.buttons.map((g, v) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: "rsp-max-h-[250px] rsp-overflow-y-auto", children: a.buttons.map((b, y) => /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `rsp-p-4 rsp-text-center rsp-text-[15px] rsp-text-[#128C7E] rsp-font-medium ${v < a.buttons.length - 1 ? "rsp-border-b rsp-border-gray-300" : ""}`,
+                    className: `rsp-p-4 rsp-text-center rsp-text-[15px] rsp-text-[#128C7E] rsp-font-medium ${y < a.buttons.length - 1 ? "rsp-border-b rsp-border-gray-300" : ""}`,
                     style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' },
-                    children: g.text
+                    children: b.text
                   },
-                  g.id
+                  b.id
                 )) }),
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    onClick: () => i(!1),
+                    onClick: () => n(!1),
                     className: "rsp-mt-2 rsp-p-4 rsp-text-center rsp-font-bold rsp-text-[#128C7E] rsp-bg-white rsp-cursor-pointer rsp-shadow-inner",
                     style: { fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif' },
                     children: "Close"
@@ -5163,7 +5181,7 @@ function Ea({ template: a }) {
     ] }) }) })
   ] });
 }
-const Te = {
+const Le = {
   name: "",
   category: "MARKETING",
   type: "BASIC",
@@ -5175,108 +5193,106 @@ const Te = {
   footer: "",
   buttons: []
 };
-function Ua({ onCancel: a }) {
-  var c, p, y;
-  const s = typeof Ne == "function" ? Ne() : !1, i = Ve(), [n, t] = P(Te), [x, l] = P(!0), [k, w] = P(!1), [o, N] = P(!1), [U, f] = P(null), [b, M] = P({
+function Sa({ 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({
     isOpen: !1
   });
-  P({
+  B({
     isOpen: !1
   }), le(() => {
-    if (U) {
-      const u = setTimeout(() => {
-        f(null);
+    if (k) {
+      const p = setTimeout(() => {
+        V(null);
       }, 5e3);
-      return () => clearTimeout(u);
+      return () => clearTimeout(p);
     }
-  }, [U]);
-  const g = async () => {
-    var u, V, B;
+  }, [k]);
+  const M = async () => {
+    var p, w, A;
     try {
-      if (N(!0), f(null), !n.name || !n.body)
+      if (h(!0), V(null), !n.name || !n.body)
         throw new Error("Template name and body are required");
-      const d = localStorage.getItem("account"), E = d ? JSON.parse(d) : { apiKey: "" };
-      if (!E.apiKey)
+      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");
-      const O = new URLSearchParams(window.location.search).get("edit");
-      let R;
-      if (O) {
-        const _ = await na(E.apiKey, O, n);
-        if (!_.success)
-          throw new Error(_.message || "Update failed");
-        R = {
+      let C;
+      if (a) {
+        const U = await sa(f.apiKey, a, n);
+        if (!U.success)
+          throw new Error(U.message || "Update failed");
+        C = {
           status: "success",
-          data: { details: [{ template_name: n.name, template_id: O }] }
+          data: { details: [{ template_name: n.name, template_id: a }] }
         };
-      } else if (R = await sa(E, n), R.status === "error")
-        throw new Error(R.message);
-      if (R.status === "error")
-        throw new Error(R.message);
-      M({
+      } else if (C = await ra(f, n), C.status === "error")
+        throw new Error(C.message);
+      if (C.status === "error")
+        throw new Error(C.message);
+      N({
         isOpen: !0,
-        templateName: (u = R.data) == null ? void 0 : u.details[0].template_name,
-        templateId: (V = R.data) == null ? void 0 : V.details[0].template_id,
-        template: (B = R.data) == null ? void 0 : B.template
-      }), t(Te);
-    } catch (d) {
-      f(d instanceof Error ? d.message : "An error occurred while creating the template");
+        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);
+    } catch (R) {
+      V(R instanceof Error ? R.message : "An error occurred while creating the template");
     } finally {
-      N(!1);
+      h(!1);
     }
   };
   le(() => {
-    const V = new URLSearchParams(window.location.search).get("edit");
-    if (!V) return;
+    if (!a) return;
     (async () => {
       try {
-        const d = localStorage.getItem("account"), E = d ? JSON.parse(d) : { apiKey: "" };
-        if (!E.apiKey)
+        const w = localStorage.getItem("account"), A = w ? JSON.parse(w) : { apiKey: "" };
+        if (!A.apiKey)
           throw new Error("Please set your API key in the dashboard first");
-        const A = await ia(E.apiKey, V);
-        t((O) => ({ ...O, ...A }));
-      } catch (d) {
-        console.error("Failed to load template for edit", d), f(d instanceof Error ? d.message : "Failed to load template");
-      } finally {
+        const R = await na(A.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");
       }
     })();
-  }, []);
-  const v = () => {
-    M({ isOpen: !1 }), a ? a() : s ? i("/") : window.history.length > 1 && window.history.back();
+  }, [a]);
+  const b = () => {
+    N({ isOpen: !1 }), s && s();
   };
   return /* @__PURE__ */ r("div", { className: "rsp-min-h-screen rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
     /* @__PURE__ */ r("div", { className: "rsp-max-w-[1200px] rsp-mx-auto rsp-px-6 rsp-h-full", children: [
       /* @__PURE__ */ e("div", { className: "rsp-py-6 rsp-border-b rsp-border-gray-200", children: /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-justify-between", children: [
-        /* @__PURE__ */ e("h1", { className: "rsp-text-2xl rsp-font-semibold rsp-text-[#0043ff]", children: "Add Template" }),
+        /* @__PURE__ */ e("h1", { className: "rsp-text-2xl rsp-font-semibold rsp-text-[#0043ff]", children: a ? "Edit Template" : "Add Template" }),
         /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-3", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => {
-                a ? a() : s ? i("/") : window.history.length > 1 && window.history.back();
-              },
-              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 rsp-transition-colors",
-              children: "Cancel"
-            }
-          ),
           /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => l(!x),
+              onClick: () => o(!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
-                  ${x ? "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"}`,
+                  ${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: [
                 /* @__PURE__ */ r("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: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" }),
                   /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" })
                 ] }),
-                x ? "Hide Preview" : "Show Preview"
+                c ? "Hide Preview" : "Show Preview"
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              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]" }),
+                "Back"
               ]
             }
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ r("div", { className: `rsp-py-8 ${x ? "rsp-grid xl:rsp-grid-cols-[1fr,400px] rsp-gap-8" : ""}`, children: [
-        /* @__PURE__ */ r("div", { className: `rsp-space-y-8 ${x ? "" : "rsp-max-w-4xl rsp-mx-auto"}`, children: [
+      /* @__PURE__ */ r("div", { className: `rsp-py-8 ${c ? "rsp-grid xl:rsp-grid-cols-[1fr,400px] rsp-gap-8" : ""}`, children: [
+        /* @__PURE__ */ r("div", { className: `rsp-space-y-8 ${c ? "" : "rsp-max-w-4xl rsp-mx-auto"}`, children: [
           /* @__PURE__ */ r("div", { className: "rsp-bg-white rsp-p-6 rsp-rounded-lg rsp-shadow-sm rsp-space-y-6", children: [
             /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ r("label", { className: "rsp-block rsp-text-sm rsp-font-medium rsp-text-gray-700 rsp-mb-2", children: [
@@ -5289,15 +5305,15 @@ function Ua({ onCancel: a }) {
                   {
                     type: "text",
                     value: n.name,
-                    onChange: (u) => t({ ...n, name: u.target.value.replace(/\s/g, "_").replace(/[^a-zA-Z0-9_]/g, "").replace(/_+/g, "_") }),
-                    onBlur: () => w(!0),
+                    onChange: (p) => i({ ...n, name: p.target.value.replace(/\s/g, "_").replace(/[^a-zA-Z0-9_]/g, "").replace(/_+/g, "_") }),
+                    onBlur: () => v(!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"
                   }
                 ),
                 /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-0 rsp-left-0 rsp-w-4 rsp-h-0.5 rsp-bg-red-500" })
               ] }),
-              !n.name && k && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-red-600 rsp-mt-1", children: "Template name is required." }),
+              !n.name && l && /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-red-600 rsp-mt-1", children: "Template name is required." }),
               /* @__PURE__ */ e("p", { className: "rsp-text-xs rsp-text-gray-500 rsp-mt-1", children: "Template name cannot Have capital letters and space" })
             ] }),
             /* @__PURE__ */ r("div", { className: "rsp-grid rsp-grid-cols-2 rsp-gap-6", children: [
@@ -5308,7 +5324,7 @@ function Ua({ onCancel: a }) {
                     "select",
                     {
                       value: n.category,
-                      onChange: (u) => t({ ...n, category: u.target.value }),
+                      onChange: (p) => i({ ...n, category: 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: [
                         /* @__PURE__ */ e("option", { value: "MARKETING", children: "Marketing" }),
@@ -5328,9 +5344,9 @@ function Ua({ onCancel: a }) {
                     "select",
                     {
                       value: n.language,
-                      onChange: (u) => t({ ...n, language: u.target.value }),
+                      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: ta.map((u) => /* @__PURE__ */ e("option", { value: u.value, children: u.label }, u.value))
+                      children: la.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" }) }) }),
@@ -5346,11 +5362,11 @@ function Ua({ onCancel: a }) {
                     "select",
                     {
                       value: n.type,
-                      onChange: (u) => {
-                        const V = u.target.value;
-                        V === "CAROUSEL" && !n.carousel ? t({
+                      onChange: (p) => {
+                        const w = p.target.value;
+                        w === "CAROUSEL" && !n.carousel ? i({
                           ...n,
-                          type: V,
+                          type: w,
                           carousel: {
                             type: "IMAGE",
                             cards: [{
@@ -5362,7 +5378,7 @@ function Ua({ onCancel: a }) {
                               buttons: []
                             }]
                           }
-                        }) : t({ ...n, type: V });
+                        }) : i({ ...n, type: w });
                       },
                       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: [
@@ -5382,7 +5398,7 @@ function Ua({ onCancel: a }) {
                     "select",
                     {
                       value: n.enableClickTracking.toString(),
-                      onChange: (u) => t({ ...n, enableClickTracking: u.target.value === "true" }),
+                      onChange: (p) => i({ ...n, enableClickTracking: p.target.value === "true" }),
                       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: [
                         /* @__PURE__ */ e("option", { value: "false", children: "False" }),
@@ -5395,18 +5411,18 @@ function Ua({ onCancel: a }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "rsp-bg-white rsp-p-6 rsp-rounded-lg rsp-shadow-sm", children: /* @__PURE__ */ e(ka, { template: n, setTemplate: t }) }),
+          /* @__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__ */ 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: [
-            U && /* @__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: [
+            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__ */ 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: U })
+                /* @__PURE__ */ e("p", { className: "rsp-mt-1 rsp-text-sm rsp-text-red-700", children: k })
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => f(null),
+                  onClick: () => V(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" })
                 }
@@ -5415,53 +5431,50 @@ function Ua({ onCancel: a }) {
             /* @__PURE__ */ e("div", { className: "rsp-flex rsp-gap-4", children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: g,
-                disabled: o,
+                onClick: M,
+                disabled: g,
                 className: `rsp-flex-1 rsp-py-3 rsp-px-6 rsp-rounded-md rsp-transition-colors rsp-text-white rsp-font-medium rsp-text-sm
-                    ${o ? "rsp-bg-blue-600 rsp-cursor-not-allowed" : "rsp-bg-blue-600 hover:rsp-bg-blue-700 active:rsp-bg-blue-800"}`,
-                children: (() => {
-                  const u = new URLSearchParams(window.location.search).get("edit");
-                  return o ? u ? "Resubmitting for Approval..." : "Submitting for Approval..." : u ? "Resubmit for Approval" : "Submit for Approval";
-                })()
+                    ${g ? "rsp-bg-blue-600 rsp-cursor-not-allowed" : "rsp-bg-blue-600 hover:rsp-bg-blue-700 active:rsp-bg-blue-800"}`,
+                children: g ? a ? "Resubmitting for Approval..." : "Submitting for Approval..." : a ? "Resubmit for Approval" : "Submit for Approval"
               }
             ) })
           ] })
         ] }),
-        x && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "rsp-sticky rsp-top-4", children: /* @__PURE__ */ e(Ea, { template: n }) }) })
+        c && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "rsp-sticky rsp-top-4", children: /* @__PURE__ */ e(Ca, { template: n }) }) })
       ] })
     ] }),
     /* @__PURE__ */ e(
       te,
       {
-        isOpen: b.isOpen,
-        onClose: v,
+        isOpen: d.isOpen,
+        onClose: b,
         title: "Success",
         children: /* @__PURE__ */ r("div", { className: "rsp-space-y-4", children: [
           /* @__PURE__ */ e("div", { className: "rsp-text-center", children: /* @__PURE__ */ e("p", { className: "rsp-text-green-600 rsp-font-medium rsp-mb-4", children: "Template created successfully!" }) }),
-          b.templateId && /* @__PURE__ */ r("div", { className: "rsp-bg-gray-50 rsp-p-4 rsp-rounded-lg rsp-space-y-2", children: [
+          d.templateId && /* @__PURE__ */ r("div", { className: "rsp-bg-gray-50 rsp-p-4 rsp-rounded-lg rsp-space-y-2", children: [
             /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
               /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: "Template Name:" }),
-              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium", children: b.templateName })
+              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium", children: d.templateName })
             ] }),
             /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
               /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: "Template ID:" }),
-              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium rsp-font-mono", children: b.templateId })
+              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium rsp-font-mono", children: d.templateId })
             ] }),
-            ((c = b.template) == null ? void 0 : c.meta_tid) && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
+            ((y = d.template) == null ? void 0 : y.meta_tid) && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
               /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: "Meta TID:" }),
-              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium rsp-font-mono", children: b.template.meta_tid })
+              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium rsp-font-mono", children: d.template.meta_tid })
             ] }),
-            ((p = b.template) == null ? void 0 : p.status) && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
+            ((t = d.template) == null ? void 0 : t.status) && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
               /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: "Status:" }),
               /* @__PURE__ */ e("span", { className: `rsp-text-sm rsp-font-medium rsp-capitalize ${// @ts-ignore
-              b.template.status === "pending" ? "rsp-text-yellow-600" : (
+              d.template.status === "pending" ? "rsp-text-yellow-600" : (
                 // @ts-ignore
-                b.template.status === "approved" ? "rsp-text-green-600" : "rsp-text-red-600"
-              )}`, children: b.template.status })
+                d.template.status === "approved" ? "rsp-text-green-600" : "rsp-text-red-600"
+              )}`, children: d.template.status })
             ] }),
-            ((y = b.template) == null ? void 0 : y.quality) && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
+            ((x = d.template) == null ? void 0 : x.quality) && /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between", children: [
               /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-text-gray-600", children: "Quality:" }),
-              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium rsp-capitalize", children: b.template.quality })
+              /* @__PURE__ */ e("span", { className: "rsp-text-sm rsp-font-medium rsp-capitalize", children: d.template.quality })
             ] })
           ] })
         ] })
@@ -5469,43 +5482,43 @@ function Ua({ onCancel: a }) {
     )
   ] });
 }
-const Ma = Pe({});
-function Aa({ apiKey: a, pConfig: s, children: i }) {
-  const n = Se(
+const Ea = Be({});
+function Va({ apiKey: a, pConfig: s, children: n }) {
+  const i = Se(
     () => ({ apiKey: a, resulMeta: s }),
     [a, s]
-  ), t = Le(null);
+  ), c = Te(null);
   return le(() => {
     if (typeof window > "u" || a === void 0 && !s)
       return;
-    let x = {};
+    let o = {};
     try {
-      const w = localStorage.getItem("account");
-      w && (x = JSON.parse(w));
-    } catch (w) {
+      const g = localStorage.getItem("account");
+      g && (o = JSON.parse(g));
+    } catch (g) {
       console.error(
         "TrustSignalProvider: Failed to read account from storage",
-        w
+        g
       );
     }
     const l = {
-      ...x,
+      ...o,
       ...a !== void 0 ? { apiKey: a } : {},
       ...s ? { resulMeta: s } : {}
-    }, k = JSON.stringify(l);
-    if (k !== t.current)
+    }, v = JSON.stringify(l);
+    if (v !== c.current)
       try {
-        localStorage.setItem("account", k), t.current = k;
-      } catch (w) {
+        localStorage.setItem("account", v), c.current = v;
+      } catch (g) {
         console.error(
           "TrustSignalProvider: Failed to persist account to storage",
-          w
+          g
         );
       }
-  }, [a, s]), /* @__PURE__ */ e(Ma.Provider, { value: n, children: i });
+  }, [a, s]), /* @__PURE__ */ e(Ea.Provider, { value: i, children: n });
 }
 export {
-  Ua as CreateTemplate,
-  Va as Dashboard,
-  Aa as TrustSignalProvider
+  Sa as CreateTemplate,
+  Ta as Dashboard,
+  Va as TrustSignalProvider
 };