@encatch/event-publisher 0.0.2 → 1.0.0-beta.1

package/README.md

@@ -48,7 +48,7 @@ unsubscribe();
 
 ### Types
 
-- `FormEventType`: Event types ('form:view', 'form:submit', 'form:close', etc.)
+- `FormEventType`: Event types ('form:show', 'form:submit', 'form:close', etc.)
 - `FormEventPayload`: Payload types for each event
 - `FormIdFilter`: Filter for specific form IDs
 - `SubscriptionOptions`: Options for subscriptions

package/dist/event-publisher.js

@@ -4,8 +4,8 @@ class d extends EventTarget {
   /**
    * Check if a form ID matches the filter
    */
-  matchesFilter(s, i) {
-    return !i || i === "*" || i === null || i === void 0 ? !0 : typeof i == "string" ? s === i : Array.isArray(i) ? i.includes(s || "") : typeof i == "function" ? i(s || "") : !1;
+  matchesFilter(s, e) {
+    return !e || e === "*" || e === null || e === void 0 ? !0 : typeof e == "string" ? s === e : Array.isArray(e) ? e.includes(s || "") : typeof e == "function" ? e(s || "") : !1;
   }
   /**
    * Get form ID from payload
@@ -16,29 +16,29 @@ class d extends EventTarget {
   /**
    * Publish an event to all matching subscribers
    */
-  publish(s, i, e) {
+  publish(s, e, i) {
     typeof window < "u" && window.dispatchEvent(
       new CustomEvent(s, {
-        detail: i,
+        detail: e,
         bubbles: !0
       })
-    ), e?.usePostMessage !== !1 && this.sendPostMessage(s, i);
+    ), i?.usePostMessage !== !1 && this.sendPostMessage(s, e);
   }
   /**
    * Subscribe to form events with optional form ID filtering
    */
-  subscribe(s, i, e) {
+  subscribe(s, e, i) {
     const n = Symbol("subscription"), t = {
       eventType: s,
-      handler: i,
-      filter: e?.formId,
+      handler: e,
+      filter: i?.formId,
       id: n,
-      once: e?.once
+      once: i?.once
     };
     this.subscriptions.has(s) || this.subscriptions.set(s, []), this.subscriptions.get(s).push(t);
     const r = (o) => {
       const c = o, u = this.getFormIdFromPayload(c.detail);
-      this.matchesFilter(u, e?.formId) && (i(c.detail), e?.once && typeof window < "u" && window.removeEventListener(s, r));
+      this.matchesFilter(u, i?.formId) && (e(c.detail), i?.once && typeof window < "u" && window.removeEventListener(s, r));
     };
     return typeof window < "u" && window.addEventListener(s, r), () => {
       this.unsubscribe(n), typeof window < "u" && window.removeEventListener(s, r);
@@ -48,10 +48,10 @@ class d extends EventTarget {
    * Unsubscribe by subscription ID
    */
   unsubscribe(s) {
-    for (const [i, e] of this.subscriptions.entries()) {
-      const n = e.findIndex((t) => t.id === s);
+    for (const [e, i] of this.subscriptions.entries()) {
+      const n = i.findIndex((t) => t.id === s);
       if (n !== -1) {
-        e.splice(n, 1), e.length === 0 && this.subscriptions.delete(i);
+        i.splice(n, 1), i.length === 0 && this.subscriptions.delete(e);
         break;
       }
     }
@@ -59,20 +59,21 @@ class d extends EventTarget {
   /**
    * Subscribe to all form events with optional filtering
    */
-  subscribeAll(s, i) {
-    const e = [
-      "form:view",
+  subscribeAll(s, e) {
+    const i = [
+      "form:show",
+      "form:started",
       "form:submit",
       "form:close",
       "form:section:change",
       "form:question:answered",
       "form:error"
     ], n = [];
-    return e.forEach((t) => {
+    return i.forEach((t) => {
       const r = this.subscribe(
         t,
         (o) => s(t, o),
-        i
+        e
       );
       n.push(r);
     }), () => {
@@ -83,7 +84,7 @@ class d extends EventTarget {
    * Get active subscriptions count (for debugging)
    */
   getSubscriptionCount(s) {
-    return s ? this.subscriptions.get(s)?.length || 0 : Array.from(this.subscriptions.values()).reduce((i, e) => i + e.length, 0);
+    return s ? this.subscriptions.get(s)?.length || 0 : Array.from(this.subscriptions.values()).reduce((e, i) => e + i.length, 0);
   }
   /**
    * Clear all subscriptions for an event type (or all events)
@@ -91,17 +92,17 @@ class d extends EventTarget {
   clearSubscriptions(s) {
     s ? this.subscriptions.delete(s) : this.subscriptions.clear();
   }
-  sendPostMessage(s, i) {
-    const e = {
+  sendPostMessage(s, e) {
+    const i = {
       type: `encatch:${s}`,
-      payload: i,
+      payload: e,
       source: "encatch-form-engine"
     };
-    window.parent && window.parent !== window && window.parent.postMessage(e, this.targetOrigin), document.querySelectorAll("iframe").forEach((t) => {
-      t.contentWindow && t.contentWindow.postMessage(e, this.targetOrigin);
+    window.parent && window.parent !== window && window.parent.postMessage(i, this.targetOrigin), document.querySelectorAll("iframe").forEach((t) => {
+      t.contentWindow && t.contentWindow.postMessage(i, this.targetOrigin);
     }), typeof window.ReactNativeWebView < "u" && window.ReactNativeWebView.postMessage(JSON.stringify({
       action: s.replace("form:", ""),
-      data: JSON.stringify(i)
+      data: JSON.stringify(e)
     }));
   }
 }

package/dist/event-publisher.umd.cjs

@@ -1 +1 @@
-(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.EventPublisher={}))})(this,(function(o){"use strict";class r extends EventTarget{subscriptions=new Map;targetOrigin="*";matchesFilter(e,s){return!s||s==="*"||s===null||s===void 0?!0:typeof s=="string"?e===s:Array.isArray(s)?s.includes(e||""):typeof s=="function"?s(e||""):!1}getFormIdFromPayload(e){return e?.feedbackConfigurationId}publish(e,s,i){typeof window<"u"&&window.dispatchEvent(new CustomEvent(e,{detail:s,bubbles:!0})),i?.usePostMessage!==!1&&this.sendPostMessage(e,s)}subscribe(e,s,i){const n=Symbol("subscription"),t={eventType:e,handler:s,filter:i?.formId,id:n,once:i?.once};this.subscriptions.has(e)||this.subscriptions.set(e,[]),this.subscriptions.get(e).push(t);const u=c=>{const d=c,a=this.getFormIdFromPayload(d.detail);this.matchesFilter(a,i?.formId)&&(s(d.detail),i?.once&&typeof window<"u"&&window.removeEventListener(e,u))};return typeof window<"u"&&window.addEventListener(e,u),()=>{this.unsubscribe(n),typeof window<"u"&&window.removeEventListener(e,u)}}unsubscribe(e){for(const[s,i]of this.subscriptions.entries()){const n=i.findIndex(t=>t.id===e);if(n!==-1){i.splice(n,1),i.length===0&&this.subscriptions.delete(s);break}}}subscribeAll(e,s){const i=["form:view","form:submit","form:close","form:section:change","form:question:answered","form:error"],n=[];return i.forEach(t=>{const u=this.subscribe(t,c=>e(t,c),s);n.push(u)}),()=>{n.forEach(t=>t())}}getSubscriptionCount(e){return e?this.subscriptions.get(e)?.length||0:Array.from(this.subscriptions.values()).reduce((s,i)=>s+i.length,0)}clearSubscriptions(e){e?this.subscriptions.delete(e):this.subscriptions.clear()}sendPostMessage(e,s){const i={type:`encatch:${e}`,payload:s,source:"encatch-form-engine"};window.parent&&window.parent!==window&&window.parent.postMessage(i,this.targetOrigin),document.querySelectorAll("iframe").forEach(t=>{t.contentWindow&&t.contentWindow.postMessage(i,this.targetOrigin)}),typeof window.ReactNativeWebView<"u"&&window.ReactNativeWebView.postMessage(JSON.stringify({action:e.replace("form:",""),data:JSON.stringify(s)}))}}const f=new r;o.formEventPublisher=f,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.EventPublisher={}))})(this,(function(o){"use strict";class r extends EventTarget{subscriptions=new Map;targetOrigin="*";matchesFilter(e,s){return!s||s==="*"||s===null||s===void 0?!0:typeof s=="string"?e===s:Array.isArray(s)?s.includes(e||""):typeof s=="function"?s(e||""):!1}getFormIdFromPayload(e){return e?.feedbackConfigurationId}publish(e,s,i){typeof window<"u"&&window.dispatchEvent(new CustomEvent(e,{detail:s,bubbles:!0})),i?.usePostMessage!==!1&&this.sendPostMessage(e,s)}subscribe(e,s,i){const n=Symbol("subscription"),t={eventType:e,handler:s,filter:i?.formId,id:n,once:i?.once};this.subscriptions.has(e)||this.subscriptions.set(e,[]),this.subscriptions.get(e).push(t);const u=c=>{const d=c,a=this.getFormIdFromPayload(d.detail);this.matchesFilter(a,i?.formId)&&(s(d.detail),i?.once&&typeof window<"u"&&window.removeEventListener(e,u))};return typeof window<"u"&&window.addEventListener(e,u),()=>{this.unsubscribe(n),typeof window<"u"&&window.removeEventListener(e,u)}}unsubscribe(e){for(const[s,i]of this.subscriptions.entries()){const n=i.findIndex(t=>t.id===e);if(n!==-1){i.splice(n,1),i.length===0&&this.subscriptions.delete(s);break}}}subscribeAll(e,s){const i=["form:show","form:started","form:submit","form:close","form:section:change","form:question:answered","form:error"],n=[];return i.forEach(t=>{const u=this.subscribe(t,c=>e(t,c),s);n.push(u)}),()=>{n.forEach(t=>t())}}getSubscriptionCount(e){return e?this.subscriptions.get(e)?.length||0:Array.from(this.subscriptions.values()).reduce((s,i)=>s+i.length,0)}clearSubscriptions(e){e?this.subscriptions.delete(e):this.subscriptions.clear()}sendPostMessage(e,s){const i={type:`encatch:${e}`,payload:s,source:"encatch-form-engine"};window.parent&&window.parent!==window&&window.parent.postMessage(i,this.targetOrigin),document.querySelectorAll("iframe").forEach(t=>{t.contentWindow&&t.contentWindow.postMessage(i,this.targetOrigin)}),typeof window.ReactNativeWebView<"u"&&window.ReactNativeWebView.postMessage(JSON.stringify({action:e.replace("form:",""),data:JSON.stringify(s)}))}}const f=new r;o.formEventPublisher=f,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.d.ts

@@ -1,5 +1,10 @@
 export declare type FormEventPayload = {
-    'form:view': {
+    'form:show': {
+        feedbackConfigurationId: string;
+        feedbackIdentifier?: string;
+        timestamp: number;
+    };
+    'form:started': {
         feedbackConfigurationId: string;
         feedbackIdentifier?: string;
         timestamp: number;
@@ -8,6 +13,7 @@ export declare type FormEventPayload = {
         feedbackConfigurationId: string;
         feedbackIdentifier?: string;
         response: any;
+        isPartialSubmit?: boolean;
         timestamp: number;
     };
     'form:close': {
@@ -78,7 +84,7 @@ declare class FormEventPublisher extends EventTarget {
 
 export declare const formEventPublisher: FormEventPublisher;
 
-export declare type FormEventType = 'form:view' | 'form:submit' | 'form:close' | 'form:section:change' | 'form:question:answered' | 'form:error';
+export declare type FormEventType = 'form:show' | 'form:started' | 'form:submit' | 'form:close' | 'form:section:change' | 'form:question:answered' | 'form:error';
 
 export declare type FormIdFilter = string | string[] | ((formId: string) => boolean) | '*' | null | undefined;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@encatch/event-publisher",
-  "version": "0.0.2",
+  "version": "1.0.0-beta.1",
   "type": "module",
   "main": "./dist/event-publisher.umd.cjs",
   "module": "./dist/event-publisher.js",