@incodetech/web 0.0.0-dev-20260331-a4ec4fe → 0.0.0-dev-20260401-620f105

package/dist/captureOverlay-rwQkQuBD.js

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