@maebgch/rcs-emulator 0.1.12 → 0.1.14

package/dist/rcs-emulator.es.js

@@ -1,30 +1,30 @@
 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 E, 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 z(s) {
+function T(s) {
   return "action" in s;
 }
-function qe(s) {
-  if (!z(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,
@@ -32,88 +32,94 @@ function Z({
   state: a,
   showSuggestions: l,
   isProfileOpen: c,
-  toggleProfile: u,
+  toggleProfile: i,
   onReply: m,
-  onAction: i,
-  webView: h,
-  openWebView: f,
-  closeWebView: w
+  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 },
+    businessInfo: { ...ie, ...o },
+    state: { ...ue, ...a },
     showSuggestions: l,
     isProfileOpen: c,
-    toggleProfile: u,
+    toggleProfile: i,
     handleReply: m,
-    handleAction: i,
-    webView: h,
-    openWebView: f,
-    closeWebView: w
+    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(
-          (l) => P(l, {
-            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)
@@ -195,13 +201,13 @@ function de(s) {
   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,7 +222,7 @@ function he(s, r) {
         isTyping: !1
       };
     case "ADD_USER_REPLY": {
-      const t = ue(r.text), o = s.chatHistory.map(
+      const t = fe(r.text), o = s.chatHistory.map(
         (a, l) => l === s.chatHistory.length - 1 ? { ...a, suggestions: void 0 } : a
       );
       return {
@@ -241,138 +247,120 @@ 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), l = W(0), c = W(!1);
-  E(() => {
+  const [o, a] = ce(xe, oe), l = H(0), c = H(!1);
+  B(() => {
     if (c.current) return;
     c.current = !0;
-    const h = K(s);
-    if (!h) {
+    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,
+    a({ type: "INIT", messageId: d.id }), U(
+      d,
       l.current++
-    );
-    a({ type: "ADD_BUSINESS_MESSAGE", message: f });
+    ).forEach((v) => {
+      a({ type: "ADD_BUSINESS_MESSAGE", message: v });
+    });
   }, [s]);
-  const u = $(
-    (h) => {
-      if (!Y(h)) return;
-      const { displayText: f, postback: w } = h.reply, b = w.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 v = o.currentMessageId ? R(s, o.currentMessageId) : null;
-      if (!v) {
+      r(k);
+      const w = o.currentMessageId ? V(s, o.currentMessageId) : null;
+      if (!w) {
         a({ type: "SET_ERROR", error: "Current message not found" });
         return;
       }
-      const y = O(v, b);
-      if (!y)
+      const g = Y(w, y);
+      if (!g)
         return;
-      const g = R(s, y);
-      if (!g) {
+      const x = V(s, g);
+      if (!x) {
         a({
           type: "SET_ERROR",
-          error: `Next message "${y}" not found`
+          error: `Next message "${g}" not found`
         });
         return;
       }
-      a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: y }), setTimeout(() => {
-        const d = H(
-          g,
+      a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: g }), setTimeout(() => {
+        U(
+          x,
           l.current++
-        );
-        a({ type: "ADD_BUSINESS_MESSAGE", message: d });
+        ).forEach((b) => {
+          a({ type: "ADD_BUSINESS_MESSAGE", message: b });
+        });
       }, t);
     },
     [s, o.currentMessageId, r, t]
-  ), m = $(
-    (h) => {
-      if (!z(h)) return;
-      const {
-        displayText: f,
-        postback: w,
-        openUrlAction: b,
-        dialAction: N,
-        dialerAction: v,
-        mapAction: y,
-        viewLocationAction: g
-      } = h.action, d = w.data, x = N?.phoneNumber || v?.dialPhoneNumber?.phoneNumber, L = y?.showLocation?.location || g?.latLong;
-      let I;
-      b ? I = { type: "openUrl", url: b.url } : x ? I = { type: "dial", phoneNumber: x } : L && (I = {
-        type: "viewLocation",
-        latitude: L.latitude,
-        longitude: L.longitude,
-        query: g?.query
-      });
-      const C = {
-        type: "action",
-        postbackData: d,
-        displayText: f,
-        timestamp: Date.now(),
-        actionData: I
-      };
-      if (r(C), b)
-        window.open(b.url, "_blank", "noopener,noreferrer");
-      else if (x)
-        window.location.href = `tel:${x}`;
-      else if (L) {
-        const M = y?.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,
+            text: h,
+            postbackData: k
+          }), a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: g }), setTimeout(() => {
+            U(
+              x,
               l.current++
-            );
-            a({ type: "ADD_BUSINESS_MESSAGE", message: ee });
+            ).forEach((b) => {
+              a({ type: "ADD_BUSINESS_MESSAGE", message: b });
+            });
           }, t));
         }
       }
     },
     [s, o.currentMessageId, r, t]
-  ), i = $(() => {
+  ), 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), [l, c] = 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), c(null);
       return;
@@ -387,43 +375,43 @@ 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";
-      c(i), t(null);
+      const u = m instanceof Error ? m.message : "Failed to fetch JSON";
+      c(u), t(null);
     } finally {
       a(!1);
     }
   }, [s]);
-  return E(() => {
-    u();
-  }, [u]), {
+  return B(() => {
+    i();
+  }, [i]), {
     data: r,
     isLoading: o,
     error: l,
-    refetch: u
+    refetch: i
   };
 }
-function ge(s) {
-  const r = W(null);
-  return E(() => {
+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", l = a ? "rcs-emulator-dark" : "rcs-emulator-light", c = t.brandColor || "#0084ff";
+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",
     {
-      className: `rcs-emulator-header ${l}`,
+      className: `rcs-emulator-header ${c}`,
       role: "banner",
       "aria-label": `Chat with ${t.name}`,
       children: [
@@ -431,24 +419,43 @@ const xe = p(function() {
           "button",
           {
             type: "button",
-            className: `rcs-emulator-icon-btn rcs-emulator-p-1-5 rcs-emulator--ml-1 ${l} ${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", { className: "rcs-emulator-w-5 rcs-emulator-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+            children: /* @__PURE__ */ e(
+              "svg",
+              {
+                className: "rcs-emulator-w-5 rcs-emulator-h-5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M15 19l-7-7 7-7"
+                  }
+                )
+              }
+            )
           }
         ),
         /* @__PURE__ */ n(
           "button",
           {
             onClick: o,
-            className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-2-5 rcs-emulator-flex-1 rcs-emulator-min-w-0 rcs-emulator-text-left",
+            className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-2-5 rcs-emulator-flex-1 rcs-emulator-min-w-0 rcs-emulator-text-left rcs-emulator-bg-transparent",
+            style: { background: "transparent" },
             "aria-label": "View business info",
             children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `rcs-emulator-logo-avatar rcs-emulator-w-9 rcs-emulator-h-9 ${l}`,
+                  className: `rcs-emulator-logo-avatar rcs-emulator-w-9 rcs-emulator-h-9 ${c}`,
                   style: {
-                    backgroundColor: t.logo ? void 0 : c
+                    backgroundColor: t.logo ? void 0 : i
                   },
                   children: t.logo ? /* @__PURE__ */ e(
                     "img",
@@ -463,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
                 }
               )
@@ -475,47 +482,72 @@ const xe = p(function() {
             "button",
             {
               type: "button",
-              className: `rcs-emulator-icon-btn rcs-emulator-p-2 ${l}`,
+              className: `rcs-emulator-icon-btn rcs-emulator-p-2 ${c}`,
               "aria-label": "Verified business",
-              children: /* @__PURE__ */ n("svg", { className: "rcs-emulator-w-5 rcs-emulator-h-5", viewBox: "0 0 24 24", fill: "none", children: [
-                /* @__PURE__ */ e(
-                  "path",
-                  {
-                    d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
-                    stroke: a ? "#9ca3af" : "#6b7280",
-                    strokeWidth: 2,
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "path",
-                  {
-                    d: "M9 12l2 2 4-4",
-                    stroke: "#3b82f6",
-                    strokeWidth: 2,
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              ] })
+              children: /* @__PURE__ */ n(
+                "svg",
+                {
+                  className: "rcs-emulator-w-5 rcs-emulator-h-5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  children: [
+                    /* @__PURE__ */ e(
+                      "path",
+                      {
+                        d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
+                        stroke: l ? "#9ca3af" : "#6b7280",
+                        strokeWidth: 2,
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "path",
+                      {
+                        d: "M9 12l2 2 4-4",
+                        stroke: "#3b82f6",
+                        strokeWidth: 2,
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  ]
+                }
+              )
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              className: `rcs-emulator-icon-btn rcs-emulator-p-2 ${l} ${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", { className: "rcs-emulator-w-5 rcs-emulator-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" }) })
+              children: /* @__PURE__ */ e(
+                "svg",
+                {
+                  className: "rcs-emulator-w-5 rcs-emulator-h-5",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+                    }
+                  )
+                }
+              )
             }
           )
         ] })
       ]
     }
   );
-}), be = p(function() {
-  const { theme: r, businessInfo: t } = k(), o = r === "dark", a = o ? "rcs-emulator-dark" : "rcs-emulator-light", l = 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(
@@ -560,30 +592,30 @@ const xe = p(function() {
       }
     )
   ] });
-}), ve = p(function({
+}), Ne = f(function({
   text: r,
   sender: t,
   timestamp: o
 }) {
-  const { theme: a, businessInfo: l } = k(), u = a === "dark" ? "rcs-emulator-dark" : "rcs-emulator-light", m = t === "business", i = l.brandColor || "#0084ff", 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"
   });
-  return m ? /* @__PURE__ */ n("div", { className: "rcs-emulator-max-w-90", children: [
+  return m ? /* @__PURE__ */ n("div", { className: "rcs-emulator-max-w-90 rcs-emulator-flex rcs-emulator-flex-col", children: [
     /* @__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
       }
     ),
@@ -591,7 +623,7 @@ const xe = p(function() {
       "div",
       {
         className: "rcs-emulator-delivery-status",
-        style: { backgroundColor: i },
+        style: { backgroundColor: u },
         children: /* @__PURE__ */ e(
           "svg",
           {
@@ -605,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 })
   ] });
-}), we = p(function({
+}), Ce = f(function({
   text: r,
   timestamp: t
 }) {
-  const { businessInfo: o } = k(), a = o.brandColor || "#0084ff", l = new Date(t).toLocaleTimeString([], {
+  const { businessInfo: o } = C(), a = o.brandColor || "#1A73E8", l = new Date(t).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -620,7 +652,7 @@ const xe = p(function() {
       "div",
       {
         className: "rcs-emulator-message-bubble rcs-emulator-user rcs-emulator-shadow-sm",
-        style: { backgroundColor: a },
+        style: { backgroundColor: a, color: "white" },
         children: r
       }
     ),
@@ -651,16 +683,16 @@ const xe = p(function() {
     ),
     /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: l })
   ] });
-}), ye = p(function({
+}), Le = f(function({
   card: r,
   timestamp: t
 }) {
-  const { theme: o, handleReply: a, handleAction: l } = k(), c = o === "dark", u = c ? "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) : l(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"
@@ -669,19 +701,24 @@ 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 ${h[r.media.height]}`,
+              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",
                 {
                   src: r.media.url,
                   alt: r.title || "Rich card media",
                   className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-object-cover",
-                  loading: "lazy"
+                  loading: "lazy",
+                  onError: (h) => {
+                    const v = h.target;
+                    v.style.display = "none";
+                  }
                 }
               )
             }
@@ -690,29 +727,29 @@ const xe = p(function() {
             r.title && /* @__PURE__ */ e(
               "h3",
               {
-                className: `rcs-emulator-text-base rcs-emulator-font-semibold rcs-emulator-leading-snug ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                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 ${c ? "rcs-emulator-text-zinc-300" : "rcs-emulator-text-gray-700"}`,
+                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 ${c ? "rcs-emulator-divide-zinc-700" : "rcs-emulator-divide-gray-100"} ${u}`,
-                children: r.suggestions.map((f, w) => /* @__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),
+                    suggestion: h,
+                    onClick: () => u(h),
                     isDark: c
                   },
-                  w
+                  v
                 ))
               }
             )
@@ -722,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 = z(r), l = a ? r.action.displayText : r.reply.displayText;
+  const a = T(r), l = a ? r.action.displayText : r.reply.displayText;
   return /* @__PURE__ */ n(
     "button",
     {
@@ -739,149 +776,289 @@ 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: l })
       ]
     }
   );
-}), $e = p(function({ cards: r, timestamp: t }) {
-  const { theme: o, handleReply: a, handleAction: l } = k(), c = W(null), [u, m] = A(!1), [i, h] = A(r.length > 1), f = o === "dark", w = f ? "rcs-emulator-dark" : "rcs-emulator-light", b = new Date(t).toLocaleTimeString([], {
+}), Te = f(function({
+  cards: r,
+  timestamp: t
+}) {
+  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) : l(g);
-  }, v = $(() => {
+  }), k = (x) => {
+    "reply" in x ? a(x) : l(x);
+  }, w = M(() => {
     if (c.current) {
-      const { scrollLeft: g, scrollWidth: d, clientWidth: x } = c.current;
-      m(g > 0), h(g < d - x - 10);
+      const { scrollLeft: x, scrollWidth: L, clientWidth: b } = c.current;
+      m(x > 0), d(x < L - b - 10);
     }
-  }, []), y = (g) => {
+  }, []), g = (x) => {
     c.current && c.current.scrollBy({
-      left: g === "left" ? -200 : 200,
+      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: () => y("left"),
-          className: `rcs-emulator-carousel-arrow rcs-emulator-left ${w}`,
+          onClick: () => g("left"),
+          className: `rcs-emulator-carousel-arrow rcs-emulator-left ${v}`,
           "aria-label": "Scroll left",
-          children: /* @__PURE__ */ e("svg", { className: "rcs-emulator-w-4 rcs-emulator-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "rcs-emulator-w-4 rcs-emulator-h-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M15 19l-7-7 7-7"
+                }
+              )
+            }
+          )
         }
       ),
       /* @__PURE__ */ e(
         "div",
         {
           ref: c,
-          onScroll: v,
+          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(
-            ze,
+          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: () => y("right"),
-          className: `rcs-emulator-carousel-arrow rcs-emulator-right ${w}`,
+          onClick: () => g("right"),
+          className: `rcs-emulator-carousel-arrow rcs-emulator-right ${v}`,
           "aria-label": "Scroll right",
-          children: /* @__PURE__ */ e("svg", { className: "rcs-emulator-w-4 rcs-emulator-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "rcs-emulator-w-4 rcs-emulator-h-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M9 5l7 7-7 7"
+                }
+              )
+            }
+          )
         }
       )
     ] }),
-    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: b })
+    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: y })
   ] });
-}), j = "rcs-emulator-w-4 rcs-emulator-h-4 rcs-emulator-text-gray-400", Ae = (s) => {
-  if (!z(s))
-    return /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) });
+}), j = "rcs-emulator-w-4 rcs-emulator-h-4 rcs-emulator-text-gray-400", Ee = (s) => {
+  if (!T(s))
+    return /* @__PURE__ */ e(
+      "svg",
+      {
+        className: j,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: 1.5,
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+          }
+        )
+      }
+    );
   const { action: r } = s;
-  return r.urlAction || r.openUrlAction ? /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) : r.dialerAction || r.dialAction ? /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }) }) : r.mapAction || r.viewLocationAction ? /* @__PURE__ */ n("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
-    /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
-    /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
-  ] }) : r.calendarAction || r.createCalendarEventAction ? /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ e("svg", { className: j, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) });
-}, ze = p(function({
-  card: r,
-  isDark: t,
-  onSuggestionClick: o
-}) {
-  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",
+  return r.urlAction || r.openUrlAction ? /* @__PURE__ */ e(
+    "svg",
+    {
+      className: j,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
+        }
+      )
+    }
+  ) : r.dialerAction || r.dialAction ? /* @__PURE__ */ e(
+    "svg",
     {
-      className: `rcs-emulator-carousel-card ${a} ${l}`,
+      className: j,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"
+        }
+      )
+    }
+  ) : r.mapAction || r.viewLocationAction ? /* @__PURE__ */ n(
+    "svg",
+    {
+      className: j,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
       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",
+        /* @__PURE__ */ e(
+          "path",
           {
-            src: r.media.url,
-            alt: r.title || "Carousel card media",
-            className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-object-cover",
-            loading: "lazy"
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
           }
-        ) }),
-        /* @__PURE__ */ n("div", { className: "rcs-emulator-p-3", children: [
-          r.title && /* @__PURE__ */ e(
-            "h4",
-            {
-              className: `rcs-emulator-text-sm rcs-emulator-font-semibold rcs-emulator-leading-tight rcs-emulator-mb-1 rcs-emulator-line-clamp-2 ${t ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
-              children: r.title
-            }
-          ),
-          r.description && /* @__PURE__ */ e(
-            "p",
-            {
-              className: `rcs-emulator-text-xs rcs-emulator-leading-relaxed rcs-emulator-line-clamp-3 ${t ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-700"}`,
-              children: r.description
-            }
-          ),
-          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"} ${l}`,
-              children: r.suggestions.map((c, u) => {
-                const i = z(c) ? c.action.displayText : c.reply.displayText;
-                return /* @__PURE__ */ n(
-                  "button",
-                  {
-                    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 ${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(c) }),
-                      /* @__PURE__ */ e("span", { className: "rcs-emulator-truncate", children: i })
-                    ]
-                  },
-                  u
-                );
-              })
-            }
-          )
-        ] })
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+          }
+        )
       ]
     }
+  ) : r.calendarAction || r.createCalendarEventAction ? /* @__PURE__ */ e(
+    "svg",
+    {
+      className: j,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "svg",
+    {
+      className: j,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+        }
+      )
+    }
   );
-}), Ie = {
-  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(we, { text: s.text, timestamp: r }),
-  richcard: ({ content: s, timestamp: r }) => s.type !== "richcard" ? null : /* @__PURE__ */ e(ye, { 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({
+}, Se = f(function({
+  card: r,
+  isDark: t,
+  onSuggestionClick: o
+}) {
+  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",
+      {
+        src: r.media.url,
+        alt: r.title || "Carousel card media",
+        className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-object-cover",
+        loading: "lazy"
+      }
+    ) }),
+    /* @__PURE__ */ n("div", { className: "rcs-emulator-p-3", children: [
+      r.title && /* @__PURE__ */ e(
+        "h4",
+        {
+          className: `rcs-emulator-text-sm rcs-emulator-font-semibold rcs-emulator-leading-tight rcs-emulator-mb-1 rcs-emulator-line-clamp-2 ${t ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+          children: r.title
+        }
+      ),
+      r.description && /* @__PURE__ */ e(
+        "p",
+        {
+          className: `rcs-emulator-text-xs rcs-emulator-leading-relaxed rcs-emulator-line-clamp-3 ${t ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-700"}`,
+          children: r.description
+        }
+      ),
+      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"} ${l}`,
+          children: r.suggestions.map((c, i) => {
+            const u = T(c) ? c.action.displayText : c.reply.displayText;
+            return /* @__PURE__ */ n(
+              "button",
+              {
+                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: Ee(c) }),
+                  /* @__PURE__ */ e("span", { className: "rcs-emulator-truncate", children: u })
+                ]
+              },
+              i
+            );
+          })
+        }
+      )
+    ] })
+  ] });
+}), 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: l } = r, c = Ie[o.type];
+  const { content: o, sender: a, timestamp: l } = r, c = je[o.type];
   return c ? /* @__PURE__ */ e(
     c,
     {
@@ -891,8 +1068,8 @@ const xe = p(function() {
       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",
     {
@@ -927,8 +1104,8 @@ const xe = p(function() {
       )
     }
   );
-}), je = p(function() {
-  const { theme: r, state: t } = k(), { chatHistory: o, isTyping: a } = t, l = r === "dark", c = l ? "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",
     {
@@ -951,21 +1128,21 @@ const xe = p(function() {
             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 ${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, {})
               ] })
             ]
           }
@@ -973,21 +1150,21 @@ const xe = p(function() {
       ]
     }
   );
-}), Ee = p(function({
+}), Ve = f(function({
   suggestion: r,
   onClick: t,
   variant: o = "bar"
 }) {
-  const { theme: a, businessInfo: l } = k(), c = a === "dark", u = z(r), m = u ? r.action.displayText : r.reply.displayText, i = u ? Be(r) : null, h = l.brandColor || "#0084ff", f = c ? "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 })
       ]
     }
@@ -996,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 ${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 }
               }
             )
           }
@@ -1030,135 +1207,107 @@ const xe = p(function() {
       children: m
     }
   );
-});
-function Be(s) {
-  if (!z(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 (!z(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(), l = t === "dark";
+  const { theme: t, handleReply: o, handleAction: a } = C(), l = t === "dark";
   if (!r || r.length === 0)
     return null;
-  const c = (u) => {
-    Y(u) ? o(u) : z(u) && a(u);
+  const c = (i) => {
+    ee(i) ? o(i) : T(i) && a(i);
   };
   return /* @__PURE__ */ e(
     "div",
@@ -1170,11 +1319,11 @@ const We = p(function({
         "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(
-            Ee,
+          children: r.map((i, m) => /* @__PURE__ */ e(
+            Ve,
             {
-              suggestion: u,
-              onClick: () => c(u),
+              suggestion: i,
+              onClick: () => c(i),
               variant: "bar"
             },
             m
@@ -1183,17 +1332,17 @@ const We = p(function({
       )
     }
   );
-}), Ve = p(function() {
-  const { theme: r, state: t, showSuggestions: o } = k(), { chatHistory: a, isTyping: l, error: c } = 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,
     l
-  ]), m = r === "dark", i = m ? "rcs-emulator-dark" : "rcs-emulator-light", h = a[a.length - 1], f = o && h?.sender === "business" && !l ? h.suggestions : void 0;
+  ]), 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-bg-zinc-950" : "rcs-emulator-bg-white"}`,
+      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, {}),
+        /* @__PURE__ */ e(ye, {}),
         c && /* @__PURE__ */ e(
           "div",
           {
@@ -1202,21 +1351,21 @@ const We = p(function({
             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(je, {})
+        /* @__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",
@@ -1241,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",
@@ -1320,8 +1469,8 @@ const We = p(function({
       ]
     }
   );
-}), He = p(function() {
-  const { theme: r, businessInfo: t, toggleProfile: o } = k(), [a, l] = A("info"), c = 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",
     {
@@ -1372,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"
             }
@@ -1410,41 +1559,41 @@ const We = p(function({
           ] }),
           /* @__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: 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: 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: 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}`);
                 }
               }
             )
@@ -1455,7 +1604,7 @@ const We = p(function({
               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: () => l("info"),
@@ -1465,7 +1614,7 @@ const We = p(function({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  F,
+                  Z,
                   {
                     active: a === "options",
                     onClick: () => l("options"),
@@ -1477,12 +1626,12 @@ const We = p(function({
               ]
             }
           ),
-          /* @__PURE__ */ e("div", { className: "rcs-emulator-p-4", children: a === "info" ? /* @__PURE__ */ e(_e, { isDark: c, brandColor: m }) : /* @__PURE__ */ e(Ue, { isDark: c }) })
+          /* @__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,
@@ -1543,7 +1692,7 @@ const We = p(function({
       ]
     }
   );
-}), F = p(function({
+}), Z = f(function({
   active: r,
   onClick: t,
   isDark: o,
@@ -1559,15 +1708,15 @@ const We = p(function({
       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((l, c) => /* @__PURE__ */ e(
-          U,
+          F,
           {
             icon: "phone",
             primary: l.number,
@@ -1579,7 +1728,7 @@ const We = p(function({
           `phone-${c}`
         )),
         o.websites?.map((l, c) => /* @__PURE__ */ e(
-          U,
+          F,
           {
             icon: "globe",
             primary: l.url.replace(/^https?:\/\//, ""),
@@ -1591,7 +1740,7 @@ const We = p(function({
           `web-${c}`
         )),
         o.emails?.map((l, c) => /* @__PURE__ */ e(
-          U,
+          F,
           {
             icon: "mail",
             primary: l.email,
@@ -1611,7 +1760,7 @@ const We = p(function({
       children: "No contact information available"
     }
   );
-}), U = p(function({
+}), F = f(function({
   icon: r,
   primary: t,
   secondary: o,
@@ -1665,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",
@@ -1680,7 +1829,7 @@ const We = p(function({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          J,
           {
             icon: "block",
             label: "Block & report spam",
@@ -1688,7 +1837,7 @@ const We = p(function({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          J,
           {
             icon: "info",
             label: "About RCS",
@@ -1698,7 +1847,7 @@ const We = p(function({
       ]
     }
   );
-}), D = p(function({
+}), J = f(function({
   icon: r,
   label: t,
   isDark: o
@@ -1740,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(), [l, c] = A(!0), [u, m] = A(!1), i = r === "dark", h = t.brandColor || "#0084ff";
-  E(() => {
+}, 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 = $(() => {
+  const h = M(() => {
     c(!1);
-  }, []), w = $(() => {
+  }, []), v = M(() => {
     c(!1), m(!0);
-  }, []), b = (C) => {
+  }, []), 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: v, title: y, postbackData: g } = o, d = y || b(N), x = v === "FULL", L = v === "TALL" || v === "HALF", I = q[v] || 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": v,
+      "aria-label": `WebView: ${L}`,
+      "data-postback": x,
+      "data-view-mode": w,
       children: [
-        L && /* @__PURE__ */ e(
+        $ && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1784,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"} ${I} 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",
@@ -1794,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",
@@ -1827,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)
                         }
                       )
                     ] }),
@@ -1843,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",
@@ -1867,23 +2016,23 @@ const We = p(function({
                 "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",
@@ -1910,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,
-                  onError: w,
+                  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"}`
                 }
               )
             ]
@@ -1942,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(), [l, c] = A(/* @__PURE__ */ new Date()), u = o === "dark";
-  E(() => {
-    const f = setInterval(() => {
+  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(f);
+    return () => clearInterval(d);
   }, []);
   const m = l.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }), i = l.toLocaleDateString([], {
+  }), u = l.toLocaleDateString([], {
     weekday: "short",
     month: "long",
     day: "numeric"
@@ -1965,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(
@@ -1985,21 +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__ */ n("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__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-gap-1 rcs-emulator-mt-1 rcs-emulator-text-zinc-500 rcs-emulator-text-xs", children: [
-            /* @__PURE__ */ e(
-              "svg",
-              {
-                className: "rcs-emulator-w-3-5 rcs-emulator-h-3-5",
-                fill: "currentColor",
-                viewBox: "0 0 20 20",
-                children: /* @__PURE__ */ e("path", { d: "M5.5 16a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 16h-8z" })
-              }
-            ),
-            /* @__PURE__ */ e("span", { className: "rcs-emulator-text-zinc-500", children: "19°C" })
-          ] })
-        ] }),
+        /* @__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",
@@ -2038,8 +2173,8 @@ const We = p(function({
                 }
               ) }) }),
               /* @__PURE__ */ n("div", { className: "rcs-emulator-flex-1 rcs-emulator-text-left rcs-emulator-min-w-0", children: [
-                /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-font-semibold rcs-emulator-text-gray-900 rcs-emulator-truncate", children: a.name }),
-                /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-text-gray-500 rcs-emulator-truncate", children: t })
+                /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-font-semibold rcs-emulator-text-gray-900 rcs-emulator-truncate rcs-emulator-mb-1", children: a.name }),
+                /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-text-gray-500 rcs-emulator-truncate rcs-emulator-line-clamp-2 rcs-emulator-mb-1", children: t })
               ] }),
               /* @__PURE__ */ e("span", { className: "rcs-emulator-text-xs rcs-emulator-text-gray-400 rcs-emulator-flex-shrink-0", children: "now" })
             ]
@@ -2050,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: l,
-  showSuggestions: c
+  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), w = $(() => {
-    f((d) => !d);
-  }, []), [b, N] = A(null), v = $((d) => {
-    N({
-      ...d,
+  }), [h, v] = A(!1), y = M(() => {
+    v((N) => !N);
+  }, []), [k, w] = A(null), g = M((N) => {
+    w({
+      ...N,
       isOpen: !0
     });
-  }, []), y = $(() => {
-    N(null);
-  }, []), g = $(
-    (d) => {
-      if (!z(d)) return;
-      const x = oe(d);
-      if (x) {
-        v({
-          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, v, t]
+    [d, g, t, $]
   );
   return /* @__PURE__ */ n(
-    Z,
+    te,
     {
       theme: o,
       device: a,
       businessInfo: l,
-      state: u,
+      state: m,
       showSuggestions: c,
       isProfileOpen: h,
-      toggleProfile: w,
-      onReply: m,
-      onAction: g,
-      webView: b,
-      openWebView: v,
-      closeWebView: y,
+      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: l = "android",
   businessInfo: c,
-  className: u = "",
+  className: i = "",
   width: m = 375,
-  height: i = 667,
-  showSuggestions: h = !0,
-  showLockScreen: f = !1
+  height: u = 667,
+  showSuggestions: d = !0,
+  showLockScreen: h = !1
 }) {
-  const [w, b] = A(f), N = $(() => {
-    b(!1);
+  const [v, y] = A(h), k = M(() => {
+    y(!1);
+  }, []), w = M(() => {
+    y(!0);
   }, []), {
-    data: v,
-    isLoading: y,
-    error: g
-  } = pe(t), d = t ? v : 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,
+      ...X,
       ...c,
       // Extract name from flow if not provided
-      name: c?.name || d?.name || J.name
+      name: c?.name || b?.name || X.name
     }),
-    [c, d?.name]
-  ), I = 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": l,
-      children: S
+      children: E
     }
   );
-  return t && y ? /* @__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",
       {
@@ -2209,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: w ? /* @__PURE__ */ e(
-    Z,
+  ] }) }) : b ? $ ? /* @__PURE__ */ e(z, { children: v ? /* @__PURE__ */ e(
+    te,
     {
       theme: a,
       device: l,
-      businessInfo: L,
+      businessInfo: S,
       state: {
         currentMessageId: null,
         chatHistory: [],
@@ -2253,19 +2618,24 @@ const We = p(function({
       },
       closeWebView: () => {
       },
-      children: /* @__PURE__ */ e(Oe, { onUnlock: N, messagePreview: I })
+      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: l,
-      businessInfo: L,
-      showSuggestions: h
+      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",
       {
@@ -2288,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",
@@ -2321,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"
         ]
@@ -2345,15 +2715,15 @@ const We = p(function({
   ] }) });
 });
 export {
-  Je as RcsEmulator,
-  De as WebViewRenderer,
-  Je as default,
-  de as getFirstMessagePreview,
-  oe as getWebViewConfig,
-  z 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