@maebgch/rcs-emulator 0.1.0

package/dist/rcs-emulator.es.js

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