@incodetech/web 0.0.0-dev-20260402-7cf9db4 → 0.0.0-dev-20260402-0dc2fb9

package/dist/email/email.es.js

@@ -11,9 +11,8 @@ import { a as k } from "../inputComposed-QzDneavl.js";
 import "../checkbox-wo8qk7tM.js";
 import "../phoneInputComposed-BAFZQ4Y8.js";
 import "../dateInputComposed-D5kgh_aC.js";
-import "../captureOverlay-Crv6ZBp_.js";
+import "../captureOverlay-wQmz2Z5r.js";
 import "../manualCaptureButton-CPZ2xxEI.js";
-import "../captureFooter-CKqO4KY2.js";
 import "../countries-DfLkrF0x.js";
 const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
   prefilledEmail: i,

package/dist/extensibility.es.js

@@ -14,20 +14,19 @@ import { C as Y, a as Z } from "./checkbox-wo8qk7tM.js";
 import { P as $ } from "./phoneInputComposed-BAFZQ4Y8.js";
 import { D as ra, S as ea } from "./dropdownComposed-CzAsPPqv.js";
 import { C as ta, D as sa } from "./dateInputComposed-D5kgh_aC.js";
-import { T as pa, a as ca } from "./captureOverlay-Crv6ZBp_.js";
-import { d as ua, C as ma, b as la, I as Ca, c as da, F as fa, T as Ia, S as xa, V as ha, a as ga } from "./flipAnimation-CPzQqCvm.js";
-import { L as Ta, M as va } from "./manualCaptureButton-CPZ2xxEI.js";
-import { a as Ba, C as Fa, b as Pa, d as La, c as Oa, H as ba, L as Ha } from "./captureFooter-CKqO4KY2.js";
-import { A as i, y as u, q as m } from "./vendor-preact-BoMmvSgn.js";
-import { B as Va, P as Ea } from "./permissions-BeU3HuVB.js";
-import { T as Da, a as wa, b as Aa, c as Ra, d as Ua, e as ja } from "./typography-CBPoLoAP.js";
-import { C as qa } from "./chevronDown-BksFjKhp.js";
-import { C as Ga } from "./closeIcon-5Xq6MCZa.js";
-import { E as Ka } from "./errorIcon-DOuc6ONw.js";
-import { S as Qa } from "./successIcon-BZphSsQr.js";
-import { c as Ya, a as Za, g as _a } from "./countries-DfLkrF0x.js";
-import { C as ar, T as rr } from "./tutorial-BcX5EaL9.js";
-function l(a) {
+import { b as pa, C as ca, c as ia, e as ua, d as la, H as ma, L as Ca, T as da, a as fa } from "./captureOverlay-wQmz2Z5r.js";
+import { d as xa, C as ha, b as ga, I as ya, c as Ta, F as va, T as Sa, S as Ba, V as Fa, a as Pa } from "./flipAnimation-CLQ2VPp5.js";
+import { L as Oa, M as ba } from "./manualCaptureButton-CPZ2xxEI.js";
+import { A as i, y as u, q as l } from "./vendor-preact-BoMmvSgn.js";
+import { B as Ma, P as Va } from "./permissions-BeU3HuVB.js";
+import { T as ka, a as Da, b as wa, c as Aa, d as Ra, e as Ua } from "./typography-CBPoLoAP.js";
+import { C as Wa } from "./chevronDown-BksFjKhp.js";
+import { C as za } from "./closeIcon-5Xq6MCZa.js";
+import { E as Ja } from "./errorIcon-DOuc6ONw.js";
+import { S as Na } from "./successIcon-BZphSsQr.js";
+import { c as Xa, a as Ya, g as Za } from "./countries-DfLkrF0x.js";
+import { C as $a, T as ar } from "./tutorial-BcX5EaL9.js";
+function m(a) {
   if (a.readyState < 2 || a.videoWidth === 0 || a.videoHeight === 0)
     return null;
   const r = document.createElement("canvas");
@@ -45,10 +44,10 @@ const f = ({
     o.current && a && (o.current.srcObject = a, o.current.play().catch(() => {
     }));
   }, [a]);
-  const s = m(() => {
+  const s = l(() => {
     const n = o.current;
     if (!n || e) return;
-    const p = l(n);
+    const p = m(n);
     p && r(p);
   }, [r, e]);
   return /* @__PURE__ */ t("div", { class: "IncodeManualCapture", children: [
@@ -78,70 +77,70 @@ const f = ({
   ] });
 };
 export {
-  Va as BaseTutorial,
+  Ma as BaseTutorial,
   c as Button,
   ta as CalendarIcon,
-  Ba as CameraFrame,
+  pa as CameraFrame,
   b as CameraIcon,
-  Fa as CameraOverlay,
-  Pa as CameraOverlayHeader,
+  ca as CameraOverlay,
+  ia as CameraOverlayHeader,
   q as CameraView,
-  La as CaptureButtonIcon,
-  Oa as CaptureFooter,
+  ua as CaptureButtonIcon,
+  la as CaptureFooter,
   Y as Checkbox,
   Z as CheckmarkIcon,
-  qa as ChevronDown,
-  ua as ChevronRightIcon,
-  Ga as CloseIcon,
+  Wa as ChevronDown,
+  xa as ChevronRightIcon,
+  za as CloseIcon,
   sa as DateInputComposed,
   ra as DropdownComposed,
   A as ErrorContent,
-  Ka as ErrorIcon,
+  Ja as ErrorIcon,
   H as FileIcon,
   U as FormField,
-  ba as HelpIcon,
-  ma as IdCapture,
-  la as IdChooser,
-  Ca as IdError,
-  da as IdExpired,
-  fa as IdFlipAnimation,
-  Ia as IdTutorial,
+  ma as HelpIcon,
+  ha as IdCapture,
+  ga as IdChooser,
+  ya as IdError,
+  Ta as IdExpired,
+  va as IdFlipAnimation,
+  Sa as IdTutorial,
   h as IncodeComponent,
   J as Input,
   K as InputComposed,
   g as LandscapeBlocker,
-  xa as LightningIcon,
-  Ha as LockIcon,
-  Ta as Lottie,
+  Ba as LightningIcon,
+  Ca as LockIcon,
+  Oa as Lottie,
   f as ManualCapture,
-  va as Modal,
+  ba as Modal,
   Q as OtpInput,
   M as Overlay,
   L as Page,
-  Ea as Permissions,
+  Va as Permissions,
   $ as PhoneInputComposed,
   D as Processing,
   z as ProgressBar,
   ea as SearchIcon,
-  ar as SelfieCapture,
-  rr as SelfieTutorial,
+  $a as SelfieCapture,
+  ar as SelfieTutorial,
   y as Spacer,
   E as Spinner,
-  Qa as SuccessIcon,
-  pa as TextArea,
-  ca as TextAreaComposed,
-  Da as Title,
-  wa as TypographyH1,
-  Aa as TypographyH3,
-  Ra as TypographyH4,
-  Ua as TypographyH5,
-  ja as TypographyP,
-  ha as VerificationOptionCard,
-  ga as VerificationOptionCardList,
+  Na as SuccessIcon,
+  da as TextArea,
+  fa as TextAreaComposed,
+  ka as Title,
+  Da as TypographyH1,
+  wa as TypographyH3,
+  Aa as TypographyH4,
+  Ra as TypographyH5,
+  Ua as TypographyP,
+  Fa as VerificationOptionCard,
+  Pa as VerificationOptionCardList,
   j as VerificationResult,
-  Ya as countries,
-  Za as getCountryByCallingCode,
-  _a as getCountryByCode,
+  Xa as countries,
+  Ya as getCountryByCallingCode,
+  Za as getCountryByCode,
   B as setUiConfig,
   T as useManager,
   F as useScreenOrientation,

package/dist/{flipAnimation-CPzQqCvm.js → flipAnimation-CLQ2VPp5.js}

@@ -6,8 +6,7 @@ import { T as y } from "./typography-CBPoLoAP.js";
 import { P as A, C as z } from "./cameraView-DXT7CWqE.js";
 import { S as H } from "./spinner-CLwSl2tJ.js";
 import { M as w, L as D } from "./manualCaptureButton-CPZ2xxEI.js";
-import { L as G } from "./captureFooter-CKqO4KY2.js";
-import { C as N } from "./captureOverlay-Crv6ZBp_.js";
+import { L as G, f as N } from "./captureOverlay-wQmz2Z5r.js";
 import { B as W } from "./permissions-BeU3HuVB.js";
 import "@incodetech/core";
 import "./inputComposed-QzDneavl.js";
@@ -591,7 +590,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
       attemptsRemaining: t.attemptsRemaining
     }
   ) : null;
-}, F1 = ({ manager: i }) => {
+}, D1 = ({ manager: i }) => {
   const { t } = C(), l = u(null);
   f(() => {
     l.current?.focus();
@@ -609,7 +608,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
     ] }),
     /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(L, { variant: "primary", onClick: n, children: t("idv2.unacceptedId.tryAgain") }) })
   ] });
-}, R1 = ({ manager: i, state: t }) => {
+}, F1 = ({ manager: i, state: t }) => {
   const { t: l } = C();
   if (t.captureStatus === "initializing")
     return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e(H, { size: "large", title: `${l("webcam.loading")}...` }) });
@@ -692,7 +691,7 @@ const J = ({ className: i }) => /* @__PURE__ */ e(
       }
     )
   ] });
-}, U1 = ({ manager: i, state: t }) => {
+}, R1 = ({ manager: i, state: t }) => {
   const { t: l } = C(), [n, r] = g(!1), [o, a] = g(null), s = t.selectedDocumentType === "passport", d = t.currentMode === "back";
   if (f(() => {
     s ? import("./passport-tutorial-CaYBFTqt.js").then((I) => {
@@ -1992,7 +1991,7 @@ function u1(i) {
   };
   return i.reduce(t, []).sort((l, n) => l.weight - n.weight);
 }
-const P1 = ({ manager: i, state: t }) => {
+const U1 = ({ manager: i, state: t }) => {
   const { t: l } = C(), n = k(
     () => u1(t.availableDocumentTypes),
     [t.availableDocumentTypes]
@@ -2018,7 +2017,7 @@ const P1 = ({ manager: i, state: t }) => {
       )) }) })
     }
   );
-}, b1 = ({
+}, P1 = ({
   manager: i,
   direction: t
 }) => {
@@ -2046,14 +2045,14 @@ const P1 = ({ manager: i, state: t }) => {
   ] }) : null;
 };
 export {
-  R1 as C,
-  b1 as F,
+  F1 as C,
+  P1 as F,
   o1 as I,
   K as S,
-  U1 as T,
+  R1 as T,
   q as V,
   j as a,
-  P1 as b,
-  F1 as c,
+  U1 as b,
+  D1 as c,
   $ as d
 };

package/dist/flow/flow.es.js

@@ -2005,10 +2005,10 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
   EXTERNAL_VERIFICATION: () => import("../ekycModule-BgFGstuw.js").then((e) => e.EkycModule),
   EKYB: () => import("../ekybModule-RZwNRg6E.js").then((e) => e.EkybModule),
-  DOCUMENT_CAPTURE: () => import("../documentCapture-DyhxCgpZ.js").then(
+  DOCUMENT_CAPTURE: () => import("../documentCapture-8ZOwr7xp.js").then(
     (e) => e.DocumentCapture
   ),
-  ADDRESS: () => import("../documentCapture-DyhxCgpZ.js").then(
+  ADDRESS: () => import("../documentCapture-8ZOwr7xp.js").then(
     (e) => e.DocumentCapture
   ),
   COMBINED_CONSENT: () => import("../consent/consent.es.js").then((e) => e.Consent),

package/dist/flow/styles.css

@@ -308,6 +308,7 @@
 }
 
 .IncodeFaceOutline {
+  width: 100%;
   height: 100%;
 }
 
@@ -3995,21 +3996,34 @@
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
 }
 
+.IncodeDocumentCaptureFileInput {
+  pointer-events: none;
+  border-style: var(--tw-border-style);
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  opacity: 0;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  position: absolute;
+  overflow: hidden;
+  width: 0 !important;
+  height: 0 !important;
+  margin: 0 !important;
+}
+
+.IncodeDocumentCaptureFileInput::file-selector-button {
+  display: none;
+}
+
 .IncodeDocumentCapturePageTutorial .IncodePageContent {
   flex-direction: column;
   flex: 1;
   display: flex;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureFileInput {
-  pointer-events: none;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  position: absolute;
-}
-
 .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
+  margin-block: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   flex: 1;
   justify-content: center;

package/dist/id/id.es.js

@@ -5,8 +5,8 @@ import "@incodetech/core";
 import { P as f } from "../permissions-BeU3HuVB.js";
 import { r as l } from "../incodeModule-C4XIllao.js";
 import { P as h } from "../processing-Ss26Ad0W.js";
-import { b as C, T as I, F as a, C as g, c as y, I as F } from "../flipAnimation-CPzQqCvm.js";
-import "../captureOverlay-Crv6ZBp_.js";
+import { b as C, T as I, F as a, C as g, c as y, I as F } from "../flipAnimation-CLQ2VPp5.js";
+import "../captureOverlay-wQmz2Z5r.js";
 import "../uiConfig-DmIn-g8M.js";
 import "../typography-CBPoLoAP.js";
 const M = c(

package/dist/selfie/styles.css

@@ -307,6 +307,7 @@
 }
 
 .IncodeFaceOutline {
+  width: 100%;
   height: 100%;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260402-7cf9db4",
+  "version": "0.0.0-dev-20260402-0dc2fb9",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -137,7 +137,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260402-7cf9db4"
+    "@incodetech/core": "0.0.0-dev-20260402-0dc2fb9"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/captureFooter-CKqO4KY2.js

@@ -1,199 +0,0 @@
-import { u as e, c as s, b as h, B as p } from "./button-DXIWeie9.js";
-import { D as m, A as v, y as I } from "./vendor-preact-BoMmvSgn.js";
-import { T as w } from "./typography-CBPoLoAP.js";
-import "./uiConfig-DmIn-g8M.js";
-const f = ({
-  className: a
-}) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "68",
-    height: "68",
-    viewBox: "0 0 68 68",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: a,
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M34.0001 68C52.7779 68 68.0003 52.7777 68.0003 34C68.0003 15.2223 52.7779 0 34.0001 0C15.2224 0 0 15.2223 0 34C0 52.7777 15.2224 68 34.0001 68ZM34 63.5265C50.307 63.5265 63.5265 50.3071 63.5265 34.0002C63.5265 17.6932 50.307 4.47385 34 4.47385C17.693 4.47385 4.4736 17.6932 4.4736 34.0002C4.4736 50.3071 17.693 63.5265 34 63.5265Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e("circle", { cx: "33.5926", cy: "33.9996", r: "25.4187", fill: "white" })
-    ]
-  }
-), H = ({ className: a }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "30",
-    height: "30",
-    viewBox: "0 0 30 30",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: a,
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M15 0C6.7279 0 0 6.72947 0 15C0 23.2705 6.7279 30 15 30C23.2705 30 30 23.2705 30 15C30 6.72947 23.2705 0 15 0Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M17.3532 16.0616L17.1305 16.1863C16.1074 16.7579 15.7458 17.0516 15.7537 17.5537C15.7616 18.2074 15.2389 18.7442 14.5853 18.7537H14.5695C13.9221 18.7537 13.3932 18.2342 13.3853 17.5853C13.3584 15.5832 14.9958 14.6674 15.9732 14.1211L16.1958 13.9947C17.0942 13.5005 17.5426 12.8153 17.5426 11.9532C17.5426 10.5274 16.3821 9.36842 14.9563 9.36842C13.5053 9.36842 12.3684 10.5037 12.3684 11.9532C12.3684 12.6068 11.8379 13.1374 11.1842 13.1374C10.5305 13.1374 10 12.6068 10 11.9532C10 9.22158 12.2232 7 14.9563 7C17.6879 7 19.9111 9.22158 19.9111 11.9532C19.9111 13.6947 19.0016 15.1537 17.3532 16.0616ZM14.5711 22.6379C13.9174 22.6379 13.3868 22.1311 13.3868 21.4774V21.43C13.3868 20.7763 13.9174 20.2458 14.5711 20.2458C15.2247 20.2458 15.7553 20.7763 15.7553 21.43C15.7553 22.0837 15.2247 22.6379 14.5711 22.6379Z",
-          fill: "black"
-        }
-      )
-    ]
-  }
-), F = ({ className: a }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: a,
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        d: "M8 2.83368C9.38071 2.83368 10.5 3.95297 10.5 5.33368V6.66669H11.333C11.7012 6.66669 12 6.96549 12 7.33368V11.9997C12 12.3679 11.7012 12.6667 11.333 12.6667H4.66699C4.2988 12.6667 4 12.3679 4 11.9997V7.33368C4 6.96549 4.2988 6.66669 4.66699 6.66669H5.5V5.33368C5.5 3.95297 6.61929 2.83368 8 2.83368ZM8 3.83368C7.17157 3.83368 6.5 4.50525 6.5 5.33368V6.66669H9.5V5.33368C9.5 4.50525 8.82843 3.83368 8 3.83368Z",
-        fill: "currentColor"
-      }
-    )
-  }
-), x = m(
-  ({
-    variant: a,
-    aspectRatio: r,
-    orientation: l = "horizontal",
-    frameState: t = "idle",
-    className: n,
-    children: o
-  }, c) => {
-    const d = `IncodeCameraFrame${t.charAt(0).toUpperCase()}${t.slice(1)}`;
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: c,
-        class: s(
-          "IncodeCameraFrame",
-          a === "fill" && "IncodeCameraFrameFill",
-          a === "locked" && "IncodeCameraFrameLocked",
-          a === "locked" && l === "horizontal" && "IncodeCameraFrameHorizontal",
-          a === "locked" && l === "vertical" && "IncodeCameraFrameVertical",
-          d,
-          n
-        ),
-        style: r ? { aspectRatio: r } : void 0,
-        "aria-hidden": !0,
-        children: o
-      }
-    );
-  }
-), B = ({
-  children: a,
-  className: r
-}) => /* @__PURE__ */ e("div", { class: s("IncodeCameraOverlay", r), children: a }), V = ({
-  title: a,
-  subtitle: r,
-  visible: l = !0,
-  className: t,
-  titleId: n
-}) => {
-  const o = v(null);
-  return I(() => {
-    o.current?.focus();
-  }, []), /* @__PURE__ */ e(
-    "div",
-    {
-      class: s(
-        "IncodeCameraOverlayHeader",
-        !l && "IncodeCameraOverlayHeaderHidden",
-        t
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          w,
-          {
-            ref: o,
-            id: n,
-            className: "IncodeCameraOverlayHeaderTitle",
-            tabIndex: -1,
-            children: a
-          }
-        ),
-        /* @__PURE__ */ e("p", { class: "IncodeCameraOverlayHeaderSubtitle", children: r })
-      ]
-    }
-  );
-}, M = ({
-  onOpenHelp: a,
-  onCapture: r,
-  isManualCapture: l,
-  captureAriaLabel: t,
-  captureAriaDescribedBy: n,
-  helpAriaLabel: o,
-  helpButtonRef: c,
-  captureButtonRef: d,
-  encryptionLabel: C,
-  children: u
-}) => {
-  const { t: i } = h();
-  return /* @__PURE__ */ e("div", { class: "IncodeCaptureFooter", children: [
-    /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterEncryption", children: [
-      /* @__PURE__ */ e(F, { className: "IncodeCaptureFooterEncryptionIcon" }),
-      /* @__PURE__ */ e("span", { children: C ?? i("v2.capture.label") })
-    ] }),
-    l && r ? /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterCaptureSection", children: [
-      u,
-      /* @__PURE__ */ e(
-        "button",
-        {
-          ref: d,
-          type: "button",
-          class: "IncodeCaptureFooterCaptureButton",
-          onClick: r,
-          "aria-label": t ?? i("manualCapture.ariaLabel"),
-          "aria-describedby": n,
-          "data-testid": "capture-button",
-          children: /* @__PURE__ */ e(f, {})
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterHelp", children: /* @__PURE__ */ e(
-      p,
-      {
-        ref: c,
-        variant: "link",
-        onClick: a,
-        "aria-label": o ?? i("idv2.needHelp.open"),
-        class: "IncodeCaptureFooterHelpButton",
-        children: /* @__PURE__ */ e(H, {})
-      }
-    ) })
-  ] });
-};
-export {
-  B as C,
-  H,
-  F as L,
-  x as a,
-  V as b,
-  M as c,
-  f as d
-};