@incodetech/web 0.0.0-dev-20260126-4504c5b

package/dist/selfie/selfie.es.js

@@ -0,0 +1,570 @@
+import { u as t, S as a, B as h, c as O, L, r as I, a as S } from "../incodeModule-DR92HDjR.js";
+import { createSelfieManager as D } from "@incodetech/core/selfie";
+import { g as v, d as R, k as g, A, y as T } from "../vendor-preact-CjD4WiuC.js";
+import "@incodetech/core";
+import { B as M, P as w, a as N } from "../baseTutorial-Be85FuyO.js";
+import { P as C, I as B } from "../page-CITAo3qf.js";
+import { u as d, S as y, T as x } from "../spinner-CQtj_FFo.js";
+import "../instance-B-q0ZREN.js";
+const F = ({ size: i = 64 }) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: i,
+    height: i,
+    viewBox: "0 0 16 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: "IncodeSuccessIcon",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t("title", { children: "status" }),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M8 0.5C12.4182 0.500064 16 4.0818 16 8.5C16 12.9182 12.4181 16.4999 8 16.5C3.58181 16.5 3.68521e-05 12.9182 0 8.5C0 4.08176 3.58179 0.5 8 0.5ZM11.1748 6.11621C10.9423 5.88373 10.5747 5.86781 10.3242 6.06934L10.3203 6.07324L10.2764 6.1123L6.85742 9.53125L5.72656 8.40039C5.47758 8.1514 5.0732 8.1514 4.82422 8.40039C4.59169 8.63292 4.57673 9.00038 4.77832 9.25098L4.78125 9.25488L4.82031 9.29883L6.40625 10.8848C6.63867 11.117 7.00542 11.1319 7.25586 10.9307L7.26074 10.9277L7.30371 10.8877L11.1748 7.01758C11.4235 6.76863 11.4234 6.36521 11.1748 6.11621Z",
+          fill: "var(--icon-status-positive-static)"
+        }
+      )
+    ]
+  }
+), m = ({
+  title: i,
+  description: e,
+  attemptsText: o,
+  buttonText: n,
+  icon: r,
+  onButtonClick: s
+}) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(C, { "data-testid": "face-capture-error-modal", children: /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentContainer", children: [
+  /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentIconContainer", children: [
+    r,
+    /* @__PURE__ */ t(a, { size: 24 }),
+    /* @__PURE__ */ t("h2", { class: "IncodeErrorModalContentTitle", children: i }),
+    /* @__PURE__ */ t(a, { size: 16 }),
+    /* @__PURE__ */ t("p", { class: "IncodeErrorModalContentDescription", children: e })
+  ] }),
+  /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentAttemptsContainer", children: [
+    /* @__PURE__ */ t("p", { class: "IncodeErrorModalContentAttemptsText", children: o }),
+    /* @__PURE__ */ t(a, { size: 24 }),
+    /* @__PURE__ */ t(h, { onClick: s, children: n })
+  ] })
+] }) }) }), P = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ t("title", { children: "Error" }),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M16 0C24.8219 0 32 7.17642 32 16C32 24.8219 24.8219 32 16 32C7.17811 32 0 24.8219 0 16C0 7.17642 7.17811 0 16 0ZM13.1553 11.3701C12.6618 10.8767 11.8636 10.8767 11.3701 11.3701C10.8767 11.8636 10.8767 12.6618 11.3701 13.1553L14.4053 16.1924L11.3721 19.2256C10.8803 19.7191 10.8803 20.5173 11.3721 21.0107C11.8656 21.504 12.6658 21.5041 13.1592 21.0107L16.1924 17.9775L19.2334 21.0205C19.481 21.2664 19.8029 21.3916 20.1279 21.3916C20.4513 21.3916 20.7746 21.2664 21.0205 21.0205C21.514 20.527 21.514 19.7269 21.0205 19.2334L17.9775 16.1924L21.0107 13.1572C21.5041 12.6638 21.504 11.8639 21.0107 11.3721C20.5173 10.8786 19.7191 10.8786 19.2256 11.3721L16.1904 14.4053L13.1553 11.3701Z",
+          fill: "var(--surface-status-negative-600)"
+        }
+      )
+    ]
+  }
+), V = ({
+  title: i,
+  onContinue: e
+}) => {
+  const { t: o } = d();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      title: i,
+      description: o("notifications.selfieCaptureFailedDescription"),
+      attemptsText: o("notifications.noAttemptsRemaining") ?? "No attempts remaining",
+      buttonText: o("common.continue") ?? "Continue",
+      icon: /* @__PURE__ */ t(P, {}),
+      onButtonClick: e
+    }
+  );
+}, U = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ t("title", { children: "Warning" }),
+      /* @__PURE__ */ t("g", { clipPath: "url(#clip0)", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M16 0C24.848 0 32 7.1696 32 16C32 24.8336 24.848 32 16 32C7.168 32 0 24.8336 0 16C0 7.1696 7.168 0 16 0ZM16 20.6896C15.232 20.6896 14.608 21.3136 14.608 22.0816C14.608 22.8496 15.232 23.4896 16.016 23.4896C16.784 23.4896 17.408 22.8496 17.408 22.0816C17.408 21.3136 16.784 20.6896 16 20.6896ZM16 8.528C15.232 8.528 14.592 9.1696 14.592 9.936V17.008C14.592 17.7776 15.232 18.4 16 18.4C16.768 18.4 17.392 17.7776 17.392 17.008V9.936C17.392 9.1696 16.768 8.528 16 8.528Z",
+          fill: "var(--surface-status-warning-500)"
+        }
+      ) }),
+      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0", children: /* @__PURE__ */ t("rect", { width: "32", height: "32", fill: "white" }) }) })
+    ]
+  }
+), H = ({
+  title: i,
+  description: e,
+  attemptsRemaining: o,
+  onTryAgain: n
+}) => {
+  const { t: r } = d();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      title: i,
+      description: r(e),
+      attemptsText: r("common.attemptsRemaining", { count: o }) ?? `Attempts remaining: ${o}`,
+      buttonText: r("common.tryAgain") ?? "Try Again",
+      icon: /* @__PURE__ */ t(U, {}),
+      onButtonClick: n
+    }
+  );
+}, l = {
+  title: "Something went wrong",
+  description: "Please try again later"
+}, Z = {
+  MASK_ERROR: {
+    title: "notifications.mask",
+    description: "notifications.maskDescription"
+  },
+  BRIGHTNESS_ERROR: {
+    title: "notifications.brightness",
+    description: "notifications.brightnessDescription"
+  },
+  LIVENESS_ERROR: {
+    title: "notifications.spoof",
+    description: "notifications.spoofDescription"
+  },
+  CLOSED_EYES_ERROR: {
+    title: "notifications.closedEyes",
+    description: "notifications.closedEyesDescription"
+  },
+  HEAD_COVER_ERROR: {
+    title: "notifications.removeHeadwear",
+    description: "notifications.removeHeadwearDescription"
+  },
+  LENSES_ERROR: {
+    title: "notifications.lenses",
+    description: "notifications.lensesDescription"
+  },
+  FACE_NOT_FOUND: {
+    title: "notifications.faceNotFound",
+    description: "notifications.faceNotFoundDescription"
+  },
+  MULTIPLE_FACES: {
+    title: "notifications.multiple",
+    description: "notifications.multipleDescription"
+  },
+  TOO_BLURRY_ERROR: l,
+  TOO_DARK_ERROR: l,
+  SERVER_ERROR: l,
+  FACE_CROPPING_FAILED: l,
+  FACE_TOO_SMALL: l,
+  PROCESSING_ERROR: l,
+  BAD_REQUEST: l,
+  USER_IS_NOT_RECOGNIZED: {
+    title: "notifications.accessDenied",
+    description: "notifications.accessDeniedDescription"
+  },
+  SPOOF_ATTEMPT_DETECTED: {
+    title: "notifications.spoof",
+    description: "notifications.spoofDescription"
+  },
+  FACE_TOO_DARK: {
+    title: "notifications.brightness",
+    description: "notifications.brightnessDescription"
+  },
+  LENSES_DETECTED: {
+    title: "notifications.lenses",
+    description: "notifications.lensesDescription"
+  },
+  FACE_MASK_DETECTED: {
+    title: "notifications.mask",
+    description: "notifications.maskDescription"
+  },
+  CLOSED_EYES_DETECTED: {
+    title: "notifications.closedEyes",
+    description: "notifications.closedEyesDescription"
+  },
+  HEAD_COVER_DETECTED: {
+    title: "notifications.removeHeadwear",
+    description: "notifications.removeHeadwearDescription"
+  },
+  FACE_TOO_BLURRY: {
+    title: "notifications.spoof",
+    description: "notifications.spoofDescription"
+  },
+  BAD_PHOTO_QUALITY: {
+    title: "notifications.lowQualityImage",
+    description: "notifications.lowQualityImageDescription"
+  },
+  NONEXISTENT_CUSTOMER: {
+    title: "notifications.nonexistentCustomer",
+    description: "notifications.nonexistentCustomerDescription"
+  },
+  HINT_NOT_PROVIDED: {
+    title: "notifications.hintNotProvided",
+    description: "notifications.hintNotProvidedDescription"
+  },
+  SELFIE_IMAGE_LOW_QUALITY: {
+    title: "notifications.selfieImageLowQuality",
+    description: "notifications.selfieImageLowQualityDescription"
+  }
+}, k = [
+  "LIVENESS_ERROR",
+  "BRIGHTNESS_ERROR",
+  "LENSES_ERROR",
+  "MASK_ERROR",
+  "CLOSED_EYES_ERROR",
+  "HEAD_COVER_ERROR",
+  "SERVER_ERROR",
+  "FACE_NOT_FOUND",
+  "MULTIPLE_FACES",
+  "TOO_BLURRY_ERROR",
+  "TOO_DARK_ERROR",
+  "USER_IS_NOT_RECOGNIZED",
+  "SPOOF_ATTEMPT_DETECTED",
+  "FACE_TOO_DARK",
+  "LENSES_DETECTED",
+  "FACE_MASK_DETECTED",
+  "CLOSED_EYES_DETECTED",
+  "HEAD_COVER_DETECTED",
+  "FACE_CROPPING_FAILED",
+  "FACE_TOO_SMALL",
+  "FACE_TOO_BLURRY",
+  "BAD_PHOTO_QUALITY",
+  "PROCESSING_ERROR",
+  "BAD_REQUEST",
+  "NONEXISTENT_CUSTOMER",
+  "HINT_NOT_PROVIDED",
+  "SELFIE_IMAGE_LOW_QUALITY"
+], b = (i) => {
+  const e = i.toUpperCase();
+  if (e.includes("HTTP 400") || e.includes("BAD_REQUEST"))
+    return "BAD_REQUEST";
+  if (e.includes("HTTP 500") || e.includes("SERVER_ERROR"))
+    return "SERVER_ERROR";
+  for (const o of k)
+    if (e.includes(o))
+      return o;
+  return null;
+}, _ = ({
+  error: i,
+  attemptsRemaining: e,
+  onTryAgain: o,
+  onContinue: n
+}) => {
+  const { t: r } = d();
+  if (!i) return null;
+  const u = b(i) ?? i, { title: c, description: f } = Z[u] ?? l, p = e <= 0, E = r(c) ?? c;
+  return p ? /* @__PURE__ */ t(V, { title: E, onContinue: n }) : /* @__PURE__ */ t(
+    H,
+    {
+      title: E,
+      description: f,
+      attemptsRemaining: e,
+      onTryAgain: o
+    }
+  );
+}, z = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "292",
+    height: "272",
+    viewBox: "0 0 292 272",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: "IncodeFaceOutline",
+    children: [
+      /* @__PURE__ */ t("title", { children: "Outline" }),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: "0.8",
+          d: "M145.633 8.0625C115.606 8.06268 85.6206 26.5984 76.9712 54.293L76.771 54.9492C70.4539 76.1063 75.0139 100.802 76.8687 110.58L77.3628 113.188L75.1528 114.656C66.1187 120.66 63.5861 124.089 62.8472 126.92C62.4669 128.377 62.4644 130.035 62.8003 132.412C63.1635 134.983 63.7533 137.484 64.4233 141.347L64.5142 141.841C65.5056 146.956 68.1062 152.133 71.2749 156.618C74.5527 161.257 78.2056 164.826 80.7349 166.584L82.4517 167.777V169.869C82.4517 177.866 85.3476 186.144 89.6763 194.128C93.9906 202.085 99.5748 209.473 104.623 215.646L105.526 216.751V218.178C105.526 220.891 105.68 223.73 105.801 226.9C105.92 230.011 106.003 233.347 105.828 236.771C105.475 243.652 104.077 251.044 99.7446 258.227C91.1977 272.397 72.1081 284.401 31.8677 291.776L29.936 292.124C-41.1597 304.684 -61.4563 361.617 -63.2153 392.062H145.633V400.062H-71.3638L-71.3462 396.044C-71.2048 364.597 -50.9804 298.295 28.5444 284.246L30.4448 283.904C69.9919 276.654 86.1642 265.253 92.894 254.095C96.3216 248.412 97.5261 242.442 97.8374 236.362C97.9939 233.307 97.9241 230.262 97.8071 227.206C97.7111 224.697 97.5799 222.105 97.5396 219.615C92.5931 213.5 87.048 206.064 82.644 197.941C78.308 189.944 74.9442 181.04 74.5024 171.896C71.3932 169.387 67.8531 165.638 64.7417 161.234C61.1656 156.173 57.9337 149.942 56.6587 143.353L56.5415 142.714C55.9864 139.514 55.2491 136.155 54.8784 133.531C54.4806 130.715 54.3377 127.843 55.106 124.899C56.5344 119.427 60.7885 114.886 68.5259 109.489C66.4692 98.2995 62.7062 74.0938 69.106 52.6602L69.3345 51.9092C79.2266 20.2173 112.853 0.0626788 145.633 0.0625V8.0625ZM145.635 0.0625C178.415 0.0625 212.042 20.2172 221.934 51.9092L222.163 52.6602C228.562 74.0938 224.799 98.2996 222.743 109.489C230.48 114.886 234.734 119.427 236.163 124.899C236.931 127.843 236.788 130.715 236.39 133.531C236.019 136.155 235.282 139.514 234.727 142.714L234.61 143.353C233.335 149.942 230.103 156.173 226.527 161.234C223.415 165.638 219.875 169.387 216.766 171.896C216.324 181.04 212.961 189.944 208.625 197.941C204.221 206.064 198.676 213.5 193.729 219.615C193.689 222.105 193.557 224.697 193.461 227.206C193.344 230.262 193.275 233.307 193.431 236.362C193.742 242.442 194.947 248.412 198.375 254.095C205.104 265.253 221.277 276.654 260.824 283.904L262.724 284.246C342.249 298.294 362.473 364.597 362.615 396.044L362.632 400.062H145.635V392.062H354.484C352.725 361.616 332.429 304.683 261.333 292.124L259.401 291.776C219.161 284.401 200.071 272.397 191.524 258.227C187.192 251.044 185.793 243.652 185.441 236.771C185.266 233.347 185.348 230.011 185.467 226.9C185.589 223.73 185.743 220.891 185.743 218.178V216.751L186.646 215.646C191.694 209.473 197.278 202.085 201.592 194.128C205.921 186.144 208.817 177.866 208.817 169.869V167.777L210.534 166.584C213.063 164.826 216.716 161.257 219.994 156.618C223.162 152.133 225.763 146.956 226.754 141.841L226.845 141.347C227.515 137.484 228.105 134.983 228.468 132.412C228.804 130.034 228.802 128.377 228.421 126.92C227.682 124.089 225.15 120.66 216.116 114.656L213.906 113.188L214.4 110.58C216.255 100.802 220.815 76.1064 214.498 54.9492L214.297 54.293C205.648 26.5983 175.662 8.0625 145.635 8.0625V0.0625Z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+), Q = (i) => {
+  switch (i) {
+    case "success":
+    case "capturing":
+      return "var(--surface-status-positive-600)";
+    case "loading":
+      return "var(--surface-brand-500)";
+    case "error":
+      return "var(--surface-status-negative-600)";
+    case "idle":
+      return "var(--surface-neutral-100)";
+  }
+}, Y = ({
+  borderState: i = "idle"
+}) => {
+  const e = v(), o = i === "loading" || i === "capturing", n = Q(i), r = o ? `url(#${e})` : n;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      class: O("IncodeLoadingBorder", {
+        IncodeLoadingBorderSpinning: o
+      }),
+      children: /* @__PURE__ */ t(
+        "svg",
+        {
+          width: "100%",
+          height: "100%",
+          viewBox: "0 0 335 335",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ t("title", { children: "Loading Border" }),
+            /* @__PURE__ */ t(
+              "path",
+              {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M335 167.5C335 260.008 260.008 335 167.5 335C74.9923 335 0 260.008 0 167.5C0 74.9923 74.9923 0 167.5 0C260.008 0 335 74.9923 335 167.5ZM167.5 325C254.485 325 325 254.485 325 167.5C325 80.5152 254.485 10 167.5 10C80.5152 10 10 80.5152 10 167.5C10 254.485 80.5152 325 167.5 325Z",
+                class: "IncodeLoadingBorderPath",
+                fill: r
+              }
+            ),
+            /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t(
+              "radialGradient",
+              {
+                id: e,
+                cx: "0",
+                cy: "0",
+                r: "1",
+                gradientUnits: "userSpaceOnUse",
+                gradientTransform: "translate(240.418 17.4369) rotate(115.674) scale(167.087)",
+                children: [
+                  /* @__PURE__ */ t("stop", { "stop-color": n }),
+                  /* @__PURE__ */ t("stop", { offset: "1", "stop-color": n, "stop-opacity": "0" })
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}, G = () => /* @__PURE__ */ t("div", { class: "IncodeCameraButton", children: /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "64",
+    height: "64",
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32Z",
+          class: "IncodeCameraButtonBackground"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M41.872 28.9792C41.872 29.6692 41.312 30.2292 40.622 30.2292C39.932 30.2292 39.372 29.6692 39.372 28.9792C39.372 28.2892 39.932 27.6808 40.622 27.6808C41.312 27.6808 41.872 28.1908 41.872 28.8808V28.9792ZM31.9987 40.7475C28.467 40.7475 25.5937 37.8742 25.5937 34.3425C25.5937 30.8108 28.467 27.9375 31.9987 27.9375C35.5303 27.9375 38.4037 30.8108 38.4037 34.3425C38.4037 37.8742 35.5303 40.7475 31.9987 40.7475ZM41.9287 23.4192C41.3237 23.3958 40.7603 23.1425 40.3553 22.7192C40.282 22.6375 39.9853 22.2692 39.2937 20.9725C38.4987 19.4858 36.9587 18.5625 35.2753 18.5625H28.7553C27.0987 18.5625 25.5703 19.4642 24.7703 20.9142C24.042 22.2325 23.7403 22.6208 23.6587 22.7108C23.2403 23.1475 22.677 23.4025 22.1037 23.4275C18.8337 23.4275 16.172 26.0875 16.167 29.3575V38.7608C16.167 42.9942 19.612 46.4392 23.8437 46.4392H40.157C44.3903 46.4392 47.8337 42.9942 47.8337 38.7608V29.3542C47.8337 26.0808 45.1703 23.4192 41.9287 23.4192Z",
+          class: "IncodeCameraButtonPath"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M31.9987 30.4375C29.8454 30.4375 28.0938 32.1892 28.0938 34.3425C28.0938 36.4958 29.8454 38.2475 31.9987 38.2475C34.152 38.2475 35.9037 36.4958 35.9037 34.3425C35.9037 32.1892 34.152 30.4375 31.9987 30.4375Z",
+          class: "IncodeCameraButtonPath"
+        }
+      )
+    ]
+  }
+) }), K = ({
+  onClick: i,
+  disabled: e
+}) => {
+  const { t: o } = d();
+  return /* @__PURE__ */ t("div", { class: "IncodeManualCaptureButton", "data-testid": "manual-capture-button", children: [
+    /* @__PURE__ */ t("p", { class: "IncodeManualCaptureButtonText", children: o("selfiev2.manualCapture.instructions") }),
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      h,
+      {
+        variant: "link",
+        onClick: i,
+        disabled: e,
+        class: "IncodeManualCaptureButtonButton",
+        children: /* @__PURE__ */ t(G, {})
+      }
+    ) })
+  ] });
+}, W = ({ detectionState: i }) => {
+  const { t: e } = d(), n = {
+    noFace: e("notifications.faceNotFound"),
+    tooManyFaces: e("notifications.tooManyFaces"),
+    tooClose: e("notifications.moveAway"),
+    tooFar: e("notifications.moveCloser"),
+    blur: e("notifications.onBlur"),
+    dark: e("notifications.onDark"),
+    faceAngle: e("notifications.onFaceAngleV2"),
+    headWear: e("notifications.removeHeadwear"),
+    lenses: e("notifications.removeLenses"),
+    eyesClosed: e("notifications.eyesClosed"),
+    faceMask: e("notifications.mask"),
+    centerFace: e("notifications.centerFaceV2"),
+    getReady: e("notifications.getReady")
+  }[i];
+  return n ? /* @__PURE__ */ t("div", { class: "IncodeNotification", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: n }) }) : null;
+}, j = ({ manager: i, state: e, onFinish: o }) => {
+  const {
+    captureStatus: n,
+    stream: r,
+    detectionStatus: s,
+    attemptsRemaining: u,
+    uploadError: c
+  } = e, [f, p] = R(!1), { t: E } = d();
+  return n === "initializing" ? /* @__PURE__ */ t(
+    y,
+    {
+      fullScreen: !0,
+      title: E("v2.selfie.camera.loading"),
+      className: "IncodeCameraLoading"
+    }
+  ) : n === "detecting" ? s === "offline" ? /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t("div", { class: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ t("p", { class: "text-text-body-primary", children: "No internet connection" }) }) }) : /* @__PURE__ */ t(C, { "data-testid": "capture-container", children: [
+    /* @__PURE__ */ t(a, { size: 48 }),
+    /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
+      /* @__PURE__ */ t(Y, { borderState: f ? "capturing" : s === "detecting" ? "idle" : s === "getReady" ? "loading" : s === "success" ? "success" : s === "error" ? "error" : "idle" }),
+      /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(g, { children: [
+        /* @__PURE__ */ t(X, { stream: r }),
+        /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(z, {}) })
+      ] }) : null }) }),
+      /* @__PURE__ */ t(a, { size: 48 }),
+      s ? /* @__PURE__ */ t(g, { children: [
+        /* @__PURE__ */ t(W, { detectionState: s }),
+        /* @__PURE__ */ t(a, { size: 24 })
+      ] }) : null,
+      s === "manualCapture" ? /* @__PURE__ */ t(
+        K,
+        {
+          onClick: () => {
+            p(!0), i.capture();
+          },
+          disabled: f
+        }
+      ) : null
+    ] }),
+    c ? /* @__PURE__ */ t(
+      _,
+      {
+        error: c,
+        attemptsRemaining: u,
+        onTryAgain: () => {
+          i.retryCapture(), p(!1);
+        },
+        onContinue: o
+      }
+    ) : null
+  ] }) : n === "capturing" ? /* @__PURE__ */ t(
+    C,
+    {
+      className: "IncodeCaptureCapturingPage",
+      title: "Capturing",
+      subtitle: "Taking photo...",
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            marginTop: "auto"
+          },
+          children: /* @__PURE__ */ t(h, { isLoading: !0, children: "Capturing..." })
+        }
+      )
+    }
+  ) : n === "uploading" ? /* @__PURE__ */ t($, {}) : n === "uploadError" ? /* @__PURE__ */ t(
+    _,
+    {
+      error: c,
+      attemptsRemaining: u,
+      onTryAgain: () => {
+        i.retryCapture(), p(!1);
+      },
+      onContinue: o
+    }
+  ) : n === "success" ? /* @__PURE__ */ t(C, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
+    /* @__PURE__ */ t(a, { size: 160 }),
+    /* @__PURE__ */ t(F, { size: 64 }),
+    /* @__PURE__ */ t(a, { size: 16 }),
+    /* @__PURE__ */ t(x, { children: E("idv2.capture.processing.success") })
+  ] }) }) : null;
+}, X = ({ stream: i }) => {
+  const e = A(null);
+  return T(() => {
+    e.current && i && (e.current.srcObject = i);
+  }, [i]), /* @__PURE__ */ t(
+    "video",
+    {
+      ref: e,
+      autoplay: !0,
+      playsInline: !0,
+      muted: !0,
+      class: "IncodeCaptureVideoElement"
+    }
+  );
+}, $ = () => {
+  const { t: i } = d();
+  return /* @__PURE__ */ t(C, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
+    /* @__PURE__ */ t(a, { size: 160 }),
+    /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(L, { size: 64 }) }),
+    /* @__PURE__ */ t(a, { size: 16 }),
+    /* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: i("idv2.capture.processing.uploading") })
+  ] }) });
+}, q = ({ manager: i }) => {
+  const { t: e } = d(), [o, n] = R(!1), [r, s] = R(null);
+  T(() => {
+    import("../selfieTutorial-Dm_p0ke9.js").then((c) => {
+      s(c.default);
+    });
+  }, []);
+  const u = () => {
+    n(!0), i.nextStep();
+  };
+  return r ? /* @__PURE__ */ t(
+    M,
+    {
+      animationData: r,
+      title: e("face.tutorial.title"),
+      subtitle: e("face.tutorial.subtitle"),
+      onContinue: u,
+      buttonText: e("face.tutorial.startCapture"),
+      disclaimerText: e("face.tutorial.autoCapture"),
+      isLoading: o,
+      className: "IncodeSelfieTutorial"
+    }
+  ) : null;
+}, J = ({
+  config: i,
+  onFinish: e,
+  onError: o
+}) => {
+  const [n, r] = S(() => D({ config: i }));
+  return n.status === "idle" || n.status === "loading" ? null : n.status === "tutorial" ? /* @__PURE__ */ t(q, { manager: r }) : n.status === "permissions" ? /* @__PURE__ */ t(
+    w,
+    {
+      manager: r,
+      permissionStatus: n.permissionStatus
+    }
+  ) : n.status === "capture" ? /* @__PURE__ */ t(j, { manager: r, state: n, onFinish: () => e?.() }) : n.status === "processing" ? /* @__PURE__ */ t(N, {}) : n.status === "finished" ? (e?.(), null) : n.status === "closed" ? (o?.(void 0), null) : (n.status === "error" && o?.(n.error), null);
+}, tt = ({ config: i, onFinish: e, onError: o }) => /* @__PURE__ */ t(B, { children: i ? /* @__PURE__ */ t(J, { config: i, onFinish: e, onError: o }) : null });
+I(tt, "incode-selfie");
+export {
+  tt as Selfie
+};