@maebgch/rcs-emulator 0.1.6 → 0.1.7

package/dist/rcs-emulator.es.js

@@ -1,128 +1,111 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-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;
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { createContext as te, useContext as ne, useReducer as re, useRef as W, useEffect as S, useCallback as M, useState as z, memo as g, useMemo as V } from "react";
+function q(r) {
+  return "reply" in r;
 }
-function le(c) {
-  return "action" in c;
+function $(r) {
+  return "action" in r;
 }
-function St(c) {
-  if (!le(c)) return !1;
-  const {
-    urlAction: t
-  } = c.action;
+function Je(r) {
+  if (!$(r)) return !1;
+  const { urlAction: t } = r.action;
   return t?.openUrl?.application === "WEBVIEW";
 }
-function Ae(c) {
-  const {
-    urlAction: t
-  } = c.action;
+function oe(r) {
+  const { urlAction: t } = r.action;
   return t?.openUrl?.application === "WEBVIEW" ? t.openUrl : null;
 }
-const Te = {
+const se = {
   name: "Business",
   verified: !1
-}, je = {
+}, ie = {
   currentMessageId: null,
   chatHistory: [],
   isTyping: !1,
   error: null
-}, Ce = Se(null);
-function Le(c) {
-  const t = B(20), {
-    children: e,
-    theme: s,
-    device: l,
-    businessInfo: o,
-    state: g,
-    showSuggestions: r,
-    isProfileOpen: i,
-    toggleProfile: a,
-    onReply: f,
-    onAction: h,
-    webView: d,
-    openWebView: u,
-    closeWebView: m
-  } = c;
-  let p;
-  t[0] !== o ? (p = {
-    ...Te,
-    ...o
-  }, t[0] = o, t[1] = p) : p = t[1];
-  let b;
-  t[2] !== g ? (b = {
-    ...je,
-    ...g
-  }, t[2] = g, t[3] = b) : b = t[3];
-  let 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,
+}, Q = te(null);
+function X({
+  children: r,
+  theme: t,
+  device: n,
+  businessInfo: o,
+  state: s,
+  showSuggestions: a,
+  isProfileOpen: i,
+  toggleProfile: u,
+  onReply: c,
+  onAction: d,
+  webView: m,
+  openWebView: f,
+  closeWebView: v
+}) {
+  const x = {
+    theme: t,
+    device: n,
+    businessInfo: { ...se, ...o },
+    state: { ...ie, ...s },
+    showSuggestions: a,
     isProfileOpen: i,
-    toggleProfile: a,
-    handleReply: f,
-    handleAction: h,
-    webView: d,
-    openWebView: u,
-    closeWebView: m
-  }, 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] !== w ? (x = /* @__PURE__ */ n(Ce.Provider, { value: w, children: e }), t[17] = e, t[18] = w, t[19] = x) : x = t[19], x;
+    toggleProfile: u,
+    handleReply: c,
+    handleAction: d,
+    webView: m,
+    openWebView: f,
+    closeWebView: v
+  };
+  return /* @__PURE__ */ e(Q.Provider, { value: x, children: r });
 }
-function K() {
-  const c = Me(Ce);
-  if (!c)
+function N() {
+  const r = ne(Q);
+  if (!r)
     throw new Error("useEmulator must be used within an EmulatorProvider");
-  return c;
+  return r;
 }
-function _e(c) {
-  const t = Object.values(c.messages);
-  return t.find((e) => e.is_first) || t[0] || null;
+function Z(r) {
+  const t = Object.values(r.messages);
+  return t.find((n) => n.is_first) || t[0] || null;
 }
-function fe(c, t) {
-  return c.messages[t] || null;
+function R(r, t) {
+  return r.messages[t] || null;
 }
-function be(c, t) {
-  const e = c.responses?.keyword?.keyword_response?.choices;
-  return e && e[t]?.next_message || null;
+function O(r, t) {
+  const n = r.responses?.keyword?.keyword_response?.choices;
+  return n && n[t]?.next_message || null;
 }
-function ue(c, t) {
-  const e = c.parts, s = Re(e), l = Be(e);
+function H(r, t) {
+  const n = r.parts, o = ae(n), s = ce(n);
   return {
-    id: `${c.id}-${t}-${Date.now()}`,
+    id: `${r.id}-${t}-${Date.now()}`,
     sender: "business",
-    content: s,
+    content: o,
     timestamp: Date.now(),
-    suggestions: l
+    suggestions: s
   };
 }
-function Re(c) {
-  for (const t of c) {
-    const e = t.RCSMessage;
-    if (e.textMessage)
+function ae(r) {
+  for (const t of r) {
+    const n = t.RCSMessage;
+    if (n.textMessage)
       return {
         type: "text",
-        text: e.textMessage
+        text: n.textMessage
       };
-    const s = e.richcardMessage?.message?.generalPurposeCard;
-    if (s)
+    const o = n.richcardMessage?.message?.generalPurposeCard;
+    if (o)
       return {
         type: "richcard",
-        card: xe(s.content, s.layout)
+        card: P(o.content, o.layout)
       };
-    const l = e.richcardMessage?.message?.generalPurposeCardCarousel;
-    if (l)
+    const s = n.richcardMessage?.message?.generalPurposeCardCarousel;
+    if (s)
       return {
         type: "carousel",
-        cards: l.content.map((o) => xe(o, {
-          cardOrientation: "VERTICAL",
-          cardWidth: l.layout.cardWidth
-        }))
+        cards: s.content.map(
+          (a) => P(a, {
+            cardOrientation: "VERTICAL",
+            cardWidth: s.layout.cardWidth
+          })
+        )
       };
   }
   return {
@@ -130,27 +113,27 @@ function Re(c) {
     text: "[Unsupported message type]"
   };
 }
-function xe(c, t) {
-  const e = () => {
-    if (c.media) {
-      if (c.media.mediaUrl) return c.media.mediaUrl;
-      if (c.media.contentInfo?.fileUrl) return c.media.contentInfo.fileUrl;
+function P(r, t) {
+  const n = () => {
+    if (r.media) {
+      if (r.media.mediaUrl) return r.media.mediaUrl;
+      if (r.media.contentInfo?.fileUrl) return r.media.contentInfo.fileUrl;
     }
-  }, s = () => {
-    if (c.media) {
-      if (c.media.thumbnailUri) return c.media.thumbnailUri;
-      if (c.media.contentInfo?.thumbnailUrl) return c.media.contentInfo.thumbnailUrl;
+  }, o = () => {
+    if (r.media) {
+      if (r.media.thumbnailUri) return r.media.thumbnailUri;
+      if (r.media.contentInfo?.thumbnailUrl) return r.media.contentInfo.thumbnailUrl;
     }
-  }, l = e();
+  }, s = n();
   return {
-    title: c.title,
-    description: c.description,
-    media: l ? {
-      url: l,
-      height: Ee(c.media?.height || "MEDIUM_HEIGHT"),
-      thumbnailUrl: s()
+    title: r.title,
+    description: r.description,
+    media: s ? {
+      url: s,
+      height: le(r.media?.height || "MEDIUM_HEIGHT"),
+      thumbnailUrl: o()
     } : void 0,
-    suggestions: c.suggestions,
+    suggestions: r.suggestions,
     layout: {
       orientation: t.cardOrientation === "HORIZONTAL" ? "horizontal" : "vertical",
       width: t.cardWidth === "SMALL_WIDTH" ? "small" : "medium",
@@ -158,8 +141,8 @@ function xe(c, t) {
     }
   };
 }
-function Ee(c) {
-  switch (c) {
+function le(r) {
+  switch (r) {
     case "SHORT_HEIGHT":
       return "short";
     case "TALL_HEIGHT":
@@ -168,1886 +151,2311 @@ function Ee(c) {
       return "medium";
   }
 }
-function Be(c) {
+function ce(r) {
   const t = [];
-  for (const e of c) {
-    const s = e.RCSMessage;
-    s.suggestedChipList?.suggestions && t.push(...s.suggestedChipList.suggestions);
+  for (const n of r) {
+    const o = n.RCSMessage;
+    o.suggestedChipList?.suggestions && t.push(...o.suggestedChipList.suggestions);
   }
   return t;
 }
-function De(c) {
+function de(r) {
   return {
     id: `user-${Date.now()}`,
     sender: "user",
     content: {
       type: "userReply",
-      text: c
+      text: r
     },
     timestamp: Date.now()
   };
 }
-function We(c) {
-  if (!c || typeof c != "object") return !1;
-  const t = c;
+function ue(r) {
+  if (!r || typeof r != "object") return !1;
+  const t = r;
   if (typeof t.name != "string" || !t.messages || typeof t.messages != "object") return !1;
-  const e = Object.values(t.messages);
-  if (e.length === 0) return !1;
-  for (const s of e) {
-    if (!s || typeof s != "object") return !1;
-    const l = s;
-    if (typeof l.id != "string" || !Array.isArray(l.parts)) return !1;
+  const n = Object.values(t.messages);
+  if (n.length === 0) return !1;
+  for (const o of n) {
+    if (!o || typeof o != "object") return !1;
+    const s = o;
+    if (typeof s.id != "string" || !Array.isArray(s.parts)) return !1;
   }
   return !0;
 }
-function Ve(c) {
-  const t = _e(c);
+function he(r) {
+  const t = Z(r);
   if (!t || !t.parts.length) return "New message";
-  const s = t.parts[0].RCSMessage;
-  if (s.textMessage)
-    return s.textMessage.slice(0, 50) + (s.textMessage.length > 50 ? "..." : "");
-  const l = s.richcardMessage?.message?.generalPurposeCard;
-  if (l?.content.title)
-    return l.content.title;
-  const o = s.richcardMessage?.message?.generalPurposeCardCarousel;
-  return o?.content[0]?.title ? o.content[0].title : "New message";
+  const o = t.parts[0].RCSMessage;
+  if (o.textMessage)
+    return o.textMessage.slice(0, 50) + (o.textMessage.length > 50 ? "..." : "");
+  const s = o.richcardMessage?.message?.generalPurposeCard;
+  if (s?.content.title)
+    return s.content.title;
+  const a = o.richcardMessage?.message?.generalPurposeCardCarousel;
+  return a?.content[0]?.title ? a.content[0].title : "New message";
 }
-const $e = {
+const K = {
   currentMessageId: null,
   chatHistory: [],
   isTyping: !1,
   error: null
 };
-function Ue(c, t) {
+function me(r, t) {
   switch (t.type) {
     case "INIT":
       return {
-        ...c,
+        ...r,
         currentMessageId: t.messageId,
         error: null
       };
     case "ADD_BUSINESS_MESSAGE":
       return {
-        ...c,
-        chatHistory: [...c.chatHistory, t.message],
+        ...r,
+        chatHistory: [...r.chatHistory, t.message],
         isTyping: !1
       };
     case "ADD_USER_REPLY": {
-      const e = De(t.text), s = c.chatHistory.map((l, o) => o === c.chatHistory.length - 1 ? {
-        ...l,
-        suggestions: void 0
-      } : l);
+      const n = de(t.text), o = r.chatHistory.map(
+        (s, a) => a === r.chatHistory.length - 1 ? { ...s, suggestions: void 0 } : s
+      );
       return {
-        ...c,
-        chatHistory: [...s, e]
+        ...r,
+        chatHistory: [...o, n]
       };
     }
     case "SET_TYPING":
       return {
-        ...c,
+        ...r,
         isTyping: t.isTyping
       };
     case "NAVIGATE_TO":
       return {
-        ...c,
+        ...r,
         currentMessageId: t.messageId
       };
     case "SET_ERROR":
       return {
-        ...c,
+        ...r,
         error: t.error,
         isTyping: !1
       };
     case "RESET":
-      return $e;
+      return K;
     default:
-      return c;
+      return r;
   }
 }
-function He(c) {
-  const t = B(18), {
-    flow: e,
-    onUserReply: s,
-    typingDelay: l
-  } = 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 = _e(e);
-    if (!x) {
-      r({
+function fe({
+  flow: r,
+  onUserReply: t,
+  typingDelay: n = 800
+}) {
+  const [o, s] = re(me, K), a = W(0), i = W(!1);
+  S(() => {
+    if (i.current) return;
+    i.current = !0;
+    const m = Z(r);
+    if (!m) {
+      s({
         type: "SET_ERROR",
         error: "No first message found in conversation flow"
       });
       return;
     }
-    r({
-      type: "INIT",
-      messageId: x.id
-    }), 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]), oe(f, h);
-  let d;
-  t[3] !== e || t[4] !== s || t[5] !== g.currentMessageId || t[6] !== o ? (d = (x) => {
-    if (!Ne(x))
-      return;
-    const {
-      displayText: k,
-      postback: v
-    } = x.reply, N = v.data;
-    r({
-      type: "ADD_USER_REPLY",
-      text: k,
-      postbackData: N
-    });
-    const L = {
-      type: "reply",
-      postbackData: N,
-      displayText: k,
-      timestamp: Date.now()
-    };
-    s(L);
-    const M = g.currentMessageId ? fe(e, g.currentMessageId) : null;
-    if (!M) {
-      r({
-        type: "SET_ERROR",
-        error: "Current message not found"
-      });
-      return;
-    }
-    const _ = be(M, N);
-    if (!_)
-      return;
-    const A = fe(e, _);
-    if (!A) {
-      r({
-        type: "SET_ERROR",
-        error: `Next message "${_}" not found`
-      });
-      return;
-    }
-    r({
-      type: "SET_TYPING",
-      isTyping: !0
-    }), r({
-      type: "NAVIGATE_TO",
-      messageId: _
-    }), setTimeout(() => {
-      i.current = i.current + 1;
-      const z = ue(A, i.current);
-      r({
-        type: "ADD_BUSINESS_MESSAGE",
-        message: z
+    s({ type: "INIT", messageId: m.id });
+    const f = H(
+      m,
+      a.current++
+    );
+    s({ type: "ADD_BUSINESS_MESSAGE", message: f });
+  }, [r]);
+  const u = M(
+    (m) => {
+      if (!q(m)) return;
+      const { displayText: f, postback: v } = m.reply, x = v.data;
+      s({ type: "ADD_USER_REPLY", text: f, postbackData: x });
+      const L = {
+        type: "reply",
+        postbackData: x,
+        displayText: f,
+        timestamp: Date.now()
+      };
+      t(L);
+      const b = o.currentMessageId ? R(r, o.currentMessageId) : null;
+      if (!b) {
+        s({ type: "SET_ERROR", error: "Current message not found" });
+        return;
+      }
+      const p = O(b, x);
+      if (!p)
+        return;
+      const y = R(r, p);
+      if (!y) {
+        s({
+          type: "SET_ERROR",
+          error: `Next message "${p}" not found`
+        });
+        return;
+      }
+      s({ type: "SET_TYPING", isTyping: !0 }), s({ type: "NAVIGATE_TO", messageId: p }), setTimeout(() => {
+        const h = H(
+          y,
+          a.current++
+        );
+        s({ type: "ADD_BUSINESS_MESSAGE", message: h });
+      }, n);
+    },
+    [r, o.currentMessageId, t, n]
+  ), c = M(
+    (m) => {
+      if (!$(m)) return;
+      const {
+        displayText: f,
+        postback: v,
+        openUrlAction: x,
+        dialAction: L,
+        dialerAction: b,
+        mapAction: p,
+        viewLocationAction: y
+      } = m.action, h = v.data, w = L?.phoneNumber || b?.dialPhoneNumber?.phoneNumber, C = p?.showLocation?.location || y?.latLong;
+      let I;
+      x ? I = { type: "openUrl", url: x.url } : w ? I = { type: "dial", phoneNumber: w } : C && (I = {
+        type: "viewLocation",
+        latitude: C.latitude,
+        longitude: C.longitude,
+        query: y?.query
       });
-    }, 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] !== o ? (m = (x) => {
-    if (!le(x))
-      return;
-    const {
-      displayText: k,
-      postback: v,
-      openUrlAction: N,
-      dialAction: L,
-      dialerAction: M,
-      mapAction: _,
-      viewLocationAction: A
-    } = x.action, z = v.data, $ = L?.phoneNumber || M?.dialPhoneNumber?.phoneNumber, S = _?.showLocation?.location || A?.latLong;
-    let I;
-    N ? I = {
-      type: "openUrl",
-      url: N.url
-    } : $ ? I = {
-      type: "dial",
-      phoneNumber: $
-    } : S && (I = {
-      type: "viewLocation",
-      latitude: S.latitude,
-      longitude: S.longitude,
-      query: A?.query
-    });
-    const T = {
-      type: "action",
-      postbackData: z,
-      displayText: k,
-      timestamp: Date.now(),
-      actionData: I
-    };
-    if (s(T), N)
-      window.open(N.url, "_blank", "noopener,noreferrer");
-    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 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,
-          postbackData: z
-        }), r({
-          type: "SET_TYPING",
-          isTyping: !0
-        }), r({
-          type: "NAVIGATE_TO",
-          messageId: j
-        }), setTimeout(() => {
-          i.current = i.current + 1;
-          const J = ue(O, i.current);
-          r({
-            type: "ADD_BUSINESS_MESSAGE",
-            message: J
-          });
-        }, o));
+      const k = {
+        type: "action",
+        postbackData: h,
+        displayText: f,
+        timestamp: Date.now(),
+        actionData: I
+      };
+      if (t(k), x)
+        window.open(x.url, "_blank", "noopener,noreferrer");
+      else if (w)
+        window.location.href = `tel:${w}`;
+      else if (C) {
+        const T = p?.showLocation?.location?.label || y?.label || "", B = `https://www.google.com/maps/search/?api=1&query=${C.latitude},${C.longitude}${T ? `&query_place_id=${encodeURIComponent(T)}` : ""}`;
+        window.open(B, "_blank", "noopener,noreferrer");
       }
-    }
-  }, 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, i.current = 0, r({
-      type: "RESET"
-    });
-  }, t[13] = b) : b = t[13];
-  const y = b;
-  let w;
-  return t[14] !== p || t[15] !== u || t[16] !== g ? (w = {
-    state: g,
+      const A = o.currentMessageId ? R(r, o.currentMessageId) : null;
+      if (A) {
+        const T = O(A, h);
+        if (T) {
+          const B = R(r, T);
+          B && (s({
+            type: "ADD_USER_REPLY",
+            text: f,
+            postbackData: h
+          }), s({ type: "SET_TYPING", isTyping: !0 }), s({ type: "NAVIGATE_TO", messageId: T }), setTimeout(() => {
+            const ee = H(
+              B,
+              a.current++
+            );
+            s({ type: "ADD_BUSINESS_MESSAGE", message: ee });
+          }, n));
+        }
+      }
+    },
+    [r, o.currentMessageId, t, n]
+  ), d = M(() => {
+    i.current = !1, a.current = 0, s({ type: "RESET" });
+  }, []);
+  return {
+    state: o,
     handleReply: u,
-    handleAction: p,
-    reset: y
-  }, t[14] = p, t[15] = u, t[16] = g, t[17] = w) : w = t[17], w;
+    handleAction: c,
+    reset: d
+  };
 }
-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);
+function ge(r) {
+  const [t, n] = z(null), [o, s] = z(!1), [a, i] = z(null), u = M(async () => {
+    if (!r) {
+      n(null), i(null);
       return;
     }
-    l(!0), g(null);
+    s(!0), i(null);
     try {
-      const i = await fetch(c, {
+      const c = await fetch(r, {
         method: "GET",
         headers: {
           Accept: "application/json"
         }
       });
-      if (!i.ok)
-        throw new Error(`HTTP ${i.status}: ${i.statusText}`);
-      const a = await i.json();
-      if (!a || typeof a != "object")
+      if (!c.ok)
+        throw new Error(`HTTP ${c.status}: ${c.statusText}`);
+      const d = await c.json();
+      if (!d || typeof d != "object")
         throw new Error("Invalid JSON: Expected an object");
-      if (!a.messages || typeof a.messages != "object")
+      if (!d.messages || typeof d.messages != "object")
         throw new Error("Invalid RBM JSON: Missing 'messages' object");
-      e(a);
-    } catch (i) {
-      const a = i instanceof Error ? i.message : "Failed to fetch JSON";
-      g(a), e(null);
+      n(d);
+    } catch (c) {
+      const d = c instanceof Error ? c.message : "Failed to fetch JSON";
+      i(d), n(null);
     } finally {
-      l(!1);
+      s(!1);
     }
-  }, [c]);
-  return oe(() => {
-    r();
-  }, [r]), {
+  }, [r]);
+  return S(() => {
+    u();
+  }, [u]), {
     data: t,
-    isLoading: s,
-    error: o,
-    refetch: r
+    isLoading: o,
+    error: a,
+    refetch: u
   };
 }
-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({
-      top: e.current.scrollHeight,
+function pe(r) {
+  const t = W(null);
+  return S(() => {
+    t.current && t.current.scrollTo({
+      top: t.current.scrollHeight,
       behavior: "smooth"
     });
-  }, t[0] = s) : s = t[0];
-  let l;
-  return t[1] !== c ? (l = [c], t[1] = c, t[2] = l) : l = t[2], oe(s, l), e;
+  }, [r]), t;
 }
-const Ge = F(function() {
-  const t = B(34), {
-    theme: e,
-    businessInfo: s,
-    toggleProfile: l
-  } = K(), o = e === "dark", g = s.brandColor || "#0084ff", r = `
+const xe = g(function() {
+  const { theme: t, businessInfo: n, toggleProfile: o } = N(), s = t === "dark", a = n.brandColor || "#0084ff";
+  return /* @__PURE__ */ l(
+    "header",
+    {
+      className: `
         flex items-center gap-3 px-3 py-2.5 border-b
-        ${o ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-100"}
-      `, i = `Chat with ${s.name}`, a = `
+        ${s ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-100"}
+      `,
+      role: "banner",
+      "aria-label": `Chat with ${n.name}`,
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `
           p-1.5 -ml-1 rounded-full transition-colors
-          ${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];
-  let h;
-  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 = `
+          ${s ? "hover:bg-zinc-800 text-white" : "hover:bg-gray-100 text-gray-700"}
+        `,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          }
+        ),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            onClick: o,
+            className: "flex items-center gap-2.5 flex-1 min-w-0 text-left",
+            "aria-label": "View business info",
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: `
             relative w-9 h-9 rounded-full overflow-hidden flex-shrink-0
-            ${o ? "bg-zinc-800" : "bg-gray-100"}
-          `, u = s.logo ? void 0 : g;
-  let m;
-  t[3] !== u ? (m = {
-    backgroundColor: u
-  }, t[3] = u, t[4] = m) : m = t[4];
-  let p;
-  t[5] !== s.logo || t[6] !== s.name ? (p = 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-sm font-bold text-white", children: s.name.charAt(0).toUpperCase() }), t[5] = s.logo, t[6] = s.name, t[7] = p) : p = t[7];
-  let b;
-  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 = `
+            ${s ? "bg-zinc-800" : "bg-gray-100"}
+          `,
+                  style: {
+                    backgroundColor: n.logo ? void 0 : a
+                  },
+                  children: n.logo ? /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: n.logo,
+                      alt: `${n.name} logo`,
+                      className: "w-full h-full object-cover"
+                    }
+                  ) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center text-sm font-bold text-white", children: n.name.charAt(0).toUpperCase() })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  className: `
             text-base font-medium truncate
-            ${o ? "text-white" : "text-gray-900"}
-          `;
-  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] !== 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,
-    w
-  ] }), t[15] = w, t[16] = b, t[17] = l, t[18] = x) : x = t[18];
-  let k;
-  t[19] !== s.verified || t[20] !== o ? (k = s.verified && /* @__PURE__ */ n("button", { type: "button", className: `
+            ${s ? "text-white" : "text-gray-900"}
+          `,
+                  children: n.name
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-0.5", children: [
+          n.verified && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `
               p-2 rounded-full transition-colors
-              ${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: 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] = o, t[21] = k) : k = t[21];
-  const v = `
+              ${s ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
+            `,
+              "aria-label": "Verified business",
+              children: /* @__PURE__ */ l("svg", { className: "w-5 h-5", viewBox: "0 0 24 24", fill: "none", children: [
+                /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
+                    stroke: s ? "#9ca3af" : "#6b7280",
+                    strokeWidth: 2,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M9 12l2 2 4-4",
+                    stroke: "#3b82f6",
+                    strokeWidth: 2,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `
             p-2 rounded-full transition-colors
-            ${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 L;
-  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,
-    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", o = s.brandColor || "#0084ff", g = `
+            ${s ? "hover:bg-zinc-800 text-zinc-400" : "hover:bg-gray-100 text-gray-500"}
+          `,
+              "aria-label": "More options",
+              children: /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("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" }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), be = g(function() {
+  const { theme: t, businessInfo: n } = N(), o = t === "dark", s = n.brandColor || "#0084ff";
+  return /* @__PURE__ */ l("div", { className: "flex flex-col items-center py-4 px-4", children: [
+    /* @__PURE__ */ l("div", { className: "relative mb-3", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: `
             w-16 h-16 rounded-full overflow-hidden
-            ${l ? "bg-zinc-800" : "bg-gray-100"}
+            ${o ? "bg-zinc-800" : "bg-gray-100"}
             shadow-lg
-          `, r = s.logo ? void 0 : o;
-  let i;
-  t[0] !== r ? (i = {
-    backgroundColor: r
-  }, 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] !== 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;
-  t[11] !== f || t[12] !== h ? (d = /* @__PURE__ */ C("div", { className: "relative mb-3", children: [
-    f,
-    h
-  ] }), t[11] = f, t[12] = h, t[13] = d) : d = t[13];
-  const u = `
+          `,
+          style: {
+            backgroundColor: n.logo ? void 0 : s
+          },
+          children: n.logo ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: n.logo,
+              alt: `${n.name} logo`,
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center text-2xl font-bold text-white", children: n.name.charAt(0).toUpperCase() })
+        }
+      ),
+      n.verified && /* @__PURE__ */ e(
+        "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__ */ e(
+            "svg",
+            {
+              className: "w-3 h-3 text-white",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" })
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "h1",
+      {
+        className: `
           text-lg font-semibold text-center
-          ${l ? "text-white" : "text-gray-900"}
-        `;
-  let m;
-  t[14] !== s.name || t[15] !== u ? (m = /* @__PURE__ */ n("h1", { className: u, children: s.name }), t[14] = s.name, t[15] = u, t[16] = m) : m = t[16];
-  let p;
-  t[17] !== s.description || t[18] !== l ? (p = s.description && /* @__PURE__ */ n("p", { className: `
+          ${o ? "text-white" : "text-gray-900"}
+        `,
+        children: n.name
+      }
+    ),
+    n.description && /* @__PURE__ */ e(
+      "p",
+      {
+        className: `
             text-sm text-center mt-0.5
-            ${l ? "text-zinc-400" : "text-gray-500"}
-          `, children: s.description }), t[17] = s.description, t[18] = l, t[19] = p) : p = t[19];
-  let b;
-  return t[20] !== d || t[21] !== m || t[22] !== p ? (b = /* @__PURE__ */ C("div", { className: "flex flex-col items-center py-4 px-4", children: [
-    d,
-    m,
-    p
-  ] }), t[20] = d, t[21] = m, t[22] = p, t[23] = b) : b = t[23], b;
-}), Je = F(function(t) {
-  const e = B(26), {
-    text: s,
-    sender: l,
-    timestamp: o
-  } = t, {
-    theme: g,
-    businessInfo: r
-  } = K(), i = g === "dark", a = l === "business", f = r.brandColor || "#0084ff";
-  let h;
-  e[0] !== o ? (h = new Date(o).toLocaleTimeString([], {
+            ${o ? "text-zinc-400" : "text-gray-500"}
+          `,
+        children: n.description
+      }
+    )
+  ] });
+}), ye = g(function({
+  text: t,
+  sender: n,
+  timestamp: o
+}) {
+  const { theme: s, businessInfo: a } = N(), i = s === "dark", u = n === "business", c = a.brandColor || "#0084ff", d = new Date(o).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), e[0] = o, e[1] = h) : h = e[1];
-  const d = h;
-  if (a) {
-    const k = `
+  });
+  return u ? /* @__PURE__ */ l("div", { className: "max-w-[90%]", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: `
             px-4 py-3 rounded-2xl text-sm leading-relaxed
             ${i ? "bg-zinc-800 text-white" : "bg-gray-100 text-gray-900"}
-          `;
-    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 L;
-    return e[7] !== v || e[8] !== N ? (L = /* @__PURE__ */ C("div", { className: "max-w-[90%]", children: [
-      v,
-      N
-    ] }), e[7] = v, e[8] = N, e[9] = L) : L = e[9], L;
-  }
-  let u;
-  e[10] !== f ? (u = {
-    backgroundColor: f
-  }, e[10] = f, e[11] = u) : u = e[11];
-  let m;
-  e[12] !== u || e[13] !== s ? (m = /* @__PURE__ */ n("div", { className: "px-4 py-2.5 rounded-full text-white text-sm leading-relaxed", style: u, children: s }), e[12] = u, e[13] = s, e[14] = m) : m = e[14];
-  let p;
-  e[15] !== f ? (p = {
-    backgroundColor: f
-  }, e[15] = f, e[16] = p) : p = e[16];
-  let b;
-  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 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] !== w ? (x = /* @__PURE__ */ C("div", { className: "flex items-end gap-1.5 max-w-[85%] ml-auto", children: [
-    m,
-    y,
-    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: o
-  } = K(), g = o.brandColor || "#0084ff";
-  let r;
-  e[0] !== l ? (r = new Date(l).toLocaleTimeString([], {
+          `,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: d })
+  ] }) : /* @__PURE__ */ l("div", { className: "flex items-end gap-1.5 max-w-[85%] ml-auto", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "px-4 py-2.5 rounded-full text-white text-sm leading-relaxed",
+        style: { backgroundColor: c },
+        children: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0",
+        style: { backgroundColor: c },
+        children: /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "w-3 h-3 text-white",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 3,
+            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: d })
+  ] });
+}), we = g(function({
+  text: t,
+  timestamp: n
+}) {
+  const { businessInfo: o } = N(), s = o.brandColor || "#0084ff", a = new Date(n).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), e[0] = l, e[1] = r) : r = e[1];
-  const i = r;
-  let a;
-  e[2] !== g ? (a = {
-    backgroundColor: g
-  }, e[2] = g, e[3] = a) : a = e[3];
-  let f;
-  e[4] !== a || e[5] !== s ? (f = /* @__PURE__ */ n("div", { className: "px-4 py-2.5 rounded-full text-white text-sm leading-relaxed shadow-sm", style: a, children: s }), e[4] = a, e[5] = s, e[6] = f) : f = e[6];
-  let h;
-  e[7] !== g ? (h = {
-    backgroundColor: g
-  }, e[7] = g, e[8] = h) : h = e[8];
-  let d;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__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[9] = d) : d = e[9];
-  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] !== 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;
-}), qe = F(function(t) {
-  const e = B(32), {
-    card: s,
-    timestamp: l
-  } = t, {
-    theme: o,
-    handleReply: g,
-    handleAction: r
-  } = K(), i = o === "dark";
-  let a;
-  e[0] !== l ? (a = new Date(l).toLocaleTimeString([], {
+  });
+  return /* @__PURE__ */ l("div", { className: "flex items-end gap-1.5 max-w-[85%] ml-auto", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "px-4 py-2.5 rounded-full text-white text-sm leading-relaxed shadow-sm",
+        style: { backgroundColor: s },
+        children: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0",
+        style: { backgroundColor: s },
+        children: /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "w-3 h-3 text-white",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 3,
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M5 13l4 4L19 7"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: a })
+  ] });
+}), ve = g(function({
+  card: t,
+  timestamp: n
+}) {
+  const { theme: o, handleReply: s, handleAction: a } = N(), i = o === "dark", u = new Date(n).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), e[0] = l, e[1] = a) : a = e[1];
-  const f = a;
-  let h;
-  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;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
+  }), c = (f) => {
+    "reply" in f ? s(f) : a(f);
+  }, d = {
     short: "h-36",
     medium: "h-44",
     tall: "h-56"
-  }, e[5] = u) : u = e[5];
-  const m = u, b = `
+  };
+  return /* @__PURE__ */ l("div", { className: "w-full", children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: `
           overflow-hidden rounded-2xl w-full shadow-sm
           ${i ? "bg-zinc-800" : "bg-[#e8f5e9]"}
-        `;
-  let y;
-  e[6] !== s.media || e[7] !== s.title ? (y = s.media && /* @__PURE__ */ n("div", { className: `
+        `,
+        children: [
+          t.media && /* @__PURE__ */ e(
+            "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 w;
-  e[9] !== s.title || e[10] !== i ? (w = s.title && /* @__PURE__ */ n("h3", { className: `
+              ${d[t.media.height]}
+            `,
+              children: /* @__PURE__ */ e(
+                "img",
+                {
+                  src: t.media.url,
+                  alt: t.title || "Rich card media",
+                  className: "w-full h-full object-cover",
+                  loading: "lazy"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: "p-4", children: [
+            t.title && /* @__PURE__ */ e(
+              "h3",
+              {
+                className: `
                 text-base font-semibold leading-snug
                 ${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] !== i ? (x = s.description && /* @__PURE__ */ n("p", { className: `
+              `,
+                children: t.title
+              }
+            ),
+            t.description && /* @__PURE__ */ e(
+              "p",
+              {
+                className: `
                 text-sm leading-relaxed mt-1.5
                 ${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] !== i ? (k = s.suggestions && s.suggestions.length > 0 && /* @__PURE__ */ n("div", { className: `
+              `,
+                children: t.description
+              }
+            ),
+            t.suggestions && t.suggestions.length > 0 && /* @__PURE__ */ e(
+              "div",
+              {
+                className: `
                 mt-4 rounded-xl overflow-hidden divide-y
                 ${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] = w, e[20] = x, e[21] = k, e[22] = v) : v = e[22];
-  let N;
-  e[23] !== b || e[24] !== y || e[25] !== v ? (N = /* @__PURE__ */ C("div", { className: b, children: [
-    y,
-    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,
-    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;
-}, 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;
-}, 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;
-}, 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;
-}, 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;
-}, et = F(function(t) {
-  const e = B(15), {
-    suggestion: s,
-    onClick: l,
-    isDark: o
-  } = t;
-  let g;
-  e[0] !== s ? (g = le(s), e[0] = s, e[1] = g) : g = e[1];
-  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(ye, {});
-    const {
-      action: b
-    } = s;
-    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 = `
+              `,
+                children: t.suggestions.map((f, v) => /* @__PURE__ */ e(
+                  Me,
+                  {
+                    suggestion: f,
+                    onClick: () => c(f),
+                    isDark: i
+                  },
+                  v
+                ))
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: u })
+  ] });
+}), E = "w-5 h-5 text-gray-400", ke = () => /* @__PURE__ */ e("svg", { className: E, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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" }) }), Ne = () => /* @__PURE__ */ e("svg", { className: E, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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" }) }), Le = () => /* @__PURE__ */ l("svg", { className: E, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
+  /* @__PURE__ */ e("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__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+] }), Ce = () => /* @__PURE__ */ e("svg", { className: E, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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" }) }), G = () => /* @__PURE__ */ e("svg", { className: E, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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" }) }), Me = g(function({
+  suggestion: t,
+  onClick: n,
+  isDark: o
+}) {
+  const s = $(t), a = s ? t.action.displayText : t.reply.displayText;
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      onClick: n,
+      className: `
         w-full flex items-center gap-3 px-4 py-3 text-left transition-colors
         ${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 ${o ? "text-white" : "text-gray-900"}`;
-  let m;
-  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;
-}), tt = F(function(t) {
-  const e = B(32), {
-    cards: s,
-    timestamp: l
-  } = t, {
-    theme: o,
-    handleReply: g,
-    handleAction: r
-  } = 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([], {
+      `,
+      children: [
+        /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: (() => {
+          if (!s) return /* @__PURE__ */ e(G, {});
+          const { action: u } = t;
+          return u.urlAction || u.openUrlAction ? /* @__PURE__ */ e(ke, {}) : u.dialerAction || u.dialAction ? /* @__PURE__ */ e(Ne, {}) : u.mapAction || u.viewLocationAction ? /* @__PURE__ */ e(Le, {}) : u.calendarAction || u.createCalendarEventAction ? /* @__PURE__ */ e(Ce, {}) : /* @__PURE__ */ e(G, {});
+        })() }),
+        /* @__PURE__ */ e("span", { className: `text-sm ${o ? "text-white" : "text-gray-900"}`, children: a })
+      ]
+    }
+  );
+}), ze = g(function({ cards: t, timestamp: n }) {
+  const { theme: o, handleReply: s, handleAction: a } = N(), i = W(null), [u, c] = z(!1), [d, m] = z(t.length > 1), f = o === "dark", v = new Date(n).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), e[0] = l, e[1] = m) : m = e[1];
-  const p = m;
-  let b;
-  e[2] !== r || e[3] !== g ? (b = (I) => {
-    "reply" in I ? g(I) : r(I);
-  }, e[2] = r, e[3] = g, e[4] = b) : b = e[4];
-  const y = b;
-  let w;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => {
+  }), x = (p) => {
+    "reply" in p ? s(p) : a(p);
+  }, L = M(() => {
     if (i.current) {
-      const {
-        scrollLeft: I,
-        scrollWidth: T,
-        clientWidth: D
-      } = i.current;
-      f(I > 0), d(I < T - D - 10);
+      const { scrollLeft: p, scrollWidth: y, clientWidth: h } = i.current;
+      c(p > 0), m(p < y - h - 10);
     }
-  }, e[5] = w) : w = e[5];
-  const x = w;
-  let k;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = (I) => {
+  }, []), b = (p) => {
     i.current && i.current.scrollBy({
-      left: I === "left" ? -200 : 200,
+      left: p === "left" ? -200 : 200,
       behavior: "smooth"
     });
-  }, e[6] = k) : k = e[6];
-  const v = k;
-  let N;
-  e[7] !== a || e[8] !== u ? (N = a && /* @__PURE__ */ n("button", { onClick: () => v("left"), className: `
+  };
+  return /* @__PURE__ */ l("div", { className: "w-full -mx-3", children: [
+    /* @__PURE__ */ l("div", { className: "relative", children: [
+      u && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => b("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 L;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
-    scrollbarWidth: "none",
-    msOverflowStyle: "none"
-  }, 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 = (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
-    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: () => v("right"), className: `
+              ${f ? "bg-zinc-700 text-white" : "bg-white text-gray-700"}
+            `,
+          "aria-label": "Scroll left",
+          children: /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: i,
+          onScroll: L,
+          className: "flex gap-2.5 overflow-x-auto py-1 px-3 snap-x snap-mandatory",
+          style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+          children: t.map((p, y) => /* @__PURE__ */ e(
+            Ae,
+            {
+              card: p,
+              isDark: f,
+              onSuggestionClick: x
+            },
+            y
+          ))
+        }
+      ),
+      d && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => b("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] !== _ || e[25] !== A ? (z = /* @__PURE__ */ C("div", { className: "relative", children: [
-    N,
-    _,
-    A
-  ] }), 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;
-  return e[29] !== z || e[30] !== $ ? (S = /* @__PURE__ */ C("div", { className: "w-full -mx-3", children: [
-    z,
-    $
-  ] }), 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: 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: 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: 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: o
-  } = t, r = `
+              ${f ? "bg-zinc-700 text-white" : "bg-white text-gray-700"}
+            `,
+          "aria-label": "Scroll right",
+          children: /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: v })
+  ] });
+}), j = "w-4 h-4 text-gray-400", $e = (r) => {
+  if (!$(r))
+    return /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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 } = r;
+  return t.urlAction || t.openUrlAction ? /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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__ */ l("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
+    /* @__PURE__ */ e("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__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+  ] }) : t.calendarAction || t.createCalendarEventAction ? /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("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" }) });
+}, Ae = g(function({
+  card: t,
+  isDark: n,
+  onSuggestionClick: o
+}) {
+  const s = t.layout.width === "small" ? "w-44" : "w-52";
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         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 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: `
+        ${s}
+        ${n ? "bg-zinc-800" : "bg-[#e8f5e9]"}
+      `,
+      children: [
+        t.media && /* @__PURE__ */ e("div", { className: "w-full h-32 bg-gray-200 overflow-hidden", children: /* @__PURE__ */ e(
+          "img",
+          {
+            src: t.media.url,
+            alt: t.title || "Carousel card media",
+            className: "w-full h-full object-cover",
+            loading: "lazy"
+          }
+        ) }),
+        /* @__PURE__ */ l("div", { className: "p-3", children: [
+          t.title && /* @__PURE__ */ e(
+            "h4",
+            {
+              className: `
               text-sm font-semibold leading-tight mb-1 line-clamp-2
-              ${l ? "text-white" : "text-gray-900"}
-            `, children: s.title }), e[3] = s.title, e[4] = l, e[5] = a) : a = e[5];
-  let f;
-  e[6] !== s.description || e[7] !== l ? (f = s.description && /* @__PURE__ */ n("p", { className: `
+              ${n ? "text-white" : "text-gray-900"}
+            `,
+              children: t.title
+            }
+          ),
+          t.description && /* @__PURE__ */ e(
+            "p",
+            {
+              className: `
               text-xs leading-relaxed line-clamp-3
-              ${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] !== o ? (h = s.suggestions && s.suggestions.length > 0 && /* @__PURE__ */ n("div", { className: `
+              ${n ? "text-zinc-400" : "text-gray-700"}
+            `,
+              children: t.description
+            }
+          ),
+          t.suggestions && t.suggestions.length > 0 && /* @__PURE__ */ e(
+            "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: () => o(m), className: `
+              ${n ? "divide-zinc-600 bg-zinc-700" : "divide-gray-100 bg-white"}
+            `,
+              children: t.suggestions.map((a, i) => {
+                const c = $(a) ? a.action.displayText : a.reply.displayText;
+                return /* @__PURE__ */ l(
+                  "button",
+                  {
+                    onClick: () => o(a),
+                    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: nt(m) }),
-      /* @__PURE__ */ n("span", { className: "truncate", children: y })
-    ] }, p);
-  }) }), 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,
-    f,
-    h
-  ] }), e[13] = a, e[14] = f, e[15] = h, e[16] = d) : d = e[16];
-  let u;
-  return e[17] !== r || e[18] !== i || e[19] !== d ? (u = /* @__PURE__ */ C("div", { className: r, children: [
+                    ${n ? "hover:bg-zinc-600 text-white" : "hover:bg-gray-50 text-gray-900"}
+                  `,
+                    children: [
+                      /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: $e(a) }),
+                      /* @__PURE__ */ e("span", { className: "truncate", children: c })
+                    ]
+                  },
+                  i
+                );
+              })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), Ie = {
+  text: ({ content: r, sender: t, timestamp: n }) => r.type !== "text" ? null : /* @__PURE__ */ e(ye, { text: r.text, sender: t, timestamp: n }),
+  userReply: ({ content: r, timestamp: t }) => r.type !== "userReply" ? null : /* @__PURE__ */ e(we, { text: r.text, timestamp: t }),
+  richcard: ({ content: r, timestamp: t }) => r.type !== "richcard" ? null : /* @__PURE__ */ e(ve, { card: r.card, timestamp: t }),
+  carousel: ({ content: r, timestamp: t }) => r.type !== "carousel" ? null : /* @__PURE__ */ e(ze, { cards: r.cards, timestamp: t })
+}, Te = g(function({
+  message: t,
+  isLast: n
+}) {
+  const { content: o, sender: s, timestamp: a } = t, i = Ie[o.type];
+  return i ? /* @__PURE__ */ e(
     i,
-    d
-  ] }), 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(Je, { text: c.text, sender: t, timestamp: e }),
-  userReply: ({
-    content: c,
-    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(qe, { card: c.card, timestamp: t }),
-  carousel: ({
-    content: c,
-    timestamp: t
-  }) => 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: o,
-    sender: g,
-    timestamp: r
-  } = 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] !== 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 = `
+    {
+      content: o,
+      sender: s,
+      timestamp: a,
+      showSuggestions: n && s === "business"
+    }
+  ) : (console.warn(`Unknown message type: ${o.type}`), /* @__PURE__ */ e("div", { className: "px-4 py-2 text-gray-500 text-sm italic", children: "[Unsupported message type]" }));
+}), je = g(function() {
+  const { theme: t } = N(), n = t === "dark";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-start gap-2 px-4 py-2",
+      role: "status",
+      "aria-label": "Business is typing",
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: `
           inline-flex items-center gap-1 px-4 py-3 rounded-2xl rounded-bl-sm
-          ${s ? "bg-zinc-800" : "bg-gray-100"}
-        `, o = `
+          ${n ? "bg-zinc-800" : "bg-gray-100"}
+        `,
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `
             rcs-typing-dot w-2 h-2 rounded-full
-            ${s ? "bg-zinc-500" : "bg-gray-400"}
-          `;
-  let g;
-  t[0] !== o ? (g = /* @__PURE__ */ n("span", { className: o }), t[0] = o, t[1] = g) : g = t[1];
-  const r = `
+            ${n ? "bg-zinc-500" : "bg-gray-400"}
+          `
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `
             rcs-typing-dot w-2 h-2 rounded-full
-            ${s ? "bg-zinc-500" : "bg-gray-400"}
-          `;
-  let i;
-  t[2] !== r ? (i = /* @__PURE__ */ n("span", { className: r }), t[2] = r, t[3] = i) : i = t[3];
-  const a = `
+            ${n ? "bg-zinc-500" : "bg-gray-400"}
+          `
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `
             rcs-typing-dot w-2 h-2 rounded-full
-            ${s ? "bg-zinc-500" : "bg-gray-400"}
-          `;
-  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] !== 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,
-    i,
-    f
-  ] }) }), 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: 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: `
+            ${n ? "bg-zinc-500" : "bg-gray-400"}
+          `
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}), Se = g(function() {
+  const { theme: t, state: n } = N(), { chatHistory: o, isTyping: s } = n, a = t === "dark";
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "px-3 pb-3 space-y-3",
+      role: "log",
+      "aria-label": "Chat messages",
+      "aria-live": "polite",
+      children: [
+        o.length > 0 && /* @__PURE__ */ e("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ e(
+          "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 i = `
+              ${a ? "text-zinc-500" : "text-gray-500"}
+            `,
+            children: "Today"
+          }
+        ) }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: `
           rounded-3xl overflow-hidden
-          ${g ? "bg-zinc-900" : "bg-gray-50"}
-        `;
-  let a;
-  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] !== o) {
-    let p;
-    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(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] !== 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] !== i || t[19] !== a || t[20] !== d ? (u = /* @__PURE__ */ C("div", { className: i, children: [
-    a,
-    d
-  ] }), 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;
-}), at = F(function(t) {
-  const e = B(35), {
-    suggestion: s,
-    onClick: l,
-    variant: o
-  } = t, g = o === void 0 ? "bar" : o, {
-    theme: r,
-    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 ? 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 w = `
+          ${a ? "bg-zinc-900" : "bg-gray-50"}
+        `,
+            children: [
+              o.length === 0 && !s && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ e("p", { className: `text-sm ${a ? "text-zinc-500" : "text-gray-400"}`, children: "No messages yet" }) }),
+              /* @__PURE__ */ l("div", { className: "p-3 space-y-3", children: [
+                o.map((i, u) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: `
+                ${i.sender === "user" ? "flex justify-end" : "flex justify-start"}
+              `,
+                    children: /* @__PURE__ */ e(
+                      Te,
+                      {
+                        message: i,
+                        isLast: u === o.length - 1 && !s
+                      }
+                    )
+                  },
+                  i.id
+                )),
+                s && /* @__PURE__ */ e(je, {})
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}), Ee = g(function({
+  suggestion: t,
+  onClick: n,
+  variant: o = "bar"
+}) {
+  const { theme: s, businessInfo: a } = N(), i = s === "dark", u = $(t), c = u ? t.action.displayText : t.reply.displayText, d = u ? Be(t) : null, m = a.brandColor || "#0084ff";
+  return o === "bar" ? /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: `
           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 ? `${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 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] !== 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,
-      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 w = `
+          ${i ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700 text-white" : "bg-white border-gray-300 hover:bg-gray-50 text-gray-900"}
+        `,
+      "aria-label": u ? `${Re(t)}: ${c}` : c,
+      children: [
+        d && /* @__PURE__ */ e("span", { style: { color: m }, children: /* @__PURE__ */ e(d, { className: "w-4 h-4" }) }),
+        /* @__PURE__ */ e("span", { children: c })
+      ]
+    }
+  ) : o === "card" ? /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: `
           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"}
-        `;
-    let x;
-    e[20] !== m || e[21] !== p ? (x = m && /* @__PURE__ */ n("div", { className: "w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0", style: {
-      backgroundColor: `${p}15`
-    }, children: /* @__PURE__ */ n(m, { className: "w-4 h-4", style: {
-      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 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] !== w || e[28] !== x || e[29] !== v ? (N = /* @__PURE__ */ C("button", { type: "button", onClick: l, className: w, children: [
-      x,
-      v
-    ] }), e[26] = l, e[27] = w, e[28] = x, e[29] = v, e[30] = N) : N = e[30], N;
-  }
-  const b = `
+          ${i ? "hover:bg-zinc-700" : "hover:bg-gray-100"}
+        `,
+      children: [
+        d && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0",
+            style: { backgroundColor: `${m}15` },
+            children: /* @__PURE__ */ e(d, { className: "w-4 h-4", style: { color: m } })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `text-sm font-medium ${i ? "text-white" : "text-gray-900"}`,
+            children: c
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: `
         w-full px-3 py-2 rounded-lg text-xs font-medium text-center
         border transition-colors
-        ${a ? "border-zinc-600 hover:bg-zinc-700 text-white" : "border-gray-300 hover:bg-gray-50 text-gray-900"}
-      `;
-  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;
+        ${i ? "border-zinc-600 hover:bg-zinc-700 text-white" : "border-gray-300 hover:bg-gray-50 text-gray-900"}
+      `,
+      children: c
+    }
+  );
 });
-function ct(c) {
-  if (!le(c)) return null;
-  const {
-    action: t
-  } = c;
-  return t.openUrlAction ? ({
-    className: e,
-    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: "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.dialAction ? ({
-    className: e,
-    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: "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.shareLocationAction ? ({
-    className: e,
-    style: s
-  }) => /* @__PURE__ */ C("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: "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.viewLocationAction ? ({
-    className: e,
-    style: s
-  }) => /* @__PURE__ */ C("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: "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.createCalendarEventAction ? ({
-    className: e,
-    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 Be(r) {
+  if (!$(r)) return null;
+  const { action: t } = r;
+  return t.openUrlAction ? ({ className: n, style: o }) => /* @__PURE__ */ e("svg", { className: n, style: o, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ e("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.dialAction ? ({ className: n, style: o }) => /* @__PURE__ */ e("svg", { className: n, style: o, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ e("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.shareLocationAction ? ({ className: n, style: o }) => /* @__PURE__ */ l("svg", { className: n, style: o, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("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__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+  ] }) : t.viewLocationAction ? ({ className: n, style: o }) => /* @__PURE__ */ l("svg", { className: n, style: o, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("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__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+  ] }) : t.createCalendarEventAction ? ({ className: n, style: o }) => /* @__PURE__ */ e("svg", { className: n, style: o, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ e("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 dt(c) {
-  if (!le(c)) return "Reply";
-  const {
-    action: t
-  } = c;
+function Re(r) {
+  if (!$(r)) return "Reply";
+  const { action: t } = r;
   return t.openUrlAction ? "Open link" : t.dialAction ? "Call" : t.shareLocationAction ? "Share location" : t.viewLocationAction ? "View location" : t.createCalendarEventAction ? "Add to calendar" : "Action";
 }
-const ft = F(function(t) {
-  const e = B(14), {
-    suggestions: s
-  } = t, {
-    theme: l,
-    handleReply: o,
-    handleAction: g
-  } = K(), r = l === "dark";
-  if (!s || s.length === 0)
+const We = g(function({
+  suggestions: t
+}) {
+  const { theme: n, handleReply: o, handleAction: s } = N(), a = n === "dark";
+  if (!t || t.length === 0)
     return null;
-  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 = `
+  const i = (u) => {
+    q(u) ? o(u) : $(u) && s(u);
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `
         px-3 py-2
-        ${r ? "bg-zinc-900" : "bg-white"}
-      `;
-  let h;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
-    scrollbarWidth: "none",
-    msOverflowStyle: "none"
-  }, e[3] = h) : h = e[3];
-  let d;
-  if (e[4] !== a || e[5] !== s) {
-    let p;
-    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;
-}), mt = F(function() {
-  const t = B(39), {
-    theme: e,
-    state: s,
-    showSuggestions: l
-  } = K(), {
-    chatHistory: o,
-    isTyping: g,
-    error: r
-  } = s;
-  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 = `
+        ${a ? "bg-zinc-900" : "bg-white"}
+      `,
+      role: "group",
+      "aria-label": "Quick replies",
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex gap-2 overflow-x-auto pb-1 -mx-1 px-1",
+          style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+          children: t.map((u, c) => /* @__PURE__ */ e(
+            Ee,
+            {
+              suggestion: u,
+              onClick: () => i(u),
+              variant: "bar"
+            },
+            c
+          ))
+        }
+      )
+    }
+  );
+}), Ve = g(function() {
+  const { theme: t, state: n, showSuggestions: o } = N(), { chatHistory: s, isTyping: a, error: i } = n, u = pe([
+    s.length,
+    a
+  ]), c = t === "dark", d = s[s.length - 1], m = o && d?.sender === "business" && !a ? d.suggestions : void 0;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         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(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(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] = w) : w = t[9];
-  let x;
-  t[10] !== d ? (x = d && d.length > 0 && /* @__PURE__ */ n(ft, { suggestions: d }), t[10] = d, t[11] = x) : x = t[11];
-  const k = `
+        ${c ? "bg-zinc-950" : "bg-white"}
+      `,
+      children: [
+        /* @__PURE__ */ e(xe, {}),
+        i && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "px-4 py-2 bg-red-500/10 border-b border-red-500/20",
+            role: "alert",
+            children: /* @__PURE__ */ e("p", { className: "text-sm text-red-500", children: i })
+          }
+        ),
+        /* @__PURE__ */ l("div", { ref: u, className: "flex-1 overflow-y-auto rcs-scrollbar", children: [
+          /* @__PURE__ */ e(be, {}),
+          /* @__PURE__ */ e(Se, {})
+        ] }),
+        m && m.length > 0 && /* @__PURE__ */ e(We, { suggestions: m }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: `
           px-3 py-2 flex items-center gap-2
-          ${f ? "bg-zinc-900" : "bg-white"}
-        `, v = `
+          ${c ? "bg-zinc-900" : "bg-white"}
+        `,
+            children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: `
             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 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 = `
+            ${c ? "border-zinc-700 text-zinc-400 hover:bg-zinc-800" : "border-gray-300 text-gray-500 hover:bg-gray-100"}
+          `,
+                  "aria-label": "Add attachment",
+                  children: /* @__PURE__ */ e(
+                    "svg",
+                    {
+                      className: "w-5 h-5",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      children: /* @__PURE__ */ e(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M12 4v16m8-8H4"
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  className: `
             flex-1 flex items-center gap-2 px-4 py-2 rounded-full
-            ${f ? "bg-zinc-800" : "bg-gray-100"}
-          `, _ = `flex-1 text-sm ${f ? "text-zinc-500" : "text-gray-400"}`;
-  let A;
-  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[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 T;
-  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,
-    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 J;
-  t[29] !== L || t[30] !== j || t[31] !== k ? (J = /* @__PURE__ */ C("div", { className: k, children: [
-    L,
-    j,
-    O
-  ] }), t[29] = L, t[30] = j, t[31] = k, t[32] = J) : J = t[32];
-  let V;
-  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,
-    w,
-    x,
-    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(), [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 = `
+            ${c ? "bg-zinc-800" : "bg-gray-100"}
+          `,
+                  children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: `flex-1 text-sm ${c ? "text-zinc-500" : "text-gray-400"}`,
+                        children: "RCS message"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: `p-1 ${c ? "text-zinc-500" : "text-gray-400"}`,
+                        "aria-label": "Emoji",
+                        children: /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            className: "w-5 h-5",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor",
+                            children: /* @__PURE__ */ e(
+                              "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"
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: `p-1 ${c ? "text-zinc-500" : "text-gray-400"}`,
+                        "aria-label": "Attach image",
+                        children: /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            className: "w-5 h-5",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor",
+                            children: /* @__PURE__ */ e(
+                              "path",
+                              {
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                strokeWidth: 2,
+                                d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                              }
+                            )
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                "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__ */ e("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("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" }) })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}), He = g(function() {
+  const { theme: t, businessInfo: n, toggleProfile: o } = N(), [s, a] = z("info"), i = t === "dark", u = n.bannerImage || "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80", c = n.brandColor || "#0084ff";
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         absolute inset-0 z-50 flex flex-col
-        ${r ? "bg-zinc-950" : "bg-white"}
-      `, h = `
+        ${i ? "bg-zinc-950" : "bg-white"}
+      `,
+      children: [
+        /* @__PURE__ */ l(
+          "header",
+          {
+            className: `
           flex items-center gap-3 px-4 py-3 border-b
-          ${r ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}
-        `, d = `
+          ${i ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}
+        `,
+            children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: o,
+                  className: `
             p-1.5 -ml-1.5 rounded-full transition-colors
-            ${r ? "hover:bg-zinc-800 text-white" : "hover:bg-gray-100 text-gray-900"}
-          `;
-  let u;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__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] = u) : u = t[0];
-  let m;
-  t[1] !== d || t[2] !== l ? (m = /* @__PURE__ */ n("button", { onClick: l, className: d, "aria-label": "Go back", children: u }), t[1] = d, t[2] = l, t[3] = m) : m = t[3];
-  const p = `text-base font-medium ${r ? "text-white" : "text-gray-900"}`;
-  let b;
-  t[4] !== p ? (b = /* @__PURE__ */ n("span", { className: p, children: "Info & options" }), t[4] = p, t[5] = b) : b = t[5];
-  let y;
-  t[6] !== h || t[7] !== m || t[8] !== b ? (y = /* @__PURE__ */ C("header", { className: h, children: [
-    m,
-    b
-  ] }), t[6] = h, t[7] = m, t[8] = b, t[9] = y) : y = t[9];
-  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 = `
+            ${i ? "hover:bg-zinc-800 text-white" : "hover:bg-gray-100 text-gray-900"}
+          `,
+                  "aria-label": "Go back",
+                  children: /* @__PURE__ */ e(
+                    "svg",
+                    {
+                      className: "w-5 h-5",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      children: /* @__PURE__ */ e(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M15 19l-7-7 7-7"
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `text-base font-medium ${i ? "text-white" : "text-gray-900"}`,
+                  children: "Info & options"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto", children: [
+          /* @__PURE__ */ e("div", { className: "relative h-40 bg-gray-200", children: /* @__PURE__ */ e(
+            "img",
+            {
+              src: u,
+              alt: "Business banner",
+              className: "w-full h-full object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "relative px-4", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: `
               absolute -top-10 left-1/2 -translate-x-1/2
               w-20 h-20 rounded-full overflow-hidden border-4
-              ${r ? "border-zinc-950 bg-zinc-800" : "border-white bg-gray-100"}
+              ${i ? "border-zinc-950 bg-zinc-800" : "border-white bg-gray-100"}
               shadow-lg
-            `;
-  let k;
-  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 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 L;
-  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(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(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[40] !== A || t[41] !== z || t[42] !== $ ? (S = /* @__PURE__ */ C("div", { className: "flex justify-center gap-4 px-4 pb-4", children: [
-    A,
-    z,
-    $
-  ] }), t[40] = A, t[41] = z, t[42] = $, t[43] = S) : S = t[43];
-  const I = `
+            `,
+              children: n.logo ? /* @__PURE__ */ e(
+                "img",
+                {
+                  src: n.logo,
+                  alt: `${n.name} logo`,
+                  className: "w-full h-full object-cover"
+                }
+              ) : /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "w-full h-full flex items-center justify-center text-2xl font-bold text-white",
+                  style: { backgroundColor: c },
+                  children: n.name.charAt(0).toUpperCase()
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ l("div", { className: "pt-12 pb-4 px-4 text-center", children: [
+            /* @__PURE__ */ e(
+              "h1",
+              {
+                className: `text-xl font-semibold ${i ? "text-white" : "text-gray-900"}`,
+                children: n.name
+              }
+            ),
+            n.description && /* @__PURE__ */ e("p", { className: `text-sm mt-1 ${i ? "text-zinc-400" : "text-gray-500"}`, children: n.description })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "flex justify-center gap-4 px-4 pb-4", children: [
+            n.phoneNumbers && n.phoneNumbers.length > 0 && /* @__PURE__ */ e(
+              _,
+              {
+                icon: "phone",
+                label: "Call",
+                isDark: i,
+                brandColor: c,
+                onClick: () => {
+                  const d = n.phoneNumbers?.[0]?.number;
+                  d && (window.location.href = `tel:${d}`);
+                }
+              }
+            ),
+            n.websites && n.websites.length > 0 && /* @__PURE__ */ e(
+              _,
+              {
+                icon: "globe",
+                label: "Website",
+                isDark: i,
+                brandColor: c,
+                onClick: () => {
+                  const d = n.websites?.[0]?.url;
+                  d && window.open(d, "_blank", "noopener,noreferrer");
+                }
+              }
+            ),
+            n.emails && n.emails.length > 0 && /* @__PURE__ */ e(
+              _,
+              {
+                icon: "mail",
+                label: "Contact",
+                isDark: i,
+                brandColor: c,
+                onClick: () => {
+                  const d = n.emails?.[0]?.email;
+                  d && (window.location.href = `mailto:${d}`);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: `
             flex mx-4 rounded-lg overflow-hidden border
-            ${r ? "border-zinc-700 bg-zinc-800" : "border-gray-200 bg-gray-100"}
-          `, 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(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] !== j || t[56] !== V ? (Q = /* @__PURE__ */ C("div", { className: I, children: [
-    j,
-    V
-  ] }), t[54] = I, t[55] = j, t[56] = V, t[57] = Q) : Q = t[57];
-  let P;
-  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] !== 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,
-    v,
-    _,
-    S,
-    Q,
-    P
-  ] }), 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;
-}), he = F(function(t) {
-  const e = B(12), {
-    icon: s,
-    label: l,
-    isDark: o,
-    brandColor: g,
-    onClick: r
-  } = t;
-  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] = i) : i = e[0];
-  const a = i, f = `
+            ${i ? "border-zinc-700 bg-zinc-800" : "border-gray-200 bg-gray-100"}
+          `,
+              children: [
+                /* @__PURE__ */ e(
+                  F,
+                  {
+                    active: s === "info",
+                    onClick: () => a("info"),
+                    isDark: i,
+                    brandColor: c,
+                    children: "Info"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  F,
+                  {
+                    active: s === "options",
+                    onClick: () => a("options"),
+                    isDark: i,
+                    brandColor: c,
+                    children: "Options"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "p-4", children: s === "info" ? /* @__PURE__ */ e(_e, { isDark: i, brandColor: c }) : /* @__PURE__ */ e(Ue, { isDark: i }) })
+        ] })
+      ]
+    }
+  );
+}), _ = g(function({
+  icon: t,
+  label: n,
+  isDark: o,
+  brandColor: s,
+  onClick: a
+}) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      onClick: a,
+      className: `
         flex flex-col items-center gap-2 px-6 py-3 rounded-xl border transition-colors
         ${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 ${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;
-  return e[7] !== r || e[8] !== f || e[9] !== d || e[10] !== m ? (p = /* @__PURE__ */ C("button", { onClick: r, className: f, children: [
-    d,
-    m
-  ] }), e[7] = r, e[8] = f, e[9] = d, e[10] = m, e[11] = p) : p = e[11], p;
-}), we = F(function(t) {
-  const e = B(8), {
-    active: s,
-    onClick: l,
-    isDark: o,
-    brandColor: g,
-    children: r
-  } = t, i = `
+      `,
+      children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "w-6 h-6",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: s,
+            children: {
+              phone: /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"
+                }
+              ),
+              globe: /* @__PURE__ */ e(
+                "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__ */ e(
+                "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"
+                }
+              )
+            }[t]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `text-xs font-medium ${o ? "text-zinc-300" : "text-gray-600"}`,
+            children: n
+          }
+        )
+      ]
+    }
+  );
+}), F = g(function({
+  active: t,
+  onClick: n,
+  isDark: o,
+  brandColor: s,
+  children: a
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: n,
+      className: `
         flex-1 py-2.5 text-sm font-medium transition-colors rounded-lg
-        ${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] !== 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: o
-  } = K();
-  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;
-  }
-  const r = `
+        ${t ? "text-white" : o ? "text-zinc-400 hover:text-zinc-200" : "text-gray-500 hover:text-gray-700"}
+      `,
+      style: t ? { backgroundColor: s } : void 0,
+      children: a
+    }
+  );
+}), _e = g(function({ isDark: t, brandColor: n }) {
+  const { businessInfo: o } = N();
+  return o.phoneNumbers && o.phoneNumbers.length > 0 || o.websites && o.websites.length > 0 || o.emails && o.emails.length > 0 ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         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;
-  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] !== 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] !== 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] !== i || e[16] !== a || e[17] !== f ? (h = /* @__PURE__ */ C("div", { className: r, children: [
-    i,
-    a,
-    f
-  ] }), 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: o,
-    isDark: g,
-    onClick: r
-  } = t;
-  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] = i) : i = e[0];
-  const a = i, f = `
+        ${t ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-gray-50 border-gray-200 divide-gray-200"}
+      `,
+      children: [
+        o.phoneNumbers?.map((a, i) => /* @__PURE__ */ e(
+          U,
+          {
+            icon: "phone",
+            primary: a.number,
+            secondary: a.label,
+            isDark: t,
+            brandColor: n,
+            onClick: () => window.location.href = `tel:${a.number}`
+          },
+          `phone-${i}`
+        )),
+        o.websites?.map((a, i) => /* @__PURE__ */ e(
+          U,
+          {
+            icon: "globe",
+            primary: a.url.replace(/^https?:\/\//, ""),
+            secondary: a.label || "Website",
+            isDark: t,
+            brandColor: n,
+            onClick: () => window.open(a.url, "_blank", "noopener,noreferrer")
+          },
+          `web-${i}`
+        )),
+        o.emails?.map((a, i) => /* @__PURE__ */ e(
+          U,
+          {
+            icon: "mail",
+            primary: a.email,
+            secondary: a.label || "Email",
+            isDark: t,
+            brandColor: n,
+            onClick: () => window.location.href = `mailto:${a.email}`
+          },
+          `email-${i}`
+        ))
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: `text-center py-8 ${t ? "text-zinc-500" : "text-gray-400"}`,
+      children: "No contact information available"
+    }
+  );
+}), U = g(function({
+  icon: t,
+  primary: n,
+  secondary: o,
+  isDark: s,
+  onClick: a
+}) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      onClick: a,
+      className: `
         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];
-  let u;
-  e[1] !== d ? (u = /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d }), e[1] = d, e[2] = u) : u = e[2];
-  let m;
-  e[3] !== h || e[4] !== u ? (m = /* @__PURE__ */ n("svg", { className: h, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: u }), e[3] = h, e[4] = u, e[5] = m) : m = e[5];
-  const p = `text-sm font-medium truncate ${g ? "text-white" : "text-gray-900"}`;
-  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] !== 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] = w) : w = e[14];
-  let x;
-  return e[15] !== r || e[16] !== w || e[17] !== f || e[18] !== m ? (x = /* @__PURE__ */ C("button", { onClick: r, className: f, children: [
-    m,
-    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 = `
+        ${s ? "hover:bg-zinc-800" : "hover:bg-gray-100"}
+      `,
+      children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: `w-5 h-5 flex-shrink-0 ${s ? "text-zinc-500" : "text-gray-400"}`,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: {
+                  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"
+                }[t]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: `text-sm font-medium truncate ${s ? "text-white" : "text-gray-900"}`,
+              children: n
+            }
+          ),
+          o && /* @__PURE__ */ e(
+            "p",
+            {
+              className: `text-xs truncate ${s ? "text-zinc-500" : "text-gray-500"}`,
+              children: o
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), Ue = g(function({ isDark: t }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         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, 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] = 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: o
-  } = t;
-  let g;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
-    bell: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",
-    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, i = `
+        ${t ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-gray-50 border-gray-200 divide-gray-200"}
+      `,
+      children: [
+        /* @__PURE__ */ e(
+          D,
+          {
+            icon: "bell",
+            label: "Notifications",
+            isDark: t
+          }
+        ),
+        /* @__PURE__ */ e(
+          D,
+          {
+            icon: "block",
+            label: "Block & report spam",
+            isDark: t
+          }
+        ),
+        /* @__PURE__ */ e(
+          D,
+          {
+            icon: "info",
+            label: "About RCS",
+            isDark: t
+          }
+        )
+      ]
+    }
+  );
+}), D = g(function({
+  icon: t,
+  label: n,
+  isDark: o
+}) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      className: `
         w-full flex items-center gap-4 px-4 py-3.5 text-left transition-colors
         ${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 ${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] !== i || e[10] !== d || e[11] !== m ? (p = /* @__PURE__ */ C("button", { className: i, children: [
-    d,
-    m
-  ] }), e[9] = i, e[10] = d, e[11] = m, e[12] = p) : p = e[12], p;
-}), ve = {
+      `,
+      children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: `w-5 h-5 flex-shrink-0 ${o ? "text-zinc-500" : "text-gray-400"}`,
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: {
+                  bell: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",
+                  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"
+                }[t]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `text-sm font-medium ${o ? "text-white" : "text-gray-900"}`,
+            children: n
+          }
+        )
+      ]
+    }
+  );
+}), J = {
   FULL: "h-full",
   TALL: "h-[80%]",
   HALF: "h-[50%]"
-}, pt = F(function() {
-  const t = B(65), {
-    theme: e,
-    businessInfo: s,
-    webView: l,
-    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], oe(d, m);
-  let p;
-  t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    r(!1);
-  }, t[4] = p) : p = t[4];
-  const b = p;
-  let y;
-  t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
-    r(!1), a(!0);
-  }, t[5] = y) : y = t[5];
-  const w = y, x = bt;
-  if (!l || !l.isOpen)
-    return null;
-  const {
-    url: k,
-    viewMode: v,
-    title: N,
-    postbackData: L
-  } = l;
-  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 = `
+}, De = g(function() {
+  const { theme: t, businessInfo: n, webView: o, closeWebView: s } = N(), [a, i] = z(!0), [u, c] = z(!1), d = t === "dark", m = n.brandColor || "#0084ff";
+  S(() => {
+    o?.url && (i(!0), c(!1));
+  }, [o?.url]);
+  const f = M(() => {
+    i(!1);
+  }, []), v = M(() => {
+    i(!1), c(!0);
+  }, []), x = (k) => {
+    try {
+      return new URL(k).hostname;
+    } catch {
+      return "Web Page";
+    }
+  };
+  if (!o || !o.isOpen) return null;
+  const { url: L, viewMode: b, title: p, postbackData: y } = o, h = p || x(L), w = b === "FULL", C = b === "TALL" || b === "HALF", I = J[b] || J.TALL;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         rcs-webview-overlay absolute inset-0 z-50 flex flex-col
-        ${A ? "" : "justify-end"}
-        ${f ? "bg-black/60" : "bg-black/40"}
-      `, 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 = `
+        ${w ? "" : "justify-end"}
+        ${d ? "bg-black/60" : "bg-black/40"}
+      `,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": `WebView: ${h}`,
+      "data-postback": y,
+      "data-view-mode": b,
+      children: [
+        C && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "absolute inset-0 w-full h-full cursor-default",
+            onClick: s,
+            "aria-label": "Close WebView"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: `
           rcs-webview-container relative flex flex-col overflow-hidden
-          ${f ? "bg-zinc-900" : "bg-white"}
-          ${$} w-full
-          ${z ? "rounded-t-2xl shadow-2xl" : ""}
-        `;
-  let j;
-  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
-    position: "relative",
-    zIndex: 1
-  }, t[12] = j) : j = t[12];
-  const O = `
+          ${d ? "bg-zinc-900" : "bg-white"}
+          ${I} w-full
+          ${C ? "rounded-t-2xl shadow-2xl" : ""}
+        `,
+            style: {
+              // Ensure container is above backdrop
+              position: "relative",
+              zIndex: 1
+            },
+            children: [
+              /* @__PURE__ */ l(
+                "header",
+                {
+                  className: `
             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"}
-          `, J = `
+            ${d ? "bg-zinc-900 border-zinc-800" : "bg-white border-gray-200"}
+          `,
+                  children: [
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: s,
+                        className: `
               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"}
-            `;
-  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] !== 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 = `
+              ${d ? "text-white hover:bg-zinc-800" : "text-gray-700 hover:bg-gray-100"}
+            `,
+                        "aria-label": "Close WebView",
+                        children: /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            className: "w-6 h-6",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor",
+                            strokeWidth: 2,
+                            children: /* @__PURE__ */ e(
+                              "path",
+                              {
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                d: "M15 19l-7-7 7-7"
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ e(
+                        "h2",
+                        {
+                          className: `
                 rcs-webview-title text-base font-medium truncate
-                ${f ? "text-white" : "text-gray-900"}
-              `;
-  let Y;
-  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 = `
+                ${d ? "text-white" : "text-gray-900"}
+              `,
+                          children: h
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "p",
+                        {
+                          className: `
                 rcs-webview-url text-xs truncate
-                ${f ? "text-zinc-400" : "text-gray-500"}
-              `;
-  let R;
-  t[20] !== k ? (R = x(k), t[20] = k, t[21] = R) : R = t[21];
-  let G;
-  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 q = `
+                ${d ? "text-zinc-400" : "text-gray-500"}
+              `,
+                          children: x(L)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: `
               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"}
-            `;
-  let W;
-  t[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ C("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", children: [
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "5", r: "2" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "2" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "19", r: "2" })
-  ] }), t[28] = W) : W = t[28];
-  let U;
-  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,
-    E,
-    U
-  ] }), t[31] = O, t[32] = Q, t[33] = E, t[34] = U, t[35] = H) : H = t[35];
-  let X;
-  t[36] !== h || t[37] !== g ? (X = g && /* @__PURE__ */ n("div", { className: "rcs-webview-loading absolute top-14 left-0 right-0 h-1 overflow-hidden", style: {
-    backgroundColor: `${h}20`
-  }, children: /* @__PURE__ */ n("div", { className: "h-full animate-pulse", style: {
-    backgroundColor: h,
-    animation: "webview-loading 1.5s ease-in-out infinite",
-    width: "30%"
-  } }) }), t[36] = h, t[37] = g, t[38] = X) : X = t[38];
-  let Z;
-  t[39] !== o || t[40] !== f || t[41] !== i ? (Z = i && /* @__PURE__ */ C("div", { className: `
+              ${d ? "text-zinc-400 hover:bg-zinc-800" : "text-gray-500 hover:bg-gray-100"}
+            `,
+                        "aria-label": "More options",
+                        children: /* @__PURE__ */ l(
+                          "svg",
+                          {
+                            className: "w-5 h-5",
+                            fill: "currentColor",
+                            viewBox: "0 0 24 24",
+                            children: [
+                              /* @__PURE__ */ e("circle", { cx: "12", cy: "5", r: "2" }),
+                              /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "2" }),
+                              /* @__PURE__ */ e("circle", { cx: "12", cy: "19", r: "2" })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              a && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "rcs-webview-loading absolute top-14 left-0 right-0 h-1 overflow-hidden",
+                  style: { backgroundColor: `${m}20` },
+                  children: /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "h-full animate-pulse",
+                      style: {
+                        backgroundColor: m,
+                        animation: "webview-loading 1.5s ease-in-out infinite",
+                        width: "30%"
+                      }
+                    }
+                  )
+                }
+              ),
+              u && /* @__PURE__ */ l(
+                "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: o, className: `
+              ${d ? "text-zinc-400" : "text-gray-500"}
+            `,
+                  children: [
+                    /* @__PURE__ */ e(
+                      "svg",
+                      {
+                        className: "w-16 h-16 mb-4 opacity-50",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        children: /* @__PURE__ */ e(
+                          "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__ */ e("p", { className: "text-sm font-medium mb-2", children: "Unable to load page" }),
+                    /* @__PURE__ */ e("p", { className: "text-xs opacity-75 mb-4", children: "This content cannot be displayed in the emulator" }),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: s,
+                        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] = o, t[40] = f, t[41] = i, t[42] = Z) : Z = t[42];
-  let te;
-  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: `
+                ${d ? "bg-zinc-800 text-white hover:bg-zinc-700" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}
+              `,
+                        children: "Go Back"
+                      }
+                    )
+                  ]
+                }
+              ),
+              !u && /* @__PURE__ */ e("div", { className: "rcs-webview-iframe-container flex-1 overflow-hidden", children: /* @__PURE__ */ e(
+                "iframe",
+                {
+                  src: L,
+                  title: h,
+                  className: "w-full h-full border-0",
+                  onLoad: f,
+                  onError: v,
+                  sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
+                  referrerPolicy: "no-referrer-when-downgrade",
+                  loading: "lazy"
+                }
+              ) }),
+              C && /* @__PURE__ */ e(
+                "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] !== 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] = D, t[56] = re) : re = t[56];
-  let ce;
-  t[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ce = /* @__PURE__ */ n("style", { children: `
+              ${d ? "bg-zinc-900" : "bg-white"}
+            `
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("style", { children: `
         @keyframes webview-loading {
           0% { transform: translateX(-100%); }
           50% { transform: translateX(200%); }
           100% { transform: translateX(-100%); }
         }
-      ` }), t[57] = ce) : ce = t[57];
-  let de;
-  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] = L, t[59] = re, t[60] = S, t[61] = I, t[62] = T, t[63] = v, t[64] = de) : de = t[64], de;
-});
-function bt(c) {
-  try {
-    return new URL(c).hostname;
-  } catch {
-    return "Web Page";
-  }
-}
-const xt = F(function(t) {
-  const e = B(39), {
-    onUnlock: s,
-    messagePreview: l
-  } = t, o = l === void 0 ? "New message" : l, {
-    theme: g,
-    businessInfo: r
-  } = K();
-  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 J = setInterval(() => {
-      f(/* @__PURE__ */ new Date());
+      ` })
+      ]
+    }
+  );
+}), Oe = g(function({
+  onUnlock: t,
+  messagePreview: n = "New message"
+}) {
+  const { theme: o, businessInfo: s } = N(), [a, i] = z(/* @__PURE__ */ new Date()), u = o === "dark";
+  S(() => {
+    const f = setInterval(() => {
+      i(/* @__PURE__ */ new Date());
     }, 1e3);
-    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([], {
+    return () => clearInterval(f);
+  }, []);
+  const c = a.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }), e[3] = a, e[4] = m) : m = e[4];
-  const p = m;
-  let b;
-  e[5] !== a ? (b = a.toLocaleDateString([], {
+  }), d = a.toLocaleDateString([], {
     weekday: "short",
     month: "long",
     day: "numeric"
-  }), e[5] = a, e[6] = b) : b = e[6];
-  const y = b, w = `
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `
         lock-screen flex flex-col h-full w-full select-none
-        ${h ? "bg-zinc-900" : "bg-zinc-800"}
-      `;
-  let x;
-  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 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 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] = L) : L = e[13];
-  let M;
-  e[14] !== N ? (M = /* @__PURE__ */ C("div", { className: "mt-2 text-center", children: [
-    N,
-    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" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "6", r: "1" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "18", r: "1" }),
-    /* @__PURE__ */ n("circle", { cx: "6", cy: "12", r: "1" }),
-    /* @__PURE__ */ n("circle", { cx: "18", cy: "12", r: "1" }),
-    /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "0.8" }),
-    /* @__PURE__ */ n("circle", { cx: "16", cy: "8", r: "0.8" }),
-    /* @__PURE__ */ n("circle", { cx: "8", cy: "16", r: "0.8" }),
-    /* @__PURE__ */ n("circle", { cx: "16", cy: "16", r: "0.8" }),
-    /* @__PURE__ */ n("circle", { cx: "6", cy: "6", r: "0.5" }),
-    /* @__PURE__ */ n("circle", { cx: "18", cy: "6", r: "0.5" }),
-    /* @__PURE__ */ n("circle", { cx: "6", cy: "18", r: "0.5" }),
-    /* @__PURE__ */ n("circle", { cx: "18", cy: "18", r: "0.5" })
-  ] }) }) }), 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[24] !== z || e[25] !== $ ? (S = /* @__PURE__ */ C("div", { className: "flex-1 text-left min-w-0", children: [
-    z,
-    $
-  ] }), 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 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,
-    S,
-    I
-  ] }) }), 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] !== v || e[35] !== M || e[36] !== T || e[37] !== w ? (O = /* @__PURE__ */ C("div", { className: w, children: [
-    x,
-    k,
-    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 = {
+        ${u ? "bg-zinc-900" : "bg-zinc-800"}
+      `,
+      children: [
+        /* @__PURE__ */ e("div", { className: "h-6" }),
+        /* @__PURE__ */ e("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-zinc-700 flex items-center justify-center", children: /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "w-4 h-4 text-zinc-400",
+            fill: "currentColor",
+            viewBox: "0 0 20 20",
+            children: /* @__PURE__ */ e(
+              "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"
+              }
+            )
+          }
+        ) }) }),
+        /* @__PURE__ */ e("div", { className: "mt-6 text-center", children: /* @__PURE__ */ e("h1", { className: "text-5xl font-light text-white tracking-tight", children: c }) }),
+        /* @__PURE__ */ l("div", { className: "mt-2 text-center", children: [
+          /* @__PURE__ */ e("p", { className: "text-zinc-400 text-sm", children: d }),
+          /* @__PURE__ */ l("div", { className: "flex items-center justify-center gap-1 mt-1 text-zinc-500 text-xs", children: [
+            /* @__PURE__ */ e("svg", { className: "w-3.5 h-3.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e("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__ */ e("span", { children: "19°C" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-24" }),
+        /* @__PURE__ */ e("div", { className: "px-4 pb-8", children: /* @__PURE__ */ l(
+          "button",
+          {
+            onClick: t,
+            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: [
+              /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-zinc-900 flex items-center justify-center flex-shrink-0 overflow-hidden", children: s.logo ? /* @__PURE__ */ e(
+                "img",
+                {
+                  src: s.logo,
+                  alt: s.name,
+                  className: "w-full h-full object-cover"
+                }
+              ) : /* @__PURE__ */ e("div", { className: "text-white", children: /* @__PURE__ */ l(
+                "svg",
+                {
+                  className: "w-7 h-7",
+                  viewBox: "0 0 24 24",
+                  fill: "currentColor",
+                  children: [
+                    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "1.5" }),
+                    /* @__PURE__ */ e("circle", { cx: "12", cy: "6", r: "1" }),
+                    /* @__PURE__ */ e("circle", { cx: "12", cy: "18", r: "1" }),
+                    /* @__PURE__ */ e("circle", { cx: "6", cy: "12", r: "1" }),
+                    /* @__PURE__ */ e("circle", { cx: "18", cy: "12", r: "1" }),
+                    /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "0.8" }),
+                    /* @__PURE__ */ e("circle", { cx: "16", cy: "8", r: "0.8" }),
+                    /* @__PURE__ */ e("circle", { cx: "8", cy: "16", r: "0.8" }),
+                    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "0.8" }),
+                    /* @__PURE__ */ e("circle", { cx: "6", cy: "6", r: "0.5" }),
+                    /* @__PURE__ */ e("circle", { cx: "18", cy: "6", r: "0.5" }),
+                    /* @__PURE__ */ e("circle", { cx: "6", cy: "18", r: "0.5" }),
+                    /* @__PURE__ */ e("circle", { cx: "18", cy: "18", r: "0.5" })
+                  ]
+                }
+              ) }) }),
+              /* @__PURE__ */ l("div", { className: "flex-1 text-left min-w-0", children: [
+                /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-gray-900 truncate", children: s.name }),
+                /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 truncate", children: n })
+              ] }),
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 flex-shrink-0", children: "now" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "flex-1" }),
+        /* @__PURE__ */ e("div", { className: "flex justify-center pb-2", children: /* @__PURE__ */ e("div", { className: "w-32 h-1 rounded-full bg-zinc-600" }) })
+      ]
+    }
+  );
+}), Y = {
   name: "Business",
   verified: !1
-}, yt = F(function(t) {
-  const e = B(24), {
-    flow: s,
-    onUserReply: l,
-    theme: o,
-    device: g,
-    businessInfo: r,
-    showSuggestions: i
-  } = t;
-  let a;
-  e[0] !== s || e[1] !== l ? (a = {
-    flow: s,
-    onUserReply: l,
-    typingDelay: 800
-  }, e[0] = s, e[1] = l, e[2] = a) : a = e[2];
+}, Pe = g(function({
+  flow: t,
+  onUserReply: n,
+  theme: o,
+  device: s,
+  businessInfo: a,
+  showSuggestions: i
+}) {
   const {
-    state: f,
-    handleReply: h,
+    state: u,
+    handleReply: c,
     handleAction: d
-  } = He(a), [u, m] = ne(!1);
-  let p;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    m(wt);
-  }, e[3] = p) : p = e[3];
-  const b = p, [y, w] = ne(null);
-  let x;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = (S) => {
-    w({
-      ...S,
+  } = fe({
+    flow: t,
+    onUserReply: n,
+    typingDelay: 800
+  }), [m, f] = z(!1), v = M(() => {
+    f((h) => !h);
+  }, []), [x, L] = z(null), b = M((h) => {
+    L({
+      ...h,
       isOpen: !0
     });
-  }, e[4] = x) : x = e[4];
-  const k = x;
-  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 = Ae(S);
-    if (I) {
-      k({
-        url: I.url,
-        viewMode: I.webviewViewMode || "TALL",
-        title: I.description || "",
-        postbackData: S.action.postback.data
-      }), l({
-        type: "action",
-        postbackData: S.action.postback.data,
-        displayText: S.action.displayText,
-        timestamp: Date.now(),
-        actionData: {
-          type: "webview",
-          url: I.url,
-          viewMode: I.webviewViewMode || "TALL",
-          description: I.description
-        }
-      });
-      return;
+  }, []), p = M(() => {
+    L(null);
+  }, []), y = M(
+    (h) => {
+      if (!$(h)) return;
+      const w = oe(h);
+      if (w) {
+        b({
+          url: w.url,
+          viewMode: w.webviewViewMode || "TALL",
+          title: w.description || "",
+          postbackData: h.action.postback.data
+        }), n({
+          type: "action",
+          postbackData: h.action.postback.data,
+          displayText: h.action.displayText,
+          timestamp: Date.now(),
+          actionData: {
+            type: "webview",
+            url: w.url,
+            viewMode: w.webviewViewMode || "TALL",
+            description: w.description
+          }
+        });
+        return;
+      }
+      d(h);
+    },
+    [d, b, n]
+  );
+  return /* @__PURE__ */ l(
+    X,
+    {
+      theme: o,
+      device: s,
+      businessInfo: a,
+      state: u,
+      showSuggestions: i,
+      isProfileOpen: m,
+      toggleProfile: v,
+      onReply: c,
+      onAction: y,
+      webView: x,
+      openWebView: b,
+      closeWebView: p,
+      children: [
+        /* @__PURE__ */ e(Ve, {}),
+        m && /* @__PURE__ */ e(He, {}),
+        /* @__PURE__ */ e(De, {})
+      ]
     }
-    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(ut, {}), e[10] = u, e[11] = A) : A = e[11];
-  let z;
-  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] = 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: o,
-    theme: g,
-    device: r,
-    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, 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] = L) : L = e[0];
-  const M = L, {
-    data: _,
-    isLoading: A,
-    error: z
-  } = 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] !== $ || 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] !== w || e[14] !== V || e[15] !== m || e[16] !== y ? (Q = (R) => {
-    const {
-      children: G
-    } = R;
-    return /* @__PURE__ */ n("div", { className: `
+  );
+}), Ye = g(function({
+  messages: t,
+  jsonUrl: n,
+  onUserReply: o,
+  theme: s = "light",
+  device: a = "android",
+  businessInfo: i,
+  className: u = "",
+  width: c = 375,
+  height: d = 667,
+  showSuggestions: m = !0,
+  showLockScreen: f = !1
+}) {
+  const [v, x] = z(f), L = M(() => {
+    x(!1);
+  }, []), {
+    data: b,
+    isLoading: p,
+    error: y
+  } = ge(n), h = n ? b : t, w = V(
+    () => h ? ue(h) : !1,
+    [h]
+  ), C = V(
+    () => ({
+      ...Y,
+      ...i,
+      // Extract name from flow if not provided
+      name: i?.name || h?.name || Y.name
+    }),
+    [i, h?.name]
+  ), I = V(
+    () => h && w ? he(h) : "New message",
+    [h, w]
+  ), k = s === "dark", A = ({ children: T }) => /* @__PURE__ */ e(
+    "div",
+    {
+      className: `
         rcs-emulator relative overflow-hidden
         rounded-2xl shadow-2xl
-        ${V ? "bg-zinc-950" : "bg-white"}
-        ${b}
-      `, style: {
-      width: y,
-      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] = w, e[14] = V, e[15] = m, e[16] = y, e[17] = Q) : Q = e[17];
-  const P = Q;
-  if (l && A) {
-    const R = `
+        ${k ? "bg-zinc-950" : "bg-white"}
+        ${u}
+      `,
+      style: { width: c, height: d },
+      role: "application",
+      "aria-label": "RCS Message Emulator",
+      "data-theme": s,
+      "data-device": a,
+      children: T
+    }
+  );
+  return n && p ? /* @__PURE__ */ e(A, { children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center h-full p-6", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: `
               w-10 h-10 border-3 border-t-transparent rounded-full animate-spin mb-4
-              ${V ? "border-zinc-600" : "border-gray-300"}
-            `;
-    let G;
-    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = {
-      borderTopColor: "transparent"
-    }, e[18] = G) : G = e[18];
-    let E;
-    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] !== 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,
-      W
-    ] }), e[23] = E, e[24] = W, e[25] = U) : U = e[25];
-    let H;
-    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 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 q = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
-    let W;
-    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: [
-      R,
-      E,
-      W,
-      H
-    ] }), e[38] = E, e[39] = W, e[40] = H, e[41] = X) : X = e[41];
-    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 (!$) {
-    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] !== 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] !== 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];
-    let X;
-    e[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ n("code", { className: "px-1 py-0.5 rounded bg-gray-100 dark:bg-zinc-800", children: "jsonUrl" }), e[51] = X) : X = e[51];
-    let Z;
-    e[52] !== U ? (Z = /* @__PURE__ */ C("p", { className: U, children: [
-      "Provide either",
-      " ",
-      H,
-      " ",
-      "or",
-      " ",
-      X,
-      " ",
-      "prop"
-    ] }), e[52] = U, e[53] = Z) : Z = e[53];
-    let te;
-    e[54] !== E || e[55] !== W || e[56] !== Z ? (te = /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center h-full p-6 text-center", children: [
-      E,
-      W,
-      Z
-    ] }), e[54] = E, e[55] = W, e[56] = Z, e[57] = te) : te = e[57];
-    let se;
-    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 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 q = `text-sm ${V ? "text-zinc-400" : "text-gray-500"}`;
-    let W;
-    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: [
-      R,
-      E,
-      W
-    ] }), e[66] = E, e[67] = W, e[68] = U) : U = e[68];
-    let H;
-    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] !== $ || 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: 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;
+              ${k ? "border-zinc-600" : "border-gray-300"}
+            `,
+        style: { borderTopColor: "transparent" }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "p",
+      {
+        className: `text-sm ${k ? "text-zinc-400" : "text-gray-500"}`,
+        children: "Loading conversation..."
+      }
+    )
+  ] }) }) : n && y ? /* @__PURE__ */ e(A, { children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center h-full p-6 text-center", children: [
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        className: "w-12 h-12 mx-auto mb-4 text-red-500",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      "h3",
+      {
+        className: `text-lg font-medium mb-2 ${k ? "text-white" : "text-gray-900"}`,
+        children: "Failed to Load"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "p",
+      {
+        className: `text-sm ${k ? "text-zinc-400" : "text-gray-500"}`,
+        children: y
+      }
+    ),
+    /* @__PURE__ */ e(
+      "p",
+      {
+        className: `text-xs mt-2 break-all max-w-full ${k ? "text-zinc-500" : "text-gray-400"}`,
+        children: n
+      }
+    )
+  ] }) }) : h ? w ? /* @__PURE__ */ e(A, { children: v ? /* @__PURE__ */ e(
+    X,
+    {
+      theme: s,
+      device: a,
+      businessInfo: C,
+      state: {
+        currentMessageId: null,
+        chatHistory: [],
+        isTyping: !1,
+        error: null
+      },
+      showSuggestions: !1,
+      isProfileOpen: !1,
+      toggleProfile: () => {
+      },
+      onReply: () => {
+      },
+      onAction: () => {
+      },
+      webView: null,
+      openWebView: () => {
+      },
+      closeWebView: () => {
+      },
+      children: /* @__PURE__ */ e(Oe, { onUnlock: L, messagePreview: I })
+    }
+  ) : /* @__PURE__ */ e(
+    Pe,
+    {
+      flow: h,
+      onUserReply: o,
+      theme: s,
+      device: a,
+      businessInfo: C,
+      showSuggestions: m
+    }
+  ) }) : /* @__PURE__ */ e(A, { children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center h-full p-6 text-center", children: [
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        className: "w-12 h-12 mx-auto mb-4 text-amber-500",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e(
+          "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"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      "h3",
+      {
+        className: `text-lg font-medium mb-2 ${k ? "text-white" : "text-gray-900"}`,
+        children: "Invalid RBM JSON"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "p",
+      {
+        className: `text-sm ${k ? "text-zinc-400" : "text-gray-500"}`,
+        children: "The conversation flow structure is not valid"
+      }
+    )
+  ] }) }) : /* @__PURE__ */ e(A, { children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center h-full p-6 text-center", children: [
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        className: `w-12 h-12 mx-auto mb-4 ${k ? "text-zinc-600" : "text-gray-300"}`,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      "h3",
+      {
+        className: `text-lg font-medium mb-2 ${k ? "text-white" : "text-gray-900"}`,
+        children: "No Conversation Data"
+      }
+    ),
+    /* @__PURE__ */ l(
+      "p",
+      {
+        className: `text-sm ${k ? "text-zinc-400" : "text-gray-500"}`,
+        children: [
+          "Provide either",
+          " ",
+          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 rounded bg-gray-100 dark:bg-zinc-800", children: "messages" }),
+          " ",
+          "or",
+          " ",
+          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 rounded bg-gray-100 dark:bg-zinc-800", children: "jsonUrl" }),
+          " ",
+          "prop"
+        ]
+      }
+    )
+  ] }) });
 });
-function wt(c) {
-  return !c;
-}
-function vt() {
-}
-function kt() {
-}
-function Nt() {
-}
-function Ct() {
-}
-function Lt() {
-}
 export {
-  zt as RcsEmulator,
-  pt as WebViewRenderer,
-  zt as default,
-  Ve as getFirstMessagePreview,
-  Ae as getWebViewConfig,
-  le as isSuggestedAction,
-  Ne as isSuggestedReply,
-  St as isWebViewAction,
-  Oe as useJsonFetch,
-  We as validateConversationFlow
+  Ye as RcsEmulator,
+  De as WebViewRenderer,
+  Ye as default,
+  he as getFirstMessagePreview,
+  oe as getWebViewConfig,
+  $ as isSuggestedAction,
+  q as isSuggestedReply,
+  Je as isWebViewAction,
+  ge as useJsonFetch,
+  ue as validateConversationFlow
 };
 //# sourceMappingURL=rcs-emulator.es.js.map