@encatch/ws-react 0.0.36 → 0.0.37

package/dist/EncatchPreview.d.ts

@@ -4,7 +4,7 @@ import type { OnFormEventHandler } from "./types";
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
-            "encatch-app-react": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+            "encatch-app": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
                 theme?: AppProps["theme"];
                 currentMode?: "light" | "dark";
                 currentLanguage?: AppProps["currentLanguage"];

package/dist/ws-react.es.js

@@ -1,5 +1,5 @@
-import I, { useState as U, useRef as se, useEffect as S, useCallback as ie } from "react";
-var k = { exports: {} }, A = {};
+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,12 +9,12 @@ var k = { exports: {} }, A = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var J;
-function ue() {
-  if (J) return A;
-  J = 1;
-  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function n(u, s, c) {
+var U;
+function ie() {
+  if (U) return P;
+  U = 1;
+  var o = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function t(u, s, c) {
     var m = null;
     if (c !== void 0 && (m = "" + c), s.key !== void 0 && (m = "" + s.key), "key" in s) {
       c = {};
@@ -22,16 +22,16 @@ function ue() {
         p !== "key" && (c[p] = s[p]);
     } else c = s;
     return s = c.ref, {
-      $$typeof: t,
+      $$typeof: o,
       type: u,
       key: m,
       ref: s !== void 0 ? s : null,
       props: c
     };
   }
-  return A.Fragment = r, A.jsx = n, A.jsxs = n, A;
+  return P.Fragment = r, P.jsx = t, P.jsxs = t, P;
 }
-var P = {};
+var k = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,26 +41,26 @@ var P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var z;
-function ce() {
-  return z || (z = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
+var J;
+function ue() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === te ? null : e.displayName || e.name || null;
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case f:
           return "Fragment";
-        case X:
-          return "Profiler";
         case Q:
+          return "Profiler";
+        case G:
           return "StrictMode";
-        case K:
+        case Z:
           return "Suspense";
-        case D:
+        case K:
           return "SuspenseList";
-        case re:
+        case ee:
           return "Activity";
       }
       if (typeof e == "object")
@@ -69,19 +69,19 @@ function ce() {
         ), e.$$typeof) {
           case i:
             return "Portal";
-          case H:
-            return (e.displayName || "Context") + ".Provider";
           case B:
+            return (e.displayName || "Context") + ".Provider";
+          case X:
             return (e._context.displayName || "Context") + ".Consumer";
-          case Z:
-            var o = e.render;
-            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ee:
-            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
-          case F:
-            o = e._payload, e = e._init;
+          case H:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case D:
+            return n = e.displayName || null, n !== null ? n : o(e.type) || "Memo";
+          case M:
+            n = e._payload, e = e._init;
             try {
-              return t(e(o));
+              return o(e(n));
             } catch {
             }
         }
@@ -90,18 +90,18 @@ function ce() {
     function r(e) {
       return "" + e;
     }
-    function n(e) {
+    function t(e) {
       try {
         r(e);
-        var o = !1;
+        var n = !1;
       } catch {
-        o = !0;
+        n = !0;
       }
-      if (o) {
-        o = console;
-        var l = o.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (n) {
+        n = console;
+        var l = n.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l.call(
-          o,
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           d
         ), r(e);
@@ -109,11 +109,11 @@ function ce() {
     }
     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);
-        return o ? "<" + o + ">" : "<...>";
+        var n = o(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -126,17 +126,17 @@ function ce() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
-      if (Y.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning) return !1;
+      if (F.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function p(e, o) {
+    function p(e, n) {
       function l() {
-        L || (L = !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
+          n
         ));
       }
       l.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -145,18 +145,18 @@ function ce() {
       });
     }
     function R() {
-      var e = t(this.type);
-      return q[e] || (q[e] = !0, console.error(
+      var e = o(this.type);
+      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 T(e, o, l, d, g, E, x, j) {
+    function T(e, n, l, d, w, E, x, j) {
       return l = E.ref, e = {
         $$typeof: y,
         type: e,
-        key: o,
+        key: n,
         props: E,
-        _owner: g
+        _owner: w
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: R
@@ -182,25 +182,25 @@ function ce() {
         value: j
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function h(e, o, l, d, g, E, x, j) {
-      var b = o.children;
+    function h(e, n, l, d, w, E, x, j) {
+      var b = n.children;
       if (b !== void 0)
         if (d)
-          if (ne(b)) {
+          if (te(b)) {
             for (d = 0; d < b.length; d++)
-              w(b[d]);
+              g(b[d]);
             Object.freeze && Object.freeze(b);
           } else
             console.error(
               "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 w(b);
-      if (Y.call(o, "key")) {
-        b = t(e);
-        var _ = Object.keys(o).filter(function(oe) {
-          return oe !== "key";
+        else g(b);
+      if (F.call(n, "key")) {
+        b = o(e);
+        var _ = Object.keys(n).filter(function(ne) {
+          return ne !== "key";
         });
-        d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", V[b + d] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        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:
   let props = %s;
   <%s {...props} />
@@ -211,13 +211,13 @@ React keys must be passed directly to JSX without using spread:
           b,
           _,
           b
-        ), V[b + d] = !0);
+        ), q[b + d] = !0);
       }
-      if (b = null, l !== void 0 && (n(l), b = "" + l), m(o) && (n(o.key), b = "" + o.key), "key" in o) {
+      if (b = null, l !== void 0 && (t(l), b = "" + l), m(n) && (t(n.key), b = "" + n.key), "key" in n) {
         l = {};
-        for (var N in o)
-          N !== "key" && (l[N] = o[N]);
-      } else l = o;
+        for (var N in n)
+          N !== "key" && (l[N] = n[N]);
+      } else l = n;
       return b && p(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
@@ -225,17 +225,17 @@ React keys must be passed directly to JSX without using spread:
         e,
         b,
         E,
-        g,
+        w,
         s(),
         l,
         x,
         j
       );
     }
-    function w(e) {
+    function g(e) {
       typeof e == "object" && e !== null && e.$$typeof === y && e._store && (e._store.validated = 1);
     }
-    var a = I, y = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), Q = Symbol.for("react.strict_mode"), X = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), H = Symbol.for("react.context"), Z = Symbol.for("react.forward_ref"), K = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), ee = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), re = Symbol.for("react.activity"), te = Symbol.for("react.client.reference"), C = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = 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,50 +243,50 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var L, q = {}, W = a.react_stack_bottom_frame.bind(
+    var Y, L = {}, W = a.react_stack_bottom_frame.bind(
       a,
       c
-    )(), $ = O(u(c)), V = {};
-    P.Fragment = f, P.jsx = function(e, o, l, d, g) {
+    )(), $ = O(u(c)), q = {};
+    k.Fragment = f, k.jsx = function(e, n, l, d, w) {
       var E = 1e4 > C.recentlyCreatedOwnerStacks++;
       return h(
         e,
-        o,
+        n,
         l,
         !1,
         d,
-        g,
+        w,
         E ? Error("react-stack-top-frame") : W,
         E ? O(u(e)) : $
       );
-    }, P.jsxs = function(e, o, l, d, g) {
+    }, k.jsxs = function(e, n, l, d, w) {
       var E = 1e4 > C.recentlyCreatedOwnerStacks++;
       return h(
         e,
-        o,
+        n,
         l,
         !0,
         d,
-        g,
+        w,
         E ? Error("react-stack-top-frame") : W,
         E ? O(u(e)) : $
       );
     };
-  })()), P;
+  })()), k;
 }
-var G;
-function ae() {
-  return G || (G = 1, process.env.NODE_ENV === "production" ? k.exports = ue() : k.exports = ce()), k.exports;
+var z;
+function ce() {
+  return z || (z = 1, process.env.NODE_ENV === "production" ? A.exports = ie() : A.exports = ue()), A.exports;
 }
-var le = ae();
-class fe extends EventTarget {
+var ae = ce();
+class le extends EventTarget {
   subscriptions = /* @__PURE__ */ new Map();
   targetOrigin = "*";
   /**
    * Check if a form ID matches the filter
    */
-  matchesFilter(r, n) {
-    return !n || n === "*" || n === null || n === void 0 ? !0 : typeof n == "string" ? r === n : Array.isArray(n) ? n.includes(r || "") : typeof n == "function" ? n(r || "") : !1;
+  matchesFilter(r, t) {
+    return !t || t === "*" || t === null || t === void 0 ? !0 : typeof t == "string" ? r === t : Array.isArray(t) ? t.includes(r || "") : typeof t == "function" ? t(r || "") : !1;
   }
   /**
    * Get form ID from payload
@@ -297,21 +297,21 @@ class fe extends EventTarget {
   /**
    * Publish an event to all matching subscribers
    */
-  publish(r, n, u) {
+  publish(r, t, u) {
     typeof window < "u" && window.dispatchEvent(
       new CustomEvent(r, {
-        detail: n,
+        detail: t,
         bubbles: !0
       })
-    ), u?.usePostMessage !== !1 && this.sendPostMessage(r, n);
+    ), u?.usePostMessage !== !1 && this.sendPostMessage(r, t);
   }
   /**
    * Subscribe to form events with optional form ID filtering
    */
-  subscribe(r, n, u) {
+  subscribe(r, t, u) {
     const s = Symbol("subscription"), c = {
       eventType: r,
-      handler: n,
+      handler: t,
       filter: u?.formId,
       id: s,
       once: u?.once
@@ -319,7 +319,7 @@ class fe extends EventTarget {
     this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(c);
     const m = (p) => {
       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));
+      this.matchesFilter(T, u?.formId) && (t(R.detail), u?.once && typeof window < "u" && window.removeEventListener(r, m));
     };
     return typeof window < "u" && window.addEventListener(r, m), () => {
       this.unsubscribe(s), typeof window < "u" && window.removeEventListener(r, m);
@@ -329,10 +329,10 @@ class fe extends EventTarget {
    * Unsubscribe by subscription ID
    */
   unsubscribe(r) {
-    for (const [n, u] of this.subscriptions.entries()) {
+    for (const [t, u] of this.subscriptions.entries()) {
       const s = u.findIndex((c) => c.id === r);
       if (s !== -1) {
-        u.splice(s, 1), u.length === 0 && this.subscriptions.delete(n);
+        u.splice(s, 1), u.length === 0 && this.subscriptions.delete(t);
         break;
       }
     }
@@ -340,7 +340,7 @@ class fe extends EventTarget {
   /**
    * Subscribe to all form events with optional filtering
    */
-  subscribeAll(r, n) {
+  subscribeAll(r, t) {
     const u = [
       "form:view",
       "form:submit",
@@ -353,7 +353,7 @@ class fe extends EventTarget {
       const m = this.subscribe(
         c,
         (p) => r(c, p),
-        n
+        t
       );
       s.push(m);
     }), () => {
@@ -364,7 +364,7 @@ class fe extends EventTarget {
    * Get active subscriptions count (for debugging)
    */
   getSubscriptionCount(r) {
-    return r ? this.subscriptions.get(r)?.length || 0 : Array.from(this.subscriptions.values()).reduce((n, u) => n + u.length, 0);
+    return r ? this.subscriptions.get(r)?.length || 0 : Array.from(this.subscriptions.values()).reduce((t, u) => t + u.length, 0);
   }
   /**
    * Clear all subscriptions for an event type (or all events)
@@ -372,39 +372,31 @@ class fe extends EventTarget {
   clearSubscriptions(r) {
     r ? this.subscriptions.delete(r) : this.subscriptions.clear();
   }
-  sendPostMessage(r, n) {
+  sendPostMessage(r, t) {
     const u = {
       type: `encatch:${r}`,
-      payload: n,
+      payload: t,
       source: "encatch-form-engine"
     };
     window.parent && window.parent !== window && window.parent.postMessage(u, this.targetOrigin), document.querySelectorAll("iframe").forEach((s) => {
       s.contentWindow && s.contentWindow.postMessage(u, this.targetOrigin);
     }), typeof window.ReactNativeWebView < "u" && window.ReactNativeWebView.postMessage(JSON.stringify({
       action: r.replace("form:", ""),
-      data: JSON.stringify(n)
+      data: JSON.stringify(t)
     }));
   }
 }
-const v = new fe(), M = "encatch-app-react";
-typeof window < "u" && import("./web-form-engine-core.umd-DWVcgyyq.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
-  try {
-    customElements.get(M) || customElements.define(M, t);
-  } catch (r) {
-    console.debug("Custom element registration:", r);
-  }
-});
-const be = ({
-  formData: t,
+const v = new le(), de = ({
+  formData: o,
   cssLink: r,
-  scale: n = 100,
+  scale: t = 100,
   persistMode: u = "none",
   instanceId: s,
   onFormEvent: c
 }) => {
-  const [m, p] = U(!1), [R, T] = U(!0), h = I.useRef(null), w = I.useRef(
+  const [m, p] = V(!1), [R, T] = V(!0), h = I.useRef(null), g = I.useRef(
     null
-  ), a = se({});
+  ), a = oe({});
   S(() => {
     if (!c) return;
     c({
@@ -472,40 +464,38 @@ const be = ({
   }, [s]), S(() => {
     (() => {
       try {
-        return t ? !0 : (console.warn("[EncatchPreview] formData is not defined"), !1);
+        return o ? !0 : (console.warn("[EncatchPreview] formData is not defined"), !1);
       } catch (f) {
         return console.error("[EncatchPreview] Error during data validation:", f), !1;
       }
     })() ? p(!0) : console.warn(
       "[EncatchPreview] Data validation failed, retrying in 100ms..."
     );
-  }, [t]);
-  const y = ie(() => {
-    t.onClose && t.onClose(), T(!1);
-  }, [t.onClose]);
+  }, [o]);
+  const y = se(() => {
+    o.onClose && o.onClose(), T(!1);
+  }, [o.onClose]);
   return S(() => {
     if (!m || !h.current)
       return;
-    const i = document.createElement(M);
-    return w.current = i, h.current.appendChild(i), requestAnimationFrame(() => {
-      w.current && (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));
-    }), () => {
-      h.current && w.current && h.current.removeChild(w.current), w.current = null;
+    const i = document.createElement("encatch-app");
+    return i.theme = o.theme, i.currentMode = o.currentMode, i.currentLanguage = o.currentLanguage, i.questions = o.questions, i.questionLanguages = o.questionLanguages, i.otherConfigurationProperties = o.otherConfigurationProperties, i.welcomeScreenProperties = o.welcomeScreenProperties, i.endScreenProperties = o.endScreenProperties, i.translations = o.translations, i.sections = o.sections, i.themeSettings = o.themeSettings, i.onClose = y, i.onSectionChange = o.onSectionChange, i.apiKey = o.apiKey, i.hostUrl = o.hostUrl, i.feedbackConfigId = o.feedbackConfigId, i.identifier = o.identifier, r && (i.cssLink = r), i.scale = t, i.persistMode = u, s && (i.instanceId = s), g.current = i, h.current.appendChild(i), () => {
+      h.current && g.current && h.current.removeChild(g.current), g.current = null;
     };
-  }, [m, t, r, n, y, u, s]), R ? /* @__PURE__ */ le.jsx("div", { ref: h }) : null;
+  }, [m, o, r, t, y, u, s]), R ? /* @__PURE__ */ ae.jsx("div", { ref: h }) : null;
 };
-function me(t, r, n) {
+function be(o, r, t) {
   S(() => v.subscribe(
-    t,
+    o,
     r,
-    n
-  ), [t, n?.formId, r]);
+    t
+  ), [o, t?.formId, r]);
 }
-function pe(t, r) {
-  S(() => v.subscribeAll(t, r), [r?.formId, t]);
+function me(o, r) {
+  S(() => v.subscribeAll(o, r), [r?.formId, o]);
 }
 export {
-  be as EncatchPreview,
-  me as useEncatchFormEvent,
-  pe as useEncatchFormEventAll
+  de as EncatchPreview,
+  be as useEncatchFormEvent,
+  me as useEncatchFormEventAll
 };