@encatch/ws-react 0.0.33 → 0.0.35

package/dist/EncatchPreview.d.ts

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

package/dist/{web-form-engine-core.umd-Qp6qpr0V.js → web-form-engine-core.umd-AECjqIjA.js}

@@ -17898,7 +17898,7 @@ function xN() {
         }
         return P(Q), mr(Q, (x) => $(ce, x), () => l(ce)), z(i, Q), Je(W);
       }
-      customElements.define("encatch-app", yd(Us, { theme: {}, currentMode: {}, currentLanguage: {}, questions: {}, questionLanguages: {}, otherConfigurationProperties: {}, welcomeScreenProperties: {}, endScreenProperties: {}, translations: {}, sections: {}, themeSettings: {}, onClose: {}, onSectionChange: {}, apiKey: {}, hostUrl: {}, feedbackConfigId: {}, identifier: {}, cssLink: {}, scale: {}, persistMode: {}, instanceId: {} }, [], [], !0));
+      yd(Us, { theme: {}, currentMode: {}, currentLanguage: {}, questions: {}, questionLanguages: {}, otherConfigurationProperties: {}, welcomeScreenProperties: {}, endScreenProperties: {}, translations: {}, sections: {}, themeSettings: {}, onClose: {}, onSectionChange: {}, apiKey: {}, hostUrl: {}, feedbackConfigId: {}, identifier: {}, cssLink: {}, scale: {}, persistMode: {}, instanceId: {} }, [], [], !0);
       var ux = te("<div><!></div>");
       function hf(i, n) {
         Be(n, !1);

package/dist/ws-react.es.js

@@ -1,5 +1,5 @@
-import I, { useState as V, useRef as oe, useEffect as S, useCallback as se } from "react";
-var A = { exports: {} }, P = {};
+import I, { useState as U, useRef as se, useEffect as S, useCallback as ie } from "react";
+var k = { exports: {} }, P = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,10 +9,10 @@ var A = { exports: {} }, P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var U;
-function ie() {
-  if (U) return P;
-  U = 1;
+var J;
+function ue() {
+  if (J) return P;
+  J = 1;
   var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function n(u, s, c) {
     var m = null;
@@ -31,7 +31,7 @@ function ie() {
   }
   return P.Fragment = r, P.jsx = n, P.jsxs = n, P;
 }
-var k = {};
+var A = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,26 +41,26 @@ var k = {};
  * 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() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
+var z;
+function ce() {
+  return z || (z = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === re ? null : e.displayName || e.name || null;
+        return e.$$typeof === te ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case f:
           return "Fragment";
-        case Q:
+        case X:
           return "Profiler";
-        case G:
+        case Q:
           return "StrictMode";
-        case Z:
-          return "Suspense";
         case K:
+          return "Suspense";
+        case D:
           return "SuspenseList";
-        case ee:
+        case re:
           return "Activity";
       }
       if (typeof e == "object")
@@ -69,16 +69,16 @@ function ue() {
         ), e.$$typeof) {
           case i:
             return "Portal";
-          case B:
+          case H:
             return (e.displayName || "Context") + ".Provider";
-          case X:
+          case B:
             return (e._context.displayName || "Context") + ".Consumer";
-          case H:
+          case Z:
             var o = e.render;
             return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case D:
+          case ee:
             return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
-          case M:
+          case F:
             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 === M)
+      if (typeof e == "object" && e !== null && e.$$typeof === F)
         return "<...>";
       try {
         var o = t(e);
@@ -126,7 +126,7 @@ function ue() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
-      if (F.call(e, "key")) {
+      if (Y.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() {
-        Y || (Y = !0, console.error(
+        L || (L = !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,16 +146,16 @@ function ue() {
     }
     function R() {
       var e = t(this.type);
-      return L[e] || (L[e] = !0, console.error(
+      return W[e] || (W[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, w, h, x, j) {
-      return l = h.ref, e = {
+    function T(e, o, l, d, w, E, x, j) {
+      return l = E.ref, e = {
         $$typeof: y,
         type: e,
         key: o,
-        props: h,
+        props: E,
         _owner: w
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -182,11 +182,11 @@ function ue() {
         value: j
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function E(e, o, l, d, w, h, x, j) {
+    function h(e, o, l, d, w, E, x, j) {
       var b = o.children;
       if (b !== void 0)
         if (d)
-          if (te(b)) {
+          if (ne(b)) {
             for (d = 0; d < b.length; d++)
               v(b[d]);
             Object.freeze && Object.freeze(b);
@@ -195,12 +195,12 @@ 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 (F.call(o, "key")) {
+      if (Y.call(o, "key")) {
         b = t(e);
-        var _ = Object.keys(o).filter(function(ne) {
-          return ne !== "key";
+        var _ = Object.keys(o).filter(function(oe) {
+          return oe !== "key";
         });
-        d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", q[b + d] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", V[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,7 +211,7 @@ React keys must be passed directly to JSX without using spread:
           b,
           _,
           b
-        ), q[b + d] = !0);
+        ), V[b + d] = !0);
       }
       if (b = null, l !== void 0 && (n(l), b = "" + l), m(o) && (n(o.key), b = "" + o.key), "key" in o) {
         l = {};
@@ -224,7 +224,7 @@ React keys must be passed directly to JSX without using spread:
       ), T(
         e,
         b,
-        h,
+        E,
         w,
         s(),
         l,
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function v(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"), 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() {
+    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() {
       return null;
     };
     a = {
@@ -243,43 +243,43 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var Y, L = {}, W = a.react_stack_bottom_frame.bind(
+    var L, W = {}, $ = a.react_stack_bottom_frame.bind(
       a,
       c
-    )(), $ = O(u(c)), q = {};
-    k.Fragment = f, k.jsx = function(e, o, l, d, w) {
-      var h = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return E(
+    )(), q = O(u(c)), V = {};
+    A.Fragment = f, A.jsx = function(e, o, l, d, w) {
+      var E = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return h(
         e,
         o,
         l,
         !1,
         d,
         w,
-        h ? Error("react-stack-top-frame") : W,
-        h ? O(u(e)) : $
+        E ? Error("react-stack-top-frame") : $,
+        E ? O(u(e)) : q
       );
-    }, k.jsxs = function(e, o, l, d, w) {
-      var h = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return E(
+    }, A.jsxs = function(e, o, l, d, w) {
+      var E = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return h(
         e,
         o,
         l,
         !0,
         d,
         w,
-        h ? Error("react-stack-top-frame") : W,
-        h ? O(u(e)) : $
+        E ? Error("react-stack-top-frame") : $,
+        E ? O(u(e)) : q
       );
     };
-  })()), k;
+  })()), A;
 }
-var z;
-function ce() {
-  return z || (z = 1, process.env.NODE_ENV === "production" ? A.exports = ie() : A.exports = ue()), A.exports;
+var G;
+function ae() {
+  return G || (G = 1, process.env.NODE_ENV === "production" ? k.exports = ue() : k.exports = ce()), k.exports;
 }
-var ae = ce();
-class le extends EventTarget {
+var le = ae();
+class fe extends EventTarget {
   subscriptions = /* @__PURE__ */ new Map();
   targetOrigin = "*";
   /**
@@ -386,15 +386,15 @@ class le extends EventTarget {
     }));
   }
 }
-const g = new le();
-typeof window < "u" && import("./web-form-engine-core.umd-Qp6qpr0V.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
+const g = new fe(), M = "encatch-app-react";
+typeof window < "u" && import("./web-form-engine-core.umd-AECjqIjA.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
   try {
-    customElements.get("encatch-app") || customElements.define("encatch-app", t);
+    customElements.get(M) || customElements.define(M, t);
   } catch (r) {
     console.debug("Custom element registration:", r);
   }
 });
-const de = ({
+const be = ({
   formData: t,
   cssLink: r,
   scale: n = 100,
@@ -402,9 +402,9 @@ const de = ({
   instanceId: s,
   onFormEvent: c
 }) => {
-  const [m, p] = V(!1), [R, T] = V(!0), E = I.useRef(null), v = I.useRef(
+  const [m, p] = U(!1), [R, T] = U(!0), h = I.useRef(null), v = I.useRef(
     null
-  ), a = oe({});
+  ), a = se({});
   S(() => {
     if (!c) return;
     c({
@@ -480,30 +480,30 @@ const de = ({
       "[EncatchPreview] Data validation failed, retrying in 100ms..."
     );
   }, [t]);
-  const y = se(() => {
+  const y = ie(() => {
     t.onClose && t.onClose(), T(!1);
   }, [t.onClose]);
   return S(() => {
-    if (!m || !E.current)
+    if (!m || !h.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 = 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;
+    const i = document.createElement(M);
+    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, h.current.appendChild(i), () => {
+      h.current && v.current && h.current.removeChild(v.current), v.current = null;
     };
-  }, [m, t, r, n, y, u, s]), R ? /* @__PURE__ */ ae.jsx("div", { ref: E }) : null;
+  }, [m, t, r, n, y, u, s]), R ? /* @__PURE__ */ le.jsx("div", { ref: h }) : null;
 };
-function be(t, r, n) {
+function me(t, r, n) {
   S(() => g.subscribe(
     t,
     r,
     n
   ), [t, n?.formId, r]);
 }
-function me(t, r) {
+function pe(t, r) {
   S(() => g.subscribeAll(t, r), [r?.formId, t]);
 }
 export {
-  de as EncatchPreview,
-  be as useEncatchFormEvent,
-  me as useEncatchFormEventAll
+  be as EncatchPreview,
+  me as useEncatchFormEvent,
+  pe as useEncatchFormEventAll
 };