@nemme/js-sdk 0.4.0 → 0.5.0

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as x from "react";
-import fe, { createContext as ye, useContext as Ve, useMemo as de, useRef as Je, useCallback as K, useState as pe, useEffect as Rt, createElement as we, forwardRef as un } from "react";
+import fe, { createContext as ye, useContext as Ve, useMemo as de, useRef as Je, useCallback as q, useState as pe, useEffect as Rt, createElement as we, forwardRef as un } from "react";
 import { createRoot as dn } from "react-dom/client";
 const L = (n) => typeof n == "string", ie = () => {
   let n, e;
@@ -409,16 +409,16 @@ class ke extends Ee {
           for (let C = 0; C < ee.length; C++)
             j.push(ee[C]);
         else this.options.saveMissingTo === "all" ? j = this.languageUtils.toResolveHierarchy(a.lng || this.language) : j.push(a.lng || this.language);
-        const q = (C, V, Z) => {
+        const K = (C, V, Z) => {
           const te = E && Z !== p ? Z : P;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(C, c, V, te, D, a) : this.backendConnector?.saveMissing && this.backendConnector.saveMissing(C, c, V, te, D, a), this.emit("missingKey", C, c, V, p);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && k ? j.forEach((C) => {
           const V = this.pluralResolver.getSuffixes(C, a);
           R && a[`defaultValue${this.options.pluralSeparator}zero`] && V.indexOf(`${this.options.pluralSeparator}zero`) < 0 && V.push(`${this.options.pluralSeparator}zero`), V.forEach((Z) => {
-            q([C], o + Z, a[`defaultValue${Z}`] || N);
+            K([C], o + Z, a[`defaultValue${Z}`] || N);
           });
-        }) : q(j, o, N));
+        }) : K(j, o, N));
       }
       p = this.extendTranslation(p, e, a, m, r), O && p === o && this.options.appendNamespaceToMissingKey && (p = `${c}${d}${o}`), (O || M) && this.options.parseMissingKeyHandler && (p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${c}${d}${o}` : o, M ? p : void 0, a));
     }
@@ -1415,7 +1415,7 @@ const Un = (n) => {
     Bn(n.options.react), Un(n);
   }
 }, Dt = ye();
-class qn {
+class Kn {
   constructor() {
     this.usedNamespaces = {};
   }
@@ -1439,7 +1439,7 @@ var Pe = { exports: {} }, je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var gt;
-function Kn() {
+function qn() {
   if (gt) return je;
   gt = 1;
   var n = fe;
@@ -1481,7 +1481,7 @@ function Kn() {
 }
 var ft;
 function Zn() {
-  return ft || (ft = 1, Pe.exports = Kn()), Pe.exports;
+  return ft || (ft = 1, Pe.exports = qn()), Pe.exports;
 }
 var Wn = Zn();
 const Gn = (n, e) => Q(e) ? e : In(e) && Q(e.defaultValue) ? e.defaultValue : Array.isArray(n) ? n[n.length - 1] : n, Yn = {
@@ -1495,7 +1495,7 @@ const Gn = (n, e) => Q(e) ? e : In(e) && Q(e.defaultValue) ? e.defaultValue : Ar
     i18n: r,
     defaultNS: a
   } = Ve(Dt) || {}, s = t || r || Vn();
-  s && !s.reportNamespaces && (s.reportNamespaces = new qn()), s || jt(s, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+  s && !s.reportNamespaces && (s.reportNamespaces = new Kn()), s || jt(s, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
   const i = de(() => ({
     ...zn(),
     ...s?.options?.react,
@@ -1508,7 +1508,7 @@ const Gn = (n, e) => Q(e) ? e : In(e) && Q(e.defaultValue) ? e.defaultValue : Ar
     return Q(k) ? [k] : k || ["translation"];
   }, [n, a, s]);
   s?.reportNamespaces?.addUsedNamespaces?.(c);
-  const d = Je(0), u = K((k) => {
+  const d = Je(0), u = q((k) => {
     if (!s) return Jn;
     const {
       bindI18n: E,
@@ -1519,7 +1519,7 @@ const Gn = (n, e) => Q(e) ? e : In(e) && Q(e.defaultValue) ? e.defaultValue : Ar
     return E && s.on(E, F), A && s.store.on(A, F), () => {
       E && E.split(" ").forEach((R) => s.off(R, F)), A && A.split(" ").forEach((R) => s.store.off(R, F));
     };
-  }, [s, i]), f = Je(), m = K(() => {
+  }, [s, i]), f = Je(), m = q(() => {
     if (!s)
       return Yn;
     const k = !!(s.isInitialized || s.initializedStoreOnce) && c.every((T) => jn(T, s, i)), E = e.lng || s.language, A = d.current, F = f.current;
@@ -1729,7 +1729,7 @@ const tr = ({ step: n, form: e, formState: t, onDismiss: r, onNextStep: a, onPre
     responses: {},
     currentStep: 0,
     startedAt: /* @__PURE__ */ new Date()
-  }), l = K((f, m) => {
+  }), l = q((f, m) => {
     o((p) => ({
       ...p,
       responses: {
@@ -1737,12 +1737,12 @@ const tr = ({ step: n, form: e, formState: t, onDismiss: r, onNextStep: a, onPre
         [f]: m
       }
     }));
-  }, []), c = K((f) => {
+  }, []), c = q((f) => {
     o((m) => ({
       ...m,
       currentStep: f
     }));
-  }, []), d = K(() => {
+  }, []), d = q(() => {
     if (i.currentStep < s)
       c(i.currentStep + 1);
     else {
@@ -1752,13 +1752,13 @@ const tr = ({ step: n, form: e, formState: t, onDismiss: r, onNextStep: a, onPre
       };
       t(f);
     }
-  }, [i, s, c, t]), u = K(() => {
+  }, [i, s, c, t]), u = q(() => {
     i.currentStep > 0 && c(i.currentStep - 1);
   }, [i.currentStep, c]);
   return /* @__PURE__ */ S.jsx(
     "div",
     {
-      className: "flex flex-col justify-center items-center absolute inset-0 bg-overlay-background-default-light dark:bg-overlay-background-default-dark",
+      className: "flex flex-col justify-center items-center fixed inset-0 bg-overlay-background-default-light dark:bg-overlay-background-default-dark",
       style: { zIndex: r },
       children: /* @__PURE__ */ S.jsx(
         tr,
@@ -2002,11 +2002,11 @@ function Vt(n) {
   } else for (t in n) n[t] && (r && (r += " "), r += t);
   return r;
 }
-function qe() {
+function Ke() {
   for (var n, e, t = 0, r = "", a = arguments.length; t < a; t++) (n = arguments[t]) && (e = Vt(n)) && (r && (r += " "), r += e);
   return r;
 }
-const _ = qe, J = ({
+const _ = Ke, J = ({
   variant: n = "primary",
   size: e = "medium",
   text: t,
@@ -2015,23 +2015,25 @@ const _ = qe, J = ({
   className: s,
   disabled: i = !1,
   loading: o = !1,
-  ...l
+  round: l = !1,
+  ...c
 }) => /* @__PURE__ */ $.jsx(
   "button",
   {
     className: _(
-      "flex gap-2 justify-center items-center rounded-lg disabled:pointer-events-none",
+      "flex gap-2 justify-center items-center disabled:pointer-events-none",
+      l ? "rounded-full" : "rounded-lg",
       ur(n),
       dr(e),
       s
     ),
     disabled: i,
-    ...l,
+    ...c,
     children: /* @__PURE__ */ $.jsx(
       _t.Provider,
       {
         value: {
-          size: e === "xsmall" ? 8 : 16,
+          size: e === "xsmall" ? 12 : 16,
           weight: "regular",
           className: _($e(n, i))
         },
@@ -2048,7 +2050,9 @@ const _ = qe, J = ({
     case "primary":
       return "border border-grey-0/0 bg-primary-action-button-light dark:bg-primary-action-button-dark hover:bg-primary-action-button-hover-light dark:hover:bg-primary-action-button-hover-dark disabled:bg-primary-action-disabled-light dark:disabled:bg-primary-action-disabled-dark";
     case "secondary":
-      return "border border-grey-0/0 bg-secondary-action-base-light dark:bg-secondary-action-base-dark hover:bg-system-neutral-grey-8-light dark:hover:bg-system-neutral-grey-8-dark disabled:bg-secondary-action-disabled-light dark:disabled:bg-secondary-action-disabled-dark";
+      return "border border-grey-0/0 bg-secondary-action-button-light dark:bg-secondary-action-button-dark hover:bg-secondary-action-button-hover-light dark:hover:bg-secondary-action-button-hover-dark disabled:bg-secondary-action-disabled-light dark:disabled:bg-secondary-action-disabled-dark";
+    case "tertiary":
+      return "border border-grey-0/0 bg-tertiary-action-button-light dark:bg-tertiary-action-button-dark hover:bg-tertiary-action-button-hover-light dark:hover:bg-tertiary-action-button-hover-dark disabled:bg-tertiary-action-disabled-light dark:disabled:bg-tertiary-action-disabled-dark";
     case "neutral":
       return "border border-separator-regular-light dark:border-separator-regular-dark hover:bg-background-universal-overlay-light dark:hover:bg-background-universal-overlay-dark disabled:bg-secondary-action-disabled-light dark:disabled:bg-secondary-action-disabled-dark disabled:border-separator-opaque-light dark:disabled:border-separator-opaque-dark";
     case "subtle":
@@ -2061,6 +2065,8 @@ const _ = qe, J = ({
       return "text-nonadaptable-text-light";
     case "secondary":
       return "text-label-quaternary-light dark:text-label-quaternary-dark";
+    case "tertiary":
+      return "text-label-primary-light dark:text-label-primary-dark";
     case "neutral":
       return "text-label-primary-light dark:text-label-primary-dark";
     case "subtle":
@@ -2085,20 +2091,20 @@ const _ = qe, J = ({
       return "text-[15px] leading-[16px] -tracking-0,1";
   }
 };
-var gr = Object.create, Fe = Object.defineProperty, fr = Object.defineProperties, hr = Object.getOwnPropertyDescriptor, mr = Object.getOwnPropertyDescriptors, Ht = Object.getOwnPropertyNames, Se = Object.getOwnPropertySymbols, yr = Object.getPrototypeOf, Ke = Object.prototype.hasOwnProperty, qt = Object.prototype.propertyIsEnumerable, wt = (n, e, t) => e in n ? Fe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, G = (n, e) => {
+var gr = Object.create, Fe = Object.defineProperty, fr = Object.defineProperties, hr = Object.getOwnPropertyDescriptor, mr = Object.getOwnPropertyDescriptors, Ht = Object.getOwnPropertyNames, Se = Object.getOwnPropertySymbols, yr = Object.getPrototypeOf, qe = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable, wt = (n, e, t) => e in n ? Fe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, G = (n, e) => {
   for (var t in e || (e = {}))
-    Ke.call(e, t) && wt(n, t, e[t]);
+    qe.call(e, t) && wt(n, t, e[t]);
   if (Se)
     for (var t of Se(e))
-      qt.call(e, t) && wt(n, t, e[t]);
+      Kt.call(e, t) && wt(n, t, e[t]);
   return n;
-}, Ae = (n, e) => fr(n, mr(e)), Kt = (n, e) => {
+}, Ae = (n, e) => fr(n, mr(e)), qt = (n, e) => {
   var t = {};
   for (var r in n)
-    Ke.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
+    qe.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
   if (n != null && Se)
     for (var r of Se(n))
-      e.indexOf(r) < 0 && qt.call(n, r) && (t[r] = n[r]);
+      e.indexOf(r) < 0 && Kt.call(n, r) && (t[r] = n[r]);
   return t;
 }, br = (n, e) => function() {
   return e || (0, n[Ht(n)[0]])((e = { exports: {} }).exports, e), e.exports;
@@ -2108,7 +2114,7 @@ var gr = Object.create, Fe = Object.defineProperty, fr = Object.defineProperties
 }, wr = (n, e, t, r) => {
   if (e && typeof e == "object" || typeof e == "function")
     for (let a of Ht(e))
-      !Ke.call(n, a) && a !== t && Fe(n, a, { get: () => e[a], enumerable: !(r = hr(e, a)) || r.enumerable });
+      !qe.call(n, a) && a !== t && Fe(n, a, { get: () => e[a], enumerable: !(r = hr(e, a)) || r.enumerable });
   return n;
 }, vr = (n, e, t) => (t = n != null ? gr(yr(n)) : {}, wr(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -2569,14 +2575,14 @@ var gr = Object.create, Fe = Object.defineProperty, fr = Object.defineProperties
                   if (T) {
                     if (j = l(M, B, p, N), !j || j.index >= p.length)
                       break;
-                    var V = j.index, ee = j.index + j[0].length, q = B;
-                    for (q += O.value.length; V >= q; )
-                      O = O.next, q += O.value.length;
-                    if (q -= O.value.length, B = q, O.value instanceof o)
+                    var V = j.index, ee = j.index + j[0].length, K = B;
+                    for (K += O.value.length; V >= K; )
+                      O = O.next, K += O.value.length;
+                    if (K -= O.value.length, B = K, O.value instanceof o)
                       continue;
-                    for (var C = O; C !== g.tail && (q < ee || typeof C.value == "string"); C = C.next)
-                      D++, q += C.value.length;
-                    D--, P = p.slice(B, q), j.index -= B;
+                    for (var C = O; C !== g.tail && (K < ee || typeof C.value == "string"); C = C.next)
+                      D++, K += C.value.length;
+                    D--, P = p.slice(B, K), j.index -= B;
                   } else if (j = l(M, 0, P, N), !j)
                     continue;
                   var V = j.index, Z = j[0], te = P.slice(0, V), Ye = P.slice(V + Z.length), Ne = B + P.length;
@@ -2907,7 +2913,7 @@ xr(Sr, {
   oneLight: () => aa,
   palenight: () => zr,
   shadesOfPurple: () => Vr,
-  synthwave84: () => qr,
+  synthwave84: () => Kr,
   ultramin: () => Zr,
   vsDark: () => Zt,
   vsLight: () => Yr
@@ -3990,7 +3996,7 @@ var Er = {
       }
     }
   ]
-}, qr = Hr, Kr = {
+}, Kr = Hr, qr = {
   plain: {
     color: "#282a2e",
     backgroundColor: "#ffffff"
@@ -4015,7 +4021,7 @@ var Er = {
       }
     }
   ]
-}, Zr = Kr, Wr = {
+}, Zr = qr, Wr = {
   plain: {
     color: "#9CDCFE",
     backgroundColor: "#1E1E1E"
@@ -4732,17 +4738,17 @@ var Er = {
       }
     }
   ]
-}, la = oa, ca = (n) => K(
+}, la = oa, ca = (n) => q(
   (e) => {
-    var t = e, { className: r, style: a } = t, s = Kt(t, ["className", "style", "line"]);
+    var t = e, { className: r, style: a } = t, s = qt(t, ["className", "style", "line"]);
     const i = Ae(G({}, s), {
-      className: qe("token-line", r)
+      className: Ke("token-line", r)
     });
     return typeof n == "object" && "plain" in n && (i.style = n.plain), typeof a == "object" && (i.style = G(G({}, i.style || {}), a)), i;
   },
   [n]
 ), ua = (n) => {
-  const e = K(
+  const e = q(
     ({ types: t, empty: r }) => {
       if (n != null) {
         {
@@ -4759,11 +4765,11 @@ var Er = {
     },
     [n]
   );
-  return K(
+  return q(
     (t) => {
-      var r = t, { token: a, className: s, style: i } = r, o = Kt(r, ["token", "className", "style"]);
+      var r = t, { token: a, className: s, style: i } = r, o = qt(r, ["token", "className", "style"]);
       const l = Ae(G({}, o), {
-        className: qe("token", ...a.types, s),
+        className: Ke("token", ...a.types, s),
         children: a.content,
         style: e(a)
       });
@@ -5099,7 +5105,7 @@ const Jt = {
             onClick: () => l(g.id),
             className: _(
               "flex items-center gap-2 p-3 justify-end rounded-lg border shrink",
-              c.includes(g.id) ? "text-label-quaternary-light dark:text-label-quaternary-dark border-label-quaternary-light dark:border-label-quaternary-dark bg-secondary-action-base-light dark:bg-secondary-action-base-dark" : "text-label-primary-light dark:text-label-primary-dark border-separator-regular-light dark:border-separator-regular-dark"
+              c.includes(g.id) ? "text-label-quaternary-light dark:text-label-quaternary-dark border-label-quaternary-light dark:border-label-quaternary-dark bg-secondary-action-button-light dark:bg-secondary-action-button-dark" : "text-label-primary-light dark:text-label-primary-dark border-separator-regular-light dark:border-separator-regular-dark"
             ),
             children: /* @__PURE__ */ S.jsx(
               X,
@@ -5509,7 +5515,7 @@ const Ma = {
     evening: "in the evening",
     night: "at night"
   }
-}, qa = (n, e) => {
+}, Ka = (n, e) => {
   const t = Number(n), r = t % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -5521,8 +5527,8 @@ const Ma = {
         return t + "rd";
     }
   return t + "th";
-}, Ka = {
-  ordinalNumber: qa,
+}, qa = {
+  ordinalNumber: Ka,
   era: ce({
     values: Ma,
     defaultWidth: "wide"
@@ -5733,7 +5739,7 @@ const us = {
   formatDistance: $a,
   formatLong: gs,
   formatRelative: _a,
-  localize: Ka,
+  localize: qa,
   match: ls,
   options: {
     weekStartsOn: 1,
@@ -6388,6 +6394,7 @@ class Bs {
   eventDefinitions = [];
   onPageView;
   onEvent;
+  trackUrlParamChanges = !0;
   // Batching
   backlog = [];
   flushTimeout = null;
@@ -6401,8 +6408,18 @@ class Bs {
   // Page view tracking
   originalHistoryMethods = null;
   EVENT_PAGE_VIEW = "page_view";
-  constructor({ logger: e, headers: t, sessionId: r, eventDefinitions: a, batchConfig: s, onPageView: i, onEvent: o }) {
-    this.logger = e, this.headers = t, this.sessionId = r, this.eventDefinitions = a, this.onPageView = i, this.onEvent = o, this.flushEvents = this.flushEvents.bind(this), this.handlePopState = this.handlePopState.bind(this), this.handleVisibilityChange = this.handleVisibilityChange.bind(this), this.setupBatching(s);
+  lastTrackedPageKey;
+  constructor({
+    logger: e,
+    headers: t,
+    sessionId: r,
+    eventDefinitions: a,
+    batchConfig: s,
+    onPageView: i,
+    onEvent: o,
+    trackUrlParamChanges: l
+  }) {
+    this.logger = e, this.headers = t, this.sessionId = r, this.eventDefinitions = a, this.onPageView = i, this.onEvent = o, typeof l == "boolean" && (this.trackUrlParamChanges = l), this.flushEvents = this.flushEvents.bind(this), this.handlePopState = this.handlePopState.bind(this), this.handleVisibilityChange = this.handleVisibilityChange.bind(this), this.setupBatching(s);
   }
   setupBatching(e) {
     typeof e == "boolean" ? this.batchConfig.enabled = e : e && (this.batchConfig = {
@@ -6442,13 +6459,30 @@ class Bs {
     this.validateEvent(s), this.batchConfig.enabled ? (this.backlog.push(s), this.scheduleFlush()) : await this.sendEvents([s]), t === this.EVENT_PAGE_VIEW ? this.onPageView?.(window.location.href) : this.onEvent?.(s, a);
   }
   async trackPageView() {
-    typeof window > "u" || await this.track({
+    if (typeof window > "u") return;
+    const e = window.location.href;
+    if (!this.trackUrlParamChanges) {
+      const t = this.getPageKeyWithoutQuery(e);
+      if (this.lastTrackedPageKey === t)
+        return;
+      this.lastTrackedPageKey = t;
+    }
+    await this.track({
       eventKey: this.EVENT_PAGE_VIEW,
       data: {
         title: document.title
       }
     });
   }
+  getPageKeyWithoutQuery(e) {
+    try {
+      const t = new URL(e);
+      return `${t.origin}${t.pathname}${t.hash}`;
+    } catch {
+      const [t] = e.split("?");
+      return t;
+    }
+  }
   /**
    * Manually flush any pending events
    */
@@ -6539,7 +6573,8 @@ class Ge {
     debug: t = !1,
     batch: r,
     formConfig: a,
-    deactivate: s = !1
+    deactivate: s = !1,
+    trackUrlParamChanges: i
   }) {
     if (s)
       return this.clientLogger.info("Nemme client deactivated and will stop initialization."), this.initialized = !0, this.clientLogger.configure({ enabled: !1 }), this;
@@ -6552,13 +6587,13 @@ class Ge {
       "X-User-Id": this.userIdentifier
     }, this.formConfig = a;
     try {
-      const i = await this.initializeSession();
-      await this.initializeManagers(i, r), this.initialized = !0, this.clientLogger.info("Nemme client initialized", {
+      const o = await this.initializeSession();
+      await this.initializeManagers(o, r, i), this.initialized = !0, this.clientLogger.info("Nemme client initialized", {
         clientKey: this.clientKey,
         userIdentifier: this.userIdentifier
       });
-    } catch (i) {
-      this.clientLogger.error("Error during initialization:", i);
+    } catch (o) {
+      this.clientLogger.error("Error during initialization:", o);
     }
     return this;
   }
@@ -6589,21 +6624,22 @@ class Ge {
       throw this.clientLogger.error("Error during initialization", e), e;
     }
   }
-  async initializeManagers(e, t) {
-    const r = new Ms(this.clientLogger, this.headers, this.formConfig), a = new Bs({
+  async initializeManagers(e, t, r) {
+    const a = new Ms(this.clientLogger, this.headers, this.formConfig), s = new Bs({
       logger: this.clientLogger,
       headers: this.headers,
       sessionId: e.sessionId,
       eventDefinitions: e.eventDefinitions,
       batchConfig: t,
-      onPageView: async (s) => {
-        await r.evaluateDeliveryTriggers({ url: s });
+      trackUrlParamChanges: r,
+      onPageView: async (i) => {
+        await a.evaluateDeliveryTriggers({ url: i });
       },
-      onEvent: async (s, i) => {
-        await r.evaluateDeliveryTriggers({ eventKey: s.eventKey, eventData: s.data, url: i });
+      onEvent: async (i, o) => {
+        await a.evaluateDeliveryTriggers({ eventKey: i.eventKey, eventData: i.data, url: o });
       }
     });
-    await r.loadDeliveries(), typeof window < "u" && (await a.setupPageViewTracking(), await a.trackPageView(), await a.flush()), this.trackingManager = a;
+    await a.loadDeliveries(), typeof window < "u" && (await s.setupPageViewTracking(), await s.trackPageView(), await s.flush()), this.trackingManager = s;
   }
 }
 const on = (n) => new Ge(n), ln = ye(void 0), Zs = ({ clientKey: n, config: e, children: t }) => {
@@ -6640,7 +6676,7 @@ const on = (n) => new Ge(n), ln = ye(void 0), Zs = ({ clientKey: n, config: e, c
     throw new Error("useNemmeContext must be used within a NemmeProvider");
   return n;
 }, Ws = () => {
-  const { client: n, isInitialized: e, error: t } = zs(), r = K(
+  const { client: n, isInitialized: e, error: t } = zs(), r = q(
     async (s) => {
       if (!n || !e) {
         console.warn("Nemme client not initialized");
@@ -6649,7 +6685,7 @@ const on = (n) => new Ge(n), ln = ye(void 0), Zs = ({ clientKey: n, config: e, c
       return n.track(s);
     },
     [n, e]
-  ), a = K(async () => {
+  ), a = q(async () => {
     if (!n || !e) {
       console.warn("Nemme client not initialized");
       return;