@incodetech/web 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/types/index.d.ts

@@ -1,100 +1,10 @@
-import { EmailConfig } from '../../../core/src/email';
-import { FlowCompletedProps } from '../flow/flowCompleted';
-import { IncodeFlowProps } from '../flow/flow';
-import { PhoneConfig } from '../../../core/src/phone';
-import { SelfieConfig } from '../../../core/src/selfie';
-import { WasmConfig } from '../../core/src';
-
-/**
- * Element type for the `<incode-flow-completed>` web component.
- *
- * @example
- * ```typescript
- * const completed = document.createElement('incode-flow-completed');
- * completed.action = 'approved';
- * completed.scoreStatus = 'OK';
- * document.body.appendChild(completed);
- * ```
- */
-export declare type FlowCompletedElement = HTMLElement & FlowCompletedProps;
+import { WasmConfig } from '@incodetech/core';
 
 declare type I18nOptions = {
     lang?: string;
     translations?: Translations;
 };
 
-/**
- * Element type for the `<incode-email>` web component.
- *
- * @example
- * ```typescript
- * const email = document.createElement('incode-email');
- * email.config = { otpVerification: true, otpExpirationInMinutes: 5 };
- * email.onFinish = () => console.log('Email verified!');
- * email.onError = (error) => console.error(error);
- * document.body.appendChild(email);
- * ```
- */
-export declare type IncodeEmailElement = HTMLElement & IncodeModuleProps<EmailConfig>;
-
-/**
- * Element type for the `<incode-flow>` web component.
- *
- * @example
- * ```typescript
- * const flow = document.createElement('incode-flow');
- * flow.apiURL = 'https://api.example.com';
- * flow.token = 'session-token';
- * flow.onComplete = (result) => console.log(result);
- * document.body.appendChild(flow);
- * ```
- */
-export declare type IncodeFlowElement = HTMLElement & IncodeFlowProps;
-
-export declare type IncodeModuleProps<TConfig> = {
-    /**
-     * Module configuration required to render the flow.
-     * For Web Components, this is typically assigned via `element.config = ...`.
-     */
-    config?: TConfig;
-    /**
-     * Callback invoked when the module completes successfully.
-     */
-    onFinish?: () => void;
-    /**
-     * Callback invoked when a fatal module error occurs.
-     */
-    onError?: (error: string | undefined) => void;
-};
-
-/**
- * Element type for the `<incode-phone>` web component.
- *
- * @example
- * ```typescript
- * const phone = document.createElement('incode-phone');
- * phone.config = { otpVerification: true, otpExpirationInMinutes: 5 };
- * phone.onFinish = () => console.log('Phone verified!');
- * phone.onError = (error) => console.error(error);
- * document.body.appendChild(phone);
- * ```
- */
-export declare type IncodePhoneElement = HTMLElement & IncodeModuleProps<PhoneConfig>;
-
-/**
- * Element type for the `<incode-selfie>` web component.
- *
- * @example
- * ```typescript
- * const selfie = document.createElement('incode-selfie');
- * selfie.config = { showTutorial: true };
- * selfie.onFinish = () => console.log('Selfie captured!');
- * selfie.onError = (error) => console.error(error);
- * document.body.appendChild(selfie);
- * ```
- */
-export declare type IncodeSelfieElement = HTMLElement & IncodeModuleProps<SelfieConfig>;
-
 declare type LanguageTranslations = Record<string, TranslationValue>;
 
 /**

package/dist/types/phone.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'preact/compat';
-import { PhoneConfig } from '../../../../core/src/phone';
+import { PhoneConfig } from '@incodetech/core/phone';
 
-declare type IncodeModuleProps<TConfig> = {
+declare type IncodeModuleProps<TConfig, TResult = void> = {
     /**
      * Module configuration required to render the flow.
      * For Web Components, this is typically assigned via `element.config = ...`.
@@ -9,8 +9,9 @@ declare type IncodeModuleProps<TConfig> = {
     config?: TConfig;
     /**
      * Callback invoked when the module completes successfully.
+     * @param result - Optional result data from the module completion
      */
-    onFinish?: () => void;
+    onFinish?: (result?: TResult) => void;
     /**
      * Callback invoked when a fatal module error occurs.
      */
@@ -49,3 +50,9 @@ export declare const Phone: FC<PhoneProps>;
 declare type PhoneProps = IncodeModuleProps<PhoneConfig>;
 
 export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-phone': HTMLElement & IncodeModuleProps<PhoneConfig>;
+    }
+}

package/dist/types/selfie.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'preact/compat';
-import { SelfieConfig } from '../../../../core/src/selfie';
+import { SelfieConfig } from '@incodetech/core/selfie';
 
-declare type IncodeModuleProps<TConfig> = {
+declare type IncodeModuleProps<TConfig, TResult = void> = {
     /**
      * Module configuration required to render the flow.
      * For Web Components, this is typically assigned via `element.config = ...`.
@@ -9,8 +9,9 @@ declare type IncodeModuleProps<TConfig> = {
     config?: TConfig;
     /**
      * Callback invoked when the module completes successfully.
+     * @param result - Optional result data from the module completion
      */
-    onFinish?: () => void;
+    onFinish?: (result?: TResult) => void;
     /**
      * Callback invoked when a fatal module error occurs.
      */
@@ -22,3 +23,9 @@ export declare const Selfie: FC<SelfieProps>;
 declare type SelfieProps = IncodeModuleProps<SelfieConfig>;
 
 export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-selfie': HTMLElement & IncodeModuleProps<SelfieConfig>;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.8",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -19,28 +19,28 @@
       "default": "./dist/base.css"
     },
     "./selfie": {
-      "types": "./dist/types/selfie/selfie.d.ts",
+      "types": "./dist/types/selfie.d.ts",
       "import": "./dist/selfie/selfie.es.js"
     },
     "./selfie/styles.css": {
       "default": "./dist/selfie/styles.css"
     },
     "./phone": {
-      "types": "./dist/types/phone/phone.d.ts",
+      "types": "./dist/types/phone.d.ts",
       "import": "./dist/phone/phone.es.js"
     },
     "./phone/styles.css": {
       "default": "./dist/phone/styles.css"
     },
     "./email": {
-      "types": "./dist/types/email/email.d.ts",
+      "types": "./dist/types/email.d.ts",
       "import": "./dist/email/email.es.js"
     },
     "./email/styles.css": {
       "default": "./dist/email/styles.css"
     },
     "./flow": {
-      "types": "./dist/types/flow/flow.d.ts",
+      "types": "./dist/types/flow.d.ts",
       "import": "./dist/flow/flow.es.js"
     },
     "./flow/styles.css": {
@@ -58,7 +58,7 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "2.0.0-alpha.6"
+    "@incodetech/core": "2.0.0-alpha.8"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.2",

package/dist/types/email/email.d.ts

@@ -1,2 +0,0 @@
-export * from '../ui/src/modules/email/email'
-export {}

package/dist/types/email/styles.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/types/flow/flow.d.ts

@@ -1,2 +0,0 @@
-export * from '../ui/src/modules/flow/flow'
-export {}

package/dist/types/flow/styles.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/types/phone/phone.d.ts

@@ -1,2 +0,0 @@
-export * from '../ui/src/modules/phone/phone'
-export {}

package/dist/types/phone/styles.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/types/selfie/selfie.d.ts

@@ -1,2 +0,0 @@
-export * from '../ui/src/modules/selfie/selfie'
-export {}

package/dist/types/selfie/styles.d.ts

@@ -1 +0,0 @@
-export {}