@encatch/ws-react 0.0.50-beta.6 → 0.0.50-beta.8

package/dist/index.es.js

@@ -13,8 +13,8 @@ var H;
 function ae() {
   if (H) return A;
   H = 1;
-  var f = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function n(o, s, c) {
+  var l = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(a, s, c) {
     var m = null;
     if (c !== void 0 && (m = "" + c), s.key !== void 0 && (m = "" + s.key), "key" in s) {
       c = {};
@@ -22,8 +22,8 @@ function ae() {
         w !== "key" && (c[w] = s[w]);
     } else c = s;
     return s = c.ref, {
-      $$typeof: f,
-      type: o,
+      $$typeof: l,
+      type: a,
       key: m,
       ref: s !== void 0 ? s : null,
       props: c
@@ -44,13 +44,13 @@ var C = {};
 var Z;
 function se() {
   return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
-    function f(e) {
+    function l(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === te ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case l:
+        case f:
           return "Fragment";
         case P:
           return "Profiler";
@@ -73,15 +73,15 @@ function se() {
             return (e.displayName || "Context") + ".Provider";
           case x:
             return (e._context.displayName || "Context") + ".Consumer";
-          case h:
+          case E:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case a:
-            return t = e.displayName || null, t !== null ? t : f(e.type) || "Memo";
+          case o:
+            return t = e.displayName || null, t !== null ? t : l(e.type) || "Memo";
           case J:
             t = e._payload, e = e._init;
             try {
-              return f(e(t));
+              return l(e(t));
             } catch {
             }
         }
@@ -107,12 +107,12 @@ function se() {
         ), r(e);
       }
     }
-    function o(e) {
-      if (e === l) return "<>";
+    function a(e) {
+      if (e === f) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === J)
         return "<...>";
       try {
-        var t = f(e);
+        var t = l(e);
         return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
@@ -145,17 +145,17 @@ function se() {
       });
     }
     function v() {
-      var e = f(this.type);
+      var e = l(this.type);
       return z[e] || (z[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 g(e, t, u, b, k, E, Y, W) {
-      return u = E.ref, e = {
+    function h(e, t, u, b, k, g, Y, W) {
+      return u = g.ref, e = {
         $$typeof: I,
         type: e,
         key: t,
-        props: E,
+        props: g,
         _owner: k
       }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -182,7 +182,7 @@ function se() {
         value: W
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function R(e, t, u, b, k, E, Y, W) {
+    function R(e, t, u, b, k, g, Y, W) {
       var p = t.children;
       if (p !== void 0)
         if (b)
@@ -196,7 +196,7 @@ function se() {
             );
         else y(p);
       if (U.call(t, "key")) {
-        p = f(e);
+        p = l(e);
         var S = Object.keys(t).filter(function(oe) {
           return oe !== "key";
         });
@@ -221,10 +221,10 @@ React keys must be passed directly to JSX without using spread:
       return p && w(
         u,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), g(
+      ), h(
         e,
         p,
-        E,
+        g,
         k,
         s(),
         u,
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function y(e) {
       typeof e == "object" && e !== null && e.$$typeof === I && e._store && (e._store.validated = 1);
     }
-    var i = $, I = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), F = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), a = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), re = Symbol.for("react.activity"), te = Symbol.for("react.client.reference"), D = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, ne = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var i = $, I = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), F = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), o = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), re = Symbol.for("react.activity"), te = Symbol.for("react.client.reference"), D = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, ne = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     i = {
@@ -246,9 +246,9 @@ React keys must be passed directly to JSX without using spread:
     var V, z = {}, G = i.react_stack_bottom_frame.bind(
       i,
       c
-    )(), B = M(o(c)), Q = {};
-    C.Fragment = l, C.jsx = function(e, t, u, b, k) {
-      var E = 1e4 > D.recentlyCreatedOwnerStacks++;
+    )(), B = M(a(c)), Q = {};
+    C.Fragment = f, C.jsx = function(e, t, u, b, k) {
+      var g = 1e4 > D.recentlyCreatedOwnerStacks++;
       return R(
         e,
         t,
@@ -256,11 +256,11 @@ React keys must be passed directly to JSX without using spread:
         !1,
         b,
         k,
-        E ? Error("react-stack-top-frame") : G,
-        E ? M(o(e)) : B
+        g ? Error("react-stack-top-frame") : G,
+        g ? M(a(e)) : B
       );
     }, C.jsxs = function(e, t, u, b, k) {
-      var E = 1e4 > D.recentlyCreatedOwnerStacks++;
+      var g = 1e4 > D.recentlyCreatedOwnerStacks++;
       return R(
         e,
         t,
@@ -268,8 +268,8 @@ React keys must be passed directly to JSX without using spread:
         !0,
         b,
         k,
-        E ? Error("react-stack-top-frame") : G,
-        E ? M(o(e)) : B
+        g ? Error("react-stack-top-frame") : G,
+        g ? M(a(e)) : B
       );
     };
   })()), C;
@@ -279,15 +279,15 @@ function ie() {
   return K || (K = 1, process.env.NODE_ENV === "production" ? j.exports = ae() : j.exports = se()), j.exports;
 }
 var ce = ie();
-const le = ({
-  formConfig: f,
+const fe = ({
+  formConfig: l,
   formPageUrl: r,
   formId: n,
-  scale: o = 100,
+  scale: a = 100,
   instanceId: s,
   onFormEvent: c
 }) => {
-  const m = !!(f && r), w = n ?? f?.formId ?? s ?? "preview", v = $.useRef(null), g = $.useRef(null), R = q(!1), y = q(() => {
+  const m = !!(l && r), w = n ?? l?.formId ?? s ?? "preview", v = $.useRef(null), h = $.useRef(null), R = q(!1), y = q(() => {
   }), i = q({});
   O(() => {
     if (!c) return;
@@ -313,30 +313,33 @@ const le = ({
     });
   }, [c]);
   const I = X(() => {
-    if (!g.current?.contentWindow || !f) return;
-    const l = { formId: w, scale: o, ...f };
-    g.current.contentWindow.postMessage(
-      { type: "sdk:formConfig", data: l },
+    if (!h.current?.contentWindow || !l) return;
+    const f = { formId: w, scale: a, ...l };
+    h.current.contentWindow.postMessage(
+      { type: "sdk:formConfig", data: f },
       "*"
     );
-  }, [f, w, o]);
+  }, [l, w, a]);
   y.current = I, O(() => {
     !m || !R.current || y.current();
-  }, [m, f, I]);
-  const N = X((l) => {
-    l.style.border = "none", l.style.width = "100%", l.style.height = "100%";
+  }, [m, l, I]);
+  const N = X((f) => {
+    f.style.border = "none", f.style.width = "100%", f.style.height = "100%";
   }, []);
   return O(() => {
-    if (!m || !v.current || !f || !r) return;
-    const l = document.createElement("div");
-    l.style.width = "100%", l.style.height = "100%", l.style.overflow = "hidden";
+    if (!m || !v.current || !l || !r) return;
+    const f = document.createElement("div");
+    f.style.width = "100%", f.style.height = "100%", f.style.display = "flex", f.style.flexDirection = "column", f.style.justifyContent = "flex-end", f.style.overflow = "auto";
     const d = document.createElement("iframe"), P = new URL(r, window.location.origin);
-    P.searchParams.set("formId", w), d.src = P.toString(), d.title = "Encatch form", N(d), g.current = d, l.appendChild(d), v.current.appendChild(l);
+    P.searchParams.set("formId", w), d.src = P.toString(), d.title = "Encatch form", N(d), h.current = d, f.appendChild(d), v.current.appendChild(f);
     const x = (F) => {
-      const h = F.data;
-      if (!h || typeof h != "object" || !h.type) return;
-      let _ = h.type, T = h.formId, a = h.data;
-      switch (_.startsWith("encatch:") && (_ = _.replace("encatch:", ""), T = h.payload?.feedbackConfigurationId, a = h.payload), _) {
+      const E = F.data;
+      if (!E || typeof E != "object" || !E.type) return;
+      let _ = E.type, T = E.formId, o = E.data;
+      switch (_.startsWith("encatch:") && (_ = _.replace("encatch:", ""), T = E.payload?.feedbackConfigurationId, o = E.payload), _) {
+        case "form:resize":
+          h.current && o && typeof o.height == "number" && (h.current.style.height = `${o.height}px`);
+          break;
         case "form:ready":
           R.current = !0, y.current();
           break;
@@ -347,57 +350,57 @@ const le = ({
           i.current.onClose?.({ timestamp: Date.now() });
           break;
         case "form:submit":
-          a && i.current.onSubmit && i.current.onSubmit({
-            feedbackConfigurationId: a.feedbackConfigurationId,
-            feedbackIdentifier: a.feedbackIdentifier,
-            response: a.response,
-            isPartialSubmit: a.isPartialSubmit,
+          o && i.current.onSubmit && i.current.onSubmit({
+            feedbackConfigurationId: o.feedbackConfigurationId,
+            feedbackIdentifier: o.feedbackIdentifier,
+            response: o.response,
+            isPartialSubmit: o.isPartialSubmit,
             timestamp: Date.now()
           });
           break;
         case "form:show":
-          a && i.current.onShow && i.current.onShow({
-            feedbackConfigurationId: a.feedbackConfigurationId,
-            feedbackIdentifier: a.feedbackIdentifier,
+          o && i.current.onShow && i.current.onShow({
+            feedbackConfigurationId: o.feedbackConfigurationId,
+            feedbackIdentifier: o.feedbackIdentifier,
             timestamp: Date.now()
           });
           break;
         case "form:started":
-          a && i.current.onShow && i.current.onShow({
-            feedbackConfigurationId: a.feedbackConfigurationId,
-            feedbackIdentifier: a.feedbackIdentifier,
+          o && i.current.onShow && i.current.onShow({
+            feedbackConfigurationId: o.feedbackConfigurationId,
+            feedbackIdentifier: o.feedbackIdentifier,
             timestamp: Date.now()
           });
           break;
         case "form:section:change":
-          a && i.current.onSectionChange && i.current.onSectionChange({
-            feedbackConfigurationId: a.feedbackConfigurationId ?? T ?? "",
-            sectionIndex: a.sectionIndex,
-            sectionId: a.sectionId,
+          o && i.current.onSectionChange && i.current.onSectionChange({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? T ?? "",
+            sectionIndex: o.sectionIndex,
+            sectionId: o.sectionId,
             timestamp: Date.now()
           });
           break;
         case "form:question:answered":
-          a && i.current.onQuestionAnswered && i.current.onQuestionAnswered({
-            feedbackConfigurationId: a.feedbackConfigurationId ?? T ?? "",
-            questionId: a.questionId,
-            questionType: a.questionType,
-            answer: a.answer,
+          o && i.current.onQuestionAnswered && i.current.onQuestionAnswered({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? T ?? "",
+            questionId: o.questionId,
+            questionType: o.questionType,
+            answer: o.answer,
             timestamp: Date.now()
           });
           break;
         case "form:error":
-          a && i.current.onError && i.current.onError({
-            feedbackConfigurationId: a.feedbackConfigurationId ?? T ?? "",
-            questionId: a.questionId,
-            error: a.error ?? "Unknown error",
+          o && i.current.onError && i.current.onError({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? T ?? "",
+            questionId: o.questionId,
+            error: o.error ?? "Unknown error",
             timestamp: Date.now()
           });
           break;
       }
     };
     return window.addEventListener("message", x), () => {
-      window.removeEventListener("message", x), R.current = !1, l.parentNode && l.parentNode.removeChild(l), g.current = null;
+      window.removeEventListener("message", x), R.current = !1, f.parentNode && f.parentNode.removeChild(f), h.current = null;
     };
   }, [m, r, w]), /* @__PURE__ */ ce.jsx(
     "div",
@@ -429,29 +432,29 @@ class ue extends EventTarget {
   /**
    * Publish an event to all matching subscribers
    */
-  publish(r, n, o) {
+  publish(r, n, a) {
     typeof window < "u" && window.dispatchEvent(
       new CustomEvent(r, {
         detail: n,
         bubbles: !0
       })
-    ), o?.usePostMessage !== !1 && this.sendPostMessage(r, n);
+    ), a?.usePostMessage !== !1 && this.sendPostMessage(r, n);
   }
   /**
    * Subscribe to form events with optional form ID filtering
    */
-  subscribe(r, n, o) {
+  subscribe(r, n, a) {
     const s = Symbol("subscription"), c = {
       eventType: r,
       handler: n,
-      filter: o?.formId,
+      filter: a?.formId,
       id: s,
-      once: o?.once
+      once: a?.once
     };
     this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(c);
     const m = (w) => {
-      const v = w, g = this.getFormIdFromPayload(v.detail);
-      this.matchesFilter(g, o?.formId) && (n(v.detail), o?.once && typeof window < "u" && window.removeEventListener(r, m));
+      const v = w, h = this.getFormIdFromPayload(v.detail);
+      this.matchesFilter(h, a?.formId) && (n(v.detail), a?.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);
@@ -461,10 +464,10 @@ class ue extends EventTarget {
    * Unsubscribe by subscription ID
    */
   unsubscribe(r) {
-    for (const [n, o] of this.subscriptions.entries()) {
-      const s = o.findIndex((c) => c.id === r);
+    for (const [n, a] of this.subscriptions.entries()) {
+      const s = a.findIndex((c) => c.id === r);
       if (s !== -1) {
-        o.splice(s, 1), o.length === 0 && this.subscriptions.delete(n);
+        a.splice(s, 1), a.length === 0 && this.subscriptions.delete(n);
         break;
       }
     }
@@ -473,7 +476,7 @@ class ue extends EventTarget {
    * Subscribe to all form events with optional filtering
    */
   subscribeAll(r, n) {
-    const o = [
+    const a = [
       "form:show",
       "form:started",
       "form:submit",
@@ -482,7 +485,7 @@ class ue extends EventTarget {
       "form:question:answered",
       "form:error"
     ], s = [];
-    return o.forEach((c) => {
+    return a.forEach((c) => {
       const m = this.subscribe(
         c,
         (w) => r(c, w),
@@ -497,7 +500,7 @@ class ue 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, o) => n + o.length, 0);
+    return r ? this.subscriptions.get(r)?.length || 0 : Array.from(this.subscriptions.values()).reduce((n, a) => n + a.length, 0);
   }
   /**
    * Clear all subscriptions for an event type (or all events)
@@ -506,13 +509,13 @@ class ue extends EventTarget {
     r ? this.subscriptions.delete(r) : this.subscriptions.clear();
   }
   sendPostMessage(r, n) {
-    const o = {
+    const a = {
       type: `encatch:${r}`,
       payload: n,
       source: "encatch-form-engine"
     };
-    window.parent && window.parent !== window && window.parent.postMessage(o, this.targetOrigin), document.querySelectorAll("iframe").forEach((s) => {
-      s.contentWindow && s.contentWindow.postMessage(o, this.targetOrigin);
+    window.parent && window.parent !== window && window.parent.postMessage(a, this.targetOrigin), document.querySelectorAll("iframe").forEach((s) => {
+      s.contentWindow && s.contentWindow.postMessage(a, this.targetOrigin);
     }), typeof window.ReactNativeWebView < "u" && window.ReactNativeWebView.postMessage(JSON.stringify({
       action: r.replace("form:", ""),
       data: JSON.stringify(n)
@@ -520,18 +523,18 @@ class ue extends EventTarget {
   }
 }
 const ee = new ue();
-function de(f, r, n) {
+function de(l, r, n) {
   O(() => ee.subscribe(
-    f,
+    l,
     r,
     n
-  ), [f, n?.formId, r]);
+  ), [l, n?.formId, r]);
 }
-function me(f, r) {
-  O(() => ee.subscribeAll(f, r), [r?.formId, f]);
+function me(l, r) {
+  O(() => ee.subscribeAll(l, r), [r?.formId, l]);
 }
 export {
-  le as EncatchPreview,
+  fe as EncatchPreview,
   de as useEncatchFormEvent,
   me as useEncatchFormEventAll
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(g,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(g=typeof globalThis<"u"?globalThis:g||self,m(g.WsReact={},g.React))})(this,(function(g,m){"use strict";var j={exports:{}},C={};/**
+(function(k,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(k=typeof globalThis<"u"?globalThis:k||self,m(k.WsReact={},k.React))})(this,(function(k,m){"use strict";var x={exports:{}},C={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var $;function K(){if($)return C;$=1;var f=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(o,a,c){var b=null;if(c!==void 0&&(b=""+c),a.key!==void 0&&(b=""+a.key),"key"in a){c={};for(var h in a)h!=="key"&&(c[h]=a[h])}else c=a;return a=c.ref,{$$typeof:f,type:o,key:b,ref:a!==void 0?a:null,props:c}}return C.Fragment=r,C.jsx=n,C.jsxs=n,C}var O={};/**
+ */var $;function K(){if($)return C;$=1;var f=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(s,a,c){var b=null;if(c!==void 0&&(b=""+c),a.key!==void 0&&(b=""+a.key),"key"in a){c={};for(var h in a)h!=="key"&&(c[h]=a[h])}else c=a;return a=c.ref,{$$typeof:f,type:s,key:b,ref:a!==void 0?a:null,props:c}}return C.Fragment=r,C.jsx=n,C.jsxs=n,C}var O={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * 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 ee(){return J||(J=1,process.env.NODE_ENV!=="production"&&(function(){function f(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case l:return"Fragment";case x:return"Profiler";case d:return"StrictMode";case S:return"Suspense";case I:return"SuspenseList";case ie: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 F:return"Portal";case M:return(e.displayName||"Context")+".Provider";case N:return(e._context.displayName||"Context")+".Consumer";case E:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case s:return t=e.displayName||null,t!==null?t:f(e.type)||"Memo";case z:t=e._payload,e=e._init;try{return f(e(t))}catch{}}return null}function r(e){return""+e}function n(e){try{r(e);var t=!1}catch{t=!0}if(t){t=console;var u=t.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),r(e)}}function o(e){if(e===l)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===z)return"<...>";try{var t=f(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=D.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function b(e){if(G.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function h(e,t){function u(){B||(B=!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)",t))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function k(){var e=f(this.type);return Q[e]||(Q[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 y(e,t,u,p,R,v,W,q){return u=v.ref,e={$$typeof:P,type:e,key:t,props:v,_owner:R},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:k}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,t,u,p,R,v,W,q){var w=t.children;if(w!==void 0)if(p)if(ue(w)){for(p=0;p<w.length;p++)T(w[p]);Object.freeze&&Object.freeze(w)}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 T(w);if(G.call(t,"key")){w=f(e);var A=Object.keys(t).filter(function(fe){return fe!=="key"});p=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",Z[w+p]||(A=0<A.length?"{"+A.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var J;function ee(){return J||(J=1,process.env.NODE_ENV!=="production"&&(function(){function f(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case l:return"Fragment";case j:return"Profiler";case d:return"StrictMode";case S:return"Suspense";case I:return"SuspenseList";case ie: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 F:return"Portal";case D:return(e.displayName||"Context")+".Provider";case N:return(e._context.displayName||"Context")+".Consumer";case v:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case o:return t=e.displayName||null,t!==null?t:f(e.type)||"Memo";case z:t=e._payload,e=e._init;try{return f(e(t))}catch{}}return null}function r(e){return""+e}function n(e){try{r(e);var t=!1}catch{t=!0}if(t){t=console;var u=t.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),r(e)}}function s(e){if(e===l)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===z)return"<...>";try{var t=f(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=M.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function b(e){if(G.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function h(e,t){function u(){B||(B=!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)",t))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function y(){var e=f(this.type);return Q[e]||(Q[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 E(e,t,u,p,R,g,W,q){return u=g.ref,e={$$typeof:P,type:e,key:t,props:g,_owner:R},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:y}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,t,u,p,R,g,W,q){var w=t.children;if(w!==void 0)if(p)if(ue(w)){for(p=0;p<w.length;p++)T(w[p]);Object.freeze&&Object.freeze(w)}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 T(w);if(G.call(t,"key")){w=f(e);var A=Object.keys(t).filter(function(fe){return fe!=="key"});p=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",Z[w+p]||(A=0<A.length?"{"+A.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} />`,p,w,A,w),Z[w+p]=!0)}if(w=null,u!==void 0&&(n(u),w=""+u),b(t)&&(n(t.key),w=""+t.key),"key"in t){u={};for(var L in t)L!=="key"&&(u[L]=t[L])}else u=t;return w&&h(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),y(e,w,v,R,a(),u,W,q)}function T(e){typeof e=="object"&&e!==null&&e.$$typeof===P&&e._store&&(e._store.validated=1)}var i=m,P=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),l=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),M=Symbol.for("react.context"),E=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),s=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),ie=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),D=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,ue=Array.isArray,Y=console.createTask?console.createTask:function(){return null};i={react_stack_bottom_frame:function(e){return e()}};var B,Q={},X=i.react_stack_bottom_frame.bind(i,c)(),H=Y(o(c)),Z={};O.Fragment=l,O.jsx=function(e,t,u,p,R){var v=1e4>D.recentlyCreatedOwnerStacks++;return _(e,t,u,!1,p,R,v?Error("react-stack-top-frame"):X,v?Y(o(e)):H)},O.jsxs=function(e,t,u,p,R){var v=1e4>D.recentlyCreatedOwnerStacks++;return _(e,t,u,!0,p,R,v?Error("react-stack-top-frame"):X,v?Y(o(e)):H)}})()),O}var U;function re(){return U||(U=1,process.env.NODE_ENV==="production"?j.exports=K():j.exports=ee()),j.exports}var te=re();const ne=({formConfig:f,formPageUrl:r,formId:n,scale:o=100,instanceId:a,onFormEvent:c})=>{const b=!!(f&&r),h=n??f?.formId??a??"preview",k=m.useRef(null),y=m.useRef(null),_=m.useRef(!1),T=m.useRef(()=>{}),i=m.useRef({});m.useEffect(()=>{if(!c)return;c({onSubmit:d=>{i.current.onSubmit=d},onShow:d=>{i.current.onShow=d},onClose:d=>{i.current.onClose=d},onSectionChange:d=>{i.current.onSectionChange=d},onQuestionAnswered:d=>{i.current.onQuestionAnswered=d},onError:d=>{i.current.onError=d}})},[c]);const P=m.useCallback(()=>{if(!y.current?.contentWindow||!f)return;const l={formId:h,scale:o,...f};y.current.contentWindow.postMessage({type:"sdk:formConfig",data:l},"*")},[f,h,o]);T.current=P,m.useEffect(()=>{!b||!_.current||T.current()},[b,f,P]);const F=m.useCallback(l=>{l.style.border="none",l.style.width="100%",l.style.height="100%"},[]);return m.useEffect(()=>{if(!b||!k.current||!f||!r)return;const l=document.createElement("div");l.style.width="100%",l.style.height="100%",l.style.overflow="hidden";const d=document.createElement("iframe"),x=new URL(r,window.location.origin);x.searchParams.set("formId",h),d.src=x.toString(),d.title="Encatch form",F(d),y.current=d,l.appendChild(d),k.current.appendChild(l);const N=M=>{const E=M.data;if(!E||typeof E!="object"||!E.type)return;let S=E.type,I=E.formId,s=E.data;switch(S.startsWith("encatch:")&&(S=S.replace("encatch:",""),I=E.payload?.feedbackConfigurationId,s=E.payload),S){case"form:ready":_.current=!0,T.current();break;case"form:close":i.current.onClose?.({timestamp:Date.now()});break;case"form:complete":i.current.onClose?.({timestamp:Date.now()});break;case"form:submit":s&&i.current.onSubmit&&i.current.onSubmit({feedbackConfigurationId:s.feedbackConfigurationId,feedbackIdentifier:s.feedbackIdentifier,response:s.response,isPartialSubmit:s.isPartialSubmit,timestamp:Date.now()});break;case"form:show":s&&i.current.onShow&&i.current.onShow({feedbackConfigurationId:s.feedbackConfigurationId,feedbackIdentifier:s.feedbackIdentifier,timestamp:Date.now()});break;case"form:started":s&&i.current.onShow&&i.current.onShow({feedbackConfigurationId:s.feedbackConfigurationId,feedbackIdentifier:s.feedbackIdentifier,timestamp:Date.now()});break;case"form:section:change":s&&i.current.onSectionChange&&i.current.onSectionChange({feedbackConfigurationId:s.feedbackConfigurationId??I??"",sectionIndex:s.sectionIndex,sectionId:s.sectionId,timestamp:Date.now()});break;case"form:question:answered":s&&i.current.onQuestionAnswered&&i.current.onQuestionAnswered({feedbackConfigurationId:s.feedbackConfigurationId??I??"",questionId:s.questionId,questionType:s.questionType,answer:s.answer,timestamp:Date.now()});break;case"form:error":s&&i.current.onError&&i.current.onError({feedbackConfigurationId:s.feedbackConfigurationId??I??"",questionId:s.questionId,error:s.error??"Unknown error",timestamp:Date.now()});break}};return window.addEventListener("message",N),()=>{window.removeEventListener("message",N),_.current=!1,l.parentNode&&l.parentNode.removeChild(l),y.current=null}},[b,r,h]),te.jsx("div",{ref:k,title:"encatchPreview1",style:b?{width:"100%",height:"100%"}:void 0})};class oe extends EventTarget{subscriptions=new Map;targetOrigin="*";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}getFormIdFromPayload(r){return r?.feedbackConfigurationId}publish(r,n,o){typeof window<"u"&&window.dispatchEvent(new CustomEvent(r,{detail:n,bubbles:!0})),o?.usePostMessage!==!1&&this.sendPostMessage(r,n)}subscribe(r,n,o){const a=Symbol("subscription"),c={eventType:r,handler:n,filter:o?.formId,id:a,once:o?.once};this.subscriptions.has(r)||this.subscriptions.set(r,[]),this.subscriptions.get(r).push(c);const b=h=>{const k=h,y=this.getFormIdFromPayload(k.detail);this.matchesFilter(y,o?.formId)&&(n(k.detail),o?.once&&typeof window<"u"&&window.removeEventListener(r,b))};return typeof window<"u"&&window.addEventListener(r,b),()=>{this.unsubscribe(a),typeof window<"u"&&window.removeEventListener(r,b)}}unsubscribe(r){for(const[n,o]of this.subscriptions.entries()){const a=o.findIndex(c=>c.id===r);if(a!==-1){o.splice(a,1),o.length===0&&this.subscriptions.delete(n);break}}}subscribeAll(r,n){const o=["form:show","form:started","form:submit","form:close","form:section:change","form:question:answered","form:error"],a=[];return o.forEach(c=>{const b=this.subscribe(c,h=>r(c,h),n);a.push(b)}),()=>{a.forEach(c=>c())}}getSubscriptionCount(r){return r?this.subscriptions.get(r)?.length||0:Array.from(this.subscriptions.values()).reduce((n,o)=>n+o.length,0)}clearSubscriptions(r){r?this.subscriptions.delete(r):this.subscriptions.clear()}sendPostMessage(r,n){const o={type:`encatch:${r}`,payload:n,source:"encatch-form-engine"};window.parent&&window.parent!==window&&window.parent.postMessage(o,this.targetOrigin),document.querySelectorAll("iframe").forEach(a=>{a.contentWindow&&a.contentWindow.postMessage(o,this.targetOrigin)}),typeof window.ReactNativeWebView<"u"&&window.ReactNativeWebView.postMessage(JSON.stringify({action:r.replace("form:",""),data:JSON.stringify(n)}))}}const V=new oe;function se(f,r,n){m.useEffect(()=>V.subscribe(f,r,n),[f,n?.formId,r])}function ae(f,r){m.useEffect(()=>V.subscribeAll(f,r),[r?.formId,f])}g.EncatchPreview=ne,g.useEncatchFormEvent=se,g.useEncatchFormEventAll=ae,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,p,w,A,w),Z[w+p]=!0)}if(w=null,u!==void 0&&(n(u),w=""+u),b(t)&&(n(t.key),w=""+t.key),"key"in t){u={};for(var L in t)L!=="key"&&(u[L]=t[L])}else u=t;return w&&h(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,w,g,R,a(),u,W,q)}function T(e){typeof e=="object"&&e!==null&&e.$$typeof===P&&e._store&&(e._store.validated=1)}var i=m,P=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),l=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),D=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),o=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),ie=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),M=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,ue=Array.isArray,Y=console.createTask?console.createTask:function(){return null};i={react_stack_bottom_frame:function(e){return e()}};var B,Q={},X=i.react_stack_bottom_frame.bind(i,c)(),H=Y(s(c)),Z={};O.Fragment=l,O.jsx=function(e,t,u,p,R){var g=1e4>M.recentlyCreatedOwnerStacks++;return _(e,t,u,!1,p,R,g?Error("react-stack-top-frame"):X,g?Y(s(e)):H)},O.jsxs=function(e,t,u,p,R){var g=1e4>M.recentlyCreatedOwnerStacks++;return _(e,t,u,!0,p,R,g?Error("react-stack-top-frame"):X,g?Y(s(e)):H)}})()),O}var U;function re(){return U||(U=1,process.env.NODE_ENV==="production"?x.exports=K():x.exports=ee()),x.exports}var te=re();const ne=({formConfig:f,formPageUrl:r,formId:n,scale:s=100,instanceId:a,onFormEvent:c})=>{const b=!!(f&&r),h=n??f?.formId??a??"preview",y=m.useRef(null),E=m.useRef(null),_=m.useRef(!1),T=m.useRef(()=>{}),i=m.useRef({});m.useEffect(()=>{if(!c)return;c({onSubmit:d=>{i.current.onSubmit=d},onShow:d=>{i.current.onShow=d},onClose:d=>{i.current.onClose=d},onSectionChange:d=>{i.current.onSectionChange=d},onQuestionAnswered:d=>{i.current.onQuestionAnswered=d},onError:d=>{i.current.onError=d}})},[c]);const P=m.useCallback(()=>{if(!E.current?.contentWindow||!f)return;const l={formId:h,scale:s,...f};E.current.contentWindow.postMessage({type:"sdk:formConfig",data:l},"*")},[f,h,s]);T.current=P,m.useEffect(()=>{!b||!_.current||T.current()},[b,f,P]);const F=m.useCallback(l=>{l.style.border="none",l.style.width="100%",l.style.height="100%"},[]);return m.useEffect(()=>{if(!b||!y.current||!f||!r)return;const l=document.createElement("div");l.style.width="100%",l.style.height="100%",l.style.display="flex",l.style.flexDirection="column",l.style.justifyContent="flex-end",l.style.overflow="auto";const d=document.createElement("iframe"),j=new URL(r,window.location.origin);j.searchParams.set("formId",h),d.src=j.toString(),d.title="Encatch form",F(d),E.current=d,l.appendChild(d),y.current.appendChild(l);const N=D=>{const v=D.data;if(!v||typeof v!="object"||!v.type)return;let S=v.type,I=v.formId,o=v.data;switch(S.startsWith("encatch:")&&(S=S.replace("encatch:",""),I=v.payload?.feedbackConfigurationId,o=v.payload),S){case"form:resize":E.current&&o&&typeof o.height=="number"&&(E.current.style.height=`${o.height}px`);break;case"form:ready":_.current=!0,T.current();break;case"form:close":i.current.onClose?.({timestamp:Date.now()});break;case"form:complete":i.current.onClose?.({timestamp:Date.now()});break;case"form:submit":o&&i.current.onSubmit&&i.current.onSubmit({feedbackConfigurationId:o.feedbackConfigurationId,feedbackIdentifier:o.feedbackIdentifier,response:o.response,isPartialSubmit:o.isPartialSubmit,timestamp:Date.now()});break;case"form:show":o&&i.current.onShow&&i.current.onShow({feedbackConfigurationId:o.feedbackConfigurationId,feedbackIdentifier:o.feedbackIdentifier,timestamp:Date.now()});break;case"form:started":o&&i.current.onShow&&i.current.onShow({feedbackConfigurationId:o.feedbackConfigurationId,feedbackIdentifier:o.feedbackIdentifier,timestamp:Date.now()});break;case"form:section:change":o&&i.current.onSectionChange&&i.current.onSectionChange({feedbackConfigurationId:o.feedbackConfigurationId??I??"",sectionIndex:o.sectionIndex,sectionId:o.sectionId,timestamp:Date.now()});break;case"form:question:answered":o&&i.current.onQuestionAnswered&&i.current.onQuestionAnswered({feedbackConfigurationId:o.feedbackConfigurationId??I??"",questionId:o.questionId,questionType:o.questionType,answer:o.answer,timestamp:Date.now()});break;case"form:error":o&&i.current.onError&&i.current.onError({feedbackConfigurationId:o.feedbackConfigurationId??I??"",questionId:o.questionId,error:o.error??"Unknown error",timestamp:Date.now()});break}};return window.addEventListener("message",N),()=>{window.removeEventListener("message",N),_.current=!1,l.parentNode&&l.parentNode.removeChild(l),E.current=null}},[b,r,h]),te.jsx("div",{ref:y,title:"encatchPreview1",style:b?{width:"100%",height:"100%"}:void 0})};class oe extends EventTarget{subscriptions=new Map;targetOrigin="*";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}getFormIdFromPayload(r){return r?.feedbackConfigurationId}publish(r,n,s){typeof window<"u"&&window.dispatchEvent(new CustomEvent(r,{detail:n,bubbles:!0})),s?.usePostMessage!==!1&&this.sendPostMessage(r,n)}subscribe(r,n,s){const a=Symbol("subscription"),c={eventType:r,handler:n,filter:s?.formId,id:a,once:s?.once};this.subscriptions.has(r)||this.subscriptions.set(r,[]),this.subscriptions.get(r).push(c);const b=h=>{const y=h,E=this.getFormIdFromPayload(y.detail);this.matchesFilter(E,s?.formId)&&(n(y.detail),s?.once&&typeof window<"u"&&window.removeEventListener(r,b))};return typeof window<"u"&&window.addEventListener(r,b),()=>{this.unsubscribe(a),typeof window<"u"&&window.removeEventListener(r,b)}}unsubscribe(r){for(const[n,s]of this.subscriptions.entries()){const a=s.findIndex(c=>c.id===r);if(a!==-1){s.splice(a,1),s.length===0&&this.subscriptions.delete(n);break}}}subscribeAll(r,n){const s=["form:show","form:started","form:submit","form:close","form:section:change","form:question:answered","form:error"],a=[];return s.forEach(c=>{const b=this.subscribe(c,h=>r(c,h),n);a.push(b)}),()=>{a.forEach(c=>c())}}getSubscriptionCount(r){return r?this.subscriptions.get(r)?.length||0:Array.from(this.subscriptions.values()).reduce((n,s)=>n+s.length,0)}clearSubscriptions(r){r?this.subscriptions.delete(r):this.subscriptions.clear()}sendPostMessage(r,n){const s={type:`encatch:${r}`,payload:n,source:"encatch-form-engine"};window.parent&&window.parent!==window&&window.parent.postMessage(s,this.targetOrigin),document.querySelectorAll("iframe").forEach(a=>{a.contentWindow&&a.contentWindow.postMessage(s,this.targetOrigin)}),typeof window.ReactNativeWebView<"u"&&window.ReactNativeWebView.postMessage(JSON.stringify({action:r.replace("form:",""),data:JSON.stringify(n)}))}}const V=new oe;function se(f,r,n){m.useEffect(()=>V.subscribe(f,r,n),[f,n?.formId,r])}function ae(f,r){m.useEffect(()=>V.subscribeAll(f,r),[r?.formId,f])}k.EncatchPreview=ne,k.useEncatchFormEvent=se,k.useEncatchFormEventAll=ae,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@encatch/ws-react",
-  "version": "0.0.50-beta.6",
+  "version": "0.0.50-beta.8",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",