@encatch/ws-react 0.2.1-beta.2 → 0.2.1-beta.3

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import G, { useRef as W, useEffect as I, useCallback as z } from "react";
-var Y = { exports: {} }, j = {};
+import G, { useRef as L, useEffect as T, useCallback as z } from "react";
+var W = { exports: {} }, j = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,20 +13,20 @@ var K;
 function ae() {
   if (K) return j;
   K = 1;
-  var c = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function n(a, s, u) {
+  var u = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(a, s, f) {
     var m = null;
-    if (u !== void 0 && (m = "" + u), s.key !== void 0 && (m = "" + s.key), "key" in s) {
-      u = {};
+    if (f !== void 0 && (m = "" + f), s.key !== void 0 && (m = "" + s.key), "key" in s) {
+      f = {};
       for (var w in s)
-        w !== "key" && (u[w] = s[w]);
-    } else u = s;
-    return s = u.ref, {
-      $$typeof: c,
+        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: u
+      props: f
     };
   }
   return j.Fragment = r, j.jsx = n, j.jsxs = n, j;
@@ -44,15 +44,15 @@ var N = {};
 var ee;
 function se() {
   return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
-    function c(e) {
+    function u(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === O ? null : e.displayName || e.name || null;
+        return e.$$typeof === C ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case A:
           return "Fragment";
-        case L:
+        case Y:
           return "Profiler";
         case P:
           return "StrictMode";
@@ -67,21 +67,21 @@ function se() {
         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 i:
             return "Portal";
           case d:
             return (e.displayName || "Context") + ".Provider";
-          case i:
+          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 D:
-            return t = e.displayName || null, t !== null ? t : c(e.type) || "Memo";
           case M:
+            return t = e.displayName || null, t !== null ? t : u(e.type) || "Memo";
+          case D:
             t = e._payload, e = e._init;
             try {
-              return c(e(t));
+              return u(e(t));
             } catch {
             }
         }
@@ -109,20 +109,20 @@ function se() {
     }
     function a(e) {
       if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === M)
+      if (typeof e == "object" && e !== null && e.$$typeof === D)
         return "<...>";
       try {
-        var t = c(e);
+        var t = u(e);
         return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var e = y.A;
+      var e = v.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function f() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
@@ -144,22 +144,22 @@ function se() {
         configurable: !0
       });
     }
-    function v() {
-      var e = c(this.type);
+    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, R, g, U, J) {
+    function _(e, t, l, b, y, g, U, J) {
       return l = g.ref, e = {
-        $$typeof: T,
+        $$typeof: I,
         type: e,
         key: t,
         props: g,
-        _owner: R
+        _owner: y
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: v
+        get: k
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -182,7 +182,7 @@ function se() {
         value: J
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function h(e, t, l, b, R, g, U, J) {
+    function h(e, t, l, b, y, g, U, J) {
       var p = t.children;
       if (p !== void 0)
         if (b)
@@ -196,11 +196,11 @@ function se() {
             );
         else S(p);
       if (o.call(t, "key")) {
-        p = c(e);
-        var C = Object.keys(t).filter(function(oe) {
+        p = u(e);
+        var O = Object.keys(t).filter(function(oe) {
           return oe !== "key";
         });
-        b = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", Z[p + b] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
+        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} />
@@ -209,7 +209,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           b,
           p,
-          C,
+          O,
           p
         ), Z[p + b] = !0);
       }
@@ -225,7 +225,7 @@ React keys must be passed directly to JSX without using spread:
         e,
         p,
         g,
-        R,
+        y,
         s(),
         l,
         U,
@@ -233,41 +233,41 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function S(e) {
-      typeof e == "object" && e !== null && e.$$typeof === T && e._store && (e._store.validated = 1);
+      typeof e == "object" && e !== null && e.$$typeof === I && e._store && (e._store.validated = 1);
     }
-    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() {
+    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;
     };
-    k = {
+    R = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var B, Q = {}, X = k.react_stack_bottom_frame.bind(
-      k,
-      u
-    )(), H = q(a(u)), Z = {};
-    N.Fragment = A, N.jsx = function(e, t, l, b, R) {
-      var g = 1e4 > y.recentlyCreatedOwnerStacks++;
+    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,
-        R,
+        y,
         g ? Error("react-stack-top-frame") : X,
         g ? q(a(e)) : H
       );
-    }, N.jsxs = function(e, t, l, b, R) {
-      var g = 1e4 > y.recentlyCreatedOwnerStacks++;
+    }, N.jsxs = function(e, t, l, b, y) {
+      var g = 1e4 > v.recentlyCreatedOwnerStacks++;
       return h(
         e,
         t,
         l,
         !0,
         b,
-        R,
+        y,
         g ? Error("react-stack-top-frame") : X,
         g ? q(a(e)) : H
       );
@@ -276,81 +276,84 @@ React keys must be passed directly to JSX without using spread:
 }
 var re;
 function ie() {
-  return re || (re = 1, process.env.NODE_ENV === "production" ? Y.exports = ae() : Y.exports = se()), Y.exports;
+  return re || (re = 1, process.env.NODE_ENV === "production" ? W.exports = ae() : W.exports = se()), W.exports;
 }
 var ce = ie();
-const fe = ({
-  formConfig: c,
+const le = ({
+  formConfig: u,
   formPageUrl: r,
   formId: n,
   scale: a = 100,
   instanceId: s,
-  onFormEvent: u,
+  onFormEvent: f,
   prefillResponses: m
 }) => {
-  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;
+  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 f = W({});
-  I(() => {
-    if (!u) return;
-    u({
+  const i = L({});
+  T(() => {
+    if (!f) return;
+    f({
       onSubmit: (d) => {
-        f.current.onSubmit = d;
+        i.current.onSubmit = d;
       },
       onShow: (d) => {
-        f.current.onShow = d;
+        i.current.onShow = d;
       },
       onClose: (d) => {
-        f.current.onClose = d;
+        i.current.onClose = d;
       },
       onSectionChange: (d) => {
-        f.current.onSectionChange = d;
+        i.current.onSectionChange = d;
       },
       onQuestionAnswered: (d) => {
-        f.current.onQuestionAnswered = d;
+        i.current.onQuestionAnswered = d;
       },
       onError: (d) => {
-        f.current.onError = d;
+        i.current.onError = d;
+      },
+      onRemindMeLater: (d) => {
+        i.current.onRemindMeLater = d;
       }
     });
-  }, [u]);
+  }, [f]);
   const A = z(() => {
-    if (!h.current?.contentWindow || !c) return;
-    const i = { formId: v, scale: a, ...c };
+    if (!h.current?.contentWindow || !u) return;
+    const c = { formId: k, scale: a, ...u };
     h.current.contentWindow.postMessage(
-      { type: "sdk:formConfig", data: i },
+      { type: "sdk:formConfig", data: c },
       "*"
     );
-  }, [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 } },
+  }, [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 } },
       "*"
     );
   }, []);
-  I(() => {
-    !w || !S.current || k.current();
-  }, [w, c, A]), I(() => {
+  T(() => {
+    !w || !S.current || R.current();
+  }, [w, u, A]), T(() => {
     !m || !S.current || P(m);
   }, [m, P]);
-  const L = z((i) => {
-    i.style.border = "none", i.style.width = "100%", i.style.height = "100%";
+  const Y = z((c) => {
+    c.style.border = "none", c.style.width = "100%", c.style.height = "100%";
   }, []);
-  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;
+  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", 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 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) {
+      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;
@@ -358,16 +361,16 @@ const fe = ({
           h.current && o?.active && (h.current.style.height = "100%");
           break;
         case "form:ready":
-          S.current = !0, k.current(), T.current && Object.keys(T.current).length && P(T.current);
+          S.current = !0, R.current(), I.current && Object.keys(I.current).length && P(I.current);
           break;
         case "form:close":
-          f.current.onClose?.({ timestamp: Date.now() });
+          i.current.onClose?.({ timestamp: Date.now() });
           break;
         case "form:complete":
-          f.current.onClose?.({ timestamp: Date.now() });
+          i.current.onClose?.({ timestamp: Date.now() });
           break;
         case "form:submit":
-          o && f.current.onSubmit && f.current.onSubmit({
+          o && i.current.onSubmit && i.current.onSubmit({
             feedbackConfigurationId: o.feedbackConfigurationId,
             feedbackIdentifier: o.feedbackIdentifier,
             response: o.response,
@@ -376,30 +379,30 @@ const fe = ({
           });
           break;
         case "form:show":
-          o && f.current.onShow && f.current.onShow({
+          o && i.current.onShow && i.current.onShow({
             feedbackConfigurationId: o.feedbackConfigurationId,
             feedbackIdentifier: o.feedbackIdentifier,
             timestamp: Date.now()
           });
           break;
         case "form:started":
-          o && f.current.onShow && f.current.onShow({
+          o && i.current.onShow && i.current.onShow({
             feedbackConfigurationId: o.feedbackConfigurationId,
             feedbackIdentifier: o.feedbackIdentifier,
             timestamp: Date.now()
           });
           break;
         case "form:section:change":
-          o && f.current.onSectionChange && f.current.onSectionChange({
-            feedbackConfigurationId: o.feedbackConfigurationId ?? y ?? "",
+          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 && f.current.onQuestionAnswered && f.current.onQuestionAnswered({
-            feedbackConfigurationId: o.feedbackConfigurationId ?? y ?? "",
+          o && i.current.onQuestionAnswered && i.current.onQuestionAnswered({
+            feedbackConfigurationId: o.feedbackConfigurationId ?? v ?? "",
             questionId: o.questionId,
             questionType: o.questionType,
             answer: o.answer,
@@ -407,19 +410,26 @@ const fe = ({
           });
           break;
         case "form:error":
-          o && f.current.onError && f.current.onError({
-            feedbackConfigurationId: o.feedbackConfigurationId ?? y ?? "",
+          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", D), () => {
-      window.removeEventListener("message", D), S.current = !1, i.parentNode && i.parentNode.removeChild(i), h.current = null;
+    return window.addEventListener("message", M), () => {
+      window.removeEventListener("message", M), S.current = !1, c.parentNode && c.parentNode.removeChild(c), h.current = null;
     };
-  }, [w, r, v]), /* @__PURE__ */ ce.jsx(
+  }, [w, r, k]), /* @__PURE__ */ ce.jsx(
     "div",
     {
       ref: _,
@@ -461,17 +471,17 @@ class ue extends EventTarget {
    * Subscribe to form events with optional form ID filtering
    */
   subscribe(r, n, a) {
-    const s = Symbol("subscription"), u = {
+    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(u);
+    this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(f);
     const m = (w) => {
-      const v = w, _ = this.getFormIdFromPayload(v.detail);
-      this.matchesFilter(_, a?.formId) && (n(v.detail), a?.once && typeof window < "u" && window.removeEventListener(r, m));
+      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);
@@ -482,7 +492,7 @@ class ue extends EventTarget {
    */
   unsubscribe(r) {
     for (const [n, a] of this.subscriptions.entries()) {
-      const s = a.findIndex((u) => u.id === r);
+      const s = a.findIndex((f) => f.id === r);
       if (s !== -1) {
         a.splice(s, 1), a.length === 0 && this.subscriptions.delete(n);
         break;
@@ -500,17 +510,18 @@ class ue extends EventTarget {
       "form:close",
       "form:section:change",
       "form:answered",
-      "form:error"
+      "form:error",
+      "form:remindmelater"
     ], s = [];
-    return a.forEach((u) => {
+    return a.forEach((f) => {
       const m = this.subscribe(
-        u,
-        (w) => r(u, w),
+        f,
+        (w) => r(f, w),
         n
       );
       s.push(m);
     }), () => {
-      s.forEach((u) => u());
+      s.forEach((f) => f());
     };
   }
   /**
@@ -540,18 +551,18 @@ class ue extends EventTarget {
   }
 }
 const te = new ue();
-function de(c, r, n) {
-  I(() => te.subscribe(
-    c,
+function de(u, r, n) {
+  T(() => te.subscribe(
+    u,
     r,
     n
-  ), [c, n?.formId, r]);
+  ), [u, n?.formId, r]);
 }
-function me(c, r) {
-  I(() => te.subscribeAll(c, r), [r?.formId, c]);
+function me(u, r) {
+  T(() => te.subscribeAll(u, r), [r?.formId, u]);
 }
 export {
-  fe as EncatchPreview,
+  le as EncatchPreview,
   de as useEncatchFormEvent,
   me as useEncatchFormEventAll
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(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={};/**
+(function(v,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(v=typeof globalThis<"u"?globalThis:v||self,d(v.WsReact={},v.React))})(this,(function(v,d){"use strict";var M={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 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={};/**
+ */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
  *
@@ -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 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:
+ */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 m: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,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"})}));
+  <%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 _=d,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"),m=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=d.useRef(null),E=d.useRef(null),I=d.useRef(!1),_=d.useRef(()=>{}),A=d.useRef(b);d.useEffect(()=>{A.current=b},[b]);const i=d.useRef({});d.useEffect(()=>{if(!f)return;f({onSubmit:m=>{i.current.onSubmit=m},onShow:m=>{i.current.onShow=m},onClose:m=>{i.current.onClose=m},onSectionChange:m=>{i.current.onSectionChange=m},onQuestionAnswered:m=>{i.current.onQuestionAnswered=m},onError:m=>{i.current.onError=m},onRemindMeLater:m=>{i.current.onRemindMeLater=m}})},[f]);const C=d.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=d.useCallback(c=>{!E.current?.contentWindow||!Object.keys(c).length||E.current.contentWindow.postMessage({type:"sdk:prefillResponses",data:{responses:c}},"*")},[]);d.useEffect(()=>{!h||!I.current||_.current()},[h,u,C]),d.useEffect(()=>{!b||!I.current||N(b)},[b,N]);const Y=d.useCallback(c=>{c.style.border="none",c.style.width="100%",c.style.height="100%"},[]);return d.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 m=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())),m.src=F.toString(),m.title="Encatch form",Y(m),E.current=m,c.appendChild(m),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){d.useEffect(()=>Q.subscribe(u,r,n),[u,n?.formId,r])}function ce(u,r){d.useEffect(()=>Q.subscribeAll(u,r),[r?.formId,u])}v.EncatchPreview=se,v.useEncatchFormEvent=ie,v.useEncatchFormEventAll=ce,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})}));

package/dist/types.d.ts

@@ -81,6 +81,10 @@ export type OnQuestionAnsweredCallback = (payload: FormEventPayload['form:answer
  * Callback function for form error events
  */
 export type OnErrorCallback = (payload: FormEventPayload['form:error']) => void;
+/**
+ * Callback function for remind me later events
+ */
+export type OnRemindMeLaterCallback = (payload: FormEventPayload['form:remindmelater']) => void;
 /**
  * Form Event Builder - provides methods to register callbacks for different form events
  *
@@ -138,6 +142,11 @@ export interface FormEventBuilder {
      * @param callback - Function to call when an error occurs
      */
     onError: (callback: OnErrorCallback) => void;
+    /**
+     * Register a callback for when the user clicks Remind Me Later on the welcome screen
+     * @param callback - Function to call when the remind me later button is clicked
+     */
+    onRemindMeLater: (callback: OnRemindMeLaterCallback) => void;
 }
 /**
  * Function type for the onFormEvent prop

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@encatch/ws-react",
-  "version": "0.2.1-beta.2",
+  "version": "0.2.1-beta.3",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@encatch/schema": "1.2.0-beta.2",
-    "@encatch/event-publisher": "1.0.1"
+    "@encatch/event-publisher": "1.0.2-beta.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",