@incodetech/web 2.1.0-rc.1 → 2.1.0-rc.3

package/dist/watchlist/watchlist.es.js

@@ -1,11 +1,11 @@
-import { n as useTranslation } from "../i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { t as LoadingIcon } from "../loadingIcon-B0ysgiNq.js";
-import { t as SuccessIcon } from "../successIcon-BAyDPT7I.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
-import { t as StatusPage } from "../statusPage-DMYPUwRZ.js";
+import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
+import { t as StatusPage } from "../statusPage-Bk8nJwXV.js";
 import { createWatchlistManager } from "@incodetech/core/watchlist";
 //#region src/modules/watchlist/watchlist.tsx
 var WatchlistContent = ({ onFinish }) => {

package/dist/{watchlistForBusiness-BFFXC9d-.js → watchlistForBusiness-D2Uo_TwF.js}

@@ -1,15 +1,15 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { _ as y, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "./incodeComponent-wfnHlnXx.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "./hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
 import { t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
-import { t as Page } from "./page-DxGQj7Gk.js";
-import { t as Button } from "./button-CM_hgyIP.js";
-import { t as SuccessIcon } from "./successIcon-BAyDPT7I.js";
-import { t as InputComposed } from "./inputComposed-CQ4AsvZg.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-BUDoTwT9.js";
-import { t as CountrySelector } from "./countrySelector-mSWyHSy4.js";
-import { t as StatusPage } from "./statusPage-DMYPUwRZ.js";
+import { t as Page } from "./page-DidH_RkX.js";
+import { t as Button } from "./button-Dz6AsbmF.js";
+import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
+import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
+import { t as CountrySelector } from "./countrySelector-SvUOyPo0.js";
+import { t as StatusPage } from "./statusPage-Bk8nJwXV.js";
 import { createWatchlistForBusinessManager } from "@incodetech/core/watchlist-for-business";
 //#region src/modules/watchlist-for-business/watchlistForBusiness.tsx
 var WatchlistForBusinessContent = ({ onFinish }) => {

package/dist/workflow/styles.css

@@ -2925,6 +2925,96 @@
     }
   }
 
+  @media (min-width: 40rem) {
+    .incode-container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .incode-container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .incode-container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .incode-container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .incode-container {
+      max-width: 96rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .incode-container {
+      max-height: var(--incode-page-max-h);
+      max-width: var(--incode-page-max-w);
+    }
+
+    @media not all and (min-width: 80rem) {
+      @media (orientation: landscape) {
+        .incode-container {
+          max-height: var(--incode-page-max-h-landscape);
+        }
+      }
+    }
+  }
+
+  @media (min-width: 40rem) {
+    .incode-container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .incode-container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .incode-container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .incode-container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .incode-container {
+      max-width: 96rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .incode-container {
+      max-height: var(--incode-page-max-h);
+      max-width: var(--incode-page-max-w);
+    }
+
+    @media not all and (min-width: 80rem) {
+      @media (orientation: landscape) {
+        .incode-container {
+          max-height: var(--incode-page-max-h-landscape);
+        }
+      }
+    }
+  }
+
   .incode-container {
     width: 100%;
   }
@@ -3085,6 +3175,10 @@
     justify-content: space-between;
   }
 
+  .rounded {
+    border-radius: .25rem;
+  }
+
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -3417,6 +3511,16 @@
     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);
+    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;
@@ -3485,20 +3589,6 @@
   }
 }
 
-.IncodeCameraButton {
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeCameraButton .IncodeCameraButtonBackground {
-  fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
-}
-
-.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
-  fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
-}
-
 .IncodeCaptureContainer {
   flex-direction: column;
   flex: 1;
@@ -3558,10 +3648,21 @@
   transform: scaleX(-1);
 }
 
-.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
-  justify-content: center;
-  margin-top: auto;
-  display: flex;
+.IncodeCaptureContainer .IncodeCaptureAvatarHost {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.IncodeCaptureContainer .IncodeCaptureAvatarElement {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {
+  transform: scaleX(-1);
 }
 
 .IncodeCaptureVisuallyHidden {
@@ -3576,26 +3677,6 @@
   overflow: hidden;
 }
 
-.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {
-  flex-direction: column;
-  flex: 1;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {
-  text-align: center;
-  font-size: var(--text-2xl, 1.5rem);
-  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
-  --tw-leading: 125%;
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  line-height: 125%;
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  --tw-tracking: -1px;
-  letter-spacing: -1px;
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-}
-
 .IncodeFaceOutline {
   width: 100%;
   height: 100%;
@@ -3621,54 +3702,93 @@
   transition: all 1s ease-in-out;
 }
 
-.IncodeSelfieManualCapture {
+.IncodeNotification {
   flex-direction: column;
   align-items: center;
-  max-width: 275px;
   display: flex;
 }
 
-.IncodeSelfieManualCaptureText {
+.IncodeNotification .IncodeNotificationText {
   text-align: center;
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h5-size);
-  font-weight: var(--typography-headline-h5-weight);
-  line-height: var(--typography-headline-h5-line-height);
-  letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  font-family: var(--typography-feedback-family);
+  font-size: var(--typography-feedback-l-size);
+  font-weight: var(--typography-feedback-l-weight);
+  line-height: var(--typography-feedback-l-line-height);
+  letter-spacing: var(--typography-feedback-l-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeSelfieManualCaptureButton {
-  padding: var(--spacing-0, var(--spacing-none, 0px));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
+.IncodeCameraButton {
+  justify-content: center;
+  align-items: center;
+  display: flex;
 }
 
-.IncodeNotification {
+.IncodeCameraButton .IncodeCameraButtonBackground {
+  fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
+}
+
+.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
+  fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
+}
+
+.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
+  justify-content: center;
+  margin-top: auto;
+  display: flex;
+}
+
+.IncodePrivacyLensBanner {
+  text-align: center;
+  color: #4a5568;
+  text-align: center;
+  max-width: 320px;
+  margin-inline: auto;
+  padding: 0 1rem 1rem;
+  font-size: .95rem;
+  line-height: 1.4;
+}
+
+.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {
   flex-direction: column;
+  flex: 1;
   align-items: center;
   display: flex;
 }
 
-.IncodeNotification .IncodeNotificationText {
+.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {
   text-align: center;
-  font-family: var(--typography-feedback-family);
-  font-size: var(--typography-feedback-l-size);
-  font-weight: var(--typography-feedback-l-weight);
-  line-height: var(--typography-feedback-l-line-height);
-  letter-spacing: var(--typography-feedback-l-letter-spacing);
+  font-size: var(--text-2xl, 1.5rem);
+  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
+  --tw-leading: 125%;
+  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  line-height: 125%;
+  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  --tw-tracking: -1px;
+  letter-spacing: -1px;
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeSelfieTutorial {
-  --brand-color: var(--surface-brand-500);
+.IncodeSelfieManualCapture {
+  flex-direction: column;
+  align-items: center;
+  max-width: 275px;
+  display: flex;
 }
 
-.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg linearGradient#__lottie_element_29 stop {
-  stop-color: var(--brand-color);
+.IncodeSelfieManualCaptureText {
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
-.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:nth-child(3) > g > path, .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:first-child > g > path {
-  fill: var(--brand-color);
+.IncodeSelfieManualCaptureButton {
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodePhonePage .IncodePageContent {
@@ -4289,10 +4409,6 @@
   margin-inline: auto;
 }
 
-.IncodeIdTutorial {
-  --brand-color: var(--surface-brand-500);
-}
-
 .IncodeIdTutorial .IncodePageTitleContainer {
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
 }
@@ -4305,10 +4421,6 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:nth-child(2) > g:nth-child(5) > g > g > g:nth-child(3) > g > path, .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g > g > g > g:nth-child(4) > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:first-child > g > path {
-  fill: var(--brand-color);
-}
-
 .IncodeFlipAnimation {
   background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
   height: 100%;
@@ -4448,7 +4560,7 @@
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
-  --frame-border-color: var(--border-status-focus);
+  --frame-border-color: var(--border-brand-500);
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
@@ -5467,20 +5579,30 @@
 .IncodeIdOcrPage .IncodeIdOcrForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeIdOcrPage .IncodeIdOcrFields {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: flex-start;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
+  flex: 1;
   width: 100%;
   display: flex;
   overflow-y: auto;
 }
 
 .IncodeIdOcrPage .IncodeIdOcrButton {
-  bottom: var(--spacing-0, var(--spacing-none, 0px));
   width: 100%;
-  position: sticky;
+  padding-top: var(--spacing-16, var(--spacing-16, 16px));
+  flex-shrink: 0;
 }
 
 .IncodeIdOcrPage .IncodeIdOcrRadioGroup {
@@ -5979,10 +6101,18 @@
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
 }
 
+.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageInner {
+  max-width: 420px;
+}
+
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {
   margin: var(--spacing-0, var(--spacing-none, 0px));
 }
 
+.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitle {
+  text-align: left;
+}
+
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
   gap: var(--spacing-24, var(--spacing-24, 24px));
@@ -6448,6 +6578,7 @@
   width: 100%;
   max-width: var(--redirect-form-column-max-width);
   flex-direction: column;
+  flex: 1;
   display: flex;
 }
 
@@ -6474,7 +6605,7 @@
   gap: var(--spacing-12, var(--spacing-12, 12px));
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
-  border-color: var(--color-border-neutral-300, var(--border-neutral-300));
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
   width: 100%;
   max-width: var(--redirect-tabs-max-width);
   display: flex;
@@ -6505,7 +6636,7 @@
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
-  border-color: var(--color-text-link-default, var(--text-link-default));
+  border-color: var(--color-border-brand-500, var(--border-brand-500));
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
@@ -7270,6 +7401,53 @@
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
 }
 
+.IncodeFinishScreenBySessionStatus .IncodePageContent {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeFinishScreenBySessionStatus .IncodeFinishScreenStatus {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  width: 100%;
+  padding: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeFinishScreenBySessionStatus .IncodeFinishScreenTitleGroup {
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeFinishScreenBySessionStatus .IncodeFinishScreenTitle, .IncodeFinishScreenBySessionStatus .IncodeFinishScreenSubtitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeFinishScreenBySessionStatus .IncodeFinishScreenDescription {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  overflow-wrap: break-word;
+  max-width: var(--incode-form-max-w);
+}
+
 .IncodeWorkflow {
   width: 100%;
   height: 100%;