@hai-dev/ui-kit 1.1.4 → 1.1.6

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

@@ -1,5 +1,5 @@
 import { jsxs as L, jsx as a, Fragment as _ } from "react/jsx-runtime";
-import * as P from "react";
+import * as k from "react";
 import { S as $ } from "../../../../index-BiffjjQq.js";
 import { c as i } from "../../../../index-B2JRaoNz.js";
 import { s as n, U as V } from "../../../../upload-dialog-errors-Bxun25O-.js";
@@ -8,8 +8,8 @@ import { localizedText as p } from "../../locale.js";
 import { EN_LOCALE as Z } from "../../../../constants.js";
 import { CLOSE_ICON_SIZE as w } from "./constants.js";
 import { DEFAULT_MIN_DIMENSION as Y, DEFAULT_ASPECT_RATIO as q } from "../../constants.js";
-import { D as T } from "../../../../Dialog-DqFOpJyx.js";
-import { a as D, b as O, D as G } from "../../../../DialogTitle-CeM_Z851.js";
+import { D as O } from "../../../../Dialog-DqFOpJyx.js";
+import { a as D, b as E, D as G } from "../../../../DialogTitle-CeM_Z851.js";
 import { CircularProgressLoader as J } from "../../../circular-progress-loader/circular-progress-loader.js";
 import { a as K, g as Q, c as X, b as m, P as t } from "../../../../createTheme-RRQUOQoF.js";
 import { m as A } from "../../../../memoTheme-5A7c_y33.js";
@@ -18,7 +18,7 @@ import { u as oo, s as W, c as eo, b as to } from "../../../../chainPropTypes-C0
 import { u as ao } from "../../../../useId-CK6Kn3Tn.js";
 import { B as ro } from "../../../../ButtonBase-DPLf5-lz.js";
 import { C as no } from "../../../../CircularProgress-CrHaMZDC.js";
-import { Button as E } from "../../../button/button.js";
+import { Button as P } from "../../../button/button.js";
 import '../../../../assets/upload-dialog.css';function io(o) {
   return Q("MuiIconButton", o);
 }
@@ -169,7 +169,7 @@ const U = K("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       display: "flex"
     }
   }]
-})), j = /* @__PURE__ */ P.forwardRef(function(e, r) {
+})), j = /* @__PURE__ */ k.forwardRef(function(e, r) {
   const c = oo({
     props: e,
     name: "MuiIconButton"
@@ -230,7 +230,7 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * The icon to display.
    */
-  children: to(t.node, (o) => P.Children.toArray(o.children).some((r) => /* @__PURE__ */ P.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: to(t.node, (o) => k.Children.toArray(o.children).some((r) => /* @__PURE__ */ k.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
@@ -324,42 +324,42 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
     className: d,
     photoIndex: C,
     loadingValue: F,
-    errors: k,
-    ...x
+    errors: x,
+    ...T
   } = o, S = r.slice(C).length > 1;
-  return h || !r.length ? /* @__PURE__ */ a(
-    T,
+  return h || !r.length && !x?.length ? /* @__PURE__ */ a(
+    O,
     {
       className: i(n.dialog, d),
       onClose: e,
-      ...x,
+      ...T,
       children: /* @__PURE__ */ a(D, { className: i(n.content), children: /* @__PURE__ */ a(J, { value: F }) })
     }
-  ) : k?.length ? /* @__PURE__ */ a(
-    T,
+  ) : x?.length ? /* @__PURE__ */ a(
+    O,
     {
       className: i(n.dialog, d),
       onClose: e,
-      ...x,
+      ...T,
       children: /* @__PURE__ */ a(
         V,
         {
           locale: l,
           photoSources: r,
-          errors: k,
+          errors: x,
           onCloseDialogHandler: e,
           onClearErrors: v
         }
       )
     }
   ) : /* @__PURE__ */ L(
-    T,
+    O,
     {
       className: i(n.dialog, d),
       onClose: e,
-      ...x,
+      ...T,
       children: [
-        /* @__PURE__ */ a(O, { className: i(n.topActions), children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(E, { className: i(n.topActions), children: /* @__PURE__ */ a(
           j,
           {
             onClick: e,
@@ -406,10 +406,10 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
           ),
           S && /* @__PURE__ */ a(H, { photoSources: r, photoIndex: C })
         ] }),
-        u && /* @__PURE__ */ a(O, { className: i(n.dialogText), children: u }),
-        /* @__PURE__ */ a(O, { className: i(n.botActions), children: S ? /* @__PURE__ */ L(_, { children: [
+        u && /* @__PURE__ */ a(E, { className: i(n.dialogText), children: u }),
+        /* @__PURE__ */ a(E, { className: i(n.botActions), children: S ? /* @__PURE__ */ L(_, { children: [
           /* @__PURE__ */ a(
-            E,
+            P,
             {
               buttonSize: "small",
               buttonColor: "blue",
@@ -421,7 +421,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             }
           ),
           /* @__PURE__ */ a(
-            E,
+            P,
             {
               buttonSize: "small",
               buttonColor: "blue",
@@ -433,7 +433,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             }
           )
         ] }) : /* @__PURE__ */ a(
-          E,
+          P,
           {
             minWidth: "100%",
             buttonSize: "small",

package/dist/components/photo-crop-uploader/constants.d.ts

@@ -36,6 +36,7 @@ export declare const MIME_TO_EXT: {
 };
 export declare const DEFAULT_TIMEOUT = 500;
 export declare const DEFAULT_FILE_MAX_SIZE: number;
+export declare const DEFAULT_VIDEO_FILE_MAX_SIZE: number;
 export declare const PHOTO_CANVAS_CONTEXT = "2d";
 export declare const PHOTO_SMOOTHING_QUALITY = "high";
 export declare const PRECENT_UNIT = "%";

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

@@ -1,15 +1,15 @@
-import { BYTE_TO_KILOBYTE as I } from "../../constants.js";
-const N = 1, e = 670, E = ".jpg", _ = ".jpeg", P = ".png", o = ".svg", M = ".bmp", A = ".gif", T = ".ico", G = ".webp", D = [
-  E,
+import { BYTE_TO_KILOBYTE as E } from "../../constants.js";
+const N = 1, e = 670, _ = ".jpg", I = ".jpeg", o = ".png", A = ".svg", M = ".bmp", P = ".gif", T = ".ico", n = ".webp", D = [
   _,
-  P,
+  I,
   o,
-  M,
   A,
-  G,
-  T
-], n = "image/jpg", c = "image/jpeg", s = "image/png", t = "image/svg+xml", O = "image/bmp", Y = "image/gif", S = "image/webp", m = "image/x-icon", g = "image/vnd.microsoft.icon", L = ".mp4", X = ".webm", p = "video/mp4", C = "video/webm", U = [
+  M,
+  P,
   n,
+  T
+], G = "image/jpg", c = "image/jpeg", s = "image/png", t = "image/svg+xml", O = "image/bmp", Y = "image/gif", S = "image/webp", m = "image/x-icon", g = "image/vnd.microsoft.icon", L = ".mp4", X = ".webm", U = "video/mp4", p = "video/webm", C = [
+  G,
   c,
   s,
   t,
@@ -19,16 +19,16 @@ const N = 1, e = 670, E = ".jpg", _ = ".jpeg", P = ".png", o = ".svg", M = ".bmp
   m,
   g
 ], F = {
-  JPEG_IMAGE_TYPE: [E, _],
-  JPG_IMAGE_TYPE: [E, _],
-  PNG_IMAGE_TYPE: [P],
-  GIF_IMAGE_TYPE: [A],
-  SVG_IMAGE_TYPE: [o],
+  JPEG_IMAGE_TYPE: [_, I],
+  JPG_IMAGE_TYPE: [_, I],
+  PNG_IMAGE_TYPE: [o],
+  GIF_IMAGE_TYPE: [P],
+  SVG_IMAGE_TYPE: [A],
   BMP_IMAGE_TYPE: [M],
-  WEBP_IMAGE_TYPE: [G],
+  WEBP_IMAGE_TYPE: [n],
   ICO_IMAGE_TYPE: [T],
   MICROSOFT_ICO_IMAGE_TYPE: [T]
-}, R = 500, B = 5 * I * I, a = "2d", V = "high", b = "%", J = "px", v = "ms", W = "mb", d = 1, f = 100, j = 2, r = 0.5, w = 100, x = 100, H = 500;
+}, R = 500, B = 10 * E * E, V = 50 * E * E, a = "2d", b = "high", J = "%", v = "px", W = "ms", d = "mb", f = 1, j = 100, r = 2, w = 0.5, x = 100, H = 100, Z = 500;
 export {
   M as BMP_IMAGE_EXT,
   O as BMP_IMAGE_TYPE,
@@ -36,39 +36,40 @@ export {
   B as DEFAULT_FILE_MAX_SIZE,
   e as DEFAULT_MIN_DIMENSION,
   R as DEFAULT_TIMEOUT,
-  f as FULL_CROP_SIZE,
-  w as FULL_PROGRESS_VALUE,
-  A as GIF_IMAGE_EXT,
+  V as DEFAULT_VIDEO_FILE_MAX_SIZE,
+  j as FULL_CROP_SIZE,
+  x as FULL_PROGRESS_VALUE,
+  P as GIF_IMAGE_EXT,
   Y as GIF_IMAGE_TYPE,
   T as ICO_IMAGE_EXT,
   m as ICO_IMAGE_TYPE,
-  _ as JPEG_IMAGE_EXT,
+  I as JPEG_IMAGE_EXT,
   c as JPEG_IMAGE_TYPE,
-  E as JPG_IMAGE_EXT,
-  n as JPG_IMAGE_TYPE,
-  j as MAX_ASPECT_RATIO,
-  d as MB_FRACTION_DIGITS,
-  W as MB_UNIT,
+  _ as JPG_IMAGE_EXT,
+  G as JPG_IMAGE_TYPE,
+  r as MAX_ASPECT_RATIO,
+  f as MB_FRACTION_DIGITS,
+  d as MB_UNIT,
   g as MICROSOFT_ICO_IMAGE_TYPE,
   F as MIME_TO_EXT,
-  r as MIN_ASPECT_RATIO,
+  w as MIN_ASPECT_RATIO,
   L as MP4_VIDEO_EXT,
-  p as MP4_VIDEO_TYPE,
-  v as MS_UNIT,
+  U as MP4_VIDEO_TYPE,
+  W as MS_UNIT,
   a as PHOTO_CANVAS_CONTEXT,
-  x as PHOTO_LOADING_DELAY,
-  V as PHOTO_SMOOTHING_QUALITY,
-  J as PIXEL_UNIT,
-  P as PNG_IMAGE_EXT,
+  H as PHOTO_LOADING_DELAY,
+  b as PHOTO_SMOOTHING_QUALITY,
+  v as PIXEL_UNIT,
+  o as PNG_IMAGE_EXT,
   s as PNG_IMAGE_TYPE,
-  b as PRECENT_UNIT,
-  H as RESET_DATA_DELAY,
+  J as PRECENT_UNIT,
+  Z as RESET_DATA_DELAY,
   D as SUPPORTED_IMAGE_EXTENSIONS,
-  U as SUPPORTED_IMAGE_MIME_TYPES,
-  o as SVG_IMAGE_EXT,
+  C as SUPPORTED_IMAGE_MIME_TYPES,
+  A as SVG_IMAGE_EXT,
   t as SVG_IMAGE_TYPE,
   X as WEBM_VIDEO_EXT,
-  C as WEBM_VIDEO_TYPE,
-  G as WEBP_IMAGE_EXT,
+  p as WEBM_VIDEO_TYPE,
+  n as WEBP_IMAGE_EXT,
   S as WEBP_IMAGE_TYPE
 };

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

@@ -1,6 +1,6 @@
 const e = {
   en: {
-    upload: "Upload a photo",
+    upload: "Upload a file",
     drop: "Drop the file here",
     "photo-crop": "Select the display area",
     crop: "Save",
@@ -10,7 +10,8 @@ const e = {
     "canvas-error": "Canvas context not found",
     error: "Error",
     "large-file": "The file is too large",
-    "maximum-size": "Maximum size",
+    "maximum-size": "Maximum size for a photo is",
+    "video-maximum-size": "Maximum size for a video is",
     "file-ext-error": "Unsupported file extension",
     "file-type-error": "Unsupported file type",
     "mime-type": "MIME Type",
@@ -23,11 +24,11 @@ const e = {
     skip: "Skip area selection",
     aspect: "The aspect ratio of the cropped image must not be greater than 2",
     close: "Close",
-    "not-uploaded": "Photos were not uploaded",
-    "some-not-uploaded": "Some photos were not uploaded"
+    "not-uploaded": "Files were not uploaded",
+    "some-not-uploaded": "Some files were not uploaded"
   },
   ru: {
-    upload: "Загрузить фото",
+    upload: "Загрузить файл",
     drop: "Отпустите файл здесь",
     "photo-crop": "Выберите отображаемую область",
     crop: "Сохранить",
@@ -37,7 +38,8 @@ const e = {
     "canvas-error": "Контекст канваса не найден",
     error: "Ошибка",
     "large-file": "Файл слишком большой",
-    "maximum-size": "Максимальный размер",
+    "maximum-size": "Максимальный размер для фотографии",
+    "video-maximum-size": "Максимальный размер для видео",
     "file-ext-error": "Неподдерживаемое расширение файла",
     "file-type-error": "Неподдерживаемый тип файла",
     "mime-type": "MIME тип",
@@ -50,8 +52,8 @@ const e = {
     skip: "Пропустить выбор области",
     aspect: "Соотношение сторон обрезаемого изображения не должно быть больше 2",
     close: "Закрыть",
-    "not-uploaded": "Фотографии не были загружены",
-    "some-not-uploaded": "Некоторые фотографии не были загружены"
+    "not-uploaded": "Файлы не были загружены",
+    "some-not-uploaded": "Некоторые файлы не были загружены"
   }
 };
 export {

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

@@ -1,292 +1,303 @@
-import { jsxs as Ro, Fragment as yo, jsx as _ } from "react/jsx-runtime";
+import { jsxs as yo, Fragment as Mo, jsx as U } from "react/jsx-runtime";
 import { useState as i, useRef as w } from "react";
-import { D as Io } from "../../index-BiffjjQq.js";
-import { c as Fo } from "../../index-B2JRaoNz.js";
-import { localizedText as Mo } from "./locale.js";
-import { EN_LOCALE as No } from "../../constants.js";
-import { DEFAULT_MIN_DIMENSION as bo, DEFAULT_ASPECT_RATIO as Ho, DEFAULT_TIMEOUT as Vo, DEFAULT_FILE_MAX_SIZE as ko, FULL_PROGRESS_VALUE as J, PHOTO_LOADING_DELAY as jo, RESET_DATA_DELAY as m } from "./constants.js";
-import { UploadDialog as zo } from "./components/upload-dialog/upload-dialog.js";
-import { UploadButton as Wo } from "./components/upload-button/upload-button.js";
-import { ErrorUploadDialog as Bo } from "./components/error-upload-dialog/error-upload-dialog.js";
-import { isVideo as K } from "./utils/is-video.js";
-import { validatePhotoFile as Q } from "./utils/validate-photo-file.js";
-import { readPhoto as $ } from "./utils/read-photo.js";
-import { getPhotoCrop as Go } from "./utils/get-photo-crop.js";
-import { getCroppedSource as Yo } from "./utils/get-cropped-source.js";
-import { getDefaultCroppedPhoto as oo } from "./utils/get-default-cropped-photo.js";
-import '../../assets/photo-crop-uploader.css';const Xo = "_photoCropCanvas_1i4lr_1", Zo = {
-  photoCropCanvas: Xo
+import { D as No } from "../../index-BiffjjQq.js";
+import { c as Vo } from "../../index-B2JRaoNz.js";
+import { localizedText as bo } from "./locale.js";
+import { EN_LOCALE as Ho } from "../../constants.js";
+import { DEFAULT_MIN_DIMENSION as ko, DEFAULT_ASPECT_RATIO as zo, DEFAULT_TIMEOUT as jo, DEFAULT_FILE_MAX_SIZE as Wo, DEFAULT_VIDEO_FILE_MAX_SIZE as Bo, FULL_PROGRESS_VALUE as Q, PHOTO_LOADING_DELAY as Go, RESET_DATA_DELAY as d } from "./constants.js";
+import { UploadDialog as Xo } from "./components/upload-dialog/upload-dialog.js";
+import { UploadButton as Yo } from "./components/upload-button/upload-button.js";
+import { ErrorUploadDialog as Zo } from "./components/error-upload-dialog/error-upload-dialog.js";
+import { isVideo as $ } from "./utils/is-video.js";
+import { validateVideoFile as oo } from "./utils/validate-video-file.js";
+import { validatePhotoFile as eo } from "./utils/validate-photo-file.js";
+import { readPhoto as to } from "./utils/read-photo.js";
+import { getPhotoCrop as qo } from "./utils/get-photo-crop.js";
+import { getCroppedSource as Jo } from "./utils/get-cropped-source.js";
+import { getDefaultCroppedPhoto as ro } from "./utils/get-default-cropped-photo.js";
+import '../../assets/photo-crop-uploader.css';const Ko = "_photoCropCanvas_1i4lr_1", Qo = {
+  photoCropCanvas: Ko
 };
-function he(a) {
+function Ee(a) {
   const {
-    buttonClassname: eo = "",
-    onStartUpload: ro = () => {
+    buttonClassname: so = "",
+    onStartUpload: no = () => {
     },
-    onEndUpload: to = () => {
+    onEndUpload: ao = () => {
     },
-    onError: no = () => {
+    onError: io = () => {
     },
-    onStartCrop: so = () => {
+    onStartCrop: lo = () => {
     },
-    onDragOver: ao = () => {
+    onDragOver: co = () => {
     },
-    onDragLeave: io = () => {
+    onDragLeave: po = () => {
     },
-    onDragDrop: co = () => {
+    onDragDrop: uo = () => {
     },
-    showErrorPopup: lo = !1,
-    minDimension: c = bo,
-    aspectRatio: C = Ho,
-    locale: n = No,
-    timeout: M = Vo,
-    fileMaxSize: N = ko,
-    allowedExtensions: U,
+    showErrorPopup: fo = !1,
+    minDimension: l = ko,
+    aspectRatio: C = zo,
+    locale: s = Ho,
+    timeout: M = jo,
+    fileMaxSize: N = Wo,
+    videoFileMaxSize: V = Bo,
+    allowedExtensions: A,
     allowedMimeTypes: b,
-    circular: po,
-    width: uo,
-    keepSelection: fo,
-    uploadButton: ho,
+    circular: ho,
+    width: mo,
+    keepSelection: Co,
+    uploadButton: go,
     multiple: g = !1,
     fromSources: H,
-    withVideoUploaded: A = !1,
-    returnCropParams: mo = !1,
-    ...Co
+    withVideoUploaded: v = !1,
+    returnCropParams: Eo = !1,
+    dialogClassname: k,
+    ...Po
   } = a, {
-    onEndCrop: qo,
-    onClose: Jo,
-    ...go
-  } = Co, [Eo, E] = i(!1), [P, D] = i([]), [x, v] = i([]), f = w([]), h = w([]), [p, V] = i(0), k = w(null), j = w(null), [l, O] = i(!1), [Po, z] = i(0), [W, B] = i(""), [Do, S] = i([]), [So, G] = i(!1), Lo = Eo || l && g, To = () => {
+    onEndCrop: $o,
+    onClose: oe,
+    ...Do
+  } = Po, [So, E] = i(!1), [P, D] = i([]), [x, I] = i([]), f = w([]), h = w([]), [p, z] = i(0), j = w(null), W = w(null), [c, O] = i(!1), [Lo, B] = i(0), [G, X] = i(""), [_o, S] = i([]), [To, Y] = i(!1), Uo = So || c && g, wo = () => {
     S([]);
-  }, R = (o = []) => {
-    l || (a.returnCropParams === !0 && a.onClose?.(
+  }, F = (o = []) => {
+    c || (a.returnCropParams === !0 && a.onClose?.(
       o,
       f.current,
       h.current
-    ), E(!1), setTimeout(() => S([]), m), setTimeout(() => D([]), m), setTimeout(() => {
+    ), E(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
       f.current = [], h.current = [];
-    }, m));
-  }, y = (o = []) => {
-    l || (a.returnCropParams || a.onClose?.(
+    }, d));
+  }, R = (o = []) => {
+    c || (a.returnCropParams || a.onClose?.(
       o,
       f.current,
       h.current
-    ), E(!1), setTimeout(() => S([]), m), setTimeout(() => D([]), m), setTimeout(() => {
+    ), E(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
       f.current = [], h.current = [];
-    }, m));
-  }, Y = () => {
-    l || (a.returnCropParams === !0 ? R([]) : y([]));
-  }, _o = () => {
-    G(!1);
-  }, L = (o, r = o, e = []) => {
-    to(o), B(""), D(o), v(Array(o.length)), V(0), E(!0), f.current = r, h.current = e, o.length || Y();
-  }, I = (o) => {
-    o instanceof Error && (console.warn(o.message), no(o), B(o.message), G(!0), D([]), E(!1), f.current = [], h.current = []);
-  }, wo = async (o) => {
-    const { files: r } = o.target;
-    if (r?.length && !l)
+    }, d));
+  }, Z = () => {
+    c || (a.returnCropParams === !0 ? F([]) : R([]));
+  }, Ao = () => {
+    Y(!1);
+  }, L = (o, t = o, e = [], r = !1) => {
+    ao(o), X(""), D(o), I(Array(o.length)), z(0), E(!0), f.current = t, h.current = e, !o.length && !r && Z();
+  }, y = (o) => {
+    o instanceof Error && (console.warn(o.message), io(o), X(o.message), Y(!0), D([]), E(!1), f.current = [], h.current = []);
+  }, vo = async (o) => {
+    const { files: t } = o.target;
+    if (t?.length && !c)
       try {
-        if (O(!0), ro(), g) {
-          const e = Array.from(r), t = J / e.length, T = [], u = [], Z = [], F = [];
-          for (const d of e) {
-            const Oo = K(d);
+        if (O(!0), no(), g) {
+          const e = Array.from(t), r = Q / e.length, _ = [], u = [], J = [], T = [];
+          for (const m of e) {
+            const Ro = $(m);
             try {
-              if (A && Oo) {
-                const s = URL.createObjectURL(d);
-                Z.push(u.length), u.push(s);
+              if (v && Ro) {
+                oo(m, V, s);
+                const n = URL.createObjectURL(m);
+                J.push(u.length), u.push(n);
               } else {
-                Q(
-                  d,
+                eo(
+                  m,
                   {
                     maxSize: N,
-                    allowedExtensions: U,
+                    allowedExtensions: A,
                     allowedMimeTypes: b
                   },
-                  n
+                  s
                 );
-                const s = await $(
-                  d,
-                  c,
-                  n,
+                const n = await to(
+                  m,
+                  l,
+                  s,
                   M
                 );
-                T.push(s), u.push(s);
+                _.push(n), u.push(n);
               }
-            } catch (s) {
-              let q = "";
-              s instanceof Error && (q = s.message), F.push({
-                photoName: d.name,
-                errorMessage: q
+            } catch (n) {
+              let K = "";
+              n instanceof Error && (K = n.message), T.push({
+                photoName: m.name,
+                errorMessage: K
               });
             }
-            z(
-              (s) => Math.min(J, s + t)
-            ), await new Promise((s) => setTimeout(s, 0));
+            B(
+              (n) => Math.min(Q, n + r)
+            ), await new Promise((n) => setTimeout(n, 0));
           }
           if (H?.length)
-            throw new Error(F[0]?.errorMessage);
-          S(F), L(T, u, Z);
+            throw new Error(T[0]?.errorMessage);
+          S(T), L(_, u, J, T.length > 0);
         } else {
-          const e = r[0];
-          if (A && K(e)) {
-            const t = URL.createObjectURL(e);
-            L([], [t], [0]);
+          const e = t[0];
+          if (v && $(e)) {
+            oo(e, V, s);
+            const r = URL.createObjectURL(e);
+            L([], [r], [0]);
           } else {
-            Q(
+            eo(
               e,
-              { maxSize: N, allowedExtensions: U, allowedMimeTypes: b },
-              n
+              { maxSize: N, allowedExtensions: A, allowedMimeTypes: b },
+              s
             );
-            const t = await $(e, c, n, M);
-            L([t]);
+            const r = await to(e, l, s, M);
+            L([r]);
           }
         }
       } catch (e) {
-        I(e);
+        y(e);
       } finally {
         g ? setTimeout(() => {
-          o.target.value = "", z(0), O(!1);
-        }, jo) : (o.target.value = "", O(!1));
+          o.target.value = "", B(0), O(!1);
+        }, Go) : (o.target.value = "", O(!1));
       }
-  }, Uo = (o) => {
-    const { width: r, height: e } = o.currentTarget, t = Go(r, e, c, C);
-    v((T) => {
-      const u = [...T];
-      return u[p] = t, u;
+  }, xo = (o) => {
+    const { width: t, height: e } = o.currentTarget, r = qo(t, e, l, C);
+    I((_) => {
+      const u = [..._];
+      return u[p] = r, u;
     });
-  }, Ao = (o, r) => {
-    v((e) => {
-      const t = [...e];
-      return t[p] = r, t;
+  }, Io = (o, t) => {
+    I((e) => {
+      const r = [...e];
+      return r[p] = t, r;
     });
-  }, X = () => {
-    const o = j.current, r = k.current;
-    if (o && r && x)
+  }, q = () => {
+    const o = W.current, t = j.current;
+    if (o && t && x)
       try {
         const e = x[p];
         if (!e) return !1;
-        if (so(), a.returnCropParams === !0) {
-          const t = Io(e, r.naturalWidth, r.naturalHeight);
-          a.onEndCrop?.(t), p >= P.length - 1 && R();
+        if (lo(), a.returnCropParams === !0) {
+          const r = No(
+            e,
+            t.naturalWidth,
+            t.naturalHeight
+          );
+          a.onEndCrop?.(r), p >= P.length - 1 && F();
         } else {
-          const t = Yo(
-            r,
+          const r = Jo(
+            t,
             o,
             e,
-            n
+            s
           );
-          a.onEndCrop?.(t), p >= P.length - 1 && y();
+          a.onEndCrop?.(r), p >= P.length - 1 && R();
         }
         return !0;
       } catch (e) {
-        return e instanceof Error && (console.warn(e), I(e)), !1;
+        return e instanceof Error && (console.warn(e), y(e)), !1;
       }
     else
       return !1;
-  }, xo = () => {
-    X() && V((r) => r + 1);
-  }, vo = async () => {
+  }, Oo = () => {
+    q() && z((t) => t + 1);
+  }, Fo = async () => {
     const o = P.slice(p);
     try {
-      if (mo) {
-        const r = await Promise.all(
+      if (Eo) {
+        const t = await Promise.all(
           o.map(
-            (e) => oo(
+            (e) => ro(
               e,
-              c,
+              l,
               C,
-              n,
+              s,
               !0
             )
           )
         );
-        R(r);
+        F(t);
       } else {
-        const r = await Promise.all(
+        const t = await Promise.all(
           o.map(
-            (e) => oo(
+            (e) => ro(
               e,
-              c,
+              l,
               C,
-              n,
+              s,
               !1
             )
           )
         );
-        y(r);
+        R(t);
       }
-    } catch (r) {
-      I(r);
+    } catch (t) {
+      y(t);
     }
   };
-  return /* @__PURE__ */ Ro(yo, { children: [
-    /* @__PURE__ */ _(
-      Wo,
+  return /* @__PURE__ */ yo(Mo, { children: [
+    /* @__PURE__ */ U(
+      Yo,
       {
-        onChange: wo,
+        onChange: vo,
         onPhotoDataLoaded: L,
-        buttonClassname: eo,
-        disabled: l,
-        buttonDisabled: l,
-        locale: n,
-        width: uo,
-        allowedExtensions: U,
-        onDragDrop: co,
-        onDragLeave: io,
-        onDragOver: ao,
-        button: ho,
+        buttonClassname: so,
+        disabled: c,
+        buttonDisabled: c,
+        locale: s,
+        width: mo,
+        allowedExtensions: A,
+        onDragDrop: uo,
+        onDragLeave: po,
+        onDragOver: co,
+        button: go,
         multiple: g,
         fromSources: H,
-        withVideoUploaded: A,
-        ...go,
-        children: Mo[n].upload
+        withVideoUploaded: v,
+        ...Do,
+        children: bo[s].upload
       }
     ),
-    /* @__PURE__ */ _(
-      zo,
+    /* @__PURE__ */ U(
+      Xo,
       {
-        open: Lo,
-        photoSourceLoading: l,
-        loadingValue: Po,
-        errors: Do,
+        open: Uo,
+        className: k,
+        photoSourceLoading: c,
+        loadingValue: Lo,
+        errors: _o,
         photoCrops: x,
         photoSources: P,
-        onNextPhoto: xo,
-        onSkipCrop: vo,
-        onClearErrors: To,
-        photoError: W,
-        onCloseDialogHandler: Y,
-        onCropChange: Ao,
-        onPhotoCrop: X,
-        onPhotoLoad: Uo,
-        imageRef: k,
-        minDimension: c,
+        onNextPhoto: Oo,
+        onSkipCrop: Fo,
+        onClearErrors: wo,
+        photoError: G,
+        onCloseDialogHandler: Z,
+        onCropChange: Io,
+        onPhotoCrop: q,
+        onPhotoLoad: xo,
+        imageRef: j,
+        minDimension: l,
         aspectRatio: C,
-        locale: n,
-        circular: po,
-        keepSelection: fo,
+        locale: s,
+        circular: ho,
+        keepSelection: Co,
         photoIndex: p
       }
     ),
-    /* @__PURE__ */ _(
-      Bo,
+    /* @__PURE__ */ U(
+      Zo,
       {
-        open: lo && So,
-        photoError: W,
-        onCloseErrorDialog: _o,
-        locale: n
+        className: k,
+        open: fo && To,
+        photoError: G,
+        onCloseErrorDialog: Ao,
+        locale: s
       }
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ U(
       "canvas",
       {
-        className: Fo(Zo.photoCropCanvas),
-        width: c,
-        height: c,
-        ref: j
+        className: Vo(Qo.photoCropCanvas),
+        width: l,
+        height: l,
+        ref: W
       }
     )
   ] });
 }
 export {
-  he as PhotoCropUploader
+  Ee as PhotoCropUploader
 };

package/dist/components/photo-crop-uploader/types.d.ts

@@ -41,6 +41,7 @@ export type PhotoCropUploaderCustomProps = {
     locale?: 'ru' | 'en';
     timeout?: number;
     fileMaxSize?: number;
+    videoFileMaxSize?: number;
     allowedExtensions?: PhotoExtension[];
     allowedMimeTypes?: PhotoMimeType[];
     circular?: boolean;
@@ -49,6 +50,7 @@ export type PhotoCropUploaderCustomProps = {
     uploadButton?: ReactNode;
     fromSources?: PhotoDataUrl[];
     withVideoUploaded?: boolean;
+    dialogClassname?: string;
 };
 export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & CropProps & InputHTMLAttributes<HTMLInputElement>;
 export type PhotoCropUploaderLocaleText = Record<Locale, Record<string, string>>;

package/dist/components/photo-crop-uploader/utils/index.d.ts

@@ -5,3 +5,4 @@ export { validatePhotoFile } from './validate-photo-file';
 export { getDefaultCroppedPhoto } from './get-default-cropped-photo';
 export { drawCroppedImage } from './draw-cropped-image';
 export { isVideo } from './is-video';
+export { validateVideoFile } from './validate-video-file';

package/dist/components/photo-crop-uploader/utils/index.js

@@ -1,16 +1,18 @@
-import { readPhoto as e } from "./read-photo.js";
+import { readPhoto as r } from "./read-photo.js";
 import { getPhotoCrop as p } from "./get-photo-crop.js";
-import { getCroppedSource as m } from "./get-cropped-source.js";
-import { validatePhotoFile as x } from "./validate-photo-file.js";
-import { getDefaultCroppedPhoto as g } from "./get-default-cropped-photo.js";
-import { drawCroppedImage as i } from "./draw-cropped-image.js";
-import { isVideo as P } from "./is-video.js";
+import { getCroppedSource as f } from "./get-cropped-source.js";
+import { validatePhotoFile as a } from "./validate-photo-file.js";
+import { getDefaultCroppedPhoto as i } from "./get-default-cropped-photo.js";
+import { drawCroppedImage as g } from "./draw-cropped-image.js";
+import { isVideo as C } from "./is-video.js";
+import { validateVideoFile as u } from "./validate-video-file.js";
 export {
-  i as drawCroppedImage,
-  m as getCroppedSource,
-  g as getDefaultCroppedPhoto,
+  g as drawCroppedImage,
+  f as getCroppedSource,
+  i as getDefaultCroppedPhoto,
   p as getPhotoCrop,
-  P as isVideo,
-  e as readPhoto,
-  x as validatePhotoFile
+  C as isVideo,
+  r as readPhoto,
+  a as validatePhotoFile,
+  u as validateVideoFile
 };

package/dist/components/photo-crop-uploader/utils/validate-video-file.d.ts

@@ -0,0 +1,2 @@
+import { Locale } from '../../../types';
+export declare const validateVideoFile: (file: File, maxSize: number, locale?: Locale) => void;

package/dist/components/photo-crop-uploader/utils/validate-video-file.js

@@ -0,0 +1,16 @@
+import { localizedText as t } from "../locale.js";
+import { EN_LOCALE as f, BYTE_TO_KILOBYTE as e } from "../../../constants.js";
+import { MB_UNIT as T, MB_FRACTION_DIGITS as l } from "../constants.js";
+import { PhotoFileError as p } from "../errors/photo-file.error.js";
+const I = (m, o, i = f) => {
+  const r = [];
+  if (o && m.size > o && r.push(
+    `${t[i]["large-file"]}. ${t[i]["video-maximum-size"]}: ${(o / e / e).toFixed(
+      l
+    )}${T}`
+  ), r.length)
+    throw p.get(r);
+};
+export {
+  I as validateVideoFile
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.1.4",
+  "version": "1.1.6",
   "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",