@incodetech/web 0.0.0-dev-20260313-486e658 → 0.0.0-dev-20260313-bc2dab4

package/dist/flow/styles.css

@@ -104,6 +104,10 @@
     display: flex;
   }
 
+  .grid {
+    display: grid;
+  }
+
   .hidden {
     display: none;
   }
@@ -112,6 +116,10 @@
     display: inline-flex;
   }
 
+  .flex-shrink {
+    flex-shrink: 1;
+  }
+
   .transform {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
@@ -323,7 +331,7 @@
   transition: all 1s ease-in-out;
 }
 
-.IncodeManualCaptureButton {
+.IncodeSelfieManualCapture {
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
@@ -331,7 +339,7 @@
   display: flex;
 }
 
-.IncodeManualCaptureButtonText {
+.IncodeSelfieManualCaptureText {
   text-align: center;
   font-size: var(--text-base, 1rem);
   line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
@@ -342,8 +350,9 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeManualCaptureButtonButton {
+.IncodeSelfieManualCaptureButton {
   padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeNotification {
@@ -3904,6 +3913,8 @@
 
 .IncodeIdManualCaptureButton .IncodeButtonLink {
   height: 100%;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
@@ -4667,6 +4678,7 @@
   align-items: flex-start;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
+  padding: var(--spacing-16, var(--spacing-16, 16px));
   border-radius: 12px;
   display: flex;
 }

package/dist/formField-C91ckby4.js

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

package/dist/geolocation/geolocation.es.js

@@ -1,10 +1,11 @@
-import { u as e, b as Z, S as m, B as M, r as K, I as B, a as I } from "../incodeModule-DLGHhn9E.js";
-import { createGeolocationManager as H } from "@incodetech/core/geolocation";
-import { k as P, y as O } from "../vendor-preact-BXf0bkEs.js";
-import { getBrowser as F, getDeviceClass as A } from "@incodetech/core";
-import "../uiConfig-DisZ_yFB.js";
-import { P as G } from "../page-BJDfLRpO.js";
-import { T as x } from "../Trans-C2X8WLEu.js";
+import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-Ca1tRSTI.js";
+import { createGeolocationManager as I } from "@incodetech/core/geolocation";
+import { k as H, y as P } from "../vendor-preact-BXf0bkEs.js";
+import { getBrowser as F, getDeviceClass as O } from "@incodetech/core";
+import "../uiConfig-Z6RT23Sl.js";
+import { P as G } from "../page-BVHG3h0V.js";
+import { r as A } from "../incodeModule-aE-LkKwM.js";
+import { T as x } from "../Trans-CA9a3vKp.js";
 const V = () => /* @__PURE__ */ e(
   "svg",
   {
@@ -605,7 +606,7 @@ const V = () => /* @__PURE__ */ e(
     t.titleKey || "default"
   )) });
 }, X = ({ canSkip: i, onSkip: t, onRefresh: C }) => {
-  const { t: n } = Z(), o = A();
+  const { t: n } = Z(), o = O();
   return /* @__PURE__ */ e(
     G,
     {
@@ -616,7 +617,7 @@ const V = () => /* @__PURE__ */ e(
         o === "android" ? /* @__PURE__ */ e(R, {}) : null,
         /* @__PURE__ */ e(m, {}),
         /* @__PURE__ */ e(M, { onClick: C, children: n("geolocationv2.refreshPage") }),
-        i ? /* @__PURE__ */ e(P, { children: [
+        i ? /* @__PURE__ */ e(H, { children: [
           /* @__PURE__ */ e(m, { size: 12 }),
           /* @__PURE__ */ e(M, { variant: "secondary", onClick: t, children: n("geolocationv2.skip") })
         ] }) : null
@@ -640,12 +641,12 @@ const V = () => /* @__PURE__ */ e(
   onFinish: t,
   onError: C
 }) => {
-  const { t: n } = Z(), [o, c] = I(() => {
+  const { t: n } = Z(), [o, c] = B(() => {
     if (!i)
       throw new Error("Geolocation config is required");
-    return H({ config: i });
+    return I({ config: i });
   });
-  O(() => {
+  P(() => {
     o.status === "finished" && t?.();
   }, [o.status, t]);
   const E = o.status === "requestingLocation" || o.status === "submitting";
@@ -677,7 +678,7 @@ const V = () => /* @__PURE__ */ e(
   config: i,
   onFinish: t,
   onError: C
-}) => /* @__PURE__ */ e(B, { children: i ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(K, { children: i ? /* @__PURE__ */ e(
   Y,
   {
     config: i,
@@ -685,7 +686,7 @@ const V = () => /* @__PURE__ */ e(
     onError: C
   }
 ) : null });
-K(e2, "incode-geolocation");
+A(e2, "incode-geolocation");
 export {
   e2 as Geolocation
 };

package/dist/governmentValidation/governmentValidation.es.js

@@ -1,14 +1,15 @@
-import { r as p, u as n, I as m, b as v, a as f, S as g } from "../incodeModule-DLGHhn9E.js";
-import { createGovernmentValidationManager as h } from "@incodetech/core/government-validation";
+import { u as n, I as p, b as m, a as v, S as f } from "../button-Ca1tRSTI.js";
+import { createGovernmentValidationManager as g } from "@incodetech/core/government-validation";
 import "../vendor-preact-BXf0bkEs.js";
 import "@incodetech/core";
-import "../uiConfig-DisZ_yFB.js";
-import { E as I } from "../errorIcon-Cxcv4ISP.js";
-import { S as c } from "../successIcon-1BcPFhum.js";
-import { W as V } from "../warningIcon-WqI5X7cK.js";
-import { O as G } from "../otpInput-BT0ZXrAt.js";
-import { P as r } from "../page-BJDfLRpO.js";
-import { S } from "../spinner--i134wYq.js";
+import "../uiConfig-Z6RT23Sl.js";
+import { E as h } from "../errorIcon-BL647nVh.js";
+import { S as c } from "../successIcon-BybULRRU.js";
+import { W as I } from "../warningIcon-DyoKeqDd.js";
+import { O as V } from "../otpInput-cazUY73p.js";
+import { P as r } from "../page-BVHG3h0V.js";
+import { S as G } from "../spinner-Cx3FPUCD.js";
+import { r as S } from "../incodeModule-aE-LkKwM.js";
 const a = ({
   variant: i,
   icon: o,
@@ -18,14 +19,14 @@ const a = ({
   /* @__PURE__ */ n(o, { size: 64 }),
   /* @__PURE__ */ n("p", { class: "IncodeGovtValidationText", children: e }),
   t ? /* @__PURE__ */ n("p", { class: "IncodeGovtValidationText", children: t }) : null
-] }) }) }), k = ({ title: i, subtitle: o }) => /* @__PURE__ */ n("div", { class: "IncodeGovtValidation IncodeGovtValidation--loading", children: /* @__PURE__ */ n(r, { className: "IncodeGovtValidationPage", children: /* @__PURE__ */ n(S, { title: i, subtitle: o, fullScreen: !1 }) }) }), O = ({
+] }) }) }), k = ({ title: i, subtitle: o }) => /* @__PURE__ */ n("div", { class: "IncodeGovtValidation IncodeGovtValidation--loading", children: /* @__PURE__ */ n(r, { className: "IncodeGovtValidationPage", children: /* @__PURE__ */ n(G, { title: i, subtitle: o, fullScreen: !1 }) }) }), O = ({
   config: i,
   onFinish: o
 }) => {
-  const { t: e } = v(), [t, s] = f(() => {
+  const { t: e } = m(), [t, s] = v(() => {
     if (!i)
       throw new Error("GovernmentValidation config is required");
-    return h({ config: i });
+    return g({ config: i });
   });
   if (i.backgroundExecution && t.status === "finished")
     return o?.(), null;
@@ -57,13 +58,13 @@ const a = ({
   if (t.status === "awaitingOtp" || t.status === "verifyingOtp") {
     const d = t.status === "verifyingOtp", l = t.status === "awaitingOtp" ? t.otpError : void 0;
     return /* @__PURE__ */ n("div", { class: "IncodeGovtValidation IncodeGovtValidation--otp", children: /* @__PURE__ */ n(r, { className: "IncodeGovtValidationPage", children: [
-      /* @__PURE__ */ n(g, { size: 16 }),
+      /* @__PURE__ */ n(f, { size: 16 }),
       /* @__PURE__ */ n("div", { class: "IncodeGovtValidationOtpInstructions", children: [
         /* @__PURE__ */ n("p", { children: e("otp.insertSMS") }),
         /* @__PURE__ */ n("p", { children: e("otp.focus") })
       ] }),
       /* @__PURE__ */ n(
-        G,
+        V,
         {
           resendTimer: t.status === "awaitingOtp" ? t.resendTimer : 0,
           canResend: t.status === "awaitingOtp" ? t.canResend : !1,
@@ -81,22 +82,22 @@ const a = ({
     a,
     {
       variant: "error",
-      icon: I,
+      icon: h,
       title: `${e("ineCheck.failure1")} ${e("ineCheck.failure2")}`
     }
   ) : t.status === "unknown" ? /* @__PURE__ */ n(
     a,
     {
       variant: "unknown",
-      icon: V,
+      icon: I,
       title: e("ineCheck.unknown")
     }
   ) : null;
 }, w = ({
   config: i,
   onFinish: o
-}) => /* @__PURE__ */ n(m, { children: i ? /* @__PURE__ */ n(O, { config: i, onFinish: o }) : null });
-p(
+}) => /* @__PURE__ */ n(p, { children: i ? /* @__PURE__ */ n(O, { config: i, onFinish: o }) : null });
+S(
   w,
   "incode-government-validation"
 );