@maebgch/rcs-emulator 0.1.4 → 0.1.6

package/dist/rcs-emulator.es.js

@@ -1,74 +1,43 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import Me, { useContext as je, createContext as Ee, useReducer as De, useRef as ue, useEffect as ie, useState as ne, useCallback as Be, memo as F } from "react";
-var fe = { exports: {} }, he = {};
-var ve;
-function We() {
-  if (ve) return he;
-  ve = 1;
-  var c = Me.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  return he.c = function(t) {
-    return c.H.useMemoCache(t);
-  }, he;
-}
-var ge = {};
-var we;
-function Ve() {
-  return we || (we = 1, process.env.NODE_ENV !== "production" && (function() {
-    var c = Me.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    ge.c = function(t) {
-      var e = c.H;
-      return e === null && console.error(
-        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
-      ), e.useMemoCache(t);
-    };
-  })()), ge;
-}
-var ke;
-function Ue() {
-  return ke || (ke = 1, process.env.NODE_ENV === "production" ? fe.exports = We() : fe.exports = Ve()), fe.exports;
-}
-var D = Ue();
-function ze(c) {
+import { c as B } from "react/compiler-runtime";
+import { useContext as Me, createContext as Se, useReducer as ze, useRef as me, useEffect as oe, useState as ne, useCallback as Ie, memo as F } from "react";
+function Ne(c) {
   return "reply" in c;
 }
 function le(c) {
   return "action" in c;
 }
-function Bt(c) {
+function St(c) {
   if (!le(c)) return !1;
   const {
     urlAction: t
   } = c.action;
   return t?.openUrl?.application === "WEBVIEW";
 }
-function He(c) {
+function Ae(c) {
   const {
     urlAction: t
   } = c.action;
   return t?.openUrl?.application === "WEBVIEW" ? t.openUrl : null;
 }
-const Oe = {
+const Te = {
   name: "Business",
   verified: !1
-}, Pe = {
+}, je = {
   currentMessageId: null,
   chatHistory: [],
   isTyping: !1,
   error: null
-}, Ie = Ee(null);
-function Ae(c) {
-  const t = D.c(20), {
+}, Ce = Se(null);
+function Le(c) {
+  const t = B(20), {
     children: e,
     theme: s,
     device: l,
-    businessInfo: i,
+    businessInfo: o,
     state: g,
     showSuggestions: r,
-    isProfileOpen: o,
+    isProfileOpen: i,
     toggleProfile: a,
     onReply: f,
     onAction: h,
@@ -77,53 +46,53 @@ function Ae(c) {
     closeWebView: m
   } = c;
   let p;
-  t[0] !== i ? (p = {
-    ...Oe,
-    ...i
-  }, t[0] = i, t[1] = p) : p = t[1];
+  t[0] !== o ? (p = {
+    ...Te,
+    ...o
+  }, t[0] = o, t[1] = p) : p = t[1];
   let b;
   t[2] !== g ? (b = {
-    ...Pe,
+    ...je,
     ...g
   }, t[2] = g, t[3] = b) : b = t[3];
   let y;
-  t[4] !== m || t[5] !== l || t[6] !== o || t[7] !== h || t[8] !== f || t[9] !== u || t[10] !== r || t[11] !== p || t[12] !== b || t[13] !== s || t[14] !== a || t[15] !== d ? (y = {
+  t[4] !== m || t[5] !== l || t[6] !== i || t[7] !== h || t[8] !== f || t[9] !== u || t[10] !== r || t[11] !== p || t[12] !== b || t[13] !== s || t[14] !== a || t[15] !== d ? (y = {
     theme: s,
     device: l,
     businessInfo: p,
     state: b,
     showSuggestions: r,
-    isProfileOpen: o,
+    isProfileOpen: i,
     toggleProfile: a,
     handleReply: f,
     handleAction: h,
     webView: d,
     openWebView: u,
     closeWebView: m
-  }, t[4] = m, t[5] = l, t[6] = o, t[7] = h, t[8] = f, t[9] = u, t[10] = r, t[11] = p, t[12] = b, t[13] = s, t[14] = a, t[15] = d, t[16] = y) : y = t[16];
-  const v = y;
+  }, t[4] = m, t[5] = l, t[6] = i, t[7] = h, t[8] = f, t[9] = u, t[10] = r, t[11] = p, t[12] = b, t[13] = s, t[14] = a, t[15] = d, t[16] = y) : y = t[16];
+  const w = y;
   let x;
-  return t[17] !== e || t[18] !== v ? (x = /* @__PURE__ */ n(Ie.Provider, { value: v, children: e }), t[17] = e, t[18] = v, t[19] = x) : x = t[19], x;
+  return t[17] !== e || t[18] !== w ? (x = /* @__PURE__ */ n(Ce.Provider, { value: w, children: e }), t[17] = e, t[18] = w, t[19] = x) : x = t[19], x;
 }
 function K() {
-  const c = je(Ie);
+  const c = Me(Ce);
   if (!c)
     throw new Error("useEmulator must be used within an EmulatorProvider");
   return c;
 }
-function Re(c) {
+function _e(c) {
   const t = Object.values(c.messages);
   return t.find((e) => e.is_first) || t[0] || null;
 }
-function me(c, t) {
+function fe(c, t) {
   return c.messages[t] || null;
 }
-function Ne(c, t) {
+function be(c, t) {
   const e = c.responses?.keyword?.keyword_response?.choices;
   return e && e[t]?.next_message || null;
 }
-function pe(c, t) {
-  const e = c.parts, s = Ge(e), l = qe(e);
+function ue(c, t) {
+  const e = c.parts, s = Re(e), l = Be(e);
   return {
     id: `${c.id}-${t}-${Date.now()}`,
     sender: "business",
@@ -132,7 +101,7 @@ function pe(c, t) {
     suggestions: l
   };
 }
-function Ge(c) {
+function Re(c) {
   for (const t of c) {
     const e = t.RCSMessage;
     if (e.textMessage)
@@ -144,13 +113,13 @@ function Ge(c) {
     if (s)
       return {
         type: "richcard",
-        card: Ce(s.content, s.layout)
+        card: xe(s.content, s.layout)
       };
     const l = e.richcardMessage?.message?.generalPurposeCardCarousel;
     if (l)
       return {
         type: "carousel",
-        cards: l.content.map((i) => Ce(i, {
+        cards: l.content.map((o) => xe(o, {
           cardOrientation: "VERTICAL",
           cardWidth: l.layout.cardWidth
         }))
@@ -161,7 +130,7 @@ function Ge(c) {
     text: "[Unsupported message type]"
   };
 }
-function Ce(c, t) {
+function xe(c, t) {
   const e = () => {
     if (c.media) {
       if (c.media.mediaUrl) return c.media.mediaUrl;
@@ -178,7 +147,7 @@ function Ce(c, t) {
     description: c.description,
     media: l ? {
       url: l,
-      height: Fe(c.media?.height || "MEDIUM_HEIGHT"),
+      height: Ee(c.media?.height || "MEDIUM_HEIGHT"),
       thumbnailUrl: s()
     } : void 0,
     suggestions: c.suggestions,
@@ -189,7 +158,7 @@ function Ce(c, t) {
     }
   };
 }
-function Fe(c) {
+function Ee(c) {
   switch (c) {
     case "SHORT_HEIGHT":
       return "short";
@@ -199,7 +168,7 @@ function Fe(c) {
       return "medium";
   }
 }
-function qe(c) {
+function Be(c) {
   const t = [];
   for (const e of c) {
     const s = e.RCSMessage;
@@ -207,7 +176,7 @@ function qe(c) {
   }
   return t;
 }
-function Ye(c) {
+function De(c) {
   return {
     id: `user-${Date.now()}`,
     sender: "user",
@@ -218,7 +187,7 @@ function Ye(c) {
     timestamp: Date.now()
   };
 }
-function Je(c) {
+function We(c) {
   if (!c || typeof c != "object") return !1;
   const t = c;
   if (typeof t.name != "string" || !t.messages || typeof t.messages != "object") return !1;
@@ -231,8 +200,8 @@ function Je(c) {
   }
   return !0;
 }
-function Qe(c) {
-  const t = Re(c);
+function Ve(c) {
+  const t = _e(c);
   if (!t || !t.parts.length) return "New message";
   const s = t.parts[0].RCSMessage;
   if (s.textMessage)
@@ -240,16 +209,16 @@ function Qe(c) {
   const l = s.richcardMessage?.message?.generalPurposeCard;
   if (l?.content.title)
     return l.content.title;
-  const i = s.richcardMessage?.message?.generalPurposeCardCarousel;
-  return i?.content[0]?.title ? i.content[0].title : "New message";
+  const o = s.richcardMessage?.message?.generalPurposeCardCarousel;
+  return o?.content[0]?.title ? o.content[0].title : "New message";
 }
-const Te = {
+const $e = {
   currentMessageId: null,
   chatHistory: [],
   isTyping: !1,
   error: null
 };
-function Xe(c, t) {
+function Ue(c, t) {
   switch (t.type) {
     case "INIT":
       return {
@@ -264,7 +233,7 @@ function Xe(c, t) {
         isTyping: !1
       };
     case "ADD_USER_REPLY": {
-      const e = Ye(t.text), s = c.chatHistory.map((l, i) => i === c.chatHistory.length - 1 ? {
+      const e = De(t.text), s = c.chatHistory.map((l, o) => o === c.chatHistory.length - 1 ? {
         ...l,
         suggestions: void 0
       } : l);
@@ -290,23 +259,23 @@ function Xe(c, t) {
         isTyping: !1
       };
     case "RESET":
-      return Te;
+      return $e;
     default:
       return c;
   }
 }
-function Ze(c) {
-  const t = D.c(18), {
+function He(c) {
+  const t = B(18), {
     flow: e,
     onUserReply: s,
     typingDelay: l
-  } = c, i = l === void 0 ? 800 : l, [g, r] = De(Xe, Te), o = ue(0), a = ue(!1);
+  } = c, o = l === void 0 ? 800 : l, [g, r] = ze(Ue, $e), i = me(0), a = me(!1);
   let f, h;
   t[0] !== e ? (f = () => {
     if (a.current)
       return;
     a.current = !0;
-    const x = Re(e);
+    const x = _e(e);
     if (!x) {
       r({
         type: "SET_ERROR",
@@ -317,49 +286,49 @@ function Ze(c) {
     r({
       type: "INIT",
       messageId: x.id
-    }), o.current = o.current + 1;
-    const k = pe(x, o.current);
+    }), i.current = i.current + 1;
+    const k = ue(x, i.current);
     r({
       type: "ADD_BUSINESS_MESSAGE",
       message: k
     });
-  }, h = [e], t[0] = e, t[1] = f, t[2] = h) : (f = t[1], h = t[2]), ie(f, h);
+  }, h = [e], t[0] = e, t[1] = f, t[2] = h) : (f = t[1], h = t[2]), oe(f, h);
   let d;
-  t[3] !== e || t[4] !== s || t[5] !== g.currentMessageId || t[6] !== i ? (d = (x) => {
-    if (!ze(x))
+  t[3] !== e || t[4] !== s || t[5] !== g.currentMessageId || t[6] !== o ? (d = (x) => {
+    if (!Ne(x))
       return;
     const {
       displayText: k,
-      postback: w
-    } = x.reply, N = w.data;
+      postback: v
+    } = x.reply, N = v.data;
     r({
       type: "ADD_USER_REPLY",
       text: k,
       postbackData: N
     });
-    const _ = {
+    const L = {
       type: "reply",
       postbackData: N,
       displayText: k,
       timestamp: Date.now()
     };
-    s(_);
-    const $ = g.currentMessageId ? me(e, g.currentMessageId) : null;
-    if (!$) {
+    s(L);
+    const M = g.currentMessageId ? fe(e, g.currentMessageId) : null;
+    if (!M) {
       r({
         type: "SET_ERROR",
         error: "Current message not found"
       });
       return;
     }
-    const L = Ne($, N);
-    if (!L)
+    const _ = be(M, N);
+    if (!_)
       return;
-    const A = me(e, L);
+    const A = fe(e, _);
     if (!A) {
       r({
         type: "SET_ERROR",
-        error: `Next message "${L}" not found`
+        error: `Next message "${_}" not found`
       });
       return;
     }
@@ -368,63 +337,63 @@ function Ze(c) {
       isTyping: !0
     }), r({
       type: "NAVIGATE_TO",
-      messageId: L
+      messageId: _
     }), setTimeout(() => {
-      o.current = o.current + 1;
-      const z = pe(A, o.current);
+      i.current = i.current + 1;
+      const z = ue(A, i.current);
       r({
         type: "ADD_BUSINESS_MESSAGE",
         message: z
       });
-    }, i);
-  }, t[3] = e, t[4] = s, t[5] = g.currentMessageId, t[6] = i, t[7] = d) : d = t[7];
+    }, o);
+  }, t[3] = e, t[4] = s, t[5] = g.currentMessageId, t[6] = o, t[7] = d) : d = t[7];
   const u = d;
   let m;
-  t[8] !== e || t[9] !== s || t[10] !== g.currentMessageId || t[11] !== i ? (m = (x) => {
+  t[8] !== e || t[9] !== s || t[10] !== g.currentMessageId || t[11] !== o ? (m = (x) => {
     if (!le(x))
       return;
     const {
       displayText: k,
-      postback: w,
+      postback: v,
       openUrlAction: N,
-      dialAction: _,
-      dialerAction: $,
-      mapAction: L,
+      dialAction: L,
+      dialerAction: M,
+      mapAction: _,
       viewLocationAction: A
-    } = x.action, z = w.data, S = _?.phoneNumber || $?.dialPhoneNumber?.phoneNumber, M = L?.showLocation?.location || A?.latLong;
+    } = x.action, z = v.data, $ = L?.phoneNumber || M?.dialPhoneNumber?.phoneNumber, S = _?.showLocation?.location || A?.latLong;
     let I;
     N ? I = {
       type: "openUrl",
       url: N.url
-    } : S ? I = {
+    } : $ ? I = {
       type: "dial",
-      phoneNumber: S
-    } : M && (I = {
+      phoneNumber: $
+    } : S && (I = {
       type: "viewLocation",
-      latitude: M.latitude,
-      longitude: M.longitude,
+      latitude: S.latitude,
+      longitude: S.longitude,
       query: A?.query
     });
-    const R = {
+    const T = {
       type: "action",
       postbackData: z,
       displayText: k,
       timestamp: Date.now(),
       actionData: I
     };
-    if (s(R), N)
+    if (s(T), N)
       window.open(N.url, "_blank", "noopener,noreferrer");
-    else if (S)
-      window.location.href = `tel:${S}`;
-    else if (M) {
-      const T = L?.showLocation?.location?.label || A?.label || "", O = `https://www.google.com/maps/search/?api=1&query=${M.latitude},${M.longitude}${T ? `&query_place_id=${encodeURIComponent(T)}` : ""}`;
+    else if ($)
+      window.location.href = `tel:${$}`;
+    else if (S) {
+      const j = _?.showLocation?.location?.label || A?.label || "", O = `https://www.google.com/maps/search/?api=1&query=${S.latitude},${S.longitude}${j ? `&query_place_id=${encodeURIComponent(j)}` : ""}`;
       window.open(O, "_blank", "noopener,noreferrer");
     }
-    const B = g.currentMessageId ? me(e, g.currentMessageId) : null;
-    if (B) {
-      const T = Ne(B, z);
-      if (T) {
-        const O = me(e, T);
+    const D = g.currentMessageId ? fe(e, g.currentMessageId) : null;
+    if (D) {
+      const j = be(D, z);
+      if (j) {
+        const O = fe(e, j);
         O && (r({
           type: "ADD_USER_REPLY",
           text: k,
@@ -434,74 +403,74 @@ function Ze(c) {
           isTyping: !0
         }), r({
           type: "NAVIGATE_TO",
-          messageId: T
+          messageId: j
         }), setTimeout(() => {
-          o.current = o.current + 1;
-          const q = pe(O, o.current);
+          i.current = i.current + 1;
+          const J = ue(O, i.current);
           r({
             type: "ADD_BUSINESS_MESSAGE",
-            message: q
+            message: J
           });
-        }, i));
+        }, o));
       }
     }
-  }, t[8] = e, t[9] = s, t[10] = g.currentMessageId, t[11] = i, t[12] = m) : m = t[12];
+  }, t[8] = e, t[9] = s, t[10] = g.currentMessageId, t[11] = o, t[12] = m) : m = t[12];
   const p = m;
   let b;
   t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
-    a.current = !1, o.current = 0, r({
+    a.current = !1, i.current = 0, r({
       type: "RESET"
     });
   }, t[13] = b) : b = t[13];
   const y = b;
-  let v;
-  return t[14] !== p || t[15] !== u || t[16] !== g ? (v = {
+  let w;
+  return t[14] !== p || t[15] !== u || t[16] !== g ? (w = {
     state: g,
     handleReply: u,
     handleAction: p,
     reset: y
-  }, t[14] = p, t[15] = u, t[16] = g, t[17] = v) : v = t[17], v;
+  }, t[14] = p, t[15] = u, t[16] = g, t[17] = w) : w = t[17], w;
 }
-function Ke(c) {
-  const [t, e] = ne(null), [s, l] = ne(!1), [i, g] = ne(null), r = Be(async () => {
+function Oe(c) {
+  const [t, e] = ne(null), [s, l] = ne(!1), [o, g] = ne(null), r = Ie(async () => {
     if (!c) {
       e(null), g(null);
       return;
     }
     l(!0), g(null);
     try {
-      const o = await fetch(c, {
+      const i = await fetch(c, {
         method: "GET",
         headers: {
           Accept: "application/json"
         }
       });
-      if (!o.ok)
-        throw new Error(`HTTP ${o.status}: ${o.statusText}`);
-      const a = await o.json();
+      if (!i.ok)
+        throw new Error(`HTTP ${i.status}: ${i.statusText}`);
+      const a = await i.json();
       if (!a || typeof a != "object")
         throw new Error("Invalid JSON: Expected an object");
       if (!a.messages || typeof a.messages != "object")
         throw new Error("Invalid RBM JSON: Missing 'messages' object");
       e(a);
-    } catch (o) {
-      const a = o instanceof Error ? o.message : "Failed to fetch JSON";
+    } catch (i) {
+      const a = i instanceof Error ? i.message : "Failed to fetch JSON";
       g(a), e(null);
     } finally {
       l(!1);
     }
   }, [c]);
-  return ie(() => {
+  return oe(() => {
     r();
   }, [r]), {
     data: t,
     isLoading: s,
-    error: i,
+    error: o,
     refetch: r
   };
 }
-function et(c) {
-  const t = D.c(3), e = ue(null);
+function Pe(c) {
+  const t = B(3), e = me(null);
   let s;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => {
     e.current && e.current.scrollTo({
@@ -510,19 +479,19 @@ function et(c) {
     });
   }, t[0] = s) : s = t[0];
   let l;
-  return t[1] !== c ? (l = [c], t[1] = c, t[2] = l) : l = t[2], ie(s, l), e;
+  return t[1] !== c ? (l = [c], t[1] = c, t[2] = l) : l = t[2], oe(s, l), e;
 }
-const tt = F(function() {
-  const t = D.c(34), {
+const Ge = F(function() {
+  const t = B(34), {
     theme: e,
     businessInfo: s,
     toggleProfile: l
-  } = K(), i = e === "dark", g = s.brandColor || "#0084ff", r = `
+  } = K(), o = e === "dark", g = s.brandColor || "#0084ff", r = `
         flex items-center gap-3 px-3 py-2.5 border-b
-        ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-100"}
-      `, o = `Chat with ${s.name}`, a = `
+        ${o ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-100"}
+      `, i = `Chat with ${s.name}`, a = `
           p-1.5 -ml-1 rounded-full transition-colors
-          ${i ? "hover:bg-zinc-800 text-white" : "hover:bg-gray-100 text-gray-700"}
+          ${o ? "hover:bg-zinc-800 text-white" : "hover:bg-gray-100 text-gray-700"}
         `;
   let f;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }), t[0] = f) : f = t[0];
@@ -530,7 +499,7 @@ const tt = F(function() {
   t[1] !== a ? (h = /* @__PURE__ */ n("button", { type: "button", className: a, "aria-label": "Go back", children: f }), t[1] = a, t[2] = h) : h = t[2];
   const d = `
             relative w-9 h-9 rounded-full overflow-hidden flex-shrink-0
-            ${i ? "bg-zinc-800" : "bg-gray-100"}
+            ${o ? "bg-zinc-800" : "bg-gray-100"}
           `, u = s.logo ? void 0 : g;
   let m;
   t[3] !== u ? (m = {
@@ -542,59 +511,59 @@ const tt = F(function() {
   t[8] !== d || t[9] !== m || t[10] !== p ? (b = /* @__PURE__ */ n("div", { className: d, style: m, children: p }), t[8] = d, t[9] = m, t[10] = p, t[11] = b) : b = t[11];
   const y = `
             text-base font-medium truncate
-            ${i ? "text-white" : "text-gray-900"}
+            ${o ? "text-white" : "text-gray-900"}
           `;
-  let v;
-  t[12] !== s.name || t[13] !== y ? (v = /* @__PURE__ */ n("h1", { className: y, children: s.name }), t[12] = s.name, t[13] = y, t[14] = v) : v = t[14];
+  let w;
+  t[12] !== s.name || t[13] !== y ? (w = /* @__PURE__ */ n("h1", { className: y, children: s.name }), t[12] = s.name, t[13] = y, t[14] = w) : w = t[14];
   let x;
-  t[15] !== v || t[16] !== b || t[17] !== l ? (x = /* @__PURE__ */ C("button", { onClick: l, className: "flex items-center gap-2.5 flex-1 min-w-0 text-left", "aria-label": "View business info", children: [
+  t[15] !== w || t[16] !== b || t[17] !== l ? (x = /* @__PURE__ */ C("button", { onClick: l, className: "flex items-center gap-2.5 flex-1 min-w-0 text-left", "aria-label": "View business info", children: [
     b,
-    v
-  ] }), t[15] = v, t[16] = b, t[17] = l, t[18] = x) : x = t[18];
+    w
+  ] }), t[15] = w, t[16] = b, t[17] = l, t[18] = x) : x = t[18];
   let k;
-  t[19] !== s.verified || t[20] !== i ? (k = s.verified && /* @__PURE__ */ n("button", { type: "button", className: `
+  t[19] !== s.verified || t[20] !== o ? (k = s.verified && /* @__PURE__ */ n("button", { type: "button", className: `
               p-2 rounded-full transition-colors
-              ${i ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
+              ${o ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
             `, "aria-label": "Verified business", children: /* @__PURE__ */ C("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ n("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", stroke: i ? "#9ca3af" : "#6b7280", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ n("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", stroke: o ? "#9ca3af" : "#6b7280", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ n("path", { d: "M9 12l2 2 4-4", stroke: "#3b82f6", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }) }), t[19] = s.verified, t[20] = i, t[21] = k) : k = t[21];
-  const w = `
+  ] }) }), t[19] = s.verified, t[20] = o, t[21] = k) : k = t[21];
+  const v = `
             p-2 rounded-full transition-colors
-            ${i ? "hover:bg-zinc-800 text-zinc-400" : "hover:bg-gray-100 text-gray-500"}
+            ${o ? "hover:bg-zinc-800 text-zinc-400" : "hover:bg-gray-100 text-gray-500"}
           `;
   let N;
   t[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" }) }), t[22] = N) : N = t[22];
-  let _;
-  t[23] !== w ? (_ = /* @__PURE__ */ n("button", { type: "button", className: w, "aria-label": "More options", children: N }), t[23] = w, t[24] = _) : _ = t[24];
-  let $;
-  t[25] !== k || t[26] !== _ ? ($ = /* @__PURE__ */ C("div", { className: "flex items-center gap-0.5", children: [
-    k,
-    _
-  ] }), t[25] = k, t[26] = _, t[27] = $) : $ = t[27];
   let L;
-  return t[28] !== r || t[29] !== o || t[30] !== x || t[31] !== $ || t[32] !== h ? (L = /* @__PURE__ */ C("header", { className: r, role: "banner", "aria-label": o, children: [
+  t[23] !== v ? (L = /* @__PURE__ */ n("button", { type: "button", className: v, "aria-label": "More options", children: N }), t[23] = v, t[24] = L) : L = t[24];
+  let M;
+  t[25] !== k || t[26] !== L ? (M = /* @__PURE__ */ C("div", { className: "flex items-center gap-0.5", children: [
+    k,
+    L
+  ] }), t[25] = k, t[26] = L, t[27] = M) : M = t[27];
+  let _;
+  return t[28] !== r || t[29] !== i || t[30] !== x || t[31] !== M || t[32] !== h ? (_ = /* @__PURE__ */ C("header", { className: r, role: "banner", "aria-label": i, children: [
     h,
     x,
-    $
-  ] }), t[28] = r, t[29] = o, t[30] = x, t[31] = $, t[32] = h, t[33] = L) : L = t[33], L;
-}), nt = F(function() {
-  const t = D.c(24), {
+    M
+  ] }), t[28] = r, t[29] = i, t[30] = x, t[31] = M, t[32] = h, t[33] = _) : _ = t[33], _;
+}), Fe = F(function() {
+  const t = B(24), {
     theme: e,
     businessInfo: s
-  } = K(), l = e === "dark", i = s.brandColor || "#0084ff", g = `
+  } = K(), l = e === "dark", o = s.brandColor || "#0084ff", g = `
             w-16 h-16 rounded-full overflow-hidden
             ${l ? "bg-zinc-800" : "bg-gray-100"}
             shadow-lg
-          `, r = s.logo ? void 0 : i;
-  let o;
-  t[0] !== r ? (o = {
+          `, r = s.logo ? void 0 : o;
+  let i;
+  t[0] !== r ? (i = {
     backgroundColor: r
-  }, t[0] = r, t[1] = o) : o = t[1];
+  }, t[0] = r, t[1] = i) : i = t[1];
   let a;
   t[2] !== s.logo || t[3] !== s.name ? (a = s.logo ? /* @__PURE__ */ n("img", { src: s.logo, alt: `${s.name} logo`, className: "w-full h-full object-cover" }) : /* @__PURE__ */ n("div", { className: "w-full h-full flex items-center justify-center text-2xl font-bold text-white", children: s.name.charAt(0).toUpperCase() }), t[2] = s.logo, t[3] = s.name, t[4] = a) : a = t[4];
   let f;
-  t[5] !== g || t[6] !== o || t[7] !== a ? (f = /* @__PURE__ */ n("div", { className: g, style: o, children: a }), t[5] = g, t[6] = o, t[7] = a, t[8] = f) : f = t[8];
+  t[5] !== g || t[6] !== i || t[7] !== a ? (f = /* @__PURE__ */ n("div", { className: g, style: i, children: a }), t[5] = g, t[6] = i, t[7] = a, t[8] = f) : f = t[8];
   let h;
   t[9] !== s.verified ? (h = s.verified && /* @__PURE__ */ n("div", { className: "absolute -bottom-0.5 -right-0.5 w-5 h-5 rounded-full bg-blue-500 flex items-center justify-center border-2 border-white shadow-sm", children: /* @__PURE__ */ n("svg", { className: "w-3 h-3 text-white", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ n("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }) }) }), t[9] = s.verified, t[10] = h) : h = t[10];
   let d;
@@ -619,35 +588,35 @@ const tt = F(function() {
     m,
     p
   ] }), t[20] = d, t[21] = m, t[22] = p, t[23] = b) : b = t[23], b;
-}), st = F(function(t) {
-  const e = D.c(26), {
+}), Je = F(function(t) {
+  const e = B(26), {
     text: s,
     sender: l,
-    timestamp: i
+    timestamp: o
   } = t, {
     theme: g,
     businessInfo: r
-  } = K(), o = g === "dark", a = l === "business", f = r.brandColor || "#0084ff";
+  } = K(), i = g === "dark", a = l === "business", f = r.brandColor || "#0084ff";
   let h;
-  e[0] !== i ? (h = new Date(i).toLocaleTimeString([], {
+  e[0] !== o ? (h = new Date(o).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), e[0] = i, e[1] = h) : h = e[1];
+  }), e[0] = o, e[1] = h) : h = e[1];
   const d = h;
   if (a) {
     const k = `
             px-4 py-3 rounded-2xl text-sm leading-relaxed
-            ${o ? "bg-zinc-800 text-white" : "bg-gray-100 text-gray-900"}
+            ${i ? "bg-zinc-800 text-white" : "bg-gray-100 text-gray-900"}
           `;
-    let w;
-    e[2] !== k || e[3] !== s ? (w = /* @__PURE__ */ n("div", { className: k, children: s }), e[2] = k, e[3] = s, e[4] = w) : w = e[4];
+    let v;
+    e[2] !== k || e[3] !== s ? (v = /* @__PURE__ */ n("div", { className: k, children: s }), e[2] = k, e[3] = s, e[4] = v) : v = e[4];
     let N;
     e[5] !== d ? (N = /* @__PURE__ */ n("span", { className: "sr-only", children: d }), e[5] = d, e[6] = N) : N = e[6];
-    let _;
-    return e[7] !== w || e[8] !== N ? (_ = /* @__PURE__ */ C("div", { className: "max-w-[90%]", children: [
-      w,
+    let L;
+    return e[7] !== v || e[8] !== N ? (L = /* @__PURE__ */ C("div", { className: "max-w-[90%]", children: [
+      v,
       N
-    ] }), e[7] = w, e[8] = N, e[9] = _) : _ = e[9], _;
+    ] }), e[7] = v, e[8] = N, e[9] = L) : L = e[9], L;
   }
   let u;
   e[10] !== f ? (u = {
@@ -663,27 +632,27 @@ const tt = F(function() {
   e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n("svg", { className: "w-3 h-3 text-white", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }), e[17] = b) : b = e[17];
   let y;
   e[18] !== p ? (y = /* @__PURE__ */ n("div", { className: "w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0", style: p, children: b }), e[18] = p, e[19] = y) : y = e[19];
-  let v;
-  e[20] !== d ? (v = /* @__PURE__ */ n("span", { className: "sr-only", children: d }), e[20] = d, e[21] = v) : v = e[21];
+  let w;
+  e[20] !== d ? (w = /* @__PURE__ */ n("span", { className: "sr-only", children: d }), e[20] = d, e[21] = w) : w = e[21];
   let x;
-  return e[22] !== m || e[23] !== y || e[24] !== v ? (x = /* @__PURE__ */ C("div", { className: "flex items-end gap-1.5 max-w-[85%] ml-auto", children: [
+  return e[22] !== m || e[23] !== y || e[24] !== w ? (x = /* @__PURE__ */ C("div", { className: "flex items-end gap-1.5 max-w-[85%] ml-auto", children: [
     m,
     y,
-    v
-  ] }), e[22] = m, e[23] = y, e[24] = v, e[25] = x) : x = e[25], x;
-}), lt = F(function(t) {
-  const e = D.c(18), {
+    w
+  ] }), e[22] = m, e[23] = y, e[24] = w, e[25] = x) : x = e[25], x;
+}), Ye = F(function(t) {
+  const e = B(18), {
     text: s,
     timestamp: l
   } = t, {
-    businessInfo: i
-  } = K(), g = i.brandColor || "#0084ff";
+    businessInfo: o
+  } = K(), g = o.brandColor || "#0084ff";
   let r;
   e[0] !== l ? (r = new Date(l).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   }), e[0] = l, e[1] = r) : r = e[1];
-  const o = r;
+  const i = r;
   let a;
   e[2] !== g ? (a = {
     backgroundColor: g
@@ -699,22 +668,22 @@ const tt = F(function() {
   let u;
   e[10] !== h ? (u = /* @__PURE__ */ n("div", { className: "w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0", style: h, children: d }), e[10] = h, e[11] = u) : u = e[11];
   let m;
-  e[12] !== o ? (m = /* @__PURE__ */ n("span", { className: "sr-only", children: o }), e[12] = o, e[13] = m) : m = e[13];
+  e[12] !== i ? (m = /* @__PURE__ */ n("span", { className: "sr-only", children: i }), e[12] = i, e[13] = m) : m = e[13];
   let p;
   return e[14] !== f || e[15] !== u || e[16] !== m ? (p = /* @__PURE__ */ C("div", { className: "flex items-end gap-1.5 max-w-[85%] ml-auto", children: [
     f,
     u,
     m
   ] }), e[14] = f, e[15] = u, e[16] = m, e[17] = p) : p = e[17], p;
-}), rt = F(function(t) {
-  const e = D.c(32), {
+}), qe = F(function(t) {
+  const e = B(32), {
     card: s,
     timestamp: l
   } = t, {
-    theme: i,
+    theme: o,
     handleReply: g,
     handleAction: r
-  } = K(), o = i === "dark";
+  } = K(), i = o === "dark";
   let a;
   e[0] !== l ? (a = new Date(l).toLocaleTimeString([], {
     hour: "2-digit",
@@ -722,8 +691,8 @@ const tt = F(function() {
   }), e[0] = l, e[1] = a) : a = e[1];
   const f = a;
   let h;
-  e[2] !== r || e[3] !== g ? (h = (L) => {
-    "reply" in L ? g(L) : r(L);
+  e[2] !== r || e[3] !== g ? (h = (_) => {
+    "reply" in _ ? g(_) : r(_);
   }, e[2] = r, e[3] = g, e[4] = h) : h = e[4];
   const d = h;
   let u;
@@ -734,110 +703,110 @@ const tt = F(function() {
   }, e[5] = u) : u = e[5];
   const m = u, b = `
           overflow-hidden rounded-2xl w-full shadow-sm
-          ${o ? "bg-zinc-800" : "bg-[#e8f5e9]"}
+          ${i ? "bg-zinc-800" : "bg-[#e8f5e9]"}
         `;
   let y;
   e[6] !== s.media || e[7] !== s.title ? (y = s.media && /* @__PURE__ */ n("div", { className: `
               w-full overflow-hidden
               ${m[s.media.height]}
             `, children: /* @__PURE__ */ n("img", { src: s.media.url, alt: s.title || "Rich card media", className: "w-full h-full object-cover", loading: "lazy" }) }), e[6] = s.media, e[7] = s.title, e[8] = y) : y = e[8];
-  let v;
-  e[9] !== s.title || e[10] !== o ? (v = s.title && /* @__PURE__ */ n("h3", { className: `
+  let w;
+  e[9] !== s.title || e[10] !== i ? (w = s.title && /* @__PURE__ */ n("h3", { className: `
                 text-base font-semibold leading-snug
-                ${o ? "text-white" : "text-gray-900"}
-              `, children: s.title }), e[9] = s.title, e[10] = o, e[11] = v) : v = e[11];
+                ${i ? "text-white" : "text-gray-900"}
+              `, children: s.title }), e[9] = s.title, e[10] = i, e[11] = w) : w = e[11];
   let x;
-  e[12] !== s.description || e[13] !== o ? (x = s.description && /* @__PURE__ */ n("p", { className: `
+  e[12] !== s.description || e[13] !== i ? (x = s.description && /* @__PURE__ */ n("p", { className: `
                 text-sm leading-relaxed mt-1.5
-                ${o ? "text-zinc-300" : "text-gray-700"}
-              `, children: s.description }), e[12] = s.description, e[13] = o, e[14] = x) : x = e[14];
+                ${i ? "text-zinc-300" : "text-gray-700"}
+              `, children: s.description }), e[12] = s.description, e[13] = i, e[14] = x) : x = e[14];
   let k;
-  e[15] !== s.suggestions || e[16] !== d || e[17] !== o ? (k = s.suggestions && s.suggestions.length > 0 && /* @__PURE__ */ n("div", { className: `
+  e[15] !== s.suggestions || e[16] !== d || e[17] !== i ? (k = s.suggestions && s.suggestions.length > 0 && /* @__PURE__ */ n("div", { className: `
                 mt-4 rounded-xl overflow-hidden divide-y
-                ${o ? "divide-zinc-700 bg-zinc-800" : "divide-gray-100 bg-white"}
-              `, children: s.suggestions.map((L, A) => /* @__PURE__ */ n(dt, { suggestion: L, onClick: () => d(L), isDark: o }, A)) }), e[15] = s.suggestions, e[16] = d, e[17] = o, e[18] = k) : k = e[18];
-  let w;
-  e[19] !== v || e[20] !== x || e[21] !== k ? (w = /* @__PURE__ */ C("div", { className: "p-4", children: [
-    v,
+                ${i ? "divide-zinc-700 bg-zinc-800" : "divide-gray-100 bg-white"}
+              `, children: s.suggestions.map((_, A) => /* @__PURE__ */ n(et, { suggestion: _, onClick: () => d(_), isDark: i }, A)) }), e[15] = s.suggestions, e[16] = d, e[17] = i, e[18] = k) : k = e[18];
+  let v;
+  e[19] !== w || e[20] !== x || e[21] !== k ? (v = /* @__PURE__ */ C("div", { className: "p-4", children: [
+    w,
     x,
     k
-  ] }), e[19] = v, e[20] = x, e[21] = k, e[22] = w) : w = e[22];
+  ] }), e[19] = w, e[20] = x, e[21] = k, e[22] = v) : v = e[22];
   let N;
-  e[23] !== b || e[24] !== y || e[25] !== w ? (N = /* @__PURE__ */ C("div", { className: b, children: [
+  e[23] !== b || e[24] !== y || e[25] !== v ? (N = /* @__PURE__ */ C("div", { className: b, children: [
     y,
-    w
-  ] }), e[23] = b, e[24] = y, e[25] = w, e[26] = N) : N = e[26];
-  let _;
-  e[27] !== f ? (_ = /* @__PURE__ */ n("span", { className: "sr-only", children: f }), e[27] = f, e[28] = _) : _ = e[28];
-  let $;
-  return e[29] !== N || e[30] !== _ ? ($ = /* @__PURE__ */ C("div", { className: "w-full", children: [
+    v
+  ] }), e[23] = b, e[24] = y, e[25] = v, e[26] = N) : N = e[26];
+  let L;
+  e[27] !== f ? (L = /* @__PURE__ */ n("span", { className: "sr-only", children: f }), e[27] = f, e[28] = L) : L = e[28];
+  let M;
+  return e[29] !== N || e[30] !== L ? (M = /* @__PURE__ */ C("div", { className: "w-full", children: [
     N,
-    _
-  ] }), e[29] = N, e[30] = _, e[31] = $) : $ = e[31], $;
-}), ae = "w-5 h-5 text-gray-400", ot = () => {
-  const c = D.c(1);
+    L
+  ] }), e[29] = N, e[30] = L, e[31] = M) : M = e[31], M;
+}), ae = "w-5 h-5 text-gray-400", Qe = () => {
+  const c = B(1);
   let t;
   return c[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ n("svg", { className: ae, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }), c[0] = t) : t = c[0], t;
-}, it = () => {
-  const c = D.c(1);
+}, Xe = () => {
+  const c = B(1);
   let t;
   return c[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ n("svg", { className: ae, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) }), c[0] = t) : t = c[0], t;
-}, at = () => {
-  const c = D.c(1);
+}, Ze = () => {
+  const c = B(1);
   let t;
   return c[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ C("svg", { className: ae, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
     /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
     /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
   ] }), c[0] = t) : t = c[0], t;
-}, ct = () => {
-  const c = D.c(1);
+}, Ke = () => {
+  const c = B(1);
   let t;
   return c[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ n("svg", { className: ae, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), c[0] = t) : t = c[0], t;
-}, _e = () => {
-  const c = D.c(1);
+}, ye = () => {
+  const c = B(1);
   let t;
   return c[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ n("svg", { className: ae, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) }), c[0] = t) : t = c[0], t;
-}, dt = F(function(t) {
-  const e = D.c(15), {
+}, et = F(function(t) {
+  const e = B(15), {
     suggestion: s,
     onClick: l,
-    isDark: i
+    isDark: o
   } = t;
   let g;
   e[0] !== s ? (g = le(s), e[0] = s, e[1] = g) : g = e[1];
-  const r = g, o = r ? s.action.displayText : s.reply.displayText;
+  const r = g, i = r ? s.action.displayText : s.reply.displayText;
   let a;
   e[2] !== r || e[3] !== s ? (a = () => {
     if (!r)
-      return /* @__PURE__ */ n(_e, {});
+      return /* @__PURE__ */ n(ye, {});
     const {
       action: b
     } = s;
-    return b.urlAction || b.openUrlAction ? /* @__PURE__ */ n(ot, {}) : b.dialerAction || b.dialAction ? /* @__PURE__ */ n(it, {}) : b.mapAction || b.viewLocationAction ? /* @__PURE__ */ n(at, {}) : b.calendarAction || b.createCalendarEventAction ? /* @__PURE__ */ n(ct, {}) : /* @__PURE__ */ n(_e, {});
+    return b.urlAction || b.openUrlAction ? /* @__PURE__ */ n(Qe, {}) : b.dialerAction || b.dialAction ? /* @__PURE__ */ n(Xe, {}) : b.mapAction || b.viewLocationAction ? /* @__PURE__ */ n(Ze, {}) : b.calendarAction || b.createCalendarEventAction ? /* @__PURE__ */ n(Ke, {}) : /* @__PURE__ */ n(ye, {});
   }, e[2] = r, e[3] = s, e[4] = a) : a = e[4];
   const f = a, h = `
         w-full flex items-center gap-3 px-4 py-3 text-left transition-colors
-        ${i ? "hover:bg-zinc-700" : "hover:bg-gray-50"}
+        ${o ? "hover:bg-zinc-700" : "hover:bg-gray-50"}
       `;
   let d;
   e[5] !== f ? (d = /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: f() }), e[5] = f, e[6] = d) : d = e[6];
-  const u = `text-sm ${i ? "text-white" : "text-gray-900"}`;
+  const u = `text-sm ${o ? "text-white" : "text-gray-900"}`;
   let m;
-  e[7] !== o || e[8] !== u ? (m = /* @__PURE__ */ n("span", { className: u, children: o }), e[7] = o, e[8] = u, e[9] = m) : m = e[9];
+  e[7] !== i || e[8] !== u ? (m = /* @__PURE__ */ n("span", { className: u, children: i }), e[7] = i, e[8] = u, e[9] = m) : m = e[9];
   let p;
   return e[10] !== l || e[11] !== h || e[12] !== d || e[13] !== m ? (p = /* @__PURE__ */ C("button", { onClick: l, className: h, children: [
     d,
     m
   ] }), e[10] = l, e[11] = h, e[12] = d, e[13] = m, e[14] = p) : p = e[14], p;
-}), ft = F(function(t) {
-  const e = D.c(32), {
+}), tt = F(function(t) {
+  const e = B(32), {
     cards: s,
     timestamp: l
   } = t, {
-    theme: i,
+    theme: o,
     handleReply: g,
     handleAction: r
-  } = K(), o = ue(null), [a, f] = ne(!1), [h, d] = ne(s.length > 1), u = i === "dark";
+  } = K(), i = me(null), [a, f] = ne(!1), [h, d] = ne(s.length > 1), u = o === "dark";
   let m;
   e[0] !== l ? (m = new Date(l).toLocaleTimeString([], {
     hour: "2-digit",
@@ -849,88 +818,88 @@ const tt = F(function() {
     "reply" in I ? g(I) : r(I);
   }, e[2] = r, e[3] = g, e[4] = b) : b = e[4];
   const y = b;
-  let v;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
-    if (o.current) {
+  let w;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => {
+    if (i.current) {
       const {
         scrollLeft: I,
-        scrollWidth: R,
-        clientWidth: B
-      } = o.current;
-      f(I > 0), d(I < R - B - 10);
+        scrollWidth: T,
+        clientWidth: D
+      } = i.current;
+      f(I > 0), d(I < T - D - 10);
     }
-  }, e[5] = v) : v = e[5];
-  const x = v;
+  }, e[5] = w) : w = e[5];
+  const x = w;
   let k;
   e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = (I) => {
-    o.current && o.current.scrollBy({
+    i.current && i.current.scrollBy({
       left: I === "left" ? -200 : 200,
       behavior: "smooth"
     });
   }, e[6] = k) : k = e[6];
-  const w = k;
+  const v = k;
   let N;
-  e[7] !== a || e[8] !== u ? (N = a && /* @__PURE__ */ n("button", { onClick: () => w("left"), className: `
+  e[7] !== a || e[8] !== u ? (N = a && /* @__PURE__ */ n("button", { onClick: () => v("left"), className: `
               absolute left-2 top-1/2 -translate-y-1/2 z-10
               w-8 h-8 rounded-full flex items-center justify-center
               shadow-lg transition-opacity
               ${u ? "bg-zinc-700 text-white" : "bg-white text-gray-700"}
             `, "aria-label": "Scroll left", children: /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), e[7] = a, e[8] = u, e[9] = N) : N = e[9];
-  let _;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+  let L;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
     scrollbarWidth: "none",
     msOverflowStyle: "none"
-  }, e[10] = _) : _ = e[10];
-  let $;
+  }, e[10] = L) : L = e[10];
+  let M;
   if (e[11] !== s || e[12] !== y || e[13] !== u) {
     let I;
-    e[15] !== y || e[16] !== u ? (I = (R, B) => /* @__PURE__ */ n(ut, { card: R, isDark: u, onSuggestionClick: y }, B), e[15] = y, e[16] = u, e[17] = I) : I = e[17], $ = s.map(I), e[11] = s, e[12] = y, e[13] = u, e[14] = $;
+    e[15] !== y || e[16] !== u ? (I = (T, D) => /* @__PURE__ */ n(st, { card: T, isDark: u, onSuggestionClick: y }, D), e[15] = y, e[16] = u, e[17] = I) : I = e[17], M = s.map(I), e[11] = s, e[12] = y, e[13] = u, e[14] = M;
   } else
-    $ = e[14];
-  let L;
-  e[18] !== $ ? (L = /* @__PURE__ */ n("div", { ref: o, onScroll: x, className: "flex gap-2.5 overflow-x-auto py-1 px-3 snap-x snap-mandatory", style: _, children: $ }), e[18] = $, e[19] = L) : L = e[19];
+    M = e[14];
+  let _;
+  e[18] !== M ? (_ = /* @__PURE__ */ n("div", { ref: i, onScroll: x, className: "flex gap-2.5 overflow-x-auto py-1 px-3 snap-x snap-mandatory", style: L, children: M }), e[18] = M, e[19] = _) : _ = e[19];
   let A;
-  e[20] !== h || e[21] !== u ? (A = h && /* @__PURE__ */ n("button", { onClick: () => w("right"), className: `
+  e[20] !== h || e[21] !== u ? (A = h && /* @__PURE__ */ n("button", { onClick: () => v("right"), className: `
               absolute right-2 top-1/2 -translate-y-1/2 z-10
               w-8 h-8 rounded-full flex items-center justify-center
               shadow-lg transition-opacity
               ${u ? "bg-zinc-700 text-white" : "bg-white text-gray-700"}
             `, "aria-label": "Scroll right", children: /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) }), e[20] = h, e[21] = u, e[22] = A) : A = e[22];
   let z;
-  e[23] !== N || e[24] !== L || e[25] !== A ? (z = /* @__PURE__ */ C("div", { className: "relative", children: [
+  e[23] !== N || e[24] !== _ || e[25] !== A ? (z = /* @__PURE__ */ C("div", { className: "relative", children: [
     N,
-    L,
+    _,
     A
-  ] }), e[23] = N, e[24] = L, e[25] = A, e[26] = z) : z = e[26];
+  ] }), e[23] = N, e[24] = _, e[25] = A, e[26] = z) : z = e[26];
+  let $;
+  e[27] !== p ? ($ = /* @__PURE__ */ n("span", { className: "sr-only", children: p }), e[27] = p, e[28] = $) : $ = e[28];
   let S;
-  e[27] !== p ? (S = /* @__PURE__ */ n("span", { className: "sr-only", children: p }), e[27] = p, e[28] = S) : S = e[28];
-  let M;
-  return e[29] !== z || e[30] !== S ? (M = /* @__PURE__ */ C("div", { className: "w-full -mx-3", children: [
+  return e[29] !== z || e[30] !== $ ? (S = /* @__PURE__ */ C("div", { className: "w-full -mx-3", children: [
     z,
-    S
-  ] }), e[29] = z, e[30] = S, e[31] = M) : M = e[31], M;
-}), oe = "w-4 h-4 text-gray-400", mt = (c) => {
+    $
+  ] }), e[29] = z, e[30] = $, e[31] = S) : S = e[31], S;
+}), ie = "w-4 h-4 text-gray-400", nt = (c) => {
   if (!le(c))
-    return /* @__PURE__ */ n("svg", { className: oe, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) });
+    return /* @__PURE__ */ n("svg", { className: ie, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) });
   const {
     action: t
   } = c;
-  return t.urlAction || t.openUrlAction ? /* @__PURE__ */ n("svg", { className: oe, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) : t.dialerAction || t.dialAction ? /* @__PURE__ */ n("svg", { className: oe, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) }) : t.mapAction || t.viewLocationAction ? /* @__PURE__ */ C("svg", { className: oe, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
+  return t.urlAction || t.openUrlAction ? /* @__PURE__ */ n("svg", { className: ie, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) : t.dialerAction || t.dialAction ? /* @__PURE__ */ n("svg", { className: ie, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) }) : t.mapAction || t.viewLocationAction ? /* @__PURE__ */ C("svg", { className: ie, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
     /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
     /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
-  ] }) : t.calendarAction || t.createCalendarEventAction ? /* @__PURE__ */ n("svg", { className: oe, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ n("svg", { className: oe, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) });
-}, ut = F(function(t) {
-  const e = D.c(21), {
+  ] }) : t.calendarAction || t.createCalendarEventAction ? /* @__PURE__ */ n("svg", { className: ie, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ n("svg", { className: ie, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) });
+}, st = F(function(t) {
+  const e = B(21), {
     card: s,
     isDark: l,
-    onSuggestionClick: i
+    onSuggestionClick: o
   } = t, r = `
         flex-shrink-0 snap-start rounded-2xl overflow-hidden shadow-sm
         ${s.layout.width === "small" ? "w-44" : "w-52"}
         ${l ? "bg-zinc-800" : "bg-[#e8f5e9]"}
       `;
-  let o;
-  e[0] !== s.media || e[1] !== s.title ? (o = s.media && /* @__PURE__ */ n("div", { className: "w-full h-32 bg-gray-200 overflow-hidden", children: /* @__PURE__ */ n("img", { src: s.media.url, alt: s.title || "Carousel card media", className: "w-full h-full object-cover", loading: "lazy" }) }), e[0] = s.media, e[1] = s.title, e[2] = o) : o = e[2];
+  let i;
+  e[0] !== s.media || e[1] !== s.title ? (i = s.media && /* @__PURE__ */ n("div", { className: "w-full h-32 bg-gray-200 overflow-hidden", children: /* @__PURE__ */ n("img", { src: s.media.url, alt: s.title || "Carousel card media", className: "w-full h-full object-cover", loading: "lazy" }) }), e[0] = s.media, e[1] = s.title, e[2] = i) : i = e[2];
   let a;
   e[3] !== s.title || e[4] !== l ? (a = s.title && /* @__PURE__ */ n("h4", { className: `
               text-sm font-semibold leading-tight mb-1 line-clamp-2
@@ -942,20 +911,20 @@ const tt = F(function() {
               ${l ? "text-zinc-400" : "text-gray-700"}
             `, children: s.description }), e[6] = s.description, e[7] = l, e[8] = f) : f = e[8];
   let h;
-  e[9] !== s.suggestions || e[10] !== l || e[11] !== i ? (h = s.suggestions && s.suggestions.length > 0 && /* @__PURE__ */ n("div", { className: `
+  e[9] !== s.suggestions || e[10] !== l || e[11] !== o ? (h = s.suggestions && s.suggestions.length > 0 && /* @__PURE__ */ n("div", { className: `
               mt-3 rounded-lg overflow-hidden divide-y
               ${l ? "divide-zinc-600 bg-zinc-700" : "divide-gray-100 bg-white"}
             `, children: s.suggestions.map((m, p) => {
     const y = le(m) ? m.action.displayText : m.reply.displayText;
-    return /* @__PURE__ */ C("button", { onClick: () => i(m), className: `
+    return /* @__PURE__ */ C("button", { onClick: () => o(m), className: `
                     w-full flex items-center gap-2 px-3 py-2.5
                     text-xs transition-colors text-left
                     ${l ? "hover:bg-zinc-600 text-white" : "hover:bg-gray-50 text-gray-900"}
                   `, children: [
-      /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: mt(m) }),
+      /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: nt(m) }),
       /* @__PURE__ */ n("span", { className: "truncate", children: y })
     ] }, p);
-  }) }), e[9] = s.suggestions, e[10] = l, e[11] = i, e[12] = h) : h = e[12];
+  }) }), e[9] = s.suggestions, e[10] = l, e[11] = o, e[12] = h) : h = e[12];
   let d;
   e[13] !== a || e[14] !== f || e[15] !== h ? (d = /* @__PURE__ */ C("div", { className: "p-3", children: [
     a,
@@ -963,63 +932,63 @@ const tt = F(function() {
     h
   ] }), e[13] = a, e[14] = f, e[15] = h, e[16] = d) : d = e[16];
   let u;
-  return e[17] !== r || e[18] !== o || e[19] !== d ? (u = /* @__PURE__ */ C("div", { className: r, children: [
-    o,
+  return e[17] !== r || e[18] !== i || e[19] !== d ? (u = /* @__PURE__ */ C("div", { className: r, children: [
+    i,
     d
-  ] }), e[17] = r, e[18] = o, e[19] = d, e[20] = u) : u = e[20], u;
-}), ht = {
+  ] }), e[17] = r, e[18] = i, e[19] = d, e[20] = u) : u = e[20], u;
+}), lt = {
   text: ({
     content: c,
     sender: t,
     timestamp: e
-  }) => c.type !== "text" ? null : /* @__PURE__ */ n(st, { text: c.text, sender: t, timestamp: e }),
+  }) => c.type !== "text" ? null : /* @__PURE__ */ n(Je, { text: c.text, sender: t, timestamp: e }),
   userReply: ({
     content: c,
     timestamp: t
-  }) => c.type !== "userReply" ? null : /* @__PURE__ */ n(lt, { text: c.text, timestamp: t }),
+  }) => c.type !== "userReply" ? null : /* @__PURE__ */ n(Ye, { text: c.text, timestamp: t }),
   richcard: ({
     content: c,
     timestamp: t
-  }) => c.type !== "richcard" ? null : /* @__PURE__ */ n(rt, { card: c.card, timestamp: t }),
+  }) => c.type !== "richcard" ? null : /* @__PURE__ */ n(qe, { card: c.card, timestamp: t }),
   carousel: ({
     content: c,
     timestamp: t
-  }) => c.type !== "carousel" ? null : /* @__PURE__ */ n(ft, { cards: c.cards, timestamp: t })
-}, gt = F(function(t) {
-  const e = D.c(7), {
+  }) => c.type !== "carousel" ? null : /* @__PURE__ */ n(tt, { cards: c.cards, timestamp: t })
+}, rt = F(function(t) {
+  const e = B(7), {
     message: s,
     isLast: l
   } = t, {
-    content: i,
+    content: o,
     sender: g,
     timestamp: r
-  } = s, o = ht[i.type];
-  if (!o) {
-    console.warn(`Unknown message type: ${i.type}`);
+  } = s, i = lt[o.type];
+  if (!i) {
+    console.warn(`Unknown message type: ${o.type}`);
     let h;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ n("div", { className: "px-4 py-2 text-gray-500 text-sm italic", children: "[Unsupported message type]" }), e[0] = h) : h = e[0], h;
   }
   const a = l && g === "business";
   let f;
-  return e[1] !== o || e[2] !== i || e[3] !== g || e[4] !== a || e[5] !== r ? (f = /* @__PURE__ */ n(o, { content: i, sender: g, timestamp: r, showSuggestions: a }), e[1] = o, e[2] = i, e[3] = g, e[4] = a, e[5] = r, e[6] = f) : f = e[6], f;
-}), pt = F(function() {
-  const t = D.c(11), {
+  return e[1] !== i || e[2] !== o || e[3] !== g || e[4] !== a || e[5] !== r ? (f = /* @__PURE__ */ n(i, { content: o, sender: g, timestamp: r, showSuggestions: a }), e[1] = i, e[2] = o, e[3] = g, e[4] = a, e[5] = r, e[6] = f) : f = e[6], f;
+}), it = F(function() {
+  const t = B(11), {
     theme: e
   } = K(), s = e === "dark", l = `
           inline-flex items-center gap-1 px-4 py-3 rounded-2xl rounded-bl-sm
           ${s ? "bg-zinc-800" : "bg-gray-100"}
-        `, i = `
+        `, o = `
             rcs-typing-dot w-2 h-2 rounded-full
             ${s ? "bg-zinc-500" : "bg-gray-400"}
           `;
   let g;
-  t[0] !== i ? (g = /* @__PURE__ */ n("span", { className: i }), t[0] = i, t[1] = g) : g = t[1];
+  t[0] !== o ? (g = /* @__PURE__ */ n("span", { className: o }), t[0] = o, t[1] = g) : g = t[1];
   const r = `
             rcs-typing-dot w-2 h-2 rounded-full
             ${s ? "bg-zinc-500" : "bg-gray-400"}
           `;
-  let o;
-  t[2] !== r ? (o = /* @__PURE__ */ n("span", { className: r }), t[2] = r, t[3] = o) : o = t[3];
+  let i;
+  t[2] !== r ? (i = /* @__PURE__ */ n("span", { className: r }), t[2] = r, t[3] = i) : i = t[3];
   const a = `
             rcs-typing-dot w-2 h-2 rounded-full
             ${s ? "bg-zinc-500" : "bg-gray-400"}
@@ -1027,93 +996,93 @@ const tt = F(function() {
   let f;
   t[4] !== a ? (f = /* @__PURE__ */ n("span", { className: a }), t[4] = a, t[5] = f) : f = t[5];
   let h;
-  return t[6] !== l || t[7] !== g || t[8] !== o || t[9] !== f ? (h = /* @__PURE__ */ n("div", { className: "flex items-start gap-2 px-4 py-2", role: "status", "aria-label": "Business is typing", children: /* @__PURE__ */ C("div", { className: l, children: [
+  return t[6] !== l || t[7] !== g || t[8] !== i || t[9] !== f ? (h = /* @__PURE__ */ n("div", { className: "flex items-start gap-2 px-4 py-2", role: "status", "aria-label": "Business is typing", children: /* @__PURE__ */ C("div", { className: l, children: [
     g,
-    o,
+    i,
     f
-  ] }) }), t[6] = l, t[7] = g, t[8] = o, t[9] = f, t[10] = h) : h = t[10], h;
-}), bt = F(function() {
-  const t = D.c(25), {
+  ] }) }), t[6] = l, t[7] = g, t[8] = i, t[9] = f, t[10] = h) : h = t[10], h;
+}), ot = F(function() {
+  const t = B(25), {
     theme: e,
     state: s
   } = K(), {
     chatHistory: l,
-    isTyping: i
+    isTyping: o
   } = s, g = e === "dark";
   let r;
   t[0] !== l.length || t[1] !== g ? (r = l.length > 0 && /* @__PURE__ */ n("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ n("span", { className: `
               text-xs font-medium px-3 py-1
               ${g ? "text-zinc-500" : "text-gray-500"}
             `, children: "Today" }) }), t[0] = l.length, t[1] = g, t[2] = r) : r = t[2];
-  const o = `
+  const i = `
           rounded-3xl overflow-hidden
           ${g ? "bg-zinc-900" : "bg-gray-50"}
         `;
   let a;
-  t[3] !== l.length || t[4] !== g || t[5] !== i ? (a = l.length === 0 && !i && /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ n("p", { className: `text-sm ${g ? "text-zinc-500" : "text-gray-400"}`, children: "No messages yet" }) }), t[3] = l.length, t[4] = g, t[5] = i, t[6] = a) : a = t[6];
+  t[3] !== l.length || t[4] !== g || t[5] !== o ? (a = l.length === 0 && !o && /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ n("p", { className: `text-sm ${g ? "text-zinc-500" : "text-gray-400"}`, children: "No messages yet" }) }), t[3] = l.length, t[4] = g, t[5] = o, t[6] = a) : a = t[6];
   let f;
-  if (t[7] !== l || t[8] !== i) {
+  if (t[7] !== l || t[8] !== o) {
     let p;
-    t[10] !== l.length || t[11] !== i ? (p = (b, y) => /* @__PURE__ */ n("div", { className: `
+    t[10] !== l.length || t[11] !== o ? (p = (b, y) => /* @__PURE__ */ n("div", { className: `
                 ${b.sender === "user" ? "flex justify-end" : "flex justify-start"}
-              `, children: /* @__PURE__ */ n(gt, { message: b, isLast: y === l.length - 1 && !i }) }, b.id), t[10] = l.length, t[11] = i, t[12] = p) : p = t[12], f = l.map(p), t[7] = l, t[8] = i, t[9] = f;
+              `, children: /* @__PURE__ */ n(rt, { message: b, isLast: y === l.length - 1 && !o }) }, b.id), t[10] = l.length, t[11] = o, t[12] = p) : p = t[12], f = l.map(p), t[7] = l, t[8] = o, t[9] = f;
   } else
     f = t[9];
   let h;
-  t[13] !== i ? (h = i && /* @__PURE__ */ n(pt, {}), t[13] = i, t[14] = h) : h = t[14];
+  t[13] !== o ? (h = o && /* @__PURE__ */ n(it, {}), t[13] = o, t[14] = h) : h = t[14];
   let d;
   t[15] !== f || t[16] !== h ? (d = /* @__PURE__ */ C("div", { className: "p-3 space-y-3", children: [
     f,
     h
   ] }), t[15] = f, t[16] = h, t[17] = d) : d = t[17];
   let u;
-  t[18] !== o || t[19] !== a || t[20] !== d ? (u = /* @__PURE__ */ C("div", { className: o, children: [
+  t[18] !== i || t[19] !== a || t[20] !== d ? (u = /* @__PURE__ */ C("div", { className: i, children: [
     a,
     d
-  ] }), t[18] = o, t[19] = a, t[20] = d, t[21] = u) : u = t[21];
+  ] }), t[18] = i, t[19] = a, t[20] = d, t[21] = u) : u = t[21];
   let m;
   return t[22] !== r || t[23] !== u ? (m = /* @__PURE__ */ C("div", { className: "px-3 pb-3 space-y-3", role: "log", "aria-label": "Chat messages", "aria-live": "polite", children: [
     r,
     u
   ] }), t[22] = r, t[23] = u, t[24] = m) : m = t[24], m;
-}), xt = F(function(t) {
-  const e = D.c(35), {
+}), at = F(function(t) {
+  const e = B(35), {
     suggestion: s,
     onClick: l,
-    variant: i
-  } = t, g = i === void 0 ? "bar" : i, {
+    variant: o
+  } = t, g = o === void 0 ? "bar" : o, {
     theme: r,
-    businessInfo: o
+    businessInfo: i
   } = K(), a = r === "dark";
   let f;
   e[0] !== s ? (f = le(s), e[0] = s, e[1] = f) : f = e[1];
   const h = f, d = h ? s.action.displayText : s.reply.displayText;
   let u;
-  e[2] !== h || e[3] !== s ? (u = h ? yt(s) : null, e[2] = h, e[3] = s, e[4] = u) : u = e[4];
-  const m = u, p = o.brandColor || "#0084ff";
+  e[2] !== h || e[3] !== s ? (u = h ? ct(s) : null, e[2] = h, e[3] = s, e[4] = u) : u = e[4];
+  const m = u, p = i.brandColor || "#0084ff";
   if (g === "bar") {
-    const v = `
+    const w = `
           inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium
           whitespace-nowrap transition-colors flex-shrink-0
           border
           ${a ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700 text-white" : "bg-white border-gray-300 hover:bg-gray-50 text-gray-900"}
         `;
     let x;
-    e[5] !== d || e[6] !== h || e[7] !== s ? (x = h ? `${vt(s)}: ${d}` : d, e[5] = d, e[6] = h, e[7] = s, e[8] = x) : x = e[8];
+    e[5] !== d || e[6] !== h || e[7] !== s ? (x = h ? `${dt(s)}: ${d}` : d, e[5] = d, e[6] = h, e[7] = s, e[8] = x) : x = e[8];
     let k;
     e[9] !== m || e[10] !== p ? (k = m && /* @__PURE__ */ n("span", { style: {
       color: p
     }, children: /* @__PURE__ */ n(m, { className: "w-4 h-4" }) }), e[9] = m, e[10] = p, e[11] = k) : k = e[11];
-    let w;
-    e[12] !== d ? (w = /* @__PURE__ */ n("span", { children: d }), e[12] = d, e[13] = w) : w = e[13];
+    let v;
+    e[12] !== d ? (v = /* @__PURE__ */ n("span", { children: d }), e[12] = d, e[13] = v) : v = e[13];
     let N;
-    return e[14] !== l || e[15] !== v || e[16] !== x || e[17] !== k || e[18] !== w ? (N = /* @__PURE__ */ C("button", { type: "button", onClick: l, className: v, "aria-label": x, children: [
+    return e[14] !== l || e[15] !== w || e[16] !== x || e[17] !== k || e[18] !== v ? (N = /* @__PURE__ */ C("button", { type: "button", onClick: l, className: w, "aria-label": x, children: [
       k,
-      w
-    ] }), e[14] = l, e[15] = v, e[16] = x, e[17] = k, e[18] = w, e[19] = N) : N = e[19], N;
+      v
+    ] }), e[14] = l, e[15] = w, e[16] = x, e[17] = k, e[18] = v, e[19] = N) : N = e[19], N;
   }
   if (g === "card") {
-    const v = `
+    const w = `
           w-full flex items-center gap-3 px-3 py-2.5 text-left transition-colors rounded-lg
           ${a ? "hover:bg-zinc-700" : "hover:bg-gray-100"}
         `;
@@ -1124,13 +1093,13 @@ const tt = F(function() {
       color: p
     } }) }), e[20] = m, e[21] = p, e[22] = x) : x = e[22];
     const k = `text-sm font-medium ${a ? "text-white" : "text-gray-900"}`;
-    let w;
-    e[23] !== d || e[24] !== k ? (w = /* @__PURE__ */ n("span", { className: k, children: d }), e[23] = d, e[24] = k, e[25] = w) : w = e[25];
+    let v;
+    e[23] !== d || e[24] !== k ? (v = /* @__PURE__ */ n("span", { className: k, children: d }), e[23] = d, e[24] = k, e[25] = v) : v = e[25];
     let N;
-    return e[26] !== l || e[27] !== v || e[28] !== x || e[29] !== w ? (N = /* @__PURE__ */ C("button", { type: "button", onClick: l, className: v, children: [
+    return e[26] !== l || e[27] !== w || e[28] !== x || e[29] !== v ? (N = /* @__PURE__ */ C("button", { type: "button", onClick: l, className: w, children: [
       x,
-      w
-    ] }), e[26] = l, e[27] = v, e[28] = x, e[29] = w, e[30] = N) : N = e[30], N;
+      v
+    ] }), e[26] = l, e[27] = w, e[28] = x, e[29] = v, e[30] = N) : N = e[30], N;
   }
   const b = `
         w-full px-3 py-2 rounded-lg text-xs font-medium text-center
@@ -1140,7 +1109,7 @@ const tt = F(function() {
   let y;
   return e[31] !== d || e[32] !== l || e[33] !== b ? (y = /* @__PURE__ */ n("button", { type: "button", onClick: l, className: b, children: d }), e[31] = d, e[32] = l, e[33] = b, e[34] = y) : y = e[34], y;
 });
-function yt(c) {
+function ct(c) {
   if (!le(c)) return null;
   const {
     action: t
@@ -1168,28 +1137,28 @@ function yt(c) {
     style: s
   }) => /* @__PURE__ */ n("svg", { className: e, style: s, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : null;
 }
-function vt(c) {
+function dt(c) {
   if (!le(c)) return "Reply";
   const {
     action: t
   } = c;
   return t.openUrlAction ? "Open link" : t.dialAction ? "Call" : t.shareLocationAction ? "Share location" : t.viewLocationAction ? "View location" : t.createCalendarEventAction ? "Add to calendar" : "Action";
 }
-const wt = F(function(t) {
-  const e = D.c(14), {
+const ft = F(function(t) {
+  const e = B(14), {
     suggestions: s
   } = t, {
     theme: l,
-    handleReply: i,
+    handleReply: o,
     handleAction: g
   } = K(), r = l === "dark";
   if (!s || s.length === 0)
     return null;
-  let o;
-  e[0] !== g || e[1] !== i ? (o = (p) => {
-    ze(p) ? i(p) : le(p) && g(p);
-  }, e[0] = g, e[1] = i, e[2] = o) : o = e[2];
-  const a = o, f = `
+  let i;
+  e[0] !== g || e[1] !== o ? (i = (p) => {
+    Ne(p) ? o(p) : le(p) && g(p);
+  }, e[0] = g, e[1] = o, e[2] = i) : i = e[2];
+  const a = i, f = `
         px-3 py-2
         ${r ? "bg-zinc-900" : "bg-white"}
       `;
@@ -1201,98 +1170,98 @@ const wt = F(function(t) {
   let d;
   if (e[4] !== a || e[5] !== s) {
     let p;
-    e[7] !== a ? (p = (b, y) => /* @__PURE__ */ n(xt, { suggestion: b, onClick: () => a(b), variant: "bar" }, y), e[7] = a, e[8] = p) : p = e[8], d = s.map(p), e[4] = a, e[5] = s, e[6] = d;
+    e[7] !== a ? (p = (b, y) => /* @__PURE__ */ n(at, { suggestion: b, onClick: () => a(b), variant: "bar" }, y), e[7] = a, e[8] = p) : p = e[8], d = s.map(p), e[4] = a, e[5] = s, e[6] = d;
   } else
     d = e[6];
   let u;
   e[9] !== d ? (u = /* @__PURE__ */ n("div", { className: "flex gap-2 overflow-x-auto pb-1 -mx-1 px-1", style: h, children: d }), e[9] = d, e[10] = u) : u = e[10];
   let m;
   return e[11] !== f || e[12] !== u ? (m = /* @__PURE__ */ n("div", { className: f, role: "group", "aria-label": "Quick replies", children: u }), e[11] = f, e[12] = u, e[13] = m) : m = e[13], m;
-}), kt = F(function() {
-  const t = D.c(39), {
+}), mt = F(function() {
+  const t = B(39), {
     theme: e,
     state: s,
     showSuggestions: l
   } = K(), {
-    chatHistory: i,
+    chatHistory: o,
     isTyping: g,
     error: r
   } = s;
-  let o;
-  t[0] !== i.length || t[1] !== g ? (o = [i.length, g], t[0] = i.length, t[1] = g, t[2] = o) : o = t[2];
-  const a = et(o), f = e === "dark", h = i[i.length - 1], d = l && h?.sender === "business" && !g ? h.suggestions : void 0, u = `
+  let i;
+  t[0] !== o.length || t[1] !== g ? (i = [o.length, g], t[0] = o.length, t[1] = g, t[2] = i) : i = t[2];
+  const a = Pe(i), f = e === "dark", h = o[o.length - 1], d = l && h?.sender === "business" && !g ? h.suggestions : void 0, u = `
         flex flex-col h-full w-full overflow-hidden
         ${f ? "bg-zinc-950" : "bg-white"}
       `;
   let m;
-  t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ n(tt, {}), t[3] = m) : m = t[3];
+  t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ n(Ge, {}), t[3] = m) : m = t[3];
   let p;
   t[4] !== r ? (p = r && /* @__PURE__ */ n("div", { className: "px-4 py-2 bg-red-500/10 border-b border-red-500/20", role: "alert", children: /* @__PURE__ */ n("p", { className: "text-sm text-red-500", children: r }) }), t[4] = r, t[5] = p) : p = t[5];
   let b, y;
-  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(nt, {}), y = /* @__PURE__ */ n(bt, {}), t[6] = b, t[7] = y) : (b = t[6], y = t[7]);
-  let v;
-  t[8] !== a ? (v = /* @__PURE__ */ C("div", { ref: a, className: "flex-1 overflow-y-auto rcs-scrollbar", children: [
+  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(Fe, {}), y = /* @__PURE__ */ n(ot, {}), t[6] = b, t[7] = y) : (b = t[6], y = t[7]);
+  let w;
+  t[8] !== a ? (w = /* @__PURE__ */ C("div", { ref: a, className: "flex-1 overflow-y-auto rcs-scrollbar", children: [
     b,
     y
-  ] }), t[8] = a, t[9] = v) : v = t[9];
+  ] }), t[8] = a, t[9] = w) : w = t[9];
   let x;
-  t[10] !== d ? (x = d && d.length > 0 && /* @__PURE__ */ n(wt, { suggestions: d }), t[10] = d, t[11] = x) : x = t[11];
+  t[10] !== d ? (x = d && d.length > 0 && /* @__PURE__ */ n(ft, { suggestions: d }), t[10] = d, t[11] = x) : x = t[11];
   const k = `
           px-3 py-2 flex items-center gap-2
           ${f ? "bg-zinc-900" : "bg-white"}
-        `, w = `
+        `, v = `
             w-9 h-9 flex items-center justify-center rounded-full flex-shrink-0
             border transition-colors
             ${f ? "border-zinc-700 text-zinc-400 hover:bg-zinc-800" : "border-gray-300 text-gray-500 hover:bg-gray-100"}
           `;
   let N;
   t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }), t[12] = N) : N = t[12];
-  let _;
-  t[13] !== w ? (_ = /* @__PURE__ */ n("button", { type: "button", className: w, "aria-label": "Add attachment", children: N }), t[13] = w, t[14] = _) : _ = t[14];
-  const $ = `
+  let L;
+  t[13] !== v ? (L = /* @__PURE__ */ n("button", { type: "button", className: v, "aria-label": "Add attachment", children: N }), t[13] = v, t[14] = L) : L = t[14];
+  const M = `
             flex-1 flex items-center gap-2 px-4 py-2 rounded-full
             ${f ? "bg-zinc-800" : "bg-gray-100"}
-          `, L = `flex-1 text-sm ${f ? "text-zinc-500" : "text-gray-400"}`;
+          `, _ = `flex-1 text-sm ${f ? "text-zinc-500" : "text-gray-400"}`;
   let A;
-  t[15] !== L ? (A = /* @__PURE__ */ n("span", { className: L, children: "RCS message" }), t[15] = L, t[16] = A) : A = t[16];
+  t[15] !== _ ? (A = /* @__PURE__ */ n("span", { className: _, children: "RCS message" }), t[15] = _, t[16] = A) : A = t[16];
   const z = `p-1 ${f ? "text-zinc-500" : "text-gray-400"}`;
+  let $;
+  t[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), t[17] = $) : $ = t[17];
   let S;
-  t[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), t[17] = S) : S = t[17];
-  let M;
-  t[18] !== z ? (M = /* @__PURE__ */ n("button", { type: "button", className: z, "aria-label": "Emoji", children: S }), t[18] = z, t[19] = M) : M = t[19];
+  t[18] !== z ? (S = /* @__PURE__ */ n("button", { type: "button", className: z, "aria-label": "Emoji", children: $ }), t[18] = z, t[19] = S) : S = t[19];
   const I = `p-1 ${f ? "text-zinc-500" : "text-gray-400"}`;
-  let R;
-  t[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("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" }) }), t[20] = R) : R = t[20];
-  let B;
-  t[21] !== I ? (B = /* @__PURE__ */ n("button", { type: "button", className: I, "aria-label": "Attach image", children: R }), t[21] = I, t[22] = B) : B = t[22];
   let T;
-  t[23] !== $ || t[24] !== A || t[25] !== M || t[26] !== B ? (T = /* @__PURE__ */ C("div", { className: $, children: [
+  t[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("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" }) }), t[20] = T) : T = t[20];
+  let D;
+  t[21] !== I ? (D = /* @__PURE__ */ n("button", { type: "button", className: I, "aria-label": "Attach image", children: T }), t[21] = I, t[22] = D) : D = t[22];
+  let j;
+  t[23] !== M || t[24] !== A || t[25] !== S || t[26] !== D ? (j = /* @__PURE__ */ C("div", { className: M, children: [
     A,
-    M,
-    B
-  ] }), t[23] = $, t[24] = A, t[25] = M, t[26] = B, t[27] = T) : T = t[27];
+    S,
+    D
+  ] }), t[23] = M, t[24] = A, t[25] = S, t[26] = D, t[27] = j) : j = t[27];
   let O;
   t[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ n("button", { type: "button", className: "w-10 h-10 flex items-center justify-center rounded-full bg-green-100 text-green-600 flex-shrink-0", "aria-label": "Voice message", children: /* @__PURE__ */ n("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ n("path", { d: "M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1 1.93c-3.94-.49-7-3.85-7-7.93h2c0 3.31 2.69 6 6 6s6-2.69 6-6h2c0 4.08-3.06 7.44-7 7.93V20h4v2H8v-2h4v-4.07z" }) }) }), t[28] = O) : O = t[28];
-  let q;
-  t[29] !== _ || t[30] !== T || t[31] !== k ? (q = /* @__PURE__ */ C("div", { className: k, children: [
-    _,
-    T,
+  let J;
+  t[29] !== L || t[30] !== j || t[31] !== k ? (J = /* @__PURE__ */ C("div", { className: k, children: [
+    L,
+    j,
     O
-  ] }), t[29] = _, t[30] = T, t[31] = k, t[32] = q) : q = t[32];
+  ] }), t[29] = L, t[30] = j, t[31] = k, t[32] = J) : J = t[32];
   let V;
-  return t[33] !== u || t[34] !== q || t[35] !== p || t[36] !== v || t[37] !== x ? (V = /* @__PURE__ */ C("div", { className: u, children: [
+  return t[33] !== u || t[34] !== J || t[35] !== p || t[36] !== w || t[37] !== x ? (V = /* @__PURE__ */ C("div", { className: u, children: [
     m,
     p,
-    v,
+    w,
     x,
-    q
-  ] }), t[33] = u, t[34] = q, t[35] = p, t[36] = v, t[37] = x, t[38] = V) : V = t[38], V;
-}), Nt = F(function() {
-  const t = D.c(73), {
+    J
+  ] }), t[33] = u, t[34] = J, t[35] = p, t[36] = w, t[37] = x, t[38] = V) : V = t[38], V;
+}), ut = F(function() {
+  const t = B(73), {
     theme: e,
     businessInfo: s,
     toggleProfile: l
-  } = K(), [i, g] = ne("info"), r = e === "dark", o = s.bannerImage || "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80", a = s.brandColor || "#0084ff", f = `
+  } = K(), [o, g] = ne("info"), r = e === "dark", i = s.bannerImage || "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80", a = s.brandColor || "#0084ff", f = `
         absolute inset-0 z-50 flex flex-col
         ${r ? "bg-zinc-950" : "bg-white"}
       `, h = `
@@ -1314,8 +1283,8 @@ const wt = F(function(t) {
     m,
     b
   ] }), t[6] = h, t[7] = m, t[8] = b, t[9] = y) : y = t[9];
-  let v;
-  t[10] !== o ? (v = /* @__PURE__ */ n("div", { className: "relative h-40 bg-gray-200", children: /* @__PURE__ */ n("img", { src: o, alt: "Business banner", className: "w-full h-full object-cover" }) }), t[10] = o, t[11] = v) : v = t[11];
+  let w;
+  t[10] !== i ? (w = /* @__PURE__ */ n("div", { className: "relative h-40 bg-gray-200", children: /* @__PURE__ */ n("img", { src: i, alt: "Business banner", className: "w-full h-full object-cover" }) }), t[10] = i, t[11] = w) : w = t[11];
   const x = `
               absolute -top-10 left-1/2 -translate-x-1/2
               w-20 h-20 rounded-full overflow-hidden border-4
@@ -1326,94 +1295,94 @@ const wt = F(function(t) {
   t[12] !== a || t[13] !== s.logo || t[14] !== s.name ? (k = s.logo ? /* @__PURE__ */ n("img", { src: s.logo, alt: `${s.name} logo`, className: "w-full h-full object-cover" }) : /* @__PURE__ */ n("div", { className: "w-full h-full flex items-center justify-center text-2xl font-bold text-white", style: {
     backgroundColor: a
   }, children: s.name.charAt(0).toUpperCase() }), t[12] = a, t[13] = s.logo, t[14] = s.name, t[15] = k) : k = t[15];
-  let w;
-  t[16] !== k || t[17] !== x ? (w = /* @__PURE__ */ n("div", { className: "relative px-4", children: /* @__PURE__ */ n("div", { className: x, children: k }) }), t[16] = k, t[17] = x, t[18] = w) : w = t[18];
+  let v;
+  t[16] !== k || t[17] !== x ? (v = /* @__PURE__ */ n("div", { className: "relative px-4", children: /* @__PURE__ */ n("div", { className: x, children: k }) }), t[16] = k, t[17] = x, t[18] = v) : v = t[18];
   const N = `text-xl font-semibold ${r ? "text-white" : "text-gray-900"}`;
-  let _;
-  t[19] !== s.name || t[20] !== N ? (_ = /* @__PURE__ */ n("h1", { className: N, children: s.name }), t[19] = s.name, t[20] = N, t[21] = _) : _ = t[21];
-  let $;
-  t[22] !== s.description || t[23] !== r ? ($ = s.description && /* @__PURE__ */ n("p", { className: `text-sm mt-1 ${r ? "text-zinc-400" : "text-gray-500"}`, children: s.description }), t[22] = s.description, t[23] = r, t[24] = $) : $ = t[24];
   let L;
-  t[25] !== _ || t[26] !== $ ? (L = /* @__PURE__ */ C("div", { className: "pt-12 pb-4 px-4 text-center", children: [
-    _,
-    $
-  ] }), t[25] = _, t[26] = $, t[27] = L) : L = t[27];
+  t[19] !== s.name || t[20] !== N ? (L = /* @__PURE__ */ n("h1", { className: N, children: s.name }), t[19] = s.name, t[20] = N, t[21] = L) : L = t[21];
+  let M;
+  t[22] !== s.description || t[23] !== r ? (M = s.description && /* @__PURE__ */ n("p", { className: `text-sm mt-1 ${r ? "text-zinc-400" : "text-gray-500"}`, children: s.description }), t[22] = s.description, t[23] = r, t[24] = M) : M = t[24];
+  let _;
+  t[25] !== L || t[26] !== M ? (_ = /* @__PURE__ */ C("div", { className: "pt-12 pb-4 px-4 text-center", children: [
+    L,
+    M
+  ] }), t[25] = L, t[26] = M, t[27] = _) : _ = t[27];
   let A;
-  t[28] !== a || t[29] !== s.phoneNumbers || t[30] !== r ? (A = s.phoneNumbers && s.phoneNumbers.length > 0 && /* @__PURE__ */ n(be, { icon: "phone", label: "Call", isDark: r, brandColor: a, onClick: () => {
-    const j = s.phoneNumbers?.[0]?.number;
-    j && (window.location.href = `tel:${j}`);
+  t[28] !== a || t[29] !== s.phoneNumbers || t[30] !== r ? (A = s.phoneNumbers && s.phoneNumbers.length > 0 && /* @__PURE__ */ n(he, { icon: "phone", label: "Call", isDark: r, brandColor: a, onClick: () => {
+    const R = s.phoneNumbers?.[0]?.number;
+    R && (window.location.href = `tel:${R}`);
   } }), t[28] = a, t[29] = s.phoneNumbers, t[30] = r, t[31] = A) : A = t[31];
   let z;
-  t[32] !== a || t[33] !== s.websites || t[34] !== r ? (z = s.websites && s.websites.length > 0 && /* @__PURE__ */ n(be, { icon: "globe", label: "Website", isDark: r, brandColor: a, onClick: () => {
-    const j = s.websites?.[0]?.url;
-    j && window.open(j, "_blank", "noopener,noreferrer");
+  t[32] !== a || t[33] !== s.websites || t[34] !== r ? (z = s.websites && s.websites.length > 0 && /* @__PURE__ */ n(he, { icon: "globe", label: "Website", isDark: r, brandColor: a, onClick: () => {
+    const R = s.websites?.[0]?.url;
+    R && window.open(R, "_blank", "noopener,noreferrer");
   } }), t[32] = a, t[33] = s.websites, t[34] = r, t[35] = z) : z = t[35];
+  let $;
+  t[36] !== a || t[37] !== s.emails || t[38] !== r ? ($ = s.emails && s.emails.length > 0 && /* @__PURE__ */ n(he, { icon: "mail", label: "Contact", isDark: r, brandColor: a, onClick: () => {
+    const R = s.emails?.[0]?.email;
+    R && (window.location.href = `mailto:${R}`);
+  } }), t[36] = a, t[37] = s.emails, t[38] = r, t[39] = $) : $ = t[39];
   let S;
-  t[36] !== a || t[37] !== s.emails || t[38] !== r ? (S = s.emails && s.emails.length > 0 && /* @__PURE__ */ n(be, { icon: "mail", label: "Contact", isDark: r, brandColor: a, onClick: () => {
-    const j = s.emails?.[0]?.email;
-    j && (window.location.href = `mailto:${j}`);
-  } }), t[36] = a, t[37] = s.emails, t[38] = r, t[39] = S) : S = t[39];
-  let M;
-  t[40] !== A || t[41] !== z || t[42] !== S ? (M = /* @__PURE__ */ C("div", { className: "flex justify-center gap-4 px-4 pb-4", children: [
+  t[40] !== A || t[41] !== z || t[42] !== $ ? (S = /* @__PURE__ */ C("div", { className: "flex justify-center gap-4 px-4 pb-4", children: [
     A,
     z,
-    S
-  ] }), t[40] = A, t[41] = z, t[42] = S, t[43] = M) : M = t[43];
+    $
+  ] }), t[40] = A, t[41] = z, t[42] = $, t[43] = S) : S = t[43];
   const I = `
             flex mx-4 rounded-lg overflow-hidden border
             ${r ? "border-zinc-700 bg-zinc-800" : "border-gray-200 bg-gray-100"}
-          `, R = i === "info";
-  let B;
-  t[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = () => g("info"), t[44] = B) : B = t[44];
-  let T;
-  t[45] !== a || t[46] !== r || t[47] !== R ? (T = /* @__PURE__ */ n(Le, { active: R, onClick: B, isDark: r, brandColor: a, children: "Info" }), t[45] = a, t[46] = r, t[47] = R, t[48] = T) : T = t[48];
-  const O = i === "options";
-  let q;
-  t[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = () => g("options"), t[49] = q) : q = t[49];
+          `, T = o === "info";
+  let D;
+  t[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => g("info"), t[44] = D) : D = t[44];
+  let j;
+  t[45] !== a || t[46] !== r || t[47] !== T ? (j = /* @__PURE__ */ n(we, { active: T, onClick: D, isDark: r, brandColor: a, children: "Info" }), t[45] = a, t[46] = r, t[47] = T, t[48] = j) : j = t[48];
+  const O = o === "options";
+  let J;
+  t[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = () => g("options"), t[49] = J) : J = t[49];
   let V;
-  t[50] !== a || t[51] !== r || t[52] !== O ? (V = /* @__PURE__ */ n(Le, { active: O, onClick: q, isDark: r, brandColor: a, children: "Options" }), t[50] = a, t[51] = r, t[52] = O, t[53] = V) : V = t[53];
+  t[50] !== a || t[51] !== r || t[52] !== O ? (V = /* @__PURE__ */ n(we, { active: O, onClick: J, isDark: r, brandColor: a, children: "Options" }), t[50] = a, t[51] = r, t[52] = O, t[53] = V) : V = t[53];
   let Q;
-  t[54] !== I || t[55] !== T || t[56] !== V ? (Q = /* @__PURE__ */ C("div", { className: I, children: [
-    T,
+  t[54] !== I || t[55] !== j || t[56] !== V ? (Q = /* @__PURE__ */ C("div", { className: I, children: [
+    j,
     V
-  ] }), t[54] = I, t[55] = T, t[56] = V, t[57] = Q) : Q = t[57];
+  ] }), t[54] = I, t[55] = j, t[56] = V, t[57] = Q) : Q = t[57];
   let P;
-  t[58] !== i || t[59] !== a || t[60] !== r ? (P = /* @__PURE__ */ n("div", { className: "p-4", children: i === "info" ? /* @__PURE__ */ n(Ct, { isDark: r, brandColor: a }) : /* @__PURE__ */ n(_t, { isDark: r }) }), t[58] = i, t[59] = a, t[60] = r, t[61] = P) : P = t[61];
+  t[58] !== o || t[59] !== a || t[60] !== r ? (P = /* @__PURE__ */ n("div", { className: "p-4", children: o === "info" ? /* @__PURE__ */ n(ht, { isDark: r, brandColor: a }) : /* @__PURE__ */ n(gt, { isDark: r }) }), t[58] = o, t[59] = a, t[60] = r, t[61] = P) : P = t[61];
   let Y;
-  t[62] !== w || t[63] !== L || t[64] !== M || t[65] !== Q || t[66] !== P || t[67] !== v ? (Y = /* @__PURE__ */ C("div", { className: "flex-1 overflow-y-auto", children: [
-    v,
+  t[62] !== v || t[63] !== _ || t[64] !== S || t[65] !== Q || t[66] !== P || t[67] !== w ? (Y = /* @__PURE__ */ C("div", { className: "flex-1 overflow-y-auto", children: [
     w,
-    L,
-    M,
+    v,
+    _,
+    S,
     Q,
     P
-  ] }), t[62] = w, t[63] = L, t[64] = M, t[65] = Q, t[66] = P, t[67] = v, t[68] = Y) : Y = t[68];
+  ] }), t[62] = v, t[63] = _, t[64] = S, t[65] = Q, t[66] = P, t[67] = w, t[68] = Y) : Y = t[68];
   let ee;
   return t[69] !== f || t[70] !== Y || t[71] !== y ? (ee = /* @__PURE__ */ C("div", { className: f, children: [
     y,
     Y
   ] }), t[69] = f, t[70] = Y, t[71] = y, t[72] = ee) : ee = t[72], ee;
-}), be = F(function(t) {
-  const e = D.c(12), {
+}), he = F(function(t) {
+  const e = B(12), {
     icon: s,
     label: l,
-    isDark: i,
+    isDark: o,
     brandColor: g,
     onClick: r
   } = t;
-  let o;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
     phone: /* @__PURE__ */ n("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" }),
     globe: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }),
     mail: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })
-  }, e[0] = o) : o = e[0];
-  const a = o, f = `
+  }, e[0] = i) : i = e[0];
+  const a = i, f = `
         flex flex-col items-center gap-2 px-6 py-3 rounded-xl border transition-colors
-        ${i ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700" : "bg-white border-gray-200 hover:bg-gray-50"}
+        ${o ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700" : "bg-white border-gray-200 hover:bg-gray-50"}
       `, h = a[s];
   let d;
   e[1] !== g || e[2] !== h ? (d = /* @__PURE__ */ n("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: g, children: h }), e[1] = g, e[2] = h, e[3] = d) : d = e[3];
-  const u = `text-xs font-medium ${i ? "text-zinc-300" : "text-gray-600"}`;
+  const u = `text-xs font-medium ${o ? "text-zinc-300" : "text-gray-600"}`;
   let m;
   e[4] !== l || e[5] !== u ? (m = /* @__PURE__ */ n("span", { className: u, children: l }), e[4] = l, e[5] = u, e[6] = m) : m = e[6];
   let p;
@@ -1421,31 +1390,31 @@ const wt = F(function(t) {
     d,
     m
   ] }), e[7] = r, e[8] = f, e[9] = d, e[10] = m, e[11] = p) : p = e[11], p;
-}), Le = F(function(t) {
-  const e = D.c(8), {
+}), we = F(function(t) {
+  const e = B(8), {
     active: s,
     onClick: l,
-    isDark: i,
+    isDark: o,
     brandColor: g,
     children: r
-  } = t, o = `
+  } = t, i = `
         flex-1 py-2.5 text-sm font-medium transition-colors rounded-lg
-        ${s ? "text-white" : i ? "text-zinc-400 hover:text-zinc-200" : "text-gray-500 hover:text-gray-700"}
+        ${s ? "text-white" : o ? "text-zinc-400 hover:text-zinc-200" : "text-gray-500 hover:text-gray-700"}
       `;
   let a;
   e[0] !== s || e[1] !== g ? (a = s ? {
     backgroundColor: g
   } : void 0, e[0] = s, e[1] = g, e[2] = a) : a = e[2];
   let f;
-  return e[3] !== r || e[4] !== l || e[5] !== o || e[6] !== a ? (f = /* @__PURE__ */ n("button", { onClick: l, className: o, style: a, children: r }), e[3] = r, e[4] = l, e[5] = o, e[6] = a, e[7] = f) : f = e[7], f;
-}), Ct = F(function(t) {
-  const e = D.c(19), {
+  return e[3] !== r || e[4] !== l || e[5] !== i || e[6] !== a ? (f = /* @__PURE__ */ n("button", { onClick: l, className: i, style: a, children: r }), e[3] = r, e[4] = l, e[5] = i, e[6] = a, e[7] = f) : f = e[7], f;
+}), ht = F(function(t) {
+  const e = B(19), {
     isDark: s,
     brandColor: l
   } = t, {
-    businessInfo: i
+    businessInfo: o
   } = K();
-  if (!(i.phoneNumbers && i.phoneNumbers.length > 0 || i.websites && i.websites.length > 0 || i.emails && i.emails.length > 0)) {
+  if (!(o.phoneNumbers && o.phoneNumbers.length > 0 || o.websites && o.websites.length > 0 || o.emails && o.emails.length > 0)) {
     const d = `text-center py-8 ${s ? "text-zinc-500" : "text-gray-400"}`;
     let u;
     return e[0] !== d ? (u = /* @__PURE__ */ n("div", { className: d, children: "No contact information available" }), e[0] = d, e[1] = u) : u = e[1], u;
@@ -1454,33 +1423,33 @@ const wt = F(function(t) {
         rounded-xl overflow-hidden border divide-y
         ${s ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-gray-50 border-gray-200 divide-gray-200"}
       `;
-  let o;
-  e[2] !== l || e[3] !== i.phoneNumbers || e[4] !== s ? (o = i.phoneNumbers?.map((d, u) => /* @__PURE__ */ n(xe, { icon: "phone", primary: d.number, secondary: d.label, isDark: s, brandColor: l, onClick: () => window.location.href = `tel:${d.number}` }, `phone-${u}`)), e[2] = l, e[3] = i.phoneNumbers, e[4] = s, e[5] = o) : o = e[5];
+  let i;
+  e[2] !== l || e[3] !== o.phoneNumbers || e[4] !== s ? (i = o.phoneNumbers?.map((d, u) => /* @__PURE__ */ n(ge, { icon: "phone", primary: d.number, secondary: d.label, isDark: s, brandColor: l, onClick: () => window.location.href = `tel:${d.number}` }, `phone-${u}`)), e[2] = l, e[3] = o.phoneNumbers, e[4] = s, e[5] = i) : i = e[5];
   let a;
-  e[6] !== l || e[7] !== i.websites || e[8] !== s ? (a = i.websites?.map((d, u) => /* @__PURE__ */ n(xe, { icon: "globe", primary: d.url.replace(/^https?:\/\//, ""), secondary: d.label || "Website", isDark: s, brandColor: l, onClick: () => window.open(d.url, "_blank", "noopener,noreferrer") }, `web-${u}`)), e[6] = l, e[7] = i.websites, e[8] = s, e[9] = a) : a = e[9];
+  e[6] !== l || e[7] !== o.websites || e[8] !== s ? (a = o.websites?.map((d, u) => /* @__PURE__ */ n(ge, { icon: "globe", primary: d.url.replace(/^https?:\/\//, ""), secondary: d.label || "Website", isDark: s, brandColor: l, onClick: () => window.open(d.url, "_blank", "noopener,noreferrer") }, `web-${u}`)), e[6] = l, e[7] = o.websites, e[8] = s, e[9] = a) : a = e[9];
   let f;
-  e[10] !== l || e[11] !== i.emails || e[12] !== s ? (f = i.emails?.map((d, u) => /* @__PURE__ */ n(xe, { icon: "mail", primary: d.email, secondary: d.label || "Email", isDark: s, brandColor: l, onClick: () => window.location.href = `mailto:${d.email}` }, `email-${u}`)), e[10] = l, e[11] = i.emails, e[12] = s, e[13] = f) : f = e[13];
+  e[10] !== l || e[11] !== o.emails || e[12] !== s ? (f = o.emails?.map((d, u) => /* @__PURE__ */ n(ge, { icon: "mail", primary: d.email, secondary: d.label || "Email", isDark: s, brandColor: l, onClick: () => window.location.href = `mailto:${d.email}` }, `email-${u}`)), e[10] = l, e[11] = o.emails, e[12] = s, e[13] = f) : f = e[13];
   let h;
-  return e[14] !== r || e[15] !== o || e[16] !== a || e[17] !== f ? (h = /* @__PURE__ */ C("div", { className: r, children: [
-    o,
+  return e[14] !== r || e[15] !== i || e[16] !== a || e[17] !== f ? (h = /* @__PURE__ */ C("div", { className: r, children: [
+    i,
     a,
     f
-  ] }), e[14] = r, e[15] = o, e[16] = a, e[17] = f, e[18] = h) : h = e[18], h;
-}), xe = F(function(t) {
-  const e = D.c(20), {
+  ] }), e[14] = r, e[15] = i, e[16] = a, e[17] = f, e[18] = h) : h = e[18], h;
+}), ge = F(function(t) {
+  const e = B(20), {
     icon: s,
     primary: l,
-    secondary: i,
+    secondary: o,
     isDark: g,
     onClick: r
   } = t;
-  let o;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
     phone: "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",
     globe: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9",
     mail: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-  }, e[0] = o) : o = e[0];
-  const a = o, f = `
+  }, e[0] = i) : i = e[0];
+  const a = i, f = `
         w-full flex items-center gap-4 px-4 py-3.5 text-left transition-colors
         ${g ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
       `, h = `w-5 h-5 flex-shrink-0 ${g ? "text-zinc-500" : "text-gray-400"}`, d = a[s];
@@ -1492,37 +1461,37 @@ const wt = F(function(t) {
   let b;
   e[6] !== l || e[7] !== p ? (b = /* @__PURE__ */ n("p", { className: p, children: l }), e[6] = l, e[7] = p, e[8] = b) : b = e[8];
   let y;
-  e[9] !== g || e[10] !== i ? (y = i && /* @__PURE__ */ n("p", { className: `text-xs truncate ${g ? "text-zinc-500" : "text-gray-500"}`, children: i }), e[9] = g, e[10] = i, e[11] = y) : y = e[11];
-  let v;
-  e[12] !== b || e[13] !== y ? (v = /* @__PURE__ */ C("div", { className: "flex-1 min-w-0", children: [
+  e[9] !== g || e[10] !== o ? (y = o && /* @__PURE__ */ n("p", { className: `text-xs truncate ${g ? "text-zinc-500" : "text-gray-500"}`, children: o }), e[9] = g, e[10] = o, e[11] = y) : y = e[11];
+  let w;
+  e[12] !== b || e[13] !== y ? (w = /* @__PURE__ */ C("div", { className: "flex-1 min-w-0", children: [
     b,
     y
-  ] }), e[12] = b, e[13] = y, e[14] = v) : v = e[14];
+  ] }), e[12] = b, e[13] = y, e[14] = w) : w = e[14];
   let x;
-  return e[15] !== r || e[16] !== v || e[17] !== f || e[18] !== m ? (x = /* @__PURE__ */ C("button", { onClick: r, className: f, children: [
+  return e[15] !== r || e[16] !== w || e[17] !== f || e[18] !== m ? (x = /* @__PURE__ */ C("button", { onClick: r, className: f, children: [
     m,
-    v
-  ] }), e[15] = r, e[16] = v, e[17] = f, e[18] = m, e[19] = x) : x = e[19], x;
-}), _t = F(function(t) {
-  const e = D.c(9), {
+    w
+  ] }), e[15] = r, e[16] = w, e[17] = f, e[18] = m, e[19] = x) : x = e[19], x;
+}), gt = F(function(t) {
+  const e = B(9), {
     isDark: s
   } = t, l = `
         rounded-xl overflow-hidden border divide-y
         ${s ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-gray-50 border-gray-200 divide-gray-200"}
       `;
-  let i, g, r;
-  e[0] !== s ? (i = /* @__PURE__ */ n(ye, { icon: "bell", label: "Notifications", isDark: s }), g = /* @__PURE__ */ n(ye, { icon: "block", label: "Block & report spam", isDark: s }), r = /* @__PURE__ */ n(ye, { icon: "info", label: "About RCS", isDark: s }), e[0] = s, e[1] = i, e[2] = g, e[3] = r) : (i = e[1], g = e[2], r = e[3]);
-  let o;
-  return e[4] !== l || e[5] !== i || e[6] !== g || e[7] !== r ? (o = /* @__PURE__ */ C("div", { className: l, children: [
-    i,
+  let o, g, r;
+  e[0] !== s ? (o = /* @__PURE__ */ n(pe, { icon: "bell", label: "Notifications", isDark: s }), g = /* @__PURE__ */ n(pe, { icon: "block", label: "Block & report spam", isDark: s }), r = /* @__PURE__ */ n(pe, { icon: "info", label: "About RCS", isDark: s }), e[0] = s, e[1] = o, e[2] = g, e[3] = r) : (o = e[1], g = e[2], r = e[3]);
+  let i;
+  return e[4] !== l || e[5] !== o || e[6] !== g || e[7] !== r ? (i = /* @__PURE__ */ C("div", { className: l, children: [
+    o,
     g,
     r
-  ] }), e[4] = l, e[5] = i, e[6] = g, e[7] = r, e[8] = o) : o = e[8], o;
-}), ye = F(function(t) {
-  const e = D.c(13), {
+  ] }), e[4] = l, e[5] = o, e[6] = g, e[7] = r, e[8] = i) : i = e[8], i;
+}), pe = F(function(t) {
+  const e = B(13), {
     icon: s,
     label: l,
-    isDark: i
+    isDark: o
   } = t;
   let g;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
@@ -1530,40 +1499,40 @@ const wt = F(function(t) {
     block: "M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636",
     info: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
   }, e[0] = g) : g = e[0];
-  const r = g, o = `
+  const r = g, i = `
         w-full flex items-center gap-4 px-4 py-3.5 text-left transition-colors
-        ${i ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
-      `, a = `w-5 h-5 flex-shrink-0 ${i ? "text-zinc-500" : "text-gray-400"}`, f = r[s];
+        ${o ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
+      `, a = `w-5 h-5 flex-shrink-0 ${o ? "text-zinc-500" : "text-gray-400"}`, f = r[s];
   let h;
   e[1] !== f ? (h = /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: f }), e[1] = f, e[2] = h) : h = e[2];
   let d;
   e[3] !== a || e[4] !== h ? (d = /* @__PURE__ */ n("svg", { className: a, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: h }), e[3] = a, e[4] = h, e[5] = d) : d = e[5];
-  const u = `text-sm font-medium ${i ? "text-white" : "text-gray-900"}`;
+  const u = `text-sm font-medium ${o ? "text-white" : "text-gray-900"}`;
   let m;
   e[6] !== l || e[7] !== u ? (m = /* @__PURE__ */ n("span", { className: u, children: l }), e[6] = l, e[7] = u, e[8] = m) : m = e[8];
   let p;
-  return e[9] !== o || e[10] !== d || e[11] !== m ? (p = /* @__PURE__ */ C("button", { className: o, children: [
+  return e[9] !== i || e[10] !== d || e[11] !== m ? (p = /* @__PURE__ */ C("button", { className: i, children: [
     d,
     m
-  ] }), e[9] = o, e[10] = d, e[11] = m, e[12] = p) : p = e[12], p;
-}), Se = {
+  ] }), e[9] = i, e[10] = d, e[11] = m, e[12] = p) : p = e[12], p;
+}), ve = {
   FULL: "h-full",
   TALL: "h-[80%]",
   HALF: "h-[50%]"
-}, Lt = F(function() {
-  const t = D.c(65), {
+}, pt = F(function() {
+  const t = B(65), {
     theme: e,
     businessInfo: s,
     webView: l,
-    closeWebView: i
-  } = K(), [g, r] = ne(!0), [o, a] = ne(!1), f = e === "dark", h = s.brandColor || "#0084ff";
+    closeWebView: o
+  } = K(), [g, r] = ne(!0), [i, a] = ne(!1), f = e === "dark", h = s.brandColor || "#0084ff";
   let d;
   t[0] !== l?.url ? (d = () => {
     l?.url && (r(!0), a(!1));
   }, t[0] = l?.url, t[1] = d) : d = t[1];
   const u = l?.url;
   let m;
-  t[2] !== u ? (m = [u], t[2] = u, t[3] = m) : m = t[3], ie(d, m);
+  t[2] !== u ? (m = [u], t[2] = u, t[3] = m) : m = t[3], oe(d, m);
   let p;
   t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
     r(!1);
@@ -1573,40 +1542,40 @@ const wt = F(function(t) {
   t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
     r(!1), a(!0);
   }, t[5] = y) : y = t[5];
-  const v = y, x = St;
+  const w = y, x = bt;
   if (!l || !l.isOpen)
     return null;
   const {
     url: k,
-    viewMode: w,
+    viewMode: v,
     title: N,
-    postbackData: _
+    postbackData: L
   } = l;
-  let $;
-  t[6] !== N || t[7] !== k ? ($ = N || x(k), t[6] = N, t[7] = k, t[8] = $) : $ = t[8];
-  const L = $, A = w === "FULL", z = w === "TALL" || w === "HALF", S = Se[w] || Se.TALL, M = `
+  let M;
+  t[6] !== N || t[7] !== k ? (M = N || x(k), t[6] = N, t[7] = k, t[8] = M) : M = t[8];
+  const _ = M, A = v === "FULL", z = v === "TALL" || v === "HALF", $ = ve[v] || ve.TALL, S = `
         rcs-webview-overlay absolute inset-0 z-50 flex flex-col
         ${A ? "" : "justify-end"}
         ${f ? "bg-black/60" : "bg-black/40"}
-      `, I = `WebView: ${L}`;
-  let R;
-  t[9] !== i || t[10] !== z ? (R = z && /* @__PURE__ */ n("button", { type: "button", className: "absolute inset-0 w-full h-full cursor-default", onClick: i, "aria-label": "Close WebView" }), t[9] = i, t[10] = z, t[11] = R) : R = t[11];
-  const B = `
+      `, I = `WebView: ${_}`;
+  let T;
+  t[9] !== o || t[10] !== z ? (T = z && /* @__PURE__ */ n("button", { type: "button", className: "absolute inset-0 w-full h-full cursor-default", onClick: o, "aria-label": "Close WebView" }), t[9] = o, t[10] = z, t[11] = T) : T = t[11];
+  const D = `
           rcs-webview-container relative flex flex-col overflow-hidden
           ${f ? "bg-zinc-900" : "bg-white"}
-          ${S} w-full
+          ${$} w-full
           ${z ? "rounded-t-2xl shadow-2xl" : ""}
         `;
-  let T;
-  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+  let j;
+  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
     position: "relative",
     zIndex: 1
-  }, t[12] = T) : T = t[12];
+  }, t[12] = j) : j = t[12];
   const O = `
             rcs-webview-header flex items-center gap-3 px-2 py-2 flex-shrink-0
             border-b
             ${f ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}
-          `, q = `
+          `, J = `
               rcs-webview-close w-10 h-10 rounded-full flex items-center justify-center
               transition-colors
               ${f ? "text-white hover:bg-zinc-800" : "text-gray-700 hover:bg-gray-100"}
@@ -1614,27 +1583,27 @@ const wt = F(function(t) {
   let V;
   t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ n("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) }), t[13] = V) : V = t[13];
   let Q;
-  t[14] !== i || t[15] !== q ? (Q = /* @__PURE__ */ n("button", { type: "button", onClick: i, className: q, "aria-label": "Close WebView", children: V }), t[14] = i, t[15] = q, t[16] = Q) : Q = t[16];
+  t[14] !== o || t[15] !== J ? (Q = /* @__PURE__ */ n("button", { type: "button", onClick: o, className: J, "aria-label": "Close WebView", children: V }), t[14] = o, t[15] = J, t[16] = Q) : Q = t[16];
   const P = `
                 rcs-webview-title text-base font-medium truncate
                 ${f ? "text-white" : "text-gray-900"}
               `;
   let Y;
-  t[17] !== L || t[18] !== P ? (Y = /* @__PURE__ */ n("h2", { className: P, children: L }), t[17] = L, t[18] = P, t[19] = Y) : Y = t[19];
+  t[17] !== _ || t[18] !== P ? (Y = /* @__PURE__ */ n("h2", { className: P, children: _ }), t[17] = _, t[18] = P, t[19] = Y) : Y = t[19];
   const ee = `
                 rcs-webview-url text-xs truncate
                 ${f ? "text-zinc-400" : "text-gray-500"}
               `;
-  let j;
-  t[20] !== k ? (j = x(k), t[20] = k, t[21] = j) : j = t[21];
+  let R;
+  t[20] !== k ? (R = x(k), t[20] = k, t[21] = R) : R = t[21];
   let G;
-  t[22] !== ee || t[23] !== j ? (G = /* @__PURE__ */ n("p", { className: ee, children: j }), t[22] = ee, t[23] = j, t[24] = G) : G = t[24];
+  t[22] !== ee || t[23] !== R ? (G = /* @__PURE__ */ n("p", { className: ee, children: R }), t[22] = ee, t[23] = R, t[24] = G) : G = t[24];
   let E;
   t[25] !== Y || t[26] !== G ? (E = /* @__PURE__ */ C("div", { className: "flex-1 min-w-0", children: [
     Y,
     G
   ] }), t[25] = Y, t[26] = G, t[27] = E) : E = t[27];
-  const J = `
+  const q = `
               w-10 h-10 rounded-full flex items-center justify-center
               ${f ? "text-zinc-400 hover:bg-zinc-800" : "text-gray-500 hover:bg-gray-100"}
             `;
@@ -1645,7 +1614,7 @@ const wt = F(function(t) {
     /* @__PURE__ */ n("circle", { cx: "12", cy: "19", r: "2" })
   ] }), t[28] = W) : W = t[28];
   let U;
-  t[29] !== J ? (U = /* @__PURE__ */ n("button", { type: "button", className: J, "aria-label": "More options", children: W }), t[29] = J, t[30] = U) : U = t[30];
+  t[29] !== q ? (U = /* @__PURE__ */ n("button", { type: "button", className: q, "aria-label": "More options", children: W }), t[29] = q, t[30] = U) : U = t[30];
   let H;
   t[31] !== O || t[32] !== Q || t[33] !== E || t[34] !== U ? (H = /* @__PURE__ */ C("header", { className: O, children: [
     Q,
@@ -1661,33 +1630,33 @@ const wt = F(function(t) {
     width: "30%"
   } }) }), t[36] = h, t[37] = g, t[38] = X) : X = t[38];
   let Z;
-  t[39] !== i || t[40] !== f || t[41] !== o ? (Z = o && /* @__PURE__ */ C("div", { className: `
+  t[39] !== o || t[40] !== f || t[41] !== i ? (Z = i && /* @__PURE__ */ C("div", { className: `
               rcs-webview-error flex-1 flex flex-col items-center justify-center p-6 text-center
               ${f ? "text-zinc-400" : "text-gray-500"}
             `, children: [
     /* @__PURE__ */ n("svg", { className: "w-16 h-16 mb-4 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
     /* @__PURE__ */ n("p", { className: "text-sm font-medium mb-2", children: "Unable to load page" }),
     /* @__PURE__ */ n("p", { className: "text-xs opacity-75 mb-4", children: "This content cannot be displayed in the emulator" }),
-    /* @__PURE__ */ n("button", { type: "button", onClick: i, className: `
+    /* @__PURE__ */ n("button", { type: "button", onClick: o, className: `
                 px-4 py-2 rounded-full text-sm font-medium
                 ${f ? "bg-zinc-800 text-white hover:bg-zinc-700" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}
               `, children: "Go Back" })
-  ] }), t[39] = i, t[40] = f, t[41] = o, t[42] = Z) : Z = t[42];
+  ] }), t[39] = o, t[40] = f, t[41] = i, t[42] = Z) : Z = t[42];
   let te;
-  t[43] !== L || t[44] !== o || t[45] !== k ? (te = !o && /* @__PURE__ */ n("div", { className: "rcs-webview-iframe-container flex-1 overflow-hidden", children: /* @__PURE__ */ n("iframe", { src: k, title: L, className: "w-full h-full border-0", onLoad: b, onError: v, sandbox: "allow-scripts allow-same-origin allow-forms allow-popups", referrerPolicy: "no-referrer-when-downgrade", loading: "lazy" }) }), t[43] = L, t[44] = o, t[45] = k, t[46] = te) : te = t[46];
+  t[43] !== _ || t[44] !== i || t[45] !== k ? (te = !i && /* @__PURE__ */ n("div", { className: "rcs-webview-iframe-container flex-1 overflow-hidden", children: /* @__PURE__ */ n("iframe", { src: k, title: _, className: "w-full h-full border-0", onLoad: b, onError: w, sandbox: "allow-scripts allow-same-origin allow-forms allow-popups", referrerPolicy: "no-referrer-when-downgrade", loading: "lazy" }) }), t[43] = _, t[44] = i, t[45] = k, t[46] = te) : te = t[46];
   let se;
   t[47] !== z || t[48] !== f ? (se = z && /* @__PURE__ */ n("div", { className: `
               rcs-webview-safe-area h-2 flex-shrink-0
               ${f ? "bg-zinc-900" : "bg-white"}
             ` }), t[47] = z, t[48] = f, t[49] = se) : se = t[49];
   let re;
-  t[50] !== H || t[51] !== X || t[52] !== Z || t[53] !== te || t[54] !== se || t[55] !== B ? (re = /* @__PURE__ */ C("div", { className: B, style: T, children: [
+  t[50] !== H || t[51] !== X || t[52] !== Z || t[53] !== te || t[54] !== se || t[55] !== D ? (re = /* @__PURE__ */ C("div", { className: D, style: j, children: [
     H,
     X,
     Z,
     te,
     se
-  ] }), t[50] = H, t[51] = X, t[52] = Z, t[53] = te, t[54] = se, t[55] = B, t[56] = re) : re = t[56];
+  ] }), t[50] = H, t[51] = X, t[52] = Z, t[53] = te, t[54] = se, t[55] = D, t[56] = re) : re = t[56];
   let ce;
   t[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ce = /* @__PURE__ */ n("style", { children: `
         @keyframes webview-loading {
@@ -1697,37 +1666,37 @@ const wt = F(function(t) {
         }
       ` }), t[57] = ce) : ce = t[57];
   let de;
-  return t[58] !== _ || t[59] !== re || t[60] !== M || t[61] !== I || t[62] !== R || t[63] !== w ? (de = /* @__PURE__ */ C("div", { className: M, role: "dialog", "aria-modal": "true", "aria-label": I, "data-postback": _, "data-view-mode": w, children: [
-    R,
+  return t[58] !== L || t[59] !== re || t[60] !== S || t[61] !== I || t[62] !== T || t[63] !== v ? (de = /* @__PURE__ */ C("div", { className: S, role: "dialog", "aria-modal": "true", "aria-label": I, "data-postback": L, "data-view-mode": v, children: [
+    T,
     re,
     ce
-  ] }), t[58] = _, t[59] = re, t[60] = M, t[61] = I, t[62] = R, t[63] = w, t[64] = de) : de = t[64], de;
+  ] }), t[58] = L, t[59] = re, t[60] = S, t[61] = I, t[62] = T, t[63] = v, t[64] = de) : de = t[64], de;
 });
-function St(c) {
+function bt(c) {
   try {
     return new URL(c).hostname;
   } catch {
     return "Web Page";
   }
 }
-const $t = F(function(t) {
-  const e = D.c(39), {
+const xt = F(function(t) {
+  const e = B(39), {
     onUnlock: s,
     messagePreview: l
-  } = t, i = l === void 0 ? "New message" : l, {
+  } = t, o = l === void 0 ? "New message" : l, {
     theme: g,
     businessInfo: r
   } = K();
-  let o;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ new Date(), e[0] = o) : o = e[0];
-  const [a, f] = ne(o), h = g === "dark";
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ new Date(), e[0] = i) : i = e[0];
+  const [a, f] = ne(i), h = g === "dark";
   let d, u;
   e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => {
-    const q = setInterval(() => {
+    const J = setInterval(() => {
       f(/* @__PURE__ */ new Date());
     }, 1e3);
-    return () => clearInterval(q);
-  }, u = [], e[1] = d, e[2] = u) : (d = e[1], u = e[2]), ie(d, u);
+    return () => clearInterval(J);
+  }, u = [], e[1] = d, e[2] = u) : (d = e[1], u = e[2]), oe(d, u);
   let m;
   e[3] !== a ? (m = a.toLocaleTimeString([], {
     hour: "numeric",
@@ -1741,7 +1710,7 @@ const $t = F(function(t) {
     month: "long",
     day: "numeric"
   }), e[5] = a, e[6] = b) : b = e[6];
-  const y = b, v = `
+  const y = b, w = `
         lock-screen flex flex-col h-full w-full select-none
         ${h ? "bg-zinc-900" : "bg-zinc-800"}
       `;
@@ -1749,22 +1718,22 @@ const $t = F(function(t) {
   e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n("div", { className: "h-6" }), e[7] = x) : x = e[7];
   let k;
   e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ n("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ n("div", { className: "w-8 h-8 rounded-full bg-zinc-700 flex items-center justify-center", children: /* @__PURE__ */ n("svg", { className: "w-4 h-4 text-zinc-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n("path", { fillRule: "evenodd", d: "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z", clipRule: "evenodd" }) }) }) }), e[8] = k) : k = e[8];
-  let w;
-  e[9] !== p ? (w = /* @__PURE__ */ n("div", { className: "mt-6 text-center", children: /* @__PURE__ */ n("h1", { className: "text-5xl font-light text-white tracking-tight", children: p }) }), e[9] = p, e[10] = w) : w = e[10];
+  let v;
+  e[9] !== p ? (v = /* @__PURE__ */ n("div", { className: "mt-6 text-center", children: /* @__PURE__ */ n("h1", { className: "text-5xl font-light text-white tracking-tight", children: p }) }), e[9] = p, e[10] = v) : v = e[10];
   let N;
   e[11] !== y ? (N = /* @__PURE__ */ n("p", { className: "text-zinc-400 text-sm", children: y }), e[11] = y, e[12] = N) : N = e[12];
-  let _;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ C("div", { className: "flex items-center justify-center gap-1 mt-1 text-zinc-500 text-xs", children: [
+  let L;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ C("div", { className: "flex items-center justify-center gap-1 mt-1 text-zinc-500 text-xs", children: [
     /* @__PURE__ */ n("svg", { className: "w-3.5 h-3.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n("path", { d: "M5.5 16a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 16h-8z" }) }),
     /* @__PURE__ */ n("span", { children: "19°C" })
-  ] }), e[13] = _) : _ = e[13];
-  let $;
-  e[14] !== N ? ($ = /* @__PURE__ */ C("div", { className: "mt-2 text-center", children: [
+  ] }), e[13] = L) : L = e[13];
+  let M;
+  e[14] !== N ? (M = /* @__PURE__ */ C("div", { className: "mt-2 text-center", children: [
     N,
-    _
-  ] }), e[14] = N, e[15] = $) : $ = e[15];
-  let L;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ n("div", { className: "h-24" }), e[16] = L) : L = e[16];
+    L
+  ] }), e[14] = N, e[15] = M) : M = e[15];
+  let _;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n("div", { className: "h-24" }), e[16] = _) : _ = e[16];
   let A;
   e[17] !== r.logo || e[18] !== r.name ? (A = /* @__PURE__ */ n("div", { className: "w-12 h-12 rounded-xl bg-zinc-900 flex items-center justify-center flex-shrink-0 overflow-hidden", children: r.logo ? /* @__PURE__ */ n("img", { src: r.logo, alt: r.name, className: "w-full h-full object-cover" }) : /* @__PURE__ */ n("div", { className: "text-white", children: /* @__PURE__ */ C("svg", { className: "w-7 h-7", viewBox: "0 0 24 24", fill: "currentColor", children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "1.5" }),
@@ -1783,48 +1752,48 @@ const $t = F(function(t) {
   ] }) }) }), e[17] = r.logo, e[18] = r.name, e[19] = A) : A = e[19];
   let z;
   e[20] !== r.name ? (z = /* @__PURE__ */ n("p", { className: "text-sm font-semibold text-gray-900 truncate", children: r.name }), e[20] = r.name, e[21] = z) : z = e[21];
+  let $;
+  e[22] !== o ? ($ = /* @__PURE__ */ n("p", { className: "text-sm text-gray-500 truncate", children: o }), e[22] = o, e[23] = $) : $ = e[23];
   let S;
-  e[22] !== i ? (S = /* @__PURE__ */ n("p", { className: "text-sm text-gray-500 truncate", children: i }), e[22] = i, e[23] = S) : S = e[23];
-  let M;
-  e[24] !== z || e[25] !== S ? (M = /* @__PURE__ */ C("div", { className: "flex-1 text-left min-w-0", children: [
+  e[24] !== z || e[25] !== $ ? (S = /* @__PURE__ */ C("div", { className: "flex-1 text-left min-w-0", children: [
     z,
-    S
-  ] }), e[24] = z, e[25] = S, e[26] = M) : M = e[26];
+    $
+  ] }), e[24] = z, e[25] = $, e[26] = S) : S = e[26];
   let I;
   e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ n("span", { className: "text-xs text-gray-400 flex-shrink-0", children: "now" }), e[27] = I) : I = e[27];
-  let R;
-  e[28] !== s || e[29] !== A || e[30] !== M ? (R = /* @__PURE__ */ n("div", { className: "px-4 pb-8", children: /* @__PURE__ */ C("button", { onClick: s, className: `w-full bg-white rounded-2xl p-3 flex items-center gap-3 shadow-lg \r
+  let T;
+  e[28] !== s || e[29] !== A || e[30] !== S ? (T = /* @__PURE__ */ n("div", { className: "px-4 pb-8", children: /* @__PURE__ */ C("button", { onClick: s, className: `w-full bg-white rounded-2xl p-3 flex items-center gap-3 shadow-lg 
                      transition-transform active:scale-[0.98] hover:shadow-xl`, children: [
     A,
-    M,
+    S,
     I
-  ] }) }), e[28] = s, e[29] = A, e[30] = M, e[31] = R) : R = e[31];
-  let B;
-  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ n("div", { className: "flex-1" }), e[32] = B) : B = e[32];
-  let T;
-  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ n("div", { className: "flex justify-center pb-2", children: /* @__PURE__ */ n("div", { className: "w-32 h-1 rounded-full bg-zinc-600" }) }), e[33] = T) : T = e[33];
+  ] }) }), e[28] = s, e[29] = A, e[30] = S, e[31] = T) : T = e[31];
+  let D;
+  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ n("div", { className: "flex-1" }), e[32] = D) : D = e[32];
+  let j;
+  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n("div", { className: "flex justify-center pb-2", children: /* @__PURE__ */ n("div", { className: "w-32 h-1 rounded-full bg-zinc-600" }) }), e[33] = j) : j = e[33];
   let O;
-  return e[34] !== w || e[35] !== $ || e[36] !== R || e[37] !== v ? (O = /* @__PURE__ */ C("div", { className: v, children: [
+  return e[34] !== v || e[35] !== M || e[36] !== T || e[37] !== w ? (O = /* @__PURE__ */ C("div", { className: w, children: [
     x,
     k,
-    w,
-    $,
-    L,
-    R,
-    B,
-    T
-  ] }), e[34] = w, e[35] = $, e[36] = R, e[37] = v, e[38] = O) : O = e[38], O;
-}), $e = {
+    v,
+    M,
+    _,
+    T,
+    D,
+    j
+  ] }), e[34] = v, e[35] = M, e[36] = T, e[37] = w, e[38] = O) : O = e[38], O;
+}), ke = {
   name: "Business",
   verified: !1
-}, Mt = F(function(t) {
-  const e = D.c(24), {
+}, yt = F(function(t) {
+  const e = B(24), {
     flow: s,
     onUserReply: l,
-    theme: i,
+    theme: o,
     device: g,
     businessInfo: r,
-    showSuggestions: o
+    showSuggestions: i
   } = t;
   let a;
   e[0] !== s || e[1] !== l ? (a = {
@@ -1836,40 +1805,40 @@ const $t = F(function(t) {
     state: f,
     handleReply: h,
     handleAction: d
-  } = Ze(a), [u, m] = ne(!1);
+  } = He(a), [u, m] = ne(!1);
   let p;
   e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    m(zt);
+    m(wt);
   }, e[3] = p) : p = e[3];
-  const b = p, [y, v] = ne(null);
+  const b = p, [y, w] = ne(null);
   let x;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = (M) => {
-    v({
-      ...M,
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = (S) => {
+    w({
+      ...S,
       isOpen: !0
     });
   }, e[4] = x) : x = e[4];
   const k = x;
-  let w;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => {
-    v(null);
-  }, e[5] = w) : w = e[5];
-  const N = w;
-  let _;
-  e[6] !== d || e[7] !== l ? (_ = (M) => {
-    if (!le(M))
+  let v;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
+    w(null);
+  }, e[5] = v) : v = e[5];
+  const N = v;
+  let L;
+  e[6] !== d || e[7] !== l ? (L = (S) => {
+    if (!le(S))
       return;
-    const I = He(M);
+    const I = Ae(S);
     if (I) {
       k({
         url: I.url,
         viewMode: I.webviewViewMode || "TALL",
         title: I.description || "",
-        postbackData: M.action.postback.data
+        postbackData: S.action.postback.data
       }), l({
         type: "action",
-        postbackData: M.action.postback.data,
-        displayText: M.action.displayText,
+        postbackData: S.action.postback.data,
+        displayText: S.action.displayText,
         timestamp: Date.now(),
         actionData: {
           type: "webview",
@@ -1880,64 +1849,64 @@ const $t = F(function(t) {
       });
       return;
     }
-    d(M);
-  }, e[6] = d, e[7] = l, e[8] = _) : _ = e[8];
-  const $ = _;
-  let L;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ n(kt, {}), e[9] = L) : L = e[9];
+    d(S);
+  }, e[6] = d, e[7] = l, e[8] = L) : L = e[8];
+  const M = L;
+  let _;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(mt, {}), e[9] = _) : _ = e[9];
   let A;
-  e[10] !== u ? (A = u && /* @__PURE__ */ n(Nt, {}), e[10] = u, e[11] = A) : A = e[11];
+  e[10] !== u ? (A = u && /* @__PURE__ */ n(ut, {}), e[10] = u, e[11] = A) : A = e[11];
   let z;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ n(Lt, {}), e[12] = z) : z = e[12];
-  let S;
-  return e[13] !== r || e[14] !== g || e[15] !== $ || e[16] !== h || e[17] !== u || e[18] !== o || e[19] !== f || e[20] !== A || e[21] !== i || e[22] !== y ? (S = /* @__PURE__ */ C(Ae, { theme: i, device: g, businessInfo: r, state: f, showSuggestions: o, isProfileOpen: u, toggleProfile: b, onReply: h, onAction: $, webView: y, openWebView: k, closeWebView: N, children: [
-    L,
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ n(pt, {}), e[12] = z) : z = e[12];
+  let $;
+  return e[13] !== r || e[14] !== g || e[15] !== M || e[16] !== h || e[17] !== u || e[18] !== i || e[19] !== f || e[20] !== A || e[21] !== o || e[22] !== y ? ($ = /* @__PURE__ */ C(Le, { theme: o, device: g, businessInfo: r, state: f, showSuggestions: i, isProfileOpen: u, toggleProfile: b, onReply: h, onAction: M, webView: y, openWebView: k, closeWebView: N, children: [
+    _,
     A,
     z
-  ] }), e[13] = r, e[14] = g, e[15] = $, e[16] = h, e[17] = u, e[18] = o, e[19] = f, e[20] = A, e[21] = i, e[22] = y, e[23] = S) : S = e[23], S;
-}), Wt = F(function(t) {
-  const e = D.c(84), {
+  ] }), e[13] = r, e[14] = g, e[15] = M, e[16] = h, e[17] = u, e[18] = i, e[19] = f, e[20] = A, e[21] = o, e[22] = y, e[23] = $) : $ = e[23], $;
+}), zt = F(function(t) {
+  const e = B(84), {
     messages: s,
     jsonUrl: l,
-    onUserReply: i,
+    onUserReply: o,
     theme: g,
     device: r,
-    businessInfo: o,
+    businessInfo: i,
     className: a,
     width: f,
     height: h,
     showSuggestions: d,
     showLockScreen: u
-  } = t, m = g === void 0 ? "light" : g, p = r === void 0 ? "android" : r, b = a === void 0 ? "" : a, y = f === void 0 ? 375 : f, v = h === void 0 ? 667 : h, x = d === void 0 ? !0 : d, k = u === void 0 ? !1 : u, [w, N] = ne(k);
-  let _;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+  } = t, m = g === void 0 ? "light" : g, p = r === void 0 ? "android" : r, b = a === void 0 ? "" : a, y = f === void 0 ? 375 : f, w = h === void 0 ? 667 : h, x = d === void 0 ? !0 : d, k = u === void 0 ? !1 : u, [v, N] = ne(k);
+  let L;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
     N(!1);
-  }, e[0] = _) : _ = e[0];
-  const $ = _, {
-    data: L,
+  }, e[0] = L) : L = e[0];
+  const M = L, {
+    data: _,
     isLoading: A,
     error: z
-  } = Ke(l), S = l ? L : s;
-  let M;
-  e[1] !== S ? (M = S ? Je(S) : !1, e[1] = S, e[2] = M) : M = e[2];
-  const I = M;
-  let R;
-  e[3] !== o || e[4] !== S?.name ? (R = () => ({
-    ...$e,
-    ...o,
-    name: o?.name || S?.name || $e.name
-  }), e[3] = o, e[4] = S?.name, e[5] = R) : R = e[5], S?.name;
-  let B;
-  e[6] !== R ? (B = R(), e[6] = R, e[7] = B) : B = e[7];
-  const T = B;
+  } = Oe(l), $ = l ? _ : s;
+  let S;
+  e[1] !== $ ? (S = $ ? We($) : !1, e[1] = $, e[2] = S) : S = e[2];
+  const I = S;
+  let T;
+  e[3] !== i || e[4] !== $?.name ? (T = () => ({
+    ...ke,
+    ...i,
+    name: i?.name || $?.name || ke.name
+  }), e[3] = i, e[4] = $?.name, e[5] = T) : T = e[5], $?.name;
+  let D;
+  e[6] !== T ? (D = T(), e[6] = T, e[7] = D) : D = e[7];
+  const j = D;
   let O;
-  e[8] !== S || e[9] !== I ? (O = S && I ? Qe(S) : "New message", e[8] = S, e[9] = I, e[10] = O) : O = e[10];
-  const q = O, V = m === "dark";
+  e[8] !== $ || e[9] !== I ? (O = $ && I ? Ve($) : "New message", e[8] = $, e[9] = I, e[10] = O) : O = e[10];
+  const J = O, V = m === "dark";
   let Q;
-  e[11] !== b || e[12] !== p || e[13] !== v || e[14] !== V || e[15] !== m || e[16] !== y ? (Q = (j) => {
+  e[11] !== b || e[12] !== p || e[13] !== w || e[14] !== V || e[15] !== m || e[16] !== y ? (Q = (R) => {
     const {
       children: G
-    } = j;
+    } = R;
     return /* @__PURE__ */ n("div", { className: `
         rcs-emulator relative overflow-hidden
         rounded-2xl shadow-2xl
@@ -1945,12 +1914,12 @@ const $t = F(function(t) {
         ${b}
       `, style: {
       width: y,
-      height: v
+      height: w
     }, role: "application", "aria-label": "RCS Message Emulator", "data-theme": m, "data-device": p, children: G });
-  }, e[11] = b, e[12] = p, e[13] = v, e[14] = V, e[15] = m, e[16] = y, e[17] = Q) : Q = e[17];
+  }, e[11] = b, e[12] = p, e[13] = w, e[14] = V, e[15] = m, e[16] = y, e[17] = Q) : Q = e[17];
   const P = Q;
   if (l && A) {
-    const j = `
+    const R = `
               w-10 h-10 border-3 border-t-transparent rounded-full animate-spin mb-4
               ${V ? "border-zinc-600" : "border-gray-300"}
             `;
@@ -1959,10 +1928,10 @@ const $t = F(function(t) {
       borderTopColor: "transparent"
     }, e[18] = G) : G = e[18];
     let E;
-    e[19] !== j ? (E = /* @__PURE__ */ n("div", { className: j, style: G }), e[19] = j, e[20] = E) : E = e[20];
-    const J = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
+    e[19] !== R ? (E = /* @__PURE__ */ n("div", { className: R, style: G }), e[19] = R, e[20] = E) : E = e[20];
+    const q = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
     let W;
-    e[21] !== J ? (W = /* @__PURE__ */ n("p", { className: J, children: "Loading conversation..." }), e[21] = J, e[22] = W) : W = e[22];
+    e[21] !== q ? (W = /* @__PURE__ */ n("p", { className: q, children: "Loading conversation..." }), e[21] = q, e[22] = W) : W = e[22];
     let U;
     e[23] !== E || e[24] !== W ? (U = /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center h-full p-6", children: [
       E,
@@ -1972,20 +1941,20 @@ const $t = F(function(t) {
     return e[26] !== P || e[27] !== U ? (H = /* @__PURE__ */ n(P, { children: U }), e[26] = P, e[27] = U, e[28] = H) : H = e[28], H;
   }
   if (l && z) {
-    let j;
-    e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n("svg", { className: "w-12 h-12 mx-auto mb-4 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), e[29] = j) : j = e[29];
+    let R;
+    e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n("svg", { className: "w-12 h-12 mx-auto mb-4 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), e[29] = R) : R = e[29];
     const G = `text-lg font-medium mb-2 ${V ? "text-white" : "text-gray-900"}`;
     let E;
     e[30] !== G ? (E = /* @__PURE__ */ n("h3", { className: G, children: "Failed to Load" }), e[30] = G, e[31] = E) : E = e[31];
-    const J = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
+    const q = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
     let W;
-    e[32] !== z || e[33] !== J ? (W = /* @__PURE__ */ n("p", { className: J, children: z }), e[32] = z, e[33] = J, e[34] = W) : W = e[34];
+    e[32] !== z || e[33] !== q ? (W = /* @__PURE__ */ n("p", { className: q, children: z }), e[32] = z, e[33] = q, e[34] = W) : W = e[34];
     const U = `text-xs mt-2 break-all max-w-full ${V ? "text-zinc-500" : "text-gray-400"}`;
     let H;
     e[35] !== l || e[36] !== U ? (H = /* @__PURE__ */ n("p", { className: U, children: l }), e[35] = l, e[36] = U, e[37] = H) : H = e[37];
     let X;
     e[38] !== E || e[39] !== W || e[40] !== H ? (X = /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center h-full p-6 text-center", children: [
-      j,
+      R,
       E,
       W,
       H
@@ -1993,15 +1962,15 @@ const $t = F(function(t) {
     let Z;
     return e[42] !== P || e[43] !== X ? (Z = /* @__PURE__ */ n(P, { children: X }), e[42] = P, e[43] = X, e[44] = Z) : Z = e[44], Z;
   }
-  if (!S) {
-    const j = `w-12 h-12 mx-auto mb-4 ${V ? "text-zinc-600" : "text-gray-300"}`;
+  if (!$) {
+    const R = `w-12 h-12 mx-auto mb-4 ${V ? "text-zinc-600" : "text-gray-300"}`;
     let G;
     e[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ n("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" }), e[45] = G) : G = e[45];
     let E;
-    e[46] !== j ? (E = /* @__PURE__ */ n("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: G }), e[46] = j, e[47] = E) : E = e[47];
-    const J = `text-lg font-medium mb-2 ${V ? "text-white" : "text-gray-900"}`;
+    e[46] !== R ? (E = /* @__PURE__ */ n("svg", { className: R, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: G }), e[46] = R, e[47] = E) : E = e[47];
+    const q = `text-lg font-medium mb-2 ${V ? "text-white" : "text-gray-900"}`;
     let W;
-    e[48] !== J ? (W = /* @__PURE__ */ n("h3", { className: J, children: "No Conversation Data" }), e[48] = J, e[49] = W) : W = e[49];
+    e[48] !== q ? (W = /* @__PURE__ */ n("h3", { className: q, children: "No Conversation Data" }), e[48] = q, e[49] = W) : W = e[49];
     const U = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
     let H;
     e[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ n("code", { className: "px-1 py-0.5 rounded bg-gray-100 dark:bg-zinc-800", children: "messages" }), e[50] = H) : H = e[50];
@@ -2029,17 +1998,17 @@ const $t = F(function(t) {
     return e[58] !== P || e[59] !== te ? (se = /* @__PURE__ */ n(P, { children: te }), e[58] = P, e[59] = te, e[60] = se) : se = e[60], se;
   }
   if (!I) {
-    let j;
-    e[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n("svg", { className: "w-12 h-12 mx-auto mb-4 text-amber-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }), e[61] = j) : j = e[61];
+    let R;
+    e[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n("svg", { className: "w-12 h-12 mx-auto mb-4 text-amber-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }), e[61] = R) : R = e[61];
     const G = `text-lg font-medium mb-2 ${V ? "text-white" : "text-gray-900"}`;
     let E;
     e[62] !== G ? (E = /* @__PURE__ */ n("h3", { className: G, children: "Invalid RBM JSON" }), e[62] = G, e[63] = E) : E = e[63];
-    const J = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
+    const q = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
     let W;
-    e[64] !== J ? (W = /* @__PURE__ */ n("p", { className: J, children: "The conversation flow structure is not valid" }), e[64] = J, e[65] = W) : W = e[65];
+    e[64] !== q ? (W = /* @__PURE__ */ n("p", { className: q, children: "The conversation flow structure is not valid" }), e[64] = q, e[65] = W) : W = e[65];
     let U;
     e[66] !== E || e[67] !== W ? (U = /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center h-full p-6 text-center", children: [
-      j,
+      R,
       E,
       W
     ] }), e[66] = E, e[67] = W, e[68] = U) : U = e[68];
@@ -2047,38 +2016,38 @@ const $t = F(function(t) {
     return e[69] !== P || e[70] !== U ? (H = /* @__PURE__ */ n(P, { children: U }), e[69] = P, e[70] = U, e[71] = H) : H = e[71], H;
   }
   let Y;
-  e[72] !== p || e[73] !== S || e[74] !== w || e[75] !== T || e[76] !== q || e[77] !== i || e[78] !== x || e[79] !== m ? (Y = w ? /* @__PURE__ */ n(Ae, { theme: m, device: p, businessInfo: T, state: {
+  e[72] !== p || e[73] !== $ || e[74] !== v || e[75] !== j || e[76] !== J || e[77] !== o || e[78] !== x || e[79] !== m ? (Y = v ? /* @__PURE__ */ n(Le, { theme: m, device: p, businessInfo: j, state: {
     currentMessageId: null,
     chatHistory: [],
     isTyping: !1,
     error: null
-  }, showSuggestions: !1, isProfileOpen: !1, toggleProfile: It, onReply: At, onAction: Rt, webView: null, openWebView: Tt, closeWebView: jt, children: /* @__PURE__ */ n($t, { onUnlock: $, messagePreview: q }) }) : /* @__PURE__ */ n(Mt, { flow: S, onUserReply: i, theme: m, device: p, businessInfo: T, showSuggestions: x }), e[72] = p, e[73] = S, e[74] = w, e[75] = T, e[76] = q, e[77] = i, e[78] = x, e[79] = m, e[80] = Y) : Y = e[80];
+  }, showSuggestions: !1, isProfileOpen: !1, toggleProfile: vt, onReply: kt, onAction: Nt, webView: null, openWebView: Ct, closeWebView: Lt, children: /* @__PURE__ */ n(xt, { onUnlock: M, messagePreview: J }) }) : /* @__PURE__ */ n(yt, { flow: $, onUserReply: o, theme: m, device: p, businessInfo: j, showSuggestions: x }), e[72] = p, e[73] = $, e[74] = v, e[75] = j, e[76] = J, e[77] = o, e[78] = x, e[79] = m, e[80] = Y) : Y = e[80];
   let ee;
   return e[81] !== P || e[82] !== Y ? (ee = /* @__PURE__ */ n(P, { children: Y }), e[81] = P, e[82] = Y, e[83] = ee) : ee = e[83], ee;
 });
-function zt(c) {
+function wt(c) {
   return !c;
 }
-function It() {
+function vt() {
 }
-function At() {
+function kt() {
 }
-function Rt() {
+function Nt() {
 }
-function Tt() {
+function Ct() {
 }
-function jt() {
+function Lt() {
 }
 export {
-  Wt as RcsEmulator,
-  Lt as WebViewRenderer,
-  Wt as default,
-  Qe as getFirstMessagePreview,
-  He as getWebViewConfig,
+  zt as RcsEmulator,
+  pt as WebViewRenderer,
+  zt as default,
+  Ve as getFirstMessagePreview,
+  Ae as getWebViewConfig,
   le as isSuggestedAction,
-  ze as isSuggestedReply,
-  Bt as isWebViewAction,
-  Ke as useJsonFetch,
-  Je as validateConversationFlow
+  Ne as isSuggestedReply,
+  St as isWebViewAction,
+  Oe as useJsonFetch,
+  We as validateConversationFlow
 };
 //# sourceMappingURL=rcs-emulator.es.js.map