@incodetech/web 0.0.0-dev-20260407-4580f1c → 0.0.0-dev-20260407-2c382da

package/dist/loadingIcon-DmuPXh70.js

@@ -0,0 +1,195 @@
+import { d as s, y as p, l as I, T as S, $ as h, A as g } from "./vendor-preact-BoMmvSgn.js";
+import { isIPad as v } from "@incodetech/core";
+import { g as m, u as C } from "./instance-BWYzq8dk.js";
+function $(e, n = {}) {
+  const { autoLoad: c = !0, manageLifecycle: a = !0 } = n, [t] = s(e), [l, i] = s(
+    () => t.getState()
+  );
+  return p(() => {
+    const r = t.subscribe(i);
+    return a && c && t.load && t.load(), () => {
+      r(), a && t.stop?.();
+    };
+  }, [t, c, a]), [l, t];
+}
+var w = 0;
+function o(e, n, c, a, t, l) {
+  n || (n = {});
+  var i, r, d = n;
+  if ("ref" in d) for (r in d = {}, n) r == "ref" ? i = n[r] : d[r] = n[r];
+  var u = { type: e, props: d, key: c, ref: i, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --w, __i: -1, __u: 0, __source: t, __self: l };
+  if (typeof e == "function" && (i = e.defaultProps)) for (r in i) d[r] === void 0 && (d[r] = i[r]);
+  return I.vnode && I.vnode(u), u;
+}
+function z() {
+  const e = m(), [, n] = s(0), [c, a] = s(e.isInitialized);
+  return p(() => {
+    const l = () => {
+      n((r) => r + 1);
+    }, i = () => {
+      a(!0), n((r) => r + 1);
+    };
+    return e.on("languageChanged", l), e.on("initialized", i), e.on("loaded", l), () => {
+      e.off("languageChanged", l), e.off("initialized", i), e.off("loaded", l);
+    };
+  }, [e]), { t: S(
+    () => e.t.bind(e),
+    [e]
+  ), ready: c, i18n: e };
+}
+const _ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%3e%3cg%20fill='%2320263D'%3e%3cpath%20d='M84.12%2027.54l-2.58-2.58L65.036%208.456l-2.58-2.58c-3.127-3.127-8.58-2.764-12.157.81L6.69%2050.306c-3.574%203.574-3.938%209.027-.81%2012.158l21.66%2021.66c3.128%203.127%208.58%202.764%2012.157-.81l43.617-43.616c3.574-3.578%203.937-9.03.806-12.158zm-5.524%208.617l-42.439%2042.44c-1.3%201.3-3.28%201.432-4.42.296l-20.63-20.63c-1.14-1.14-1.008-3.12.297-4.42l42.438-42.44c1.302-1.3%203.282-1.432%204.422-.296l1.031%201.032c1.14%201.14%201.009%203.12-.296%204.421-1.302%201.301-1.433%203.281-.297%204.421L69.02%2031.297c1.14%201.14%203.12%201.01%204.421-.296%201.301-1.301%203.281-1.432%204.421-.296l1.031%201.031c1.137%201.14%201.005%203.12-.296%204.421zM51.885%2090a3.135%203.135%200%2001-2.22-5.351l8.925-8.925a3.138%203.138%200%20014.646.233l3.308%204.046c10.114-5.374%2017.081-15.994%2017.178-28.14a3.136%203.136%200%20013.136-3.113h.026a3.14%203.14%200%20013.112%203.161C89.835%2072.746%2072.746%2089.835%2051.911%2090h-.026zM38.115%200a3.135%203.135%200%20012.22%205.351l-8.925%208.925a3.125%203.125%200%2001-2.378.915%203.138%203.138%200%2001-2.272-1.147l-3.308-4.046C13.34%2015.37%206.373%2025.99%206.274%2038.138a3.14%203.14%200%2001-3.139%203.112h-.026a3.139%203.139%200%2001-3.11-3.161C.166%2017.254%2017.255.165%2038.09%200h.026z'/%3e%3c/g%3e%3c/svg%3e";
+function L() {
+  const [e, n] = s(null), c = g(null);
+  return p(() => {
+    const a = document.createElement("div");
+    return a.setAttribute("data-incode-landscape-portal", ""), document.body.appendChild(a), c.current = a, n(a), () => {
+      a.remove(), c.current = null;
+    };
+  }, []), e;
+}
+function y() {
+  const { t: e } = z(), n = L();
+  return n ? h(
+    /* @__PURE__ */ o("div", { class: "IncodeLandscapeBlocker", children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          class: "IncodeLandscapeBlocker-icon",
+          src: _,
+          alt: "",
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ o("p", { class: "IncodeLandscapeBlocker-text", children: e("common.landscape") }),
+      /* @__PURE__ */ o("p", { class: "IncodeLandscapeBlocker-text", children: v() ? e("common.rotateIpad") : e("common.rotate") })
+    ] }),
+    n
+  ) : null;
+}
+function P({ children: e }) {
+  const { isLandscapeMobile: n } = C();
+  return /* @__PURE__ */ o("div", { class: "IncodeComponent", children: [
+    e,
+    n ? /* @__PURE__ */ o(y, {}) : null
+  ] });
+}
+const H = /* @__PURE__ */ new Set([
+  0,
+  2,
+  4,
+  8,
+  12,
+  16,
+  20,
+  24,
+  32,
+  40,
+  48,
+  64,
+  80,
+  96,
+  104,
+  120,
+  200
+]), V = (e, n) => n === "horizontal" ? {
+  0: "IncodeSpacerHorizontal0",
+  2: "IncodeSpacerHorizontal2",
+  4: "IncodeSpacerHorizontal4",
+  8: "IncodeSpacerHorizontal8",
+  12: "IncodeSpacerHorizontal12",
+  16: "IncodeSpacerHorizontal16",
+  20: "IncodeSpacerHorizontal20",
+  24: "IncodeSpacerHorizontal24",
+  32: "IncodeSpacerHorizontal32",
+  40: "IncodeSpacerHorizontal40",
+  48: "IncodeSpacerHorizontal48",
+  64: "IncodeSpacerHorizontal64",
+  80: "IncodeSpacerHorizontal80",
+  96: "IncodeSpacerHorizontal96",
+  104: "IncodeSpacerHorizontal104",
+  120: "IncodeSpacerHorizontal120",
+  200: "IncodeSpacerHorizontal200"
+}[e] : {
+  0: "IncodeSpacerVertical0",
+  2: "IncodeSpacerVertical2",
+  4: "IncodeSpacerVertical4",
+  8: "IncodeSpacerVertical8",
+  12: "IncodeSpacerVertical12",
+  16: "IncodeSpacerVertical16",
+  20: "IncodeSpacerVertical20",
+  24: "IncodeSpacerVertical24",
+  32: "IncodeSpacerVertical32",
+  40: "IncodeSpacerVertical40",
+  48: "IncodeSpacerVertical48",
+  64: "IncodeSpacerVertical64",
+  80: "IncodeSpacerVertical80",
+  96: "IncodeSpacerVertical96",
+  104: "IncodeSpacerVertical104",
+  120: "IncodeSpacerVertical120",
+  200: "IncodeSpacerVertical200"
+}[e], T = ({
+  size: e,
+  className: n,
+  direction: c = "vertical"
+}) => e === void 0 ? /* @__PURE__ */ o("div", { class: `IncodeSpacerFlex ${n || ""}` }) : (c === "horizontal" ? "w" : c === "vertical" ? "h" : void 0) ? typeof e == "number" && H.has(e) ? /* @__PURE__ */ o("div", { class: `${V(e, c)} ${n || ""}` }) : /* @__PURE__ */ o("div", { class: `${n || ""}` }) : /* @__PURE__ */ o("div", { class: `${n || ""}` }), f = (...e) => {
+  const n = [];
+  for (const c of e)
+    if (c) {
+      if (typeof c == "string")
+        n.push(c);
+      else if (typeof c == "object")
+        for (const [a, t] of Object.entries(c))
+          t && n.push(a);
+    }
+  return n.join(" ");
+}, b = ({
+  size: e,
+  className: n
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 31 31",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: f("IncodeLoadingIconPrimaryIcon", n),
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ o("path", { d: "M28.1614 15.2837C29.453 15.2837 30.5186 14.2304 30.3181 12.9545C30.1344 11.7862 29.8129 10.6411 29.3582 9.54344C28.6044 7.72356 27.4995 6.06997 26.1066 4.67709C24.7137 3.28421 23.0601 2.17932 21.2403 1.4255C20.1426 0.970841 18.9974 0.649265 17.8292 0.46563C16.5533 0.265073 15.5 1.33073 15.5 2.62232C15.5 3.91391 16.5601 4.93461 17.8187 5.22473C18.3748 5.35291 18.9206 5.52729 19.4503 5.74672C20.7028 6.26548 21.8407 7.02585 22.7993 7.98441C23.7578 8.94296 24.5182 10.0809 25.037 11.3333C25.2564 11.8631 25.4308 12.4089 25.559 12.965C25.8491 14.2236 26.8698 15.2837 28.1614 15.2837Z" })
+  }
+), x = ({
+  size: e,
+  className: n
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 31 31",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: f("IncodeLoadingIconSecondaryIcon", n),
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ o("title", { children: "Spinner Outer part" }),
+      /* @__PURE__ */ o("path", { d: "M30.5 15.2837C30.5 23.568 23.7843 30.2837 15.5 30.2837C7.21573 30.2837 0.5 23.568 0.5 15.2837C0.5 6.99942 7.21573 0.283691 15.5 0.283691C23.7843 0.283691 30.5 6.99942 30.5 15.2837ZM5.17725 15.2837C5.17725 20.9848 9.7989 25.6064 15.5 25.6064C21.2011 25.6064 25.8227 20.9848 25.8227 15.2837C25.8227 9.5826 21.2011 4.96095 15.5 4.96095C9.7989 4.96095 5.17725 9.5826 5.17725 15.2837Z" })
+    ]
+  }
+), j = ({
+  size: e = 30,
+  secondaryClass: n,
+  primaryClass: c
+}) => /* @__PURE__ */ o("div", { class: "IncodeLoadingIcon", children: [
+  /* @__PURE__ */ o(x, { size: e, className: n }),
+  /* @__PURE__ */ o("div", { class: "IncodeLoadingIconPrimary", children: /* @__PURE__ */ o(b, { size: e, className: c }) })
+] });
+export {
+  P as I,
+  y as L,
+  T as S,
+  $ as a,
+  z as b,
+  f as c,
+  j as d,
+  o as u
+};

package/dist/mandatoryConsent-5xPI0cor.js

@@ -0,0 +1,94 @@
+import { u as t, I as u, b as C, a as h } from "./loadingIcon-DmuPXh70.js";
+import { createMandatoryConsentManager as b } from "@incodetech/core/mandatory-consent";
+import { y as g } from "./vendor-preact-BoMmvSgn.js";
+import "@incodetech/core";
+import "./instance-BWYzq8dk.js";
+import { B as d } from "./button-CE9kRlem.js";
+import { C as p } from "./checkbox-B5X-mfqq.js";
+import { P as l } from "./page-SrUl0qtN.js";
+import { R as f } from "./richText-cspvNz2a.js";
+import { S as I } from "./spinner-DygONskw.js";
+import { r as y } from "./incodeModule-C4XIllao.js";
+const k = ({
+  config: o,
+  manager: s,
+  onFinish: i,
+  onError: e
+}) => {
+  const { t: c } = C(), [n, r] = h(
+    () => s ?? b({ config: o }),
+    { manageLifecycle: !s }
+  );
+  if (g(() => {
+    if (n.status === "finished") {
+      i?.();
+      return;
+    }
+    if (n.status === "closed") {
+      e?.(void 0);
+      return;
+    }
+    n.status === "error" && e?.(n.error);
+  }, [n, i, e]), n.status === "finished" || n.status === "closed" || n.status === "error")
+    return null;
+  if (n.status === "idle" || n.status === "loading")
+    return /* @__PURE__ */ t(l, { className: "IncodeConsentPage", children: /* @__PURE__ */ t("div", { class: "IncodeConsentCentered", children: /* @__PURE__ */ t(I, {}) }) });
+  const m = n.text.split(`
+`).filter((a) => a.trim().length > 0).join(" ");
+  return /* @__PURE__ */ t(l, { className: "IncodeConsentPage", hideFooterBranding: !0, hideHeader: !0, children: /* @__PURE__ */ t("div", { class: "IncodeConsentContent", children: [
+    /* @__PURE__ */ t("div", { class: "IncodeConsentBody", children: [
+      /* @__PURE__ */ t("h1", { id: "mandatory-consent-title", class: "IncodeConsentTitle", children: n.title }),
+      /* @__PURE__ */ t("p", { class: "IncodeConsentSubtitle", children: c("biometricConsent.subtitle") }),
+      /* @__PURE__ */ t("div", { class: "IncodeConsentCheckboxList", children: /* @__PURE__ */ t(
+        p,
+        {
+          id: "mandatory-consent-checkbox",
+          class: "IncodeConsentCheckbox",
+          checked: n.isSigned,
+          onChange: () => r.toggle(),
+          label: /* @__PURE__ */ t(
+            "span",
+            {
+              class: "IncodeConsentCheckboxLabel",
+              onClick: (a) => {
+                a.target.closest("a") && a.stopPropagation();
+              },
+              children: /* @__PURE__ */ t(f, { content: m, class: "IncodeRichText" })
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { class: "IncodeConsentActions", children: [
+      /* @__PURE__ */ t(
+        d,
+        {
+          "data-testid": "mandatory-consent-submit",
+          class: "IncodeConsentButton",
+          onClick: () => r.submit(),
+          disabled: !n.canSubmit,
+          isLoading: n.status === "submitting",
+          children: c("biometricConsent.button.continue")
+        }
+      ),
+      /* @__PURE__ */ t(d, { variant: "link", onClick: () => r.cancel(), children: c("biometricConsent.button.cancel") })
+    ] })
+  ] }) });
+}, x = ({
+  config: o,
+  manager: s,
+  onFinish: i,
+  onError: e
+}) => /* @__PURE__ */ t(u, { children: o ? /* @__PURE__ */ t(
+  k,
+  {
+    config: o,
+    manager: s,
+    onFinish: i,
+    onError: e
+  }
+) : null });
+y(x, "incode-mandatory-consent");
+export {
+  x as MandatoryConsent
+};

package/dist/manualCaptureButton-BvFmTyJe.js

@@ -0,0 +1,372 @@
+import { u as r, c as u, b as D } from "./loadingIcon-DmuPXh70.js";
+import { d as S, y as f, Q as x, H as k, K as R, t as w, a as _, A as M, q as P, T as q, $ as F, b as H, D as O } from "./vendor-preact-BoMmvSgn.js";
+import { C as j } from "./closeIcon-9Hc97omv.js";
+import "./instance-BWYzq8dk.js";
+import { B as K } from "./button-CE9kRlem.js";
+const y = "IncodeModalScrollLock", L = "data-incode-modal-initial-focus", h = [
+  "button:not([disabled])",
+  "[href]",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function T(e) {
+  return Array.from(
+    e.querySelectorAll(h)
+  );
+}
+function I(e) {
+  try {
+    return e.matches(h);
+  } catch {
+    return !1;
+  }
+}
+function N(e) {
+  const t = e.querySelector("[autofocus]");
+  if (t && I(t))
+    return t;
+  const o = e.querySelector(
+    `[${L}]`
+  );
+  if (o) {
+    if (I(o))
+      return o;
+    const n = o.querySelector(h);
+    if (n)
+      return n;
+  }
+  return T(e)[0] ?? e;
+}
+function V(e, t) {
+  const [o, n] = S(null);
+  return f(() => {
+    if (!e) {
+      n(null);
+      return;
+    }
+    if (t)
+      return n(t), () => {
+        n(null);
+      };
+    const c = document.createElement("div");
+    return c.setAttribute("data-incode-modal-portal", ""), (document.querySelector(".IncodeComponent") ?? document.body).appendChild(c), n(c), () => {
+      c.remove(), n(null);
+    };
+  }, [e, t]), o;
+}
+function Z(e) {
+  f(() => {
+    if (!e) return;
+    const t = document.querySelector(".IncodeComponent");
+    return (t ?? document.body).classList.add(y), () => {
+      (t ?? document.body).classList.remove(
+        y
+      );
+    };
+  }, [e]);
+}
+function U(e, t, o) {
+  f(() => {
+    if (!e || !t) return;
+    const n = (c) => {
+      c.key === "Escape" && (c.preventDefault(), o());
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [e, t, o]);
+}
+function $(e, t, o = !0) {
+  f(() => {
+    if (!e) return;
+    const n = document.activeElement;
+    if (o) {
+      const c = t.current;
+      c && N(c).focus();
+    }
+    return () => {
+      n && typeof n.focus == "function" && n.focus();
+    };
+  }, [e, t, o]);
+}
+function z(e, t) {
+  f(() => {
+    if (!e) return;
+    const o = (n) => {
+      if (n.key !== "Tab") return;
+      const c = t.current;
+      if (!c) return;
+      const l = T(c);
+      if (l.length === 0 && document.activeElement === c) {
+        n.preventDefault();
+        return;
+      }
+      if (l.length === 0) return;
+      const a = l[0], i = l[l.length - 1];
+      n.shiftKey ? document.activeElement === a && (n.preventDefault(), i.focus()) : document.activeElement === i && (n.preventDefault(), a.focus());
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [e, t]);
+}
+const g = x(null);
+function A() {
+  const e = H(g);
+  if (!e)
+    throw new Error("Modal compound components must be used within Modal.Root");
+  return e;
+}
+function Q({
+  open: e,
+  children: t,
+  onOpenChange: o,
+  dismissible: n = !0,
+  portalContainer: c,
+  class: l,
+  hasBackdrop: a = !0,
+  manageInitialFocus: i = !0
+}) {
+  const d = V(e, c ?? void 0), [C, s] = S(!1), m = M(null), p = P(() => {
+    n && o?.(!1);
+  }, [n, o]), E = q(
+    () => ({
+      setHasDescription: s,
+      dismissible: n,
+      requestClose: p
+    }),
+    [n, p]
+  ), b = e && !!d;
+  return Z(e), U(e, n, p), $(b, m, i), z(b, m), !d || !e ? null : F(
+    /* @__PURE__ */ r(g.Provider, { value: E, children: /* @__PURE__ */ r("div", { class: u("IncodeModalRoot", l), "data-incode-modal": "", children: [
+      a && /* @__PURE__ */ r(
+        "div",
+        {
+          class: "IncodeModalBackdrop",
+          "aria-hidden": "true",
+          onMouseDown: () => {
+            p();
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          ref: m,
+          class: "IncodeModalDialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "incode-modal-title",
+          "aria-describedby": C ? "incode-modal-description" : void 0,
+          tabIndex: -1,
+          onMouseDown: (B) => {
+            B.stopPropagation();
+          },
+          children: t
+        }
+      )
+    ] }) }),
+    d
+  );
+}
+function G({ children: e, class: t }) {
+  return /* @__PURE__ */ r("div", { class: u("IncodeModalContent", t), children: e });
+}
+function J({
+  "aria-label": e = "Close",
+  title: t = "Close",
+  class: o,
+  onClick: n
+}) {
+  const { dismissible: c, requestClose: l } = A();
+  if (!c)
+    return null;
+  const a = async () => {
+    n && await n(), l();
+  };
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      class: u("IncodeModalClose", o),
+      "aria-label": e,
+      title: t,
+      onClick: a,
+      children: /* @__PURE__ */ r(j, { height: 32, width: 32, fillColor: "var(--icon-neutral-300)" })
+    }
+  );
+}
+function W({ children: e, class: t }) {
+  return /* @__PURE__ */ r("div", { class: u("IncodeModalIcon", t), children: e });
+}
+function X({
+  children: e,
+  align: t = "center"
+}) {
+  const o = {
+    center: "IncodeModalTitleSectionCenter",
+    left: "IncodeModalTitleSectionLeft"
+  }[t];
+  return /* @__PURE__ */ r("div", { class: o, children: e });
+}
+function Y({ children: e, ref: t, class: o }) {
+  return /* @__PURE__ */ r(
+    "h2",
+    {
+      id: "incode-modal-title",
+      ref: t,
+      className: u("IncodeModalTitle", o),
+      children: e
+    }
+  );
+}
+function ee({ children: e, class: t }) {
+  const { setHasDescription: o } = A();
+  return _(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ r(
+    "h5",
+    {
+      id: "incode-modal-description",
+      className: u("IncodeModalSubtitle", t),
+      children: e
+    }
+  );
+}
+function te(e) {
+  return w(e) && e.props != null && typeof e.props == "object" && "autoFocus" in e.props;
+}
+function ne({
+  children: e,
+  class: t,
+  orientation: o = "vertical"
+}) {
+  const n = o === "vertical" ? "IncodeModalActionsVertical" : "IncodeModalActionsHorizontal", c = k(e), l = [];
+  for (let a = 0; a < c.length; a++) {
+    const i = c[a];
+    if (te(i))
+      return /* @__PURE__ */ r("div", { class: u(n, t), role: "group", children: e });
+    l.push(
+      w(i) && a === 0 ? R(i, {
+        [L]: ""
+      }) : i
+    );
+  }
+  return /* @__PURE__ */ r("div", { class: u(n, t), role: "group", children: l });
+}
+const ue = {
+  Root: Q,
+  Content: G,
+  Close: J,
+  Icon: W,
+  TitleSection: X,
+  Title: Y,
+  Subtitle: ee,
+  Actions: ne
+};
+let v = null;
+function oe() {
+  return v || (v = new Promise((e, t) => {
+    const o = document.createElement("script");
+    o.src = "https://cdn.jsdelivr.net/npm/lottie-web@5.13.0/build/player/lottie_light.min.js", o.onload = () => e(window.lottie), o.onerror = t, document.head.appendChild(o);
+  }), v);
+}
+function de({
+  animationData: e,
+  loop: t = !0,
+  autoplay: o = !0,
+  reverse: n = !1,
+  style: c,
+  className: l,
+  onComplete: a
+}) {
+  const i = M(null), d = n ? !1 : o, C = M({
+    container: i.current,
+    renderer: "svg",
+    loop: t,
+    autoplay: d,
+    animationData: e
+  });
+  return f(() => {
+    C.current = {
+      container: i.current,
+      renderer: "svg",
+      loop: t,
+      autoplay: d,
+      animationData: e
+    };
+  }, [e, t, d]), f(() => {
+    if (!i.current) return;
+    let s;
+    return oe().then((m) => {
+      s = m.loadAnimation(C.current), n && (s.setDirection(-1), s.goToAndPlay(s.totalFrames - 1, !0)), a && s.addEventListener("complete", a);
+    }), () => {
+      s && (a && s.removeEventListener("complete", a), s.destroy());
+    };
+  }, [a, n]), /* @__PURE__ */ r(
+    "div",
+    {
+      ref: i,
+      style: c,
+      className: l,
+      "aria-hidden": "true"
+    }
+  );
+}
+const re = () => /* @__PURE__ */ r("div", { class: "IncodeCameraButton", children: /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "64",
+    height: "64",
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r(
+        "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__ */ r(
+        "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__ */ r(
+        "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"
+        }
+      )
+    ]
+  }
+) }), fe = O(({ onClick: e, disabled: t }, o) => {
+  const { t: n } = D();
+  return /* @__PURE__ */ r("div", { class: "IncodeSelfieManualCapture", "data-testid": "manual-capture-button", children: [
+    /* @__PURE__ */ r("p", { id: "manual-capture-instructions", class: "IncodeSelfieManualCaptureText", children: n("selfiev2.manualCapture.instructions") }),
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+      K,
+      {
+        ref: o,
+        id: "manual-capture-button",
+        variant: "link",
+        onClick: e,
+        disabled: t,
+        class: "IncodeSelfieManualCaptureButton",
+        "aria-label": n("selfiev2.manualCapture.captureButton"),
+        children: /* @__PURE__ */ r(re, {})
+      }
+    ) })
+  ] });
+});
+export {
+  de as L,
+  ue as M,
+  fe as a
+};

package/dist/numberedStep-DwUB__mh.js

@@ -0,0 +1,5 @@
+import { u as e } from "./loadingIcon-DmuPXh70.js";
+const t = ({ number: r }) => /* @__PURE__ */ e("div", { class: "IncodeNumberedStep", children: /* @__PURE__ */ e("span", { class: "IncodeNumberedStepText", children: r }) });
+export {
+  t as N
+};