@maebgch/rcs-emulator 0.1.13 → 0.1.14

package/dist/rcs-emulator.es.js

@@ -1,119 +1,125 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { createContext as re, useContext as te, useReducer as se, useRef as W, useEffect as j, useCallback as $, useState as A, memo as p, useMemo as V } from "react";
-function Y(s) {
+import { createContext as ae, useContext as le, useReducer as ce, useRef as H, useEffect as B, useCallback as M, useState as A, memo as f, useMemo as O } from "react";
+function ee(s) {
   return "reply" in s;
 }
-function I(s) {
+function T(s) {
   return "action" in s;
 }
-function qe(s) {
-  if (!I(s)) return !1;
+function nr(s) {
+  if (!T(s)) return !1;
   const { urlAction: r } = s.action;
   return r?.openUrl?.application === "WEBVIEW";
 }
-function oe(s) {
+function ne(s) {
   const { urlAction: r } = s.action;
   return r?.openUrl?.application === "WEBVIEW" ? r.openUrl : null;
 }
-const ae = {
+const ie = {
   name: "Business",
   verified: !1
-}, le = {
+}, ue = {
   currentMessageId: null,
   chatHistory: [],
   isTyping: !1,
   error: null
-}, Q = re(null);
-function Z({
+}, re = ae(null);
+function te({
   children: s,
   theme: r,
   device: t,
   businessInfo: o,
   state: a,
-  showSuggestions: c,
-  isProfileOpen: l,
-  toggleProfile: u,
+  showSuggestions: l,
+  isProfileOpen: c,
+  toggleProfile: i,
   onReply: m,
-  onAction: i,
-  webView: h,
-  openWebView: f,
-  closeWebView: v
+  onAction: u,
+  webView: d,
+  openWebView: h,
+  closeWebView: v,
+  toast: y,
+  showToast: k,
+  onBack: w
 }) {
-  const b = {
+  const g = {
     theme: r,
     device: t,
-    businessInfo: { ...ae, ...o },
-    state: { ...le, ...a },
-    showSuggestions: c,
-    isProfileOpen: l,
-    toggleProfile: u,
+    businessInfo: { ...ie, ...o },
+    state: { ...ue, ...a },
+    showSuggestions: l,
+    isProfileOpen: c,
+    toggleProfile: i,
     handleReply: m,
-    handleAction: i,
-    webView: h,
-    openWebView: f,
-    closeWebView: v
+    handleAction: u,
+    webView: d,
+    openWebView: h,
+    closeWebView: v,
+    toast: y,
+    showToast: k,
+    handleBack: w
   };
-  return /* @__PURE__ */ e(Q.Provider, { value: b, children: s });
+  return /* @__PURE__ */ e(re.Provider, { value: g, children: s });
 }
-function k() {
-  const s = te(Q);
+function C() {
+  const s = le(re);
   if (!s)
     throw new Error("useEmulator must be used within an EmulatorProvider");
   return s;
 }
-function K(s) {
+function se(s) {
   const r = Object.values(s.messages);
   return r.find((t) => t.is_first) || r[0] || null;
 }
-function R(s, r) {
+function V(s, r) {
   return s.messages[r] || null;
 }
-function O(s, r) {
+function Y(s, r) {
   const t = s.responses?.keyword?.keyword_response?.choices;
   return t && t[r]?.next_message || null;
 }
-function H(s, r) {
-  const t = s.parts, o = ce(t), a = ie(t);
-  return {
-    id: `${s.id}-${r}-${Date.now()}`,
-    sender: "business",
-    content: o,
-    timestamp: Date.now(),
-    suggestions: a
-  };
-}
-function ce(s) {
-  for (const r of s) {
-    const t = r.RCSMessage;
-    if (t.textMessage)
-      return {
-        type: "text",
-        text: t.textMessage
-      };
-    const o = t.richcardMessage?.message?.generalPurposeCard;
-    if (o)
-      return {
-        type: "richcard",
-        card: P(o.content, o.layout)
-      };
-    const a = t.richcardMessage?.message?.generalPurposeCardCarousel;
-    if (a)
-      return {
-        type: "carousel",
-        cards: a.content.map(
-          (c) => P(c, {
-            cardOrientation: "VERTICAL",
-            cardWidth: a.layout.cardWidth
-          })
-        )
-      };
+function U(s, r) {
+  const t = s.parts, o = [], a = Date.now();
+  for (let l = 0; l < t.length; l++) {
+    const c = t[l], i = me(c), u = l === t.length - 1 ? he(t) : void 0;
+    o.push({
+      id: `${s.id}-${r}-${l}-${a + l}`,
+      sender: "business",
+      content: i,
+      timestamp: a + l,
+      suggestions: u
+    });
   }
-  return {
+  return o;
+}
+function me(s) {
+  const r = s.RCSMessage;
+  if (r.textMessage)
+    return {
+      type: "text",
+      text: r.textMessage
+    };
+  const t = r.richcardMessage?.message?.generalPurposeCard;
+  if (t)
+    return {
+      type: "richcard",
+      card: q(t.content, t.layout)
+    };
+  const o = r.richcardMessage?.message?.generalPurposeCardCarousel;
+  return o ? {
+    type: "carousel",
+    cards: o.content.map(
+      (a) => q(a, {
+        cardOrientation: o.layout.cardOrientation || "VERTICAL",
+        cardWidth: o.layout.cardWidth
+      })
+    )
+  } : {
     type: "text",
     text: "[Unsupported message type]"
   };
 }
-function P(s, r) {
+function q(s, r) {
   const t = () => {
     if (s.media) {
       if (s.media.mediaUrl) return s.media.mediaUrl;
@@ -130,7 +136,7 @@ function P(s, r) {
     description: s.description,
     media: a ? {
       url: a,
-      height: ne(s.media?.height || "MEDIUM_HEIGHT"),
+      height: de(s.media?.height || "MEDIUM_HEIGHT"),
       thumbnailUrl: o()
     } : void 0,
     suggestions: s.suggestions,
@@ -141,7 +147,7 @@ function P(s, r) {
     }
   };
 }
-function ne(s) {
+function de(s) {
   switch (s) {
     case "SHORT_HEIGHT":
       return "short";
@@ -151,7 +157,7 @@ function ne(s) {
       return "medium";
   }
 }
-function ie(s) {
+function he(s) {
   const r = [];
   for (const t of s) {
     const o = t.RCSMessage;
@@ -159,7 +165,7 @@ function ie(s) {
   }
   return r;
 }
-function ue(s) {
+function fe(s) {
   return {
     id: `user-${Date.now()}`,
     sender: "user",
@@ -170,7 +176,7 @@ function ue(s) {
     timestamp: Date.now()
   };
 }
-function me(s) {
+function pe(s) {
   if (!s || typeof s != "object") return !1;
   const r = s;
   if (typeof r.name != "string" || !r.messages || typeof r.messages != "object") return !1;
@@ -183,8 +189,8 @@ function me(s) {
   }
   return !0;
 }
-function de(s) {
-  const r = K(s);
+function ge(s) {
+  const r = se(s);
   if (!r || !r.parts.length) return "New message";
   const o = r.parts[0].RCSMessage;
   if (o.textMessage)
@@ -192,16 +198,16 @@ function de(s) {
   const a = o.richcardMessage?.message?.generalPurposeCard;
   if (a?.content.title)
     return a.content.title;
-  const c = o.richcardMessage?.message?.generalPurposeCardCarousel;
-  return c?.content[0]?.title ? c.content[0].title : "New message";
+  const l = o.richcardMessage?.message?.generalPurposeCardCarousel;
+  return l?.content[0]?.title ? l.content[0].title : "New message";
 }
-const X = {
+const oe = {
   currentMessageId: null,
   chatHistory: [],
   isTyping: !1,
   error: null
 };
-function he(s, r) {
+function xe(s, r) {
   switch (r.type) {
     case "INIT":
       return {
@@ -216,8 +222,8 @@ function he(s, r) {
         isTyping: !1
       };
     case "ADD_USER_REPLY": {
-      const t = ue(r.text), o = s.chatHistory.map(
-        (a, c) => c === s.chatHistory.length - 1 ? { ...a, suggestions: void 0 } : a
+      const t = fe(r.text), o = s.chatHistory.map(
+        (a, l) => l === s.chatHistory.length - 1 ? { ...a, suggestions: void 0 } : a
       );
       return {
         ...s,
@@ -241,143 +247,125 @@ function he(s, r) {
         isTyping: !1
       };
     case "RESET":
-      return X;
+      return oe;
     default:
       return s;
   }
 }
-function fe({
+function be({
   flow: s,
   onUserReply: r,
   typingDelay: t = 800
 }) {
-  const [o, a] = se(he, X), c = W(0), l = W(!1);
-  j(() => {
-    if (l.current) return;
-    l.current = !0;
-    const h = K(s);
-    if (!h) {
+  const [o, a] = ce(xe, oe), l = H(0), c = H(!1);
+  B(() => {
+    if (c.current) return;
+    c.current = !0;
+    const d = se(s);
+    if (!d) {
       a({
         type: "SET_ERROR",
         error: "No first message found in conversation flow"
       });
       return;
     }
-    a({ type: "INIT", messageId: h.id });
-    const f = H(
-      h,
-      c.current++
-    );
-    a({ type: "ADD_BUSINESS_MESSAGE", message: f });
+    a({ type: "INIT", messageId: d.id }), U(
+      d,
+      l.current++
+    ).forEach((v) => {
+      a({ type: "ADD_BUSINESS_MESSAGE", message: v });
+    });
   }, [s]);
-  const u = $(
-    (h) => {
-      if (!Y(h)) return;
-      const { displayText: f, postback: v } = h.reply, b = v.data;
-      a({ type: "ADD_USER_REPLY", text: f, postbackData: b });
-      const N = {
+  const i = M(
+    (d) => {
+      if (!ee(d)) return;
+      const { displayText: h, postback: v } = d.reply, y = v.data;
+      a({ type: "ADD_USER_REPLY", text: h, postbackData: y });
+      const k = {
         type: "reply",
-        postbackData: b,
-        displayText: f,
+        postbackData: y,
+        displayText: h,
         timestamp: Date.now()
       };
-      r(N);
-      const y = o.currentMessageId ? R(s, o.currentMessageId) : null;
-      if (!y) {
+      r(k);
+      const w = o.currentMessageId ? V(s, o.currentMessageId) : null;
+      if (!w) {
         a({ type: "SET_ERROR", error: "Current message not found" });
         return;
       }
-      const w = O(y, b);
-      if (!w)
+      const g = Y(w, y);
+      if (!g)
         return;
-      const g = R(s, w);
-      if (!g) {
+      const x = V(s, g);
+      if (!x) {
         a({
           type: "SET_ERROR",
-          error: `Next message "${w}" not found`
+          error: `Next message "${g}" not found`
         });
         return;
       }
-      a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: w }), setTimeout(() => {
-        const d = H(
-          g,
-          c.current++
-        );
-        a({ type: "ADD_BUSINESS_MESSAGE", message: d });
+      a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: g }), setTimeout(() => {
+        U(
+          x,
+          l.current++
+        ).forEach((b) => {
+          a({ type: "ADD_BUSINESS_MESSAGE", message: b });
+        });
       }, t);
     },
     [s, o.currentMessageId, r, t]
-  ), m = $(
-    (h) => {
-      if (!I(h)) return;
-      const {
-        displayText: f,
-        postback: v,
-        openUrlAction: b,
-        dialAction: N,
-        dialerAction: y,
-        mapAction: w,
-        viewLocationAction: g
-      } = h.action, d = v.data, x = N?.phoneNumber || y?.dialPhoneNumber?.phoneNumber, L = w?.showLocation?.location || g?.latLong;
-      let z;
-      b ? z = { type: "openUrl", url: b.url } : x ? z = { type: "dial", phoneNumber: x } : L && (z = {
-        type: "viewLocation",
-        latitude: L.latitude,
-        longitude: L.longitude,
-        query: g?.query
-      });
-      const C = {
-        type: "action",
-        postbackData: d,
-        displayText: f,
-        timestamp: Date.now(),
-        actionData: z
-      };
-      if (r(C), b)
-        window.open(b.url, "_blank", "noopener,noreferrer");
-      else if (x)
-        window.location.href = `tel:${x}`;
-      else if (L) {
-        const M = w?.showLocation?.location?.label || g?.label || "", S = `https://www.google.com/maps/search/?api=1&query=${L.latitude},${L.longitude}${M ? `&query_place_id=${encodeURIComponent(M)}` : ""}`;
-        window.open(S, "_blank", "noopener,noreferrer");
+  ), m = M(
+    (d) => {
+      if (!T(d)) return;
+      const { displayText: h, postback: v, openUrlAction: y } = d.action, k = v.data;
+      if (y) {
+        const g = {
+          type: "action",
+          postbackData: k,
+          displayText: h,
+          timestamp: Date.now(),
+          actionData: { type: "openUrl", url: y.url }
+        };
+        r(g), window.open(y.url, "_blank", "noopener,noreferrer");
       }
-      const T = o.currentMessageId ? R(s, o.currentMessageId) : null;
-      if (T) {
-        const M = O(T, d);
-        if (M) {
-          const S = R(s, M);
-          S && (a({
+      const w = o.currentMessageId ? V(s, o.currentMessageId) : null;
+      if (w) {
+        const g = Y(w, k);
+        if (g) {
+          const x = V(s, g);
+          x && (a({
             type: "ADD_USER_REPLY",
-            text: f,
-            postbackData: d
-          }), a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: M }), setTimeout(() => {
-            const ee = H(
-              S,
-              c.current++
-            );
-            a({ type: "ADD_BUSINESS_MESSAGE", message: ee });
+            text: h,
+            postbackData: k
+          }), a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: g }), setTimeout(() => {
+            U(
+              x,
+              l.current++
+            ).forEach((b) => {
+              a({ type: "ADD_BUSINESS_MESSAGE", message: b });
+            });
           }, t));
         }
       }
     },
     [s, o.currentMessageId, r, t]
-  ), i = $(() => {
-    l.current = !1, c.current = 0, a({ type: "RESET" });
+  ), u = M(() => {
+    c.current = !1, l.current = 0, a({ type: "RESET" });
   }, []);
   return {
     state: o,
-    handleReply: u,
+    handleReply: i,
     handleAction: m,
-    reset: i
+    reset: u
   };
 }
-function pe(s) {
-  const [r, t] = A(null), [o, a] = A(!1), [c, l] = A(null), u = $(async () => {
+function ve(s) {
+  const [r, t] = A(null), [o, a] = A(!1), [l, c] = A(null), i = M(async () => {
     if (!s) {
-      t(null), l(null);
+      t(null), c(null);
       return;
     }
-    a(!0), l(null);
+    a(!0), c(null);
     try {
       const m = await fetch(s, {
         method: "GET",
@@ -387,39 +375,39 @@ function pe(s) {
       });
       if (!m.ok)
         throw new Error(`HTTP ${m.status}: ${m.statusText}`);
-      const i = await m.json();
-      if (!i || typeof i != "object")
+      const u = await m.json();
+      if (!u || typeof u != "object")
         throw new Error("Invalid JSON: Expected an object");
-      if (!i.messages || typeof i.messages != "object")
+      if (!u.messages || typeof u.messages != "object")
         throw new Error("Invalid RBM JSON: Missing 'messages' object");
-      t(i);
+      t(u);
     } catch (m) {
-      const i = m instanceof Error ? m.message : "Failed to fetch JSON";
-      l(i), t(null);
+      const u = m instanceof Error ? m.message : "Failed to fetch JSON";
+      c(u), t(null);
     } finally {
       a(!1);
     }
   }, [s]);
-  return j(() => {
-    u();
-  }, [u]), {
+  return B(() => {
+    i();
+  }, [i]), {
     data: r,
     isLoading: o,
-    error: c,
-    refetch: u
+    error: l,
+    refetch: i
   };
 }
-function ge(s) {
-  const r = W(null);
-  return j(() => {
+function we(s) {
+  const r = H(null);
+  return B(() => {
     r.current && r.current.scrollTo({
       top: r.current.scrollHeight,
       behavior: "smooth"
     });
   }, [s]), r;
 }
-const xe = p(function() {
-  const { theme: r, businessInfo: t, toggleProfile: o } = k(), a = r === "dark", c = a ? "rcs-emulator-dark" : "rcs-emulator-light", l = t.brandColor || "#1A73E8";
+const ye = f(function() {
+  const { theme: r, businessInfo: t, toggleProfile: o, handleBack: a } = C(), l = r === "dark", c = l ? "rcs-emulator-dark" : "rcs-emulator-light", i = t.brandColor || "#1A73E8";
   return /* @__PURE__ */ n(
     "header",
     {
@@ -431,7 +419,8 @@ const xe = p(function() {
           "button",
           {
             type: "button",
-            className: `rcs-emulator-icon-btn rcs-emulator-p-1-5 rcs-emulator--ml-1 ${c} ${a ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-700"}`,
+            onClick: a || void 0,
+            className: `rcs-emulator-icon-btn rcs-emulator-p-1-5 rcs-emulator--ml-1 ${c} ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-700"}`,
             "aria-label": "Go back",
             children: /* @__PURE__ */ e(
               "svg",
@@ -466,7 +455,7 @@ const xe = p(function() {
                 {
                   className: `rcs-emulator-logo-avatar rcs-emulator-w-9 rcs-emulator-h-9 ${c}`,
                   style: {
-                    backgroundColor: t.logo ? void 0 : l
+                    backgroundColor: t.logo ? void 0 : i
                   },
                   children: t.logo ? /* @__PURE__ */ e(
                     "img",
@@ -481,7 +470,7 @@ const xe = p(function() {
               /* @__PURE__ */ e(
                 "h1",
                 {
-                  className: `rcs-emulator-text-base rcs-emulator-font-medium rcs-emulator-truncate ${a ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                  className: `rcs-emulator-text-base rcs-emulator-font-medium rcs-emulator-truncate ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
                   children: t.name
                 }
               )
@@ -506,7 +495,7 @@ const xe = p(function() {
                       "path",
                       {
                         d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
-                        stroke: a ? "#9ca3af" : "#6b7280",
+                        stroke: l ? "#9ca3af" : "#6b7280",
                         strokeWidth: 2,
                         strokeLinecap: "round",
                         strokeLinejoin: "round"
@@ -531,7 +520,7 @@ const xe = p(function() {
             "button",
             {
               type: "button",
-              className: `rcs-emulator-icon-btn rcs-emulator-p-2 ${c} ${a ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+              className: `rcs-emulator-icon-btn rcs-emulator-p-2 ${c} ${l ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
               "aria-label": "More options",
               children: /* @__PURE__ */ e(
                 "svg",
@@ -557,8 +546,8 @@ const xe = p(function() {
       ]
     }
   );
-}), be = p(function() {
-  const { theme: r, businessInfo: t } = k(), o = r === "dark", a = o ? "rcs-emulator-dark" : "rcs-emulator-light", c = t.brandColor || "#0084ff";
+}), ke = f(function() {
+  const { theme: r, businessInfo: t } = C(), o = r === "dark", a = o ? "rcs-emulator-dark" : "rcs-emulator-light", l = t.brandColor || "#0084ff";
   return /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-py-4 rcs-emulator-px-4", children: [
     /* @__PURE__ */ n("div", { className: "rcs-emulator-relative rcs-emulator-mb-3", children: [
       /* @__PURE__ */ e(
@@ -566,7 +555,7 @@ const xe = p(function() {
         {
           className: `rcs-emulator-logo-avatar rcs-emulator-w-16 rcs-emulator-h-16 rcs-emulator-shadow-lg ${a}`,
           style: {
-            backgroundColor: t.logo ? void 0 : c
+            backgroundColor: t.logo ? void 0 : l
           },
           children: t.logo ? /* @__PURE__ */ e(
             "img",
@@ -603,12 +592,12 @@ const xe = p(function() {
       }
     )
   ] });
-}), ve = p(function({
+}), Ne = f(function({
   text: r,
   sender: t,
   timestamp: o
 }) {
-  const { theme: a, businessInfo: c } = k(), u = a === "dark" ? "rcs-emulator-dark" : "rcs-emulator-light", m = t === "business", i = c.brandColor || "#1A73E8", h = new Date(o).toLocaleTimeString([], {
+  const { theme: a, businessInfo: l } = C(), i = a === "dark" ? "rcs-emulator-dark" : "rcs-emulator-light", m = t === "business", u = l.brandColor || "#1A73E8", d = new Date(o).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -616,17 +605,17 @@ const xe = p(function() {
     /* @__PURE__ */ e(
       "div",
       {
-        className: `rcs-emulator-message-bubble rcs-emulator-business ${u}`,
+        className: `rcs-emulator-message-bubble rcs-emulator-business ${i}`,
         children: r
       }
     ),
-    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: h })
+    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: d })
   ] }) : /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-items-end rcs-emulator-gap-1-5 rcs-emulator-max-w-85 rcs-emulator-ml-auto", children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: "rcs-emulator-message-bubble rcs-emulator-user",
-        style: { backgroundColor: i },
+        style: { backgroundColor: u },
         children: r
       }
     ),
@@ -634,7 +623,7 @@ const xe = p(function() {
       "div",
       {
         className: "rcs-emulator-delivery-status",
-        style: { backgroundColor: i },
+        style: { backgroundColor: u },
         children: /* @__PURE__ */ e(
           "svg",
           {
@@ -648,13 +637,13 @@ const xe = p(function() {
         )
       }
     ),
-    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: h })
+    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: d })
   ] });
-}), ye = p(function({
+}), Ce = f(function({
   text: r,
   timestamp: t
 }) {
-  const { businessInfo: o } = k(), a = o.brandColor || "#1A73E8", c = new Date(t).toLocaleTimeString([], {
+  const { businessInfo: o } = C(), a = o.brandColor || "#1A73E8", l = new Date(t).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -692,18 +681,18 @@ const xe = p(function() {
         )
       }
     ),
-    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: c })
+    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: l })
   ] });
-}), we = p(function({
+}), Le = f(function({
   card: r,
   timestamp: t
 }) {
-  const { theme: o, handleReply: a, handleAction: c } = k(), l = o === "dark", u = l ? "rcs-emulator-dark" : "rcs-emulator-light", m = new Date(t).toLocaleTimeString([], {
+  const { theme: o, handleReply: a, handleAction: l } = C(), c = o === "dark", i = c ? "rcs-emulator-dark" : "rcs-emulator-light", m = new Date(t).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), i = (f) => {
-    "reply" in f ? a(f) : c(f);
-  }, h = {
+  }), u = (h) => {
+    "reply" in h ? a(h) : l(h);
+  }, d = {
     short: "rcs-emulator-h-36",
     medium: "rcs-emulator-h-44",
     tall: "rcs-emulator-h-56"
@@ -712,12 +701,12 @@ const xe = p(function() {
     /* @__PURE__ */ n(
       "div",
       {
-        className: `rcs-emulator-rich-card ${u}`,
+        className: `rcs-emulator-rich-card ${i}`,
         children: [
           r.media && /* @__PURE__ */ e(
             "div",
             {
-              className: `rcs-emulator-w-full rcs-emulator-overflow-hidden rcs-emulator-media-placeholder ${h[r.media.height]} ${l ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
+              className: `rcs-emulator-w-full rcs-emulator-overflow-hidden rcs-emulator-media-placeholder ${d[r.media.height]} ${c ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
               style: { borderRadius: "12px 12px 0 0" },
               children: /* @__PURE__ */ e(
                 "img",
@@ -726,8 +715,8 @@ const xe = p(function() {
                   alt: r.title || "Rich card media",
                   className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-object-cover",
                   loading: "lazy",
-                  onError: (f) => {
-                    const v = f.target;
+                  onError: (h) => {
+                    const v = h.target;
                     v.style.display = "none";
                   }
                 }
@@ -738,27 +727,27 @@ const xe = p(function() {
             r.title && /* @__PURE__ */ e(
               "h3",
               {
-                className: `rcs-emulator-text-base rcs-emulator-font-semibold rcs-emulator-leading-snug rcs-emulator-card-title ${l ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
+                className: `rcs-emulator-text-base rcs-emulator-font-semibold rcs-emulator-leading-snug rcs-emulator-card-title ${c ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
                 children: r.title
               }
             ),
             r.description && /* @__PURE__ */ e(
               "p",
               {
-                className: `rcs-emulator-text-sm rcs-emulator-leading-relaxed rcs-emulator-mt-1-5 rcs-emulator-card-subtitle ${l ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
+                className: `rcs-emulator-text-sm rcs-emulator-leading-relaxed rcs-emulator-mt-1-5 rcs-emulator-card-subtitle ${c ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
                 children: r.description
               }
             ),
             r.suggestions && r.suggestions.length > 0 && /* @__PURE__ */ e(
               "div",
               {
-                className: `rcs-emulator-card-actions rcs-emulator-mt-4 rcs-emulator-divide-y ${l ? "rcs-emulator-divide-zinc-700" : "rcs-emulator-divide-gray-100"} ${u}`,
-                children: r.suggestions.map((f, v) => /* @__PURE__ */ e(
-                  Me,
+                className: `rcs-emulator-card-actions rcs-emulator-mt-4 rcs-emulator-divide-y ${c ? "rcs-emulator-divide-zinc-700" : "rcs-emulator-divide-gray-100"} ${i}`,
+                children: r.suggestions.map((h, v) => /* @__PURE__ */ e(
+                  ze,
                   {
-                    suggestion: f,
-                    onClick: () => i(f),
-                    isDark: l
+                    suggestion: h,
+                    onClick: () => u(h),
+                    isDark: c
                   },
                   v
                 ))
@@ -770,15 +759,15 @@ const xe = p(function() {
     ),
     /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: m })
   ] });
-}), B = "rcs-emulator-w-5 rcs-emulator-h-5 rcs-emulator-text-gray-400", ke = () => /* @__PURE__ */ e("svg", { className: B, 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: B, 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" }) }), Ce = () => /* @__PURE__ */ n("svg", { className: B, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
+}), W = "rcs-emulator-w-5 rcs-emulator-h-5 rcs-emulator-text-gray-400", Me = () => /* @__PURE__ */ e("svg", { className: W, 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" }) }), $e = () => /* @__PURE__ */ e("svg", { className: W, 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" }) }), Ae = () => /* @__PURE__ */ n("svg", { className: W, 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" })
-] }), Le = () => /* @__PURE__ */ e("svg", { className: B, 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: B, 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 = p(function({
+] }), Ie = () => /* @__PURE__ */ e("svg", { className: W, 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" }) }), Q = () => /* @__PURE__ */ e("svg", { className: W, 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" }) }), ze = f(function({
   suggestion: r,
   onClick: t,
   isDark: o
 }) {
-  const a = I(r), c = a ? r.action.displayText : r.reply.displayText;
+  const a = T(r), l = a ? r.action.displayText : r.reply.displayText;
   return /* @__PURE__ */ n(
     "button",
     {
@@ -787,40 +776,40 @@ const xe = p(function() {
       style: { gap: "0.75rem", padding: "0.75rem 1rem" },
       children: [
         /* @__PURE__ */ e("span", { className: "rcs-emulator-flex-shrink-0", children: (() => {
-          if (!a) return /* @__PURE__ */ e(G, {});
-          const { action: u } = r;
-          return u.urlAction || u.openUrlAction ? /* @__PURE__ */ e(ke, {}) : u.dialerAction || u.dialAction ? /* @__PURE__ */ e(Ne, {}) : u.mapAction || u.viewLocationAction ? /* @__PURE__ */ e(Ce, {}) : u.calendarAction || u.createCalendarEventAction ? /* @__PURE__ */ e(Le, {}) : /* @__PURE__ */ e(G, {});
+          if (!a) return /* @__PURE__ */ e(Q, {});
+          const { action: i } = r;
+          return i.urlAction || i.openUrlAction ? /* @__PURE__ */ e(Me, {}) : i.dialerAction || i.dialAction ? /* @__PURE__ */ e($e, {}) : i.mapAction || i.viewLocationAction ? /* @__PURE__ */ e(Ae, {}) : i.calendarAction || i.createCalendarEventAction ? /* @__PURE__ */ e(Ie, {}) : /* @__PURE__ */ e(Q, {});
         })() }),
-        /* @__PURE__ */ e("span", { className: `rcs-emulator-text-sm ${o ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`, children: c })
+        /* @__PURE__ */ e("span", { className: `rcs-emulator-text-sm ${o ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`, children: l })
       ]
     }
   );
-}), $e = p(function({
+}), Te = f(function({
   cards: r,
   timestamp: t
 }) {
-  const { theme: o, handleReply: a, handleAction: c } = k(), l = W(null), [u, m] = A(!1), [i, h] = A(r.length > 1), f = o === "dark", v = f ? "rcs-emulator-dark" : "rcs-emulator-light", b = new Date(t).toLocaleTimeString([], {
+  const { theme: o, handleReply: a, handleAction: l } = C(), c = H(null), [i, m] = A(!1), [u, d] = A(r.length > 1), h = o === "dark", v = h ? "rcs-emulator-dark" : "rcs-emulator-light", y = new Date(t).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }), N = (g) => {
-    "reply" in g ? a(g) : c(g);
-  }, y = $(() => {
-    if (l.current) {
-      const { scrollLeft: g, scrollWidth: d, clientWidth: x } = l.current;
-      m(g > 0), h(g < d - x - 10);
+  }), k = (x) => {
+    "reply" in x ? a(x) : l(x);
+  }, w = M(() => {
+    if (c.current) {
+      const { scrollLeft: x, scrollWidth: L, clientWidth: b } = c.current;
+      m(x > 0), d(x < L - b - 10);
     }
-  }, []), w = (g) => {
-    l.current && l.current.scrollBy({
-      left: g === "left" ? -200 : 200,
+  }, []), g = (x) => {
+    c.current && c.current.scrollBy({
+      left: x === "left" ? -200 : 200,
       behavior: "smooth"
     });
   };
   return /* @__PURE__ */ n("div", { className: "rcs-emulator-w-full rcs-emulator--mx-3", children: [
     /* @__PURE__ */ n("div", { className: "rcs-emulator-relative", children: [
-      u && /* @__PURE__ */ e(
+      i && /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => w("left"),
+          onClick: () => g("left"),
           className: `rcs-emulator-carousel-arrow rcs-emulator-left ${v}`,
           "aria-label": "Scroll left",
           children: /* @__PURE__ */ e(
@@ -846,24 +835,24 @@ const xe = p(function() {
       /* @__PURE__ */ e(
         "div",
         {
-          ref: l,
-          onScroll: y,
+          ref: c,
+          onScroll: w,
           className: "rcs-emulator-flex rcs-emulator-gap-2-5 rcs-emulator-overflow-x-auto rcs-emulator-py-1 rcs-emulator-px-3 rcs-emulator-snap-x rcs-emulator-scrollbar-hide",
-          children: r.map((g, d) => /* @__PURE__ */ e(
-            Ie,
+          children: r.map((x, L) => /* @__PURE__ */ e(
+            Se,
             {
-              card: g,
-              isDark: f,
-              onSuggestionClick: N
+              card: x,
+              isDark: h,
+              onSuggestionClick: k
             },
-            d
+            L
           ))
         }
       ),
-      i && /* @__PURE__ */ e(
+      u && /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => w("right"),
+          onClick: () => g("right"),
           className: `rcs-emulator-carousel-arrow rcs-emulator-right ${v}`,
           "aria-label": "Scroll right",
           children: /* @__PURE__ */ e(
@@ -887,14 +876,14 @@ const xe = p(function() {
         }
       )
     ] }),
-    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: b })
+    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: y })
   ] });
-}), E = "rcs-emulator-w-4 rcs-emulator-h-4 rcs-emulator-text-gray-400", Ae = (s) => {
-  if (!I(s))
+}), j = "rcs-emulator-w-4 rcs-emulator-h-4 rcs-emulator-text-gray-400", Ee = (s) => {
+  if (!T(s))
     return /* @__PURE__ */ e(
       "svg",
       {
-        className: E,
+        className: j,
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor",
@@ -913,7 +902,7 @@ const xe = p(function() {
   return r.urlAction || r.openUrlAction ? /* @__PURE__ */ e(
     "svg",
     {
-      className: E,
+      className: j,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -930,7 +919,7 @@ const xe = p(function() {
   ) : r.dialerAction || r.dialAction ? /* @__PURE__ */ e(
     "svg",
     {
-      className: E,
+      className: j,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -947,7 +936,7 @@ const xe = p(function() {
   ) : r.mapAction || r.viewLocationAction ? /* @__PURE__ */ n(
     "svg",
     {
-      className: E,
+      className: j,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -974,7 +963,7 @@ const xe = p(function() {
   ) : r.calendarAction || r.createCalendarEventAction ? /* @__PURE__ */ e(
     "svg",
     {
-      className: E,
+      className: j,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -991,7 +980,7 @@ const xe = p(function() {
   ) : /* @__PURE__ */ e(
     "svg",
     {
-      className: E,
+      className: j,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -1006,13 +995,13 @@ const xe = p(function() {
       )
     }
   );
-}, Ie = p(function({
+}, Se = f(function({
   card: r,
   isDark: t,
   onSuggestionClick: o
 }) {
-  const a = r.layout.width === "small" ? "rcs-emulator-w-44" : "rcs-emulator-w-52", c = t ? "rcs-emulator-dark" : "rcs-emulator-light";
-  return /* @__PURE__ */ n("div", { className: `rcs-emulator-carousel-card ${a} ${c}`, children: [
+  const a = r.layout.width === "small" ? "rcs-emulator-w-44" : "rcs-emulator-w-52", l = t ? "rcs-emulator-dark" : "rcs-emulator-light";
+  return /* @__PURE__ */ n("div", { className: `rcs-emulator-carousel-card ${a} ${l}`, children: [
     r.media && /* @__PURE__ */ e("div", { className: "rcs-emulator-w-full rcs-emulator-h-32 rcs-emulator-bg-gray-200 rcs-emulator-overflow-hidden", children: /* @__PURE__ */ e(
       "img",
       {
@@ -1040,47 +1029,47 @@ const xe = p(function() {
       r.suggestions && r.suggestions.length > 0 && /* @__PURE__ */ e(
         "div",
         {
-          className: `rcs-emulator-carousel-actions rcs-emulator-mt-3 rcs-emulator-divide-y ${t ? "rcs-emulator-divide-zinc-600" : "rcs-emulator-divide-gray-100"} ${c}`,
-          children: r.suggestions.map((l, u) => {
-            const i = I(l) ? l.action.displayText : l.reply.displayText;
+          className: `rcs-emulator-carousel-actions rcs-emulator-mt-3 rcs-emulator-divide-y ${t ? "rcs-emulator-divide-zinc-600" : "rcs-emulator-divide-gray-100"} ${l}`,
+          children: r.suggestions.map((c, i) => {
+            const u = T(c) ? c.action.displayText : c.reply.displayText;
             return /* @__PURE__ */ n(
               "button",
               {
-                onClick: () => o(l),
+                onClick: () => o(c),
                 className: `rcs-emulator-w-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-2 rcs-emulator-px-3 rcs-emulator-py-2-5 rcs-emulator-text-xs rcs-emulator-transition-colors rcs-emulator-text-left rcs-emulator-border-none ${t ? "rcs-emulator-hover-bg-zinc-700 rcs-emulator-text-white" : "rcs-emulator-hover-bg-gray-50 rcs-emulator-text-gray-900"}`,
                 children: [
-                  /* @__PURE__ */ e("span", { className: "rcs-emulator-flex-shrink-0", children: Ae(l) }),
-                  /* @__PURE__ */ e("span", { className: "rcs-emulator-truncate", children: i })
+                  /* @__PURE__ */ e("span", { className: "rcs-emulator-flex-shrink-0", children: Ee(c) }),
+                  /* @__PURE__ */ e("span", { className: "rcs-emulator-truncate", children: u })
                 ]
               },
-              u
+              i
             );
           })
         }
       )
     ] })
   ] });
-}), ze = {
-  text: ({ content: s, sender: r, timestamp: t }) => s.type !== "text" ? null : /* @__PURE__ */ e(ve, { text: s.text, sender: r, timestamp: t }),
-  userReply: ({ content: s, timestamp: r }) => s.type !== "userReply" ? null : /* @__PURE__ */ e(ye, { text: s.text, timestamp: r }),
-  richcard: ({ content: s, timestamp: r }) => s.type !== "richcard" ? null : /* @__PURE__ */ e(we, { card: s.card, timestamp: r }),
-  carousel: ({ content: s, timestamp: r }) => s.type !== "carousel" ? null : /* @__PURE__ */ e($e, { cards: s.cards, timestamp: r })
-}, Te = p(function({
+}), je = {
+  text: ({ content: s, sender: r, timestamp: t }) => s.type !== "text" ? null : /* @__PURE__ */ e(Ne, { text: s.text, sender: r, timestamp: t }),
+  userReply: ({ content: s, timestamp: r }) => s.type !== "userReply" ? null : /* @__PURE__ */ e(Ce, { text: s.text, timestamp: r }),
+  richcard: ({ content: s, timestamp: r }) => s.type !== "richcard" ? null : /* @__PURE__ */ e(Le, { card: s.card, timestamp: r }),
+  carousel: ({ content: s, timestamp: r }) => s.type !== "carousel" ? null : /* @__PURE__ */ e(Te, { cards: s.cards, timestamp: r })
+}, Be = f(function({
   message: r,
   isLast: t
 }) {
-  const { content: o, sender: a, timestamp: c } = r, l = ze[o.type];
-  return l ? /* @__PURE__ */ e(
-    l,
+  const { content: o, sender: a, timestamp: l } = r, c = je[o.type];
+  return c ? /* @__PURE__ */ e(
+    c,
     {
       content: o,
       sender: a,
-      timestamp: c,
+      timestamp: l,
       showSuggestions: t && a === "business"
     }
   ) : (console.warn(`Unknown message type: ${o.type}`), /* @__PURE__ */ e("div", { className: "rcs-emulator-px-4 rcs-emulator-py-2 rcs-emulator-text-gray-500 rcs-emulator-text-sm rcs-emulator-italic", children: "[Unsupported message type]" }));
-}), Se = p(function() {
-  const { theme: r } = k(), t = r === "dark";
+}), We = f(function() {
+  const { theme: r } = C(), t = r === "dark";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1115,8 +1104,8 @@ const xe = p(function() {
       )
     }
   );
-}), Ee = p(function() {
-  const { theme: r, state: t } = k(), { chatHistory: o, isTyping: a } = t, c = r === "dark", l = c ? "rcs-emulator-dark" : "rcs-emulator-light";
+}), Re = f(function() {
+  const { theme: r, state: t } = C(), { chatHistory: o, isTyping: a } = t, l = r === "dark", c = l ? "rcs-emulator-dark" : "rcs-emulator-light";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -1128,32 +1117,32 @@ const xe = p(function() {
         o.length > 0 && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex rcs-emulator-justify-center rcs-emulator-py-2", children: /* @__PURE__ */ e(
           "span",
           {
-            className: `rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-px-3 rcs-emulator-py-1 ${c ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-500"}`,
+            className: `rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-px-3 rcs-emulator-py-1 ${l ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-500"}`,
             children: "Today"
           }
         ) }),
         /* @__PURE__ */ n(
           "div",
           {
-            className: `rcs-emulator-messages-container ${l}`,
+            className: `rcs-emulator-messages-container ${c}`,
             children: [
-              o.length === 0 && !a && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-py-12", children: /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm ${c ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-400"}`, children: "No messages yet" }) }),
+              o.length === 0 && !a && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-py-12", children: /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm ${l ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-400"}`, children: "No messages yet" }) }),
               /* @__PURE__ */ n("div", { className: "rcs-emulator-p-3 rcs-emulator-space-y-3", children: [
-                o.map((u, m) => /* @__PURE__ */ e(
+                o.map((i, m) => /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `rcs-emulator-flex ${u.sender === "user" ? "rcs-emulator-justify-end" : "rcs-emulator-justify-start"}`,
+                    className: `rcs-emulator-flex ${i.sender === "user" ? "rcs-emulator-justify-end" : "rcs-emulator-justify-start"}`,
                     children: /* @__PURE__ */ e(
-                      Te,
+                      Be,
                       {
-                        message: u,
+                        message: i,
                         isLast: m === o.length - 1 && !a
                       }
                     )
                   },
-                  u.id
+                  i.id
                 )),
-                a && /* @__PURE__ */ e(Se, {})
+                a && /* @__PURE__ */ e(We, {})
               ] })
             ]
           }
@@ -1161,21 +1150,21 @@ const xe = p(function() {
       ]
     }
   );
-}), je = p(function({
+}), Ve = f(function({
   suggestion: r,
   onClick: t,
   variant: o = "bar"
 }) {
-  const { theme: a, businessInfo: c } = k(), l = a === "dark", u = I(r), m = u ? r.action.displayText : r.reply.displayText, i = u ? Be(r) : null, h = c.brandColor || "#1A73E8", f = l ? "rcs-emulator-dark" : "rcs-emulator-light";
+  const { theme: a, businessInfo: l } = C(), c = a === "dark", i = T(r), m = i ? r.action.displayText : r.reply.displayText, u = i ? Oe(r) : null, d = l.brandColor || "#1A73E8", h = c ? "rcs-emulator-dark" : "rcs-emulator-light";
   return o === "bar" ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: t,
-      className: `rcs-emulator-suggestion-chip rcs-emulator-inline-flex rcs-emulator-items-center rcs-emulator-gap-2 rcs-emulator-px-4 rcs-emulator-py-2 rcs-emulator-rounded-full rcs-emulator-text-sm rcs-emulator-font-medium rcs-emulator-whitespace-nowrap rcs-emulator-transition-colors rcs-emulator-flex-shrink-0 rcs-emulator-border ${f}`,
-      "aria-label": u ? `${Re(r)}: ${m}` : m,
+      className: `rcs-emulator-suggestion-chip rcs-emulator-inline-flex rcs-emulator-items-center rcs-emulator-gap-2 rcs-emulator-px-4 rcs-emulator-py-2 rcs-emulator-rounded-full rcs-emulator-text-sm rcs-emulator-font-medium rcs-emulator-whitespace-nowrap rcs-emulator-transition-colors rcs-emulator-flex-shrink-0 rcs-emulator-border ${h}`,
+      "aria-label": i ? `${Ue(r)}: ${m}` : m,
       children: [
-        i && /* @__PURE__ */ e("span", { style: { color: h }, children: /* @__PURE__ */ e(i, { className: "rcs-emulator-w-4 rcs-emulator-h-4" }) }),
+        u && /* @__PURE__ */ e("span", { style: { color: d }, children: /* @__PURE__ */ e(u, { className: "rcs-emulator-w-4 rcs-emulator-h-4" }) }),
         /* @__PURE__ */ e("span", { className: "rcs-emulator-text-sm rcs-emulator-font-medium", children: m })
       ]
     }
@@ -1184,18 +1173,18 @@ const xe = p(function() {
     {
       type: "button",
       onClick: t,
-      className: `rcs-emulator-w-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-3 rcs-emulator-py-2-5 rcs-emulator-text-left rcs-emulator-transition-colors rcs-emulator-rounded-lg rcs-emulator-list-item rcs-emulator-border-none ${f}`,
+      className: `rcs-emulator-w-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-3 rcs-emulator-py-2-5 rcs-emulator-text-left rcs-emulator-transition-colors rcs-emulator-rounded-lg rcs-emulator-list-item rcs-emulator-border-none ${h}`,
       children: [
-        i && /* @__PURE__ */ e(
+        u && /* @__PURE__ */ e(
           "div",
           {
             className: "rcs-emulator-w-8 rcs-emulator-h-8 rcs-emulator-rounded-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-flex-shrink-0",
-            style: { backgroundColor: `${h}15` },
+            style: { backgroundColor: `${d}15` },
             children: /* @__PURE__ */ e(
-              i,
+              u,
               {
                 className: "rcs-emulator-w-4 rcs-emulator-h-4",
-                style: { color: h }
+                style: { color: d }
               }
             )
           }
@@ -1203,7 +1192,7 @@ const xe = p(function() {
         /* @__PURE__ */ e(
           "span",
           {
-            className: `rcs-emulator-text-sm rcs-emulator-font-medium ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+            className: `rcs-emulator-text-sm rcs-emulator-font-medium ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
             children: m
           }
         )
@@ -1214,155 +1203,127 @@ const xe = p(function() {
     {
       type: "button",
       onClick: t,
-      className: `rcs-emulator-w-full rcs-emulator-px-3 rcs-emulator-py-2 rcs-emulator-rounded-lg rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-text-center rcs-emulator-border rcs-emulator-transition-colors ${l ? "rcs-emulator-border-zinc-600 rcs-emulator-hover-bg-zinc-700 rcs-emulator-text-white" : "rcs-emulator-border-gray-300 rcs-emulator-hover-bg-gray-50 rcs-emulator-text-gray-900"}`,
+      className: `rcs-emulator-w-full rcs-emulator-px-3 rcs-emulator-py-2 rcs-emulator-rounded-lg rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-text-center rcs-emulator-border rcs-emulator-transition-colors ${c ? "rcs-emulator-border-zinc-600 rcs-emulator-hover-bg-zinc-700 rcs-emulator-text-white" : "rcs-emulator-border-gray-300 rcs-emulator-hover-bg-gray-50 rcs-emulator-text-gray-900"}`,
       children: m
     }
   );
-});
-function Be(s) {
-  if (!I(s)) return null;
-  const { action: r } = s;
-  return r.openUrlAction ? ({ className: t, style: o }) => /* @__PURE__ */ e(
-    "svg",
-    {
-      className: t,
-      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"
-        }
-      )
-    }
-  ) : r.dialAction ? ({ className: t, style: o }) => /* @__PURE__ */ e(
-    "svg",
-    {
-      className: t,
-      style: o,
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      children: /* @__PURE__ */ e(
+}), He = ({ className: s, style: r }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    className: s,
+    style: r,
+    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"
+      }
+    )
+  }
+), De = ({ className: s, style: r }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    className: s,
+    style: r,
+    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"
+      }
+    )
+  }
+), Pe = ({ className: s, style: r }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: s,
+    style: r,
+    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"
+          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"
         }
-      )
-    }
-  ) : r.shareLocationAction ? ({ className: t, style: o }) => /* @__PURE__ */ n(
-    "svg",
-    {
-      className: t,
-      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"
-          }
-        )
-      ]
-    }
-  ) : r.viewLocationAction ? ({ className: t, style: o }) => /* @__PURE__ */ n(
-    "svg",
-    {
-      className: t,
-      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"
-          }
-        )
-      ]
-    }
-  ) : r.createCalendarEventAction ? ({ className: t, style: o }) => /* @__PURE__ */ e(
-    "svg",
-    {
-      className: t,
-      style: o,
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      children: /* @__PURE__ */ e(
+      ),
+      /* @__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"
+          d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
         }
       )
-    }
-  ) : null;
+    ]
+  }
+), _e = ({ className: s, style: r }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    className: s,
+    style: r,
+    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"
+      }
+    )
+  }
+);
+function Oe(s) {
+  if (!T(s)) return null;
+  const { action: r } = s;
+  return r.openUrlAction || r.urlAction ? He : r.dialAction || r.dialerAction ? De : r.shareLocationAction || r.viewLocationAction || r.mapAction ? Pe : r.createCalendarEventAction || r.calendarAction ? _e : null;
 }
-function Re(s) {
-  if (!I(s)) return "Reply";
+function Ue(s) {
+  if (!T(s)) return "Reply";
   const { action: r } = s;
-  return r.openUrlAction ? "Open link" : r.dialAction ? "Call" : r.shareLocationAction ? "Share location" : r.viewLocationAction ? "View location" : r.createCalendarEventAction ? "Add to calendar" : "Action";
+  return r.openUrlAction || r.urlAction ? "Open link" : r.dialAction || r.dialerAction ? "Call" : r.shareLocationAction ? "Share location" : r.viewLocationAction || r.mapAction ? "View location" : r.createCalendarEventAction || r.calendarAction ? "Add to calendar" : "Action";
 }
-const We = p(function({
+const Ge = f(function({
   suggestions: r
 }) {
-  const { theme: t, handleReply: o, handleAction: a } = k(), c = t === "dark";
+  const { theme: t, handleReply: o, handleAction: a } = C(), l = t === "dark";
   if (!r || r.length === 0)
     return null;
-  const l = (u) => {
-    Y(u) ? o(u) : I(u) && a(u);
+  const c = (i) => {
+    ee(i) ? o(i) : T(i) && a(i);
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `rcs-emulator-suggestions-bar rcs-emulator-px-3 rcs-emulator-py-2 ${c ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
+      className: `rcs-emulator-suggestions-bar rcs-emulator-px-3 rcs-emulator-py-2 ${l ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       role: "group",
       "aria-label": "Quick replies",
       children: /* @__PURE__ */ e(
         "div",
         {
           className: "rcs-emulator-flex rcs-emulator-gap-2 rcs-emulator-overflow-x-auto rcs-emulator-pb-1 rcs-emulator--mx-1 rcs-emulator-px-1 rcs-emulator-scrollbar-hide",
-          children: r.map((u, m) => /* @__PURE__ */ e(
-            je,
+          children: r.map((i, m) => /* @__PURE__ */ e(
+            Ve,
             {
-              suggestion: u,
-              onClick: () => l(u),
+              suggestion: i,
+              onClick: () => c(i),
               variant: "bar"
             },
             m
@@ -1371,40 +1332,40 @@ const We = p(function({
       )
     }
   );
-}), Ve = p(function() {
-  const { theme: r, state: t, showSuggestions: o } = k(), { chatHistory: a, isTyping: c, error: l } = t, u = ge([
+}), Fe = f(function() {
+  const { theme: r, state: t, showSuggestions: o } = C(), { chatHistory: a, isTyping: l, error: c } = t, i = we([
     a.length,
-    c
-  ]), m = r === "dark", i = m ? "rcs-emulator-dark" : "rcs-emulator-light", h = a[a.length - 1], f = o && h?.sender === "business" && !c ? h.suggestions : void 0;
+    l
+  ]), m = r === "dark", u = m ? "rcs-emulator-dark" : "rcs-emulator-light", d = a[a.length - 1], h = o && d?.sender === "business" && !l ? d.suggestions : void 0;
   return /* @__PURE__ */ n(
     "div",
     {
       className: `rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-h-full rcs-emulator-w-full rcs-emulator-overflow-hidden ${m ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       children: [
-        /* @__PURE__ */ e(xe, {}),
-        l && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ye, {}),
+        c && /* @__PURE__ */ e(
           "div",
           {
             className: "rcs-emulator-error-alert",
             role: "alert",
-            children: /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-text-red-500", children: l })
+            children: /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-text-red-500", children: c })
           }
         ),
-        /* @__PURE__ */ n("div", { ref: u, className: "rcs-emulator-flex-1 rcs-emulator-overflow-y-auto rcs-emulator-scrollbar", children: [
-          /* @__PURE__ */ e(be, {}),
-          /* @__PURE__ */ e(Ee, {})
+        /* @__PURE__ */ n("div", { ref: i, className: "rcs-emulator-flex-1 rcs-emulator-overflow-y-auto rcs-emulator-scrollbar", children: [
+          /* @__PURE__ */ e(ke, {}),
+          /* @__PURE__ */ e(Re, {})
         ] }),
-        f && f.length > 0 && /* @__PURE__ */ e(We, { suggestions: f }),
+        h && h.length > 0 && /* @__PURE__ */ e(Ge, { suggestions: h }),
         /* @__PURE__ */ n(
           "div",
           {
-            className: `rcs-emulator-input-area ${i}`,
+            className: `rcs-emulator-input-area ${u}`,
             children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  className: `rcs-emulator-add-btn ${i}`,
+                  className: `rcs-emulator-add-btn ${u}`,
                   "aria-label": "Add attachment",
                   children: /* @__PURE__ */ e(
                     "svg",
@@ -1429,7 +1390,7 @@ const We = p(function({
               /* @__PURE__ */ n(
                 "div",
                 {
-                  className: `rcs-emulator-input-container ${i}`,
+                  className: `rcs-emulator-input-container ${u}`,
                   children: [
                     /* @__PURE__ */ e(
                       "span",
@@ -1508,23 +1469,23 @@ const We = p(function({
       ]
     }
   );
-}), He = p(function() {
-  const { theme: r, businessInfo: t, toggleProfile: o } = k(), [a, c] = A("info"), l = r === "dark", u = t.bannerImage || "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80", m = t.brandColor || "#0084ff";
+}), Je = f(function() {
+  const { theme: r, businessInfo: t, toggleProfile: o } = C(), [a, l] = A("info"), c = r === "dark", i = t.bannerImage || "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80", m = t.brandColor || "#0084ff";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: `rcs-emulator-absolute rcs-emulator-inset-0 rcs-emulator-z-50 rcs-emulator-flex rcs-emulator-flex-col ${l ? "rcs-emulator-bg-zinc-950" : "rcs-emulator-bg-white"}`,
+      className: `rcs-emulator-absolute rcs-emulator-inset-0 rcs-emulator-z-50 rcs-emulator-flex rcs-emulator-flex-col ${c ? "rcs-emulator-bg-zinc-950" : "rcs-emulator-bg-white"}`,
       children: [
         /* @__PURE__ */ n(
           "header",
           {
-            className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-4 rcs-emulator-py-3 rcs-emulator-border-b ${l ? "rcs-emulator-bg-zinc-900 rcs-emulator-border-zinc-800" : "rcs-emulator-bg-white rcs-emulator-border-gray-200"}`,
+            className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-4 rcs-emulator-py-3 rcs-emulator-border-b ${c ? "rcs-emulator-bg-zinc-900 rcs-emulator-border-zinc-800" : "rcs-emulator-bg-white rcs-emulator-border-gray-200"}`,
             children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: o,
-                  className: `rcs-emulator-p-1-5 rcs-emulator--ml-1-5 rcs-emulator-rounded-full rcs-emulator-transition-colors ${l ? "rcs-emulator-hover-bg-zinc-800 rcs-emulator-text-white" : "rcs-emulator-hover-bg-gray-100 rcs-emulator-text-gray-900"}`,
+                  className: `rcs-emulator-p-1-5 rcs-emulator--ml-1-5 rcs-emulator-rounded-full rcs-emulator-transition-colors ${c ? "rcs-emulator-hover-bg-zinc-800 rcs-emulator-text-white" : "rcs-emulator-hover-bg-gray-100 rcs-emulator-text-gray-900"}`,
                   "aria-label": "Go back",
                   children: /* @__PURE__ */ e(
                     "svg",
@@ -1549,7 +1510,7 @@ const We = p(function({
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `rcs-emulator-text-base rcs-emulator-font-medium ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                  className: `rcs-emulator-text-base rcs-emulator-font-medium ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
                   children: "Info & options"
                 }
               )
@@ -1560,7 +1521,7 @@ const We = p(function({
           /* @__PURE__ */ e("div", { className: "rcs-emulator-relative rcs-emulator-h-40 rcs-emulator-bg-gray-200", children: /* @__PURE__ */ e(
             "img",
             {
-              src: u,
+              src: i,
               alt: "Business banner",
               className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-object-cover"
             }
@@ -1568,7 +1529,7 @@ const We = p(function({
           /* @__PURE__ */ e("div", { className: "rcs-emulator-relative rcs-emulator-px-4", children: /* @__PURE__ */ e(
             "div",
             {
-              className: `rcs-emulator-absolute rcs-emulator--top-10 rcs-emulator-left-1-2 rcs-emulator--translate-x-1-2 rcs-emulator-w-20 rcs-emulator-h-20 rcs-emulator-rounded-full rcs-emulator-overflow-hidden rcs-emulator-border-4 ${l ? "rcs-emulator-border-zinc-950 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-white rcs-emulator-bg-gray-100"} rcs-emulator-shadow-lg`,
+              className: `rcs-emulator-absolute rcs-emulator--top-10 rcs-emulator-left-1-2 rcs-emulator--translate-x-1-2 rcs-emulator-w-20 rcs-emulator-h-20 rcs-emulator-rounded-full rcs-emulator-overflow-hidden rcs-emulator-border-4 ${c ? "rcs-emulator-border-zinc-950 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-white rcs-emulator-bg-gray-100"} rcs-emulator-shadow-lg`,
               children: t.logo ? /* @__PURE__ */ e(
                 "img",
                 {
@@ -1590,49 +1551,49 @@ const We = p(function({
             /* @__PURE__ */ e(
               "h1",
               {
-                className: `rcs-emulator-text-xl rcs-emulator-font-semibold ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                className: `rcs-emulator-text-xl rcs-emulator-font-semibold ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
                 children: t.name
               }
             ),
-            t.description && /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm rcs-emulator-mt-1 ${l ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`, children: t.description })
+            t.description && /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm rcs-emulator-mt-1 ${c ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`, children: t.description })
           ] }),
           /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-justify-center rcs-emulator-gap-4 rcs-emulator-px-4 rcs-emulator-pb-4", children: [
             t.phoneNumbers && t.phoneNumbers.length > 0 && /* @__PURE__ */ e(
-              _,
+              G,
               {
                 icon: "phone",
                 label: "Call",
-                isDark: l,
+                isDark: c,
                 brandColor: m,
                 onClick: () => {
-                  const i = t.phoneNumbers?.[0]?.number;
-                  i && (window.location.href = `tel:${i}`);
+                  const u = t.phoneNumbers?.[0]?.number;
+                  u && (window.location.href = `tel:${u}`);
                 }
               }
             ),
             t.websites && t.websites.length > 0 && /* @__PURE__ */ e(
-              _,
+              G,
               {
                 icon: "globe",
                 label: "Website",
-                isDark: l,
+                isDark: c,
                 brandColor: m,
                 onClick: () => {
-                  const i = t.websites?.[0]?.url;
-                  i && window.open(i, "_blank", "noopener,noreferrer");
+                  const u = t.websites?.[0]?.url;
+                  u && window.open(u, "_blank", "noopener,noreferrer");
                 }
               }
             ),
             t.emails && t.emails.length > 0 && /* @__PURE__ */ e(
-              _,
+              G,
               {
                 icon: "mail",
                 label: "Contact",
-                isDark: l,
+                isDark: c,
                 brandColor: m,
                 onClick: () => {
-                  const i = t.emails?.[0]?.email;
-                  i && (window.location.href = `mailto:${i}`);
+                  const u = t.emails?.[0]?.email;
+                  u && (window.location.href = `mailto:${u}`);
                 }
               }
             )
@@ -1640,24 +1601,24 @@ const We = p(function({
           /* @__PURE__ */ n(
             "div",
             {
-              className: `rcs-emulator-tabs-container rcs-emulator-flex rcs-emulator-mx-4 rcs-emulator-rounded-lg rcs-emulator-overflow-hidden rcs-emulator-border ${l ? "rcs-emulator-border-zinc-700 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-gray-200 rcs-emulator-bg-gray-100"}`,
+              className: `rcs-emulator-tabs-container rcs-emulator-flex rcs-emulator-mx-4 rcs-emulator-rounded-lg rcs-emulator-overflow-hidden rcs-emulator-border ${c ? "rcs-emulator-border-zinc-700 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-gray-200 rcs-emulator-bg-gray-100"}`,
               children: [
                 /* @__PURE__ */ e(
-                  F,
+                  Z,
                   {
                     active: a === "info",
-                    onClick: () => c("info"),
-                    isDark: l,
+                    onClick: () => l("info"),
+                    isDark: c,
                     brandColor: m,
                     children: "Info"
                   }
                 ),
                 /* @__PURE__ */ e(
-                  F,
+                  Z,
                   {
                     active: a === "options",
-                    onClick: () => c("options"),
-                    isDark: l,
+                    onClick: () => l("options"),
+                    isDark: c,
                     brandColor: m,
                     children: "Options"
                   }
@@ -1665,22 +1626,22 @@ const We = p(function({
               ]
             }
           ),
-          /* @__PURE__ */ e("div", { className: "rcs-emulator-p-4", children: a === "info" ? /* @__PURE__ */ e(_e, { isDark: l, brandColor: m }) : /* @__PURE__ */ e(Ue, { isDark: l }) })
+          /* @__PURE__ */ e("div", { className: "rcs-emulator-p-4", children: a === "info" ? /* @__PURE__ */ e(Ye, { isDark: c, brandColor: m }) : /* @__PURE__ */ e(qe, { isDark: c }) })
         ] })
       ]
     }
   );
-}), _ = p(function({
+}), G = f(function({
   icon: r,
   label: t,
   isDark: o,
   brandColor: a,
-  onClick: c
+  onClick: l
 }) {
   return /* @__PURE__ */ n(
     "button",
     {
-      onClick: c,
+      onClick: l,
       className: `rcs-emulator-quick-action-btn rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-gap-2 rcs-emulator-px-6 rcs-emulator-py-3 rcs-emulator-rounded-xl rcs-emulator-border rcs-emulator-transition-colors ${o ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       children: [
         /* @__PURE__ */ e(
@@ -1731,12 +1692,12 @@ const We = p(function({
       ]
     }
   );
-}), F = p(function({
+}), Z = f(function({
   active: r,
   onClick: t,
   isDark: o,
   brandColor: a,
-  children: c
+  children: l
 }) {
   return /* @__PURE__ */ e(
     "button",
@@ -1744,51 +1705,51 @@ const We = p(function({
       onClick: t,
       className: `rcs-emulator-tab-btn rcs-emulator-flex-1 rcs-emulator-py-2-5 rcs-emulator-text-sm rcs-emulator-font-medium rcs-emulator-transition-colors rcs-emulator-rounded-lg ${r ? "rcs-emulator-active" : `rcs-emulator-inactive ${o ? "rcs-emulator-dark" : "rcs-emulator-light"}`}`,
       style: r ? { backgroundColor: a } : void 0,
-      children: c
+      children: l
     }
   );
-}), _e = p(function({ isDark: r, brandColor: t }) {
-  const { businessInfo: o } = k();
+}), Ye = f(function({ isDark: r, brandColor: t }) {
+  const { businessInfo: o } = C();
   return o.phoneNumbers && o.phoneNumbers.length > 0 || o.websites && o.websites.length > 0 || o.emails && o.emails.length > 0 ? /* @__PURE__ */ n(
     "div",
     {
       className: `rcs-emulator-profile-section rcs-emulator-rounded-xl rcs-emulator-overflow-hidden rcs-emulator-border rcs-emulator-divide-y ${r ? "rcs-emulator-dark rcs-emulator-divide-zinc-800" : "rcs-emulator-light rcs-emulator-divide-gray-200"}`,
       children: [
-        o.phoneNumbers?.map((c, l) => /* @__PURE__ */ e(
-          U,
+        o.phoneNumbers?.map((l, c) => /* @__PURE__ */ e(
+          F,
           {
             icon: "phone",
-            primary: c.number,
-            secondary: c.label,
+            primary: l.number,
+            secondary: l.label,
             isDark: r,
             brandColor: t,
-            onClick: () => window.location.href = `tel:${c.number}`
+            onClick: () => window.location.href = `tel:${l.number}`
           },
-          `phone-${l}`
+          `phone-${c}`
         )),
-        o.websites?.map((c, l) => /* @__PURE__ */ e(
-          U,
+        o.websites?.map((l, c) => /* @__PURE__ */ e(
+          F,
           {
             icon: "globe",
-            primary: c.url.replace(/^https?:\/\//, ""),
-            secondary: c.label || "Website",
+            primary: l.url.replace(/^https?:\/\//, ""),
+            secondary: l.label || "Website",
             isDark: r,
             brandColor: t,
-            onClick: () => window.open(c.url, "_blank", "noopener,noreferrer")
+            onClick: () => window.open(l.url, "_blank", "noopener,noreferrer")
           },
-          `web-${l}`
+          `web-${c}`
         )),
-        o.emails?.map((c, l) => /* @__PURE__ */ e(
-          U,
+        o.emails?.map((l, c) => /* @__PURE__ */ e(
+          F,
           {
             icon: "mail",
-            primary: c.email,
-            secondary: c.label || "Email",
+            primary: l.email,
+            secondary: l.label || "Email",
             isDark: r,
             brandColor: t,
-            onClick: () => window.location.href = `mailto:${c.email}`
+            onClick: () => window.location.href = `mailto:${l.email}`
           },
-          `email-${l}`
+          `email-${c}`
         ))
       ]
     }
@@ -1799,17 +1760,17 @@ const We = p(function({
       children: "No contact information available"
     }
   );
-}), U = p(function({
+}), F = f(function({
   icon: r,
   primary: t,
   secondary: o,
   isDark: a,
-  onClick: c
+  onClick: l
 }) {
   return /* @__PURE__ */ n(
     "button",
     {
-      onClick: c,
+      onClick: l,
       className: `rcs-emulator-list-item rcs-emulator-w-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-4 rcs-emulator-px-4 rcs-emulator-py-3-5 rcs-emulator-text-left rcs-emulator-transition-colors ${a ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       children: [
         /* @__PURE__ */ e(
@@ -1853,14 +1814,14 @@ const We = p(function({
       ]
     }
   );
-}), Ue = p(function({ isDark: r }) {
+}), qe = f(function({ isDark: r }) {
   return /* @__PURE__ */ n(
     "div",
     {
       className: `rcs-emulator-profile-section rcs-emulator-rounded-xl rcs-emulator-overflow-hidden rcs-emulator-border rcs-emulator-divide-y ${r ? "rcs-emulator-dark rcs-emulator-divide-zinc-800" : "rcs-emulator-light rcs-emulator-divide-gray-200"}`,
       children: [
         /* @__PURE__ */ e(
-          D,
+          J,
           {
             icon: "bell",
             label: "Notifications",
@@ -1868,7 +1829,7 @@ const We = p(function({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          J,
           {
             icon: "block",
             label: "Block & report spam",
@@ -1876,7 +1837,7 @@ const We = p(function({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          J,
           {
             icon: "info",
             label: "About RCS",
@@ -1886,7 +1847,7 @@ const We = p(function({
       ]
     }
   );
-}), D = p(function({
+}), J = f(function({
   icon: r,
   label: t,
   isDark: o
@@ -1928,39 +1889,39 @@ const We = p(function({
       ]
     }
   );
-}), q = {
+}), K = {
   FULL: "rcs-emulator-webview-full",
   TALL: "rcs-emulator-webview-tall",
   HALF: "rcs-emulator-webview-half"
-}, De = p(function() {
-  const { theme: r, businessInfo: t, webView: o, closeWebView: a } = k(), [c, l] = A(!0), [u, m] = A(!1), i = r === "dark", h = t.brandColor || "#0084ff";
-  j(() => {
-    o?.url && (l(!0), m(!1));
+}, Qe = f(function() {
+  const { theme: r, businessInfo: t, webView: o, closeWebView: a } = C(), [l, c] = A(!0), [i, m] = A(!1), u = r === "dark", d = t.brandColor || "#0084ff";
+  B(() => {
+    o?.url && (c(!0), m(!1));
   }, [o?.url]);
-  const f = $(() => {
-    l(!1);
-  }, []), v = $(() => {
-    l(!1), m(!0);
-  }, []), b = (C) => {
+  const h = M(() => {
+    c(!1);
+  }, []), v = M(() => {
+    c(!1), m(!0);
+  }, []), y = (N) => {
     try {
-      return new URL(C).hostname;
+      return new URL(N).hostname;
     } catch {
       return "Web Page";
     }
   };
   if (!o || !o.isOpen) return null;
-  const { url: N, viewMode: y, title: w, postbackData: g } = o, d = w || b(N), x = y === "FULL", L = y === "TALL" || y === "HALF", z = q[y] || q.TALL;
+  const { url: k, viewMode: w, title: g, postbackData: x } = o, L = g || y(k), b = w === "FULL", $ = w === "TALL" || w === "HALF", S = K[w] || K.TALL;
   return /* @__PURE__ */ n(
     "div",
     {
-      className: `rcs-emulator-webview-overlay ${x ? "rcs-emulator-webview-full" : "rcs-emulator-webview-bottom-sheet"} rcs-emulator-absolute rcs-emulator-inset-0 rcs-emulator-z-50 rcs-emulator-flex rcs-emulator-flex-col ${x ? "" : "rcs-emulator-justify-end"} ${i ? "rcs-emulator-bg-black-60" : "rcs-emulator-bg-black-40"}`,
+      className: `rcs-emulator-webview-overlay ${b ? "rcs-emulator-webview-full" : "rcs-emulator-webview-bottom-sheet"} rcs-emulator-absolute rcs-emulator-inset-0 rcs-emulator-z-50 rcs-emulator-flex rcs-emulator-flex-col ${b ? "" : "rcs-emulator-justify-end"} ${u ? "rcs-emulator-bg-black-60" : "rcs-emulator-bg-black-40"}`,
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": `WebView: ${d}`,
-      "data-postback": g,
-      "data-view-mode": y,
+      "aria-label": `WebView: ${L}`,
+      "data-postback": x,
+      "data-view-mode": w,
       children: [
-        L && /* @__PURE__ */ e(
+        $ && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1972,7 +1933,7 @@ const We = p(function({
         /* @__PURE__ */ n(
           "div",
           {
-            className: `rcs-emulator-relative rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-overflow-hidden ${i ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-white"} ${z} rcs-emulator-w-full ${L ? "rcs-emulator-rounded-t-2xl rcs-emulator-shadow-2xl" : ""}`,
+            className: `rcs-emulator-relative rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-overflow-hidden ${u ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-white"} ${S} rcs-emulator-w-full ${$ ? "rcs-emulator-rounded-t-2xl rcs-emulator-shadow-2xl" : ""}`,
             style: {
               // Ensure container is above backdrop
               position: "relative",
@@ -1982,14 +1943,14 @@ const We = p(function({
               /* @__PURE__ */ n(
                 "header",
                 {
-                  className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-2 rcs-emulator-py-2 rcs-emulator-flex-shrink-0 rcs-emulator-border-b ${i ? "rcs-emulator-bg-zinc-900 rcs-emulator-border-zinc-800" : "rcs-emulator-bg-white rcs-emulator-border-gray-200"}`,
+                  className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-2 rcs-emulator-py-2 rcs-emulator-flex-shrink-0 rcs-emulator-border-b ${u ? "rcs-emulator-bg-zinc-900 rcs-emulator-border-zinc-800" : "rcs-emulator-bg-white rcs-emulator-border-gray-200"}`,
                   children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         onClick: a,
-                        className: `rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-rounded-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-transition-colors ${i ? "rcs-emulator-text-white rcs-emulator-hover-bg-zinc-800" : "rcs-emulator-text-gray-700 rcs-emulator-hover-bg-gray-100"}`,
+                        className: `rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-rounded-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-transition-colors ${u ? "rcs-emulator-text-white rcs-emulator-hover-bg-zinc-800" : "rcs-emulator-text-gray-700 rcs-emulator-hover-bg-gray-100"}`,
                         "aria-label": "Close WebView",
                         children: /* @__PURE__ */ e(
                           "svg",
@@ -2015,15 +1976,15 @@ const We = p(function({
                       /* @__PURE__ */ e(
                         "h2",
                         {
-                          className: `rcs-emulator-text-base rcs-emulator-font-medium rcs-emulator-truncate ${i ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
-                          children: d
+                          className: `rcs-emulator-text-base rcs-emulator-font-medium rcs-emulator-truncate ${u ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                          children: L
                         }
                       ),
                       /* @__PURE__ */ e(
                         "p",
                         {
-                          className: `rcs-emulator-text-xs rcs-emulator-truncate ${i ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
-                          children: b(N)
+                          className: `rcs-emulator-text-xs rcs-emulator-truncate ${u ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+                          children: y(k)
                         }
                       )
                     ] }),
@@ -2031,7 +1992,7 @@ const We = p(function({
                       "button",
                       {
                         type: "button",
-                        className: `rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-rounded-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center ${i ? "rcs-emulator-text-zinc-400 rcs-emulator-hover-bg-zinc-800" : "rcs-emulator-text-gray-500 rcs-emulator-hover-bg-gray-100"}`,
+                        className: `rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-rounded-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center ${u ? "rcs-emulator-text-zinc-400 rcs-emulator-hover-bg-zinc-800" : "rcs-emulator-text-gray-500 rcs-emulator-hover-bg-gray-100"}`,
                         "aria-label": "More options",
                         children: /* @__PURE__ */ n(
                           "svg",
@@ -2051,27 +2012,27 @@ const We = p(function({
                   ]
                 }
               ),
-              c && /* @__PURE__ */ e(
+              l && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "rcs-emulator-absolute rcs-emulator-top-14 rcs-emulator-left-0 rcs-emulator-right-0 rcs-emulator-h-1 rcs-emulator-overflow-hidden",
-                  style: { backgroundColor: `${h}20` },
+                  style: { backgroundColor: `${d}20` },
                   children: /* @__PURE__ */ e(
                     "div",
                     {
                       className: "rcs-emulator-h-full rcs-emulator-animate-pulse rcs-emulator-webview-loading-bar",
                       style: {
-                        backgroundColor: h,
+                        backgroundColor: d,
                         width: "30%"
                       }
                     }
                   )
                 }
               ),
-              u && /* @__PURE__ */ n(
+              i && /* @__PURE__ */ n(
                 "div",
                 {
-                  className: `rcs-emulator-flex-1 rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-p-6 rcs-emulator-text-center ${i ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+                  className: `rcs-emulator-flex-1 rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-p-6 rcs-emulator-text-center ${u ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
                   children: [
                     /* @__PURE__ */ e(
                       "svg",
@@ -2098,30 +2059,30 @@ const We = p(function({
                       {
                         type: "button",
                         onClick: a,
-                        className: `rcs-emulator-px-4 rcs-emulator-py-2 rcs-emulator-rounded-full rcs-emulator-text-sm rcs-emulator-font-medium ${i ? "rcs-emulator-bg-zinc-800 rcs-emulator-text-white rcs-emulator-hover-bg-zinc-700" : "rcs-emulator-bg-gray-100 rcs-emulator-text-gray-700 rcs-emulator-hover-bg-gray-200"}`,
+                        className: `rcs-emulator-px-4 rcs-emulator-py-2 rcs-emulator-rounded-full rcs-emulator-text-sm rcs-emulator-font-medium ${u ? "rcs-emulator-bg-zinc-800 rcs-emulator-text-white rcs-emulator-hover-bg-zinc-700" : "rcs-emulator-bg-gray-100 rcs-emulator-text-gray-700 rcs-emulator-hover-bg-gray-200"}`,
                         children: "Go Back"
                       }
                     )
                   ]
                 }
               ),
-              !u && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex-1 rcs-emulator-overflow-hidden", children: /* @__PURE__ */ e(
+              !i && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex-1 rcs-emulator-overflow-hidden", children: /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: N,
-                  title: d,
+                  src: k,
+                  title: L,
                   className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-border-0",
-                  onLoad: f,
+                  onLoad: h,
                   onError: v,
                   sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
                   referrerPolicy: "no-referrer-when-downgrade",
                   loading: "lazy"
                 }
               ) }),
-              L && /* @__PURE__ */ e(
+              $ && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `rcs-emulator-h-2 rcs-emulator-flex-shrink-0 ${i ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-white"}`
+                  className: `rcs-emulator-h-2 rcs-emulator-flex-shrink-0 ${u ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-white"}`
                 }
               )
             ]
@@ -2130,22 +2091,22 @@ const We = p(function({
       ]
     }
   );
-}), Oe = p(function({
+}), Ze = f(function({
   onUnlock: r,
   messagePreview: t = "New message"
 }) {
-  const { theme: o, businessInfo: a } = k(), [c, l] = A(/* @__PURE__ */ new Date()), u = o === "dark";
-  j(() => {
-    const h = setInterval(() => {
-      l(/* @__PURE__ */ new Date());
+  const { theme: o, businessInfo: a } = C(), [l, c] = A(/* @__PURE__ */ new Date()), i = o === "dark";
+  B(() => {
+    const d = setInterval(() => {
+      c(/* @__PURE__ */ new Date());
     }, 1e3);
-    return () => clearInterval(h);
+    return () => clearInterval(d);
   }, []);
-  const m = c.toLocaleTimeString([], {
+  const m = l.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }), i = c.toLocaleDateString([], {
+  }), u = l.toLocaleDateString([], {
     weekday: "short",
     month: "long",
     day: "numeric"
@@ -2153,7 +2114,7 @@ const We = p(function({
   return /* @__PURE__ */ n(
     "div",
     {
-      className: `rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-h-full rcs-emulator-w-full rcs-emulator-select-none ${u ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-zinc-800"}`,
+      className: `rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-h-full rcs-emulator-w-full rcs-emulator-select-none ${i ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-zinc-800"}`,
       children: [
         /* @__PURE__ */ e("div", { className: "rcs-emulator-h-6" }),
         /* @__PURE__ */ e("div", { className: "rcs-emulator-flex rcs-emulator-justify-center rcs-emulator-mt-4", children: /* @__PURE__ */ e("div", { className: "rcs-emulator-w-8 rcs-emulator-h-8 rcs-emulator-rounded-full rcs-emulator-bg-zinc-700 rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center", children: /* @__PURE__ */ e(
@@ -2173,7 +2134,7 @@ const We = p(function({
           }
         ) }) }),
         /* @__PURE__ */ e("div", { className: "rcs-emulator-mt-6 rcs-emulator-text-center", children: /* @__PURE__ */ e("h1", { className: "rcs-emulator-text-5xl rcs-emulator-font-light rcs-emulator-text-white rcs-emulator-tracking-tight", children: m }) }),
-        /* @__PURE__ */ e("div", { className: "rcs-emulator-mt-2 rcs-emulator-text-center", children: /* @__PURE__ */ e("p", { className: "rcs-emulator-text-zinc-400 rcs-emulator-text-sm", children: i }) }),
+        /* @__PURE__ */ e("div", { className: "rcs-emulator-mt-2 rcs-emulator-text-center", children: /* @__PURE__ */ e("p", { className: "rcs-emulator-text-zinc-400 rcs-emulator-text-sm", children: u }) }),
         /* @__PURE__ */ e("div", { className: "rcs-emulator-h-24" }),
         /* @__PURE__ */ e("div", { className: "rcs-emulator-px-4 rcs-emulator-pb-8", children: /* @__PURE__ */ n(
           "button",
@@ -2224,144 +2185,374 @@ const We = p(function({
       ]
     }
   );
-}), J = {
+}), Ke = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    className: "rcs-emulator-w-5 rcs-emulator-h-5",
+    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"
+      }
+    )
+  }
+), Xe = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    className: "rcs-emulator-w-5 rcs-emulator-h-5",
+    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"
+      }
+    )
+  }
+), er = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: "rcs-emulator-w-5 rcs-emulator-h-5",
+    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"
+        }
+      )
+    ]
+  }
+), rr = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    className: "rcs-emulator-w-5 rcs-emulator-h-5",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+      }
+    )
+  }
+), tr = (s) => {
+  switch (s) {
+    case "dial":
+      return /* @__PURE__ */ e(Ke, {});
+    case "calendar":
+      return /* @__PURE__ */ e(Xe, {});
+    case "map":
+      return /* @__PURE__ */ e(er, {});
+    default:
+      return /* @__PURE__ */ e(rr, {});
+  }
+}, sr = (s) => {
+  switch (s) {
+    case "dial":
+      return "#4CAF50";
+    // Green for call
+    case "calendar":
+      return "#2196F3";
+    // Blue for calendar
+    case "map":
+      return "#FF5722";
+    // Orange for map
+    default:
+      return "#9E9E9E";
+  }
+}, or = f(function() {
+  const { theme: r, toast: t, showToast: o } = C();
+  if (B(() => {
+    if (t) {
+      const l = setTimeout(() => {
+        o(null);
+      }, 3e3);
+      return () => clearTimeout(l);
+    }
+  }, [t, o]), !t) return null;
+  const a = r === "dark";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "rcs-emulator-absolute rcs-emulator-bottom-20 rcs-emulator-left-4 rcs-emulator-right-4 rcs-emulator-z-50",
+      role: "alert",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-p-4 rcs-emulator-rounded-2xl rcs-emulator-shadow-lg ${a ? "rcs-emulator-bg-zinc-800" : "rcs-emulator-bg-white"}`,
+          style: {
+            boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)",
+            animation: "rcs-toast-slide-up 0.3s ease-out"
+          },
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-rounded-full rcs-emulator-flex-shrink-0 rcs-emulator-text-white",
+                style: { backgroundColor: sr(t.type) },
+                children: tr(t.type)
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: "rcs-emulator-flex-1 rcs-emulator-min-w-0", children: [
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: `rcs-emulator-text-sm rcs-emulator-font-medium ${a ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                  children: t.message
+                }
+              ),
+              t.details && /* @__PURE__ */ e(
+                "p",
+                {
+                  className: `rcs-emulator-text-xs rcs-emulator-mt-0.5 rcs-emulator-truncate ${a ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+                  children: t.details
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `rcs-emulator-text-xs rcs-emulator-px-2 rcs-emulator-py-1 rcs-emulator-rounded-full rcs-emulator-flex-shrink-0 ${a ? "rcs-emulator-bg-zinc-700 rcs-emulator-text-zinc-300" : "rcs-emulator-bg-gray-100 rcs-emulator-text-gray-500"}`,
+                children: "Simulation"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}), X = {
   name: "Business",
   verified: !1
-}, Pe = p(function({
+}, ar = f(function({
   flow: r,
   onUserReply: t,
   theme: o,
   device: a,
-  businessInfo: c,
-  showSuggestions: l
+  businessInfo: l,
+  showSuggestions: c,
+  onBack: i
 }) {
   const {
-    state: u,
-    handleReply: m,
-    handleAction: i
-  } = fe({
+    state: m,
+    handleReply: u,
+    handleAction: d
+  } = be({
     flow: r,
     onUserReply: t,
     typingDelay: 800
-  }), [h, f] = A(!1), v = $(() => {
-    f((d) => !d);
-  }, []), [b, N] = A(null), y = $((d) => {
-    N({
-      ...d,
+  }), [h, v] = A(!1), y = M(() => {
+    v((N) => !N);
+  }, []), [k, w] = A(null), g = M((N) => {
+    w({
+      ...N,
       isOpen: !0
     });
-  }, []), w = $(() => {
-    N(null);
-  }, []), g = $(
-    (d) => {
-      if (!I(d)) return;
-      const x = oe(d);
-      if (x) {
-        y({
-          url: x.url,
-          viewMode: x.webviewViewMode || "TALL",
-          title: x.description || "",
-          postbackData: d.action.postback.data
+  }, []), x = M(() => {
+    w(null);
+  }, []), [L, b] = A(null), $ = M((N) => {
+    b(N);
+  }, []), S = M(
+    (N) => {
+      if (!T(N)) return;
+      const { action: p } = N, I = p.postback.data, z = p.displayText, E = ne(N);
+      if (E) {
+        g({
+          url: E.url,
+          viewMode: E.webviewViewMode || "TALL",
+          title: E.description || "",
+          postbackData: I
         }), t({
           type: "action",
-          postbackData: d.action.postback.data,
-          displayText: d.action.displayText,
+          postbackData: I,
+          displayText: z,
           timestamp: Date.now(),
           actionData: {
             type: "webview",
-            url: x.url,
-            viewMode: x.webviewViewMode || "TALL",
-            description: x.description
+            url: E.url,
+            viewMode: E.webviewViewMode || "TALL",
+            description: E.description
           }
         });
         return;
       }
-      i(d);
+      const D = p.dialAction?.phoneNumber || p.dialerAction?.dialPhoneNumber?.phoneNumber;
+      if (D) {
+        $({
+          type: "dial",
+          message: "Would call",
+          details: D
+        }), t({
+          type: "action",
+          postbackData: I,
+          displayText: z,
+          timestamp: Date.now(),
+          actionData: { type: "dial", phoneNumber: D }
+        }), d(N);
+        return;
+      }
+      const P = p.calendarAction?.createCalendarEvent || p.createCalendarEventAction;
+      if (P) {
+        const R = P.title || "Event";
+        $({
+          type: "calendar",
+          message: "Would add calendar event",
+          details: R
+        }), t({
+          type: "action",
+          postbackData: I,
+          displayText: z,
+          timestamp: Date.now(),
+          actionData: {
+            type: "createCalendarEvent",
+            title: R,
+            description: P.description
+          }
+        }), d(N);
+        return;
+      }
+      const _ = p.mapAction?.showLocation?.location || p.viewLocationAction?.latLong;
+      if (_ || p.viewLocationAction) {
+        const R = p.mapAction?.showLocation?.location?.label || p.viewLocationAction?.label || "Location";
+        $({
+          type: "map",
+          message: "Would open maps",
+          details: R
+        }), t({
+          type: "action",
+          postbackData: I,
+          displayText: z,
+          timestamp: Date.now(),
+          actionData: {
+            type: "viewLocation",
+            latitude: _?.latitude,
+            longitude: _?.longitude,
+            query: p.viewLocationAction?.query
+          }
+        }), d(N);
+        return;
+      }
+      d(N);
     },
-    [i, y, t]
+    [d, g, t, $]
   );
   return /* @__PURE__ */ n(
-    Z,
+    te,
     {
       theme: o,
       device: a,
-      businessInfo: c,
-      state: u,
-      showSuggestions: l,
+      businessInfo: l,
+      state: m,
+      showSuggestions: c,
       isProfileOpen: h,
-      toggleProfile: v,
-      onReply: m,
-      onAction: g,
-      webView: b,
-      openWebView: y,
-      closeWebView: w,
+      toggleProfile: y,
+      onReply: u,
+      onAction: S,
+      webView: k,
+      openWebView: g,
+      closeWebView: x,
+      toast: L,
+      showToast: $,
+      onBack: i,
       children: [
-        /* @__PURE__ */ e(Ve, {}),
-        h && /* @__PURE__ */ e(He, {}),
-        /* @__PURE__ */ e(De, {})
+        /* @__PURE__ */ e(Fe, {}),
+        h && /* @__PURE__ */ e(Je, {}),
+        /* @__PURE__ */ e(Qe, {}),
+        /* @__PURE__ */ e(or, {})
       ]
     }
   );
-}), Je = p(function({
+}), ir = f(function({
   messages: r,
   jsonUrl: t,
   onUserReply: o,
   theme: a = "light",
-  device: c = "android",
-  businessInfo: l,
-  className: u = "",
+  device: l = "android",
+  businessInfo: c,
+  className: i = "",
   width: m = 375,
-  height: i = 667,
-  showSuggestions: h = !0,
-  showLockScreen: f = !1
+  height: u = 667,
+  showSuggestions: d = !0,
+  showLockScreen: h = !1
 }) {
-  const [v, b] = A(f), N = $(() => {
-    b(!1);
+  const [v, y] = A(h), k = M(() => {
+    y(!1);
+  }, []), w = M(() => {
+    y(!0);
   }, []), {
-    data: y,
-    isLoading: w,
-    error: g
-  } = pe(t), d = t ? y : r, x = V(
-    () => d ? me(d) : !1,
-    [d]
-  ), L = V(
+    data: g,
+    isLoading: x,
+    error: L
+  } = ve(t), b = t ? g : r, $ = O(
+    () => b ? pe(b) : !1,
+    [b]
+  ), S = O(
     () => ({
-      ...J,
-      ...l,
+      ...X,
+      ...c,
       // Extract name from flow if not provided
-      name: l?.name || d?.name || J.name
+      name: c?.name || b?.name || X.name
     }),
-    [l, d?.name]
-  ), z = V(
-    () => d && x ? de(d) : "New message",
-    [d, x]
-  ), C = a === "dark", T = C ? "rcs-emulator-dark" : "rcs-emulator-light", M = ({ children: S }) => /* @__PURE__ */ e(
+    [c, b?.name]
+  ), N = O(
+    () => b && $ ? ge(b) : "New message",
+    [b, $]
+  ), p = a === "dark", I = p ? "rcs-emulator-dark" : "rcs-emulator-light", z = ({ children: E }) => /* @__PURE__ */ e(
     "div",
     {
-      className: `rcs-emulator rcs-emulator-container ${T} ${u}`,
-      style: { width: m, height: i },
+      className: `rcs-emulator rcs-emulator-container ${I} ${i}`,
+      style: { width: m, height: u },
       role: "application",
       "aria-label": "RCS Message Emulator",
       "data-theme": a,
-      "data-device": c,
-      children: S
+      "data-device": l,
+      children: E
     }
   );
-  return t && w ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6", children: [
+  return t && x ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6", children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: `rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-spinner rcs-emulator-mb-4 ${T}`
+        className: `rcs-emulator-w-10 rcs-emulator-h-10 rcs-emulator-spinner rcs-emulator-mb-4 ${I}`
       }
     ),
     /* @__PURE__ */ e(
       "p",
       {
-        className: `rcs-emulator-text-sm ${C ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+        className: `rcs-emulator-text-sm ${p ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
         children: "Loading conversation..."
       }
     )
-  ] }) }) : t && g ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6 rcs-emulator-text-center", children: [
+  ] }) }) : t && L ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6 rcs-emulator-text-center", children: [
     /* @__PURE__ */ e(
       "svg",
       {
@@ -2383,31 +2574,31 @@ const We = p(function({
     /* @__PURE__ */ e(
       "h3",
       {
-        className: `rcs-emulator-text-lg rcs-emulator-font-medium rcs-emulator-mb-2 ${C ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+        className: `rcs-emulator-text-lg rcs-emulator-font-medium rcs-emulator-mb-2 ${p ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
         children: "Failed to Load"
       }
     ),
     /* @__PURE__ */ e(
       "p",
       {
-        className: `rcs-emulator-text-sm ${C ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
-        children: g
+        className: `rcs-emulator-text-sm ${p ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+        children: L
       }
     ),
     /* @__PURE__ */ e(
       "p",
       {
-        className: `rcs-emulator-text-xs rcs-emulator-mt-2 rcs-emulator-max-w-full ${C ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-400"}`,
+        className: `rcs-emulator-text-xs rcs-emulator-mt-2 rcs-emulator-max-w-full ${p ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-400"}`,
         style: { wordBreak: "break-all" },
         children: t
       }
     )
-  ] }) }) : d ? x ? /* @__PURE__ */ e(M, { children: v ? /* @__PURE__ */ e(
-    Z,
+  ] }) }) : b ? $ ? /* @__PURE__ */ e(z, { children: v ? /* @__PURE__ */ e(
+    te,
     {
       theme: a,
-      device: c,
-      businessInfo: L,
+      device: l,
+      businessInfo: S,
       state: {
         currentMessageId: null,
         chatHistory: [],
@@ -2427,19 +2618,24 @@ const We = p(function({
       },
       closeWebView: () => {
       },
-      children: /* @__PURE__ */ e(Oe, { onUnlock: N, messagePreview: z })
+      toast: null,
+      showToast: () => {
+      },
+      onBack: null,
+      children: /* @__PURE__ */ e(Ze, { onUnlock: k, messagePreview: N })
     }
   ) : /* @__PURE__ */ e(
-    Pe,
+    ar,
     {
-      flow: d,
+      flow: b,
       onUserReply: o,
       theme: a,
-      device: c,
-      businessInfo: L,
-      showSuggestions: h
+      device: l,
+      businessInfo: S,
+      showSuggestions: d,
+      onBack: h ? w : null
     }
-  ) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6 rcs-emulator-text-center", children: [
+  ) }) : /* @__PURE__ */ e(z, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6 rcs-emulator-text-center", children: [
     /* @__PURE__ */ e(
       "svg",
       {
@@ -2462,22 +2658,22 @@ const We = p(function({
     /* @__PURE__ */ e(
       "h3",
       {
-        className: `rcs-emulator-text-lg rcs-emulator-font-medium rcs-emulator-mb-2 ${C ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+        className: `rcs-emulator-text-lg rcs-emulator-font-medium rcs-emulator-mb-2 ${p ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
         children: "Invalid RBM JSON"
       }
     ),
     /* @__PURE__ */ e(
       "p",
       {
-        className: `rcs-emulator-text-sm ${C ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+        className: `rcs-emulator-text-sm ${p ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
         children: "The conversation flow structure is not valid"
       }
     )
-  ] }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6 rcs-emulator-text-center", children: [
+  ] }) }) : /* @__PURE__ */ e(z, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6 rcs-emulator-text-center", children: [
     /* @__PURE__ */ e(
       "svg",
       {
-        className: `rcs-emulator-w-12 rcs-emulator-h-12 rcs-emulator-mb-4 ${C ? "rcs-emulator-text-zinc-600" : "rcs-emulator-text-gray-300"}`,
+        className: `rcs-emulator-w-12 rcs-emulator-h-12 rcs-emulator-mb-4 ${p ? "rcs-emulator-text-zinc-600" : "rcs-emulator-text-gray-300"}`,
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor",
@@ -2495,22 +2691,22 @@ const We = p(function({
     /* @__PURE__ */ e(
       "h3",
       {
-        className: `rcs-emulator-text-lg rcs-emulator-font-medium rcs-emulator-mb-2 ${C ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+        className: `rcs-emulator-text-lg rcs-emulator-font-medium rcs-emulator-mb-2 ${p ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
         children: "No Conversation Data"
       }
     ),
     /* @__PURE__ */ n(
       "p",
       {
-        className: `rcs-emulator-text-sm ${C ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
+        className: `rcs-emulator-text-sm ${p ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`,
         children: [
           "Provide either",
           " ",
-          /* @__PURE__ */ e("code", { className: `rcs-emulator-code-inline ${T}`, children: "messages" }),
+          /* @__PURE__ */ e("code", { className: `rcs-emulator-code-inline ${I}`, children: "messages" }),
           " ",
           "or",
           " ",
-          /* @__PURE__ */ e("code", { className: `rcs-emulator-code-inline ${T}`, children: "jsonUrl" }),
+          /* @__PURE__ */ e("code", { className: `rcs-emulator-code-inline ${I}`, children: "jsonUrl" }),
           " ",
           "prop"
         ]
@@ -2519,15 +2715,15 @@ const We = p(function({
   ] }) });
 });
 export {
-  Je as RcsEmulator,
-  De as WebViewRenderer,
-  Je as default,
-  de as getFirstMessagePreview,
-  oe as getWebViewConfig,
-  I as isSuggestedAction,
-  Y as isSuggestedReply,
-  qe as isWebViewAction,
-  pe as useJsonFetch,
-  me as validateConversationFlow
+  ir as RcsEmulator,
+  Qe as WebViewRenderer,
+  ir as default,
+  ge as getFirstMessagePreview,
+  ne as getWebViewConfig,
+  T as isSuggestedAction,
+  ee as isSuggestedReply,
+  nr as isWebViewAction,
+  ve as useJsonFetch,
+  pe as validateConversationFlow
 };
 //# sourceMappingURL=rcs-emulator.es.js.map