@incodetech/web 0.0.0-dev-20260318-aab03c7 → 0.0.0-dev-20260320-26b35b4

package/dist/authentication/authentication.es.js

@@ -2,9 +2,9 @@ import { u as e, I as o, a as m } from "../button-Ca1tRSTI.js";
 import { createAuthenticationManager as l } from "@incodetech/core/authentication";
 import "../vendor-preact-BXf0bkEs.js";
 import "@incodetech/core";
-import { P as c } from "../permissions-BDElyTL4.js";
+import { P as c } from "../permissions-CT8ELJ55.js";
 import { r as p } from "../incodeModule-aE-LkKwM.js";
-import { T as f, C as d } from "../tutorial-D8y4KZtv.js";
+import { T as f, C as d } from "../tutorial-DDrNTMZU.js";
 const h = ({
   config: r,
   authHint: s,

package/dist/base.css

@@ -2807,6 +2807,7 @@
   letter-spacing: var(--typography-headline-h2-letter-spacing);
   color: var(--color-text-body-0, var(--text-body-0-static));
   text-align: center;
+  min-height: var(--typography-headline-h2-line-height);
 }
 .IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderSubtitle {
   font-family: var(--typography-headline-family);
@@ -2816,6 +2817,7 @@
   letter-spacing: var(--typography-headline-h5-letter-spacing);
   color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
   text-align: center;
+  min-height: var(--typography-headline-h5-line-height);
 }
 .IncodeCameraFrame {
   --frame-border-color: var(--border-neutral-100);

package/dist/{captureFooter-X2qN1773.js → captureFooter-x4F9jMyX.js}

@@ -1,8 +1,9 @@
-import { u as e, d, S as s, b as C, B as u } from "./button-Ca1tRSTI.js";
-import { k as h, D as p, A as v, y as m } from "./vendor-preact-BXf0bkEs.js";
+import { u as e, d, S as v, b as m, B as I } from "./button-Ca1tRSTI.js";
+import { k as w, D as f, A as C, y as u } from "./vendor-preact-BXf0bkEs.js";
+import { T as y } from "./spinner-Cx3FPUCD.js";
 import "./uiConfig-Z6RT23Sl.js";
-const I = ({
-  className: a
+const g = ({
+  className: r
 }) => /* @__PURE__ */ e(
   "svg",
   {
@@ -11,7 +12,7 @@ const I = ({
     viewBox: "0 0 68 68",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: a,
+    class: r,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -26,7 +27,7 @@ const I = ({
       /* @__PURE__ */ e("circle", { cx: "33.5926", cy: "33.9996", r: "25.4187", fill: "white" })
     ]
   }
-), w = ({ className: a }) => /* @__PURE__ */ e(
+), F = ({ className: r }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "30",
@@ -34,7 +35,7 @@ const I = ({
     viewBox: "0 0 30 30",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: a,
+    class: r,
     "aria-hidden": "true",
     children: [
       /* @__PURE__ */ e(
@@ -57,7 +58,7 @@ const I = ({
       )
     ]
   }
-), f = ({ className: a }) => /* @__PURE__ */ e(
+), H = ({ className: r }) => /* @__PURE__ */ e(
   "svg",
   {
     width: "16",
@@ -65,7 +66,7 @@ const I = ({
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: a,
+    class: r,
     "aria-hidden": "true",
     children: /* @__PURE__ */ e(
       "path",
@@ -75,9 +76,9 @@ const I = ({
       }
     )
   }
-), H = ({
-  progress: a,
-  label: r,
+), O = ({
+  progress: r,
+  label: a,
   className: l
 }) => /* @__PURE__ */ e("div", { class: d("IncodeProgressBarContainer", l), children: [
   /* @__PURE__ */ e(
@@ -85,142 +86,164 @@ const I = ({
     {
       class: "IncodeProgressBar",
       role: "progressbar",
-      "aria-valuenow": a,
+      "aria-valuenow": r,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-label": r,
-      children: /* @__PURE__ */ e("div", { class: "IncodeProgressBarFill", style: { width: `${a}%` } })
+      "aria-label": a,
+      children: /* @__PURE__ */ e("div", { class: "IncodeProgressBarFill", style: { width: `${r}%` } })
     }
   ),
-  r ? /* @__PURE__ */ e(h, { children: [
-    /* @__PURE__ */ e(s, { size: 24 }),
-    /* @__PURE__ */ e("p", { class: "IncodeProgressBarLabel", children: r })
+  a ? /* @__PURE__ */ e(w, { children: [
+    /* @__PURE__ */ e(v, { size: 24 }),
+    /* @__PURE__ */ e("p", { class: "IncodeProgressBarLabel", children: a })
   ] }) : null
-] }), b = p(
+] }), x = f(
   ({
-    variant: a,
-    aspectRatio: r,
+    variant: r,
+    aspectRatio: a,
     orientation: l = "horizontal",
     frameState: c = "idle",
-    className: i,
-    children: o
-  }, t) => {
-    const n = `IncodeCameraFrame${c.charAt(0).toUpperCase()}${c.slice(1)}`;
+    className: o,
+    children: n
+  }, i) => {
+    const t = `IncodeCameraFrame${c.charAt(0).toUpperCase()}${c.slice(1)}`;
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: t,
+        ref: i,
         class: d(
           "IncodeCameraFrame",
-          a === "fill" && "IncodeCameraFrameFill",
-          a === "locked" && "IncodeCameraFrameLocked",
-          a === "locked" && l === "horizontal" && "IncodeCameraFrameHorizontal",
-          a === "locked" && l === "vertical" && "IncodeCameraFrameVertical",
-          n,
-          i
+          r === "fill" && "IncodeCameraFrameFill",
+          r === "locked" && "IncodeCameraFrameLocked",
+          r === "locked" && l === "horizontal" && "IncodeCameraFrameHorizontal",
+          r === "locked" && l === "vertical" && "IncodeCameraFrameVertical",
+          t,
+          o
         ),
-        style: r ? { aspectRatio: r } : void 0,
+        style: a ? { aspectRatio: a } : void 0,
         "aria-hidden": !0,
-        children: o
+        children: n
       }
     );
   }
-), B = ({
-  children: a,
-  className: r
-}) => /* @__PURE__ */ e("div", { class: d("IncodeCameraOverlay", r), children: a }), V = ({
-  title: a,
-  subtitle: r,
-  visible: l = !0,
-  className: c
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    class: d(
-      "IncodeCameraOverlayHeader",
-      !l && "IncodeCameraOverlayHeaderHidden",
-      c
-    ),
-    children: [
-      /* @__PURE__ */ e("div", { class: "IncodeCameraOverlayHeaderTitle", children: a || " " }),
-      /* @__PURE__ */ e("div", { class: "IncodeCameraOverlayHeaderSubtitle", children: r || " " })
-    ]
-  }
-), k = ({
-  stream: a,
+), L = ({
   children: r,
+  className: a
+}) => /* @__PURE__ */ e("div", { class: d("IncodeCameraOverlay", a), children: r }), M = ({
+  title: r,
+  subtitle: a,
+  visible: l = !0,
+  className: c,
+  titleId: o
+}) => {
+  const n = C(null);
+  return u(() => {
+    n.current?.focus();
+  }, []), /* @__PURE__ */ e(
+    "div",
+    {
+      class: d(
+        "IncodeCameraOverlayHeader",
+        !l && "IncodeCameraOverlayHeaderHidden",
+        c
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          y,
+          {
+            ref: n,
+            id: o,
+            className: "IncodeCameraOverlayHeaderTitle",
+            tabIndex: -1,
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e("p", { class: "IncodeCameraOverlayHeaderSubtitle", children: a })
+      ]
+    }
+  );
+}, Z = ({
+  stream: r,
+  children: a,
   videoRef: l,
   className: c,
-  ...i
+  ...o
 }) => {
-  const o = v(null), t = (n) => {
-    o.current = n, typeof l == "function" ? l(n) : l && (l.current = n);
+  const n = C(null), i = (t) => {
+    n.current = t, typeof l == "function" ? l(t) : l && (l.current = t);
   };
-  return m(() => {
-    o.current && a && (o.current.srcObject = a, o.current.play().catch(() => {
+  return u(() => {
+    n.current && r && (n.current.srcObject = r, n.current.play().catch(() => {
     }));
-  }, [a]), /* @__PURE__ */ e("div", { class: d("IncodeCameraView", c), ...i, children: [
+  }, [r]), /* @__PURE__ */ e("div", { class: d("IncodeCameraView", c), ...o, children: [
     /* @__PURE__ */ e("div", { class: "IncodeCameraViewVideo", children: /* @__PURE__ */ e(
       "video",
       {
-        ref: t,
+        ref: i,
         autoplay: !0,
         playsInline: !0,
         muted: !0,
+        "aria-hidden": "true",
         class: "IncodeCameraViewVideoElement"
       }
     ) }),
-    r
+    a
   ] });
-}, O = ({
-  onOpenHelp: a,
-  onCapture: r,
+}, P = ({
+  onOpenHelp: r,
+  onCapture: a,
   isManualCapture: l,
   captureAriaLabel: c,
-  helpAriaLabel: i,
-  encryptionLabel: o,
-  children: t
+  captureAriaDescribedBy: o,
+  helpAriaLabel: n,
+  helpButtonRef: i,
+  captureButtonRef: t,
+  encryptionLabel: h,
+  children: p
 }) => {
-  const { t: n } = C();
+  const { t: s } = m();
   return /* @__PURE__ */ e("div", { class: "IncodeCaptureFooter", children: [
     /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterEncryption", children: [
-      /* @__PURE__ */ e(f, { className: "IncodeCaptureFooterEncryptionIcon" }),
-      /* @__PURE__ */ e("span", { children: o ?? n("v2.capture.label") })
+      /* @__PURE__ */ e(H, { className: "IncodeCaptureFooterEncryptionIcon" }),
+      /* @__PURE__ */ e("span", { children: h ?? s("v2.capture.label") })
     ] }),
-    l && r ? /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterCaptureSection", children: [
-      t,
+    l && a ? /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterCaptureSection", children: [
+      p,
       /* @__PURE__ */ e(
         "button",
         {
+          ref: t,
           type: "button",
           class: "IncodeCaptureFooterCaptureButton",
-          onClick: r,
-          "aria-label": c ?? n("manualCapture.ariaLabel"),
+          onClick: a,
+          "aria-label": c ?? s("manualCapture.ariaLabel"),
+          "aria-describedby": o,
           "data-testid": "capture-button",
-          children: /* @__PURE__ */ e(I, {})
+          children: /* @__PURE__ */ e(g, {})
         }
       )
     ] }) : null,
     /* @__PURE__ */ e("div", { class: "IncodeCaptureFooterHelp", children: /* @__PURE__ */ e(
-      u,
+      I,
       {
+        ref: i,
         variant: "link",
-        onClick: a,
-        "aria-label": i ?? n("idv2.needHelp.open"),
+        onClick: r,
+        "aria-label": n ?? s("idv2.needHelp.open"),
         class: "IncodeCaptureFooterHelpButton",
-        children: /* @__PURE__ */ e(w, {})
+        children: /* @__PURE__ */ e(F, {})
       }
     ) })
   ] });
 };
 export {
-  B as C,
-  w as H,
-  f as L,
-  H as P,
-  b as a,
-  k as b,
-  V as c,
-  O as d,
-  I as e
+  L as C,
+  F as H,
+  H as L,
+  O as P,
+  x as a,
+  Z as b,
+  M as c,
+  P as d,
+  g as e
 };