@encatch/ws-react 0.0.11 → 0.0.12

package/dist/ws-react.es.js

@@ -1,5 +1,5 @@
-import O, { useState as te, useEffect as M } from "react";
-var _ = { exports: {} }, v = {};
+import C, { useState as $, useEffect as U, useCallback as ne } from "react";
+var w = { exports: {} }, b = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var _ = { exports: {} }, v = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $;
-function ne() {
-  if ($) return v;
-  $ = 1;
+var q;
+function oe() {
+  if (q) return b;
+  q = 1;
   var t = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
-  function d(E, i, a) {
-    var u = null;
-    if (a !== void 0 && (u = "" + a), i.key !== void 0 && (u = "" + i.key), "key" in i) {
-      a = {};
-      for (var n in i)
-        n !== "key" && (a[n] = i[n]);
-    } else a = i;
-    return i = a.ref, {
+  function d(E, c, i) {
+    var p = null;
+    if (i !== void 0 && (p = "" + i), c.key !== void 0 && (p = "" + c.key), "key" in c) {
+      i = {};
+      for (var u in c)
+        u !== "key" && (i[u] = c[u]);
+    } else i = c;
+    return c = i.ref, {
       $$typeof: t,
       type: E,
-      key: u,
-      ref: i !== void 0 ? i : null,
-      props: a
+      key: p,
+      ref: c !== void 0 ? c : null,
+      props: i
     };
   }
-  return v.Fragment = f, v.jsx = d, v.jsxs = d, v;
+  return b.Fragment = f, b.jsx = d, b.jsxs = d, b;
 }
-var R = {};
+var _ = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,42 +41,42 @@ var R = {};
  * 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 oe() {
-  return U || (U = 1, process.env.NODE_ENV !== "production" && (function() {
+var W;
+function ae() {
+  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
+        return e.$$typeof === ee ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case h:
+        case P:
           return "Fragment";
-        case V:
+        case G:
           return "Profiler";
-        case z:
+        case V:
           return "StrictMode";
-        case D:
+        case Z:
           return "Suspense";
-        case H:
-          return "SuspenseList";
         case Q:
+          return "SuspenseList";
+        case K:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case J:
+          case z:
             return "Portal";
-          case X:
+          case B:
             return (e.displayName || "Context") + ".Provider";
-          case G:
+          case X:
             return (e._context.displayName || "Context") + ".Consumer";
-          case B:
+          case H:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Z:
+          case D:
             return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
           case x:
             r = e._payload, e = e._init;
@@ -99,16 +99,16 @@ function oe() {
       }
       if (r) {
         r = console;
-        var o = r.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var o = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return o.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          s
+          a
         ), f(e);
       }
     }
     function E(e) {
-      if (e === h) return "<>";
+      if (e === P) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === x)
         return "<...>";
       try {
@@ -118,23 +118,23 @@ function oe() {
         return "<...>";
       }
     }
-    function i() {
-      var e = T.A;
+    function c() {
+      var e = k.A;
       return e === null ? null : e.getOwner();
     }
-    function a() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (C.call(e, "key")) {
+    function p(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 n(e, r) {
+    function u(e, r) {
       function o() {
-        N || (N = !0, console.error(
+        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)",
           r
         ));
@@ -144,13 +144,13 @@ function oe() {
         configurable: !0
       });
     }
-    function g() {
+    function v() {
       var e = t(this.type);
       return Y[e] || (Y[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 W(e, r, o, s, m, l, P, k) {
+    function g(e, r, o, a, m, l, O, A) {
       return o = l.ref, e = {
         $$typeof: j,
         type: e,
@@ -159,7 +159,7 @@ function oe() {
         _owner: m
       }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: v
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,111 +174,111 @@ function oe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: O
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: k
+        value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function A(e, r, o, s, m, l, P, k) {
-      var c = r.children;
-      if (c !== void 0)
-        if (s)
-          if (ee(c)) {
-            for (s = 0; s < c.length; s++)
-              y(c[s]);
-            Object.freeze && Object.freeze(c);
+    function n(e, r, o, a, m, l, 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]);
+            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 y(c);
-      if (C.call(r, "key")) {
-        c = t(e);
-        var p = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else h(s);
+      if (N.call(r, "key")) {
+        s = t(e);
+        var R = Object.keys(r).filter(function(te) {
+          return te !== "key";
         });
-        s = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", F[c + s] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
+        a = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", F[s + a] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          a,
           s,
-          c,
-          p,
-          c
-        ), F[c + s] = !0);
+          R,
+          s
+        ), F[s + a] = !0);
       }
-      if (c = null, o !== void 0 && (d(o), c = "" + o), u(r) && (d(r.key), c = "" + r.key), "key" in r) {
+      if (s = null, o !== void 0 && (d(o), s = "" + o), p(r) && (d(r.key), s = "" + r.key), "key" in r) {
         o = {};
-        for (var S in r)
-          S !== "key" && (o[S] = r[S]);
+        for (var y in r)
+          y !== "key" && (o[y] = r[y]);
       } else o = r;
-      return c && n(
+      return s && u(
         o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), W(
+      ), g(
         e,
-        c,
+        s,
         l,
         m,
-        i(),
+        c(),
         o,
-        P,
-        k
+        O,
+        A
       );
     }
-    function y(e) {
+    function h(e) {
       typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
     }
-    var b = O, j = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), G = Symbol.for("react.consumer"), X = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), T = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, ee = Array.isArray, w = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    b = {
+    T = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var N, Y = {}, I = b.react_stack_bottom_frame.bind(
-      b,
-      a
-    )(), L = w(E(a)), F = {};
-    R.Fragment = h, R.jsx = function(e, r, o, s, m) {
-      var l = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return A(
+    var I, Y = {}, M = T.react_stack_bottom_frame.bind(
+      T,
+      i
+    )(), L = S(E(i)), F = {};
+    _.Fragment = P, _.jsx = function(e, r, o, a, m) {
+      var l = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return n(
         e,
         r,
         o,
         !1,
-        s,
+        a,
         m,
-        l ? Error("react-stack-top-frame") : I,
-        l ? w(E(e)) : L
+        l ? Error("react-stack-top-frame") : M,
+        l ? S(E(e)) : L
       );
-    }, R.jsxs = function(e, r, o, s, m) {
-      var l = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return A(
+    }, _.jsxs = function(e, r, o, a, m) {
+      var l = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return n(
         e,
         r,
         o,
         !0,
-        s,
+        a,
         m,
-        l ? Error("react-stack-top-frame") : I,
-        l ? w(E(e)) : L
+        l ? Error("react-stack-top-frame") : M,
+        l ? S(E(e)) : L
       );
     };
-  })()), R;
+  })()), _;
 }
-var q;
-function ae() {
-  return q || (q = 1, process.env.NODE_ENV === "production" ? _.exports = ne() : _.exports = oe()), _.exports;
+var J;
+function se() {
+  return J || (J = 1, process.env.NODE_ENV === "production" ? w.exports = oe() : w.exports = ae()), w.exports;
 }
-var se = ae();
+var ce = se();
 typeof window < "u" && import("./web-form-engine-core.umd-DfbJvtSZ.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
   try {
     customElements.get("encatch-app") || customElements.define("encatch-app", t);
@@ -286,36 +286,40 @@ typeof window < "u" && import("./web-form-engine-core.umd-DfbJvtSZ.js").then((t)
     console.debug("Custom element registration:", f);
   }
 });
-const ie = ({
+const ue = ({
   formData: t,
   cssLink: f,
   scale: d = 100
 }) => {
-  const [E, i] = te(!1), a = O.useRef(null), u = O.useRef(
+  const [E, c] = $(!1), [i, p] = $(!0), u = C.useRef(null), v = C.useRef(
     null
   );
-  return M(() => {
+  U(() => {
     (() => {
       try {
         return t ? !0 : (console.warn("[EncatchPreview] formData is not defined"), !1);
-      } catch (g) {
-        return console.error("[EncatchPreview] Error during data validation:", g), !1;
+      } catch (h) {
+        return console.error("[EncatchPreview] Error during data validation:", h), !1;
       }
-    })() ? (i(!0), console.log("[EncatchPreview] Data is ready, rendering web component")) : console.warn(
+    })() ? (c(!0), console.log("[EncatchPreview] Data is ready, rendering web component")) : console.warn(
       "[EncatchPreview] Data validation failed, retrying in 100ms..."
     );
-  }, [t]), M(() => {
-    if (!E || !a.current)
+  }, [t]);
+  const g = ne(() => {
+    console.log("[EncatchPreview] Close triggered, unmounting component"), t.onClose && t.onClose(), p(!1);
+  }, [t.onClose]);
+  return U(() => {
+    if (!E || !u.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 = t.onClose, 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"), u.current = n, a.current.appendChild(n), () => {
-      console.log("[EncatchPreview] Unmounting web component"), a.current && u.current && a.current.removeChild(u.current), u.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 = 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;
     };
-  }, [E, t, f, d]), /* @__PURE__ */ se.jsx("div", { ref: a });
+  }, [E, t, f, d, g]), i ? /* @__PURE__ */ ce.jsx("div", { ref: u }) : null;
 };
 export {
-  ie as EncatchPreview
+  ue as EncatchPreview
 };