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

package/dist/captureOverlay-Crv6ZBp_.js

@@ -1,399 +0,0 @@
-import { u as t, c as T, b as D, S as W } from "./button-DXIWeie9.js";
-import { D as w, y as h, d as B, A as C, q as $, k as R, P as _, z as A, T as E } from "./vendor-preact-BoMmvSgn.js";
-import { E as M } from "./errorIcon-DOuc6ONw.js";
-import { S as G } from "./successIcon-BZphSsQr.js";
-import "./uiConfig-DmIn-g8M.js";
-import { b as L, a as S, c as V, C as j } from "./captureFooter-CKqO4KY2.js";
-import { L as q } from "./manualCaptureButton-CPZ2xxEI.js";
-const K = w(
-  (r, a) => {
-    const { class: e, rows: i = 4, ...n } = r;
-    return /* @__PURE__ */ t(
-      "textarea",
-      {
-        ...n,
-        ref: a,
-        rows: i,
-        class: T("IncodeTextArea", e)
-      }
-    );
-  }
-), U = w(
-  ({
-    id: r,
-    label: a,
-    "aria-label": e,
-    error: i,
-    showErrorIcon: n,
-    helper: o,
-    showHelperIcon: l,
-    required: u,
-    rows: p = 4,
-    class: f,
-    ...b
-  }, c) => {
-    const v = `${r}-helper`, m = `${r}-error`, g = [o ? v : null, i ? m : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t("div", { class: T("IncodeTextAreaComposed", f), children: [
-      a && /* @__PURE__ */ t(
-        "label",
-        {
-          class: "IncodeTextAreaComposedLabel",
-          htmlFor: r,
-          "data-testid": `${r}-label`,
-          children: [
-            a,
-            u && /* @__PURE__ */ t("span", { class: "IncodeTextAreaComposedRequired", children: " *" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ t("div", { class: "IncodeTextAreaComposedWrapper", children: /* @__PURE__ */ t(
-        K,
-        {
-          id: r,
-          rows: p,
-          ...b,
-          ref: c,
-          required: u,
-          ...!a && e ? { "aria-label": e } : {},
-          "aria-describedby": g || void 0,
-          "aria-required": u ? "true" : void 0,
-          "aria-invalid": i ? "true" : void 0
-        }
-      ) }),
-      i && /* @__PURE__ */ t(
-        "div",
-        {
-          class: "IncodeTextAreaComposedErrorWrapper",
-          "data-testid": `${r}-error-wrapper`,
-          children: [
-            n && /* @__PURE__ */ t("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ t(M, { size: 17 }) }),
-            /* @__PURE__ */ t("p", { id: m, class: "IncodeTextAreaComposedError", children: i })
-          ]
-        }
-      ),
-      o && !i && /* @__PURE__ */ t(
-        "div",
-        {
-          class: "IncodeTextAreaComposedHelperWrapper",
-          "data-testid": `${r}-helper-wrapper`,
-          children: [
-            l && /* @__PURE__ */ t("div", { class: "IncodeTextAreaComposedIconWrapper", children: /* @__PURE__ */ t(G, { size: 17 }) }),
-            /* @__PURE__ */ t("p", { id: v, class: "IncodeTextAreaComposedHelper", children: o })
-          ]
-        }
-      )
-    ] });
-  }
-);
-U.displayName = "TextAreaComposed";
-const I = /* @__PURE__ */ new Map();
-let P = !1;
-const y = {
-  blur: () => import("./blurdevicelottie-_BZRug1c.js"),
-  glare: () => import("./glaredevicelottie-DLuIStvb.js"),
-  align: () => import("./aligndevicelottie-DlQCRPfM.js"),
-  front: () => import("./frontdevicelottie-KhKxT5n9.js"),
-  back: () => import("./backdevicelottie-B4NgyWmX.js")
-};
-function O(r) {
-  P || (P = !0, Promise.all([
-    y.blur(),
-    y.glare(),
-    y.align(),
-    y.front(),
-    y.back()
-  ]).then(([a, e, i, n, o]) => {
-    I.set("blur", a.default), I.set("glare", e.default), I.set("align", i.default), I.set("front", n.default), I.set("back", o.default), r?.();
-  }).catch(() => {
-  }));
-}
-function J() {
-  O();
-}
-function Q() {
-  h(() => {
-    J();
-  }, []);
-}
-function X(r, a) {
-  const { t: e } = D(), [, i] = B(0);
-  if (h(() => {
-    O(() => i((n) => n + 1));
-  }, []), r === "blur")
-    return {
-      title: e("idv2.capture.notifications.blur.title"),
-      description: e("idv2.capture.notifications.blur.description"),
-      animationData: I.get("blur") ?? null
-    };
-  if (r === "glare")
-    return {
-      title: e("idv2.capture.notifications.glare.title"),
-      description: e("idv2.capture.notifications.glare.description"),
-      animationData: I.get("glare") ?? null
-    };
-  if (r === "farAway")
-    return {
-      title: e("idv2.capture.notifications.notAligned.title"),
-      description: e("idv2.capture.notifications.notAligned.description"),
-      animationData: I.get("align") ?? null
-    };
-  if (r === "wrongSide") {
-    const n = a === "back";
-    return {
-      title: e(n ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
-      description: e(n ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
-      animationData: I.get(n ? "back" : "front") ?? null
-    };
-  }
-  return null;
-}
-const Y = ({
-  detectionStatus: r,
-  mode: a,
-  isCapturing: e
-}) => {
-  const { t: i } = D(), n = X(r, a), o = C(null), l = C({
-    message: "",
-    at: 0
-  }), u = C(r), p = C(!1), f = C(), b = C(), c = r === "detecting" || r === "idNotDetected" || r === "manualCapture", v = r === "manualCapture", m = r === "wrongSide", g = r === "farAway", k = r === "glare", H = r === "blur", s = $((d) => {
-    const x = Date.now(), N = l.current;
-    if (d === N.message && x - N.at < 200) return;
-    l.current = { message: d, at: x };
-    const z = o.current;
-    z && (clearTimeout(f.current), z.textContent = "", b.current = setTimeout(() => {
-      z.textContent = d, f.current = setTimeout(() => {
-        z.textContent = "";
-      }, 3e3);
-    }, 50));
-  }, []), F = $(() => i(a === "passport" ? "idv2.capture.fillFramePassport" : a === "back" ? "idv2.capture.v2.fillFrameBack" : "idv2.capture.v2.fillFrameFront"), [a, i]);
-  return h(() => {
-    if (v) {
-      p.current = !1;
-      return;
-    }
-    if (p.current || !c) return;
-    const d = setTimeout(() => {
-      p.current = !0, s(F());
-    }, 500);
-    return () => clearTimeout(d);
-  }, [c, v, s, F]), h(() => {
-    const d = u.current;
-    u.current = r, d !== "manualCapture" && v && s(i("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [s, r, v, i]), h(() => {
-    if (!e) {
-      if (m) {
-        const x = a === "front" || a === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-        s(`${i(`${x}.title`)}. ${i(`${x}.description`)}`);
-        return;
-      }
-      if (g) {
-        s(`${i("idv2.capture.notifications.notAligned.title")}.`);
-        return;
-      }
-      if (k) {
-        s(`${i("idv2.capture.notifications.glare.title")}.`);
-        return;
-      }
-      if (H) {
-        s(`${i("idv2.capture.notifications.blur.title")}.`);
-        return;
-      }
-      c && p.current && s(F());
-    }
-  }, [
-    s,
-    H,
-    e,
-    g,
-    k,
-    c,
-    m,
-    a,
-    i,
-    F
-  ]), h(() => () => {
-    clearTimeout(b.current), clearTimeout(f.current);
-  }, []), /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        ref: o,
-        class: "IncodeSrOnly",
-        "aria-live": "assertive",
-        "aria-atomic": "true"
-      }
-    ),
-    n ? /* @__PURE__ */ t("div", { class: T("IncodeIdCaptureNotification"), "aria-hidden": "true", children: /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationContent", children: [
-      /* @__PURE__ */ t("div", { class: T("IncodeIdCaptureNotificationText"), children: [
-        /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationTitle", children: n.title }),
-        n.description && /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationDescription", children: n.description })
-      ] }),
-      /* @__PURE__ */ t(W, { size: 16, direction: "horizontal" }),
-      n.animationData && /* @__PURE__ */ t("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ t(q, { animationData: n.animationData, loop: !0 }) })
-    ] }) }) : null
-  ] });
-}, Z = A(
-  () => import("./front-horizontal-hint-lRLKd7vY.js")
-), tt = A(
-  () => import("./front-vertical-hint-qQoJXRE3.js")
-), rt = A(
-  () => import("./back-horizontal-hint-CSlf9KI1.js")
-), et = A(
-  () => import("./back-vertical-hint-CNieqiCr.js")
-), it = A(
-  () => import("./passport-horizontal-hint-BCtpMp1Y.js")
-), nt = A(
-  () => import("./passport-vertical-hint-GaLnzqHP.js")
-), at = {
-  "front-horizontal": 348,
-  "back-horizontal": 348,
-  "passport-horizontal": 342
-}, ot = {
-  "front-vertical": 446,
-  "back-vertical": 446,
-  "passport-vertical": 342
-};
-function ct(r, a, e, i) {
-  const n = `${r}-${a}`, o = at[n];
-  if (o) return e / o;
-  const l = ot[n];
-  return l ? i / l : 1;
-}
-const lt = ({ mode: r, orientation: a }) => {
-  const e = C(null), [i, n] = B(1);
-  h(() => {
-    const l = e.current;
-    if (!l) return;
-    const u = () => {
-      n(
-        ct(r, a, l.clientWidth, l.clientHeight)
-      );
-    };
-    u();
-    const p = new ResizeObserver(u);
-    return p.observe(l), () => p.disconnect();
-  }, [r, a]);
-  const o = () => r === "front" ? a === "horizontal" ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ t(tt, {}) : r === "back" ? a === "horizontal" ? /* @__PURE__ */ t(rt, {}) : /* @__PURE__ */ t(et, {}) : r === "passport" ? a === "horizontal" ? /* @__PURE__ */ t(it, {}) : /* @__PURE__ */ t(nt, {}) : null;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      ref: e,
-      class: "IncodeIdHint",
-      "aria-hidden": "true",
-      role: "presentation",
-      children: /* @__PURE__ */ t("div", { class: "IncodeIdHintAnimated", children: /* @__PURE__ */ t(_, { fallback: null, children: /* @__PURE__ */ t("div", { class: "IncodeIdHintSvg", style: { transform: `scale(${i})` }, children: o() }) }) })
-    }
-  );
-}, It = w(
-  ({
-    mode: r,
-    orientation: a,
-    detectionStatus: e,
-    counterValue: i,
-    isCapturing: n,
-    showManualCapture: o,
-    onCapture: l,
-    onOpenHelp: u,
-    helpButtonRef: p,
-    captureButtonRef: f
-  }, b) => {
-    const { t: c } = D();
-    Q(), h(() => {
-      o && f && f.current?.focus();
-    }, [o, f]);
-    const v = () => n || e === "capturing" ? "capturing" : e === "blur" || e === "glare" || e === "wrongSide" || e === "farAway" ? "error" : "idle", m = E(() => {
-      if (n || e === "capturing")
-        return {
-          title: c("idv2.capture.takingPhoto"),
-          subtitle: c("idv2.capture.dontMove")
-        };
-      if (e === "detecting" || e === "idNotDetected" || e === "manualCapture") {
-        const d = e === "manualCapture";
-        return r === "passport" ? {
-          title: c("idv2.capture.fillFramePassport"),
-          subtitle: d ? "" : c("idv2.capture.v2.autoCapture")
-        } : r === "back" ? {
-          title: c("idv2.capture.v2.fillFrameBack"),
-          subtitle: d ? "" : c("idv2.capture.v2.autoCapture")
-        } : {
-          title: c("idv2.capture.v2.fillFrameFront"),
-          subtitle: d ? "" : c("idv2.capture.v2.autoCapture")
-        };
-      }
-      return null;
-    }, [n, e, r, c]), g = v(), k = r === "passport", H = a !== "vertical" || k, s = H ? "horizontal" : "vertical";
-    return /* @__PURE__ */ t(
-      j,
-      {
-        className: T(
-          "IncodeCaptureOverlayId",
-          !H && "IncodeCaptureOverlayVertical"
-        ),
-        children: [
-          /* @__PURE__ */ t("div", { class: "IncodeCaptureTopSection", children: [
-            /* @__PURE__ */ t(
-              Y,
-              {
-                detectionStatus: e,
-                mode: r,
-                isCapturing: n
-              }
-            ),
-            /* @__PURE__ */ t(
-              L,
-              {
-                title: m?.title ?? "",
-                subtitle: m?.subtitle,
-                visible: m !== null,
-                titleId: "id-capture-heading"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t(
-            S,
-            {
-              ref: b,
-              variant: "locked",
-              orientation: s,
-              frameState: g,
-              className: T(k && "IncodeCaptureFramePassport"),
-              children: [
-                n && i > 0 && /* @__PURE__ */ t("div", { class: "IncodeCaptureCounter", children: i }),
-                e === "idNotDetected" && /* @__PURE__ */ t(lt, { mode: r, orientation: a ?? "horizontal" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t("div", { class: "IncodeSrOnly", "aria-live": "polite", "aria-atomic": "true", children: n && i > 0 ? i : "" }),
-          /* @__PURE__ */ t(
-            V,
-            {
-              onOpenHelp: u,
-              onCapture: l,
-              isManualCapture: o,
-              helpButtonRef: p,
-              captureButtonRef: f,
-              captureAriaDescribedBy: o ? "manual-capture-tooltip" : void 0,
-              children: o ? /* @__PURE__ */ t("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ t(
-                "div",
-                {
-                  id: "manual-capture-tooltip",
-                  role: "tooltip",
-                  class: "IncodeIdManualCaptureTooltip",
-                  children: /* @__PURE__ */ t("ol", { class: "IncodeIdManualCaptureTooltipList", children: [
-                    /* @__PURE__ */ t("li", { children: c("idv2.commonIssues.firstStep") }),
-                    /* @__PURE__ */ t("li", { children: c("idv2.commonIssues.secondStep") })
-                  ] })
-                }
-              ) }) : null
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  It as C,
-  K as T,
-  U as a
-};