@maebgch/rcs-emulator 0.1.12 → 0.1.13

package/dist/rcs-emulator.es.js

@@ -1,13 +1,13 @@
 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";
+import { createContext as re, useContext as te, useReducer as se, useRef as W, useEffect as j, useCallback as $, useState as A, memo as p, useMemo as V } from "react";
 function Y(s) {
   return "reply" in s;
 }
-function z(s) {
+function I(s) {
   return "action" in s;
 }
 function qe(s) {
-  if (!z(s)) return !1;
+  if (!I(s)) return !1;
   const { urlAction: r } = s.action;
   return r?.openUrl?.application === "WEBVIEW";
 }
@@ -30,28 +30,28 @@ function Z({
   device: t,
   businessInfo: o,
   state: a,
-  showSuggestions: l,
-  isProfileOpen: c,
+  showSuggestions: c,
+  isProfileOpen: l,
   toggleProfile: u,
   onReply: m,
   onAction: i,
   webView: h,
   openWebView: f,
-  closeWebView: w
+  closeWebView: v
 }) {
   const b = {
     theme: r,
     device: t,
     businessInfo: { ...ae, ...o },
     state: { ...le, ...a },
-    showSuggestions: l,
-    isProfileOpen: c,
+    showSuggestions: c,
+    isProfileOpen: l,
     toggleProfile: u,
     handleReply: m,
     handleAction: i,
     webView: h,
     openWebView: f,
-    closeWebView: w
+    closeWebView: v
   };
   return /* @__PURE__ */ e(Q.Provider, { value: b, children: s });
 }
@@ -101,7 +101,7 @@ function ce(s) {
       return {
         type: "carousel",
         cards: a.content.map(
-          (l) => P(l, {
+          (c) => P(c, {
             cardOrientation: "VERTICAL",
             cardWidth: a.layout.cardWidth
           })
@@ -192,8 +192,8 @@ function de(s) {
   const a = o.richcardMessage?.message?.generalPurposeCard;
   if (a?.content.title)
     return a.content.title;
-  const l = o.richcardMessage?.message?.generalPurposeCardCarousel;
-  return l?.content[0]?.title ? l.content[0].title : "New message";
+  const c = o.richcardMessage?.message?.generalPurposeCardCarousel;
+  return c?.content[0]?.title ? c.content[0].title : "New message";
 }
 const X = {
   currentMessageId: null,
@@ -217,7 +217,7 @@ function he(s, r) {
       };
     case "ADD_USER_REPLY": {
       const t = ue(r.text), o = s.chatHistory.map(
-        (a, l) => l === s.chatHistory.length - 1 ? { ...a, suggestions: void 0 } : a
+        (a, c) => c === s.chatHistory.length - 1 ? { ...a, suggestions: void 0 } : a
       );
       return {
         ...s,
@@ -251,10 +251,10 @@ function fe({
   onUserReply: r,
   typingDelay: t = 800
 }) {
-  const [o, a] = se(he, X), l = W(0), c = W(!1);
-  E(() => {
-    if (c.current) return;
-    c.current = !0;
+  const [o, a] = se(he, X), c = W(0), l = W(!1);
+  j(() => {
+    if (l.current) return;
+    l.current = !0;
     const h = K(s);
     if (!h) {
       a({
@@ -266,14 +266,14 @@ function fe({
     a({ type: "INIT", messageId: h.id });
     const f = H(
       h,
-      l.current++
+      c.current++
     );
     a({ type: "ADD_BUSINESS_MESSAGE", message: f });
   }, [s]);
   const u = $(
     (h) => {
       if (!Y(h)) return;
-      const { displayText: f, postback: w } = h.reply, b = w.data;
+      const { displayText: f, postback: v } = h.reply, b = v.data;
       a({ type: "ADD_USER_REPLY", text: f, postbackData: b });
       const N = {
         type: "reply",
@@ -282,26 +282,26 @@ function fe({
         timestamp: Date.now()
       };
       r(N);
-      const v = o.currentMessageId ? R(s, o.currentMessageId) : null;
-      if (!v) {
+      const y = o.currentMessageId ? R(s, o.currentMessageId) : null;
+      if (!y) {
         a({ type: "SET_ERROR", error: "Current message not found" });
         return;
       }
-      const y = O(v, b);
-      if (!y)
+      const w = O(y, b);
+      if (!w)
         return;
-      const g = R(s, y);
+      const g = R(s, w);
       if (!g) {
         a({
           type: "SET_ERROR",
-          error: `Next message "${y}" not found`
+          error: `Next message "${w}" not found`
         });
         return;
       }
-      a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: y }), setTimeout(() => {
+      a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: w }), setTimeout(() => {
         const d = H(
           g,
-          l.current++
+          c.current++
         );
         a({ type: "ADD_BUSINESS_MESSAGE", message: d });
       }, t);
@@ -309,18 +309,18 @@ function fe({
     [s, o.currentMessageId, r, t]
   ), m = $(
     (h) => {
-      if (!z(h)) return;
+      if (!I(h)) return;
       const {
         displayText: f,
-        postback: w,
+        postback: v,
         openUrlAction: b,
         dialAction: N,
-        dialerAction: v,
-        mapAction: y,
+        dialerAction: y,
+        mapAction: w,
         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 = {
+      } = h.action, d = v.data, x = N?.phoneNumber || y?.dialPhoneNumber?.phoneNumber, L = w?.showLocation?.location || g?.latLong;
+      let z;
+      b ? z = { type: "openUrl", url: b.url } : x ? z = { type: "dial", phoneNumber: x } : L && (z = {
         type: "viewLocation",
         latitude: L.latitude,
         longitude: L.longitude,
@@ -331,14 +331,14 @@ function fe({
         postbackData: d,
         displayText: f,
         timestamp: Date.now(),
-        actionData: I
+        actionData: z
       };
       if (r(C), b)
         window.open(b.url, "_blank", "noopener,noreferrer");
       else if (x)
         window.location.href = `tel:${x}`;
       else if (L) {
-        const M = 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)}` : ""}`;
+        const M = w?.showLocation?.location?.label || g?.label || "", S = `https://www.google.com/maps/search/?api=1&query=${L.latitude},${L.longitude}${M ? `&query_place_id=${encodeURIComponent(M)}` : ""}`;
         window.open(S, "_blank", "noopener,noreferrer");
       }
       const T = o.currentMessageId ? R(s, o.currentMessageId) : null;
@@ -353,7 +353,7 @@ function fe({
           }), a({ type: "SET_TYPING", isTyping: !0 }), a({ type: "NAVIGATE_TO", messageId: M }), setTimeout(() => {
             const ee = H(
               S,
-              l.current++
+              c.current++
             );
             a({ type: "ADD_BUSINESS_MESSAGE", message: ee });
           }, t));
@@ -362,7 +362,7 @@ function fe({
     },
     [s, o.currentMessageId, r, t]
   ), i = $(() => {
-    c.current = !1, l.current = 0, a({ type: "RESET" });
+    l.current = !1, c.current = 0, a({ type: "RESET" });
   }, []);
   return {
     state: o,
@@ -372,12 +372,12 @@ function fe({
   };
 }
 function pe(s) {
-  const [r, t] = A(null), [o, a] = A(!1), [l, c] = A(null), u = $(async () => {
+  const [r, t] = A(null), [o, a] = A(!1), [c, l] = A(null), u = $(async () => {
     if (!s) {
-      t(null), c(null);
+      t(null), l(null);
       return;
     }
-    a(!0), c(null);
+    a(!0), l(null);
     try {
       const m = await fetch(s, {
         method: "GET",
@@ -395,23 +395,23 @@ function pe(s) {
       t(i);
     } catch (m) {
       const i = m instanceof Error ? m.message : "Failed to fetch JSON";
-      c(i), t(null);
+      l(i), t(null);
     } finally {
       a(!1);
     }
   }, [s]);
-  return E(() => {
+  return j(() => {
     u();
   }, [u]), {
     data: r,
     isLoading: o,
-    error: l,
+    error: c,
     refetch: u
   };
 }
 function ge(s) {
   const r = W(null);
-  return E(() => {
+  return j(() => {
     r.current && r.current.scrollTo({
       top: r.current.scrollHeight,
       behavior: "smooth"
@@ -419,11 +419,11 @@ function ge(s) {
   }, [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 { theme: r, businessInfo: t, toggleProfile: o } = k(), a = r === "dark", c = a ? "rcs-emulator-dark" : "rcs-emulator-light", l = 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 +431,42 @@ 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"}`,
+            className: `rcs-emulator-icon-btn rcs-emulator-p-1-5 rcs-emulator--ml-1 ${c} ${a ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-700"}`,
             "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 : l
                   },
                   children: t.logo ? /* @__PURE__ */ e(
                     "img",
@@ -475,39 +493,64 @@ 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: 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"
+                      }
+                    )
+                  ]
+                }
+              )
             }
           ),
           /* @__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} ${a ? "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"
+                    }
+                  )
+                }
+              )
             }
           )
         ] })
@@ -515,7 +558,7 @@ const xe = p(function() {
     }
   );
 }), be = p(function() {
-  const { theme: r, businessInfo: t } = k(), o = r === "dark", a = o ? "rcs-emulator-dark" : "rcs-emulator-light", l = t.brandColor || "#0084ff";
+  const { theme: r, businessInfo: t } = k(), o = r === "dark", a = o ? "rcs-emulator-dark" : "rcs-emulator-light", c = 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(
@@ -523,7 +566,7 @@ const xe = p(function() {
         {
           className: `rcs-emulator-logo-avatar rcs-emulator-w-16 rcs-emulator-h-16 rcs-emulator-shadow-lg ${a}`,
           style: {
-            backgroundColor: t.logo ? void 0 : l
+            backgroundColor: t.logo ? void 0 : c
           },
           children: t.logo ? /* @__PURE__ */ e(
             "img",
@@ -565,11 +608,11 @@ const xe = p(function() {
   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: c } = k(), u = a === "dark" ? "rcs-emulator-dark" : "rcs-emulator-light", m = t === "business", i = c.brandColor || "#1A73E8", h = 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",
       {
@@ -607,11 +650,11 @@ const xe = p(function() {
     ),
     /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: h })
   ] });
-}), we = p(function({
+}), ye = p(function({
   text: r,
   timestamp: t
 }) {
-  const { businessInfo: o } = k(), a = o.brandColor || "#0084ff", l = new Date(t).toLocaleTimeString([], {
+  const { businessInfo: o } = k(), a = o.brandColor || "#1A73E8", c = new Date(t).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -620,7 +663,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
       }
     ),
@@ -649,17 +692,17 @@ const xe = p(function() {
         )
       }
     ),
-    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: l })
+    /* @__PURE__ */ e("span", { className: "rcs-emulator-sr-only", children: c })
   ] });
-}), ye = p(function({
+}), we = p(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: c } = k(), l = o === "dark", u = l ? "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);
+    "reply" in f ? a(f) : c(f);
   }, h = {
     short: "rcs-emulator-h-36",
     medium: "rcs-emulator-h-44",
@@ -674,14 +717,19 @@ const xe = p(function() {
           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 ${h[r.media.height]} ${l ? "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: (f) => {
+                    const v = f.target;
+                    v.style.display = "none";
+                  }
                 }
               )
             }
@@ -690,29 +738,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 ${l ? "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 ${l ? "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(
+                className: `rcs-emulator-card-actions rcs-emulator-mt-4 rcs-emulator-divide-y ${l ? "rcs-emulator-divide-zinc-700" : "rcs-emulator-divide-gray-100"} ${u}`,
+                children: r.suggestions.map((f, v) => /* @__PURE__ */ e(
                   Me,
                   {
                     suggestion: f,
                     onClick: () => i(f),
-                    isDark: c
+                    isDark: l
                   },
-                  w
+                  v
                 ))
               }
             )
@@ -730,7 +778,7 @@ const xe = p(function() {
   onClick: t,
   isDark: o
 }) {
-  const a = z(r), l = a ? r.action.displayText : r.reply.displayText;
+  const a = I(r), c = a ? r.action.displayText : r.reply.displayText;
   return /* @__PURE__ */ n(
     "button",
     {
@@ -743,23 +791,26 @@ const xe = p(function() {
           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, {});
         })() }),
-        /* @__PURE__ */ e("span", { className: `rcs-emulator-text-sm ${o ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`, children: l })
+        /* @__PURE__ */ e("span", { className: `rcs-emulator-text-sm ${o ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`, children: c })
       ]
     }
   );
-}), $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([], {
+}), $e = p(function({
+  cards: r,
+  timestamp: t
+}) {
+  const { theme: o, handleReply: a, handleAction: c } = k(), l = W(null), [u, m] = A(!1), [i, h] = A(r.length > 1), f = o === "dark", v = f ? "rcs-emulator-dark" : "rcs-emulator-light", b = new Date(t).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
   }), N = (g) => {
-    "reply" in g ? a(g) : l(g);
-  }, v = $(() => {
-    if (c.current) {
-      const { scrollLeft: g, scrollWidth: d, clientWidth: x } = c.current;
+    "reply" in g ? a(g) : c(g);
+  }, y = $(() => {
+    if (l.current) {
+      const { scrollLeft: g, scrollWidth: d, clientWidth: x } = l.current;
       m(g > 0), h(g < d - x - 10);
     }
-  }, []), y = (g) => {
-    c.current && c.current.scrollBy({
+  }, []), w = (g) => {
+    l.current && l.current.scrollBy({
       left: g === "left" ? -200 : 200,
       behavior: "smooth"
     });
@@ -769,20 +820,37 @@ const xe = p(function() {
       u && /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => y("left"),
-          className: `rcs-emulator-carousel-arrow rcs-emulator-left ${w}`,
+          onClick: () => w("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,
+          ref: l,
+          onScroll: y,
           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,
+            Ie,
             {
               card: g,
               isDark: f,
@@ -795,99 +863,219 @@ const xe = p(function() {
       i && /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => y("right"),
-          className: `rcs-emulator-carousel-arrow rcs-emulator-right ${w}`,
+          onClick: () => w("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 })
   ] });
-}), 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" }) });
+}), E = "rcs-emulator-w-4 rcs-emulator-h-4 rcs-emulator-text-gray-400", Ae = (s) => {
+  if (!I(s))
+    return /* @__PURE__ */ e(
+      "svg",
+      {
+        className: E,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: 1.5,
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+          }
+        )
+      }
+    );
   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: `rcs-emulator-carousel-card ${a} ${l}`,
+      className: E,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
+        }
+      )
+    }
+  ) : r.dialerAction || r.dialAction ? /* @__PURE__ */ e(
+    "svg",
+    {
+      className: E,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"
+        }
+      )
+    }
+  ) : r.mapAction || r.viewLocationAction ? /* @__PURE__ */ n(
+    "svg",
+    {
+      className: E,
+      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: E,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "svg",
+    {
+      className: E,
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+        }
+      )
+    }
   );
-}), Ie = {
+}, Ie = p(function({
+  card: r,
+  isDark: t,
+  onSuggestionClick: o
+}) {
+  const a = r.layout.width === "small" ? "rcs-emulator-w-44" : "rcs-emulator-w-52", c = t ? "rcs-emulator-dark" : "rcs-emulator-light";
+  return /* @__PURE__ */ n("div", { className: `rcs-emulator-carousel-card ${a} ${c}`, children: [
+    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"} ${c}`,
+          children: r.suggestions.map((l, u) => {
+            const i = I(l) ? l.action.displayText : l.reply.displayText;
+            return /* @__PURE__ */ n(
+              "button",
+              {
+                onClick: () => o(l),
+                className: `rcs-emulator-w-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-2 rcs-emulator-px-3 rcs-emulator-py-2-5 rcs-emulator-text-xs rcs-emulator-transition-colors rcs-emulator-text-left rcs-emulator-border-none ${t ? "rcs-emulator-hover-bg-zinc-700 rcs-emulator-text-white" : "rcs-emulator-hover-bg-gray-50 rcs-emulator-text-gray-900"}`,
+                children: [
+                  /* @__PURE__ */ e("span", { className: "rcs-emulator-flex-shrink-0", children: Ae(l) }),
+                  /* @__PURE__ */ e("span", { className: "rcs-emulator-truncate", children: i })
+                ]
+              },
+              u
+            );
+          })
+        }
+      )
+    ] })
+  ] });
+}), ze = {
   text: ({ content: s, sender: r, timestamp: t }) => s.type !== "text" ? null : /* @__PURE__ */ e(ve, { text: s.text, sender: r, timestamp: t }),
-  userReply: ({ content: s, timestamp: r }) => s.type !== "userReply" ? null : /* @__PURE__ */ e(we, { text: s.text, timestamp: r }),
-  richcard: ({ content: s, timestamp: r }) => s.type !== "richcard" ? null : /* @__PURE__ */ e(ye, { card: s.card, timestamp: r }),
+  userReply: ({ content: s, timestamp: r }) => s.type !== "userReply" ? null : /* @__PURE__ */ e(ye, { text: s.text, timestamp: r }),
+  richcard: ({ content: s, timestamp: r }) => s.type !== "richcard" ? null : /* @__PURE__ */ e(we, { card: s.card, timestamp: r }),
   carousel: ({ content: s, timestamp: r }) => s.type !== "carousel" ? null : /* @__PURE__ */ e($e, { cards: s.cards, timestamp: r })
 }, Te = p(function({
   message: r,
   isLast: t
 }) {
-  const { content: o, sender: a, timestamp: l } = r, c = Ie[o.type];
-  return c ? /* @__PURE__ */ e(
-    c,
+  const { content: o, sender: a, timestamp: c } = r, l = ze[o.type];
+  return l ? /* @__PURE__ */ e(
+    l,
     {
       content: o,
       sender: a,
-      timestamp: l,
+      timestamp: c,
       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]" }));
@@ -927,8 +1115,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";
+}), Ee = p(function() {
+  const { theme: r, state: t } = k(), { chatHistory: o, isTyping: a } = t, c = r === "dark", l = c ? "rcs-emulator-dark" : "rcs-emulator-light";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -940,16 +1128,16 @@ const xe = p(function() {
         o.length > 0 && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex rcs-emulator-justify-center rcs-emulator-py-2", children: /* @__PURE__ */ e(
           "span",
           {
-            className: `rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-px-3 rcs-emulator-py-1 ${l ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-500"}`,
+            className: `rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-px-3 rcs-emulator-py-1 ${c ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-500"}`,
             children: "Today"
           }
         ) }),
         /* @__PURE__ */ n(
           "div",
           {
-            className: `rcs-emulator-messages-container ${c}`,
+            className: `rcs-emulator-messages-container ${l}`,
             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" }) }),
+              o.length === 0 && !a && /* @__PURE__ */ e("div", { className: "rcs-emulator-flex rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-py-12", children: /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm ${c ? "rcs-emulator-text-zinc-500" : "rcs-emulator-text-gray-400"}`, children: "No messages yet" }) }),
               /* @__PURE__ */ n("div", { className: "rcs-emulator-p-3 rcs-emulator-space-y-3", children: [
                 o.map((u, m) => /* @__PURE__ */ e(
                   "div",
@@ -973,12 +1161,12 @@ const xe = p(function() {
       ]
     }
   );
-}), Ee = p(function({
+}), je = p(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: c } = k(), l = a === "dark", u = I(r), m = u ? r.action.displayText : r.reply.displayText, i = u ? Be(r) : null, h = c.brandColor || "#1A73E8", f = l ? "rcs-emulator-dark" : "rcs-emulator-light";
   return o === "bar" ? /* @__PURE__ */ n(
     "button",
     {
@@ -996,7 +1184,7 @@ 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 ${f}`,
       children: [
         i && /* @__PURE__ */ e(
           "div",
@@ -1015,7 +1203,7 @@ const xe = p(function() {
         /* @__PURE__ */ e(
           "span",
           {
-            className: `rcs-emulator-text-sm rcs-emulator-font-medium ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+            className: `rcs-emulator-text-sm rcs-emulator-font-medium ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
             children: m
           }
         )
@@ -1026,13 +1214,13 @@ const xe = p(function() {
     {
       type: "button",
       onClick: t,
-      className: `rcs-emulator-w-full rcs-emulator-px-3 rcs-emulator-py-2 rcs-emulator-rounded-lg rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-text-center rcs-emulator-border rcs-emulator-transition-colors ${c ? "rcs-emulator-border-zinc-600 rcs-emulator-hover-bg-zinc-700 rcs-emulator-text-white" : "rcs-emulator-border-gray-300 rcs-emulator-hover-bg-gray-50 rcs-emulator-text-gray-900"}`,
+      className: `rcs-emulator-w-full rcs-emulator-px-3 rcs-emulator-py-2 rcs-emulator-rounded-lg rcs-emulator-text-xs rcs-emulator-font-medium rcs-emulator-text-center rcs-emulator-border rcs-emulator-transition-colors ${l ? "rcs-emulator-border-zinc-600 rcs-emulator-hover-bg-zinc-700 rcs-emulator-text-white" : "rcs-emulator-border-gray-300 rcs-emulator-hover-bg-gray-50 rcs-emulator-text-gray-900"}`,
       children: m
     }
   );
 });
 function Be(s) {
-  if (!z(s)) return null;
+  if (!I(s)) return null;
   const { action: r } = s;
   return r.openUrlAction ? ({ className: t, style: o }) => /* @__PURE__ */ e(
     "svg",
@@ -1147,23 +1335,23 @@ function Be(s) {
   ) : null;
 }
 function Re(s) {
-  if (!z(s)) return "Reply";
+  if (!I(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";
 }
 const We = p(function({
   suggestions: r
 }) {
-  const { theme: t, handleReply: o, handleAction: a } = k(), l = t === "dark";
+  const { theme: t, handleReply: o, handleAction: a } = k(), c = t === "dark";
   if (!r || r.length === 0)
     return null;
-  const c = (u) => {
-    Y(u) ? o(u) : z(u) && a(u);
+  const l = (u) => {
+    Y(u) ? o(u) : I(u) && a(u);
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `rcs-emulator-suggestions-bar rcs-emulator-px-3 rcs-emulator-py-2 ${l ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
+      className: `rcs-emulator-suggestions-bar rcs-emulator-px-3 rcs-emulator-py-2 ${c ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       role: "group",
       "aria-label": "Quick replies",
       children: /* @__PURE__ */ e(
@@ -1171,10 +1359,10 @@ const We = p(function({
         {
           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,
+            je,
             {
               suggestion: u,
-              onClick: () => c(u),
+              onClick: () => l(u),
               variant: "bar"
             },
             m
@@ -1184,27 +1372,27 @@ const We = p(function({
     }
   );
 }), Ve = p(function() {
-  const { theme: r, state: t, showSuggestions: o } = k(), { chatHistory: a, isTyping: l, error: c } = t, u = ge([
+  const { theme: r, state: t, showSuggestions: o } = k(), { chatHistory: a, isTyping: c, error: l } = t, u = ge([
     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;
+    c
+  ]), m = r === "dark", i = m ? "rcs-emulator-dark" : "rcs-emulator-light", h = a[a.length - 1], f = o && h?.sender === "business" && !c ? h.suggestions : void 0;
   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, {}),
-        c && /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e(
           "div",
           {
             className: "rcs-emulator-error-alert",
             role: "alert",
-            children: /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-text-red-500", children: c })
+            children: /* @__PURE__ */ e("p", { className: "rcs-emulator-text-sm rcs-emulator-text-red-500", children: l })
           }
         ),
         /* @__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__ */ e(Ee, {})
         ] }),
         f && f.length > 0 && /* @__PURE__ */ e(We, { suggestions: f }),
         /* @__PURE__ */ n(
@@ -1321,22 +1509,22 @@ 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";
+  const { theme: r, businessInfo: t, toggleProfile: o } = k(), [a, c] = A("info"), l = r === "dark", u = t.bannerImage || "https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80", m = t.brandColor || "#0084ff";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: `rcs-emulator-absolute rcs-emulator-inset-0 rcs-emulator-z-50 rcs-emulator-flex rcs-emulator-flex-col ${c ? "rcs-emulator-bg-zinc-950" : "rcs-emulator-bg-white"}`,
+      className: `rcs-emulator-absolute rcs-emulator-inset-0 rcs-emulator-z-50 rcs-emulator-flex rcs-emulator-flex-col ${l ? "rcs-emulator-bg-zinc-950" : "rcs-emulator-bg-white"}`,
       children: [
         /* @__PURE__ */ n(
           "header",
           {
-            className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-4 rcs-emulator-py-3 rcs-emulator-border-b ${c ? "rcs-emulator-bg-zinc-900 rcs-emulator-border-zinc-800" : "rcs-emulator-bg-white rcs-emulator-border-gray-200"}`,
+            className: `rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-3 rcs-emulator-px-4 rcs-emulator-py-3 rcs-emulator-border-b ${l ? "rcs-emulator-bg-zinc-900 rcs-emulator-border-zinc-800" : "rcs-emulator-bg-white rcs-emulator-border-gray-200"}`,
             children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: o,
-                  className: `rcs-emulator-p-1-5 rcs-emulator--ml-1-5 rcs-emulator-rounded-full rcs-emulator-transition-colors ${c ? "rcs-emulator-hover-bg-zinc-800 rcs-emulator-text-white" : "rcs-emulator-hover-bg-gray-100 rcs-emulator-text-gray-900"}`,
+                  className: `rcs-emulator-p-1-5 rcs-emulator--ml-1-5 rcs-emulator-rounded-full rcs-emulator-transition-colors ${l ? "rcs-emulator-hover-bg-zinc-800 rcs-emulator-text-white" : "rcs-emulator-hover-bg-gray-100 rcs-emulator-text-gray-900"}`,
                   "aria-label": "Go back",
                   children: /* @__PURE__ */ e(
                     "svg",
@@ -1361,7 +1549,7 @@ const We = p(function({
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `rcs-emulator-text-base rcs-emulator-font-medium ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                  className: `rcs-emulator-text-base rcs-emulator-font-medium ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
                   children: "Info & options"
                 }
               )
@@ -1380,7 +1568,7 @@ const We = p(function({
           /* @__PURE__ */ e("div", { className: "rcs-emulator-relative rcs-emulator-px-4", children: /* @__PURE__ */ e(
             "div",
             {
-              className: `rcs-emulator-absolute rcs-emulator--top-10 rcs-emulator-left-1-2 rcs-emulator--translate-x-1-2 rcs-emulator-w-20 rcs-emulator-h-20 rcs-emulator-rounded-full rcs-emulator-overflow-hidden rcs-emulator-border-4 ${c ? "rcs-emulator-border-zinc-950 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-white rcs-emulator-bg-gray-100"} rcs-emulator-shadow-lg`,
+              className: `rcs-emulator-absolute rcs-emulator--top-10 rcs-emulator-left-1-2 rcs-emulator--translate-x-1-2 rcs-emulator-w-20 rcs-emulator-h-20 rcs-emulator-rounded-full rcs-emulator-overflow-hidden rcs-emulator-border-4 ${l ? "rcs-emulator-border-zinc-950 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-white rcs-emulator-bg-gray-100"} rcs-emulator-shadow-lg`,
               children: t.logo ? /* @__PURE__ */ e(
                 "img",
                 {
@@ -1402,11 +1590,11 @@ const We = p(function({
             /* @__PURE__ */ e(
               "h1",
               {
-                className: `rcs-emulator-text-xl rcs-emulator-font-semibold ${c ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
+                className: `rcs-emulator-text-xl rcs-emulator-font-semibold ${l ? "rcs-emulator-text-white" : "rcs-emulator-text-gray-900"}`,
                 children: t.name
               }
             ),
-            t.description && /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm rcs-emulator-mt-1 ${c ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`, children: t.description })
+            t.description && /* @__PURE__ */ e("p", { className: `rcs-emulator-text-sm rcs-emulator-mt-1 ${l ? "rcs-emulator-text-zinc-400" : "rcs-emulator-text-gray-500"}`, children: t.description })
           ] }),
           /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-justify-center rcs-emulator-gap-4 rcs-emulator-px-4 rcs-emulator-pb-4", children: [
             t.phoneNumbers && t.phoneNumbers.length > 0 && /* @__PURE__ */ e(
@@ -1414,7 +1602,7 @@ const We = p(function({
               {
                 icon: "phone",
                 label: "Call",
-                isDark: c,
+                isDark: l,
                 brandColor: m,
                 onClick: () => {
                   const i = t.phoneNumbers?.[0]?.number;
@@ -1427,7 +1615,7 @@ const We = p(function({
               {
                 icon: "globe",
                 label: "Website",
-                isDark: c,
+                isDark: l,
                 brandColor: m,
                 onClick: () => {
                   const i = t.websites?.[0]?.url;
@@ -1440,7 +1628,7 @@ const We = p(function({
               {
                 icon: "mail",
                 label: "Contact",
-                isDark: c,
+                isDark: l,
                 brandColor: m,
                 onClick: () => {
                   const i = t.emails?.[0]?.email;
@@ -1452,14 +1640,14 @@ const We = p(function({
           /* @__PURE__ */ n(
             "div",
             {
-              className: `rcs-emulator-tabs-container rcs-emulator-flex rcs-emulator-mx-4 rcs-emulator-rounded-lg rcs-emulator-overflow-hidden rcs-emulator-border ${c ? "rcs-emulator-border-zinc-700 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-gray-200 rcs-emulator-bg-gray-100"}`,
+              className: `rcs-emulator-tabs-container rcs-emulator-flex rcs-emulator-mx-4 rcs-emulator-rounded-lg rcs-emulator-overflow-hidden rcs-emulator-border ${l ? "rcs-emulator-border-zinc-700 rcs-emulator-bg-zinc-800" : "rcs-emulator-border-gray-200 rcs-emulator-bg-gray-100"}`,
               children: [
                 /* @__PURE__ */ e(
                   F,
                   {
                     active: a === "info",
-                    onClick: () => l("info"),
-                    isDark: c,
+                    onClick: () => c("info"),
+                    isDark: l,
                     brandColor: m,
                     children: "Info"
                   }
@@ -1468,8 +1656,8 @@ const We = p(function({
                   F,
                   {
                     active: a === "options",
-                    onClick: () => l("options"),
-                    isDark: c,
+                    onClick: () => c("options"),
+                    isDark: l,
                     brandColor: m,
                     children: "Options"
                   }
@@ -1477,7 +1665,7 @@ 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(_e, { isDark: l, brandColor: m }) : /* @__PURE__ */ e(Ue, { isDark: l }) })
         ] })
       ]
     }
@@ -1487,12 +1675,12 @@ const We = p(function({
   label: t,
   isDark: o,
   brandColor: a,
-  onClick: l
+  onClick: c
 }) {
   return /* @__PURE__ */ n(
     "button",
     {
-      onClick: l,
+      onClick: c,
       className: `rcs-emulator-quick-action-btn rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-gap-2 rcs-emulator-px-6 rcs-emulator-py-3 rcs-emulator-rounded-xl rcs-emulator-border rcs-emulator-transition-colors ${o ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       children: [
         /* @__PURE__ */ e(
@@ -1548,7 +1736,7 @@ const We = p(function({
   onClick: t,
   isDark: o,
   brandColor: a,
-  children: l
+  children: c
 }) {
   return /* @__PURE__ */ e(
     "button",
@@ -1556,7 +1744,7 @@ const We = p(function({
       onClick: t,
       className: `rcs-emulator-tab-btn rcs-emulator-flex-1 rcs-emulator-py-2-5 rcs-emulator-text-sm rcs-emulator-font-medium rcs-emulator-transition-colors rcs-emulator-rounded-lg ${r ? "rcs-emulator-active" : `rcs-emulator-inactive ${o ? "rcs-emulator-dark" : "rcs-emulator-light"}`}`,
       style: r ? { backgroundColor: a } : void 0,
-      children: l
+      children: c
     }
   );
 }), _e = p(function({ isDark: r, brandColor: t }) {
@@ -1566,41 +1754,41 @@ const We = p(function({
     {
       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(
+        o.phoneNumbers?.map((c, l) => /* @__PURE__ */ e(
           U,
           {
             icon: "phone",
-            primary: l.number,
-            secondary: l.label,
+            primary: c.number,
+            secondary: c.label,
             isDark: r,
             brandColor: t,
-            onClick: () => window.location.href = `tel:${l.number}`
+            onClick: () => window.location.href = `tel:${c.number}`
           },
-          `phone-${c}`
+          `phone-${l}`
         )),
-        o.websites?.map((l, c) => /* @__PURE__ */ e(
+        o.websites?.map((c, l) => /* @__PURE__ */ e(
           U,
           {
             icon: "globe",
-            primary: l.url.replace(/^https?:\/\//, ""),
-            secondary: l.label || "Website",
+            primary: c.url.replace(/^https?:\/\//, ""),
+            secondary: c.label || "Website",
             isDark: r,
             brandColor: t,
-            onClick: () => window.open(l.url, "_blank", "noopener,noreferrer")
+            onClick: () => window.open(c.url, "_blank", "noopener,noreferrer")
           },
-          `web-${c}`
+          `web-${l}`
         )),
-        o.emails?.map((l, c) => /* @__PURE__ */ e(
+        o.emails?.map((c, l) => /* @__PURE__ */ e(
           U,
           {
             icon: "mail",
-            primary: l.email,
-            secondary: l.label || "Email",
+            primary: c.email,
+            secondary: c.label || "Email",
             isDark: r,
             brandColor: t,
-            onClick: () => window.location.href = `mailto:${l.email}`
+            onClick: () => window.location.href = `mailto:${c.email}`
           },
-          `email-${c}`
+          `email-${l}`
         ))
       ]
     }
@@ -1616,12 +1804,12 @@ const We = p(function({
   primary: t,
   secondary: o,
   isDark: a,
-  onClick: l
+  onClick: c
 }) {
   return /* @__PURE__ */ n(
     "button",
     {
-      onClick: l,
+      onClick: c,
       className: `rcs-emulator-list-item rcs-emulator-w-full rcs-emulator-flex rcs-emulator-items-center rcs-emulator-gap-4 rcs-emulator-px-4 rcs-emulator-py-3-5 rcs-emulator-text-left rcs-emulator-transition-colors ${a ? "rcs-emulator-dark" : "rcs-emulator-light"}`,
       children: [
         /* @__PURE__ */ e(
@@ -1745,14 +1933,14 @@ const We = p(function({
   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(() => {
-    o?.url && (c(!0), m(!1));
+  const { theme: r, businessInfo: t, webView: o, closeWebView: a } = k(), [c, l] = A(!0), [u, m] = A(!1), i = r === "dark", h = t.brandColor || "#0084ff";
+  j(() => {
+    o?.url && (l(!0), m(!1));
   }, [o?.url]);
   const f = $(() => {
-    c(!1);
-  }, []), w = $(() => {
-    c(!1), m(!0);
+    l(!1);
+  }, []), v = $(() => {
+    l(!1), m(!0);
   }, []), b = (C) => {
     try {
       return new URL(C).hostname;
@@ -1761,7 +1949,7 @@ const We = p(function({
     }
   };
   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: N, viewMode: y, title: w, postbackData: g } = o, d = w || b(N), x = y === "FULL", L = y === "TALL" || y === "HALF", z = q[y] || q.TALL;
   return /* @__PURE__ */ n(
     "div",
     {
@@ -1770,7 +1958,7 @@ const We = p(function({
       "aria-modal": "true",
       "aria-label": `WebView: ${d}`,
       "data-postback": g,
-      "data-view-mode": v,
+      "data-view-mode": y,
       children: [
         L && /* @__PURE__ */ e(
           "button",
@@ -1784,7 +1972,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 ${i ? "rcs-emulator-bg-zinc-900" : "rcs-emulator-bg-white"} ${z} rcs-emulator-w-full ${L ? "rcs-emulator-rounded-t-2xl rcs-emulator-shadow-2xl" : ""}`,
             style: {
               // Ensure container is above backdrop
               position: "relative",
@@ -1863,7 +2051,7 @@ const We = p(function({
                   ]
                 }
               ),
-              l && /* @__PURE__ */ e(
+              c && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "rcs-emulator-absolute rcs-emulator-top-14 rcs-emulator-left-0 rcs-emulator-right-0 rcs-emulator-h-1 rcs-emulator-overflow-hidden",
@@ -1924,7 +2112,7 @@ const We = p(function({
                   title: d,
                   className: "rcs-emulator-w-full rcs-emulator-h-full rcs-emulator-border-0",
                   onLoad: f,
-                  onError: w,
+                  onError: v,
                   sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
                   referrerPolicy: "no-referrer-when-downgrade",
                   loading: "lazy"
@@ -1946,18 +2134,18 @@ const We = p(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(() => {
-      c(/* @__PURE__ */ new Date());
+  const { theme: o, businessInfo: a } = k(), [c, l] = A(/* @__PURE__ */ new Date()), u = o === "dark";
+  j(() => {
+    const h = setInterval(() => {
+      l(/* @__PURE__ */ new Date());
     }, 1e3);
-    return () => clearInterval(f);
+    return () => clearInterval(h);
   }, []);
-  const m = l.toLocaleTimeString([], {
+  const m = c.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }), i = l.toLocaleDateString([], {
+  }), i = c.toLocaleDateString([], {
     weekday: "short",
     month: "long",
     day: "numeric"
@@ -1985,21 +2173,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: i }) }),
         /* @__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 +2212,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" })
             ]
@@ -2058,8 +2232,8 @@ const We = p(function({
   onUserReply: t,
   theme: o,
   device: a,
-  businessInfo: l,
-  showSuggestions: c
+  businessInfo: c,
+  showSuggestions: l
 }) {
   const {
     state: u,
@@ -2069,21 +2243,21 @@ const We = p(function({
     flow: r,
     onUserReply: t,
     typingDelay: 800
-  }), [h, f] = A(!1), w = $(() => {
+  }), [h, f] = A(!1), v = $(() => {
     f((d) => !d);
-  }, []), [b, N] = A(null), v = $((d) => {
+  }, []), [b, N] = A(null), y = $((d) => {
     N({
       ...d,
       isOpen: !0
     });
-  }, []), y = $(() => {
+  }, []), w = $(() => {
     N(null);
   }, []), g = $(
     (d) => {
-      if (!z(d)) return;
+      if (!I(d)) return;
       const x = oe(d);
       if (x) {
-        v({
+        y({
           url: x.url,
           viewMode: x.webviewViewMode || "TALL",
           title: x.description || "",
@@ -2104,23 +2278,23 @@ const We = p(function({
       }
       i(d);
     },
-    [i, v, t]
+    [i, y, t]
   );
   return /* @__PURE__ */ n(
     Z,
     {
       theme: o,
       device: a,
-      businessInfo: l,
+      businessInfo: c,
       state: u,
-      showSuggestions: c,
+      showSuggestions: l,
       isProfileOpen: h,
-      toggleProfile: w,
+      toggleProfile: v,
       onReply: m,
       onAction: g,
       webView: b,
-      openWebView: v,
-      closeWebView: y,
+      openWebView: y,
+      closeWebView: w,
       children: [
         /* @__PURE__ */ e(Ve, {}),
         h && /* @__PURE__ */ e(He, {}),
@@ -2133,32 +2307,32 @@ const We = p(function({
   jsonUrl: t,
   onUserReply: o,
   theme: a = "light",
-  device: l = "android",
-  businessInfo: c,
+  device: c = "android",
+  businessInfo: l,
   className: u = "",
   width: m = 375,
   height: i = 667,
   showSuggestions: h = !0,
   showLockScreen: f = !1
 }) {
-  const [w, b] = A(f), N = $(() => {
+  const [v, b] = A(f), N = $(() => {
     b(!1);
   }, []), {
-    data: v,
-    isLoading: y,
+    data: y,
+    isLoading: w,
     error: g
-  } = pe(t), d = t ? v : r, x = V(
+  } = pe(t), d = t ? y : r, x = V(
     () => d ? me(d) : !1,
     [d]
   ), L = V(
     () => ({
       ...J,
-      ...c,
+      ...l,
       // Extract name from flow if not provided
-      name: c?.name || d?.name || J.name
+      name: l?.name || d?.name || J.name
     }),
-    [c, d?.name]
-  ), I = V(
+    [l, d?.name]
+  ), z = V(
     () => d && x ? de(d) : "New message",
     [d, x]
   ), C = a === "dark", T = C ? "rcs-emulator-dark" : "rcs-emulator-light", M = ({ children: S }) => /* @__PURE__ */ e(
@@ -2169,11 +2343,11 @@ const We = p(function({
       role: "application",
       "aria-label": "RCS Message Emulator",
       "data-theme": a,
-      "data-device": l,
+      "data-device": c,
       children: S
     }
   );
-  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 && w ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n("div", { className: "rcs-emulator-flex rcs-emulator-flex-col rcs-emulator-items-center rcs-emulator-justify-center rcs-emulator-h-full rcs-emulator-p-6", children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -2228,11 +2402,11 @@ const We = p(function({
         children: t
       }
     )
-  ] }) }) : d ? x ? /* @__PURE__ */ e(M, { children: w ? /* @__PURE__ */ e(
+  ] }) }) : d ? x ? /* @__PURE__ */ e(M, { children: v ? /* @__PURE__ */ e(
     Z,
     {
       theme: a,
-      device: l,
+      device: c,
       businessInfo: L,
       state: {
         currentMessageId: null,
@@ -2253,7 +2427,7 @@ const We = p(function({
       },
       closeWebView: () => {
       },
-      children: /* @__PURE__ */ e(Oe, { onUnlock: N, messagePreview: I })
+      children: /* @__PURE__ */ e(Oe, { onUnlock: N, messagePreview: z })
     }
   ) : /* @__PURE__ */ e(
     Pe,
@@ -2261,7 +2435,7 @@ const We = p(function({
       flow: d,
       onUserReply: o,
       theme: a,
-      device: l,
+      device: c,
       businessInfo: L,
       showSuggestions: h
     }
@@ -2350,7 +2524,7 @@ export {
   Je as default,
   de as getFirstMessagePreview,
   oe as getWebViewConfig,
-  z as isSuggestedAction,
+  I as isSuggestedAction,
   Y as isSuggestedReply,
   qe as isWebViewAction,
   pe as useJsonFetch,