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

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/title-XSxhaBDx.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 "./preact-custom-element.esm-BGQkPkOv.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/email.d.ts

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

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

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

package/dist/types/email.d.ts

@@ -1,4 +1,4 @@
-import { EmailConfig } from '../../../core/src/email';
+import { EmailConfig } from '../../../../core/src/email';
 import { FC } from 'preact/compat';
 
 /**

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

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

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

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

package/dist/types/flow.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'preact/compat';
-import { FinishStatus } from '../../../core/src/flow';
-import { WasmConfig } from '../../../core/src';
+import { FinishStatus } from '../../../../core/src/flow';
+import { WasmConfig } from '../../../../core/src';
 
 export declare const IncodeFlow: FC<IncodeFlowProps>;
 

package/dist/types/index.d.ts

@@ -1,14 +1,9 @@
 import { EmailConfig } from '../../../core/src/email';
-import { FC } from 'preact/compat';
-import { FinishStatus } from '../../../core/src/flow';
-import { i18n } from 'i18next';
+import { FlowCompletedProps } from '../flow/flowCompleted';
+import { IncodeFlowProps } from '../flow/flow';
 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>;
+import { WasmConfig } from '../../core/src';
 
 /**
  * Element type for the `<incode-flow-completed>` web component.
@@ -23,27 +18,6 @@ export declare const FlowCompleted: FC<FlowCompletedProps>;
  */
 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;
-};
-
 declare type I18nOptions = {
     lang?: string;
     translations?: Translations;
@@ -63,8 +37,6 @@ declare type I18nOptions = {
  */
 export declare type IncodeEmailElement = HTMLElement & IncodeModuleProps<EmailConfig>;
 
-export declare const IncodeFlow: FC<IncodeFlowProps>;
-
 /**
  * Element type for the `<incode-flow>` web component.
  *
@@ -79,20 +51,6 @@ export declare const IncodeFlow: FC<IncodeFlowProps>;
  */
 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.
@@ -137,29 +95,8 @@ export declare type IncodePhoneElement = HTMLElement & IncodeModuleProps<PhoneCo
  */
 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 +109,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 +125,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/phone.d.ts

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

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

@@ -0,0 +1 @@
+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 '../../../../core/src/phone';
 
 declare type IncodeModuleProps<TConfig> = {
     /**

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

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

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

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

package/dist/types/selfie.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'preact/compat';
-import { SelfieConfig } from '../../../core/src/selfie';
+import { SelfieConfig } from '../../../../core/src/selfie';
 
 declare type IncodeModuleProps<TConfig> = {
     /**

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.4",
+  "version": "2.0.0-alpha.6",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -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.4"
+    "@incodetech/core": "2.0.0-alpha.6"
   },
   "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"
   }
 }

package/dist/button.css

@@ -1,335 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-.IncodeLoadingIcon {
-  animation: var(--animate-spin, spin 1s linear infinite);
-  display: inline-block;
-  position: relative;
-}
-
-.IncodeLoadingIconPrimary, .IncodeLoadingIconSecondary {
-  inset: var(--spacing-0, var(--spacing-none, 0px));
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: absolute;
-}
-
-.IncodeLoadingIconPrimaryIcon {
-  fill: var(--color-spinner-surface-primary, var(--spinner-surface-primary));
-}
-
-.IncodeLoadingIconSecondaryIcon {
-  fill: var(--color-spinner-surface-secondary, var(--spinner-surface-secondary));
-}
-
-.IncodeCaptureUploadingIconContainer {
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-.IncodeSpacerFlex {
-  flex: 1;
-}
-
-.IncodeSpacerVertical0 {
-  height: var(--spacing-0, var(--spacing-none, 0px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical2 {
-  height: var(--spacing-2, var(--spacing-2, 2px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical4 {
-  height: var(--spacing-4, var(--spacing-4, 4px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical8 {
-  height: var(--spacing-8, var(--spacing-8, 8px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical12 {
-  height: var(--spacing-12, var(--spacing-12, 12px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical16 {
-  height: var(--spacing-16, var(--spacing-16, 16px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical20 {
-  height: var(--spacing-20, var(--spacing-20, 20px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical24 {
-  height: var(--spacing-24, var(--spacing-24, 24px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical32 {
-  height: var(--spacing-32, var(--spacing-32, 32px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical40 {
-  height: var(--spacing-40, var(--spacing-40, 40px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical48 {
-  height: var(--spacing-48, var(--spacing-48, 48px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical64 {
-  height: var(--spacing-64, var(--spacing-64, 64px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical80 {
-  height: var(--spacing-80, var(--spacing-80, 80px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical96 {
-  height: var(--spacing-96, var(--spacing-96, 96px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical104 {
-  height: var(--spacing-104, var(--spacing-104, 104px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical120 {
-  height: var(--spacing-120, var(--spacing-120, 120px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical160 {
-  height: var(--spacing-160, var(--spacing-160, 160px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical200 {
-  height: var(--spacing-200, var(--spacing-200, 200px));
-  width: 100%;
-}
-
-.IncodeSpacerHorizontal0 {
-  height: 100%;
-  width: var(--spacing-0, var(--spacing-none, 0px));
-}
-
-.IncodeSpacerHorizontal2 {
-  height: 100%;
-  width: var(--spacing-2, var(--spacing-2, 2px));
-}
-
-.IncodeSpacerHorizontal4 {
-  height: 100%;
-  width: var(--spacing-4, var(--spacing-4, 4px));
-}
-
-.IncodeSpacerHorizontal8 {
-  height: 100%;
-  width: var(--spacing-8, var(--spacing-8, 8px));
-}
-
-.IncodeSpacerHorizontal12 {
-  height: 100%;
-  width: var(--spacing-12, var(--spacing-12, 12px));
-}
-
-.IncodeSpacerHorizontal16 {
-  height: 100%;
-  width: var(--spacing-16, var(--spacing-16, 16px));
-}
-
-.IncodeSpacerHorizontal20 {
-  height: 100%;
-  width: var(--spacing-20, var(--spacing-20, 20px));
-}
-
-.IncodeSpacerHorizontal24 {
-  height: 100%;
-  width: var(--spacing-24, var(--spacing-24, 24px));
-}
-
-.IncodeSpacerHorizontal32 {
-  height: 100%;
-  width: var(--spacing-32, var(--spacing-32, 32px));
-}
-
-.IncodeSpacerHorizontal40 {
-  height: 100%;
-  width: var(--spacing-40, var(--spacing-40, 40px));
-}
-
-.IncodeSpacerHorizontal48 {
-  height: 100%;
-  width: var(--spacing-48, var(--spacing-48, 48px));
-}
-
-.IncodeSpacerHorizontal64 {
-  height: 100%;
-  width: var(--spacing-64, var(--spacing-64, 64px));
-}
-
-.IncodeSpacerHorizontal80 {
-  height: 100%;
-  width: var(--spacing-80, var(--spacing-80, 80px));
-}
-
-.IncodeSpacerHorizontal96 {
-  height: 100%;
-  width: var(--spacing-96, var(--spacing-96, 96px));
-}
-
-.IncodeSpacerHorizontal104 {
-  height: 100%;
-  width: var(--spacing-104, var(--spacing-104, 104px));
-}
-
-.IncodeSpacerHorizontal120 {
-  height: 100%;
-  width: var(--spacing-120, var(--spacing-120, 120px));
-}
-
-.IncodeSpacerHorizontal160 {
-  height: 100%;
-  width: var(--spacing-160, var(--spacing-160, 160px));
-}
-
-.IncodeSpacerHorizontal200 {
-  height: 100%;
-  width: var(--spacing-200, var(--spacing-200, 200px));
-}
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
-      --tw-duration: initial;
-      --tw-font-weight: initial;
-      --tw-border-style: solid;
-    }
-  }
-}
-
-.IncodeButton {
-  border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
-  text-align: center;
-  width: 100%;
-  max-width: 420px;
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  --tw-duration: .2s;
-  margin-inline: auto;
-  transition-duration: .2s;
-  display: block;
-}
-
-.IncodeButton.IncodeButtonPrimary {
-  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
-  padding-inline: var(--spacing-32, var(--spacing-32, 32px));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  border-style: var(--tw-border-style);
-  border-width: 1.5px;
-  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
-  padding-block: 18px;
-}
-
-.IncodeButton.IncodeButtonPrimary:active {
-  background-color: var(--color-button-primary-surface-pressed, var(--button-primary-surface-pressed));
-}
-
-.IncodeButton.IncodeButtonPrimary:not(.IncodeButtonLoading):disabled {
-  background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
-  color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
-  cursor: not-allowed;
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-button-primary-border-disabled, var(--button-primary-border-disabled));
-}
-
-.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading {
-  min-height: 56px;
-  padding: var(--spacing-0, var(--spacing-none, 0px));
-  pointer-events: none;
-  cursor: not-allowed;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
-  fill: var(--button-primary-text-default);
-}
-
-.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
-  fill: var(--surface-brand-400-static);
-}
-
-.IncodeButton.IncodeButtonLink {
-  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
-  --tw-border-style: none;
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-font-weight: var(--font-weight-normal, 400);
-  font-weight: var(--font-weight-normal, 400);
-  background-color: #0000;
-  border-style: none;
-  width: 100%;
-  height: 56px;
-  text-decoration-line: underline;
-}
-
-.IncodeButton.IncodeButtonLink:disabled {
-  cursor: not-allowed;
-  opacity: .5;
-}
-
-.IncodeButton.IncodeButtonLink.IncodeButtonLoading {
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-.IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
-  fill: var(--button-primary-surface-default);
-}
-
-.IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
-  fill: var(--surface-brand-400-static);
-}
-
-@property --tw-duration {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}