@incodetech/web 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/setup-wNL83jmW.js

@@ -0,0 +1,20 @@
+import { setup as p } from "@incodetech/core";
+import { c, s as m } from "./instance-B-q0ZREN.js";
+import "./vendor-preact-CK0WeTOR.js";
+import { s as f } from "./uiConfig-CQ1W9cUD.js";
+async function y({
+  apiURL: t,
+  token: a,
+  customHeaders: n,
+  timeout: e,
+  wasm: o,
+  i18n: r,
+  uiConfig: s
+}) {
+  s && f(s), await p({ apiURL: t, token: a, customHeaders: n, timeout: e, wasm: o });
+  const i = c(r);
+  m(i);
+}
+export {
+  y as s
+};

package/dist/themes/dark.css

@@ -52,8 +52,8 @@
   --primitive-color-negative-950: #240001;
 
   /* Typography / Family */
-  --primitive-typography-family-rethink-sans: "Rethink Sans";
-  --primitive-typography-family-dm-sans: "DM Sans";
+  --primitive-typography-family-rethink-sans: 'Rethink Sans';
+  --primitive-typography-family-dm-sans: 'DM Sans';
 
   /* Typography / Size */
 
@@ -294,7 +294,7 @@
   --text-status-positive: var(--primitive-color-positive-600);
   --text-status-positive-static: var(--primitive-color-positive-600);
 }
-[data-incode-theme="dark"] {
+[data-incode-theme='dark'] {
   /* Surface / Neutral */
 
   --surface-neutral-0: var(--primitive-color-gray-1000);

package/dist/themes/light.css

@@ -52,8 +52,8 @@
   --primitive-color-negative-950: #240001;
 
   /* Typography / Family */
-  --primitive-typography-family-rethink-sans: "Rethink Sans";
-  --primitive-typography-family-dm-sans: "DM Sans";
+  --primitive-typography-family-rethink-sans: 'Rethink Sans';
+  --primitive-typography-family-dm-sans: 'DM Sans';
 
   /* Typography / Size */
 
@@ -294,7 +294,7 @@
   --text-status-positive: var(--primitive-color-positive-600);
   --text-status-positive-static: var(--primitive-color-positive-600);
 }
-[data-incode-theme="dark"] {
+[data-incode-theme='dark'] {
   /* Surface / Neutral */
 
   --surface-neutral-0: var(--primitive-color-gray-1000);

package/dist/title-BfO5Dlzk.js

@@ -0,0 +1,25 @@
+import { d as o, y as s } from "./vendor-preact-CK0WeTOR.js";
+import { g as l } from "./instance-B-q0ZREN.js";
+import { u as c } from "./incodeModule-Dv8Qllrv.js";
+function h() {
+  const n = l(), [, e] = o(0), [d, r] = o(n.isInitialized);
+  return s(() => {
+    const t = () => {
+      e((a) => a + 1);
+    }, i = () => {
+      r(!0), e((a) => a + 1);
+    };
+    return n.on("languageChanged", t), n.on("initialized", i), n.on("loaded", t), () => {
+      n.off("languageChanged", t), n.off("initialized", i), n.off("loaded", t);
+    };
+  }, [n]), {
+    t: n.t.bind(n),
+    ready: d,
+    i18n: n
+  };
+}
+const m = ({ children: n, className: e }) => /* @__PURE__ */ c("h2", { class: `IncodeTitle ${e ?? ""}`, children: n });
+export {
+  m as T,
+  h as u
+};

package/dist/types/email.d.ts

@@ -1,4 +1,4 @@
-import { EmailConfig } from '../../../core/src/email';
+import { EmailConfig } from '@incodetech/core/email';
 import { FC } from 'preact/compat';
 
 /**
@@ -48,3 +48,9 @@ declare type IncodeModuleProps<TConfig> = {
 };
 
 export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-email': HTMLElement & IncodeModuleProps<EmailConfig>;
+    }
+}

package/dist/types/flow.d.ts

@@ -1,23 +1,40 @@
 import { FC } from 'preact/compat';
-import { FinishStatus } from '../../../core/src/flow';
-import { WasmConfig } from '../../../core/src';
+import { FinishStatus } from '@incodetech/core/flow';
+import { WasmConfig } from '@incodetech/core';
 
-export declare const IncodeFlow: FC<IncodeFlowProps>;
-
-export declare type IncodeFlowProps = {
+export declare type FlowConfig = {
     apiURL: string;
     token: string;
     wasmConfig?: WasmConfig;
     lang?: string;
     disableDashboardTheme?: boolean;
     onComplete: (result: FinishStatus) => void;
-    onError?: (error: string) => void;
     onModuleLoading?: (moduleKey: string) => void;
     onModuleLoaded?: (moduleKey: string) => void;
     onWasmWarmup?: (pipelines: string[]) => void;
     spinnerConfig?: SpinnerConfig;
 };
 
+export declare const IncodeFlow: FC<IncodeFlowProps>;
+
+declare type IncodeFlowProps = IncodeModuleProps<FlowConfig>;
+
+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;
+};
+
 declare type PreloadConfig = {
     apiURL: string;
     token: string;
@@ -44,3 +61,9 @@ export declare type SpinnerConfig = {
 declare type SpinnerSize = 'small' | 'medium' | 'large';
 
 export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-flow': HTMLElement & IncodeModuleProps<FlowConfig>;
+    }
+}

package/dist/types/index.d.ts

@@ -1,165 +1,12 @@
-import { EmailConfig } from '../../../core/src/email';
-import { FC } from 'preact/compat';
-import { FinishStatus } from '../../../core/src/flow';
-import { i18n } from 'i18next';
-import { PhoneConfig } from '../../../core/src/phone';
-import { SelfieConfig } from '../../../core/src/selfie';
-import { TFunction } from 'i18next';
-import { WasmConfig } from '../../../core/src';
-import { WasmConfig as WasmConfig_2 } from '../../core/src';
-
-export declare const FlowCompleted: FC<FlowCompletedProps>;
-
-/**
- * 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;
-
-export declare type FlowCompletedProps = {
-    title?: string;
-    message?: string;
-    redirectionUrl?: string;
-    action?: 'approved' | 'rejected' | 'none';
-    scoreStatus?: 'OK' | 'WARN' | 'MANUAL_OK' | 'FAIL' | 'UNKNOWN' | 'MANUAL_FAIL';
-    redirectDelay?: number;
-    disableRedirect?: boolean;
-    redirectOriginOnly?: boolean;
-    flowId?: string;
-    interviewId?: string;
-};
-
-export declare const FlowStart: FC<FlowStartProps>;
-
-declare type FlowStartProps = {
-    logoUrl?: string;
-    subtitle?: string;
-    onStart: () => void;
-};
+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>;
-
-export declare const IncodeFlow: FC<IncodeFlowProps>;
-
-/**
- * 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 IncodeFlowProps = {
-    apiURL: string;
-    token: string;
-    wasmConfig?: WasmConfig;
-    lang?: string;
-    disableDashboardTheme?: boolean;
-    onComplete: (result: FinishStatus) => void;
-    onError?: (error: string) => void;
-    onModuleLoading?: (moduleKey: string) => void;
-    onModuleLoaded?: (moduleKey: string) => void;
-    onWasmWarmup?: (pipelines: string[]) => void;
-    spinnerConfig?: SpinnerConfig;
-};
-
-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 InferState<T> = T extends {
-    getState: () => infer S;
-} ? S : never;
-
 declare type LanguageTranslations = Record<string, TranslationValue>;
 
-declare type PreloadConfig = {
-    apiURL: string;
-    token: string;
-    lang?: string;
-    disableDashboardTheme?: boolean;
-    wasmConfig?: WasmConfig;
-};
-
-export declare type PreloadHandle = {
-    get isReady(): boolean;
-    get error(): string | null;
-    waitUntilReady(): Promise<void>;
-    cancel(): void;
-};
-
-export declare function preloadIncodeFlow(config: PreloadConfig): PreloadHandle;
-
 /**
  * Sets global UI configuration defaults for `@incodetech/ui`.
  */
@@ -172,19 +19,11 @@ declare type SetupOptions = {
     token: string;
     customHeaders?: Record<string, string>;
     timeout?: number;
-    wasm?: WasmConfig_2;
+    wasm?: WasmConfig;
     i18n?: I18nOptions;
     uiConfig?: UiConfig;
 };
 
-export declare type SpinnerConfig = {
-    title?: string;
-    subtitle?: string;
-    size?: SpinnerSize;
-};
-
-declare type SpinnerSize = 'small' | 'medium' | 'large';
-
 declare type Translations = Partial<Record<string, LanguageTranslations>>;
 
 declare type TranslationValue = string | Record<string, unknown>;
@@ -196,28 +35,4 @@ export declare type UiConfig = {
     hideFooterBranding?: boolean;
 };
 
-/**
- * Hook for subscribing to manager state updates
- * @param factory - Factory function that creates the manager instance
- * @param options - Configuration options
- * @returns Tuple of [state, manager]
- */
-export declare function useManager<TManager extends {
-    getState: () => TState;
-    subscribe: (listener: (state: TState) => void) => () => void;
-    load?: () => void;
-}, TState = InferState<TManager>>(factory: () => TManager, options?: UseManagerOptions): [TState, TManager];
-
-declare type UseManagerOptions = {
-    autoLoad?: boolean;
-};
-
-export declare function useTranslation(): UseTranslationReturn;
-
-declare type UseTranslationReturn = {
-    t: TFunction;
-    ready: boolean;
-    i18n: i18n;
-};
-
 export { }

package/dist/types/phone.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'preact/compat';
-import { PhoneConfig } from '../../../core/src/phone';
+import { PhoneConfig } from '@incodetech/core/phone';
 
 declare type IncodeModuleProps<TConfig> = {
     /**
@@ -49,3 +49,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,5 +1,5 @@
 import { FC } from 'preact/compat';
-import { SelfieConfig } from '../../../core/src/selfie';
+import { SelfieConfig } from '@incodetech/core/selfie';
 
 declare type IncodeModuleProps<TConfig> = {
     /**
@@ -22,3 +22,9 @@ export declare const Selfie: FC<SelfieProps>;
 declare type SelfieProps = IncodeModuleProps<SelfieConfig>;
 
 export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-selfie': HTMLElement & IncodeModuleProps<SelfieConfig>;
+    }
+}

package/dist/types/styles.d.ts

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

package/dist/uiConfig-CQ1W9cUD.js

@@ -0,0 +1,23 @@
+import { C as i } from "./vendor-preact-CK0WeTOR.js";
+let e = {};
+const t = /* @__PURE__ */ new Set();
+function r(n) {
+  return t.add(n), () => {
+    t.delete(n);
+  };
+}
+function s() {
+  return e;
+}
+function f(n) {
+  e = n;
+  for (const o of t)
+    o();
+}
+function c() {
+  return i(r, s);
+}
+export {
+  f as s,
+  c as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.7",
   "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,10 +58,9 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "2.0.0-alpha.5"
+    "@incodetech/core": "2.0.0-alpha.7"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.7",
     "@preact/preset-vite": "^2.10.2",
     "@tailwindcss/postcss": "^4.1.17",
     "@testing-library/preact": "^3.2.4",
@@ -84,8 +83,10 @@
     "build": "vite build",
     "test": "vitest run",
     "coverage": "vitest run --coverage",
-    "lint": "biome lint .",
-    "format": "biome format . --write",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   }
 }