@encatch/ws-react 0.0.12 → 0.0.14

package/dist/ws-react.es.js

@@ -1,5 +1,5 @@
 import C, { useState as $, useEffect as U, useCallback as ne } from "react";
-var w = { exports: {} }, b = {};
+var w = { exports: {} }, h = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,27 +11,27 @@ var w = { exports: {} }, b = {};
  */
 var q;
 function oe() {
-  if (q) return b;
+  if (q) return h;
   q = 1;
-  var t = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
-  function d(E, c, i) {
-    var p = null;
-    if (i !== void 0 && (p = "" + i), c.key !== void 0 && (p = "" + c.key), "key" in c) {
+  var t = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
+  function f(d, c, i) {
+    var m = null;
+    if (i !== void 0 && (m = "" + i), c.key !== void 0 && (m = "" + c.key), "key" in c) {
       i = {};
-      for (var u in c)
-        u !== "key" && (i[u] = c[u]);
+      for (var p in c)
+        p !== "key" && (i[p] = c[p]);
     } else i = c;
     return c = i.ref, {
       $$typeof: t,
-      type: E,
-      key: p,
+      type: d,
+      key: m,
       ref: c !== void 0 ? c : null,
       props: i
     };
   }
-  return b.Fragment = f, b.jsx = d, b.jsxs = d, b;
+  return h.Fragment = l, h.jsx = f, h.jsxs = f, h;
 }
-var _ = {};
+var T = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -87,12 +87,12 @@ function ae() {
         }
       return null;
     }
-    function f(e) {
+    function l(e) {
       return "" + e;
     }
-    function d(e) {
+    function f(e) {
       try {
-        f(e);
+        l(e);
         var r = !1;
       } catch {
         r = !0;
@@ -104,10 +104,10 @@ function ae() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           a
-        ), f(e);
+        ), l(e);
       }
     }
-    function E(e) {
+    function d(e) {
       if (e === P) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === x)
         return "<...>";
@@ -125,14 +125,14 @@ function ae() {
     function i() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
+    function m(e) {
       if (N.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function u(e, r) {
+    function p(e, r) {
       function o() {
         I || (I = !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)",
@@ -150,13 +150,13 @@ function ae() {
         "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 g(e, r, o, a, m, l, O, A) {
-      return o = l.ref, e = {
+    function R(e, r, o, a, E, u, O, A) {
+      return o = u.ref, e = {
         $$typeof: j,
         type: e,
         key: r,
-        props: l,
-        _owner: m
+        props: u,
+        _owner: E
       }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: v
@@ -182,25 +182,25 @@ function ae() {
         value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function n(e, r, o, a, m, l, O, A) {
+    function g(e, r, o, a, E, u, O, A) {
       var s = r.children;
       if (s !== void 0)
         if (a)
           if (re(s)) {
             for (a = 0; a < s.length; a++)
-              h(s[a]);
+              n(s[a]);
             Object.freeze && Object.freeze(s);
           } 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 h(s);
+        else n(s);
       if (N.call(r, "key")) {
         s = t(e);
-        var R = Object.keys(r).filter(function(te) {
+        var _ = Object.keys(r).filter(function(te) {
           return te !== "key";
         });
-        a = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", F[s + a] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+        a = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", F[s + a] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,99 +209,100 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           a,
           s,
-          R,
+          _,
           s
         ), F[s + a] = !0);
       }
-      if (s = null, o !== void 0 && (d(o), s = "" + o), p(r) && (d(r.key), s = "" + r.key), "key" in r) {
+      if (s = null, o !== void 0 && (f(o), s = "" + o), m(r) && (f(r.key), s = "" + r.key), "key" in r) {
         o = {};
         for (var y in r)
           y !== "key" && (o[y] = r[y]);
       } else o = r;
-      return s && u(
+      return s && p(
         o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), g(
+      ), R(
         e,
         s,
-        l,
-        m,
+        u,
+        E,
         c(),
         o,
         O,
         A
       );
     }
-    function h(e) {
+    function n(e) {
       typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
     }
-    var T = C, j = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), G = 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"), Q = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), k = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, re = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var b = C, j = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), G = 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"), Q = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, re = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var I, Y = {}, M = T.react_stack_bottom_frame.bind(
-      T,
+    var I, Y = {}, M = b.react_stack_bottom_frame.bind(
+      b,
       i
-    )(), L = S(E(i)), F = {};
-    _.Fragment = P, _.jsx = function(e, r, o, a, m) {
-      var l = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return n(
+    )(), L = S(d(i)), F = {};
+    T.Fragment = P, T.jsx = function(e, r, o, a, E) {
+      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         r,
         o,
         !1,
         a,
-        m,
-        l ? Error("react-stack-top-frame") : M,
-        l ? S(E(e)) : L
+        E,
+        u ? Error("react-stack-top-frame") : M,
+        u ? S(d(e)) : L
       );
-    }, _.jsxs = function(e, r, o, a, m) {
-      var l = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return n(
+    }, T.jsxs = function(e, r, o, a, E) {
+      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         r,
         o,
         !0,
         a,
-        m,
-        l ? Error("react-stack-top-frame") : M,
-        l ? S(E(e)) : L
+        E,
+        u ? Error("react-stack-top-frame") : M,
+        u ? S(d(e)) : L
       );
     };
-  })()), _;
+  })()), T;
 }
 var J;
 function se() {
   return J || (J = 1, process.env.NODE_ENV === "production" ? w.exports = oe() : w.exports = ae()), w.exports;
 }
 var ce = se();
-typeof window < "u" && import("./web-form-engine-core.umd-DfbJvtSZ.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
+typeof window < "u" && import("./web-form-engine-core.umd-B1xHitkx.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
   try {
     customElements.get("encatch-app") || customElements.define("encatch-app", t);
-  } catch (f) {
-    console.debug("Custom element registration:", f);
+  } catch (l) {
+    console.debug("Custom element registration:", l);
   }
 });
 const ue = ({
   formData: t,
-  cssLink: f,
-  scale: d = 100
+  cssLink: l,
+  scale: f = 100,
+  persistMode: d = "none"
 }) => {
-  const [E, c] = $(!1), [i, p] = $(!0), u = C.useRef(null), v = C.useRef(
+  const [c, i] = $(!1), [m, p] = $(!0), v = C.useRef(null), R = C.useRef(
     null
   );
   U(() => {
     (() => {
       try {
         return t ? !0 : (console.warn("[EncatchPreview] formData is not defined"), !1);
-      } catch (h) {
-        return console.error("[EncatchPreview] Error during data validation:", h), !1;
+      } catch (b) {
+        return console.error("[EncatchPreview] Error during data validation:", b), !1;
       }
-    })() ? (c(!0), console.log("[EncatchPreview] Data is ready, rendering web component")) : console.warn(
+    })() ? (i(!0), console.log("[EncatchPreview] Data is ready, rendering web component")) : console.warn(
       "[EncatchPreview] Data validation failed, retrying in 100ms..."
     );
   }, [t]);
@@ -309,16 +310,16 @@ const ue = ({
     console.log("[EncatchPreview] Close triggered, unmounting component"), t.onClose && t.onClose(), p(!1);
   }, [t.onClose]);
   return U(() => {
-    if (!E || !u.current)
+    if (!c || !v.current)
       return;
     console.log(
       "[EncatchPreview] Creating web component imperatively with properties"
     );
     const n = document.createElement("encatch-app");
-    return n.theme = t.theme, n.currentMode = t.currentMode, n.currentLanguage = t.currentLanguage, n.questions = t.questions, n.questionLanguages = t.questionLanguages, n.otherConfigurationProperties = t.otherConfigurationProperties, n.welcomeScreenProperties = t.welcomeScreenProperties, n.endScreenProperties = t.endScreenProperties, n.translations = t.translations, n.sections = t.sections, n.themeSettings = t.themeSettings, n.onClose = g, n.onSectionChange = t.onSectionChange, n.apiKey = t.apiKey, n.hostUrl = t.hostUrl, n.feedbackConfigId = t.feedbackConfigId, n.identifier = t.identifier, n.cssLink = f, n.scale = d, console.log("[EncatchPreview] All properties set, now adding to DOM"), v.current = n, u.current.appendChild(n), () => {
-      console.log("[EncatchPreview] Unmounting web component"), u.current && v.current && u.current.removeChild(v.current), v.current = null;
+    return n.theme = t.theme, n.currentMode = t.currentMode, n.currentLanguage = t.currentLanguage, n.questions = t.questions, n.questionLanguages = t.questionLanguages, n.otherConfigurationProperties = t.otherConfigurationProperties, n.welcomeScreenProperties = t.welcomeScreenProperties, n.endScreenProperties = t.endScreenProperties, n.translations = t.translations, n.sections = t.sections, n.themeSettings = t.themeSettings, n.onClose = g, n.onSectionChange = t.onSectionChange, n.apiKey = t.apiKey, n.hostUrl = t.hostUrl, n.feedbackConfigId = t.feedbackConfigId, n.identifier = t.identifier, n.cssLink = l, n.scale = f, n.persistMode = d, console.log("[EncatchPreview] All properties set, now adding to DOM"), R.current = n, v.current.appendChild(n), () => {
+      console.log("[EncatchPreview] Unmounting web component"), v.current && R.current && v.current.removeChild(R.current), R.current = null;
     };
-  }, [E, t, f, d, g]), i ? /* @__PURE__ */ ce.jsx("div", { ref: u }) : null;
+  }, [c, t, l, f, g, d]), m ? /* @__PURE__ */ ce.jsx("div", { ref: v }) : null;
 };
 export {
   ue as EncatchPreview