@encatch/ws-react 0.0.18 → 0.0.20

package/dist/ws-react.es.js

@@ -1,5 +1,5 @@
-import N, { useState as U, useRef as oe, useEffect as S, useCallback as se } from "react";
-var k = { exports: {} }, y = {};
+import I, { useState as V, useRef as oe, useEffect as S, useCallback as se } from "react";
+var A = { exports: {} }, P = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,10 +9,10 @@ var k = { exports: {} }, y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V;
+var U;
 function ie() {
-  if (V) return y;
-  V = 1;
+  if (U) return P;
+  U = 1;
   var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function n(u, s, c) {
     var m = null;
@@ -29,9 +29,9 @@ function ie() {
       props: c
     };
   }
-  return y.Fragment = r, y.jsx = n, y.jsxs = n, y;
+  return P.Fragment = r, P.jsx = n, P.jsxs = n, P;
 }
-var A = {};
+var k = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -78,7 +78,7 @@ function ue() {
             return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case D:
             return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
-          case F:
+          case M:
             o = e._payload, e = e._init;
             try {
               return t(e(o));
@@ -109,7 +109,7 @@ function ue() {
     }
     function u(e) {
       if (e === f) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === F)
+      if (typeof e == "object" && e !== null && e.$$typeof === M)
         return "<...>";
       try {
         var o = t(e);
@@ -126,7 +126,7 @@ function ue() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
-      if (L.call(e, "key")) {
+      if (F.call(e, "key")) {
         var o = Object.getOwnPropertyDescriptor(e, "key").get;
         if (o && o.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function ue() {
     }
     function p(e, o) {
       function l() {
-        M || (M = !0, console.error(
+        Y || (Y = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           o
         ));
@@ -146,17 +146,17 @@ function ue() {
     }
     function R() {
       var e = t(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+      return L[e] || (L[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function P(e, o, l, d, g, h, x, j) {
+    function T(e, o, l, d, w, h, x, j) {
       return l = h.ref, e = {
-        $$typeof: T,
+        $$typeof: y,
         type: e,
         key: o,
         props: h,
-        _owner: g
+        _owner: w
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: R
@@ -182,11 +182,11 @@ function ue() {
         value: j
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function E(e, o, l, d, g, h, x, j) {
+    function E(e, o, l, d, w, h, x, j) {
       var b = o.children;
       if (b !== void 0)
         if (d)
-          if (ne(b)) {
+          if (te(b)) {
             for (d = 0; d < b.length; d++)
               v(b[d]);
             Object.freeze && Object.freeze(b);
@@ -195,10 +195,10 @@ function ue() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else v(b);
-      if (L.call(o, "key")) {
+      if (F.call(o, "key")) {
         b = t(e);
-        var _ = Object.keys(o).filter(function(te) {
-          return te !== "key";
+        var _ = Object.keys(o).filter(function(ne) {
+          return ne !== "key";
         });
         d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", q[b + d] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -215,17 +215,17 @@ React keys must be passed directly to JSX without using spread:
       }
       if (b = null, l !== void 0 && (n(l), b = "" + l), m(o) && (n(o.key), b = "" + o.key), "key" in o) {
         l = {};
-        for (var I in o)
-          I !== "key" && (l[I] = o[I]);
+        for (var N in o)
+          N !== "key" && (l[N] = o[N]);
       } else l = o;
       return b && p(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), P(
+      ), T(
         e,
         b,
         h,
-        g,
+        w,
         s(),
         l,
         x,
@@ -233,9 +233,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function v(e) {
-      typeof e == "object" && e !== null && e.$$typeof === T && e._store && (e._store.validated = 1);
+      typeof e == "object" && e !== null && e.$$typeof === y && e._store && (e._store.validated = 1);
     }
-    var a = N, T = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), Q = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), C = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, ne = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var a = I, y = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), Q = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), C = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, te = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     a = {
@@ -243,11 +243,11 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var M, Y = {}, $ = a.react_stack_bottom_frame.bind(
+    var Y, L = {}, W = a.react_stack_bottom_frame.bind(
       a,
       c
-    )(), W = O(u(c)), q = {};
-    A.Fragment = f, A.jsx = function(e, o, l, d, g) {
+    )(), $ = O(u(c)), q = {};
+    k.Fragment = f, k.jsx = function(e, o, l, d, w) {
       var h = 1e4 > C.recentlyCreatedOwnerStacks++;
       return E(
         e,
@@ -255,11 +255,11 @@ React keys must be passed directly to JSX without using spread:
         l,
         !1,
         d,
-        g,
-        h ? Error("react-stack-top-frame") : $,
-        h ? O(u(e)) : W
+        w,
+        h ? Error("react-stack-top-frame") : W,
+        h ? O(u(e)) : $
       );
-    }, A.jsxs = function(e, o, l, d, g) {
+    }, k.jsxs = function(e, o, l, d, w) {
       var h = 1e4 > C.recentlyCreatedOwnerStacks++;
       return E(
         e,
@@ -267,16 +267,16 @@ React keys must be passed directly to JSX without using spread:
         l,
         !0,
         d,
-        g,
-        h ? Error("react-stack-top-frame") : $,
-        h ? O(u(e)) : W
+        w,
+        h ? Error("react-stack-top-frame") : W,
+        h ? O(u(e)) : $
       );
     };
-  })()), A;
+  })()), k;
 }
 var z;
 function ce() {
-  return z || (z = 1, process.env.NODE_ENV === "production" ? k.exports = ie() : k.exports = ue()), k.exports;
+  return z || (z = 1, process.env.NODE_ENV === "production" ? A.exports = ie() : A.exports = ue()), A.exports;
 }
 var ae = ce();
 class le extends EventTarget {
@@ -298,16 +298,12 @@ class le extends EventTarget {
    * Publish an event to all matching subscribers
    */
   publish(r, n, u) {
-    const s = this.getFormIdFromPayload(n);
-    console.log(`[FormEventPublisher] 📢 Publishing "${r}"`, {
-      formId: s,
-      payload: n
-    }), typeof window < "u" && (window.dispatchEvent(
+    typeof window < "u" && window.dispatchEvent(
       new CustomEvent(r, {
         detail: n,
         bubbles: !0
       })
-    ), console.log("[FormEventPublisher] ✅ Event dispatched on window")), u?.usePostMessage !== !1 && this.sendPostMessage(r, n);
+    ), u?.usePostMessage !== !1 && this.sendPostMessage(r, n);
   }
   /**
    * Subscribe to form events with optional form ID filtering
@@ -320,20 +316,13 @@ class le extends EventTarget {
       id: s,
       once: u?.once
     };
-    this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(c), console.log(`[FormEventPublisher] Subscribed to "${r}"`, {
-      formId: u?.formId,
-      once: u?.once,
-      totalSubscriptions: this.subscriptions.get(r).length
-    });
+    this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(c);
     const m = (p) => {
-      const R = p, P = this.getFormIdFromPayload(R.detail);
-      this.matchesFilter(P, u?.formId) && (n(R.detail), u?.once && typeof window < "u" && window.removeEventListener(r, m));
+      const R = p, T = this.getFormIdFromPayload(R.detail);
+      this.matchesFilter(T, u?.formId) && (n(R.detail), u?.once && typeof window < "u" && window.removeEventListener(r, m));
     };
     return typeof window < "u" && window.addEventListener(r, m), () => {
-      console.log(`[FormEventPublisher] Unsubscribed from "${r}"`, {
-        formId: u?.formId,
-        remainingSubscriptions: (this.subscriptions.get(r)?.length || 1) - 1
-      }), this.unsubscribe(s), typeof window < "u" && window.removeEventListener(r, m);
+      this.unsubscribe(s), typeof window < "u" && window.removeEventListener(r, m);
     };
   }
   /**
@@ -352,10 +341,6 @@ class le extends EventTarget {
    * Subscribe to all form events with optional filtering
    */
   subscribeAll(r, n) {
-    console.log("[FormEventPublisher] Subscribing to ALL events", {
-      formId: n?.formId,
-      once: n?.once
-    });
     const u = [
       "form:view",
       "form:submit",
@@ -372,9 +357,7 @@ class le extends EventTarget {
       );
       s.push(m);
     }), () => {
-      console.log("[FormEventPublisher] Unsubscribing from ALL events", {
-        formId: n?.formId
-      }), s.forEach((c) => c());
+      s.forEach((c) => c());
     };
   }
   /**
@@ -403,9 +386,8 @@ class le extends EventTarget {
     }));
   }
 }
-console.log("[FormEventPublisher] Creating singleton instance");
-const w = new le();
-typeof window < "u" && import("./web-form-engine-core.umd-C-N-KDM0.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
+const g = new le();
+typeof window < "u" && import("./web-form-engine-core.umd-dtYLiIav.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
   try {
     customElements.get("encatch-app") || customElements.define("encatch-app", t);
   } catch (r) {
@@ -420,7 +402,7 @@ const de = ({
   instanceId: s,
   onFormEvent: c
 }) => {
-  const [m, p] = U(!1), [R, P] = U(!0), E = N.useRef(null), v = N.useRef(
+  const [m, p] = V(!1), [R, T] = V(!0), E = I.useRef(null), v = I.useRef(
     null
   ), a = oe({});
   S(() => {
@@ -449,37 +431,37 @@ const de = ({
     if (!s) return;
     const i = [];
     return a.current.onSubmit && i.push(
-      w.subscribe(
+      g.subscribe(
         "form:submit",
         a.current.onSubmit,
         { formId: s }
       )
     ), a.current.onView && i.push(
-      w.subscribe(
+      g.subscribe(
         "form:view",
         a.current.onView,
         { formId: s }
       )
     ), a.current.onClose && i.push(
-      w.subscribe(
+      g.subscribe(
         "form:close",
         a.current.onClose,
         { formId: s }
       )
     ), a.current.onSectionChange && i.push(
-      w.subscribe(
+      g.subscribe(
         "form:section:change",
         a.current.onSectionChange,
         { formId: s }
       )
     ), a.current.onQuestionAnswered && i.push(
-      w.subscribe(
+      g.subscribe(
         "form:question:answered",
         a.current.onQuestionAnswered,
         { formId: s }
       )
     ), a.current.onError && i.push(
-      w.subscribe(
+      g.subscribe(
         "form:error",
         a.current.onError,
         { formId: s }
@@ -498,27 +480,27 @@ const de = ({
       "[EncatchPreview] Data validation failed, retrying in 100ms..."
     );
   }, [t]);
-  const T = se(() => {
-    t.onClose && t.onClose(), P(!1);
+  const y = se(() => {
+    t.onClose && t.onClose(), T(!1);
   }, [t.onClose]);
   return S(() => {
     if (!m || !E.current)
       return;
     const i = document.createElement("encatch-app");
-    return i.theme = t.theme, i.currentMode = t.currentMode, i.currentLanguage = t.currentLanguage, i.questions = t.questions, i.questionLanguages = t.questionLanguages, i.otherConfigurationProperties = t.otherConfigurationProperties, i.welcomeScreenProperties = t.welcomeScreenProperties, i.endScreenProperties = t.endScreenProperties, i.translations = t.translations, i.sections = t.sections, i.themeSettings = t.themeSettings, i.onClose = T, i.onSectionChange = t.onSectionChange, i.apiKey = t.apiKey, i.hostUrl = t.hostUrl, i.feedbackConfigId = t.feedbackConfigId, i.identifier = t.identifier, i.cssLink = r, i.scale = n, i.persistMode = u, s && (i.instanceId = s), v.current = i, E.current.appendChild(i), () => {
+    return i.theme = t.theme, i.currentMode = t.currentMode, i.currentLanguage = t.currentLanguage, i.questions = t.questions, i.questionLanguages = t.questionLanguages, i.otherConfigurationProperties = t.otherConfigurationProperties, i.welcomeScreenProperties = t.welcomeScreenProperties, i.endScreenProperties = t.endScreenProperties, i.translations = t.translations, i.sections = t.sections, i.themeSettings = t.themeSettings, i.onClose = y, i.onSectionChange = t.onSectionChange, i.apiKey = t.apiKey, i.hostUrl = t.hostUrl, i.feedbackConfigId = t.feedbackConfigId, i.identifier = t.identifier, r && (i.cssLink = r), i.scale = n, i.persistMode = u, s && (i.instanceId = s), v.current = i, E.current.appendChild(i), () => {
       E.current && v.current && E.current.removeChild(v.current), v.current = null;
     };
-  }, [m, t, r, n, T, u, s]), R ? /* @__PURE__ */ ae.jsx("div", { ref: E }) : null;
+  }, [m, t, r, n, y, u, s]), R ? /* @__PURE__ */ ae.jsx("div", { ref: E }) : null;
 };
 function be(t, r, n) {
-  S(() => w.subscribe(
+  S(() => g.subscribe(
     t,
     r,
     n
   ), [t, n?.formId, r]);
 }
 function me(t, r) {
-  S(() => w.subscribeAll(t, r), [r?.formId, t]);
+  S(() => g.subscribeAll(t, r), [r?.formId, t]);
 }
 export {
   de as EncatchPreview,