@botonic/webchat-react 2.37.0 → 2.38.1

package/trigger.js

@@ -1,9 +1,462 @@
-import { jsx as n, jsxs as ne, Fragment as Le } from "react/jsx-runtime";
-import { cx as oe, cva as Ee } from "class-variance-authority";
-import { useState as l, useRef as i, useEffect as u, useMemo as ye, lazy as ie, useCallback as h, Component as Ce, Suspense as Re } from "react";
-import { ensureGlobalWebchatAPI as Pe, setupGlobalWebchatAPI as xe, signalWebchatReady as Ae } from "@botonic/webchat-core";
-function Ie() {
-  return /* @__PURE__ */ n(
+import { embedTriggerMachine as We, ensureGlobalWebchatAPI as Oe, setupGlobalWebchatAPI as Ve, signalWebchatReady as Fe, registerOnOpen as Ge } from "@botonic/webchat-core";
+import { useCallback as E, useState as L, useRef as m, useEffect as h, useMemo as ge, lazy as he, Component as ke, Suspense as Be } from "react";
+import { a as ze } from "./embedded-config-CmlPSd0n.js";
+import { useMachine as Ue } from "@xstate/react";
+import { a as Ye } from "./supported-trigger-channels-JiTUD-jK.js";
+import { S as Mn } from "./supported-trigger-channels-JiTUD-jK.js";
+import { jsx as p, jsxs as ue, Fragment as je } from "react/jsx-runtime";
+import { cx as ne, cva as Xe } from "class-variance-authority";
+import { DropdownMenu as Ke, DropdownMenuItem as Ze } from "@lilara/ui-web-react";
+function qe() {
+  const [n, t] = Ue(We, { input: {} }), a = E(() => {
+    t({ type: "MARK_FIRST_HOVER_EXPAND_SHOWN" });
+  }, [t]);
+  return {
+    isHydrated: n.matches("ready"),
+    firstHoverExpandShown: n.context.firstHoverExpandShown,
+    markFirstHoverExpandShown: a
+  };
+}
+const Je = {
+  ms: 1,
+  s: 1e3
+};
+function de(n, t) {
+  const a = n.trim();
+  if (!a)
+    return t;
+  const c = /^(-?\d*\.?\d+)(ms|s)?$/i.exec(a);
+  if (!c)
+    return t;
+  const s = Number.parseFloat(c[1]);
+  if (!Number.isFinite(s))
+    return t;
+  const i = (c[2] ?? "ms").toLowerCase(), r = Je[i];
+  return r === void 0 ? t : Math.max(0, Math.round(s * r));
+}
+const Qe = "--webchat-trigger-first-visit-expand-delay", $e = "--webchat-trigger-first-visit-expand-duration";
+function en({
+  hoverExpandLabel: n,
+  firstVisitHoverExpand: t,
+  forceHoverExpanded: a,
+  triggerRef: c,
+  isChannelsPanelVisible: s,
+  isOpen: i,
+  isEmbedTriggerHydrated: r,
+  firstHoverExpandShown: l,
+  markFirstHoverExpandShown: C
+}) {
+  const [M, f] = L(!1), [w, R] = L(!1), [I, P] = L(!0), T = m({}), d = !!n && !I && (w || (a ?? M)), x = E(() => {
+    const b = T.current;
+    b.delayId !== void 0 && window.clearTimeout(b.delayId), b.collapseId !== void 0 && window.clearTimeout(b.collapseId), T.current = {};
+  }, []), g = E(() => {
+    R(!1), P(!0), f(!1), x();
+  }, [x]), v = E(() => {
+    n && (P(!1), R(!0), t && r && !l && (C(), x(), f(!1)));
+  }, [
+    n,
+    t,
+    r,
+    l,
+    C,
+    x
+  ]), S = E(() => {
+    n && (R(!1), P(!0));
+  }, [n]);
+  return h(() => {
+    s && g();
+  }, [s, g]), h(() => {
+    i && g();
+  }, [i, g]), h(() => {
+    if (!t || !n || !r || l)
+      return;
+    let b = !1;
+    const A = () => {
+      const O = c.current;
+      if (!O || b)
+        return;
+      const H = getComputedStyle(O), D = de(
+        H.getPropertyValue(Qe),
+        6e3
+      ), W = de(
+        H.getPropertyValue(
+          $e
+        ),
+        8e3
+      ), B = window.setTimeout(() => {
+        if (b || l)
+          return;
+        C(), P(!1), f(!0);
+        const V = window.setTimeout(() => {
+          f(!1), R(!1), P(!0);
+        }, W);
+        T.current = { delayId: B, collapseId: V };
+      }, D);
+      T.current = { delayId: B };
+    };
+    return c.current ? A() : requestAnimationFrame(A), () => {
+      b = !0, x();
+    };
+  }, [
+    t,
+    n,
+    r,
+    l,
+    C,
+    c,
+    x
+  ]), {
+    hasHoverExpand: !!n,
+    isHoverExpandVisible: d,
+    handleTriggerMouseEnter: v,
+    handleTriggerMouseLeave: S,
+    collapseHoverExpand: g
+  };
+}
+function nn({
+  onTriggerPreviewChannels: n,
+  requestOpen: t,
+  controller: a,
+  isOpen: c,
+  setIsChannelsPanelVisible: s
+}) {
+  const i = ge(
+    () => n?.() ?? [],
+    [n]
+  ), r = i.length > 1, l = E(
+    (w) => {
+      if (w.channel === Ye.Webchat) {
+        t();
+        return;
+      }
+      window.open(w.href, w.target ?? "_blank");
+    },
+    [t]
+  ), C = E(
+    (w) => {
+      s(!1), l(w);
+    },
+    [l, s]
+  ), M = E(() => {
+    s(!1);
+  }, [s]), f = E(
+    (w) => {
+      if (r) {
+        if (a && c) {
+          a.close();
+          return;
+        }
+        s((R) => !R);
+        return;
+      }
+      if (i.length === 1) {
+        l(i[0]);
+        return;
+      }
+      w();
+    },
+    [
+      r,
+      a,
+      c,
+      i,
+      l,
+      s
+    ]
+  );
+  return {
+    previewChannels: i,
+    useChannelsMenu: r,
+    channels: r ? i : void 0,
+    onSelectChannel: C,
+    onDismissChannelsPanel: M,
+    handleTriggerClickWithChannels: f
+  };
+}
+function tn({
+  proactiveMessage: n,
+  proactiveDelay: t = 5,
+  triggerRef: a,
+  isOpen: c
+}) {
+  const [s, i] = L(!1), [r, l] = L(!1), [C, M] = L(0), f = m(!1), w = m(!1), R = m(c), I = m(0), P = m({ x: 0, y: 0 }), T = m({ x: 0, y: 0 }), u = m(null), d = m(null);
+  h(() => {
+    w.current = s;
+  }, [s]), h(() => {
+    R.current = c;
+  }, [c]), h(() => {
+    if (typeof window > "u") return;
+    const g = (v) => {
+      P.current = { x: v.clientX, y: v.clientY };
+    };
+    return window.addEventListener("mousemove", g, { passive: !0 }), () => window.removeEventListener("mousemove", g);
+  }, []), h(() => {
+    if (!n || f.current) return;
+    const g = setTimeout(() => {
+      if (f.current || R.current || a.current?.matches(":hover")) return;
+      I.current = window.scrollY, T.current = { ...P.current }, i(!0);
+      const v = () => {
+        window.removeEventListener("scroll", S), window.removeEventListener("mousemove", b), u.current = null, d.current = null, l(!0);
+      }, S = () => {
+        Math.abs(window.scrollY - I.current) > 80 && v();
+      }, b = (A) => {
+        const { x: O, y: H } = T.current, D = A.clientX - O, W = A.clientY - H;
+        Math.sqrt(D * D + W * W) > 80 && v();
+      };
+      u.current = S, d.current = b, window.addEventListener("scroll", S, { passive: !0 }), window.addEventListener("mousemove", b, { passive: !0 });
+    }, t * 1e3);
+    return () => {
+      clearTimeout(g), u.current && (window.removeEventListener("scroll", u.current), u.current = null), d.current && (window.removeEventListener("mousemove", d.current), d.current = null);
+    };
+  }, [C]), h(() => {
+    !c || !s || (f.current = !0, u.current && (window.removeEventListener("scroll", u.current), u.current = null), d.current && (window.removeEventListener("mousemove", d.current), d.current = null), l(!0));
+  }, [c, s]), h(() => {
+    if (typeof window > "u") return;
+    const g = () => {
+      f.current || !n || (I.current = window.scrollY, i(!0));
+    }, v = () => {
+      w.current && (f.current = !0, u.current && (window.removeEventListener("scroll", u.current), u.current = null), d.current && (window.removeEventListener("mousemove", d.current), d.current = null), l(!0));
+    };
+    return window.addEventListener("botonic:popup:show", g), window.addEventListener("botonic:popup:hide", v), () => {
+      window.removeEventListener("botonic:popup:show", g), window.removeEventListener("botonic:popup:hide", v);
+    };
+  }, []);
+  const x = E(() => {
+    l(!1), i(!1), w.current = !1, f.current || M((g) => g + 1);
+  }, []);
+  return {
+    isPopupVisible: s,
+    isPopupDismissing: r,
+    proactiveMessage: n,
+    onPopupAnimationEnd: x
+  };
+}
+const me = "[botonic webchat lifecycle]";
+async function $(n, t) {
+  if (t)
+    try {
+      await t();
+    } catch (a) {
+      console.error(me, n, a);
+    }
+}
+const rn = he(
+  () => import("./webchat-app-md1b0_ze.js").then((n) => n.a5).then((n) => ({ default: n.WebchatApp }))
+);
+function on(n, t) {
+  const {
+    appId: a,
+    position: c = "bottom-right",
+    isPulsing: s,
+    hoverExpandLabel: i,
+    forceHoverExpanded: r,
+    firstVisitHoverExpand: l,
+    icon: C,
+    "aria-label": M,
+    className: f,
+    webchatConfig: w,
+    onReady: R,
+    embeddedUser: I,
+    onInit: P,
+    onOpen: T,
+    onClose: u,
+    onMessage: d,
+    loader: x,
+    proactiveMessage: g,
+    proactiveDelay: v = 5,
+    onTriggerPreviewChannels: S
+  } = n, {
+    isHydrated: b,
+    firstHoverExpandShown: A,
+    markFirstHoverExpandShown: O
+  } = qe(), [H, D] = L(!1), [W, B] = L(!1), [V, q] = L(!1), [fe, te] = L(0), [y, j] = L(!1), [e, _e] = L(null), [F, we] = L(!1), [z, X] = L("appearing"), [be, re] = L(!1), oe = m(!1), se = m(null), J = m(!1), Q = m(0), U = m(null), K = m(!1), ie = m(!1), Z = m(0);
+  ie.current || (ie.current = !0, Oe());
+  const ve = ge(
+    () => x ? he(x) : rn,
+    [x]
+  ), Ee = E(
+    (o) => {
+      o.target === o.currentTarget && z !== null && X(null);
+    },
+    [z]
+  );
+  h(() => {
+    if (!e) return;
+    const o = e.machine.subscribe((N) => {
+      const G = N.context.isOpen ?? !1, k = N.context.messageActors?.size ?? 0;
+      we(N.context.connectionStatus === "connected"), j(G), G ? (re(!1), Z.current = k) : (k > Z.current && re(!0), Z.current = k);
+    });
+    return () => o.unsubscribe();
+  }, [e]), h(() => {
+    const o = oe.current, N = e !== null && se.current === null;
+    if (oe.current = y, se.current = e, !!e) {
+      if (N && y) {
+        X("opening");
+        return;
+      }
+      o === !1 && y ? X("opening") : o === !0 && !y && X("closing");
+    }
+  }, [y, e]);
+  const Ce = E(
+    (o) => {
+      if (e === o || U.current === o)
+        return;
+      U.current = o;
+      const N = Q.current += 1;
+      (async () => {
+        try {
+          await ze(o, I), P && await P(o);
+        } catch (G) {
+          U.current === o && (U.current = null), console.error(me, "onInit", G);
+          return;
+        }
+        Q.current === N && (_e(o), Ve(o));
+      })();
+    },
+    [e, I, P]
+  );
+  h(() => {
+    !e || !F || J.current || (J.current = !0, Fe(), R?.(e));
+  }, [e, F, R]), h(() => {
+    if (!(!e || !F || !T))
+      return Ge(e, (o) => {
+        $("onOpen", () => T(o));
+      });
+  }, [e, F, T]), h(() => {
+    if (!(!e || !u))
+      return e.on("WEBCHAT_CLOSED", () => {
+        $("onClose", () => u(e));
+      });
+  }, [e, u]), h(() => {
+    if (!e || !d) return;
+    const o = (k) => {
+      $(
+        "onMessage",
+        () => d(e, k.message)
+      );
+    }, N = e.on("MESSAGE_RECEIVED", o), G = e.on("MESSAGE_SENT", o);
+    return () => {
+      N(), G();
+    };
+  }, [e, d]), h(() => () => {
+    Q.current += 1, J.current = !1, U.current = null;
+  }, []), h(() => {
+    !e || !F || !K.current || (K.current = !1, e.open());
+  }, [e, F]);
+  const Y = E(() => {
+    V && (q(!1), te((o) => o + 1)), B(!1), K.current = !0, H ? e ? (K.current = !1, e.open()) : j(!0) : (D(!0), j(!0));
+  }, [V, H, e]), {
+    channels: ye,
+    onSelectChannel: Le,
+    onDismissChannelsPanel: Re,
+    handleTriggerClickWithChannels: ae
+  } = nn({
+    onTriggerPreviewChannels: S,
+    requestOpen: Y,
+    controller: e,
+    isOpen: y,
+    setIsChannelsPanelVisible: B
+  }), {
+    hasHoverExpand: Pe,
+    isHoverExpandVisible: xe,
+    handleTriggerMouseEnter: Te,
+    handleTriggerMouseLeave: Ie,
+    collapseHoverExpand: ce
+  } = en({
+    hoverExpandLabel: i,
+    firstVisitHoverExpand: l,
+    forceHoverExpanded: r,
+    triggerRef: t,
+    isChannelsPanelVisible: W,
+    isOpen: y,
+    isEmbedTriggerHydrated: b,
+    firstHoverExpandShown: A,
+    markFirstHoverExpandShown: O
+  }), {
+    isPopupVisible: Ae,
+    isPopupDismissing: Me,
+    proactiveMessage: Se,
+    onPopupAnimationEnd: He
+  } = tn({
+    proactiveMessage: g,
+    proactiveDelay: v,
+    triggerRef: t,
+    isOpen: y
+  }), Ne = E(() => {
+    ce(), ae(() => {
+      e ? y ? e.close() : e.open() : Y();
+    });
+  }, [
+    ce,
+    ae,
+    e,
+    y,
+    Y
+  ]), le = E(() => {
+    q(!1), te((o) => o + 1), D(!0), j(!0);
+  }, []), De = E((o) => {
+    console.error("Failed to load webchat:", o), q(!0);
+  }, []);
+  return h(() => {
+    if (typeof window > "u") return;
+    const o = () => Y();
+    return window.addEventListener("botonic:open", o), () => window.removeEventListener("botonic:open", o);
+  }, [Y]), {
+    triggerProps: {
+      ref: t,
+      type: "button",
+      onClick: V ? le : Ne,
+      onMouseEnter: Te,
+      onMouseLeave: Ie,
+      onAnimationEnd: Ee,
+      "aria-label": M || (y ? "Close chat" : "Open chat"),
+      "aria-expanded": y
+    },
+    icon: C,
+    isOpen: y,
+    className: f,
+    hoverExpandLabel: i,
+    variants: {
+      position: c,
+      isPulsing: s,
+      hasHoverExpand: Pe,
+      isHoverExpandVisible: xe,
+      isAppearing: z === "appearing",
+      isOpening: z === "opening",
+      isClosing: z === "closing",
+      isLoading: H && !e,
+      isOpen: y
+    },
+    webchatProps: {
+      appId: a,
+      isOpen: y,
+      onClose: () => e?.close(),
+      onControllerReady: Ce,
+      ...w
+    },
+    shouldRenderWebchat: H,
+    LazyWebchat: ve,
+    loadError: V,
+    retryLoad: le,
+    handleLoadError: De,
+    retryKey: fe,
+    hasNewMessages: be,
+    isPopupVisible: Ae,
+    isPopupDismissing: Me,
+    proactiveMessage: Se,
+    onPopupAnimationEnd: He,
+    isChannelsPanelVisible: W,
+    channels: ye,
+    onSelectChannel: Le,
+    onDismissChannelsPanel: Re,
+    embedTrigger: {
+      isHydrated: b,
+      firstHoverExpandShown: A
+    }
+  };
+}
+function sn() {
+  return /* @__PURE__ */ p(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -16,12 +469,12 @@ function Ie() {
       strokeLinejoin: "round",
       role: "img",
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n("path", { d: "M11.9824 1H12.0068C16.6626 1.00019 20.8294 3.94825 22.3779 8.34766V8.34863C23.9256 12.7351 22.5189 17.6607 18.8877 20.5752L18.8867 20.5762C15.366 23.4132 10.4571 23.7848 6.55273 21.5576C6.37266 21.455 6.16579 21.4117 5.96094 21.4316L5.87305 21.4443L1.80176 22.209L2.56738 18.1328C2.61117 17.8992 2.57029 17.6574 2.45215 17.4512C0.544246 14.1225 0.50971 10.0164 2.38574 6.64258C4.32746 3.1601 8.00376 1.00006 11.9824 1Z" })
+      children: /* @__PURE__ */ p("path", { d: "M11.9824 1H12.0068C16.6626 1.00019 20.8294 3.94825 22.3779 8.34766V8.34863C23.9256 12.7351 22.5189 17.6607 18.8877 20.5752L18.8867 20.5762C15.366 23.4132 10.4571 23.7848 6.55273 21.5576C6.37266 21.455 6.16579 21.4117 5.96094 21.4316L5.87305 21.4443L1.80176 22.209L2.56738 18.1328C2.61117 17.8992 2.57029 17.6574 2.45215 17.4512C0.544246 14.1225 0.50971 10.0164 2.38574 6.64258C4.32746 3.1601 8.00376 1.00006 11.9824 1Z" })
     }
   );
 }
-function We() {
-  return /* @__PURE__ */ n(
+function an() {
+  return /* @__PURE__ */ p(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -35,165 +488,20 @@ function We() {
       strokeLinejoin: "round",
       role: "img",
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n("path", { d: "M6 9l6 6 6-6" })
+      children: /* @__PURE__ */ p("path", { d: "M6 9l6 6 6-6" })
     }
   );
 }
-const Ne = ie(
-  () => import("./webchat-app-BrBET32o.js").then((p) => p.U).then((p) => ({ default: p.WebchatApp }))
-);
-function Me(p, m) {
-  const {
-    appId: x,
-    position: S = "bottom-right",
-    isPulsing: f,
-    icon: D,
-    "aria-label": L,
-    className: z,
-    webchatConfig: V,
-    onReady: E,
-    loader: y,
-    proactiveMessage: C,
-    proactiveDelay: H = 5
-  } = p, [w, A] = l(!1), [d, b] = l(!1), [T, I] = l(0), [r, W] = l(!1), [t, ae] = l(null), [j, ce] = l(!1), [R, N] = l("appearing"), [le, q] = l(!1), [P, Y] = l(!1), [ue, M] = l(!1), [pe, de] = l(0), F = i(!1), K = i(null), U = i(!1), Q = i(!1), O = i(0), Z = i(!1), B = i(0), J = i({ x: 0, y: 0 }), X = i({ x: 0, y: 0 }), a = i(null), c = i(null), _ = i(!1), G = i(!1);
-  Q.current || (Q.current = !0, Pe()), u(() => {
-    G.current = P;
-  }, [P]), u(() => {
-    Z.current = r;
-  }, [r]);
-  const ge = ye(
-    () => y ? ie(y) : Ne,
-    [y]
-  ), he = h(
-    (e) => {
-      e.target === e.currentTarget && R !== null && N(null);
-    },
-    [R]
-  );
-  u(() => {
-    if (!t) return;
-    const e = t.machine.subscribe((s) => {
-      const v = s.context.isOpen ?? !1, g = s.context.messageActors?.size ?? 0;
-      ce(s.context.connectionStatus === "connected"), W(v), v ? (q(!1), O.current = g) : (g > O.current && q(!0), O.current = g);
-    });
-    return () => e.unsubscribe();
-  }, [t]), u(() => {
-    const e = F.current, s = t !== null && K.current === null;
-    if (F.current = r, K.current = t, !!t) {
-      if (s && r) {
-        N("opening");
-        return;
-      }
-      e === !1 && r ? N("opening") : e === !0 && !r && N("closing");
-    }
-  }, [r, t]);
-  const me = h((e) => {
-    ae(e), xe(e);
-  }, []);
-  u(() => {
-    !t || !j || U.current || (U.current = !0, Ae(), E?.(t));
-  }, [t, j, E]);
-  const k = h(() => {
-    d && (b(!1), I((e) => e + 1)), w ? t ? t.open() : W(!0) : (A(!0), W(!0));
-  }, [d, w, t]), fe = h(() => {
-    t ? r ? t.close() : t.open() : k();
-  }, [t, r, k]), $ = h(() => {
-    b(!1), I((e) => e + 1), A(!0), W(!0);
-  }, []), we = h((e) => {
-    console.error("Failed to load webchat:", e), b(!0);
-  }, []);
-  u(() => {
-    if (typeof window > "u") return;
-    const e = () => k();
-    return window.addEventListener("botonic:open", e), () => window.removeEventListener("botonic:open", e);
-  }, [k]), u(() => {
-    if (typeof window > "u") return;
-    const e = (s) => {
-      J.current = { x: s.clientX, y: s.clientY };
-    };
-    return window.addEventListener("mousemove", e, { passive: !0 }), () => window.removeEventListener("mousemove", e);
-  }, []), u(() => {
-    if (!C || _.current) return;
-    const e = setTimeout(() => {
-      if (_.current || Z.current || m.current?.matches(":hover")) return;
-      B.current = window.scrollY, X.current = { ...J.current }, Y(!0);
-      const s = () => {
-        window.removeEventListener("scroll", v), window.removeEventListener("mousemove", g), a.current = null, c.current = null, M(!0);
-      }, v = () => {
-        Math.abs(window.scrollY - B.current) > 80 && s();
-      }, g = (ee) => {
-        const { x: _e, y: ve } = X.current, te = ee.clientX - _e, re = ee.clientY - ve;
-        Math.sqrt(te * te + re * re) > 80 && s();
-      };
-      a.current = v, c.current = g, window.addEventListener("scroll", v, { passive: !0 }), window.addEventListener("mousemove", g, { passive: !0 });
-    }, H * 1e3);
-    return () => {
-      clearTimeout(e), a.current && (window.removeEventListener("scroll", a.current), a.current = null), c.current && (window.removeEventListener("mousemove", c.current), c.current = null);
-    };
-  }, [pe]), u(() => {
-    !r || !P || (_.current = !0, a.current && (window.removeEventListener("scroll", a.current), a.current = null), c.current && (window.removeEventListener("mousemove", c.current), c.current = null), M(!0));
-  }, [r, P]), u(() => {
-    if (typeof window > "u") return;
-    const e = () => {
-      _.current || !C || (B.current = window.scrollY, Y(!0));
-    }, s = () => {
-      G.current && (_.current = !0, a.current && (window.removeEventListener("scroll", a.current), a.current = null), c.current && (window.removeEventListener("mousemove", c.current), c.current = null), M(!0));
-    };
-    return window.addEventListener("botonic:popup:show", e), window.addEventListener("botonic:popup:hide", s), () => {
-      window.removeEventListener("botonic:popup:show", e), window.removeEventListener("botonic:popup:hide", s);
-    };
-  }, []);
-  const be = h(() => {
-    M(!1), Y(!1), G.current = !1, _.current || de((e) => e + 1);
-  }, []);
-  return {
-    triggerProps: {
-      ref: m,
-      type: "button",
-      onClick: d ? $ : fe,
-      onAnimationEnd: he,
-      "aria-label": L || (r ? "Close chat" : "Open chat"),
-      "aria-expanded": r
-    },
-    icon: D,
-    isOpen: r,
-    className: z,
-    variants: {
-      position: S,
-      isPulsing: f,
-      isAppearing: R === "appearing",
-      isOpening: R === "opening",
-      isClosing: R === "closing",
-      isLoading: w && !t,
-      isOpen: r
-    },
-    webchatProps: {
-      appId: x,
-      isOpen: r,
-      onClose: () => t?.close(),
-      onControllerReady: me,
-      ...V
-    },
-    shouldRenderWebchat: w,
-    LazyWebchat: ge,
-    loadError: d,
-    retryLoad: $,
-    handleLoadError: we,
-    retryKey: T,
-    hasNewMessages: le,
-    isPopupVisible: P,
-    isPopupDismissing: ue,
-    proactiveMessage: C,
-    onPopupAnimationEnd: be
-  };
-}
-const Oe = "webchat-trigger-module__base___BpGIN", o = {
-  base: Oe,
+const cn = "webchat-trigger-module__base___BpGIN", _ = {
+  base: cn,
+  "has-hover-expand": "webchat-trigger-module__has-hover-expand___tePjn",
+  "is-hover-expand-visible": "webchat-trigger-module__is-hover-expand-visible___wMU4J",
+  "hover-expand-label": "webchat-trigger-module__hover-expand-label___ZSUf7",
+  "trigger-icon": "webchat-trigger-module__trigger-icon___8oGUm",
   "bottom-right": "webchat-trigger-module__bottom-right___Q9RB7",
   "bottom-left": "webchat-trigger-module__bottom-left___O0h6i",
   "top-right": "webchat-trigger-module__top-right___fRZQ7",
   "top-left": "webchat-trigger-module__top-left___HIH3L",
-  "trigger-icon": "webchat-trigger-module__trigger-icon___8oGUm",
   "new-messages-badge": "webchat-trigger-module__new-messages-badge___N3N26",
   "loading-spinner": "webchat-trigger-module__loading-spinner___UrhIi",
   "is-pulsing": "webchat-trigger-module__is-pulsing___bVsxi",
@@ -202,110 +510,179 @@ const Oe = "webchat-trigger-module__base___BpGIN", o = {
   "is-closing": "webchat-trigger-module__is-closing___Gbp3t",
   "is-loading": "webchat-trigger-module__is-loading___Qnwvi",
   "is-open": "webchat-trigger-module__is-open___qJce6"
+}, ln = "webchat-trigger-channels-panel-module__panel___uLZtx", un = "webchat-trigger-channels-panel-module__bottom-right___mDVyM", dn = "webchat-trigger-channels-panel-module__bottom-left___5fp0H", pn = "webchat-trigger-channels-panel-module__top-right___fmmGT", gn = "webchat-trigger-channels-panel-module__top-left___zjNN-", hn = "webchat-trigger-channels-panel-module__menu___H5kYG", ee = {
+  panel: ln,
+  "bottom-right": "webchat-trigger-channels-panel-module__bottom-right___mDVyM",
+  bottomRight: un,
+  "bottom-left": "webchat-trigger-channels-panel-module__bottom-left___5fp0H",
+  bottomLeft: dn,
+  "top-right": "webchat-trigger-channels-panel-module__top-right___fmmGT",
+  topRight: pn,
+  "top-left": "webchat-trigger-channels-panel-module__top-left___zjNN-",
+  topLeft: gn,
+  menu: hn
 };
-class ke extends Ce {
+function mn({
+  channels: n,
+  position: t,
+  triggerRef: a,
+  onSelectChannel: c,
+  onDismiss: s
+}) {
+  const i = m(null);
+  return h(() => {
+    const r = (l) => {
+      const C = l.target;
+      i.current?.contains(C) || a.current?.contains(C) || s();
+    };
+    return document.addEventListener("pointerdown", r), () => document.removeEventListener("pointerdown", r);
+  }, [s, a]), /* @__PURE__ */ p(
+    "div",
+    {
+      ref: i,
+      className: ne(ee.panel, ee[t]),
+      "data-testid": "webchat-channels-panel",
+      children: /* @__PURE__ */ p(Ke, { className: ee.menu, children: n.map((r) => /* @__PURE__ */ p(
+        Ze,
+        {
+          icon: r.icon,
+          testId: `webchat-channel-${r.channel}`,
+          onPress: () => c(r),
+          children: r.label
+        },
+        r.channel
+      )) })
+    }
+  );
+}
+class fn extends ke {
   constructor() {
     super(...arguments), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(m) {
-    this.props.onError(m);
+  componentDidCatch(t) {
+    this.props.onError(t);
   }
   render() {
     return this.state.hasError ? null : this.props.children;
   }
 }
-const Se = "webchat-trigger-popup-module__popup___8qvlu", se = {
-  popup: Se,
+const _n = "webchat-trigger-popup-module__popup___8qvlu", pe = {
+  popup: _n,
   "popup-dismiss": "webchat-trigger-popup-module__popup-dismiss___wucZD"
-}, De = Ee(o.base, {
+}, wn = Xe(_.base, {
   variants: {
     position: {
-      "bottom-right": o["bottom-right"],
-      "bottom-left": o["bottom-left"],
-      "top-right": o["top-right"],
-      "top-left": o["top-left"]
+      "bottom-right": _["bottom-right"],
+      "bottom-left": _["bottom-left"],
+      "top-right": _["top-right"],
+      "top-left": _["top-left"]
     },
     isPulsing: {
-      true: o["is-pulsing"]
+      true: _["is-pulsing"]
+    },
+    hasHoverExpand: {
+      true: _["has-hover-expand"]
+    },
+    isHoverExpandVisible: {
+      true: _["is-hover-expand-visible"]
     },
     isAppearing: {
-      true: o["is-appearing"]
+      true: _["is-appearing"]
     },
     isOpening: {
-      true: o["is-opening"]
+      true: _["is-opening"]
     },
     isClosing: {
-      true: o["is-closing"]
+      true: _["is-closing"]
     },
     isLoading: {
-      true: o["is-loading"]
+      true: _["is-loading"]
     },
     isOpen: {
-      true: o["is-open"]
+      true: _["is-open"]
     }
   },
   defaultVariants: {
     position: "bottom-right"
   }
 });
-function Be(p) {
-  const m = i(null), {
-    triggerProps: x,
-    icon: S,
-    isOpen: f,
-    className: D,
-    variants: L,
-    webchatProps: z,
-    shouldRenderWebchat: V,
-    LazyWebchat: E,
-    loadError: y,
-    handleLoadError: C,
-    retryKey: H,
-    hasNewMessages: w,
-    isPopupVisible: A,
-    isPopupDismissing: d,
-    proactiveMessage: b,
-    onPopupAnimationEnd: T
-  } = Me(p, m), I = f ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(Ie, {});
-  return /* @__PURE__ */ ne(Le, { children: [
-    (A || d) && b && /* @__PURE__ */ n(
+function Tn(n) {
+  const t = m(null), {
+    triggerProps: a,
+    icon: c,
+    isOpen: s,
+    className: i,
+    variants: r,
+    hoverExpandLabel: l,
+    webchatProps: C,
+    shouldRenderWebchat: M,
+    LazyWebchat: f,
+    loadError: w,
+    handleLoadError: R,
+    retryKey: I,
+    hasNewMessages: P,
+    isPopupVisible: T,
+    isPopupDismissing: u,
+    proactiveMessage: d,
+    onPopupAnimationEnd: x,
+    isChannelsPanelVisible: g,
+    channels: v,
+    onSelectChannel: S,
+    onDismissChannelsPanel: b
+  } = on(n, t), A = s ? /* @__PURE__ */ p(an, {}) : /* @__PURE__ */ p(sn, {});
+  return /* @__PURE__ */ ue(je, { children: [
+    g && v && v.length > 0 && /* @__PURE__ */ p(
+      mn,
+      {
+        channels: v,
+        position: r.position,
+        triggerRef: t,
+        onSelectChannel: S,
+        onDismiss: b
+      }
+    ),
+    (T || u) && d && /* @__PURE__ */ p(
       "div",
       {
-        className: oe(
-          se.popup,
-          d && se["popup-dismiss"]
+        className: ne(
+          pe.popup,
+          u && pe["popup-dismiss"]
         ),
         role: "status",
         "aria-live": "polite",
-        onAnimationEnd: d ? T : void 0,
-        children: /* @__PURE__ */ n("p", { children: b })
+        onAnimationEnd: u ? x : void 0,
+        children: /* @__PURE__ */ p("p", { children: d })
       }
     ),
-    /* @__PURE__ */ ne(
+    /* @__PURE__ */ ue(
       "button",
       {
-        ...x,
-        className: oe(De(L), D),
+        ...a,
+        className: ne(wn(r), i),
         "data-testid": "webchat-trigger",
-        "aria-label": y ? "Retry loading chat" : x["aria-label"],
+        "aria-label": w ? "Retry loading chat" : a["aria-label"],
         children: [
-          /* @__PURE__ */ n("div", { className: o["trigger-icon"], children: L.isLoading && f ? /* @__PURE__ */ n("span", { className: o["loading-spinner"] }) : S || I }),
-          w && !f && /* @__PURE__ */ n("div", { className: o["new-messages-badge"], "aria-hidden": !0 })
+          /* @__PURE__ */ p("div", { className: _["trigger-icon"], children: r.isLoading && s ? /* @__PURE__ */ p("span", { className: _["loading-spinner"] }) : c || A }),
+          l ? /* @__PURE__ */ p("span", { className: _["hover-expand-label"], children: l }) : void 0,
+          P && !s && /* @__PURE__ */ p("div", { className: _["new-messages-badge"], "aria-hidden": !0 })
         ]
       }
     ),
-    V && E && /* @__PURE__ */ n(ke, { onError: C, children: /* @__PURE__ */ n(
-      Re,
+    M && f && /* @__PURE__ */ p(fn, { onError: R, children: /* @__PURE__ */ p(
+      Be,
       {
-        fallback: L.isLoading && f ? /* @__PURE__ */ n("span", { className: o["loading-spinner"], "aria-hidden": !0 }) : null,
-        children: /* @__PURE__ */ n(E, { ...z })
+        fallback: r.isLoading && s ? /* @__PURE__ */ p("span", { className: _["loading-spinner"], "aria-hidden": !0 }) : null,
+        children: /* @__PURE__ */ p(f, { ...C })
       }
-    ) }, H)
+    ) }, I)
   ] });
 }
 export {
-  Be as WebchatTrigger
+  Mn as SupportedChannels,
+  Ye as SupportedTriggerChannels,
+  Tn as WebchatTrigger,
+  on as useWebchatTrigger
 };