@hai-dev/ui-kit 1.2.0 → 1.2.2

package/dist/components/code-input/types.d.ts

@@ -8,4 +8,5 @@ export type CodeInputProps = {
     className?: string;
     autoFocus?: boolean;
     locale?: Locale;
+    isPatient?: boolean;
 };

package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js

@@ -1,103 +1,35 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { c as p } from "../../../../index-YnD2EP-S.js";
-import { localizedText as d } from "../../locale.js";
-import { EN_LOCALE as T, DARK_THEME as u } from "../../../../constants.js";
-import '../../../../assets/inter.css';import '../../../../assets/error-upload-dialog.css';/* empty css                               */
-import { D as x } from "../../../../Dialog-BK9lMUKV.js";
-import { D as C, a as D, b as y } from "../../../../DialogTitle-ByUfLB5M.js";
-import * as h from "react";
-import { g as E, a as _, c as N, P as o } from "../../../../createTheme-BoOmbNvy.js";
-import { u as w, c as b, s as P, r as j } from "../../../../chainPropTypes-DgqFdXGi.js";
-import { T as k } from "../../../../Typography-BMyz0ZCh.js";
-import { B as M } from "../../../../Button-DTV8ztWw.js";
-function O(t) {
-  return E("MuiDialogContentText", t);
-}
-_("MuiDialogContentText", ["root"]);
-const R = (t) => {
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { Dialog as m, DialogTitle as E, DialogContent as _, DialogContentText as x, DialogActions as p, Button as h } from "@mui/material";
+import t from "classnames";
+import { localizedText as a } from "../../locale.js";
+import { EN_LOCALE as D, DARK_THEME as T } from "../../../../constants.js";
+import '../../../../assets/error-upload-dialog.css';const C = "_dialog_1l401_1", f = "_dark_1l401_5", k = "_dialogErrorText_1l401_9", r = {
+  dialog: C,
+  dark: f,
+  dialogErrorText: k
+}, b = (e) => {
   const {
-    classes: r
-  } = t, s = b({
-    root: ["root"]
-  }, O, r);
-  return {
-    ...r,
-    // forward classes to the Typography
-    ...s
-  };
-}, U = P(k, {
-  shouldForwardProp: (t) => j(t) || t === "classes",
-  name: "MuiDialogContentText",
-  slot: "Root"
-})({}), g = /* @__PURE__ */ h.forwardRef(function(r, a) {
-  const s = w({
-    props: r,
-    name: "MuiDialogContentText"
-  }), {
-    children: c,
-    className: n,
-    ...l
-  } = s, m = R(l);
-  return /* @__PURE__ */ e(U, {
-    component: "p",
-    variant: "body1",
-    color: "textSecondary",
-    ref: a,
-    ownerState: l,
-    className: N(m.root, n),
-    ...s,
-    classes: m
-  });
-});
-process.env.NODE_ENV !== "production" && (g.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
-});
-const S = "_dialog_gmwe9_1", v = "_dark_gmwe9_4", A = "_dialogErrorText_gmwe9_8", i = {
-  dialog: S,
-  dark: v,
-  dialogErrorText: A
-}, Q = (t) => {
-  const {
-    photoError: r,
-    onCloseErrorDialog: a,
-    locale: s = T,
-    theme: c = u,
-    className: n,
-    ...l
-  } = t;
-  return /* @__PURE__ */ f(
-    x,
+    photoError: n,
+    onCloseErrorDialog: l,
+    locale: i = D,
+    theme: c = T,
+    className: s,
+    ...d
+  } = e;
+  return /* @__PURE__ */ g(
+    m,
     {
-      className: p(i.dialog, n, i[c]),
-      onClose: a,
-      ...l,
+      className: t(r.dialog, s, r[c]),
+      onClose: l,
+      ...d,
       children: [
-        /* @__PURE__ */ e(C, { children: d[s].error }),
-        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(g, { className: p(i.dialogErrorText), children: r }) }),
-        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(M, { onClick: a, children: d[s].back }) })
+        /* @__PURE__ */ o(E, { children: a[i].error }),
+        /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(x, { className: t(r.dialogErrorText), children: n }) }),
+        /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(h, { onClick: l, children: a[i].back }) })
       ]
     }
   );
 };
 export {
-  Q as ErrorUploadDialog
+  b as ErrorUploadDialog
 };

package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js

@@ -1,140 +1,58 @@
-import { jsxs as T, jsx as g } from "react/jsx-runtime";
-import * as f from "react";
-import { useState as N } from "react";
-import { c as E } from "../../../../index-YnD2EP-S.js";
-import { useContainerSize as P } from "./use-container-size.js";
-import { EN_LOCALE as w } from "../../../../constants.js";
-import { FALLBACK_MAX_ITEMS as Q, MOBILE_MIN_GAP as b, MOBILE_ITEM_SIZE as O, DESKTOP_MIN_GAP as U, DESKTOP_ITEM_SIZE as j } from "./constants.js";
-import { localizedText as x } from "../../locale.js";
-import { r as D, T as A } from "../../../../createTheme-BoOmbNvy.js";
-import { a as C } from "../../../../extendSxProp-BaUCVMKV.js";
-import { u as k } from "../../../../useEnhancedEffect-CJGo-L3B.js";
-import { B as y } from "../../../../Box-BgNAyP2L.js";
-import '../../../../assets/photo-list.css';function B(t) {
-  const {
-    theme: o,
-    name: e,
-    props: n
-  } = t;
-  return !o || !o.components || !o.components[e] || !o.components[e].defaultProps ? n : D(o.components[e].defaultProps, n);
-}
-function $(t, o, e, n, a) {
-  const [s, m] = f.useState(() => a && e ? e(t).matches : n ? n(t).matches : o);
-  return k(() => {
-    if (!e)
-      return;
-    const i = e(t), c = () => {
-      m(i.matches);
-    };
-    return c(), i.addEventListener("change", c), () => {
-      i.removeEventListener("change", c);
-    };
-  }, [t, e]), s;
-}
-const K = {
-  ...f
-}, v = K.useSyncExternalStore;
-function R(t, o, e, n, a) {
-  const s = f.useCallback(() => o, [o]), m = f.useMemo(() => {
-    if (a && e)
-      return () => e(t).matches;
-    if (n !== null) {
-      const {
-        matches: u
-      } = n(t);
-      return () => u;
-    }
-    return s;
-  }, [s, t, n, a, e]), [i, c] = f.useMemo(() => {
-    if (e === null)
-      return [s, () => () => {
-      }];
-    const u = e(t);
-    return [() => u.matches, (r) => (u.addEventListener("change", r), () => {
-      u.removeEventListener("change", r);
-    })];
-  }, [s, e, t]);
-  return v(c, i, m);
-}
-function S(t = {}) {
-  const {
-    themeId: o
-  } = t;
-  return function(n, a = {}) {
-    let s = C();
-    s && o && (s = s[o] || s);
-    const m = typeof window < "u" && typeof window.matchMedia < "u", {
-      defaultMatches: i = !1,
-      matchMedia: c = m ? window.matchMedia : null,
-      ssrMatchMedia: _ = null,
-      noSsr: u = !1
-    } = B({
-      name: "MuiUseMediaQuery",
-      props: a,
-      theme: s
-    });
-    process.env.NODE_ENV !== "production" && typeof n == "function" && s === null && console.error(["MUI: The `query` argument provided is invalid.", "You are providing a function without a theme in the context.", "One of the parent elements needs to use a ThemeProvider."].join(`
-`));
-    let r = typeof n == "function" ? n(s) : n;
-    r = r.replace(/^@media( ?)/m, ""), r.includes("print") && console.warn(["MUI: You have provided a `print` query to the `useMediaQuery` hook.", "Using the print media query to modify print styles can lead to unexpected results.", "Consider using the `displayPrint` field in the `sx` prop instead.", "More information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print."].join(`
-`));
-    const h = (v !== void 0 ? R : $)(r, i, c, _, u);
-    return process.env.NODE_ENV !== "production" && f.useDebugValue({
-      query: r,
-      match: h
-    }), h;
-  };
-}
-S();
-const V = S({
-  themeId: A
-}), z = "_photoList_1j5k1_1", X = "_item_1j5k1_7", Y = "_image_1j5k1_21", l = {
-  photoList: z,
-  item: X,
-  image: Y
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import { useState as T } from "react";
+import { useMediaQuery as d, Box as u } from "@mui/material";
+import e from "classnames";
+import { useContainerSize as S } from "./use-container-size.js";
+import { EN_LOCALE as A } from "../../../../constants.js";
+import { FALLBACK_MAX_ITEMS as P, MOBILE_MIN_GAP as j, MOBILE_ITEM_SIZE as O, DESKTOP_MIN_GAP as B, DESKTOP_ITEM_SIZE as C } from "./constants.js";
+import { localizedText as _ } from "../../locale.js";
+import '../../../../assets/photo-list.css';const $ = "_photoList_1j5k1_1", b = "_item_1j5k1_7", k = "_image_1j5k1_21", t = {
+  photoList: $,
+  item: b,
+  image: k
 };
-function L(t, o, e) {
-  return t <= 0 ? Q : Math.max(1, Math.floor((t + e) / (o + e)));
+function M(s, c, i) {
+  return s <= 0 ? P : Math.max(1, Math.floor((s + i) / (c + i)));
 }
-const se = (t) => {
-  const { photoSources: o, photoIndex: e, locale: n, className: a, ...s } = t, [m, i] = N(null), { width: c, height: _ } = P(m), r = V("(max-width: 768px)") ? L(c, O, b) : L(_, j, U), d = o.slice(e), h = x[n]["photo-in-queue"], I = (p) => n === w ? `${p} ${x[n].more}` : `${x[n].more} ${p}`;
-  return d.length > r ? /* @__PURE__ */ T(
-    y,
+const q = (s) => {
+  const { photoSources: c, photoIndex: i, locale: r, className: h, ...p } = s, [x, E] = T(null), { width: I, height: L } = S(x), n = d("(max-width: 768px)") ? M(I, O, j) : M(L, C, B), m = c.slice(i), f = _[r]["photo-in-queue"], g = (o) => r === A ? `${o} ${_[r].more}` : `${_[r].more} ${o}`;
+  return m.length > n ? /* @__PURE__ */ N(
+    u,
     {
-      ref: i,
-      className: E(l.photoList, a),
-      ...s,
+      ref: E,
+      className: e(t.photoList, h),
+      ...p,
       children: [
-        d.slice(0, r - 1).map((p, M) => /* @__PURE__ */ g(
+        m.slice(0, n - 1).map((o, l) => /* @__PURE__ */ a(
           "img",
           {
-            className: E(l.item, l.image),
-            src: p,
-            alt: h
+            className: e(t.item, t.image),
+            src: o,
+            alt: f
           },
-          M
+          l
         )),
-        /* @__PURE__ */ g("div", { className: E(l.item), children: I(d.length - r + 1) })
+        /* @__PURE__ */ a("div", { className: e(t.item), children: g(m.length - n + 1) })
       ]
     }
-  ) : /* @__PURE__ */ g(
-    y,
+  ) : /* @__PURE__ */ a(
+    u,
     {
-      ref: i,
-      className: E(l.photoList, a),
-      ...s,
-      children: d.map((p, M) => /* @__PURE__ */ g(
+      ref: E,
+      className: e(t.photoList, h),
+      ...p,
+      children: m.map((o, l) => /* @__PURE__ */ a(
         "img",
         {
-          className: E(l.item, l.image),
-          src: p,
-          alt: h
+          className: e(t.item, t.image),
+          src: o,
+          alt: f
         },
-        M
+        l
       ))
     }
   );
 };
 export {
-  se as PhotoList
+  q as PhotoList
 };

package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as E, Fragment as k } from "react/jsx-runtime";
 import { useState as R, useRef as W } from "react";
-import { c as n } from "../../../../index-YnD2EP-S.js";
+import { Button as y } from "@mui/material";
+import n from "classnames";
 import { localizedText as T } from "../../locale.js";
-import { EN_LOCALE as y } from "../../../../constants.js";
-import { SUPPORTED_IMAGE_EXTENSIONS as M, MP4_VIDEO_EXT as j, WEBM_VIDEO_EXT as H } from "../../constants.js";
-import { UPLOAD_BUTTON_WIDTH_DEFAULT as X, UPLOAD_BUTTON_TAB_INDEX as F, UPLOAD_BUTTON_IMAGE_SIZE as x } from "./constants.js";
-import { B as z } from "../../../../Button-DTV8ztWw.js";
+import { EN_LOCALE as M } from "../../../../constants.js";
+import { SUPPORTED_IMAGE_EXTENSIONS as j, MP4_VIDEO_EXT as H, WEBM_VIDEO_EXT as X } from "../../constants.js";
+import { UPLOAD_BUTTON_WIDTH_DEFAULT as F, UPLOAD_BUTTON_TAB_INDEX as z, UPLOAD_BUTTON_IMAGE_SIZE as x } from "./constants.js";
 import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", Z = "_dragDropWrapper_cgx9x_1", q = "_input_cgx9x_4", a = {
   dragDropWrapper: Z,
   input: q
@@ -16,9 +16,9 @@ import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!
     children: C,
     className: p,
     onChange: c,
-    locale: d = y,
-    width: I = X,
-    allowedExtensions: g = M,
+    locale: d = M,
+    width: I = F,
+    allowedExtensions: g = j,
     onDragOver: N = () => {
     },
     onDragLeave: P = () => {
@@ -32,16 +32,16 @@ import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!
     fromSources: t,
     withVideoUploaded: U = !1,
     ...u
-  } = w, [B, s] = R(!1), l = W(null), h = U ? [...g, j, H] : g, D = (e) => {
+  } = w, [V, s] = R(!1), l = W(null), h = U ? [...g, H, X] : g, D = (e) => {
     o || e && e.length > 0 && c && c({
       target: {
         files: e,
         value: ""
       }
     });
-  }, V = (e) => {
-    t?.length || (e.preventDefault(), e.stopPropagation(), N(e), o || s(!0));
   }, A = (e) => {
+    t?.length || (e.preventDefault(), e.stopPropagation(), N(e), o || s(!0));
+  }, B = (e) => {
     t?.length || (e.preventDefault(), e.stopPropagation(), P(e), s(!1));
   }, G = (e) => {
     if (t?.length || (e.preventDefault(), e.stopPropagation(), S(e), s(!1), o)) return;
@@ -58,8 +58,8 @@ import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!
     "div",
     {
       className: n(a.dragDropWrapper),
-      onDragOver: V,
-      onDragLeave: A,
+      onDragOver: A,
+      onDragLeave: B,
       onDrop: G,
       onClick: b,
       children: i ? /* @__PURE__ */ E(k, { children: [
@@ -78,7 +78,7 @@ import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!
           }
         )
       ] }) : /* @__PURE__ */ E(
-        z,
+        y,
         {
           component: "label",
           sx: {
@@ -87,7 +87,7 @@ import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!
           role: "none",
           variant: "contained",
           disabled: o,
-          tabIndex: F,
+          tabIndex: z,
           className: n(a.uploadButton, O),
           startIcon: /* @__PURE__ */ r(
             "img",
@@ -99,7 +99,7 @@ import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!
             }
           ),
           children: [
-            B ? T[d].drop : C,
+            V ? T[d].drop : C,
             /* @__PURE__ */ r(
               "input",
               {

package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js

@@ -1,11 +1,10 @@
 import "react/jsx-runtime";
-import "../../../../index-YnD2EP-S.js";
+import "@mui/material";
+import "classnames";
 import "../../locale.js";
 import "../../../../constants.js";
-import '../../../../assets/inter.css';/* empty css                               */
-import { U } from "../../../../upload-dialog-errors-CCRxzIZp.js";
-import "../../../../DialogTitle-ByUfLB5M.js";
+import { U as s } from "../../../../upload-dialog-errors-B7V0G-Ey.js";
 import "../../../button/button.js";
 export {
-  U as UploadDialogErrors
+  s as UploadDialogErrors
 };