npm - @resulticks/trustsignal-wa-hsm - Versions diffs - 0.9.0 → 0.11.0 - Mend

@resulticks/trustsignal-wa-hsm 0.9.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/resulticks-trustsignal-wa-hsm.cjs.js +20 -25
package/dist/resulticks-trustsignal-wa-hsm.es.js +177 -189
package/dist/style.css +1 -1
package/package.json +2 -1

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

@@ -70,7 +70,7 @@ var De = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), H = (a, s) => {
+const _e = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), G = (a, s) => {
   const n = Be(
     ({
       color: i = "currentColor",
@@ -106,7 +106,7 @@ const _e = (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 he = H("AlertCircle", [
+const he = G("AlertCircle", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
@@ -117,7 +117,7 @@ const he = H("AlertCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = H("ArrowRight", [
+const Fe = G("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -127,16 +127,7 @@ const Fe = H("ArrowRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = H("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 He = H("ExternalLink", [
+const qe = G("ExternalLink", [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
@@ -147,7 +138,7 @@ const He = H("ExternalLink", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = H("FileText", [
+const He = G("FileText", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
@@ -160,7 +151,7 @@ const $e = H("FileText", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = H("FileVideo", [
+const $e = G("FileVideo", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "m10 11 5 3-5 3v-6Z", key: "7ntvm4" }]
@@ -171,7 +162,7 @@ const Ge = H("FileVideo", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = H("Link", [
+const Ge = G("Link", [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ]);
@@ -181,7 +172,7 @@ const We = H("Link", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = H("MessageCircle", [
+const me = G("MessageCircle", [
   ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
 ]);
 /**
@@ -190,7 +181,7 @@ const me = H("MessageCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = H("Pencil", [
+const We = G("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -200,7 +191,7 @@ const Ke = H("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ae = H("Phone", [
+const Ae = G("Phone", [
   [
     "path",
     {
@@ -215,7 +206,7 @@ const Ae = H("Phone", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ue = H("Plus", [
+const ue = G("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -225,7 +216,7 @@ const ue = H("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = H("Reply", [
+const Ke = G("Reply", [
   ["polyline", { points: "9 17 4 12 9 7", key: "hvgpf2" }],
   ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }]
 ]);
@@ -235,7 +226,7 @@ const Je = H("Reply", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const be = H("Smile", [
+const be = G("Smile", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2", key: "1y1vjs" }],
   ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
@@ -247,7 +238,7 @@ const be = H("Smile", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = H("Trash2", [
+const Je = G("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -260,7 +251,7 @@ const Xe = H("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = H("Upload", [
+const Xe = G("Upload", [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
   ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
@@ -271,7 +262,7 @@ const Ye = H("Upload", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = H("Workflow", [
+const Ye = G("Workflow", [
   ["rect", { width: "8", height: "8", x: "3", y: "3", rx: "2", key: "by2w9f" }],
   ["path", { d: "M7 11v4a2 2 0 0 0 2 2h4", key: "xkn7yn" }],
   ["rect", { width: "8", height: "8", x: "13", y: "13", rx: "2", key: "1cgmvn" }]
@@ -282,7 +273,7 @@ const Qe = H("Workflow", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = H("X", [
+const se = G("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
@@ -311,7 +302,7 @@ function te({ isOpen: a, onClose: s, title: n, children: i }) {
   ] }) }) : null;
 }
 const Ee = (a) => a ? /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(a) : !1;
-function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
+function Ta({ onCreateTemplate: a, onEditTemplate: s }) {
   const [n, i] = B([]), [c, h] = B(() => {
     const u = localStorage.getItem("account");
     return u ? JSON.parse(u) : {
@@ -349,7 +340,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
       [U]: P
     };
     h(L), localStorage.setItem("account", JSON.stringify(L));
-  }, $ = (u, U) => {
+  }, H = (u, U) => {
     O({
       isOpen: !0,
       url: u,
@@ -377,33 +368,33 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
     const U = b.trim(), P = U.toLowerCase(), L = U === "" || u.id.toString().includes(U) || u.name.toLowerCase().includes(P), Y = t === "all" || u.status.toLowerCase() === t.toLowerCase(), D = p === "all" || u.category.toLowerCase() === p.toLowerCase(), Z = j === "all" || u.language.toLowerCase().startsWith(j.toLowerCase());
     return L && Y && D && Z;
   }), V = Math.ceil(S.length / C), I = (R - 1) * C, _ = I + C, F = S.slice(I, _);
-  return l ? /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-min-h-screen", children: /* @__PURE__ */ e("div", { className: "rsp-text-lg rsp-text-gray-600", children: "Loading templates..." }) }) : /* @__PURE__ */ r("div", { className: "rsp-container rsp-mx-auto rsp-px-4 rsp-py-8 rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
-    /* @__PURE__ */ r("div", { className: "rsp-flex rsp-justify-between rsp-items-center rsp-mb-6", children: [
-      /* @__PURE__ */ e("h1", { className: "rsp-text-2xl rsp-font-bold", children: "Whatsapp HSM Templates" }),
-      /* @__PURE__ */ e(
-        "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(ue, { className: "rsp-w-6 rsp-h-6" })
-        }
-      )
-    ] }),
+  return l ? /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-justify-center rsp-min-h-screen", children: /* @__PURE__ */ e("div", { className: "rsp-text-lg rsp-text-gray-600", children: "Loading templates..." }) }) : /* @__PURE__ */ r("div", { className: "rsp-container rsp-mx-auto rsp-px-4 rsp-py-1 rsp-bg-[#f5f7fc] rsp-rounded-lg rsp-shadow-sm", children: [
+    /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-end rsp-items-center" }),
     /* @__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: [
+      /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-end rsp-gap-2", children: [
+        /* @__PURE__ */ r("div", { className: "rsp-relative rsp-flex-1", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "password",
+              name: "apiKey",
+              value: c.apiKey,
+              onChange: z,
+              className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent",
+              placeholder: "Enter your TrustSignal API key"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-0 rsp-left-0 rsp-w-4 rsp-h-0.5 rsp-bg-red-500" })
+        ] }),
         /* @__PURE__ */ e(
-          "input",
+          "button",
           {
-            type: "password",
-            name: "apiKey",
-            value: c.apiKey,
-            onChange: z,
-            className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent",
-            placeholder: "Enter your TrustSignal API key"
+            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(ue, { className: "rsp-w-6 rsp-h-6" })
           }
-        ),
-        /* @__PURE__ */ e("div", { className: "rsp-absolute rsp-bottom-0 rsp-left-0 rsp-w-4 rsp-h-0.5 rsp-bg-red-500" })
+        )
       ] })
     ] }) }),
     g && /* @__PURE__ */ e("div", { className: "rsp-bg-red-50 rsp-border-l-4 rsp-border-red-500 rsp-p-4 rsp-mb-6", children: /* @__PURE__ */ r("div", { className: "rsp-flex", children: [
@@ -431,7 +422,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
             {
               value: p,
               onChange: (u) => v(u.target.value),
-              className: "rsp-cursor-pointer rsp-ml-2 rsp-bg-transparent rsp-text-white rsp-border-0 rsp-text-sm focus:rsp-outline-none ",
+              className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500 rsp-cursor-pointer rsp-ml-2 rsp-text-white",
               onClick: (u) => u.stopPropagation(),
               children: [
                 /* @__PURE__ */ e("option", { value: "all", className: "rsp-text-gray-900", children: "All" }),
@@ -450,7 +441,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
             {
               value: t,
               onChange: (u) => x(u.target.value),
-              className: "rsp-cursor-pointer rsp-ml-2 rsp-bg-transparent rsp-text-white rsp-border-0 rsp-text-sm focus:rsp-outline-none",
+              className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500 rsp-cursor-pointer rsp-ml-2 rsp-text-white",
               onClick: (u) => u.stopPropagation(),
               children: [
                 /* @__PURE__ */ e("option", { value: "all", className: "rsp-text-gray-900", children: "All" }),
@@ -483,7 +474,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
             /* @__PURE__ */ e("td", { className: "rsp-px-6 rsp-py-4 rsp-text-sm rsp-text-gray-700", children: u.medialist && typeof u.medialist == "object" && "header" in u.medialist && u.medialist.header ? /* @__PURE__ */ r(
               "button",
               {
-                onClick: () => $(String(u.medialist.header || ""), u.name),
+                onClick: () => H(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: [
@@ -501,7 +492,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
                   onClick: () => s == null ? void 0 : s(String(u.id)),
                   className: "rsp-inline-flex rsp-items-center rsp-justify-center rsp-w-8 rsp-h-8 rsp-rounded rsp-bg-blue-600 rsp-text-white hover:rsp-bg-blue-700 rsp-transition-colors",
                   title: "Update",
-                  children: /* @__PURE__ */ e(Ke, { className: "rsp-w-4 rsp-h-4" })
+                  children: /* @__PURE__ */ e(We, { className: "rsp-w-4 rsp-h-4" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -511,7 +502,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
                   disabled: k === u.id,
                   className: `rsp-inline-flex rsp-items-center rsp-justify-center rsp-w-8 rsp-h-8 rsp-rounded rsp-text-white rsp-transition-colors ${k === u.id ? "rsp-bg-red-400" : "rsp-bg-red-600 hover:rsp-bg-red-700"}`,
                   title: k === u.id ? "Deleting..." : "Delete",
-                  children: /* @__PURE__ */ e(Xe, { className: "rsp-w-4 rsp-h-4" })
+                  children: /* @__PURE__ */ e(Je, { className: "rsp-w-4 rsp-h-4" })
                 }
               )
             ] }) })
@@ -638,7 +629,7 @@ function Sa({ onCreateTemplate: a, onEditTemplate: s }) {
     )
   ] });
 }
-const Ze = async (a, s) => {
+const Qe = async (a, s) => {
   var n, i, c, h, l, N, g;
   try {
     console.log("Creating template with data:", s);
@@ -695,7 +686,7 @@ const Ze = async (a, s) => {
     };
   }
 };
-function ea(a) {
+function Ze(a) {
   const s = a.language, n = a.headerType === "MEDIA" && a.mediaType === "DOCUMENT", i = a.type === "CAROUSEL";
   return n ? Ue(a, s) : i ? je(a, s) : Re(a, s);
 }
@@ -792,7 +783,7 @@ const Ue = (a, s) => {
               text: k.body,
               ...ae(k.body).length > 0 && {
                 example: {
-                  body_text: [aa(k)]
+                  body_text: [ea(k)]
                 }
               }
             },
@@ -821,7 +812,7 @@ const Ue = (a, s) => {
     i.push(o);
   }
   return n.components = i, JSON.stringify(n);
-}, aa = (a) => {
+}, ea = (a) => {
   var i;
   const s = ae(a.body || ""), n = ((i = a == null ? void 0 : a.sampleContent) == null ? void 0 : i.bodyVariables) || {};
   return s.map(({ number: c }) => n[c] || `Sample ${c}`);
@@ -846,7 +837,7 @@ const Ue = (a, s) => {
         text: a.headerText,
         ...g.length > 0 && ((l = a.sampleContent) == null ? void 0 : l.headerVariables) && {
           example: {
-            header_text: ra(a, g)
+            header_text: aa(a, g)
           }
         }
       };
@@ -901,7 +892,7 @@ const Ue = (a, s) => {
 }, ae = (a) => (a.match(/\{\{(\d+)\}\}/g) || []).map((n) => ({
   variable: n.replace(/[{}]/g, ""),
   number: n.replace(/[{}]/g, "")
-})), ge = (a) => a.startsWith("+") ? a : `+${a}`, ra = (a, s) => s.map(
+})), ge = (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}`;
@@ -911,13 +902,13 @@ const Ue = (a, s) => {
     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
     );
@@ -928,8 +919,8 @@ const Ue = (a, s) => {
     };
   }
 };
-async function na(a, s, n) {
-  const i = ea(n), h = {
+async function sa(a, s, n) {
+  const i = Ze(n), h = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: i,
@@ -944,7 +935,7 @@ async function na(a, s, n) {
     return { success: !0, raw: i };
   }
 }
-async function ia(a, s) {
+async function na(a, s) {
   var N;
   const n = `https://wpapi.trustsignal.io/api/v1/template/${encodeURIComponent(s)}?api_key=${encodeURIComponent(a)}`, i = await fetch(n, { method: "GET", redirect: "follow" });
   if (!i.ok)
@@ -952,9 +943,9 @@ async function ia(a, s) {
   const c = await i.text(), h = JSON.parse(c), l = h.template || ((N = h.data) == null ? void 0 : N.template) || h;
   if (!l)
     throw new Error("Invalid template details response");
-  return la(l);
+  return ia(l);
 }
-function la(a) {
+function ia(a) {
   var k, A;
   const s = {
     headerVariables: {},
@@ -989,7 +980,7 @@ function la(a) {
           return v - j;
         });
         const M = w.map((x) => {
-          const p = d.carousel[x] || {}, v = p.header || {}, j = p.body || {}, R = p.buttons && Array.isArray(p.buttons.buttons) ? p.buttons.buttons : [], f = v.format, C = f === "IMAGE" || f === "VIDEO" || f === "DOCUMENT" ? f : void 0, O = `card${x.replace("card", "")}header`, z = v.url || (a.medialist ? a.medialist[O] : void 0), $ = j.text || "", m = [];
+          const p = d.carousel[x] || {}, v = p.header || {}, j = p.body || {}, R = p.buttons && Array.isArray(p.buttons.buttons) ? p.buttons.buttons : [], f = v.format, C = f === "IMAGE" || f === "VIDEO" || f === "DOCUMENT" ? f : void 0, O = `card${x.replace("card", "")}header`, z = v.url || (a.medialist ? a.medialist[O] : void 0), H = j.text || "", m = [];
           for (const E of R) {
             if (!E || !E.type || !E.text) continue;
             const S = { id: de(), type: E.type === "PHONE_NUMBER" ? "PHONE_NUMBER" : E.type, text: E.text };
@@ -1001,7 +992,7 @@ function la(a) {
             headerType: C ? "MEDIA" : "NONE",
             mediaType: C,
             mediaUrl: z,
-            body: $,
+            body: H,
             buttons: m,
             sampleContent: {
               headerVariables: {},
@@ -1059,7 +1050,7 @@ function Me(a) {
 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" },
@@ -1125,16 +1116,16 @@ 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: n }) {
+], 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 j, R;
   const [i, c] = X.useState(null), [h, l] = X.useState(!1), [N, g] = X.useState(null), [o, k] = X.useState(null), A = () => {
     const C = (a.headerText || "").match(/{{\d+}}/g);
@@ -1147,7 +1138,7 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
   }, d = () => {
     const T = `{{${A() + 1}}}`;
     if (N && a.headerText.length + T.length <= 60) {
-      const O = N.selectionStart || a.headerText.length, z = a.headerText.substring(0, O), $ = a.headerText.substring(O), m = z + T + $;
+      const O = N.selectionStart || a.headerText.length, z = a.headerText.substring(0, O), H = a.headerText.substring(O), m = z + T + H;
       s({ ...a, headerText: m }), setTimeout(() => {
         if (N) {
           const E = O + T.length;
@@ -1171,15 +1162,15 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
     switch (C) {
       case "IMAGE":
         if (!xe.includes(T)) return "Invalid format. Only JPG, JPEG, PNG are allowed.";
-        if (f.size > da) return "File is too large. Max size is 5 MB.";
+        if (f.size > ma) return "File is too large. Max size is 5 MB.";
         break;
       case "VIDEO":
         if (!pe.includes(T)) return "Invalid format. Only MP4, 3GPP are allowed.";
-        if (f.size > xa) return "File is too large. Max size is 16 MB.";
+        if (f.size > da) return "File is too large. Max size is 16 MB.";
         break;
       case "DOCUMENT":
         if (!oe.includes(T)) return "Invalid format. Allowed types: PDF, DOCX, XLSX, PPTX, TXT.";
-        if (f.size > pa) return "File is too large. Max size is 100 MB.";
+        if (f.size > xa) return "File is too large. Max size is 100 MB.";
         break;
       default:
         return "Invalid media type.";
@@ -1218,8 +1209,8 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
       s({ ...a, mediaUrl: z });
     } catch (z) {
       console.error("File upload failed:", z), t();
-      const $ = z instanceof Error ? z.message : "File upload failed. Please try again.";
-      k($);
+      const H = z instanceof Error ? z.message : "File upload failed. Please try again.";
+      k(H);
     } finally {
       l(!1);
     }
@@ -1250,8 +1241,8 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
           {
             value: a.headerType,
             onChange: (f) => w(f.target.value),
-            className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
-            children: ca.map((f) => /* @__PURE__ */ e("option", { value: f.value, children: f.label }, f.value))
+            className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
+            children: 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" }) }) }),
@@ -1305,13 +1296,13 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
                   value: ((O = (T = a.sampleContent) == null ? void 0 : T.headerVariables) == null ? void 0 : O[C]) || "",
                   onChange: (z) => {
                     var m, E, S;
-                    const $ = {
+                    const H = {
                       ...a.sampleContent,
                       headerVariables: { ...(m = a.sampleContent) == null ? void 0 : m.headerVariables, [C]: z.target.value },
                       bodyVariables: ((E = a.sampleContent) == null ? void 0 : E.bodyVariables) || {},
                       buttonVariables: ((S = a.sampleContent) == null ? void 0 : S.buttonVariables) || {}
                     };
-                    s({ ...a, sampleContent: $ });
+                    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"
@@ -1323,10 +1314,10 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
                   type: "button",
                   onClick: () => {
                     var E, S, V;
-                    const z = new RegExp(`\\{\\{${C}\\}\\}`, "g"), $ = (a.headerText || "").replace(z, ""), m = Object.fromEntries(Object.entries(((E = a.sampleContent) == null ? void 0 : E.headerVariables) || {}).filter(([I]) => I !== C));
+                    const z = new RegExp(`\\{\\{${C}\\}\\}`, "g"), H = (a.headerText || "").replace(z, ""), 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,
@@ -1360,8 +1351,8 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
                   mediaUrl: ""
                 })), 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((f) => /* @__PURE__ */ e("option", { value: f.value, children: f.label }, f.value))
+              className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
+              children: 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" }) }) })
@@ -1385,8 +1376,8 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
                 }
               }
             ),
-            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: 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` })
@@ -1401,7 +1392,7 @@ function oa({ template: a, setTemplate: s, onFileUpload: n }) {
               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 ${h ? "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(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: h ? "Uploading..." : `Upload ${((j = a.mediaType) == null ? void 0 : j.toLowerCase()) || "file"}` }),
                 /* @__PURE__ */ r("span", { className: "rsp-text-xs rsp-text-gray-400 rsp-mt-1", children: [
                   a.mediaType === "IMAGE" && "JPG, PNG up to 5MB",
@@ -3234,7 +3225,7 @@ const Le = [
   { name: "south-africa", hexadecimal: "&#x1f1ff;&#x1f1e6;" },
   { name: "zambia", hexadecimal: "&#x1f1ff;&#x1f1f2;" },
   { name: "zimbabwe", hexadecimal: "&#x1f1ff;&#x1f1fc;" }
-], fa = ({
+], oa = ({
   emojis: a,
   onSelect: s,
   onClose: n
@@ -3334,7 +3325,7 @@ function we({ isOpen: a, onClose: s, onSelect: n }) {
       " emojis found"
     ] }),
     /* @__PURE__ */ e(
-      fa,
+      oa,
       {
         emojis: h,
         onSelect: n,
@@ -3343,7 +3334,7 @@ function we({ isOpen: a, onClose: s, onSelect: n }) {
     )
   ] }) });
 }
-function ha({ template: a, setTemplate: s }) {
+function fa({ template: a, setTemplate: s }) {
   const [n, i] = B(!1), [c, h] = B(null), [l, N] = B(null), [g, o] = B(null), [k, A] = B(!1), d = () => {
     const t = (a.body || "").match(/{{\d+}}/g);
     if (!t) return 0;
@@ -3543,7 +3534,7 @@ function ha({ template: a, setTemplate: s }) {
     )
   ] });
 }
-function ua({ template: a, setTemplate: s }) {
+function ha({ template: a, setTemplate: s }) {
   var y;
   const [n, i] = B(null), [c, h] = B(!1), [l, N] = B({
     text: "",
@@ -3609,7 +3600,7 @@ function ua({ template: a, setTemplate: s }) {
     },
     {
       type: "URL",
-      icon: He,
+      icon: qe,
       label: "Web URL",
       description: "Link to websites or pages",
       limit: 2,
@@ -3833,7 +3824,7 @@ function ua({ template: a, setTemplate: s }) {
                           var T, O, z;
                           const R = new RegExp(`\\{\\{${p}\\}\\}`, "g"), f = (l.value || "").replace(R, "");
                           N({ ...l, value: f });
-                          const C = Object.fromEntries(Object.entries(((T = a.sampleContent) == null ? void 0 : T.buttonVariables) || {}).filter(([$]) => $ !== p));
+                          const C = Object.fromEntries(Object.entries(((T = a.sampleContent) == null ? void 0 : T.buttonVariables) || {}).filter(([H]) => H !== p));
                           s({
                             ...a,
                             sampleContent: {
@@ -3966,7 +3957,7 @@ function ua({ template: a, setTemplate: s }) {
     ] })
   ] });
 }
-const ba = async (a) => {
+const ua = async (a) => {
   try {
     if (!a)
       throw new Error("No file provided");
@@ -4005,7 +3996,7 @@ 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) => {
+}, ba = (a, s) => {
   const i = a.name.toLowerCase().split(".").pop();
   switch (s) {
     case "IMAGE":
@@ -4017,7 +4008,7 @@ const ba = async (a) => {
     default:
       return !1;
   }
-}, ya = (a) => {
+}, ga = (a) => {
   switch (a) {
     case "IMAGE":
       return 5 * 1024 * 1024;
@@ -4029,8 +4020,8 @@ const ba = async (a) => {
       return 10 * 1024 * 1024;
   }
 };
-function wa({ template: a, setTemplate: s, onFileUpload: n }) {
-  var C, T, O, z, $;
+function ya({ template: a, setTemplate: s, onFileUpload: n }) {
+  var C, T, O, z, H;
   const [i, c] = X.useState({}), [, h] = X.useState({}), [l, N] = X.useState({ open: !1, message: "" }), [g, o] = X.useState(!1), [k, A] = X.useState(null), d = X.useRef({}), w = () => {
     var E;
     const m = {
@@ -4144,9 +4135,9 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
     try {
       c((F) => ({ ...F, [m]: !0 })), h((F) => ({ ...F, [m]: !1 }));
       const V = ((S = a.carousel) == null ? void 0 : S.type) === "VIDEO" ? "VIDEO" : "IMAGE";
-      if (!ga(E, V))
+      if (!ba(E, V))
         throw new Error(`Invalid file type. Expected ${V.toLowerCase()} file.`);
-      const I = ya(V);
+      const I = ga(V);
       if (E.size > I) {
         const F = I / 1048576;
         throw new Error(`File size too large. Maximum allowed size is ${F}MB.`);
@@ -4223,7 +4214,7 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: ($ = a.carousel) == null ? void 0 : $.cards.map((m, E) => {
+    /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: (H = a.carousel) == null ? void 0 : H.cards.map((m, E) => {
       var S, V, I, _, F, u, U, P;
       return /* @__PURE__ */ r("div", { className: "rsp-bg-white rsp-rounded-xl rsp-border-2 rsp-border-gray-200 rsp-overflow-hidden rsp-shadow-lg rsp-transition-all hover:rsp-shadow-xl hover:rsp-border-blue-300", children: [
         /* @__PURE__ */ r("div", { className: "rsp-bg-gradient-to-r rsp-from-blue-50 rsp-to-blue-100 rsp-px-5 rsp-py-3 rsp-flex rsp-items-center rsp-justify-between rsp-border-b rsp-border-gray-200", children: [
@@ -4397,11 +4388,11 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
                               carousel: {
                                 ...J.carousel,
                                 cards: J.carousel.cards.map((q) => {
-                                  var G, K, ee;
+                                  var $, K, ee;
                                   return q.id !== m.id ? q : {
                                     ...q,
                                     sampleContent: {
-                                      headerVariables: ((G = q.sampleContent) == null ? void 0 : G.headerVariables) || {},
+                                      headerVariables: (($ = q.sampleContent) == null ? void 0 : $.headerVariables) || {},
                                       bodyVariables: {
                                         ...((K = q.sampleContent) == null ? void 0 : K.bodyVariables) || {},
                                         [D]: re
@@ -4428,9 +4419,9 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
                               carousel: {
                                 ...J.carousel,
                                 cards: J.carousel.cards.map((q) => {
-                                  var G, K, ee;
+                                  var $, K, ee;
                                   if (q.id !== m.id) return q;
-                                  const Q = Object.fromEntries(Object.entries(((G = q.sampleContent) == null ? void 0 : G.bodyVariables) || {}).filter(([ie]) => ie !== D));
+                                  const Q = Object.fromEntries(Object.entries((($ = q.sampleContent) == null ? void 0 : $.bodyVariables) || {}).filter(([ie]) => ie !== D));
                                   return {
                                     ...q,
                                     body: re,
@@ -4636,15 +4627,15 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
                                       ...Q,
                                       carousel: {
                                         ...Q.carousel,
-                                        cards: Q.carousel.cards.map((G) => {
+                                        cards: Q.carousel.cards.map(($) => {
                                           var K, ee, ie;
-                                          return G.id !== m.id ? G : {
-                                            ...G,
+                                          return $.id !== m.id ? $ : {
+                                            ...$,
                                             sampleContent: {
-                                              headerVariables: ((K = G.sampleContent) == null ? void 0 : K.headerVariables) || {},
-                                              bodyVariables: ((ee = G.sampleContent) == null ? void 0 : ee.bodyVariables) || {},
+                                              headerVariables: ((K = $.sampleContent) == null ? void 0 : K.headerVariables) || {},
+                                              bodyVariables: ((ee = $.sampleContent) == null ? void 0 : ee.bodyVariables) || {},
                                               buttonVariables: {
-                                                ...((ie = G.sampleContent) == null ? void 0 : ie.buttonVariables) || {},
+                                                ...((ie = $.sampleContent) == null ? void 0 : ie.buttonVariables) || {},
                                                 [W]: q
                                               }
                                             }
@@ -4663,11 +4654,11 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
                                   type: "button",
                                   onClick: () => {
                                     const J = L.value || "", q = new RegExp(`\\{\\{${W}\\}\\}`, "g"), Q = J.replace(q, "");
-                                    j(m.id, L.id, "value", Q), s((G) => ({
-                                      ...G,
+                                    j(m.id, L.id, "value", Q), s(($) => ({
+                                      ...$,
                                       carousel: {
-                                        ...G.carousel,
-                                        cards: G.carousel.cards.map((K) => {
+                                        ...$.carousel,
+                                        cards: $.carousel.cards.map((K) => {
                                           var ie, ve, ke;
                                           if (K.id !== m.id) return K;
                                           const ee = Object.fromEntries(Object.entries(((ie = K.sampleContent) == null ? void 0 : ie.buttonVariables) || {}).filter(([Ie]) => Ie !== W));
@@ -4741,12 +4732,12 @@ function wa({ template: a, setTemplate: s, onFileUpload: n }) {
 const Te = 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) => {
+}, wa = (a) => {
   const n = (a.body || "").match(/\{\{(\d+)\}\}/g);
   if (!n) return 0;
   const i = n.map((c) => {
@@ -4755,7 +4746,7 @@ const Te = async (a) => {
   });
   return i.length > 0 ? Math.max(...i) : 0;
 };
-function ka({ template: a, setTemplate: s }) {
+function va({ template: a, setTemplate: s }) {
   const [n, i] = X.useState(!1), c = X.useRef(null), h = () => {
     i(!0), setTimeout(() => {
       c.current && c.current.focus();
@@ -4773,8 +4764,8 @@ function ka({ template: a, setTemplate: s }) {
     a.type !== "CAROUSEL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
       /* @__PURE__ */ e("h2", { className: "rsp-text-lg rsp-font-semibold rsp-text-gray-900", children: "Message Content" }),
       /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
-        /* @__PURE__ */ e(oa, { template: a, setTemplate: s, onFileUpload: Te }),
-        /* @__PURE__ */ e(ha, { template: a, setTemplate: s })
+        /* @__PURE__ */ e(pa, { template: a, setTemplate: s, onFileUpload: Te }),
+        /* @__PURE__ */ e(fa, { template: a, setTemplate: s })
       ] })
     ] }),
     a.type === "CAROUSEL" && /* @__PURE__ */ r("div", { className: "rsp-space-y-6", children: [
@@ -4803,7 +4794,7 @@ function ka({ template: a, setTemplate: s }) {
               "button",
               {
                 onClick: () => {
-                  const o = `{{${va(a) + 1}}}`;
+                  const o = `{{${wa(a) + 1}}}`;
                   s({ ...a, body: a.body + o });
                 },
                 className: "rsp-p-1 rsp-text-gray-500 hover:rsp-text-gray-700 hover:rsp-bg-gray-100 rsp-rounded",
@@ -4891,7 +4882,7 @@ function ka({ template: a, setTemplate: s }) {
       ] }) })
     ] }),
     a.type === "CAROUSEL" && /* @__PURE__ */ e("div", { className: "rsp-space-y-6", children: /* @__PURE__ */ e(
-      wa,
+      ya,
       {
         template: a,
         setTemplate: s,
@@ -4899,7 +4890,7 @@ 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
@@ -4915,21 +4906,21 @@ function ka({ template: a, setTemplate: s }) {
     )
   ] });
 }
-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(Ae, { 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: n }) {
+function Na({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
   const i = [...a];
   s && i.push({
     id: "flow-button",
@@ -4944,7 +4935,7 @@ function Ca({ buttons: a, flowButtonText: s, onShowAllOptions: 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-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: h.type }) }),
+          /* @__PURE__ */ e("div", { className: "rsp-text-[#128C7E]", children: /* @__PURE__ */ e(ka, { type: h.type }) }),
           /* @__PURE__ */ e("span", { className: "rsp-flex-1 rsp-text-left rsp-break-words rsp-break-all rsp-whitespace-pre-wrap", children: h.text }),
           h.id === "flow-button" && /* @__PURE__ */ e(Fe, { className: "rsp-w-5 rsp-h-5 rsp-text-[#128C7E] rsp-ml-auto" })
         ]
@@ -4965,7 +4956,7 @@ function Ca({ buttons: a, flowButtonText: s, onShowAllOptions: n }) {
     )
   ] });
 }
-function Ea({ template: a }) {
+function Ca({ template: a }) {
   var A, d, w, M;
   const [s, n] = B(!1), [i, c] = B(0), h = (A = a.carousel) != null && A.cards ? a.carousel.cards.length : 0;
   le(() => {
@@ -5138,7 +5129,7 @@ function Ea({ template: a }) {
                 )) })
               ] }) }) }) }),
               a.buttons.length > 0 && /* @__PURE__ */ e("div", { className: "rsp-flex rsp-justify-start", children: /* @__PURE__ */ e("div", { className: "rsp-bg-gradient-to-b rsp-from-white rsp-to-[#fafafa] rsp-rounded-[12px] rsp-overflow-hidden rsp-shadow-[0_2px_8px_rgba(0,0,0,0.08)] rsp-max-w-[220px] rsp-w-full rsp-border rsp-border-gray-100 rsp-animate-slide-up", children: /* @__PURE__ */ e(
-                Ca,
+                Na,
                 {
                   buttons: a.buttons,
                   onShowAllOptions: () => n(!0)
@@ -5199,7 +5190,7 @@ const Se = {
   footer: "",
   buttons: []
 };
-function Va({ editId: a, onCancel: s }) {
+function Sa({ editId: a, onCancel: s }) {
   var y, t, x;
   const [n, i] = B(Se), [c, h] = B(!0), [l, N] = B(!1), [g, o] = B(!1), [k, A] = B(null), [d, w] = B({
     isOpen: !1
@@ -5224,14 +5215,14 @@ function Va({ editId: a, onCancel: s }) {
         throw new Error("Please set your API key in the dashboard first");
       let C;
       if (a) {
-        const T = await na(f.apiKey, a, n);
+        const T = await sa(f.apiKey, a, n);
         if (!T.success)
           throw new Error(T.message || "Update failed");
         C = {
           status: "success",
           data: { details: [{ template_name: n.name, template_id: a }] }
         };
-      } else if (C = await sa(f, n), C.status === "error")
+      } else if (C = await ra(f, n), C.status === "error")
         throw new Error(C.message);
       if (C.status === "error")
         throw new Error(C.message);
@@ -5254,7 +5245,7 @@ function Va({ editId: a, onCancel: s }) {
         const v = localStorage.getItem("account"), j = v ? JSON.parse(v) : { apiKey: "" };
         if (!j.apiKey)
           throw new Error("Please set your API key in the dashboard first");
-        const R = await ia(j.apiKey, a);
+        const R = await na(j.apiKey, a);
         i((f) => ({ ...f, ...R }));
       } catch (v) {
         console.error("Failed to load template for edit", v), A(v instanceof Error ? v.message : "Failed to load template");
@@ -5268,34 +5259,21 @@ function Va({ editId: a, onCancel: s }) {
     /* @__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: a ? "Edit Template" : "Add Template" }),
-        /* @__PURE__ */ r("div", { className: "rsp-flex rsp-items-center rsp-gap-3", children: [
-          /* @__PURE__ */ r(
-            "button",
-            {
-              onClick: () => h(!c),
-              className: `rsp-flex rsp-items-center rsp-gap-2 rsp-px-4 rsp-py-2 rsp-rounded-md rsp-text-sm rsp-font-medium rsp-transition-colors
+        /* @__PURE__ */ e("div", { className: "rsp-flex rsp-items-center rsp-gap-3", children: /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: () => h(!c),
+            className: `rsp-flex rsp-items-center rsp-gap-2 rsp-px-4 rsp-py-2 rsp-rounded-md rsp-text-sm rsp-font-medium rsp-transition-colors
                   ${c ? "rsp-bg-blue-100 rsp-text-blue-700 rsp-border rsp-border-blue-200" : "rsp-bg-gray-100 rsp-text-gray-700 rsp-border rsp-border-gray-200"}`,
-              children: [
-                /* @__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" })
-                ] }),
-                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(qe, { className: "rsp-w-5 rsp-h-5 rsp-relative rsp-left-[6px]" }),
-                "Back"
-              ]
-            }
-          )
-        ] })
+            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" })
+              ] }),
+              c ? "Hide Preview" : "Show Preview"
+            ]
+          }
+        ) })
       ] }) }),
       /* @__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: [
@@ -5331,7 +5309,7 @@ function Va({ editId: a, onCancel: s }) {
                     {
                       value: n.category,
                       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",
+                      className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
                       children: [
                         /* @__PURE__ */ e("option", { value: "MARKETING", children: "Marketing" }),
                         /* @__PURE__ */ e("option", { value: "UTILITY", children: "Utility" })
@@ -5351,8 +5329,8 @@ function Va({ editId: a, onCancel: s }) {
                     {
                       value: n.language,
                       onChange: (p) => i({ ...n, language: p.target.value }),
-                      className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
-                      children: ta.map((p) => /* @__PURE__ */ e("option", { value: p.value, children: p.label }, p.value))
+                      className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
+                      children: 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" }) }) }),
@@ -5386,7 +5364,7 @@ function Va({ editId: a, onCancel: s }) {
                           }
                         }) : i({ ...n, type: v });
                       },
-                      className: "rsp-w-full rsp-px-0 rsp-py-2 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm focus:rsp-outline-none focus:rsp-border-blue-500 rsp-bg-transparent rsp-appearance-none",
+                      className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
                       children: [
                         /* @__PURE__ */ e("option", { value: "BASIC", children: "Basic" }),
                         /* @__PURE__ */ e("option", { value: "CAROUSEL", children: "Carousel" })
@@ -5405,7 +5383,7 @@ function Va({ editId: a, onCancel: s }) {
                     {
                       value: n.enableClickTracking.toString(),
                       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",
+                      className: "rsp-w-full rsp-px-0 rsp-border-0 rsp-border-b rsp-border-gray-300 rsp-text-sm rsp-bg-transparent rsp-appearance-none rsp-h-10 rsp-leading-10 focus:rsp-outline-none focus:rsp-border-blue-500",
                       children: [
                         /* @__PURE__ */ e("option", { value: "false", children: "False" }),
                         /* @__PURE__ */ e("option", { value: "true", children: "True" })
@@ -5417,7 +5395,7 @@ function Va({ editId: a, onCancel: s }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "rsp-bg-white rsp-p-6 rsp-rounded-lg rsp-shadow-sm", children: /* @__PURE__ */ e(ka, { template: n, setTemplate: i }) }),
+          /* @__PURE__ */ 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: [
             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(he, { className: "rsp-w-5 rsp-h-5 rsp-text-red-500 rsp-flex-shrink-0 rsp-mt-0.5" }),
@@ -5434,19 +5412,29 @@ function Va({ editId: a, onCancel: s }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "rsp-flex rsp-gap-4", children: /* @__PURE__ */ e(
-              "button",
-              {
-                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
+            /* @__PURE__ */ r("div", { className: "rsp-flex rsp-gap-4", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => s == null ? void 0 : s(),
+                  className: "rsp-flex-1 rsp-py-3 rsp-px-6 rsp-rounded-md rsp-transition-colors rsp-text-gray-700 rsp-font-medium rsp-text-sm rsp-bg-white rsp-border rsp-border-gray-300 hover:rsp-bg-gray-50",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  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
                     ${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"
-              }
-            ) })
+                  children: g ? a ? "Resubmitting for Approval..." : "Submitting for Approval..." : a ? "Resubmit for Approval" : "Submit for Approval"
+                }
+              )
+            ] })
           ] })
         ] }),
-        c && /* @__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(
@@ -5488,8 +5476,8 @@ function Va({ editId: a, onCancel: s }) {
     )
   ] });
 }
-const Ma = Oe({});
-function Aa({ apiKey: a, pConfig: s, children: n }) {
+const Ea = Oe({});
+function Va({ apiKey: a, pConfig: s, children: n }) {
   const i = Ve(
     () => ({ apiKey: a, resulMeta: s }),
     [a, s]
@@ -5521,10 +5509,10 @@ function Aa({ apiKey: a, pConfig: s, children: n }) {
           g
         );
       }
-  }, [a, s]), /* @__PURE__ */ e(Ma.Provider, { value: i, children: n });
+  }, [a, s]), /* @__PURE__ */ e(Ea.Provider, { value: i, children: n });
 }
 export {
-  Va as CreateTemplate,
-  Sa as Dashboard,
-  Aa as TrustSignalProvider
+  Sa as CreateTemplate,
+  Ta as Dashboard,
+  Va as TrustSignalProvider
 };