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

package/README.md

@@ -59,7 +59,9 @@ function App() {
         scale={100}
         formId="unique-form-id"
         onFormEvent={(formEvent) => {
-          formEvent.onSubmit((data) => console.log('Submitted', data));
+          formEvent.onSubmit((_data) => {
+            // e.g. send submission to your backend or analytics
+          });
         }}
       />
     </div>
@@ -88,33 +90,33 @@ import { EncatchPreview } from '@encatch/ws-react';
 function App() {
   const handleFormEvents = (formEvent) => {
     // Called when form is submitted
-    formEvent.onSubmit((data) => {
-      console.log('Form submitted:', data);
+    formEvent.onSubmit((_data) => {
+      // e.g. send submission to your backend or analytics
     });
 
     // Called when form is shown/displayed
-    formEvent.onShow((data) => {
-      console.log('Form shown:', data);
+    formEvent.onShow((_data) => {
+      // e.g. track impression
     });
 
     // Called when form is closed
-    formEvent.onClose((data) => {
-      console.log('Form closed:', data);
+    formEvent.onClose((_data) => {
+      // e.g. clear modal state
     });
 
     // Called when user navigates between sections
     formEvent.onSectionChange((data) => {
-      console.log('Section changed to:', data.sectionIndex);
+      // e.g. sync UI to data.sectionIndex
     });
 
     // Called when a question is answered
     formEvent.onQuestionAnswered((data) => {
-      console.log('Question answered:', data.questionId, data.answer);
+      // e.g. partial-save or analytics
     });
 
     // Called when an error occurs
     formEvent.onError((data) => {
-      console.log('Form error:', data.error);
+      // e.g. report data.error to your monitoring
     });
   };
 
@@ -140,18 +142,18 @@ import { useEncatchFormEvent } from '@encatch/ws-react';
 
 function MyComponent() {
   // Subscribe to all form submit events
-  useEncatchFormEvent('form:submit', (payload) => {
-    console.log('Form submitted:', payload);
+  useEncatchFormEvent('form:submit', (_payload) => {
+    // e.g. send payload to your backend or analytics
   });
 
   // Subscribe to events from a specific form instance
-  useEncatchFormEvent('form:submit', (payload) => {
-    console.log('Specific form submitted:', payload);
+  useEncatchFormEvent('form:submit', (_payload) => {
+    // e.g. handle submit for this formId only
   }, { formId: 'my-form-instance-1' });
 
   // Subscribe once (unsubscribe after first event)
-  useEncatchFormEvent('form:show', (payload) => {
-    console.log('Form shown:', payload);
+  useEncatchFormEvent('form:show', (_payload) => {
+    // e.g. first-show side effects
   }, { formId: 'my-form-instance-1', once: true });
 
   return <div>Your component</div>;
@@ -176,13 +178,13 @@ import { useEncatchFormEventAll } from '@encatch/ws-react';
 
 function MyComponent() {
   // Subscribe to all events from all forms
-  useEncatchFormEventAll((eventType, payload) => {
-    console.log(`Event ${eventType}:`, payload);
+  useEncatchFormEventAll((_eventType, _payload) => {
+    // e.g. route by eventType and payload
   });
 
   // Subscribe to all events from a specific form instance
-  useEncatchFormEventAll((eventType, payload) => {
-    console.log(`Event ${eventType} from form:`, payload);
+  useEncatchFormEventAll((_eventType, _payload) => {
+    // e.g. instance-scoped handling
   }, { formId: 'my-form-instance-1' });
 
   return <div>Your component</div>;
@@ -237,12 +239,12 @@ import { EncatchPreview, useEncatchFormEvent } from '@encatch/ws-react';
 
 function MultiFormApp() {
   // Listen to specific form events
-  useEncatchFormEvent('form:submit', (payload) => {
-    console.log('Survey submitted:', payload);
+  useEncatchFormEvent('form:submit', (_payload) => {
+    // e.g. survey-specific handling
   }, { formId: 'survey-form' });
 
-  useEncatchFormEvent('form:submit', (payload) => {
-    console.log('Feedback submitted:', payload);
+  useEncatchFormEvent('form:submit', (_payload) => {
+    // e.g. feedback-specific handling
   }, { formId: 'feedback-form' });
 
   return (

package/dist/EncatchPreview.d.ts

@@ -18,11 +18,11 @@ interface EncatchPreviewProps {
      * ```tsx
      * const handleFormEvents = (formEvent) => {
      *   formEvent.onSubmit((data) => {
-     *     console.log('Form submitted:', data);
+     *     // e.g. send submission to your backend or analytics
      *   });
      *
      *   formEvent.onQuestionAnswered((data) => {
-     *     console.log('Question answered:', data.questionId, data.answer);
+     *     // e.g. track partial responses
      *   });
      * };
      *

package/dist/types.d.ts

@@ -39,7 +39,7 @@ export interface EncatchFormConfig {
         featureSettings?: {
             closeButton?: boolean;
             shareableMode?: string;
-            /** URL to custom stylesheet (must end with .css). Overrides common.css classes. */
+            /** Custom CSS to apply — either a URL ending in .css (loaded via <link>) or raw CSS text (injected via <style>). */
             customCss?: string;
         };
     };
@@ -88,15 +88,15 @@ export type OnErrorCallback = (payload: FormEventPayload['form:error']) => void;
  * ```tsx
  * const handleFormEvents = (formEvent) => {
  *   formEvent.onSubmit((data) => {
- *     console.log('Form submitted:', data);
+ *     // e.g. send submission to your backend or analytics
  *   });
  *
  *   formEvent.onQuestionAnswered((data) => {
- *     console.log('Question answered:', data.questionId, data.answer);
+ *     // e.g. track partial responses
  *   });
  *
  *   formEvent.onSectionChange((data) => {
- *     console.log('Section changed to:', data.sectionIndex);
+ *     // e.g. sync UI to data.sectionIndex
  *   });
  * };
  *

package/dist/useEncatchFormEvent.d.ts

@@ -6,17 +6,17 @@ import { type FormEventType, type FormEventPayload, type SubscriptionOptions } f
  * ```tsx
  * // Subscribe to all form submit events
  * useEncatchFormEvent('form:submit', (payload) => {
- *   console.log('Form submitted:', payload);
+ *   // e.g. send payload to your backend or analytics
  * });
  *
  * // Subscribe to events from a specific form instance
  * useEncatchFormEvent('form:submit', (payload) => {
- *   console.log('Specific form submitted:', payload);
+ *   // e.g. handle submit for this formId only
  * }, { formId: 'my-form-instance-1' });
  *
  * // Subscribe once
  * useEncatchFormEvent('form:show', (payload) => {
- *   console.log('Form shown:', payload);
+ *   // e.g. first-show side effects
  * }, { formId: 'my-form-instance-1', once: true });
  * ```
  *
@@ -33,12 +33,12 @@ export declare function useEncatchFormEvent<T extends FormEventType>(eventType:
  * ```tsx
  * // Subscribe to all events from all forms
  * useEncatchFormEventAll((eventType, payload) => {
- *   console.log(`Event ${eventType}:`, payload);
+ *   // e.g. route by eventType and payload
  * });
  *
  * // Subscribe to all events from a specific form instance
  * useEncatchFormEventAll((eventType, payload) => {
- *   console.log(`Event ${eventType} from form:`, payload);
+ *   // e.g. instance-scoped logging or state updates
  * }, { formId: 'my-form-instance-1' });
  * ```
  *

package/package.json

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