@encatch/ws-react 0.0.15 → 0.0.17

package/dist/ws-react.es.js

@@ -1,5 +1,5 @@
-import C, { useState as $, useEffect as U, useCallback as ne } from "react";
-var k = { exports: {} }, h = {};
+import N, { useState as U, useRef as oe, useEffect as S, useCallback as se } from "react";
+var k = { exports: {} }, y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var k = { exports: {} }, h = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var q;
-function oe() {
-  if (q) return h;
-  q = 1;
-  var t = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function f(d, c, u) {
+var V;
+function ie() {
+  if (V) return y;
+  V = 1;
+  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(u, s, c) {
     var m = null;
-    if (u !== void 0 && (m = "" + u), c.key !== void 0 && (m = "" + c.key), "key" in c) {
-      u = {};
-      for (var R in c)
-        R !== "key" && (u[R] = c[R]);
-    } else u = c;
-    return c = u.ref, {
+    if (c !== void 0 && (m = "" + c), s.key !== void 0 && (m = "" + s.key), "key" in s) {
+      c = {};
+      for (var p in s)
+        p !== "key" && (c[p] = s[p]);
+    } else c = s;
+    return s = c.ref, {
       $$typeof: t,
-      type: d,
+      type: u,
       key: m,
-      ref: c !== void 0 ? c : null,
-      props: u
+      ref: s !== void 0 ? s : null,
+      props: c
     };
   }
-  return h.Fragment = l, h.jsx = f, h.jsxs = f, h;
+  return y.Fragment = r, y.jsx = n, y.jsxs = n, y;
 }
-var g = {};
+var A = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,125 +41,125 @@ var g = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var W;
-function ae() {
-  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
+var J;
+function ue() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ee ? null : e.displayName || e.name || null;
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case P:
+        case f:
           return "Fragment";
-        case G:
+        case Q:
           return "Profiler";
-        case V:
+        case G:
           return "StrictMode";
         case Z:
           return "Suspense";
-        case Q:
+        case K:
           return "SuspenseList";
-        case D:
+        case ee:
           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 z:
+          case i:
             return "Portal";
           case B:
             return (e.displayName || "Context") + ".Provider";
           case X:
             return (e._context.displayName || "Context") + ".Consumer";
           case H:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case K:
-            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
-          case x:
-            r = e._payload, e = e._init;
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case D:
+            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
+          case F:
+            o = e._payload, e = e._init;
             try {
-              return t(e(r));
+              return t(e(o));
             } catch {
             }
         }
       return null;
     }
-    function l(e) {
+    function r(e) {
       return "" + e;
     }
-    function f(e) {
+    function n(e) {
       try {
-        l(e);
-        var r = !1;
+        r(e);
+        var o = !1;
       } catch {
-        r = !0;
+        o = !0;
       }
-      if (r) {
-        r = console;
-        var o = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
-          r,
+      if (o) {
+        o = console;
+        var l = o.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), l(e);
+          d
+        ), r(e);
       }
     }
-    function d(e) {
-      if (e === P) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === x)
+    function u(e) {
+      if (e === f) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === F)
         return "<...>";
       try {
-        var r = t(e);
-        return r ? "<" + r + ">" : "<...>";
+        var o = t(e);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = S.A;
+    function s() {
+      var e = C.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function c() {
       return Error("react-stack-top-frame");
     }
     function m(e) {
-      if (N.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+      if (L.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function o() {
-        I || (I = !0, console.error(
+    function p(e, o) {
+      function l() {
+        M || (M = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
+          o
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
         configurable: !0
       });
     }
-    function p() {
+    function R() {
       var e = t(this.type);
       return Y[e] || (Y[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function v(e, r, o, a, E, i, O, A) {
-      return o = i.ref, e = {
-        $$typeof: j,
+    function P(e, o, l, d, g, h, x, j) {
+      return l = h.ref, e = {
+        $$typeof: T,
         type: e,
-        key: r,
-        props: i,
-        _owner: E
-      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        key: o,
+        props: h,
+        _owner: g
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: p
+        get: R
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,150 +174,354 @@ function ae() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: x
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: j
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function T(e, r, o, a, E, i, O, A) {
-      var s = r.children;
-      if (s !== void 0)
-        if (a)
-          if (re(s)) {
-            for (a = 0; a < s.length; a++)
-              n(s[a]);
-            Object.freeze && Object.freeze(s);
+    function E(e, o, l, d, g, h, x, j) {
+      var b = o.children;
+      if (b !== void 0)
+        if (d)
+          if (ne(b)) {
+            for (d = 0; d < b.length; d++)
+              v(b[d]);
+            Object.freeze && Object.freeze(b);
           } 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 n(s);
-      if (N.call(r, "key")) {
-        s = t(e);
-        var _ = Object.keys(r).filter(function(te) {
+        else v(b);
+      if (L.call(o, "key")) {
+        b = t(e);
+        var _ = Object.keys(o).filter(function(te) {
           return te !== "key";
         });
-        a = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", F[s + a] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", q[b + d] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          a,
-          s,
+          d,
+          b,
           _,
-          s
-        ), F[s + a] = !0);
+          b
+        ), q[b + d] = !0);
       }
-      if (s = null, o !== void 0 && (f(o), s = "" + o), m(r) && (f(r.key), s = "" + r.key), "key" in r) {
-        o = {};
-        for (var y in r)
-          y !== "key" && (o[y] = r[y]);
-      } else o = r;
-      return s && R(
-        o,
+      if (b = null, l !== void 0 && (n(l), b = "" + l), m(o) && (n(o.key), b = "" + o.key), "key" in o) {
+        l = {};
+        for (var I in o)
+          I !== "key" && (l[I] = o[I]);
+      } else l = o;
+      return b && p(
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), v(
+      ), P(
         e,
-        s,
-        i,
-        E,
-        c(),
-        o,
-        O,
-        A
+        b,
+        h,
+        g,
+        s(),
+        l,
+        x,
+        j
       );
     }
-    function n(e) {
-      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
+    function v(e) {
+      typeof e == "object" && e !== null && e.$$typeof === T && e._store && (e._store.validated = 1);
     }
-    var b = C, j = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), Q = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), S = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, re = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var a = N, T = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), Q = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), C = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, ne = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    a = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var I, Y = {}, L = b.react_stack_bottom_frame.bind(
-      b,
-      u
-    )(), M = w(d(u)), F = {};
-    g.Fragment = P, g.jsx = function(e, r, o, a, E) {
-      var i = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return T(
+    var M, Y = {}, $ = a.react_stack_bottom_frame.bind(
+      a,
+      c
+    )(), W = O(u(c)), q = {};
+    A.Fragment = f, A.jsx = function(e, o, l, d, g) {
+      var h = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return E(
         e,
-        r,
         o,
+        l,
         !1,
-        a,
-        E,
-        i ? Error("react-stack-top-frame") : L,
-        i ? w(d(e)) : M
+        d,
+        g,
+        h ? Error("react-stack-top-frame") : $,
+        h ? O(u(e)) : W
       );
-    }, g.jsxs = function(e, r, o, a, E) {
-      var i = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return T(
+    }, A.jsxs = function(e, o, l, d, g) {
+      var h = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return E(
         e,
-        r,
         o,
+        l,
         !0,
-        a,
-        E,
-        i ? Error("react-stack-top-frame") : L,
-        i ? w(d(e)) : M
+        d,
+        g,
+        h ? Error("react-stack-top-frame") : $,
+        h ? O(u(e)) : W
       );
     };
-  })()), g;
+  })()), A;
 }
-var J;
-function se() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? k.exports = oe() : k.exports = ae()), k.exports;
+var z;
+function ce() {
+  return z || (z = 1, process.env.NODE_ENV === "production" ? k.exports = ie() : k.exports = ue()), k.exports;
+}
+var ae = ce();
+class le extends EventTarget {
+  subscriptions = /* @__PURE__ */ new Map();
+  targetOrigin = "*";
+  /**
+   * Check if a form ID matches the filter
+   */
+  matchesFilter(r, n) {
+    return !n || n === "*" || n === null || n === void 0 ? !0 : typeof n == "string" ? r === n : Array.isArray(n) ? n.includes(r || "") : typeof n == "function" ? n(r || "") : !1;
+  }
+  /**
+   * Get form ID from payload
+   */
+  getFormIdFromPayload(r) {
+    return r?.feedbackConfigurationId;
+  }
+  /**
+   * Publish an event to all matching subscribers
+   */
+  publish(r, n, u) {
+    const s = this.getFormIdFromPayload(n);
+    console.log(`[FormEventPublisher] 📢 Publishing "${r}"`, {
+      formId: s,
+      payload: n
+    }), typeof window < "u" && (window.dispatchEvent(
+      new CustomEvent(r, {
+        detail: n,
+        bubbles: !0
+      })
+    ), console.log("[FormEventPublisher] ✅ Event dispatched on window")), u?.usePostMessage !== !1 && this.sendPostMessage(r, n);
+  }
+  /**
+   * Subscribe to form events with optional form ID filtering
+   */
+  subscribe(r, n, u) {
+    const s = Symbol("subscription"), c = {
+      eventType: r,
+      handler: n,
+      filter: u?.formId,
+      id: s,
+      once: u?.once
+    };
+    this.subscriptions.has(r) || this.subscriptions.set(r, []), this.subscriptions.get(r).push(c), console.log(`[FormEventPublisher] Subscribed to "${r}"`, {
+      formId: u?.formId,
+      once: u?.once,
+      totalSubscriptions: this.subscriptions.get(r).length
+    });
+    const m = (p) => {
+      const R = p, P = this.getFormIdFromPayload(R.detail);
+      this.matchesFilter(P, u?.formId) && (n(R.detail), u?.once && typeof window < "u" && window.removeEventListener(r, m));
+    };
+    return typeof window < "u" && window.addEventListener(r, m), () => {
+      console.log(`[FormEventPublisher] Unsubscribed from "${r}"`, {
+        formId: u?.formId,
+        remainingSubscriptions: (this.subscriptions.get(r)?.length || 1) - 1
+      }), this.unsubscribe(s), typeof window < "u" && window.removeEventListener(r, m);
+    };
+  }
+  /**
+   * Unsubscribe by subscription ID
+   */
+  unsubscribe(r) {
+    for (const [n, u] of this.subscriptions.entries()) {
+      const s = u.findIndex((c) => c.id === r);
+      if (s !== -1) {
+        u.splice(s, 1), u.length === 0 && this.subscriptions.delete(n);
+        break;
+      }
+    }
+  }
+  /**
+   * Subscribe to all form events with optional filtering
+   */
+  subscribeAll(r, n) {
+    console.log("[FormEventPublisher] Subscribing to ALL events", {
+      formId: n?.formId,
+      once: n?.once
+    });
+    const u = [
+      "form:view",
+      "form:submit",
+      "form:close",
+      "form:section:change",
+      "form:question:answered",
+      "form:error"
+    ], s = [];
+    return u.forEach((c) => {
+      const m = this.subscribe(
+        c,
+        (p) => r(c, p),
+        n
+      );
+      s.push(m);
+    }), () => {
+      console.log("[FormEventPublisher] Unsubscribing from ALL events", {
+        formId: n?.formId
+      }), s.forEach((c) => c());
+    };
+  }
+  /**
+   * Get active subscriptions count (for debugging)
+   */
+  getSubscriptionCount(r) {
+    return r ? this.subscriptions.get(r)?.length || 0 : Array.from(this.subscriptions.values()).reduce((n, u) => n + u.length, 0);
+  }
+  /**
+   * Clear all subscriptions for an event type (or all events)
+   */
+  clearSubscriptions(r) {
+    r ? this.subscriptions.delete(r) : this.subscriptions.clear();
+  }
+  sendPostMessage(r, n) {
+    const u = {
+      type: `encatch:${r}`,
+      payload: n,
+      source: "encatch-form-engine"
+    };
+    window.parent && window.parent !== window && window.parent.postMessage(u, this.targetOrigin), document.querySelectorAll("iframe").forEach((s) => {
+      s.contentWindow && s.contentWindow.postMessage(u, this.targetOrigin);
+    }), typeof window.ReactNativeWebView < "u" && window.ReactNativeWebView.postMessage(JSON.stringify({
+      action: r.replace("form:", ""),
+      data: JSON.stringify(n)
+    }));
+  }
 }
-var ce = se();
-typeof window < "u" && import("./web-form-engine-core.umd-B1xHitkx.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
+console.log("[FormEventPublisher] Creating singleton instance");
+const w = new le();
+typeof window < "u" && import("./web-form-engine-core.umd-C-N-KDM0.js").then((t) => t.w).then(({ EncatchAppElement: t }) => {
   try {
     customElements.get("encatch-app") || customElements.define("encatch-app", t);
-  } catch (l) {
-    console.debug("Custom element registration:", l);
+  } catch (r) {
+    console.debug("Custom element registration:", r);
   }
 });
-const ie = ({
+const de = ({
   formData: t,
-  cssLink: l,
-  scale: f = 100,
-  persistMode: d = "none"
+  cssLink: r,
+  scale: n = 100,
+  persistMode: u = "none",
+  instanceId: s,
+  onFormEvent: c
 }) => {
-  const [c, u] = $(!1), [m, R] = $(!0), p = C.useRef(null), v = C.useRef(
+  const [m, p] = U(!1), [R, P] = U(!0), E = N.useRef(null), v = N.useRef(
     null
-  );
-  U(() => {
+  ), a = oe({});
+  S(() => {
+    if (!c) return;
+    c({
+      onSubmit: (f) => {
+        a.current.onSubmit = f;
+      },
+      onView: (f) => {
+        a.current.onView = f;
+      },
+      onClose: (f) => {
+        a.current.onClose = f;
+      },
+      onSectionChange: (f) => {
+        a.current.onSectionChange = f;
+      },
+      onQuestionAnswered: (f) => {
+        a.current.onQuestionAnswered = f;
+      },
+      onError: (f) => {
+        a.current.onError = f;
+      }
+    });
+  }, [c]), S(() => {
+    if (!s) return;
+    const i = [];
+    return a.current.onSubmit && i.push(
+      w.subscribe(
+        "form:submit",
+        a.current.onSubmit,
+        { formId: s }
+      )
+    ), a.current.onView && i.push(
+      w.subscribe(
+        "form:view",
+        a.current.onView,
+        { formId: s }
+      )
+    ), a.current.onClose && i.push(
+      w.subscribe(
+        "form:close",
+        a.current.onClose,
+        { formId: s }
+      )
+    ), a.current.onSectionChange && i.push(
+      w.subscribe(
+        "form:section:change",
+        a.current.onSectionChange,
+        { formId: s }
+      )
+    ), a.current.onQuestionAnswered && i.push(
+      w.subscribe(
+        "form:question:answered",
+        a.current.onQuestionAnswered,
+        { formId: s }
+      )
+    ), a.current.onError && i.push(
+      w.subscribe(
+        "form:error",
+        a.current.onError,
+        { formId: s }
+      )
+    ), () => {
+      i.forEach((f) => f());
+    };
+  }, [s]), S(() => {
     (() => {
       try {
         return t ? !0 : (console.warn("[EncatchPreview] formData is not defined"), !1);
-      } catch (b) {
-        return console.error("[EncatchPreview] Error during data validation:", b), !1;
+      } catch (f) {
+        return console.error("[EncatchPreview] Error during data validation:", f), !1;
       }
-    })() ? u(!0) : console.warn(
+    })() ? p(!0) : console.warn(
       "[EncatchPreview] Data validation failed, retrying in 100ms..."
     );
   }, [t]);
-  const T = ne(() => {
-    t.onClose && t.onClose(), R(!1);
+  const T = se(() => {
+    t.onClose && t.onClose(), P(!1);
   }, [t.onClose]);
-  return U(() => {
-    if (!c || !p.current)
+  return S(() => {
+    if (!m || !E.current)
       return;
-    const n = document.createElement("encatch-app");
-    return n.theme = t.theme, n.currentMode = t.currentMode, n.currentLanguage = t.currentLanguage, n.questions = t.questions, n.questionLanguages = t.questionLanguages, n.otherConfigurationProperties = t.otherConfigurationProperties, n.welcomeScreenProperties = t.welcomeScreenProperties, n.endScreenProperties = t.endScreenProperties, n.translations = t.translations, n.sections = t.sections, n.themeSettings = t.themeSettings, n.onClose = T, n.onSectionChange = t.onSectionChange, n.apiKey = t.apiKey, n.hostUrl = t.hostUrl, n.feedbackConfigId = t.feedbackConfigId, n.identifier = t.identifier, n.cssLink = l, n.scale = f, n.persistMode = d, v.current = n, p.current.appendChild(n), () => {
-      p.current && v.current && p.current.removeChild(v.current), v.current = null;
+    const i = document.createElement("encatch-app");
+    return i.theme = t.theme, i.currentMode = t.currentMode, i.currentLanguage = t.currentLanguage, i.questions = t.questions, i.questionLanguages = t.questionLanguages, i.otherConfigurationProperties = t.otherConfigurationProperties, i.welcomeScreenProperties = t.welcomeScreenProperties, i.endScreenProperties = t.endScreenProperties, i.translations = t.translations, i.sections = t.sections, i.themeSettings = t.themeSettings, i.onClose = T, i.onSectionChange = t.onSectionChange, i.apiKey = t.apiKey, i.hostUrl = t.hostUrl, i.feedbackConfigId = t.feedbackConfigId, i.identifier = t.identifier, i.cssLink = r, i.scale = n, i.persistMode = u, s && (i.instanceId = s), v.current = i, E.current.appendChild(i), () => {
+      E.current && v.current && E.current.removeChild(v.current), v.current = null;
     };
-  }, [c, t, l, f, T, d]), m ? /* @__PURE__ */ ce.jsx("div", { ref: p }) : null;
+  }, [m, t, r, n, T, u, s]), R ? /* @__PURE__ */ ae.jsx("div", { ref: E }) : null;
 };
+function be(t, r, n) {
+  S(() => w.subscribe(
+    t,
+    r,
+    n
+  ), [t, n?.formId, r]);
+}
+function me(t, r) {
+  S(() => w.subscribeAll(t, r), [r?.formId, t]);
+}
 export {
-  ie as EncatchPreview
+  de as EncatchPreview,
+  be as useEncatchFormEvent,
+  me as useEncatchFormEventAll
 };