@incodetech/web 0.0.0-dev-20260729-37d96d3d → 0.0.0-dev-20260729-9e7b030a

package/dist/workflow/styles.css

@@ -3064,6 +3064,51 @@
     }
   }
 
+  @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%;
   }
@@ -3347,6 +3392,8 @@
     animation-fill-mode: both;
     animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
     animation-fill-mode: both;
+    animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+    animation-fill-mode: both;
   }
 
   .resize {
@@ -3721,6 +3768,11 @@
     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;
@@ -4636,6 +4688,216 @@
   display: flex;
 }
 
+.IncodeIdFlipCardLayout {
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {
+  z-index: 10;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
+  z-index: 10;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {
+  opacity: 0;
+  flex-direction: column;
+  align-items: center;
+  animation: .3s ease-out forwards incodeIdFlipCardFadeIn;
+  display: flex;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {
+  text-align: center;
+  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));
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {
+  text-align: center;
+  max-width: 300px;
+  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));
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {
+  overflow: hidden;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
+  width: clamp(180px, 30vh, 274px);
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {
+  --frame-border-color: var(--border-neutral-100);
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {
+  perspective: 1200px;
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
+  width: 100%;
+  height: 100%;
+  transform-style: preserve-3d;
+  animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;
+  position: relative;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
+    animation: none;
+  }
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  backface-visibility: hidden;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
+  transform: rotateY(180deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
+    opacity: 0;
+    animation: .3s ease-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;
+    transform: none;
+  }
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
+    animation: .3s ease-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;
+  }
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-4, var(--spacing-4, 4px));
+  display: block;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {
+  z-index: 10;
+  width: 100%;
+  max-width: 384px;
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  white-space: nowrap;
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  display: flex;
+}
+
+@keyframes incodeIdFlipCardFadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes incodeIdFlipCardRotate {
+  from {
+    transform: rotateY(0);
+  }
+
+  to {
+    transform: rotateY(180deg);
+  }
+}
+
+@keyframes incodeIdFlipCardFrontFade {
+  0%, 20% {
+    opacity: 1;
+  }
+
+  50%, 100% {
+    opacity: 0;
+  }
+}
+
+@keyframes incodeIdFlipCardReducedMotionFadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes incodeIdFlipCardReducedMotionFadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
 .IncodeCommonIssuesFullScreen .IncodeModalDialog {
   max-width: none;
   height: 100%;
@@ -5234,6 +5496,26 @@
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
+.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
+  animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
+    animation-duration: 1ms;
+  }
+}
+
+@keyframes incodeIdProcessingResultFadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
 .IncodeIdError {
   inset: var(--spacing-0, var(--spacing-none, 0px));
   z-index: 1000;

package/dist/workflow/workflow.es.js

@@ -1,10 +1,10 @@
-import { c as readStoredLanguage, i as useTranslation, t as setUiConfig } from "../uiConfig-CXjf9USC.js";
+import { c as readStoredLanguage, i as useTranslation, t as setUiConfig } from "../uiConfig-Ar3UWfPc.js";
 import { _ as y, c as z, l as A, o as P, p as d, v as u } from "../vendor-preact-mvwZ8mJj.js";
-import { i as fetchAndApplyTheme } from "../dashboardTheme-BBWzF-Rl.js";
-import { a as TerminalErrorPage, i as ResolvedConfigProvider, l as TransitionSpinner, o as Page, t as IncodeComponent, v as useManager } from "../incodeComponent-DbuDabZM.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-iZIKJfYJ.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-CWPPP3RX.js";
-import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as isDesktopOrEmulated } from "../useModuleLoader-CcbKux2n.js";
+import { i as fetchAndApplyTheme } from "../dashboardTheme-BExWWw2E.js";
+import { a as TerminalErrorPage, i as ResolvedConfigProvider, l as TransitionSpinner, o as Page, t as IncodeComponent, y as useManager } from "../incodeComponent-CaVm81Om.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-CvZ2oKGw.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B02hDGir.js";
+import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as isDesktopOrEmulated } from "../useModuleLoader-DDr5IBnE.js";
 import { resolveWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
 import { classifyScoreStatus } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
@@ -265,7 +265,7 @@ function useWorkflowInitialization(options) {
 }
 //#endregion
 //#region src/modules/workflow/workflow.tsx
-var LazyHomeScreen = z(() => import("../homeScreen-C13L_5E7.js").then((module) => ({ default: module.HomeScreen })));
+var LazyHomeScreen = z(() => import("../homeScreen-ayC3SHjN.js").then((module) => ({ default: module.HomeScreen })));
 function mapModuleConfig(options) {
 	const { moduleKey, config, workflowId, authHint, loginHintPrefill, lang, mergeSessionRecordings, ageAssurance } = options;
 	switch (moduleKey) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260729-37d96d3d",
+  "version": "0.0.0-dev-20260729-9e7b030a",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -282,7 +282,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260729-37d96d3d"
+    "@incodetech/core": "0.0.0-dev-20260729-9e7b030a"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/dateInputComposed-CGMz5UVE.js

@@ -1 +0,0 @@
-import "./dateInputComposed-_hgrTAHv.js";

package/dist/documentCapture-RezFAvKe.js

@@ -1,2 +0,0 @@
-import { t as DocumentCapture } from "./documentCapture-BnY5a6sE.js";
-export { DocumentCapture };

package/dist/dropdownComposed-ZNxRG80x.js

@@ -1 +0,0 @@
-import "./dropdownComposed-Df6I0kfH.js";

package/dist/ekybModule-l4Ybh7Cb.js

@@ -1,2 +0,0 @@
-import { t as EkybModule } from "./ekybModule-BuJN0kRM.js";
-export { EkybModule };

package/dist/ekycModule-DBpLOI2s.js

@@ -1,2 +0,0 @@
-import { t as EkycModule } from "./ekycModule-Cl-dSGS3.js";
-export { EkycModule };

package/dist/faceMatch-C3ruQ-2t.js

@@ -1,2 +0,0 @@
-import { t as FaceMatch } from "./faceMatch-DeBTtmW8.js";
-export { FaceMatch };

package/dist/fieldComparison-yT4MOoSF.js

@@ -1,2 +0,0 @@
-import { t as FieldComparison } from "./fieldComparison-DNKTX27t.js";
-export { FieldComparison };

package/dist/inputComposed-CWWfge4m.js

@@ -1 +0,0 @@
-import "./inputComposed-DyOp4913.js";

package/dist/pdfViewer-D7yXDe2C.js

@@ -1,2 +0,0 @@
-import { t as PdfViewer } from "./pdfViewer-CEamEnkS.js";
-export { PdfViewer };