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

package/dist/{captureFooter-C2Yrou50.js → captureFooter-X2qN1773.js}

@@ -1,8 +1,8 @@
-import { u as e, d, S as s, b as C, B as u } from "./incodeModule-DLGHhn9E.js";
-import { A as h, y as p, k as v, D as m } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-DisZ_yFB.js";
+import { u as e, d, S as s, b as C, B as u } from "./button-Ca1tRSTI.js";
+import { k as h, D as p, A as v, y as m } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
 const I = ({
-  className: r
+  className: a
 }) => /* @__PURE__ */ e(
   "svg",
   {
@@ -11,7 +11,7 @@ const I = ({
     viewBox: "0 0 68 68",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: r,
+    class: a,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -26,7 +26,7 @@ const I = ({
       /* @__PURE__ */ e("circle", { cx: "33.5926", cy: "33.9996", r: "25.4187", fill: "white" })
     ]
   }
-), w = ({ className: r }) => /* @__PURE__ */ e(
+), w = ({ className: a }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "30",
@@ -34,7 +34,7 @@ const I = ({
     viewBox: "0 0 30 30",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: r,
+    class: a,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -57,7 +57,7 @@ const I = ({
       )
     ]
   }
-), f = ({ className: r }) => /* @__PURE__ */ e(
+), f = ({ className: a }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "16",
@@ -65,7 +65,7 @@ const I = ({
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: r,
+    class: a,
     "aria-hidden": "true",
     children: /* @__PURE__ */ e(
       "path",
@@ -76,34 +76,8 @@ const I = ({
     )
   }
 ), H = ({
-  stream: r,
-  children: a,
-  videoRef: l,
-  className: c,
-  ...i
-}) => {
-  const o = h(null), t = (n) => {
-    o.current = n, typeof l == "function" ? l(n) : l && (l.current = n);
-  };
-  return p(() => {
-    o.current && r && (o.current.srcObject = r, o.current.play().catch(() => {
-    }));
-  }, [r]), /* @__PURE__ */ e("div", { class: d("IncodeCameraView", c), ...i, children: [
-    /* @__PURE__ */ e("div", { class: "IncodeCameraViewVideo", children: /* @__PURE__ */ e(
-      "video",
-      {
-        ref: t,
-        autoplay: !0,
-        playsInline: !0,
-        muted: !0,
-        class: "IncodeCameraViewVideoElement"
-      }
-    ) }),
-    a
-  ] });
-}, b = ({
-  progress: r,
-  label: a,
+  progress: a,
+  label: r,
   className: l
 }) => /* @__PURE__ */ e("div", { class: d("IncodeProgressBarContainer", l), children: [
   /* @__PURE__ */ e(
@@ -111,21 +85,21 @@ const I = ({
     {
       class: "IncodeProgressBar",
       role: "progressbar",
-      "aria-valuenow": r,
+      "aria-valuenow": a,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-label": a,
-      children: /* @__PURE__ */ e("div", { class: "IncodeProgressBarFill", style: { width: `${r}%` } })
+      "aria-label": r,
+      children: /* @__PURE__ */ e("div", { class: "IncodeProgressBarFill", style: { width: `${a}%` } })
     }
   ),
-  a ? /* @__PURE__ */ e(v, { children: [
+  r ? /* @__PURE__ */ e(h, { children: [
     /* @__PURE__ */ e(s, { size: 24 }),
-    /* @__PURE__ */ e("p", { class: "IncodeProgressBarLabel", children: a })
+    /* @__PURE__ */ e("p", { class: "IncodeProgressBarLabel", children: r })
   ] }) : null
-] }), B = m(
+] }), b = p(
   ({
-    variant: r,
-    aspectRatio: a,
+    variant: a,
+    aspectRatio: r,
     orientation: l = "horizontal",
     frameState: c = "idle",
     className: i,
@@ -138,25 +112,25 @@ const I = ({
         ref: t,
         class: d(
           "IncodeCameraFrame",
-          r === "fill" && "IncodeCameraFrameFill",
-          r === "locked" && "IncodeCameraFrameLocked",
-          r === "locked" && l === "horizontal" && "IncodeCameraFrameHorizontal",
-          r === "locked" && l === "vertical" && "IncodeCameraFrameVertical",
+          a === "fill" && "IncodeCameraFrameFill",
+          a === "locked" && "IncodeCameraFrameLocked",
+          a === "locked" && l === "horizontal" && "IncodeCameraFrameHorizontal",
+          a === "locked" && l === "vertical" && "IncodeCameraFrameVertical",
           n,
           i
         ),
-        style: a ? { aspectRatio: a } : void 0,
+        style: r ? { aspectRatio: r } : void 0,
         "aria-hidden": !0,
         children: o
       }
     );
   }
-), V = ({
-  children: r,
-  className: a
-}) => /* @__PURE__ */ e("div", { class: d("IncodeCameraOverlay", a), children: r }), k = ({
-  title: r,
-  subtitle: a,
+), B = ({
+  children: a,
+  className: r
+}) => /* @__PURE__ */ e("div", { class: d("IncodeCameraOverlay", r), children: a }), V = ({
+  title: a,
+  subtitle: r,
   visible: l = !0,
   className: c
 }) => /* @__PURE__ */ e(
@@ -168,13 +142,39 @@ const I = ({
       c
     ),
     children: [
-      /* @__PURE__ */ e("div", { class: "IncodeCameraOverlayHeaderTitle", children: r || " " }),
-      /* @__PURE__ */ e("div", { class: "IncodeCameraOverlayHeaderSubtitle", children: a || " " })
+      /* @__PURE__ */ e("div", { class: "IncodeCameraOverlayHeaderTitle", children: a || " " }),
+      /* @__PURE__ */ e("div", { class: "IncodeCameraOverlayHeaderSubtitle", children: r || " " })
     ]
   }
-), O = ({
-  onOpenHelp: r,
-  onCapture: a,
+), k = ({
+  stream: a,
+  children: r,
+  videoRef: l,
+  className: c,
+  ...i
+}) => {
+  const o = v(null), t = (n) => {
+    o.current = n, typeof l == "function" ? l(n) : l && (l.current = n);
+  };
+  return m(() => {
+    o.current && a && (o.current.srcObject = a, o.current.play().catch(() => {
+    }));
+  }, [a]), /* @__PURE__ */ e("div", { class: d("IncodeCameraView", c), ...i, children: [
+    /* @__PURE__ */ e("div", { class: "IncodeCameraViewVideo", children: /* @__PURE__ */ e(
+      "video",
+      {
+        ref: t,
+        autoplay: !0,
+        playsInline: !0,
+        muted: !0,
+        class: "IncodeCameraViewVideoElement"
+      }
+    ) }),
+    r
+  ] });
+}, O = ({
+  onOpenHelp: a,
+  onCapture: r,
   isManualCapture: l,
   captureAriaLabel: c,
   helpAriaLabel: i,
@@ -187,14 +187,14 @@ const I = ({
       /* @__PURE__ */ e(f, { className: "IncodeCaptureFooterEncryptionIcon" }),
       /* @__PURE__ */ e("span", { children: o ?? n("v2.capture.label") })
     ] }),
-    l && a ? /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterCaptureSection", children: [
+    l && r ? /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterCaptureSection", children: [
       t,
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           class: "IncodeCaptureFooterCaptureButton",
-          onClick: a,
+          onClick: r,
           "aria-label": c ?? n("manualCapture.ariaLabel"),
           "data-testid": "capture-button",
           children: /* @__PURE__ */ e(I, {})
@@ -205,7 +205,7 @@ const I = ({
       u,
       {
         variant: "link",
-        onClick: r,
+        onClick: a,
         "aria-label": i ?? n("idv2.needHelp.open"),
         class: "IncodeCaptureFooterHelpButton",
         children: /* @__PURE__ */ e(w, {})
@@ -214,11 +214,13 @@ const I = ({
   ] });
 };
 export {
-  V as C,
+  B as C,
+  w as H,
   f as L,
-  b as P,
-  k as a,
-  B as b,
-  O as c,
-  H as d
+  H as P,
+  b as a,
+  k as b,
+  V as c,
+  O as d,
+  I as e
 };

package/dist/{chevronDown-D5uHEaU-.js → chevronDown-BUaOuf9J.js}

@@ -1,4 +1,4 @@
-import { u as o } from "./incodeModule-DLGHhn9E.js";
+import { u as o } from "./button-Ca1tRSTI.js";
 const e = ({ class: r }) => /* @__PURE__ */ o(
   "svg",
   {

package/dist/{closeIcon-BMPoRQCd.js → closeIcon-BM7WLbKp.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./incodeModule-DLGHhn9E.js";
+import { u as e } from "./button-Ca1tRSTI.js";
 const C = ({
   width: l = 14,
   height: o = 14,

package/dist/{countries-3p5tkqcx.js → countries-C9bhJe4u.js}

@@ -603,10 +603,10 @@ function x($) {
 }
 export {
   F as M,
-  A as a,
-  k as b,
+  x as a,
+  A as b,
   g as c,
-  x as d,
+  k as d,
   B as g,
   s as i,
   C as m,

package/dist/curp-validation/curp-validation.es.js

@@ -1,14 +1,15 @@
-import { b as I, u as e, S as u, B as h, r as S, I as N, a as G } from "../incodeModule-DLGHhn9E.js";
-import { mexicanStates as R, createCurpValidationManager as U } from "@incodetech/core/curp-validation";
+import { b as I, u as e, S as u, B as h, I as S, a as N } from "../button-Ca1tRSTI.js";
+import { mexicanStates as G, createCurpValidationManager as R } from "@incodetech/core/curp-validation";
 import { k as y } from "../vendor-preact-BXf0bkEs.js";
 import "@incodetech/core";
-import "../uiConfig-DisZ_yFB.js";
-import { E as D } from "../errorIcon-Cxcv4ISP.js";
-import { S as k } from "../successIcon-1BcPFhum.js";
-import { P as p } from "../page-BJDfLRpO.js";
-import { S as E } from "../spinner--i134wYq.js";
-import { I as m, D as P } from "../dropdownComposed-BgGKKaXv.js";
-import { D as F } from "../dateInputComposed-CqHIiKPV.js";
+import "../uiConfig-Z6RT23Sl.js";
+import { E as U } from "../errorIcon-BL647nVh.js";
+import { S as D } from "../successIcon-BybULRRU.js";
+import { P as p } from "../page-BVHG3h0V.js";
+import { S as k } from "../spinner-Cx3FPUCD.js";
+import { r as E } from "../incodeModule-aE-LkKwM.js";
+import { I as C, D as P } from "../dropdownComposed-DBm7cotT.js";
+import { D as F } from "../dateInputComposed-CvFmQpJ0.js";
 const T = ({
   curp: s,
   isValid: d,
@@ -17,13 +18,13 @@ const T = ({
   onSwitchToGenerate: t,
   disabled: l = !1,
   placeholder: a,
-  continueLabel: C,
+  continueLabel: m,
   dontHaveLabel: n
 }) => {
-  const { t: c } = I(), f = a ?? c("curp.placeholder.curp") ?? "CURP", g = C ?? c("curp.continue") ?? "Continue", i = n ?? c("curp.dontHave") ?? "I don't have my CURP", b = c("curp.placeholder.curp") ?? "CURP";
+  const { t: c } = I(), f = a ?? c("curp.placeholder.curp") ?? "CURP", g = m ?? c("curp.continue") ?? "Continue", i = n ?? c("curp.dontHave") ?? "I don't have my CURP", b = c("curp.placeholder.curp") ?? "CURP";
   return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpInput", children: [
     /* @__PURE__ */ e(
-      m,
+      C,
       {
         id: "curp-input",
         label: "",
@@ -89,13 +90,13 @@ const T = ({
     { value: "H", label: n.male },
     { value: "M", label: n.female },
     { value: "X", label: n.other }
-  ], g = R.map((i) => ({
+  ], g = G.map((i) => ({
     value: i.value,
     label: i.label
   }));
   return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeGenerateCurpForm", children: [
     /* @__PURE__ */ e(
-      m,
+      C,
       {
         id: "curp-first-name",
         label: n.firstName,
@@ -107,7 +108,7 @@ const T = ({
       }
     ),
     /* @__PURE__ */ e(
-      m,
+      C,
       {
         id: "curp-first-last",
         label: n.firstLast,
@@ -118,7 +119,7 @@ const T = ({
       }
     ),
     /* @__PURE__ */ e(
-      m,
+      C,
       {
         id: "curp-second-last",
         label: n.secondLast,
@@ -185,14 +186,14 @@ const T = ({
   onFinish: d,
   onError: o
 }) => {
-  const { t: r } = I(), [t, l] = G(() => {
+  const { t: r } = I(), [t, l] = N(() => {
     if (!s)
       throw new Error("CURP validation config is required");
-    return U({ config: s });
+    return R({ config: s });
   });
   if (t.status === "idle" || t.status === "loading" || t.status === "verifying" || t.status === "generating") {
     const a = t.status === "generating" ? r("curp.status.generating") ?? "Generating..." : r("curp.status.verifying") ?? "Verifying...";
-    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpLoading", children: /* @__PURE__ */ e(E, { title: a, fullScreen: !1 }) }) });
+    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpLoading", children: /* @__PURE__ */ e(k, { title: a, fullScreen: !1 }) }) });
   }
   if (t.status === "enterCurp")
     return /* @__PURE__ */ e(
@@ -264,17 +265,17 @@ const T = ({
     );
   if (t.status === "success")
     return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpSuccess", children: [
-      /* @__PURE__ */ e(k, { size: 32 }),
+      /* @__PURE__ */ e(D, { size: 32 }),
       /* @__PURE__ */ e(u, { size: 16 }),
       /* @__PURE__ */ e("h2", { class: "IncodeCurpSuccessTitle", children: r("curp.status.verified") ?? "Verified" })
     ] }) });
   if (t.status === "failure" || t.status === "generateError") {
-    const a = t.retriesLeft > 0, C = t.status === "failure" ? r("curp.status.notVerified") ?? "Not verified" : r("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
+    const a = t.retriesLeft > 0, m = t.status === "failure" ? r("curp.status.notVerified") ?? "Not verified" : r("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
     return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpFailure", children: [
       /* @__PURE__ */ e(u, {}),
-      /* @__PURE__ */ e(D, { size: 32 }),
+      /* @__PURE__ */ e(U, { size: 32 }),
       /* @__PURE__ */ e(u, { size: 16 }),
-      /* @__PURE__ */ e("h2", { class: "IncodeCurpFailureTitle", children: C }),
+      /* @__PURE__ */ e("h2", { class: "IncodeCurpFailureTitle", children: m }),
       t.status === "generateError" && a && /* @__PURE__ */ e(y, { children: [
         /* @__PURE__ */ e(u, { size: 12 }),
         /* @__PURE__ */ e("p", { class: "IncodeCurpFailureHint", children: r("curp.status.checkInfo") ?? "Please check your information" })
@@ -296,7 +297,7 @@ const T = ({
   config: s,
   onFinish: d,
   onError: o
-}) => /* @__PURE__ */ e(N, { children: s ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(S, { children: s ? /* @__PURE__ */ e(
   H,
   {
     config: s,
@@ -304,7 +305,7 @@ const T = ({
     onError: o
   }
 ) : null });
-S(z, "incode-curp-validation");
+E(z, "incode-curp-validation");
 export {
   z as CurpValidation
 };

package/dist/{dateInputComposed-CqHIiKPV.js → dateInputComposed-CvFmQpJ0.js}

@@ -1,7 +1,7 @@
-import { u as e, d as E } from "./incodeModule-DLGHhn9E.js";
+import { u as e, d as E } from "./button-Ca1tRSTI.js";
 import { g as W, D as Z, A as $ } from "./vendor-preact-BXf0bkEs.js";
-import { E as g } from "./errorIcon-Cxcv4ISP.js";
-import { S as x } from "./successIcon-1BcPFhum.js";
+import { E as g } from "./errorIcon-BL647nVh.js";
+import { S as x } from "./successIcon-BybULRRU.js";
 const B = ({ class: o }) => {
   const t = W();
   return /* @__PURE__ */ e(
@@ -60,7 +60,7 @@ const B = ({ class: o }) => {
   ({
     id: o,
     label: t,
-    value: s,
+    value: p,
     onInput: m,
     min: f,
     max: v,
@@ -71,7 +71,7 @@ const B = ({ class: o }) => {
     showHelperIcon: R,
     suppressMessages: r = !1,
     disabled: i,
-    required: p,
+    required: s,
     class: w,
     "data-testid": H,
     ...V
@@ -100,7 +100,7 @@ const B = ({ class: o }) => {
           "data-testid": `${o}-label`,
           children: [
             t,
-            p && /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedRequired", children: " *" })
+            s && /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedRequired", children: " *" })
           ]
         }
       ),
@@ -112,17 +112,17 @@ const B = ({ class: o }) => {
             id: o,
             type: "date",
             class: "IncodeDateInputComposedInput",
-            value: s,
+            value: p,
             onInput: m,
             min: f,
             max: v,
             placeholder: D,
             disabled: i,
-            required: p,
-            "data-has-value": !!s,
+            required: s,
+            "data-has-value": !!p,
             "data-testid": H,
             "aria-describedby": b || void 0,
-            "aria-required": p ? "true" : void 0,
+            "aria-required": s ? "true" : void 0,
             "aria-invalid": n ? "true" : void 0,
             ...V
           }
@@ -168,5 +168,6 @@ const B = ({ class: o }) => {
 );
 M.displayName = "DateInputComposed";
 export {
+  B as C,
   M as D
 };

package/dist/document-capture/styles.css

@@ -349,6 +349,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;
 }