@wexio/messenger-widget-react 1.0.21 → 1.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
  [![Version](https://img.shields.io/npm/v/@wexio/messenger-widget-react.svg)](https://www.npmjs.com/package/@wexio/messenger-widget-react)
4
4
  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)
5
- [![Documentation](https://img.shields.io/badge/docs-wexio.io-blue.svg)](https://learn.wexio.io)
5
+ [![Documentation](https://img.shields.io/badge/docs-wexio.io-blue.svg)](https://learn.wexio.io/docs/web-widget)
6
6
 
7
7
  Native React component for the [Wexio](https://wexio.io) web messenger. Renders inside a Shadow DOM portal for full style isolation — same `WidgetShell` runtime as the script-injected iframe and the `<wexio-widget>` web component. Same chat, same visitor identity, same backend; the only difference is **where the React tree mounts.**
8
8
 
9
9
  🏠 [Website](https://wexio.io)
10
- 📚 [Developer Docs](https://learn.wexio.io)
10
+ 📚 [Developer Docs](https://learn.wexio.io/docs/web-widget)
11
11
 
12
12
  ## 📂 Description
13
13
 
@@ -161,13 +161,13 @@ The underlying widget runtime is a Web Component, so it works in any modern fram
161
161
  <script type="module" src="https://cdn.wexio.io/widget/widget.js"></script>
162
162
  ```
163
163
 
164
- Typed wrappers are on the roadmap:
164
+ Typed wrappers for the popular frameworks:
165
165
 
166
- - `@wexio/messenger-widget-vue` — coming soon
167
- - `@wexio/messenger-widget-angular` — coming soon
168
- - `@wexio/messenger-widget-ember` — coming soon
166
+ - [`@wexio/messenger-widget-vue`](https://www.npmjs.com/package/@wexio/messenger-widget-vue)Vue 3
167
+ - [`@wexio/messenger-widget-angular`](https://www.npmjs.com/package/@wexio/messenger-widget-angular)Angular
168
+ - [`@wexio/messenger-widget-ember`](https://www.npmjs.com/package/@wexio/messenger-widget-ember)Ember
169
169
 
170
- For plain HTML / script-injection setups, paste the loader snippet from https://learn.wexio.io.
170
+ For plain HTML / script-injection setups, paste the loader snippet from https://learn.wexio.io/docs/web-widget.
171
171
 
172
172
  ## Author
173
173
 
@@ -12,7 +12,7 @@ import "react-dom";
12
12
  import "react/jsx-runtime";
13
13
  import "react-dom/client";
14
14
  import { c as e, d as t } from "./widget-react-B9XrHKqv.js";
15
- import { D as n, F as r, h as i, m as a, r as o, w as s, z as c } from "./widget-react-CxCHz0ip.js";
15
+ import { D as n, F as r, h as i, m as a, r as o, w as s, z as c } from "./widget-react-DfX-FjHu.js";
16
16
  import { i as l, n as u, o as d, t as f } from "./widget-react-CQ0DMi7b.js";
17
17
  import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
18
18
  import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
@@ -652,4 +652,4 @@ function Y({ item: e, locale: n, delay: r, onClick: o }) {
652
652
  //#endregion
653
653
  export { F as a, A as c, E as d, T as f, S as h, V as i, O as l, C as m, U as n, L as o, w as p, H as r, z as s, K as t, D as u };
654
654
 
655
- //# sourceMappingURL=widget-react-BYrOtI3f.js.map
655
+ //# sourceMappingURL=widget-react-BSrCOwHs.js.map
@@ -11,10 +11,10 @@ import "react";
11
11
  import "react-dom";
12
12
  import "react/jsx-runtime";
13
13
  import "react-dom/client";
14
- import { D as e, S as t, r as n } from "./widget-react-CxCHz0ip.js";
15
- import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, t as u } from "./widget-react-BzzQPFS4.js";
14
+ import { D as e, S as t, r as n } from "./widget-react-DfX-FjHu.js";
15
+ import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, t as u } from "./widget-react-BwHHN-at.js";
16
16
  import { i as d, n as f, o as p } from "./widget-react-CQ0DMi7b.js";
17
- import { h as m, n as h, o as g, r as _, s as v } from "./widget-react-BYrOtI3f.js";
17
+ import { h as m, n as h, o as g, r as _, s as v } from "./widget-react-BSrCOwHs.js";
18
18
  import { t as y } from "./widget-react-DP-dfZKt.js";
19
19
  import { useState as b } from "react";
20
20
  import { jsx as x, jsxs as S } from "react/jsx-runtime";
@@ -340,4 +340,4 @@ function E() {
340
340
  //#endregion
341
341
  export { T as NewsArticleView };
342
342
 
343
- //# sourceMappingURL=widget-react-CnPQO1vi2.js.map
343
+ //# sourceMappingURL=widget-react-BU-5w9zn2.js.map
@@ -11,7 +11,7 @@ import "react";
11
11
  import "react-dom";
12
12
  import "react/jsx-runtime";
13
13
  import "react-dom/client";
14
- import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, Ct as o, Dt as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, It as h, J as g, Jt as _, K as v, Kt as y, Lt as b, Mt as x, Nt as S, Ot as C, Pt as w, Q as T, Qt as E, Rt as ee, St as te, T as ne, Tt as re, U as ie, Ut as D, V as ae, Vt as oe, W as se, Wt as ce, Xt as le, Y as O, Yt as ue, Zt as de, _t as fe, an as pe, at as me, bt as he, cn as ge, ct as k, dn as A, dt as _e, en as ve, et as j, fn as M, ft as ye, g as be, gt as xe, ht as Se, in as N, it as Ce, jt as we, kt as P, ln as F, lt as I, mn as Te, mt as Ee, nt as De, on as Oe, ot as ke, pn as L, pt as Ae, q as je, qt as Me, rn as R, rt as Ne, sn as Pe, st as z, tn as B, tt as Fe, un as V, ut as Ie, vt as Le, w as Re, wt as ze, xt as Be, yt as Ve, z as H, zt as He } from "./widget-react-CxCHz0ip.js";
14
+ import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, Ct as o, Dt as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, It as h, J as g, Jt as _, K as v, Kt as y, Lt as b, Mt as x, Nt as S, Ot as C, Pt as w, Q as T, Qt as E, Rt as ee, St as te, T as ne, Tt as re, U as ie, Ut as D, V as ae, Vt as oe, W as se, Wt as ce, Xt as le, Y as O, Yt as ue, Zt as de, _t as fe, an as pe, at as me, bt as he, cn as ge, ct as k, dn as A, dt as _e, en as ve, et as j, fn as M, ft as ye, g as be, gt as xe, ht as Se, in as N, it as Ce, jt as we, kt as P, ln as F, lt as I, mn as Te, mt as Ee, nt as De, on as Oe, ot as ke, pn as L, pt as Ae, q as je, qt as Me, rn as R, rt as Ne, sn as Pe, st as z, tn as B, tt as Fe, un as V, ut as Ie, vt as Le, w as Re, wt as ze, xt as Be, yt as Ve, z as H, zt as He } from "./widget-react-DfX-FjHu.js";
15
15
  import { n as Ue, r as We } from "./widget-react-CQ0DMi7b.js";
16
16
  import * as U from "react";
17
17
  import { jsx as Ge } from "react/jsx-runtime";
@@ -4290,4 +4290,4 @@ function Hi(e) {
4290
4290
  //#endregion
4291
4291
  export { ti as _, Hi as a, Xr as b, Bi as c, hi as d, ui as f, Zr as g, ii as h, Pi as i, Ii as l, oi as m, Ri as n, Oi as o, ci as p, Mi as r, Ai as s, Ei as t, Ti as u, $r as v, ri as y };
4292
4292
 
4293
- //# sourceMappingURL=widget-react-DyCyhde3.js.map
4293
+ //# sourceMappingURL=widget-react-BlpGsLnt.js.map
@@ -12,7 +12,7 @@ import "react-dom";
12
12
  import "react/jsx-runtime";
13
13
  import "react-dom/client";
14
14
  import { C as e, S as t, b as n, d as r, w as i, x as a, y as o } from "./widget-react-B9XrHKqv.js";
15
- import { A as s, F as c, X as l, b as u, k as d, n as f, t as p, x as m, z as h } from "./widget-react-CxCHz0ip.js";
15
+ import { A as s, F as c, X as l, b as u, k as d, n as f, t as p, x as m, z as h } from "./widget-react-DfX-FjHu.js";
16
16
  import { i as g, n as _, t as v } from "./widget-react-CQ0DMi7b.js";
17
17
  import { createElement as y, useCallback as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
18
18
  import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -11681,4 +11681,4 @@ function Vu({ surface: e, itemId: t, reactionCounts: n, viewerReaction: i, group
11681
11681
  //#endregion
11682
11682
  export { ue as a, ae as c, se as i, re as l, Mu as n, oe as o, ju as r, ie as s, Vu as t };
11683
11683
 
11684
- //# sourceMappingURL=widget-react-BzzQPFS4.js.map
11684
+ //# sourceMappingURL=widget-react-BwHHN-at.js.map
@@ -12,9 +12,9 @@ import "react-dom";
12
12
  import "react/jsx-runtime";
13
13
  import "react-dom/client";
14
14
  import { i as e } from "./widget-react-B9XrHKqv.js";
15
- import { D as t, S as n, f as r, p as i, r as a } from "./widget-react-CxCHz0ip.js";
16
- import { a as o, c as ee, i as s, l as c, n as l, o as u, r as te, s as d, t as f } from "./widget-react-BzzQPFS4.js";
17
- import { f as p, g as m, l as h, n as g, r as _, u as v } from "./widget-react-DyCyhde3.js";
15
+ import { D as t, S as n, f as r, p as i, r as a } from "./widget-react-DfX-FjHu.js";
16
+ import { a as o, c as ee, i as s, l as c, n as l, o as u, r as te, s as d, t as f } from "./widget-react-BwHHN-at.js";
17
+ import { f as p, g as m, l as h, n as g, r as _, u as v } from "./widget-react-BlpGsLnt.js";
18
18
  import { i as y, n as b } from "./widget-react-CQ0DMi7b.js";
19
19
  import { t as x } from "./widget-react-GkCAcRz0.js";
20
20
  import { useEffect as S, useMemo as C, useState as w } from "react";
@@ -291,4 +291,4 @@ function O() {
291
291
  //#endregion
292
292
  export { D as HelpArticleView };
293
293
 
294
- //# sourceMappingURL=widget-react-FYcGtBEE2.js.map
294
+ //# sourceMappingURL=widget-react-D4L5tDax2.js.map
@@ -4651,11 +4651,11 @@ function Qo() {
4651
4651
  error: null
4652
4652
  }), [i, a] = C(null);
4653
4653
  b(() => {
4654
- let n = new URL(window.location.href), i = n.searchParams.get("pk") ?? void 0, o = n.searchParams.get("mode"), s = e.modeOverride === "demo", c = s ? void 0 : Io() || void 0, l = s ? void 0 : e.publicKeyOverride ?? i ?? c, u = e.modeOverride ?? (l ? "production" : o === "preview" ? "preview" : "demo"), d = !1;
4654
+ let n = new URL(window.location.href), i = n.searchParams.get("pk") ?? void 0, o = n.searchParams.get("mode"), s = e.modeOverride === "demo", c = s ? void 0 : Io() || void 0, l = s ? void 0 : e.publicKeyOverride ?? i ?? c, u = l === "pk_demo" ? void 0 : l, d = e.modeOverride ?? (u ? "production" : o === "preview" ? "preview" : "demo"), f = !1;
4655
4655
  if ((async () => {
4656
4656
  if (e.configBase) {
4657
- let t = l ? await Go(l) : null;
4658
- if (d) return;
4657
+ let t = u ? await Go(u) : null;
4658
+ if (f) return;
4659
4659
  let n = e.configBase.security, i = t?.security, a = {
4660
4660
  requireAuth: n?.requireAuth ?? i?.requireAuth ?? !1,
4661
4661
  google: {
@@ -4665,7 +4665,7 @@ function Qo() {
4665
4665
  passkey: { enabled: n?.passkey?.enabled ?? i?.passkey?.enabled ?? !1 }
4666
4666
  }, { security: o, ...s } = e.configBase;
4667
4667
  r({
4668
- mode: u,
4668
+ mode: d,
4669
4669
  config: {
4670
4670
  ...s,
4671
4671
  security: a,
@@ -4680,7 +4680,7 @@ function Qo() {
4680
4680
  }
4681
4681
  if (e.forceDummyData !== void 0) {
4682
4682
  r({
4683
- mode: u,
4683
+ mode: d,
4684
4684
  config: Xo,
4685
4685
  isDummy: e.forceDummyData,
4686
4686
  isLoading: !1,
@@ -4688,12 +4688,12 @@ function Qo() {
4688
4688
  });
4689
4689
  return;
4690
4690
  }
4691
- if (l) {
4692
- let e = await Ro(l, t);
4693
- if (d) return;
4691
+ if (u) {
4692
+ let e = await Ro(u, t);
4693
+ if (f) return;
4694
4694
  if (e) {
4695
4695
  r({
4696
- mode: u,
4696
+ mode: d,
4697
4697
  config: e,
4698
4698
  isDummy: !1,
4699
4699
  isLoading: !1,
@@ -4702,7 +4702,7 @@ function Qo() {
4702
4702
  return;
4703
4703
  }
4704
4704
  r({
4705
- mode: u,
4705
+ mode: d,
4706
4706
  config: Xo,
4707
4707
  isDummy: !0,
4708
4708
  isLoading: !1,
@@ -4711,22 +4711,22 @@ function Qo() {
4711
4711
  return;
4712
4712
  }
4713
4713
  r({
4714
- mode: u,
4714
+ mode: d,
4715
4715
  config: Xo,
4716
4716
  isDummy: !0,
4717
4717
  isLoading: !1,
4718
4718
  error: null
4719
4719
  });
4720
- })(), u !== "preview") return () => {
4721
- d = !0;
4720
+ })(), d !== "preview") return () => {
4721
+ f = !0;
4722
4722
  };
4723
- let f = (e) => {
4723
+ let p = (e) => {
4724
4724
  if (!e.data || typeof e.data != "object" || e.data.type !== "wexio:preview-config:v1") return;
4725
4725
  let t = e.data.config;
4726
4726
  t && a((e) => $o(e ?? {}, t));
4727
4727
  };
4728
- return window.addEventListener("message", f), () => {
4729
- d = !0, window.removeEventListener("message", f);
4728
+ return window.addEventListener("message", p), () => {
4729
+ f = !0, window.removeEventListener("message", p);
4730
4730
  };
4731
4731
  }, [
4732
4732
  e.publicKeyOverride,
@@ -5948,4 +5948,4 @@ function Dc(e) {
5948
5948
  //#endregion
5949
5949
  export { H as $, Rt as $t, mo as A, nr as At, ba as B, un as Bt, Zo as C, cr as Ct, Ao as D, Wn as Dt, ko as E, ur as Et, Ja as F, En as Ft, fa as G, $t as Gt, G as H, dn as Ht, Za as I, Tn as It, ua as J, Gt as Jt, ca as K, en as Kt, J as L, Cn as Lt, oo as M, kn as Mt, no as N, Dn as Nt, Eo as O, Un as Ot, co as P, On as Pt, V as Q, Lt as Qt, Ha as R, bn as Rt, Qo as S, ar as St, Po as T, lr as Tt, _a as U, sn as Ut, Sa as V, cn as Vt, pa as W, nn as Wt, Ji as X, Vt as Xt, W as Y, Ht as Yt, qi as Z, Bt as Zt, Y as _, _r as _t, zs as a, Ce as an, Fi as at, cs as b, hr as bt, Fs as c, ye as cn, ii as ct, Os as d, ce as dn, $r as dt, nt as en, Gi as et, ms as f, de as fn, Tr as ft, ps as g, mr as gt, _s as h, gr as ht, Z as i, Te as in, Ii as it, to as j, zn as jt, wo as k, sr as kt, ks as l, E as ln, ai as lt, vs as m, D as mn, vr as mt, Tc as n, Ae as nn, Ri as nt, Rs as o, Se as on, ji as ot, ys as p, le as pn, dr as pt, la as q, Xt as qt, Cc as r, A as rn, Li as rt, X as s, k as sn, Oi as st, Dc as t, M as tn, zi as tt, Ds as u, ue as un, ri as ut, ds as v, fr as vt, qo as w, Gn as wt, ss as x, or as xt, us as y, pr as yt, Na as z, ln as zt };
5950
5950
 
5951
- //# sourceMappingURL=widget-react-CxCHz0ip.js.map
5951
+ //# sourceMappingURL=widget-react-DfX-FjHu.js.map