@genai-fi/base 4.2.3 → 4.3.0

package/dist/components/AlertPara/AlertPara.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { c as a } from "../../createSvgIcon-DQhMxTx4.js";
+import { c as a } from "../../createSvgIcon-BM4dw4Lw.js";
 import '../../assets/AlertPara.css';const _ = a(/* @__PURE__ */ t("path", {
   d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
 }), "InfoOutlined"), c = "_alert_ur25l_1", i = "_isolated_ur25l_13", f = "_none_ur25l_19 _alert_ur25l_1", u = "_info_ur25l_23 _alert_ur25l_1", n = {

package/dist/components/Application/Application.js

@@ -6,7 +6,7 @@ import * as o from "react";
 import { Suspense as Be } from "react";
 import * as He from "react-dom";
 import je from "../Loading/Loading.js";
-import { P as Ve } from "../../react-D_xU5dL6.js";
+import { P as Ve } from "../../react-B9NW8BS7.js";
 /**
  * react-router v7.13.0
  *

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { s as t } from "../../DefaultPropsProvider-BurgXZzw.js";
-import { B as o } from "../../Button-BeUmwrlS.js";
+import { B as o } from "../../Button-BgSe1MyE.js";
 const e = t(o)({
   textTransform: "none"
 }), s = t(o)({

package/dist/components/ConnectionStatus/ConnectionStatus.js

@@ -2,12 +2,12 @@ import { jsx as r, Fragment as W, jsxs as q } from "react/jsx-runtime";
 import { iceConfig as F, webrtcActive as L } from "../../state/webrtcState.js";
 import { useRef as P, useState as _, useEffect as o } from "react";
 import { getRTConfig as z } from "./ice.js";
-import { W as E, F as R } from "../../FlashWifi-DkGhdWqj.js";
+import { W as E, F as R } from "../../FlashWifi-slUpI7sB.js";
 import { useTranslation as b } from "react-i18next";
-import { c as j } from "../../createSvgIcon-DQhMxTx4.js";
+import { c as j } from "../../createSvgIcon-BM4dw4Lw.js";
 import { checkP2P as x } from "./check.js";
 import { usePeerObject as A } from "../../hooks/peer.js";
-import { a as B } from "../../react-D_xU5dL6.js";
+import { a as B } from "../../react-B9NW8BS7.js";
 import '../../assets/ConnectionStatus.css';const D = "_containerConnecting_1p4sr_15 _container_1p4sr_3", U = "_containerSuccess_1p4sr_20 _container_1p4sr_3", w = "_containerMedium_1p4sr_25 _container_1p4sr_3", O = "_containerBad_1p4sr_30 _container_1p4sr_3", $ = "_message_1p4sr_35", f = {
   containerConnecting: D,
   containerSuccess: U,

package/dist/components/ConnectionStatus/FlashWifi.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { F as p } from "../../FlashWifi-DkGhdWqj.js";
+import { F as p } from "../../FlashWifi-slUpI7sB.js";
 export {
   p as default
 };

package/dist/components/Feedback/Experience.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    experience: string;
+    onChange: (experience: string) => void;
+}
+export default function Experience({ experience, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Feedback/Experience.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { TextField as l } from "@mui/material";
+import { s as a } from "../../Feedback.module-C2gI6YmB.js";
+import { useTranslation as s } from "react-i18next";
+function p({ experience: r, onChange: t }) {
+  const { t: i } = s();
+  return /* @__PURE__ */ o("div", { className: a.experienceContainer, children: [
+    /* @__PURE__ */ e("h2", { children: i("feedback.experienceTitle") }),
+    /* @__PURE__ */ e(
+      l,
+      {
+        multiline: !0,
+        rows: 4,
+        value: r,
+        onChange: (n) => t(n.target.value),
+        fullWidth: !0
+      }
+    )
+  ] });
+}
+export {
+  p as default
+};

package/dist/components/Feedback/Feedback.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+interface Props {
+    application: string;
+    delay?: number;
+    className?: string;
+    style?: CSSProperties;
+    variant?: 'contained' | 'outlined' | 'text';
+}
+export default function Feedback({ application, delay, className, style, variant }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Feedback/Feedback.js

@@ -0,0 +1,63 @@
+import { jsx as t, jsxs as b, Fragment as h } from "react/jsx-runtime";
+import "../../state/webrtcState.js";
+import { useState as o, useEffect as k } from "react";
+import { useTranslation as S } from "react-i18next";
+import "../../hooks/peer.js";
+import { Button as T } from "../Button/Button.js";
+import "../../index-SOhdqzHq.js";
+import "../../style/theme.js";
+import "../../util/canvas.js";
+import "../../FileSaver.min-DhePf63e.js";
+import "../BusyButton/BusyButton.js";
+import "../../browser-HW-wgeM2.js";
+import "@mui/material";
+import "../WorkflowLayout/lines.js";
+import "../WorkflowLayout/svgContext.js";
+import "../WorkflowLayout/Widget.js";
+import "../IconMenu/context.js";
+import "@emotion/react";
+import g from "./FeedbackForm.js";
+import { c as I } from "../../createSvgIcon-BM4dw4Lw.js";
+const v = I(/* @__PURE__ */ t("path", {
+  d: "M12 6c0-.55-.45-1-1-1H5.82l.66-3.18.02-.23c0-.31-.13-.59-.33-.8L5.38 0 .44 4.94C.17 5.21 0 5.59 0 6v6.5c0 .83.67 1.5 1.5 1.5h6.75c.62 0 1.15-.38 1.38-.91l2.26-5.29c.07-.17.11-.36.11-.55zm10.5 4h-6.75c-.62 0-1.15.38-1.38.91l-2.26 5.29c-.07.17-.11.36-.11.55V18c0 .55.45 1 1 1h5.18l-.66 3.18-.02.24c0 .31.13.59.33.8l.79.78 4.94-4.94c.27-.27.44-.65.44-1.06v-6.5c0-.83-.67-1.5-1.5-1.5"
+}), "ThumbsUpDown");
+function P({ application: c, delay: e, className: n, style: i, variant: s }) {
+  const { t: a } = S(), [p, u] = o(!1), [l, w] = o(""), [f, r] = o(!1), m = localStorage.getItem("feedbackSubmitted") === "true";
+  return k(() => {
+    if (!m) {
+      const d = setTimeout(
+        () => {
+        },
+        e ?? 3e5
+      );
+      return () => clearTimeout(d);
+    }
+  }, [m, e]), /* @__PURE__ */ b(h, { children: [
+    p && /* @__PURE__ */ t(
+      T,
+      {
+        variant: s ?? "contained",
+        onClick: () => r(!0),
+        className: n,
+        style: i,
+        startIcon: /* @__PURE__ */ t(v, {}),
+        children: a("feedback.button")
+      }
+    ),
+    /* @__PURE__ */ t(
+      g,
+      {
+        open: f,
+        onClose: () => r(!1),
+        onDone: () => {
+          localStorage.setItem("feedbackSubmitted", "true"), u(!1);
+        },
+        token: l,
+        application: c
+      }
+    )
+  ] });
+}
+export {
+  P as default
+};

package/dist/components/Feedback/FeedbackForm.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    token: string;
+    application: string;
+    open?: boolean;
+    onClose?: () => void;
+    onDone?: () => void;
+}
+export default function FeedbackForm({ application, open, onClose, token, onDone }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Feedback/FeedbackForm.js

@@ -0,0 +1,95 @@
+import { jsxs as o, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { Dialog as T, DialogContent as Y, DialogActions as _ } from "@mui/material";
+import { s as l } from "../../Feedback.module-C2gI6YmB.js";
+import { useState as r, useRef as j, useEffect as A } from "react";
+import { Button as b } from "../Button/Button.js";
+import B from "./Rating.js";
+import F from "./Recommend.js";
+import y from "./Experience.js";
+import { useTranslation as I } from "react-i18next";
+const x = "https://store.gen-ai.fi/common/thank_you_graphic.jpg";
+function M(c, n, a) {
+  return !(c <= 0 || c > 5 || n <= 0 || n > 5 || a.length > 1e3);
+}
+function L({ application: c, open: n, onClose: a, token: S, onDone: w }) {
+  const { t } = I(), [d, f] = r(0), [m, u] = r(0), [h, g] = r(""), [i, C] = r(!1), [s, v] = r(!1), p = j(!1);
+  A(() => {
+    if (!n || p.current) return;
+    const E = new Image();
+    E.src = x, p.current = !0;
+  }, [n]);
+  const R = M(d, m, h), D = () => {
+  }, k = () => {
+    a && a(), setTimeout(() => {
+      C(!1), v(!1), f(0), u(0), g("");
+    }, 500);
+  };
+  return /* @__PURE__ */ o(
+    T,
+    {
+      open: n ?? !1,
+      onClose: k,
+      children: [
+        /* @__PURE__ */ o(Y, { className: l.feedback, children: [
+          !i && !s && /* @__PURE__ */ o(N, { children: [
+            /* @__PURE__ */ e("h1", { children: t("feedback.title") }),
+            /* @__PURE__ */ e(
+              B,
+              {
+                rating: d,
+                onChange: f
+              }
+            ),
+            /* @__PURE__ */ e(
+              F,
+              {
+                rating: m,
+                onChange: u
+              }
+            ),
+            /* @__PURE__ */ e(
+              y,
+              {
+                experience: h,
+                onChange: g
+              }
+            )
+          ] }),
+          i && /* @__PURE__ */ e("div", { className: l.thankYouBox, children: /* @__PURE__ */ e(
+            "img",
+            {
+              src: x,
+              alt: t("feedback.thankYou")
+            }
+          ) }),
+          s && /* @__PURE__ */ o("div", { className: l.messageBox, children: [
+            /* @__PURE__ */ e("h1", { children: t("feedback.error") }),
+            /* @__PURE__ */ e("p", { children: t("feedback.errorMessage") })
+          ] })
+        ] }),
+        /* @__PURE__ */ o(_, { children: [
+          /* @__PURE__ */ e(
+            b,
+            {
+              variant: !i && !s ? "outlined" : "contained",
+              onClick: k,
+              children: t("feedback.close")
+            }
+          ),
+          !i && !s && /* @__PURE__ */ e(
+            b,
+            {
+              variant: "contained",
+              onClick: D,
+              disabled: !R,
+              children: t("feedback.send")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  L as default
+};

package/dist/components/Feedback/Rating.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    rating: number;
+    onChange: (rating: number) => void;
+}
+export default function Rating({ rating, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Feedback/Rating.js

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { s as t } from "../../Feedback.module-C2gI6YmB.js";
+import { c as n } from "../../createSvgIcon-BM4dw4Lw.js";
+import { useTranslation as c } from "react-i18next";
+const o = n(/* @__PURE__ */ e("path", {
+  d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
+}), "Star"), d = n(/* @__PURE__ */ e("path", {
+  d: "m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z"
+}), "StarOutline");
+function S({ rating: r, onChange: s }) {
+  const { t: i } = c();
+  return /* @__PURE__ */ l("div", { className: t.ratingContainer, children: [
+    /* @__PURE__ */ e("h2", { children: i("feedback.ratingTitle") }),
+    /* @__PURE__ */ e("div", { className: t.rating, children: [1, 2, 3, 4, 5].map((a) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: `${t.star} ${a <= r ? t.filled : ""}`,
+        onClick: () => s(a),
+        children: [
+          a <= r ? /* @__PURE__ */ e(o, { fontSize: "inherit" }) : /* @__PURE__ */ e(d, { fontSize: "inherit" }),
+          a === 1 && /* @__PURE__ */ e("div", { className: t.label, children: i("feedback.ratingVeryDissatisfied") }),
+          a === 5 && /* @__PURE__ */ e("div", { className: t.label, children: i("feedback.ratingVerySatisfied") })
+        ]
+      },
+      a
+    )) })
+  ] });
+}
+export {
+  S as default
+};

package/dist/components/Feedback/Recommend.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    rating: number;
+    onChange: (rating: number) => void;
+}
+export default function Recommend({ rating, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Feedback/Recommend.js

@@ -0,0 +1,31 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { s as e } from "../../Feedback.module-C2gI6YmB.js";
+function t({ rating: c, onChange: d }) {
+  const { t: r } = s();
+  return /* @__PURE__ */ n("div", { className: e.ratingContainer, children: [
+    /* @__PURE__ */ l("h2", { children: r("feedback.recommendTitle") }),
+    /* @__PURE__ */ l("div", { className: e.rating, children: [1, 2, 3, 4, 5].map((a) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: e.boxContainer,
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: `${e.box} ${e["box" + a]} ${a === c ? e.filled : ""}`,
+              onClick: () => d(a),
+              children: `${a}`
+            }
+          ),
+          a === 1 && /* @__PURE__ */ l("div", { className: e.label, children: r("feedback.recommendVeryUnlikely") }),
+          a === 5 && /* @__PURE__ */ l("div", { className: e.label, children: r("feedback.recommendVeryLikely") })
+        ]
+      },
+      a
+    )) })
+  ] });
+}
+export {
+  t as default
+};

package/dist/components/Help/Help.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    message: string;
+    widget?: string;
+    active?: boolean;
+    style?: CSSProperties;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    inplace?: boolean;
+    inside?: boolean;
+}
+export default function Help({ message, children, widget, style: customStyle, active, placement, inplace, inside, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Help/Help.js

@@ -0,0 +1,75 @@
+import { jsx as e, jsxs as I } from "react/jsx-runtime";
+import { IconButton as s } from "@mui/material";
+import f from "../InfoPop/InfoPop.js";
+import { c as v } from "../../createSvgIcon-BM4dw4Lw.js";
+import { useState as C } from "react";
+import '../../assets/Help.css';const p = v(/* @__PURE__ */ e("path", {
+  d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
+}), "HelpOutline"), S = "_helpButton_p1m35_1", g = "_helpButtonInplace_p1m35_12", $ = "_container_p1m35_23", k = "_inplaceContainer_p1m35_32", x = "_active_p1m35_41", y = "_helpButtonInside_p1m35_45", t = {
+  helpButton: S,
+  helpButtonInplace: g,
+  container: $,
+  inplaceContainer: k,
+  active: x,
+  helpButtonInside: y
+};
+function j({
+  message: u,
+  children: h,
+  widget: m,
+  style: _,
+  active: d,
+  placement: B,
+  inplace: n,
+  inside: o
+}) {
+  const [c, l] = C(null), a = (i) => {
+    l(n || o ? i.currentTarget : i.currentTarget.parentElement);
+  }, r = () => {
+    l(null);
+  };
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      className: `${n ? t.inplaceContainer : t.container} ${c && !n && !o ? t.active : ""}`,
+      "data-widget": m,
+      "data-active": d ? "true" : "false",
+      style: _,
+      children: [
+        !n && /* @__PURE__ */ e(
+          s,
+          {
+            onClick: a,
+            onMouseLeave: r,
+            className: `${t.helpButton} ${o ? t.helpButtonInside : ""}`,
+            color: "inherit",
+            children: /* @__PURE__ */ e(p, { fontSize: "medium" })
+          }
+        ),
+        h,
+        n && /* @__PURE__ */ e(
+          s,
+          {
+            onClick: a,
+            onMouseLeave: r,
+            className: t.helpButtonInplace,
+            color: "inherit",
+            children: /* @__PURE__ */ e(p, { fontSize: "medium" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          f,
+          {
+            anchorEl: c,
+            open: !!c,
+            placement: B,
+            children: u
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  j as default
+};

package/dist/components/InfoPop/InfoPop.d.ts

@@ -0,0 +1,10 @@
+import { PopperProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
+interface Props extends Omit<PopperProps, 'children'>, PropsWithChildren {
+    theme?: 'light' | 'dark';
+    offsetY?: number;
+    offsetX?: number;
+    delay?: number;
+}
+export default function InfoPop({ open, delay, children, offsetY, offsetX, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/InfoPop/InfoPop.js

@@ -0,0 +1,48 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Popper as u } from "@mui/material";
+import { useState as d, useRef as h, useEffect as g } from "react";
+import '../../assets/InfoPop.css';const I = "_popper_35oif_1", b = "_fadeIn_35oif_1", k = "_dark_35oif_12", x = "_light_35oif_17", O = "_bottom_35oif_22", $ = "_top_35oif_27", v = "_right_35oif_32", P = "_left_35oif_37", i = {
+  popper: I,
+  fadeIn: b,
+  dark: k,
+  light: x,
+  bottom: O,
+  top: $,
+  right: v,
+  left: P
+};
+function z({ open: t, delay: o, children: m, offsetY: f = 0, offsetX: r = 0, ...e }) {
+  const [p, s] = d(t), n = h(t);
+  n.current = t, g(() => {
+    if (t) {
+      const _ = o ? setTimeout(() => {
+        n.current && s(t);
+      }, o) : void 0;
+      return () => {
+        _ && clearTimeout(_);
+      };
+    } else
+      s(!1);
+  }, [t, o]);
+  const a = e.placement || "bottom", l = r || f ? [
+    {
+      name: "offset",
+      options: {
+        offset: [r, f]
+      }
+    }
+  ] : e.modifiers;
+  return /* @__PURE__ */ c(
+    u,
+    {
+      open: o ? p : t,
+      ...e,
+      modifiers: l,
+      sx: { zIndex: 10 },
+      children: /* @__PURE__ */ c("div", { className: `${i.popper} ${i[a]} ${i[e.theme || "dark"]}`, children: m })
+    }
+  );
+}
+export {
+  z as default
+};

package/dist/components/LangSelect/LangSelect.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { NativeSelect as s } from "@mui/material";
 import { useTranslation as m } from "react-i18next";
 import { useCallback as g } from "react";
-import { c as i } from "../../createSvgIcon-DQhMxTx4.js";
+import { c as i } from "../../createSvgIcon-BM4dw4Lw.js";
 import '../../assets/LangSelect.css';const r = "_lang_1mspu_3", u = {
   lang: r
 }, h = i(/* @__PURE__ */ e("path", {

package/dist/components/Motd/Motd.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { useState as l, useEffect as d, useMemo as m } from "react";
-import { C as _ } from "../../Close-BGAFHd7i.js";
+import { C as _ } from "../../Close-Cv_QwhIN.js";
 import { IconButton as a } from "@mui/material";
 import '../../assets/Motd.css';const g = "#e04f66", b = "#fd9d32", h = "#e8f0fe", j = "_motd_1rn2j_3", v = "_info_1rn2j_15 _motd_1rn2j_3", w = "_warn_1rn2j_21 _motd_1rn2j_3", C = "_error_1rn2j_26 _motd_1rn2j_3", M = {
   bgColourful3: g,

package/dist/components/PieScore/PieScore.js

@@ -4,9 +4,9 @@ import * as N from "react";
 import rr from "react";
 import { P as d, g as Ge, a as no } from "../../createTheme-DV959X3d.js";
 import { g as lu } from "../../_commonjsHelpers-DaMA6jEr.js";
-import { r as wo, d as uu, T as qs, g as Ye, u as Ws, s as ce, c as Pe, a as Xe, m as cu, f as fu } from "../../DefaultPropsProvider-BurgXZzw.js";
-import { i as du, j as hu, o as pu, k as gu, u as Ao, b as bi, P as mu, h as Bs, H as It, f as yu, e as bu, I as vu } from "../../Portal-CcDjyHU0.js";
-import { B as xu } from "../../Button-BeUmwrlS.js";
+import { r as wo, d as uu, T as qs, g as Ye, u as Ws, c as Pe, a as Xe, s as ce, m as cu, f as fu } from "../../DefaultPropsProvider-BurgXZzw.js";
+import { i as du, j as hu, o as pu, k as gu, u as Ao, b as bi, P as mu, h as Bs, H as It, f as yu, e as bu, I as vu } from "../../Portal-MiwrHMB_.js";
+import { B as xu } from "../../Button-BgSe1MyE.js";
 import '../../assets/PieScore.css';function Gs(e) {
   const {
     theme: t,

package/dist/components/QRCode/DialogQR.js

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { D as j } from "../../DialogQR-BIfoHwVy.js";
+import "../../browser-HW-wgeM2.js";
 import "@mui/material";
 import "react-i18next";
+import { D as k } from "../../DialogQR-DoM8ZHBM.js";
 import "../../state/webrtcState.js";
 import "../../hooks/peer.js";
 import "../Button/Button.js";
@@ -17,5 +18,5 @@ import "../WorkflowLayout/Widget.js";
 import "../IconMenu/context.js";
 import "@emotion/react";
 export {
-  j as default
+  k as default
 };

package/dist/components/QRCode/QRCode.js

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useRef as h, useState as m, useEffect as u, Suspense as v } from "react";
-import { q as p, s as o, D as b } from "../../DialogQR-BIfoHwVy.js";
-function q({ url: a, size: r, code: c, label: l, dialog: d }) {
+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";
+function w({ url: a, size: r, code: c, label: l, dialog: d }) {
   const t = h(null), [f, n] = m(!1);
   return u(() => {
-    t.current && p.toCanvas(t.current, a, { width: r === "large" ? 350 : r === "normal" ? 250 : 164 }).catch(
+    t.current && v.toCanvas(t.current, a, { width: r === "large" ? 350 : r === "normal" ? 250 : 164 }).catch(
       (s) => console.error(s)
     );
   }, [a, r]), d ? /* @__PURE__ */ i("div", { className: o.container, children: [
@@ -25,7 +26,7 @@ function q({ url: a, size: r, code: c, label: l, dialog: d }) {
         }
       }
     ),
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
       b,
       {
         url: a,
@@ -57,5 +58,5 @@ function q({ url: a, size: r, code: c, label: l, dialog: d }) {
   );
 }
 export {
-  q as default
+  w as default
 };

package/dist/components/SidePanel/SidePanel.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
 import { useState as m, useRef as B, useEffect as w } from "react";
-import { C as A } from "../../Close-BGAFHd7i.js";
+import { C as A } from "../../Close-Cv_QwhIN.js";
 import { IconButton as D } from "@mui/material";
 import '../../assets/SidePanel.css';const L = "_sidePanel_fhsa8_1", T = "_sidePanelHorizontal_fhsa8_14", C = "_closed_fhsa8_19", k = "_opening_fhsa8_24", V = "_open_fhsa8_24", W = "_resizer_fhsa8_33", Z = "_resizerHorizontal_fhsa8_44", U = "_resizerVertical_fhsa8_53", X = "_noSelect_fhsa8_61", j = "_resizerBar_fhsa8_65", K = "_resizing_fhsa8_87", O = "_resizerHandle_fhsa8_91", Y = "_minimised_fhsa8_117", F = "_content_fhsa8_183", G = "_closeButton_fhsa8_190", e = {
   sidePanel: L,

package/dist/components/Webcam/Webcam.js

@@ -1,11 +1,11 @@
-import { jsx as c, jsxs as F, Fragment as q } from "react/jsx-runtime";
+import { jsx as c, Fragment as F, jsxs as q } from "react/jsx-runtime";
 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-DQhMxTx4.js";
+import { c as Q } from "../../createSvgIcon-BM4dw4Lw.js";
 import { WebcamClass as Y } from "./webcamClass.js";
-import { g as Z, u as P, s as W, c as ee, a as te, m as ae } from "../../DefaultPropsProvider-BurgXZzw.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 { css as A, keyframes as H } from "@emotion/react";
 import '../../assets/Webcam.css';function re(e) {
@@ -32,7 +32,7 @@ const ue = (e) => {
     width: v,
     height: s
   } = e;
-  return te({
+  return ee({
     root: ["root", r, o, u && "withChildren", u && !v && "fitContent", u && !s && "heightAuto"]
   }, le, i);
 }, j = H`
@@ -66,7 +66,7 @@ const ue = (e) => {
         &::after {
           animation: ${D} 2s linear 0.5s infinite;
         }
-      ` : null, de = W("span", {
+      ` : null, de = te("span", {
   name: "MuiSkeleton",
   slot: "Root",
   overridesResolver: (e, i) => {
@@ -202,7 +202,7 @@ const ue = (e) => {
   return /* @__PURE__ */ c(de, {
     as: s,
     ref: r,
-    className: ee(M.root, v),
+    className: W(M.root, v),
     ownerState: t,
     ...h,
     style: {
@@ -342,7 +342,7 @@ function Re({
   const z = E(() => {
     B((n) => !n);
   }, [B]);
-  return u ? /* @__PURE__ */ c(q, { children: R && /* @__PURE__ */ c(
+  return u ? /* @__PURE__ */ c(F, { children: R && /* @__PURE__ */ c(
     V,
     {
       size: "large",
@@ -351,7 +351,7 @@ function Re({
       "aria-label": h("webcam.aria.flip"),
       children: /* @__PURE__ */ c(X, { fontSize: "large" })
     }
-  ) }) : /* @__PURE__ */ F(q, { children: [
+  ) }) : /* @__PURE__ */ q(F, { children: [
     !t && /* @__PURE__ */ c(
       K,
       {
@@ -360,7 +360,7 @@ function Re({
         height: p
       }
     ),
-    t && /* @__PURE__ */ F("div", { className: $.wrapContainer, children: [
+    t && /* @__PURE__ */ q("div", { className: $.wrapContainer, children: [
       R && /* @__PURE__ */ c(
         V,
         {