@incodetech/web 0.0.0-dev-20260317-6ffceac → 0.0.0-dev-20260317-737b25e

package/dist/ekycModule-CFcYtlo_.js

@@ -0,0 +1,282 @@
+import { u as r, I as O, b as q, a as Y, B as L } from "./button-Ca1tRSTI.js";
+import { computeEkycDisplayErrors as G, createEkycManager as j } from "@incodetech/core/ekyc";
+import { y as $, A as F, d as z, q as v, T as J } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
+import "@incodetech/core";
+import { u as Q, A as U } from "./addressAutocomplete-DetZGxBZ.js";
+import { V as k, t as W, F as X } from "./formField-FeX9N4c8.js";
+import { D as Z } from "./dateInputComposed-CvFmQpJ0.js";
+import { D as f } from "./dropdownComposed-B5ZuQS8C.js";
+import { P as ee } from "./page-BVHG3h0V.js";
+import { r as re } from "./incodeModule-aE-LkKwM.js";
+import { P as te } from "./phoneInputComposed-CwtJKvGh.js";
+const oe = ({ config: p, onFinish: n }) => {
+  const { t: l } = q(), [a, m] = Y(() => j({ config: p }));
+  return $(() => {
+    (a.status === "finished" || a.status === "closed") && n?.();
+  }, [a.status, n]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ r(
+    k,
+    {
+      status: "submitting",
+      submittingTitle: l("common.loading")
+    }
+  ) : a.status === "submitting" ? /* @__PURE__ */ r(k, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ r(k, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ r(
+    k,
+    {
+      status: "failure",
+      onRetry: () => m.retry(),
+      onSkip: () => m.skip()
+    }
+  ) : a.status === "misconfigured" ? /* @__PURE__ */ r(
+    k,
+    {
+      status: "failure",
+      failureTitle: l("verification.noFormFields"),
+      onSkip: () => m.close(),
+      skipLabel: l("common.close")
+    }
+  ) : a.status === "form" ? /* @__PURE__ */ r(se, { state: a, manager: m }) : null;
+}, ae = [
+  "street",
+  "city",
+  "state",
+  "postalCode",
+  "houseNo"
+], se = ({ state: p, manager: n }) => {
+  const {
+    fields: l,
+    values: a,
+    errors: m,
+    isValid: T,
+    addressSuggestions: V,
+    prefilled: w,
+    hideEmail: K,
+    fieldsCountry: C,
+    submitError: g,
+    submitAttempted: P
+  } = p, { t: s } = q(), N = F(null), A = F(null), R = F(void 0), M = Q(N, l.length), [D, x] = z({}), h = v((e) => {
+    x((t) => t[e] ? t : { ...t, [e]: !0 });
+  }, []), { displayErrors: S, errorParams: I } = J(
+    () => G(
+      m,
+      D,
+      P,
+      C,
+      l
+    ),
+    [m, D, P, C, l]
+  ), y = v(
+    (e) => h(e),
+    [h]
+  ), b = v(
+    (e, t) => {
+      h(e), n.setField(e, t);
+    },
+    [n, h]
+  ), _ = v(
+    (e) => {
+      for (const t of ae) h(t);
+      n.selectAddress(e);
+    },
+    [n, h]
+  );
+  $(() => {
+    const e = S.postalCode, t = R.current;
+    if (R.current = e, !e || t === e)
+      return;
+    const i = requestAnimationFrame(() => {
+      const c = A.current;
+      if (!c) return;
+      (c.querySelector("#postalCode-error") ?? c).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(i);
+  }, [S.postalCode]);
+  const E = (e, t) => W(s, t, I[e]);
+  let B;
+  return /* @__PURE__ */ r(ee, { className: `IncodeEkycPage${M ? " IncodeEkycPageScrollable" : ""}`, title: s("verification.title"), children: [
+    /* @__PURE__ */ r("div", { ref: N, className: "IncodeEkycForm", children: l.map((e) => {
+      if (e.name === "email" && K) return null;
+      let t = null;
+      e.section && e.section !== B && (B = e.section, t = /* @__PURE__ */ r("h3", { className: "IncodeEkycSectionHeader", children: s({
+        address: "verification.labels.addressDetailsSection",
+        driverLicense: "verification.labels.dlDetailsSection"
+      }[e.section] ?? e.section) }));
+      const i = e.readonly || w[e.name], c = a[e.name] ?? "", u = S[e.name];
+      if (e.name === "street" && e.section === "address")
+        return /* @__PURE__ */ r("div", { children: [
+          t,
+          /* @__PURE__ */ r(
+            U,
+            {
+              label: e.label,
+              value: c,
+              error: u,
+              errorParams: I[e.name],
+              suggestions: V,
+              readonly: i,
+              optional: !e.required,
+              onChange: (o) => b("street", o),
+              onSearch: (o) => n.searchAddress(o),
+              onSelect: _,
+              onBlur: () => y("street")
+            }
+          )
+        ] }, e.name);
+      if (e.type === "dropdown") {
+        const o = s(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          t,
+          /* @__PURE__ */ r(
+            f,
+            {
+              id: `ekyc-${e.name}`,
+              label: o,
+              placeholder: e.placeholder ? s(e.placeholder) : void 0,
+              value: c,
+              options: (e.options ?? []).map((d) => ({
+                ...d,
+                label: s(d.label)
+              })),
+              error: E(e.name, u),
+              disabled: i,
+              searchable: !0,
+              onChange: (d) => b(e.name, d),
+              onBlur: () => y(e.name),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "date") {
+        const o = s(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          t,
+          /* @__PURE__ */ r(
+            Z,
+            {
+              id: `ekyc-${e.name}`,
+              label: o,
+              value: c,
+              error: E(e.name, u),
+              disabled: i,
+              onInput: (d) => {
+                const H = d.target;
+                b(e.name, H.value);
+              },
+              onBlur: () => y(e.name),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "phone") {
+        const o = s(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          t,
+          /* @__PURE__ */ r(
+            te,
+            {
+              id: `ekyc-${e.name}`,
+              label: o,
+              countryCode: C,
+              value: c,
+              placeholder: e.placeholder,
+              error: E(e.name, u),
+              disabled: i,
+              disableCountrySelector: e.disableCountrySelector,
+              required: e.required,
+              onChange: (d) => b(e.name, d),
+              onBlur: () => y(e.name),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      return e.type === "radio" ? /* @__PURE__ */ r("div", { children: [
+        t,
+        /* @__PURE__ */ r("div", { className: "IncodeEkycRadioGroup", children: [
+          /* @__PURE__ */ r("label", { className: "IncodeEkycRadioLabel", children: s(e.label) }),
+          /* @__PURE__ */ r("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((o) => /* @__PURE__ */ r(
+            "label",
+            {
+              className: "IncodeEkycRadioOption",
+              children: [
+                /* @__PURE__ */ r(
+                  "input",
+                  {
+                    type: "radio",
+                    name: e.name,
+                    checked: c === o.value,
+                    value: o.value,
+                    onChange: () => b(e.name, o.value),
+                    onBlur: () => y(e.name),
+                    disabled: i
+                  }
+                ),
+                /* @__PURE__ */ r("span", { children: s(o.label) })
+              ]
+            },
+            o.value
+          )) }),
+          u && /* @__PURE__ */ r("span", { className: "IncodeEkycFieldError", children: E(e.name, u) })
+        ] })
+      ] }, e.name) : /* @__PURE__ */ r(
+        "div",
+        {
+          ref: e.name === "postalCode" ? A : void 0,
+          children: [
+            t,
+            /* @__PURE__ */ r(
+              X,
+              {
+                name: e.name,
+                label: e.label,
+                value: c,
+                error: u,
+                errorParams: I[e.name],
+                type: e.type,
+                placeholder: e.placeholder,
+                placeholderParams: e.placeholderParams,
+                required: e.required,
+                optional: e.optional,
+                readonly: i,
+                maxLength: e.maxLength,
+                onChange: b,
+                onBlur: y
+              }
+            )
+          ]
+        },
+        e.name
+      );
+    }) }),
+    /* @__PURE__ */ r("div", { className: "IncodeEkycFooter", children: [
+      g && /* @__PURE__ */ r("p", { className: "IncodeEkycSubmitError", children: s(g) }),
+      /* @__PURE__ */ r(
+        L,
+        {
+          onClick: () => n.submit(),
+          disabled: !T,
+          "data-testid": "ekyc-submit",
+          children: s("common.continue")
+        }
+      ),
+      g === "verification.errors.countryNotSupported" && /* @__PURE__ */ r(
+        L,
+        {
+          variant: "link",
+          onClick: () => n.skip(),
+          "data-testid": "ekyc-skip",
+          children: s("verification.labels.skip")
+        }
+      )
+    ] })
+  ] });
+}, ne = ({ config: p, onFinish: n }) => /* @__PURE__ */ r(O, { children: p ? /* @__PURE__ */ r(oe, { config: p, onFinish: n }) : null });
+re(ne, "incode-ekyc");
+export {
+  ne as EkycModule
+};

package/dist/extensibility.es.js

@@ -6,7 +6,7 @@ import { C as ie, F as le, M as de } from "./fileIcon-DOyMcRWU.js";
 import { S as ue, T as he, a as Ce, b as xe, c as me, d as Ie } from "./spinner-Cx3FPUCD.js";
 import { P as be } from "./processing-CDgOueI3.js";
 import { E as ve } from "./errorContent-yUAdbZ5o.js";
-import { F as ye, V as we } from "./formField-UWsp-7Fj.js";
+import { F as ye, V as we } from "./formField-FeX9N4c8.js";
 import { a as Be, C as Le, c as Me, b as Se, e as Fe, d as De, H as He, L as Pe, P as Ve } from "./captureFooter-X2qN1773.js";
 import { a as Oe, I as Re } from "./inputComposed-BHi-MSpP.js";
 import { O as je } from "./otpInput-DdkvlvCS.js";

package/dist/flow/flow.es.js

@@ -2000,8 +2000,8 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-CWu3ZTNN.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-BKSouMz6.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-CFcYtlo_.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-FeVB4y3_.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-PdKA2frR.js").then(
     (e) => e.DocumentCapture
   ),

package/dist/flow/styles.css

@@ -5408,7 +5408,7 @@
   display: flex;
 }
 
-.IncodeEkycForm .IncodeInputComposed, .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycForm .IncodeInputComposed, .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 
@@ -5416,6 +5416,14 @@
   margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
 }
 
+.IncodeEkycFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  display: flex;
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkycPage {
     height: 100dvh;
@@ -5438,7 +5446,6 @@
   .IncodeEkycPage .IncodeEkycForm {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
     padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    flex: 1;
     overflow-y: auto;
   }
 
@@ -5747,6 +5754,10 @@
   margin-inline: auto;
 }
 
+.IncodeEkybFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkybPage {
     margin-top: var(--spacing-0, var(--spacing-none, 0px));
@@ -5769,7 +5780,6 @@
   .IncodeEkybPage .IncodeEkybForm {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
     padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    flex: 1;
     overflow-y: auto;
   }
 

package/dist/{formField-UWsp-7Fj.js → formField-FeX9N4c8.js}

@@ -1,12 +1,12 @@
-import { b as I, u as e, B as v } from "./button-Ca1tRSTI.js";
+import { b as N, u as e, B as I } from "./button-Ca1tRSTI.js";
 import "./uiConfig-Z6RT23Sl.js";
 import "./vendor-preact-BXf0bkEs.js";
-import { E as b } from "./errorIcon-BL647nVh.js";
-import { S as y } from "./successIcon-BybULRRU.js";
+import { E as y } from "./errorIcon-BL647nVh.js";
+import { S as F } from "./successIcon-BybULRRU.js";
 import { P as m } from "./page-BVHG3h0V.js";
-import { S as F } from "./spinner-Cx3FPUCD.js";
-import { I as E } from "./inputComposed-BHi-MSpP.js";
-const L = ({
+import { S as E } from "./spinner-Cx3FPUCD.js";
+import { I as S } from "./inputComposed-BHi-MSpP.js";
+const A = ({
   status: i,
   submittingTitle: t,
   successTitle: n,
@@ -16,31 +16,31 @@ const L = ({
   retryLabel: a,
   skipLabel: f
 }) => {
-  const { t: r } = I();
+  const { t: r } = N();
   if (i === "submitting") {
     const c = t ?? r("verification.processing");
     return /* @__PURE__ */ e(m, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ e(F, {}),
+      /* @__PURE__ */ e(E, {}),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: c })
     ] }) });
   }
   if (i === "success") {
     const c = n ?? r("verification.successTitle");
     return /* @__PURE__ */ e(m, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ e(y, { size: 64 }),
+      /* @__PURE__ */ e(F, { size: 64 }),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: c })
     ] }) });
   }
   const u = d ?? r("verification.failureTitle");
   return /* @__PURE__ */ e(m, { className: "IncodeVerificationResult", children: [
     /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ e(b, { size: 64 }),
+      /* @__PURE__ */ e(y, { size: 64 }),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: u })
     ] }),
     /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__actions", children: [
-      o && /* @__PURE__ */ e(v, { onClick: o, "data-testid": "verification-retry", children: a ?? r("common.tryAgain") }),
+      o && /* @__PURE__ */ e(I, { onClick: o, "data-testid": "verification-retry", children: a ?? r("common.tryAgain") }),
       s && /* @__PURE__ */ e(
-        v,
+        I,
         {
           onClick: s,
           variant: "secondary",
@@ -51,14 +51,14 @@ const L = ({
     ] })
   ] });
 };
-function S(i, t) {
+function k(i, t) {
   return t?.fieldName && typeof t.fieldName == "string" ? { ...t, fieldName: i(String(t.fieldName)) } : t;
 }
-function k(i, t, n) {
+function C(i, t, n) {
   if (t)
-    return i(t, S(i, n));
+    return i(t, k(i, n));
 }
-const A = ({
+const O = ({
   name: i,
   label: t,
   value: n = "",
@@ -70,34 +70,36 @@ const A = ({
   required: r,
   readonly: u,
   maxLength: c,
-  disabled: N,
-  optional: _,
-  onChange: h
+  disabled: _,
+  optional: h,
+  onChange: V,
+  onBlur: p
 }) => {
-  const { t: l } = I(), p = l(t), V = _ ? `${p} ${l("verification.labels.optional")}` : p;
+  const { t: l } = N(), v = l(t), R = h ? `${v} ${l("verification.labels.optional")}` : v;
   return /* @__PURE__ */ e("div", { className: "IncodeFormField", children: /* @__PURE__ */ e(
-    E,
+    S,
     {
       id: i,
-      label: V,
+      label: R,
       name: i,
       type: s,
       value: n,
       placeholder: a ? l(a, f) : void 0,
       readOnly: u,
-      disabled: N,
+      disabled: _,
       maxLength: c,
-      error: k(l, d, o),
-      onInput: (R) => {
-        const g = R.target;
-        h(i, g.value);
+      error: C(l, d, o),
+      onInput: (g) => {
+        const b = g.target;
+        V(i, b.value);
       },
+      onBlur: p ? () => p(i) : void 0,
       "data-testid": `form-field-${i}`
     }
   ) });
 };
 export {
-  A as F,
-  L as V,
-  k as t
+  O as F,
+  A as V,
+  C as t
 };

package/dist/types/extensibility.d.ts

@@ -314,6 +314,7 @@ declare type FormFieldProps = {
     disabled?: boolean;
     optional?: boolean;
     onChange: (name: string, value: string) => void;
+    onBlur?: (name: string) => void;
 };
 
 export declare function getCountryByCallingCode(callingCode: string): CountryData | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260317-6ffceac",
+  "version": "0.0.0-dev-20260317-737b25e",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -119,7 +119,7 @@
     "preact-custom-element": "^4.6.0",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260317-6ffceac"
+    "@incodetech/core": "0.0.0-dev-20260317-737b25e"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",