@encatch/ws-react 0.1.0-beta.31 → 0.2.0-beta.0

package/dist/EncatchPreview.d.ts

@@ -30,6 +30,11 @@ interface EncatchPreviewProps {
      * ```
      */
     onFormEvent?: OnFormEventHandler;
+    /**
+     * Pre-filled question answers. Keys are questionIds, values are the answers.
+     * Sent to the iframe via sdk:prefillResponses whenever the value changes or the iframe becomes ready.
+     */
+    prefillResponses?: Record<string, unknown>;
 }
 export declare const EncatchPreview: React.FC<EncatchPreviewProps>;
 export {};

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import J, { useRef as U, useEffect as P, useCallback as H } from "react";
-var N = { exports: {} }, C = {};
+import G, { useRef as W, useEffect as I, useCallback as z } from "react";
+var Y = { exports: {} }, j = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,10 +9,10 @@ var N = { exports: {} }, C = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
+var K;
 function ae() {
-  if (Z) return C;
-  Z = 1;
+  if (K) return j;
+  K = 1;
   var c = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function n(a, s, u) {
     var m = null;
@@ -29,9 +29,9 @@ function ae() {
       props: u
     };
   }
-  return C.Fragment = r, C.jsx = n, C.jsxs = n, C;
+  return j.Fragment = r, j.jsx = n, j.jsxs = n, j;
 }
-var O = {};
+var N = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,44 +41,44 @@ var O = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var K;
+var ee;
 function se() {
-  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
     function c(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === te ? null : e.displayName || e.name || null;
+        return e.$$typeof === O ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case l:
+        case A:
           return "Fragment";
-        case x:
+        case L:
           return "Profiler";
-        case d:
+        case P:
           return "StrictMode";
-        case M:
+        case $:
           return "Suspense";
-        case E:
+        case x:
           return "SuspenseList";
-        case o:
+        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 F:
+          case f:
             return "Portal";
-          case A:
+          case d:
             return (e.displayName || "Context") + ".Provider";
-          case D:
+          case i:
             return (e._context.displayName || "Context") + ".Consumer";
-          case j:
+          case F:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case S:
+          case D:
             return t = e.displayName || null, t !== null ? t : c(e.type) || "Memo";
-          case R:
+          case M:
             t = e._payload, e = e._init;
             try {
               return c(e(t));
@@ -99,8 +99,8 @@ function se() {
       }
       if (t) {
         t = console;
-        var f = t.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return f.call(
+        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
@@ -108,8 +108,8 @@ function se() {
       }
     }
     function a(e) {
-      if (e === l) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === R)
+      if (e === A) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === M)
         return "<...>";
       try {
         var t = c(e);
@@ -119,45 +119,45 @@ function se() {
       }
     }
     function s() {
-      var e = Y.A;
+      var e = y.A;
       return e === null ? null : e.getOwner();
     }
     function u() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
-      if (V.call(e, "key")) {
+      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 f() {
-        z || (z = !0, console.error(
+      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
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
         configurable: !0
       });
     }
     function v() {
       var e = c(this.type);
-      return G[e] || (G[e] = !0, console.error(
+      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 h(e, t, f, b, k, g, W, $) {
-      return f = g.ref, e = {
-        $$typeof: I,
+    function _(e, t, l, b, R, g, U, J) {
+      return l = g.ref, e = {
+        $$typeof: T,
         type: e,
         key: t,
         props: g,
-        _owner: k
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: R
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: v
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -174,33 +174,33 @@ function se() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: U
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: J
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function y(e, t, f, b, k, g, W, $) {
+    function h(e, t, l, b, R, g, U, J) {
       var p = t.children;
       if (p !== void 0)
         if (b)
           if (ne(p)) {
             for (b = 0; b < p.length; b++)
-              _(p[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 _(p);
-      if (V.call(t, "key")) {
+        else S(p);
+      if (o.call(t, "key")) {
         p = c(e);
-        var T = Object.keys(t).filter(function(oe) {
+        var C = Object.keys(t).filter(function(oe) {
           return oe !== "key";
         });
-        b = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", X[p + b] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", Z[p + b] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,74 +209,74 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           b,
           p,
-          T,
+          C,
           p
-        ), X[p + b] = !0);
+        ), Z[p + b] = !0);
       }
-      if (p = null, f !== void 0 && (n(f), p = "" + f), m(t) && (n(t.key), p = "" + t.key), "key" in t) {
-        f = {};
-        for (var q in t)
-          q !== "key" && (f[q] = t[q]);
-      } else f = t;
+      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(
-        f,
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(
+      ), _(
         e,
         p,
         g,
-        k,
+        R,
         s(),
-        f,
-        W,
-        $
+        l,
+        U,
+        J
       );
     }
-    function _(e) {
-      typeof e == "object" && e !== null && e.$$typeof === I && e._store && (e._store.validated = 1);
+    function S(e) {
+      typeof e == "object" && e !== null && e.$$typeof === T && e._store && (e._store.validated = 1);
     }
-    var i = J, I = 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"), D = Symbol.for("react.consumer"), A = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), o = Symbol.for("react.activity"), te = Symbol.for("react.client.reference"), Y = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, ne = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var k = G, T = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), i = 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"), D = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), y = k.__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;
     };
-    i = {
+    k = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var z, G = {}, B = i.react_stack_bottom_frame.bind(
-      i,
+    var B, Q = {}, X = k.react_stack_bottom_frame.bind(
+      k,
       u
-    )(), Q = L(a(u)), X = {};
-    O.Fragment = l, O.jsx = function(e, t, f, b, k) {
-      var g = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return y(
+    )(), H = q(a(u)), Z = {};
+    N.Fragment = A, N.jsx = function(e, t, l, b, R) {
+      var g = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return h(
         e,
         t,
-        f,
+        l,
         !1,
         b,
-        k,
-        g ? Error("react-stack-top-frame") : B,
-        g ? L(a(e)) : Q
+        R,
+        g ? Error("react-stack-top-frame") : X,
+        g ? q(a(e)) : H
       );
-    }, O.jsxs = function(e, t, f, b, k) {
-      var g = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return y(
+    }, N.jsxs = function(e, t, l, b, R) {
+      var g = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return h(
         e,
         t,
-        f,
+        l,
         !0,
         b,
-        k,
-        g ? Error("react-stack-top-frame") : B,
-        g ? L(a(e)) : Q
+        R,
+        g ? Error("react-stack-top-frame") : X,
+        g ? q(a(e)) : H
       );
     };
-  })()), O;
+  })()), N;
 }
-var ee;
+var re;
 function ie() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? N.exports = ae() : N.exports = se()), N.exports;
+  return re || (re = 1, process.env.NODE_ENV === "production" ? Y.exports = ae() : Y.exports = se()), Y.exports;
 }
 var ce = ie();
 const fe = ({
@@ -285,58 +285,72 @@ const fe = ({
   formId: n,
   scale: a = 100,
   instanceId: s,
-  onFormEvent: u
+  onFormEvent: u,
+  prefillResponses: m
 }) => {
-  const m = !!(c && r), w = n ?? c?.formId ?? s ?? "preview", v = J.useRef(null), h = J.useRef(null), y = U(!1), _ = U(() => {
-  }), i = U({});
-  P(() => {
+  const w = !!(c && r), v = n ?? c?.formId ?? s ?? "preview", _ = G.useRef(null), h = G.useRef(null), S = W(!1), k = W(() => {
+  }), T = W(m);
+  I(() => {
+    T.current = m;
+  }, [m]);
+  const f = W({});
+  I(() => {
     if (!u) return;
     u({
       onSubmit: (d) => {
-        i.current.onSubmit = d;
+        f.current.onSubmit = d;
       },
       onShow: (d) => {
-        i.current.onShow = d;
+        f.current.onShow = d;
       },
       onClose: (d) => {
-        i.current.onClose = d;
+        f.current.onClose = d;
       },
       onSectionChange: (d) => {
-        i.current.onSectionChange = d;
+        f.current.onSectionChange = d;
       },
       onQuestionAnswered: (d) => {
-        i.current.onQuestionAnswered = d;
+        f.current.onQuestionAnswered = d;
       },
       onError: (d) => {
-        i.current.onError = d;
+        f.current.onError = d;
       }
     });
   }, [u]);
-  const I = H(() => {
+  const A = z(() => {
     if (!h.current?.contentWindow || !c) return;
-    const l = { formId: w, scale: a, ...c };
+    const i = { formId: v, scale: a, ...c };
     h.current.contentWindow.postMessage(
-      { type: "sdk:formConfig", data: l },
+      { type: "sdk:formConfig", data: i },
       "*"
     );
-  }, [c, w, a]);
-  _.current = I, P(() => {
-    !m || !y.current || _.current();
-  }, [m, c, I]);
-  const F = H((l) => {
-    l.style.border = "none", l.style.width = "100%", l.style.height = "100%";
+  }, [c, v, a]);
+  k.current = A;
+  const P = z((i) => {
+    !h.current?.contentWindow || !Object.keys(i).length || h.current.contentWindow.postMessage(
+      { type: "sdk:prefillResponses", data: { responses: i } },
+      "*"
+    );
+  }, []);
+  I(() => {
+    !w || !S.current || k.current();
+  }, [w, c, A]), I(() => {
+    !m || !S.current || P(m);
+  }, [m, P]);
+  const L = z((i) => {
+    i.style.border = "none", i.style.width = "100%", i.style.height = "100%";
   }, []);
-  return P(() => {
-    if (!m || !v.current || !c || !r) return;
-    const l = document.createElement("div");
-    l.className = "encatch-preview-inner", 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"), x = new URL(r, window.location.origin), D = c?.isFullScreen ? "shareable" : "in-app", A = new URL(`${x.pathname}/${D}`, x.origin);
-    A.searchParams.set("formId", w), A.searchParams.set("_t", String(Date.now())), d.src = A.toString(), d.title = "Encatch form", F(d), h.current = d, l.appendChild(d), v.current.appendChild(l);
-    const j = (M) => {
+  return I(() => {
+    if (!w || !_.current || !c || !r) return;
+    const i = document.createElement("div");
+    i.className = "encatch-preview-inner", i.style.width = "100%", i.style.height = "100%", i.style.display = "flex", i.style.flexDirection = "column", i.style.justifyContent = "flex-end", i.style.overflow = "auto";
+    const d = document.createElement("iframe"), F = new URL(r, window.location.origin), $ = c?.isFullScreen ? "shareable" : "in-app", x = new URL(`${F.pathname}/${$}`, F.origin);
+    x.searchParams.set("formId", v), x.searchParams.set("_t", String(Date.now())), d.src = x.toString(), d.title = "Encatch form", L(d), h.current = d, i.appendChild(d), _.current.appendChild(i);
+    const D = (M) => {
       const E = M.data;
       if (!E || typeof E != "object" || !E.type) return;
-      let S = E.type, R = E.formId, o = E.data;
-      switch (S.startsWith("encatch:") && (S = S.replace("encatch:", ""), R = E.payload?.feedbackConfigurationId, o = E.payload), S) {
+      let O = E.type, y = E.formId, o = E.data;
+      switch (O.startsWith("encatch:") && (O = O.replace("encatch:", ""), y = E.payload?.feedbackConfigurationId, o = E.payload), O) {
         case "form:resize":
           h.current && o && typeof o.height == "number" && (h.current.style.height = `${o.height}px`);
           break;
@@ -344,16 +358,16 @@ const fe = ({
           h.current && o?.active && (h.current.style.height = "100%");
           break;
         case "form:ready":
-          y.current = !0, _.current();
+          S.current = !0, k.current(), T.current && Object.keys(T.current).length && P(T.current);
           break;
         case "form:close":
-          i.current.onClose?.({ timestamp: Date.now() });
+          f.current.onClose?.({ timestamp: Date.now() });
           break;
         case "form:complete":
-          i.current.onClose?.({ timestamp: Date.now() });
+          f.current.onClose?.({ timestamp: Date.now() });
           break;
         case "form:submit":
-          o && i.current.onSubmit && i.current.onSubmit({
+          o && f.current.onSubmit && f.current.onSubmit({
             feedbackConfigurationId: o.feedbackConfigurationId,
             feedbackIdentifier: o.feedbackIdentifier,
             response: o.response,
@@ -362,30 +376,30 @@ const fe = ({
           });
           break;
         case "form:show":
-          o && i.current.onShow && i.current.onShow({
+          o && f.current.onShow && f.current.onShow({
             feedbackConfigurationId: o.feedbackConfigurationId,
             feedbackIdentifier: o.feedbackIdentifier,
             timestamp: Date.now()
           });
           break;
         case "form:started":
-          o && i.current.onShow && i.current.onShow({
+          o && f.current.onShow && f.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 ?? "",
+          o && f.current.onSectionChange && f.current.onSectionChange({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? y ?? "",
             sectionIndex: o.sectionIndex,
             sectionId: o.sectionId,
             timestamp: Date.now()
           });
           break;
         case "form:answered":
-          o && i.current.onQuestionAnswered && i.current.onQuestionAnswered({
-            feedbackConfigurationId: o.feedbackConfigurationId ?? R ?? "",
+          o && f.current.onQuestionAnswered && f.current.onQuestionAnswered({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? y ?? "",
             questionId: o.questionId,
             questionType: o.questionType,
             answer: o.answer,
@@ -393,8 +407,8 @@ const fe = ({
           });
           break;
         case "form:error":
-          o && i.current.onError && i.current.onError({
-            feedbackConfigurationId: o.feedbackConfigurationId ?? R ?? "",
+          o && f.current.onError && f.current.onError({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? y ?? "",
             questionId: o.questionId,
             error: o.error ?? "Unknown error",
             timestamp: Date.now()
@@ -402,15 +416,15 @@ const fe = ({
           break;
       }
     };
-    return window.addEventListener("message", j), () => {
-      window.removeEventListener("message", j), y.current = !1, l.parentNode && l.parentNode.removeChild(l), h.current = null;
+    return window.addEventListener("message", D), () => {
+      window.removeEventListener("message", D), S.current = !1, i.parentNode && i.parentNode.removeChild(i), h.current = null;
     };
-  }, [m, r, w]), /* @__PURE__ */ ce.jsx(
+  }, [w, r, v]), /* @__PURE__ */ ce.jsx(
     "div",
     {
-      ref: v,
+      ref: _,
       title: "encatchPreview1",
-      style: m ? {
+      style: w ? {
         width: "100%",
         height: "100%"
       } : void 0
@@ -456,8 +470,8 @@ class ue extends EventTarget {
     };
     this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(u);
     const m = (w) => {
-      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));
+      const v = w, _ = this.getFormIdFromPayload(v.detail);
+      this.matchesFilter(_, 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);
@@ -525,16 +539,16 @@ class ue extends EventTarget {
     }));
   }
 }
-const re = new ue();
+const te = new ue();
 function de(c, r, n) {
-  P(() => re.subscribe(
+  I(() => te.subscribe(
     c,
     r,
     n
   ), [c, n?.formId, r]);
 }
 function me(c, r) {
-  P(() => re.subscribeAll(c, r), [r?.formId, c]);
+  I(() => te.subscribeAll(c, r), [r?.formId, c]);
 }
 export {
   fe as EncatchPreview,

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(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 j={exports:{}},C={};/**
+(function(k,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(k=typeof globalThis<"u"?globalThis:k||self,d(k.WsReact={},k.React))})(this,(function(k,d){"use strict";var D={exports:{}},x={};/**
  * @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 J;function ee(){if(J)return C;J=1;var c=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(s,a,u){var b=null;if(u!==void 0&&(b=""+u),a.key!==void 0&&(b=""+a.key),"key"in a){u={};for(var h in a)h!=="key"&&(u[h]=a[h])}else u=a;return a=u.ref,{$$typeof:c,type:s,key:b,ref:a!==void 0?a:null,props:u}}return C.Fragment=r,C.jsx=n,C.jsxs=n,C}var O={};/**
+ */var z;function re(){if(z)return x;z=1;var c=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(s,a,u){var b=null;if(u!==void 0&&(b=""+u),a.key!==void 0&&(b=""+a.key),"key"in a){u={};for(var h in a)h!=="key"&&(u[h]=a[h])}else u=a;return a=u.ref,{$$typeof:c,type:s,key:b,ref:a!==void 0?a:null,props:u}}return x.Fragment=r,x.jsx=n,x.jsxs=n,x}var j={};/**
  * @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 V;function re(){return V||(V=1,process.env.NODE_ENV!=="production"&&(function(){function c(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 f:return"Fragment";case N:return"Profiler";case d:return"StrictMode";case Y:return"Suspense";case v:return"SuspenseList";case o: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 D:return"Portal";case x:return(e.displayName||"Context")+".Provider";case M: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 I:return t=e.displayName||null,t!==null?t:c(e.type)||"Memo";case _:t=e._payload,e=e._init;try{return c(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===f)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===_)return"<...>";try{var t=c(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=W.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function b(e){if(B.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(){Q||(Q=!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=c(this.type);return X[e]||(X[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,l,p,R,g,$,q){return l=g.ref,e={$$typeof:P,type:e,key:t,props:g,_owner:R},(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:$}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function S(e,t,l,p,R,g,$,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(B.call(t,"key")){w=c(e);var A=Object.keys(t).filter(function(fe){return fe!=="key"});p=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",K[w+p]||(A=0<A.length?"{"+A.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var G;function te(){return G||(G=1,process.env.NODE_ENV!=="production"&&(function(){function c(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 L: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 l:return"Portal";case m:return(e.displayName||"Context")+".Provider";case i:return(e._context.displayName||"Context")+".Consumer";case M:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case W:return t=e.displayName||null,t!==null?t:c(e.type)||"Memo";case Y:t=e._payload,e=e._init;try{return c(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 f=t.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return f.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===Y)return"<...>";try{var t=c(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=R.A;return e===null?null:e.getOwner()}function u(){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 f(){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))}f.isReactWarning=!0,Object.defineProperty(e,"key",{get:f,configurable:!0})}function y(){var e=c(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,f,p,S,v,U,J){return f=v.ref,e={$$typeof:A,type:e,key:t,props:v,_owner:S},(f!==void 0?f: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,f,p,S,v,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=c(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,A,w),K[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 U in t)U!=="key"&&(l[U]=t[U])}else l=t;return w&&h(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,w,g,R,a(),l,$,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"),D=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),x=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),o=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),W=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,B=Object.prototype.hasOwnProperty,ue=Array.isArray,L=console.createTask?console.createTask:function(){return null};i={react_stack_bottom_frame:function(e){return e()}};var Q,X={},H=i.react_stack_bottom_frame.bind(i,u)(),Z=L(s(u)),K={};O.Fragment=f,O.jsx=function(e,t,l,p,R){var g=1e4>W.recentlyCreatedOwnerStacks++;return S(e,t,l,!1,p,R,g?Error("react-stack-top-frame"):H,g?L(s(e)):Z)},O.jsxs=function(e,t,l,p,R){var g=1e4>W.recentlyCreatedOwnerStacks++;return S(e,t,l,!0,p,R,g?Error("react-stack-top-frame"):H,g?L(s(e)):Z)}})()),O}var z;function te(){return z||(z=1,process.env.NODE_ENV==="production"?j.exports=ee():j.exports=re()),j.exports}var ne=te();const oe=({formConfig:c,formPageUrl:r,formId:n,scale:s=100,instanceId:a,onFormEvent:u})=>{const b=!!(c&&r),h=n??c?.formId??a??"preview",y=m.useRef(null),E=m.useRef(null),S=m.useRef(!1),T=m.useRef(()=>{}),i=m.useRef({});m.useEffect(()=>{if(!u)return;u({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}})},[u]);const P=m.useCallback(()=>{if(!E.current?.contentWindow||!c)return;const f={formId:h,scale:s,...c};E.current.contentWindow.postMessage({type:"sdk:formConfig",data:f},"*")},[c,h,s]);T.current=P,m.useEffect(()=>{!b||!S.current||T.current()},[b,c,P]);const D=m.useCallback(f=>{f.style.border="none",f.style.width="100%",f.style.height="100%"},[]);return m.useEffect(()=>{if(!b||!y.current||!c||!r)return;const f=document.createElement("div");f.className="encatch-preview-inner",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"),N=new URL(r,window.location.origin),M=c?.isFullScreen?"shareable":"in-app",x=new URL(`${N.pathname}/${M}`,N.origin);x.searchParams.set("formId",h),x.searchParams.set("_t",String(Date.now())),d.src=x.toString(),d.title="Encatch form",D(d),E.current=d,f.appendChild(d),y.current.appendChild(f);const F=Y=>{const v=Y.data;if(!v||typeof v!="object"||!v.type)return;let I=v.type,_=v.formId,o=v.data;switch(I.startsWith("encatch:")&&(I=I.replace("encatch:",""),_=v.payload?.feedbackConfigurationId,o=v.payload),I){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":S.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??_??"",sectionIndex:o.sectionIndex,sectionId:o.sectionId,timestamp:Date.now()});break;case"form:answered":o&&i.current.onQuestionAnswered&&i.current.onQuestionAnswered({feedbackConfigurationId:o.feedbackConfigurationId??_??"",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??_??"",questionId:o.questionId,error:o.error??"Unknown error",timestamp:Date.now()});break}};return window.addEventListener("message",F),()=>{window.removeEventListener("message",F),S.current=!1,f.parentNode&&f.parentNode.removeChild(f),E.current=null}},[b,r,h]),ne.jsx("div",{ref:y,title:"encatchPreview1",style:b?{width:"100%",height:"100%"}:void 0})};class se 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"),u={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(u);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(u=>u.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"],a=[];return s.forEach(u=>{const b=this.subscribe(u,h=>r(u,h),n);a.push(b)}),()=>{a.forEach(u=>u())}}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 G=new se;function ae(c,r,n){m.useEffect(()=>G.subscribe(c,r,n),[c,n?.formId,r])}function ie(c,r){m.useEffect(()=>G.subscribeAll(c,r),[r?.formId,c])}k.EncatchPreview=oe,k.useEncatchFormEvent=ae,k.useEncatchFormEventAll=ie,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,p,w,P,w),ee[w+p]=!0)}if(w=null,f!==void 0&&(n(f),w=""+f),b(t)&&(n(t.key),w=""+t.key),"key"in t){f={};for(var V in t)V!=="key"&&(f[V]=t[V])}else f=t;return w&&h(f,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,w,v,S,a(),f,U,J)}function I(e){typeof e=="object"&&e!==null&&e.$$typeof===A&&e._store&&(e._store.validated=1)}var _=d,A=Symbol.for("react.transitional.element"),l=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),i=Symbol.for("react.consumer"),m=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),F=Symbol.for("react.suspense_list"),W=Symbol.for("react.memo"),Y=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(_,u)(),K=q(s(u)),ee={};j.Fragment=C,j.jsx=function(e,t,f,p,S){var v=1e4>R.recentlyCreatedOwnerStacks++;return E(e,t,f,!1,p,S,v?Error("react-stack-top-frame"):Z,v?q(s(e)):K)},j.jsxs=function(e,t,f,p,S){var v=1e4>R.recentlyCreatedOwnerStacks++;return E(e,t,f,!0,p,S,v?Error("react-stack-top-frame"):Z,v?q(s(e)):K)}})()),j}var B;function ne(){return B||(B=1,process.env.NODE_ENV==="production"?D.exports=re():D.exports=te()),D.exports}var oe=ne();const se=({formConfig:c,formPageUrl:r,formId:n,scale:s=100,instanceId:a,onFormEvent:u,prefillResponses:b})=>{const h=!!(c&&r),y=n??c?.formId??a??"preview",T=d.useRef(null),E=d.useRef(null),I=d.useRef(!1),_=d.useRef(()=>{}),A=d.useRef(b);d.useEffect(()=>{A.current=b},[b]);const l=d.useRef({});d.useEffect(()=>{if(!u)return;u({onSubmit:m=>{l.current.onSubmit=m},onShow:m=>{l.current.onShow=m},onClose:m=>{l.current.onClose=m},onSectionChange:m=>{l.current.onSectionChange=m},onQuestionAnswered:m=>{l.current.onQuestionAnswered=m},onError:m=>{l.current.onError=m}})},[u]);const C=d.useCallback(()=>{if(!E.current?.contentWindow||!c)return;const i={formId:y,scale:s,...c};E.current.contentWindow.postMessage({type:"sdk:formConfig",data:i},"*")},[c,y,s]);_.current=C;const N=d.useCallback(i=>{!E.current?.contentWindow||!Object.keys(i).length||E.current.contentWindow.postMessage({type:"sdk:prefillResponses",data:{responses:i}},"*")},[]);d.useEffect(()=>{!h||!I.current||_.current()},[h,c,C]),d.useEffect(()=>{!b||!I.current||N(b)},[b,N]);const L=d.useCallback(i=>{i.style.border="none",i.style.width="100%",i.style.height="100%"},[]);return d.useEffect(()=>{if(!h||!T.current||!c||!r)return;const i=document.createElement("div");i.className="encatch-preview-inner",i.style.width="100%",i.style.height="100%",i.style.display="flex",i.style.flexDirection="column",i.style.justifyContent="flex-end",i.style.overflow="auto";const m=document.createElement("iframe"),M=new URL(r,window.location.origin),$=c?.isFullScreen?"shareable":"in-app",F=new URL(`${M.pathname}/${$}`,M.origin);F.searchParams.set("formId",y),F.searchParams.set("_t",String(Date.now())),m.src=F.toString(),m.title="Encatch form",L(m),E.current=m,i.appendChild(m),T.current.appendChild(i);const W=Y=>{const g=Y.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":l.current.onClose?.({timestamp:Date.now()});break;case"form:complete":l.current.onClose?.({timestamp:Date.now()});break;case"form:submit":o&&l.current.onSubmit&&l.current.onSubmit({feedbackConfigurationId:o.feedbackConfigurationId,feedbackIdentifier:o.feedbackIdentifier,response:o.response,isPartialSubmit:o.isPartialSubmit,timestamp:Date.now()});break;case"form:show":o&&l.current.onShow&&l.current.onShow({feedbackConfigurationId:o.feedbackConfigurationId,feedbackIdentifier:o.feedbackIdentifier,timestamp:Date.now()});break;case"form:started":o&&l.current.onShow&&l.current.onShow({feedbackConfigurationId:o.feedbackConfigurationId,feedbackIdentifier:o.feedbackIdentifier,timestamp:Date.now()});break;case"form:section:change":o&&l.current.onSectionChange&&l.current.onSectionChange({feedbackConfigurationId:o.feedbackConfigurationId??R??"",sectionIndex:o.sectionIndex,sectionId:o.sectionId,timestamp:Date.now()});break;case"form:answered":o&&l.current.onQuestionAnswered&&l.current.onQuestionAnswered({feedbackConfigurationId:o.feedbackConfigurationId??R??"",questionId:o.questionId,questionType:o.questionType,answer:o.answer,timestamp:Date.now()});break;case"form:error":o&&l.current.onError&&l.current.onError({feedbackConfigurationId:o.feedbackConfigurationId??R??"",questionId:o.questionId,error:o.error??"Unknown error",timestamp:Date.now()});break}};return window.addEventListener("message",W),()=>{window.removeEventListener("message",W),I.current=!1,i.parentNode&&i.parentNode.removeChild(i),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"),u={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(u);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(u=>u.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"],a=[];return s.forEach(u=>{const b=this.subscribe(u,h=>r(u,h),n);a.push(b)}),()=>{a.forEach(u=>u())}}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(c,r,n){d.useEffect(()=>Q.subscribe(c,r,n),[c,n?.formId,r])}function ce(c,r){d.useEffect(()=>Q.subscribeAll(c,r),[r?.formId,c])}k.EncatchPreview=se,k.useEncatchFormEvent=ie,k.useEncatchFormEventAll=ce,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));

package/dist/types.d.ts

@@ -152,4 +152,6 @@ export interface EncatchPreviewIframeModeProps {
     formConfig: EncatchFormConfig;
     formPageUrl: string;
     formId?: string;
+    /** Pre-filled question answers sent to the iframe via sdk:prefillResponses. */
+    prefillResponses?: Record<string, unknown>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@encatch/ws-react",
-  "version": "0.1.0-beta.31",
+  "version": "0.2.0-beta.0",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -20,8 +20,8 @@
     "react-dom": "^19.1.1"
   },
   "dependencies": {
-    "@encatch/event-publisher": "1.0.0-beta.5",
-    "@encatch/schema": "1.1.0-beta.15"
+    "@encatch/schema": "1.1.0",
+    "@encatch/event-publisher": "1.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",