@genai-fi/base 4.3.7 → 4.3.8

package/dist/components/QRCode/DialogQR.js

@@ -1,16 +1,16 @@
 import "react/jsx-runtime";
 import "react";
-import "../../browser-HW-wgeM2.js";
+import "../../browser-DWbgwj89.js";
 import "@mui/material";
 import "react-i18next";
-import { D as k } from "../../DialogQR-DoM8ZHBM.js";
+import { D as k } from "../../DialogQR-ByOert0g.js";
 import "../../state/webrtcState.js";
 import "../../hooks/peer.js";
 import "../Button/Button.js";
-import "../../index-SOhdqzHq.js";
+import "../../index-B_zFkp-8.js";
 import "../../style/theme.js";
 import "../../util/canvas.js";
-import "../../FileSaver.min-DhePf63e.js";
+import "../../FileSaver.min-CDwyANUI.js";
 import "../BusyButton/BusyButton.js";
 import "../WorkflowLayout/lines.js";
 import "../WorkflowLayout/svgContext.js";

package/dist/components/QRCode/QRCode.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useRef as h, useState as m, useEffect as u, Suspense as p } from "react";
-import { q as v } from "../../browser-HW-wgeM2.js";
-import { s as o, D as b } from "../../DialogQR-DoM8ZHBM.js";
+import { q as v } from "../../browser-DWbgwj89.js";
+import { s as o, D as b } from "../../DialogQR-ByOert0g.js";
 function w({ url: a, size: r, code: c, label: l, dialog: d }) {
   const t = h(null), [f, n] = m(!1);
   return u(() => {

package/dist/components/SidePanel/SidePanel.d.ts

@@ -5,6 +5,7 @@ interface Props extends PropsWithChildren {
     onOpen?: () => void;
     position?: 'right' | 'bottom';
     closeLabel?: string;
+    dark?: boolean;
 }
-export default function SidePanel({ children, open, onClose, onOpen, closeLabel, position }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SidePanel({ children, open, onClose, onOpen, closeLabel, position, dark, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SidePanel/SidePanel.js

@@ -1,98 +1,109 @@
-import { jsxs as p, jsx as u } from "react/jsx-runtime";
-import { useState as h, useRef as w, useEffect as E } from "react";
-import { C as T } from "../../Close-Cv_QwhIN.js";
-import { IconButton as k } from "@mui/material";
-import '../../assets/SidePanel.css';const V = "_sidePanel_g53a4_1", W = "_sidePanelHorizontal_g53a4_14", Z = "_closed_g53a4_19", C = "_opening_g53a4_27", K = "_open_g53a4_27", U = "_resizer_g53a4_47", X = "_resizerHorizontal_g53a4_58", j = "_resizerVertical_g53a4_67", F = "_noSelect_g53a4_75", O = "_resizerBar_g53a4_79", Y = "_resizing_g53a4_101", G = "_resizerHandle_g53a4_105", q = "_minimised_g53a4_131", J = "_content_g53a4_199", Q = "_closeButton_g53a4_205", t = {
-  sidePanel: V,
-  sidePanelHorizontal: W,
-  closed: Z,
-  opening: C,
-  open: K,
-  resizer: U,
-  resizerHorizontal: X,
-  resizerVertical: j,
-  noSelect: F,
-  resizerBar: O,
-  resizing: Y,
-  resizerHandle: G,
-  minimised: q,
-  content: J,
-  closeButton: Q
-}, H = 30, b = 300, P = Math.max(b, Math.floor(window.innerWidth * 0.25)), c = "sidePanelWidth";
-function re({ children: $, open: o, onClose: d, onOpen: y, closeLabel: A, position: i = "right" }) {
-  const [m, s] = h(o ? P : 0), S = w(null), [g, x] = h(!1), [v, R] = h(!1), [M, B] = h(!o), I = w(null), _ = w(null), l = w(
-    window.sessionStorage.getItem(c) ? Number(window.sessionStorage.getItem(c)) : P
+import { jsxs as R, jsx as u } from "react/jsx-runtime";
+import { useState as w, useRef as g, useEffect as M } from "react";
+import { C as V } from "../../Close-TS8H1lQg.js";
+import { IconButton as T } from "@mui/material";
+import '../../assets/SidePanel.css';const W = "_sidePanel_dklbs_1", Z = "_dark_dklbs_15", K = "_sidePanelHorizontal_dklbs_20", U = "_sidePanelVertical_dklbs_25", X = "_closed_dklbs_29", j = "_opening_dklbs_37", C = "_open_dklbs_37", F = "_resizer_dklbs_57", O = "_resizerHorizontal_dklbs_68", Y = "_resizerVertical_dklbs_77", G = "_noSelect_dklbs_85", q = "_resizerBar_dklbs_89", J = "_resizerDark_dklbs_100", Q = "_resizing_dklbs_115", ee = "_resizerHandle_dklbs_119", te = "_minimised_dklbs_152", ie = "_content_dklbs_234", ne = "_closeButton_dklbs_242", t = {
+  sidePanel: W,
+  dark: Z,
+  sidePanelHorizontal: K,
+  sidePanelVertical: U,
+  closed: X,
+  opening: j,
+  open: C,
+  resizer: F,
+  resizerHorizontal: O,
+  resizerVertical: Y,
+  noSelect: G,
+  resizerBar: q,
+  resizerDark: J,
+  resizing: Q,
+  resizerHandle: ee,
+  minimised: te,
+  content: ie,
+  closeButton: ne
+}, I = 30, $ = 300, p = Math.max($, Math.floor(window.innerWidth * 0.25)), l = "sidePanelWidth";
+function le({
+  children: N,
+  open: o,
+  onClose: m,
+  onOpen: E,
+  closeLabel: A,
+  position: n = "right",
+  dark: P = !1
+}) {
+  const [_, s] = w(o ? p : 0), S = g(null), [z, x] = w(!1), [b, H] = w(!1), [k, y] = w(!o), v = g(null), f = g(null), c = g(
+    window.sessionStorage.getItem(l) ? Number(window.sessionStorage.getItem(l)) : p
   ), a = Math.max(
-    b,
-    Math.floor(i === "right" ? window.innerWidth * 0.9 : window.innerHeight * 0.9)
+    $,
+    Math.floor(n === "right" ? window.innerWidth * 0.9 : window.innerHeight * 0.9)
   );
-  E(() => {
+  M(() => {
     if (o)
-      R(!0), B(!1), _.current = document.activeElement ? document.activeElement : null;
+      H(!0), y(!1), f.current = document.activeElement ? document.activeElement : null;
     else {
       s(0);
-      const n = setTimeout(() => {
-        B(!0), _.current && document.contains(_.current) && _.current.focus();
+      const i = setTimeout(() => {
+        y(!0), f.current && document.contains(f.current) && f.current.focus();
       }, 300);
-      return () => clearTimeout(n);
+      return () => clearTimeout(i);
     }
-  }, [o]), E(() => {
-    if (v) {
-      I.current && I.current.focus(), s(l.current || P);
-      const n = setTimeout(() => {
-        R(!1);
+  }, [o]), M(() => {
+    if (b) {
+      v.current && v.current.focus(), s(c.current || p);
+      const i = setTimeout(() => {
+        H(!1);
       }, 300);
-      return () => clearTimeout(n);
+      return () => clearTimeout(i);
     }
-  }, [v]), E(() => {
-    if (g) {
-      let n = function(e) {
-        if (g && S.current) {
-          const N = S.current.getBoundingClientRect(), D = i === "right" ? N.right - e.clientX : N.bottom - e.clientY, f = Math.max(Math.min(D, a), H);
-          f - D > 10 ? s(0) : (l.current = f, s(f), window.sessionStorage.setItem(c, f.toString())), e.preventDefault();
+  }, [b]), M(() => {
+    if (z) {
+      let i = function(e) {
+        if (z && S.current) {
+          const D = S.current.getBoundingClientRect(), B = n === "right" ? D.right - e.clientX : D.bottom - e.clientY, h = Math.max(Math.min(B, a), I);
+          h - B > 10 ? s(0) : (c.current = h, s(h), window.sessionStorage.setItem(l, h.toString())), e.preventDefault();
         }
       }, r = function() {
         x(!1);
       };
-      return window.addEventListener("pointermove", n, { passive: !1 }), window.addEventListener("pointerup", r), document.body.classList.add(t.noSelect), () => {
-        window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", r), document.body.classList.remove(t.noSelect);
+      return window.addEventListener("pointermove", i, { passive: !1 }), window.addEventListener("pointerup", r), document.body.classList.add(t.noSelect), () => {
+        window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", r), document.body.classList.remove(t.noSelect);
       };
     }
-  }, [g, i, a]);
-  const z = m === 0 || M, L = /* @__PURE__ */ p(
+  }, [z, n, a]);
+  const d = _ === 0 || k, L = /* @__PURE__ */ R(
     "div",
     {
-      className: `${t.resizer} ${g ? t.resizing : ""} ${i === "right" ? t.resizerVertical : t.resizerHorizontal}`,
+      className: `${t.resizer} ${z ? t.resizing : ""} ${n === "right" ? t.resizerVertical : t.resizerHorizontal} ${P ? t.resizerDark : ""}`,
       onPointerDown: () => {
-        x(!0), y && y();
+        x(!0), E && E();
       },
       children: [
         /* @__PURE__ */ u("div", { className: t.resizerBar }),
         o && /* @__PURE__ */ u(
           "div",
           {
-            className: `${t.resizerHandle} ${z ? t.minimised : ""}`,
+            className: `${t.resizerHandle} ${d ? t.minimised : ""}`,
             role: "separator",
-            "aria-orientation": i === "right" ? "vertical" : "horizontal",
+            "aria-orientation": n === "right" ? "vertical" : "horizontal",
             "aria-label": "Resize sidebar",
             tabIndex: 0,
-            "aria-valuenow": m,
+            "aria-valuenow": _,
             "aria-valuemin": 0,
             "aria-valuemax": a,
-            ref: I,
-            onKeyDown: (n) => {
-              i === "right" ? n.key === "ArrowRight" ? s((r) => {
+            ref: v,
+            onKeyDown: (i) => {
+              n === "right" ? i.key === "ArrowRight" ? s((r) => {
                 const e = Math.min(a, Math.max(0, r - 50));
-                return l.current = e, window.sessionStorage.setItem(c, e.toString()), e;
-              }) : n.key === "ArrowLeft" && s((r) => {
-                const e = Math.max(H, Math.min(a, r + 50));
-                return l.current = e, window.sessionStorage.setItem(c, e.toString()), e;
-              }) : n.key === "ArrowDown" ? s((r) => {
+                return c.current = e, window.sessionStorage.setItem(l, e.toString()), e;
+              }) : i.key === "ArrowLeft" && s((r) => {
+                const e = Math.max(I, Math.min(a, r + 50));
+                return c.current = e, window.sessionStorage.setItem(l, e.toString()), e;
+              }) : i.key === "ArrowDown" ? s((r) => {
                 const e = Math.min(a, Math.max(0, r - 50));
-                return l.current = e, window.sessionStorage.setItem(c, e.toString()), e;
-              }) : n.key === "ArrowUp" && s((r) => {
-                const e = Math.max(H, Math.min(a, r + 50));
-                return l.current = e, window.sessionStorage.setItem(c, e.toString()), e;
+                return c.current = e, window.sessionStorage.setItem(l, e.toString()), e;
+              }) : i.key === "ArrowUp" && s((r) => {
+                const e = Math.max(I, Math.min(a, r + 50));
+                return c.current = e, window.sessionStorage.setItem(l, e.toString()), e;
               });
             }
           }
@@ -100,40 +111,47 @@ function re({ children: $, open: o, onClose: d, onOpen: y, closeLabel: A, positi
       ]
     }
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ R(
     "aside",
     {
-      className: `${t.sidePanel} ${o ? t.open : t.closed} ${v ? t.opening : ""} ${i === "right" ? t.sidePanelVertical : t.sidePanelHorizontal}`,
-      style: i === "right" ? { width: z ? 0 : m, visibility: M ? "hidden" : void 0 } : { height: z ? 0 : m, visibility: M ? "hidden" : void 0 },
+      className: `${t.sidePanel} ${o ? t.open : t.closed} ${b ? t.opening : ""} ${n === "right" ? t.sidePanelVertical : t.sidePanelHorizontal} ${P ? t.dark : ""}`,
+      style: n === "right" ? {
+        width: d ? 0 : _,
+        visibility: k ? "hidden" : void 0,
+        flexBasis: d ? 0 : "unset"
+      } : {
+        height: d ? 0 : _,
+        visibility: k ? "hidden" : void 0,
+        flexBasis: d ? 0 : "unset"
+      },
       ref: S,
       "aria-hidden": !o,
-      onKeyDownCapture: (n) => {
-        n.key === "Escape" && (n.stopPropagation(), d == null || d());
+      onKeyDownCapture: (i) => {
+        i.key === "Escape" && (i.stopPropagation(), m == null || m());
       },
       children: [
-        (i === "right" || i === "bottom") && L,
-        /* @__PURE__ */ p("div", { className: t.content, children: [
-          d && /* @__PURE__ */ u("div", { className: t.closeButton, children: /* @__PURE__ */ u(
-            k,
-            {
-              onClick: d,
-              "data-testid": "sidepanel-close-button",
-              "aria-label": A ?? "Close side panel",
-              children: /* @__PURE__ */ u(
-                T,
-                {
-                  fontSize: "medium",
-                  htmlColor: "#444"
-                }
-              )
-            }
-          ) }),
-          z || m < b ? null : $
-        ] })
+        (n === "right" || n === "bottom") && L,
+        /* @__PURE__ */ u("div", { className: t.content, children: d ? null : N }),
+        m && _ > 50 && /* @__PURE__ */ u("div", { className: t.closeButton, children: /* @__PURE__ */ u(
+          T,
+          {
+            onClick: m,
+            "data-testid": "sidepanel-close-button",
+            "aria-label": A ?? "Close side panel",
+            color: "inherit",
+            children: /* @__PURE__ */ u(
+              V,
+              {
+                fontSize: "medium",
+                color: "inherit"
+              }
+            )
+          }
+        ) })
       ]
     }
   );
 }
 export {
-  re as default
+  le as default
 };

package/dist/components/Webcam/Webcam.js

@@ -3,10 +3,10 @@ import * as G from "react";
 import { useState as N, useRef as T, useEffect as b, useCallback as E } from "react";
 import { useTranslation as J } from "react-i18next";
 import { IconButton as V } from "@mui/material";
-import { c as Q } from "../../createSvgIcon-BM4dw4Lw.js";
+import { c as Q } from "../../createSvgIcon-DjQWJ3wn.js";
 import { WebcamClass as Y } from "./webcamClass.js";
-import { g as Z, u as P, c as W, a as ee, s as te, m as ae } from "../../DefaultPropsProvider-BurgXZzw.js";
-import { g as ne, P as a } from "../../createTheme-DV959X3d.js";
+import { g as Z, u as P, c as W, a as ee, s as te, m as ae } from "../../DefaultPropsProvider-B_x1hwuY.js";
+import { g as ne, P as a } from "../../createTheme-DnBeI7Zz.js";
 import { css as A, keyframes as H } from "@emotion/react";
 import '../../assets/Webcam.css';function re(e) {
   return String(e).match(/[\d.\-+]*\s*(.*)/)[1] || "";