@incodetech/web 0.0.0-dev-20260403-eccc51c → 0.0.0-dev-20260407-4580f1c

package/dist/extensibility.es.js

@@ -1,150 +1,22 @@
-import { u as t } from "./loadingIcon-DmuPXh70.js";
-import { I as g, L as y, S as T, a as v, b as S } from "./loadingIcon-DmuPXh70.js";
-import { u as F } from "./instance-BWYzq8dk.js";
-import { P as L } from "./page-SrUl0qtN.js";
-import { C as b, F as H, O as M } from "./fileIcon-CCSvS10T.js";
-import { S as E } from "./spinner-DygONskw.js";
-import { P as D } from "./processing-szVOCQwZ.js";
-import { E as A } from "./errorContent-Cb8nmQAE.js";
-import { F as U, V as j } from "./formField-CP6wDdfA.js";
-import { C as q, P as z } from "./cameraView-C2X7klNb.js";
-import { B as i } from "./button-CE9kRlem.js";
-import { I as J, a as K } from "./inputComposed-fUbAGrDy.js";
-import { O as Q } from "./otpInput-BFXhqFRT.js";
-import { C as Y, a as Z } from "./checkbox-B5X-mfqq.js";
-import { P as $ } from "./phoneInputComposed-Cm9O2Jba.js";
-import { D as ra, S as ea } from "./dropdownComposed-BpinYlrx.js";
-import { C as ta, D as sa } from "./dateInputComposed-C7PCzh-U.js";
-import { b as pa, C as ia, c as ca, e as ua, d as ma, H as la, L as Ca, T as da, a as fa } from "./captureOverlay-tCb4R4WE.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-BqV462TA.js";
-import { L as Oa, M as ba } from "./manualCaptureButton-BvFmTyJe.js";
-import { A as c, y as u, q as m } from "./vendor-preact-BoMmvSgn.js";
-import { B as Ma, P as Va } from "./permissions-DT4Fz9MR.js";
-import { T as ka, a as Da, b as wa, c as Aa, d as Ra, e as Ua } from "./typography-BDACYR5i.js";
-import { C as Wa } from "./chevronDown-DSHaPKbi.js";
-import { C as za } from "./closeIcon-9Hc97omv.js";
-import { E as Ja } from "./errorIcon-DEARBrGx.js";
-import { S as Na } from "./successIcon-Bjsdc4lF.js";
-import { c as Xa, a as Ya, g as Za } from "./countries-DfLkrF0x.js";
-import { C as $a, T as ar } from "./tutorial-Cdz1025D.js";
-import { s as er } from "./uiConfig-Dnt-2YWB.js";
-function l(a) {
-  if (a.readyState < 2 || a.videoWidth === 0 || a.videoHeight === 0)
-    return null;
-  const r = document.createElement("canvas");
-  r.width = a.videoWidth, r.height = a.videoHeight;
-  const e = r.getContext("2d");
-  return e ? (e.drawImage(a, 0, 0), r.toDataURL("image/jpeg", 0.92).split(",")[1] ?? null) : null;
-}
-const I = ({
-  stream: a,
-  onCapture: r,
-  disabled: e
-}) => {
-  const o = c(null);
-  u(() => {
-    o.current && a && (o.current.srcObject = a, o.current.play().catch(() => {
-    }));
-  }, [a]);
-  const s = m(() => {
-    const n = o.current;
-    if (!n || e) return;
-    const p = l(n);
-    p && r(p);
-  }, [r, e]);
-  return /* @__PURE__ */ t("div", { class: "IncodeManualCapture", children: [
-    /* @__PURE__ */ t("div", { class: "IncodeManualCaptureVideoContainer", children: /* @__PURE__ */ t(
-      "video",
-      {
-        ref: o,
-        autoplay: !0,
-        playsInline: !0,
-        muted: !0,
-        class: "IncodeManualCaptureVideo",
-        "aria-label": "Camera stream for document capture"
-      }
-    ) }),
-    /* @__PURE__ */ t("div", { class: "IncodeManualCaptureButtonContainer", children: /* @__PURE__ */ t(
-      i,
-      {
-        variant: "primary",
-        size: "L",
-        onClick: s,
-        disabled: e,
-        class: "IncodeManualCaptureButton",
-        "aria-label": "Capture document",
-        children: "Capture"
-      }
-    ) })
-  ] });
-};
-export {
-  Ma as BaseTutorial,
-  i as Button,
-  ta as CalendarIcon,
-  pa as CameraFrame,
-  b as CameraIcon,
-  ia as CameraOverlay,
-  ca as CameraOverlayHeader,
-  q as CameraView,
-  ua as CaptureButtonIcon,
-  ma as CaptureFooter,
-  Y as Checkbox,
-  Z as CheckmarkIcon,
-  Wa as ChevronDown,
-  xa as ChevronRightIcon,
-  za as CloseIcon,
-  sa as DateInputComposed,
-  ra as DropdownComposed,
-  A as ErrorContent,
-  Ja as ErrorIcon,
-  H as FileIcon,
-  U as FormField,
-  la as HelpIcon,
-  ha as IdCapture,
-  ga as IdChooser,
-  ya as IdError,
-  Ta as IdExpired,
-  va as IdFlipAnimation,
-  Sa as IdTutorial,
-  g as IncodeComponent,
-  J as Input,
-  K as InputComposed,
-  y as LandscapeBlocker,
-  Ba as LightningIcon,
-  Ca as LockIcon,
-  Oa as Lottie,
-  I as ManualCapture,
-  ba as Modal,
-  Q as OtpInput,
-  M as Overlay,
-  L as Page,
-  Va as Permissions,
-  $ as PhoneInputComposed,
-  D as Processing,
-  z as ProgressBar,
-  ea as SearchIcon,
-  $a as SelfieCapture,
-  ar as SelfieTutorial,
-  T as Spacer,
-  E as Spinner,
-  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,
-  Xa as countries,
-  Ya as getCountryByCallingCode,
-  Za as getCountryByCode,
-  er as setUiConfig,
-  v as useManager,
-  F as useScreenOrientation,
-  S as useTranslation
-};
+import { n as e } from "./i18n-DZOHbK9q.js";
+import { t } from "./uiConfig-CwpQ-IM6.js";
+import { c as n, i as r, r as i, s as a } from "./loadingIcon-CeQt7Zgb.js";
+import { t as o } from "./spacer-DCljE53A.js";
+import { t as s } from "./button-DhL5eRT3.js";
+import { t as c } from "./page-SvlJWUfz.js";
+import { _ as l, a as u, c as d, d as f, f as p, g as m, h, i as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E } from "./extensibility-DJihqIzM.js";
+import { a as D, i as O, n as k, o as A, s as j, t as M } from "./typography-DvHeVWfY.js";
+import { t as N } from "./spinner-snIGzmm8.js";
+import { t as P } from "./processing-B5zhNH6I.js";
+import { a as F, c as I, d as L, f as R, i as z, l as B, n as V, o as H, p as U, r as W, s as G, t as K, u as q } from "./icons-BHbofCgJ.js";
+import { a as J, i as Y, n as X, o as Z, r as Q, s as $, t as ee } from "./tutorial-DNOd11tg.js";
+import { t as te } from "./successIcon-AHrfmJvv.js";
+import { r as ne, t as re } from "./formField-BRTbY8w9.js";
+import { n as ie, t as ae } from "./inputComposed-BhbfD8Ru.js";
+import { t as oe } from "./otpInput-CDIG9el7.js";
+import { t as se } from "./checkbox-l8NxPf4o.js";
+import { n as ce, r as le, t as ue } from "./countries-y2ydYDhN.js";
+import { t as de } from "./phoneInputComposed-B-0zieIW.js";
+import { t as fe } from "./dropdownComposed-_Ey7wJNG.js";
+import { t as pe } from "./dateInputComposed-ndsGHX1M.js";
+export { Y as BaseTutorial, s as Button, R as CalendarIcon, p as CameraFrame, L as CameraIcon, f as CameraOverlay, T as CameraOverlayHeader, _ as CameraView, q as CaptureButtonIcon, d as CaptureFooter, se as Checkbox, B as CheckmarkIcon, I as ChevronDown, G as ChevronRightIcon, H as CloseIcon, pe as DateInputComposed, fe as DropdownComposed, $ as ErrorContent, U as ErrorIcon, F as FileIcon, re as FormField, z as HelpIcon, g as IdCapture, y as IdChooser, b as IdError, u as IdExpired, w as IdFlipAnimation, S as IdTutorial, i as IncodeComponent, ie as Input, ae as InputComposed, r as LandscapeBlocker, K as LightningIcon, W as LockIcon, J as Lottie, C as ManualCapture, Z as Modal, oe as OtpInput, E as Overlay, c as Page, Q as Permissions, de as PhoneInputComposed, P as Processing, l as ProgressBar, V as SearchIcon, X as SelfieCapture, ee as SelfieTutorial, o as Spacer, N as Spinner, te as SuccessIcon, m as TextArea, h as TextAreaComposed, M as Title, k as TypographyH1, O as TypographyH3, D as TypographyH4, A as TypographyH5, j as TypographyP, x as VerificationOptionCard, v as VerificationOptionCardList, ne as VerificationResult, ue as countries, ce as getCountryByCallingCode, le as getCountryByCode, t as setUiConfig, n as useManager, a as useScreenOrientation, e as useTranslation };

package/dist/face-match/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | 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 {
@@ -8,6 +8,20 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
@@ -22,16 +36,6 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
-      --tw-ease: initial;
       --tw-font-weight: initial;
     }
   }
@@ -40,6 +44,10 @@
 @layer incode-theme;
 
 @layer incode-utilities {
+  .\!visible {
+    visibility: visible !important;
+  }
+
   .visible {
     visibility: visible;
   }
@@ -48,14 +56,14 @@
     position: absolute;
   }
 
-  .fixed {
-    position: fixed;
-  }
-
   .relative {
     position: relative;
   }
 
+  .static {
+    position: static;
+  }
+
   .container {
     width: 100%;
   }
@@ -90,6 +98,10 @@
     }
   }
 
+  .m-auto {
+    margin: auto;
+  }
+
   .block {
     display: block;
   }
@@ -106,27 +118,75 @@
     display: none;
   }
 
+  .inline {
+    display: inline;
+  }
+
   .inline-flex {
     display: inline-flex;
   }
 
-  .flex-shrink {
-    flex-shrink: 1;
+  .max-w-\[420px\] {
+    max-width: 420px;
+  }
+
+  .flex-1 {
+    flex: 1;
   }
 
   .transform {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .resize {
+    resize: both;
+  }
+
+  .justify-between {
+    justify-content: space-between;
+  }
+
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
 
+  .text-button-m-underlined {
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    -webkit-text-decoration-skip-ink: none;
+    text-decoration-skip-ink: none;
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+    text-decoration-thickness: auto;
+  }
+
+  .lowercase {
+    text-transform: lowercase;
+  }
+
   .uppercase {
     text-transform: uppercase;
   }
 
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -141,26 +201,11 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
-  .backdrop-filter {
-    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-  }
-
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     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));
   }
-
-  .ease-in-out {
-    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
-    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
-  }
-
-  .ease-out {
-    --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
-    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
-  }
 }
 
 @layer incode-base, incode-components;
@@ -546,7 +591,7 @@
   animation: leftEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, leftIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;
   animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);
   left: 0;
-  transform: translateX(-200px)translateZ(0);
+  transform: translateX(-200px) translateZ(0);
 }
 
 .IncodeFaceMatchRightPhoto {
@@ -556,7 +601,7 @@
   animation: rightEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, rightIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;
   animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);
   right: 0;
-  transform: translateX(200px)translateZ(0);
+  transform: translateX(200px) translateZ(0);
 }
 
 .IncodeFaceMatchBottomPhotoContainer {
@@ -572,7 +617,7 @@
   position: absolute;
   top: 225px;
   left: 50%;
-  transform: translate(-50%, 200px)translateZ(0);
+  transform: translate(-50%, 200px) translateZ(0);
 }
 
 .IncodeFaceMatchBottomPhotoContainerHidden {
@@ -595,7 +640,7 @@
 
 .IncodeFaceMatchAnimatedTitle {
   animation: simpleFadeInTitle var(--transition-duration, .25s) ease-out forwards, fadeOutTitle var(--transition-duration, .25s) linear forwards;
-  animation-delay: 0s, calc(var(--animation-delay, 2.85s)  + var(--animation-duration, .8s)  + var(--transition-delay, .2s));
+  animation-delay: 0s, calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
   opacity: 0;
 }
 
@@ -607,20 +652,20 @@
   font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   color: var(--text-body-800-primary);
   animation: fadeInTitle var(--transition-duration, .25s) linear forwards;
-  animation-delay: calc(var(--animation-delay, 2.85s)  + var(--animation-duration, .8s)  + var(--transition-delay, .2s));
+  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
   opacity: 0;
   line-height: 125%;
 }
 
 .IncodeFaceMatchAnimatedIcon {
   animation: fadeInIcon var(--transition-duration, .25s) linear forwards;
-  animation-delay: calc(var(--animation-delay, 2.85s)  + var(--animation-duration, .8s)  + var(--transition-delay, .2s));
+  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
   opacity: 0;
 }
 
 .IncodeFaceMatchAnimatedButton {
   animation: slideUpButton var(--transition-duration, .25s) cubic-bezier(.25, .46, .45, .94) forwards;
-  animation-delay: calc(var(--animation-delay, 2.85s)  + var(--animation-duration, .8s)  + var(--transition-delay, .2s));
+  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
   opacity: 0;
 }
 
@@ -655,124 +700,153 @@
   initial-value: solid;
 }
 
-@property --tw-outline-style {
+@property --tw-shadow {
   syntax: "*";
   inherits: false;
-  initial-value: solid;
+  initial-value: 0 0 #0000;
 }
 
-@property --tw-blur {
+@property --tw-shadow-color {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
 }
 
-@property --tw-contrast {
+@property --tw-inset-shadow {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: 0 0 #0000;
 }
 
-@property --tw-grayscale {
+@property --tw-inset-shadow-color {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-hue-rotate {
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-invert {
+@property --tw-ring-shadow {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: 0 0 #0000;
 }
 
-@property --tw-opacity {
+@property --tw-inset-ring-color {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-saturate {
+@property --tw-inset-ring-shadow {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: 0 0 #0000;
 }
 
-@property --tw-sepia {
+@property --tw-ring-inset {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-drop-shadow {
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: #fff;
 }
 
-@property --tw-drop-shadow-color {
+@property --tw-ring-offset-shadow {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: 0 0 #0000;
 }
 
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
+@property --tw-outline-style {
+  syntax: "*";
   inherits: false;
-  initial-value: 100%;
+  initial-value: solid;
 }
 
-@property --tw-drop-shadow-size {
+@property --tw-blur {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-blur {
+@property --tw-brightness {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-brightness {
+@property --tw-contrast {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-contrast {
+@property --tw-grayscale {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-grayscale {
+@property --tw-hue-rotate {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-hue-rotate {
+@property --tw-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-opacity {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-invert {
+@property --tw-saturate {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-opacity {
+@property --tw-sepia {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-saturate {
+@property --tw-drop-shadow {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-backdrop-sepia {
+@property --tw-drop-shadow-color {
   syntax: "*";
   inherits: false
 }
 
-@property --tw-ease {
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-drop-shadow-size {
   syntax: "*";
   inherits: false
 }