@encatch/ws-react 0.2.1-beta.9 → 0.2.1

package/dist/index.es.js

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

package/dist/index.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@encatch/ws-react",
-  "version": "0.2.1-beta.9",
+  "version": "0.2.1",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -20,24 +20,24 @@
     "react-dom": "^19.1.1"
   },
   "dependencies": {
-    "@encatch/schema": "1.2.0-beta.12",
-    "@encatch/event-publisher": "1.0.2-beta.1"
+    "@encatch/event-publisher": "1.0.2",
+    "@encatch/schema": "1.2.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.36.0",
-    "@types/node": "^24.10.0",
-    "@types/react": "^19.1.16",
-    "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react": "^5.0.4",
-    "eslint": "^9.36.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.22",
-    "globals": "^16.4.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.45.0",
-    "vite": "^7.1.7",
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^25.7.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^10.3.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.6.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.59.3",
+    "vite": "^8.0.12",
     "@encatch/web-form-engine-core": "0.0.0"
   },
   "scripts": {