@hai-dev/ui-kit 1.0.1 → 1.0.3

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

@@ -1,41 +1,44 @@
-import { jsxs as T, jsx as n } from "react/jsx-runtime";
-import { S as j } from "../../../../index-BiffjjQq.js";
+import { jsxs as N, jsx as a, Fragment as E } from "react/jsx-runtime";
+import { S as D } from "../../../../index-BiffjjQq.js";
 import { c as r } from "../../../../index-B2JRaoNz.js";
-import { localizedText as b } from "../../locale.js";
-import { EN_LOCALE as w } from "../../../../constants.js";
-import { DEFAULT_MIN_DIMENSION as O, DEFAULT_ASPECT_RATIO as D } from "../../constants.js";
-import { D as P, d as z, a as E, b as M, c as U } from "../../../../DialogTitle-iOQ7wKEt.js";
-import * as x from "react";
-import { g as $, a as F, u as W, s as A, c as V, b as g, d as H, B as Y, P as t, f as Z } from "../../../../ButtonBase-Bw_3RZmN.js";
-import { u as q, m as N, c as R, C as G } from "../../../../CircularProgress-BD6BPlN2.js";
-import { Button as J } from "../../../button/button.js";
-import '../../../../assets/upload-dialog.css';function K(o) {
-  return F("MuiIconButton", o);
+import { PhotoList as M } from "../photo-list/photo-list.js";
+import { localizedText as p } from "../../locale.js";
+import { EN_LOCALE as W } from "../../../../constants.js";
+import { CLOSE_ICON_SIZE as R } from "./constants.js";
+import { DEFAULT_MIN_DIMENSION as j, DEFAULT_ASPECT_RATIO as F } from "../../constants.js";
+import { D as U, c as x, a as $, b as V } from "../../../../DialogTitle-KN1sayHD.js";
+import * as L from "react";
+import { a as H, g as Z, b as Y, e as m, P as t } from "../../../../createTheme-DSHGFfg6.js";
+import { u as q, m as A, c as O, C as G } from "../../../../CircularProgress-CscJm1An.js";
+import { u as J, s as w, c as K, B as Q, b as X } from "../../../../ButtonBase-CXGZ-DBC.js";
+import { Button as T } from "../../../button/button.js";
+import '../../../../assets/upload-dialog.css';function oo(o) {
+  return Z("MuiIconButton", o);
 }
-const L = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), Q = (o) => {
+const k = H("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), to = (o) => {
   const {
     classes: e,
-    disabled: a,
-    color: l,
-    edge: d,
-    size: u,
-    loading: m
-  } = o, p = {
-    root: ["root", m && "loading", a && "disabled", l !== "default" && `color${g(l)}`, d && `edge${g(d)}`, `size${g(u)}`],
+    disabled: n,
+    color: c,
+    edge: g,
+    size: b,
+    loading: f
+  } = o, u = {
+    root: ["root", f && "loading", n && "disabled", c !== "default" && `color${m(c)}`, g && `edge${m(g)}`, `size${m(b)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return H(p, K, e);
-}, X = A(Y, {
+  return K(u, oo, e);
+}, eo = w(Q, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
     const {
-      ownerState: a
+      ownerState: n
     } = o;
-    return [e.root, a.loading && e.loading, a.color !== "default" && e[`color${g(a.color)}`], a.edge && e[`edge${g(a.edge)}`], e[`size${g(a.size)}`]];
+    return [e.root, n.loading && e.loading, n.color !== "default" && e[`color${m(n.color)}`], n.edge && e[`edge${m(n.edge)}`], e[`size${m(n.size)}`]];
   }
-})(N(({
+})(A(({
   theme: o
 }) => ({
   textAlign: "center",
@@ -90,7 +93,7 @@ const L = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       marginRight: -3
     }
   }]
-})), N(({
+})), A(({
   theme: o
 }) => ({
   variants: [{
@@ -100,14 +103,14 @@ const L = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     style: {
       color: "inherit"
     }
-  }, ...Object.entries(o.palette).filter(R()).map(([e]) => ({
+  }, ...Object.entries(o.palette).filter(O()).map(([e]) => ({
     props: {
       color: e
     },
     style: {
       color: (o.vars || o).palette[e].main
     }
-  })), ...Object.entries(o.palette).filter(R()).map(([e]) => ({
+  })), ...Object.entries(o.palette).filter(O()).map(([e]) => ({
     props: {
       color: e
     },
@@ -131,14 +134,14 @@ const L = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       fontSize: o.typography.pxToRem(28)
     }
   }],
-  [`&.${L.disabled}`]: {
+  [`&.${k.disabled}`]: {
     backgroundColor: "transparent",
     color: (o.vars || o).palette.action.disabled
   },
-  [`&.${L.loading}`]: {
+  [`&.${k.loading}`]: {
     color: "transparent"
   }
-}))), oo = A("span", {
+}))), no = w("span", {
   name: "MuiIconButton",
   slot: "LoadingIndicator"
 })(({
@@ -159,60 +162,60 @@ const L = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       display: "flex"
     }
   }]
-})), S = /* @__PURE__ */ x.forwardRef(function(e, a) {
-  const l = W({
+})), P = /* @__PURE__ */ L.forwardRef(function(e, n) {
+  const c = J({
     props: e,
     name: "MuiIconButton"
   }), {
-    edge: d = !1,
-    children: u,
-    className: m,
-    color: p = "default",
-    disabled: y = !1,
-    disableFocusRipple: f = !1,
-    size: C = "medium",
-    id: i,
-    loading: c = null,
-    loadingIndicator: v,
-    ...I
-  } = l, h = q(i), k = v ?? /* @__PURE__ */ n(G, {
-    "aria-labelledby": h,
+    edge: g = !1,
+    children: b,
+    className: f,
+    color: u = "default",
+    disabled: C = !1,
+    disableFocusRipple: I = !1,
+    size: B = "medium",
+    id: h,
+    loading: d = null,
+    loadingIndicator: s,
+    ...S
+  } = c, _ = q(h), v = s ?? /* @__PURE__ */ a(G, {
+    "aria-labelledby": _,
     color: "inherit",
     size: 16
-  }), _ = {
-    ...l,
-    edge: d,
-    color: p,
-    disabled: y,
-    disableFocusRipple: f,
-    loading: c,
-    loadingIndicator: k,
-    size: C
-  }, B = Q(_);
-  return /* @__PURE__ */ T(X, {
-    id: c ? h : i,
-    className: V(B.root, m),
+  }), l = {
+    ...c,
+    edge: g,
+    color: u,
+    disabled: C,
+    disableFocusRipple: I,
+    loading: d,
+    loadingIndicator: v,
+    size: B
+  }, y = to(l);
+  return /* @__PURE__ */ N(eo, {
+    id: d ? _ : h,
+    className: Y(y.root, f),
     centerRipple: !0,
-    focusRipple: !f,
-    disabled: y || c,
-    ref: a,
-    ...I,
-    ownerState: _,
-    children: [typeof c == "boolean" && // use plain HTML span to minimize the runtime overhead
-    /* @__PURE__ */ n("span", {
-      className: B.loadingWrapper,
+    focusRipple: !I,
+    disabled: C || d,
+    ref: n,
+    ...S,
+    ownerState: l,
+    children: [typeof d == "boolean" && // use plain HTML span to minimize the runtime overhead
+    /* @__PURE__ */ a("span", {
+      className: y.loadingWrapper,
       style: {
         display: "contents"
       },
-      children: /* @__PURE__ */ n(oo, {
-        className: B.loadingIndicator,
-        ownerState: _,
-        children: c && k
+      children: /* @__PURE__ */ a(no, {
+        className: y.loadingIndicator,
+        ownerState: l,
+        children: d && v
       })
-    }), u]
+    }), b]
   });
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
+process.env.NODE_ENV !== "production" && (P.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -220,7 +223,7 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   /**
    * The icon to display.
    */
-  children: Z(t.node, (o) => x.Children.toArray(o.children).some((a) => /* @__PURE__ */ x.isValidElement(a) && a.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: X(t.node, (o) => L.Children.toArray(o.children).some((n) => /* @__PURE__ */ L.isValidElement(n) && n.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.
@@ -291,94 +294,128 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const to = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.3434%2015.4595C16.8227%2014.9388%2015.9785%2014.9388%2015.4578%2015.4595C14.9371%2015.9802%2014.9371%2016.8244%2015.4578%2017.3451L21.1146%2023.002L15.4578%2028.6588C14.9371%2029.1795%2014.9371%2030.0237%2015.4578%2030.5444C15.9785%2031.0651%2016.8227%2031.0651%2017.3434%2030.5444L23.0002%2024.8876L28.6571%2030.5444C29.1778%2031.0651%2030.022%2031.0651%2030.5427%2030.5444C31.0634%2030.0237%2031.0634%2029.1795%2030.5427%2028.6588L24.8858%2023.002L30.5427%2017.3451C31.0634%2016.8244%2031.0634%2015.9802%2030.5427%2015.4595C30.022%2014.9388%2029.1778%2014.9388%2028.6571%2015.4595L23.0002%2021.1163L17.3434%2015.4595Z'%20fill='%233AA8FF'/%3e%3c/svg%3e", eo = "_dialog_ujd1k_1", ao = "_topActions_ujd1k_6", no = "_close_ujd1k_12", io = "_botActions_ujd1k_16", ro = "_title_ujd1k_19", so = "_content_ujd1k_25", lo = "_crop_ujd1k_33", co = "_dialogText_ujd1k_42", s = {
-  dialog: eo,
-  topActions: ao,
-  close: no,
-  botActions: io,
-  title: ro,
-  content: so,
-  crop: lo,
-  dialogText: co
-}, Io = (o) => {
+const ao = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.3434%2015.4595C16.8227%2014.9388%2015.9785%2014.9388%2015.4578%2015.4595C14.9371%2015.9802%2014.9371%2016.8244%2015.4578%2017.3451L21.1146%2023.002L15.4578%2028.6588C14.9371%2029.1795%2014.9371%2030.0237%2015.4578%2030.5444C15.9785%2031.0651%2016.8227%2031.0651%2017.3434%2030.5444L23.0002%2024.8876L28.6571%2030.5444C29.1778%2031.0651%2030.022%2031.0651%2030.5427%2030.5444C31.0634%2030.0237%2031.0634%2029.1795%2030.5427%2028.6588L24.8858%2023.002L30.5427%2017.3451C31.0634%2016.8244%2031.0634%2015.9802%2030.5427%2015.4595C30.022%2014.9388%2029.1778%2014.9388%2028.6571%2015.4595L23.0002%2021.1163L17.3434%2015.4595Z'%20fill='%233AA8FF'/%3e%3c/svg%3e", io = "_dialog_1d9zm_1", ro = "_topActions_1d9zm_7", so = "_close_1d9zm_13", lo = "_botActions_1d9zm_17", co = "_button_1d9zm_22", po = "_title_1d9zm_26", go = "_content_1d9zm_32", uo = "_many_1d9zm_40", mo = "_crop_1d9zm_47", bo = "_dialogText_1d9zm_56", i = {
+  dialog: io,
+  topActions: ro,
+  close: so,
+  botActions: lo,
+  button: co,
+  title: po,
+  content: go,
+  many: uo,
+  crop: mo,
+  dialogText: bo
+}, Lo = (o) => {
   const {
     onCloseDialogHandler: e,
-    photoSource: a,
-    photoCrop: l,
-    onCropChange: d = () => {
+    photoSources: n = [],
+    photoCrops: c = [],
+    onCropChange: g = () => {
     },
-    onPhotoLoad: u,
-    imageRef: m,
-    photoError: p,
-    onPhotoCrop: y,
-    minDimension: f = O,
-    aspectRatio: C = D,
-    locale: i = w,
-    circular: c,
-    keepSelection: v = !0,
-    className: I,
-    ...h
-  } = o;
-  return /* @__PURE__ */ T(
-    P,
+    onPhotoLoad: b,
+    imageRef: f,
+    photoError: u,
+    onPhotoCrop: C,
+    onNextPhoto: I,
+    onSkipCrop: B,
+    minDimension: h = j,
+    aspectRatio: d = F,
+    locale: s = W,
+    circular: S,
+    keepSelection: _ = !0,
+    className: v,
+    photoIndex: l,
+    ...y
+  } = o, z = n.slice(l).length > 1;
+  return /* @__PURE__ */ N(
+    U,
     {
-      className: r(s.dialog, I),
+      className: r(i.dialog, v),
       onClose: e,
-      ...h,
+      ...y,
       children: [
-        /* @__PURE__ */ n(z, { className: r(s.topActions), children: /* @__PURE__ */ n(
-          S,
+        /* @__PURE__ */ a(x, { className: r(i.topActions), children: /* @__PURE__ */ a(
+          P,
           {
             onClick: e,
-            className: r(s.close),
-            "aria-label": b[i].back,
-            children: /* @__PURE__ */ n(
+            className: r(i.close),
+            "aria-label": p[s].back,
+            children: /* @__PURE__ */ a(
               "img",
               {
-                width: 40,
-                height: 40,
-                src: to,
-                alt: b[i].back
+                width: R,
+                height: R,
+                src: ao,
+                alt: p[s].back
               }
             )
           }
         ) }),
-        /* @__PURE__ */ n(E, { className: r(s.title), children: b[i]["photo-crop"] }),
-        /* @__PURE__ */ T(M, { className: r(s.content), children: [
-          a && /* @__PURE__ */ n(
-            j,
+        /* @__PURE__ */ a($, { className: r(i.title), children: p[s]["photo-crop"] }),
+        /* @__PURE__ */ N(V, { className: r(i.content, z && i.many), children: [
+          z && /* @__PURE__ */ a("span", {}),
+          !!n.length && /* @__PURE__ */ a(
+            D,
             {
-              className: r(s.crop),
-              crop: l,
-              circularCrop: c,
-              keepSelection: v,
-              aspect: C,
-              minWidth: f,
-              minHeight: f,
-              onChange: d,
-              children: /* @__PURE__ */ n(
+              className: r(i.crop),
+              crop: c[l],
+              circularCrop: S,
+              keepSelection: _,
+              aspect: d,
+              minWidth: h,
+              minHeight: h,
+              onChange: g,
+              children: /* @__PURE__ */ a(
                 "img",
                 {
-                  onLoad: u,
-                  src: a,
-                  ref: m,
-                  alt: b[i]["photo-crop"],
+                  onLoad: b,
+                  src: n[l],
+                  ref: f,
+                  alt: p[s]["photo-crop"],
                   draggable: !1
                 }
               )
             }
           ),
-          p && /* @__PURE__ */ n(U, { className: r(s.dialogText), children: p })
+          z && /* @__PURE__ */ a(M, { photoSources: n, photoIndex: l })
         ] }),
-        /* @__PURE__ */ n(z, { className: r(s.botActions), children: /* @__PURE__ */ n(
-          J,
+        u && /* @__PURE__ */ a(x, { className: r(i.dialogText), children: u }),
+        /* @__PURE__ */ a(x, { className: r(i.botActions), children: z ? /* @__PURE__ */ N(E, { children: [
+          /* @__PURE__ */ a(
+            T,
+            {
+              buttonSize: "small",
+              buttonColor: "blue",
+              buttonVariant: "outlined",
+              buttonWeight: 500,
+              className: r(i.button),
+              onClick: B,
+              children: p[s].skip
+            }
+          ),
+          /* @__PURE__ */ a(
+            T,
+            {
+              buttonSize: "small",
+              buttonColor: "blue",
+              buttonVariant: "filled",
+              buttonWeight: 500,
+              className: r(i.button),
+              onClick: I,
+              children: p[s].continue
+            }
+          )
+        ] }) : /* @__PURE__ */ a(
+          T,
           {
             minWidth: "100%",
             buttonSize: "small",
             buttonColor: "blue",
             buttonVariant: "filled",
-            onClick: y,
-            children: b[i].crop
+            buttonWeight: 500,
+            className: r(i.button),
+            onClick: C,
+            children: p[s].crop
           }
         ) })
       ]
@@ -386,5 +423,5 @@ const to = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
   );
 };
 export {
-  Io as UploadDialog
+  Lo as UploadDialog
 };

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

@@ -39,3 +39,6 @@ export declare const PIXEL_UNIT = "px";
 export declare const MS_UNIT = "ms";
 export declare const MB_UNIT = "mb";
 export declare const MB_FRACTION_DIGITS = 1;
+export declare const FULL_CROP_SIZE = 100;
+export declare const MAX_ASPECT_RATIO = 2;
+export declare const MIN_ASPECT_RATIO = 0.5;

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

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

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

@@ -18,7 +18,10 @@ const e = {
     "timeout-error": "Photo loading timed out",
     "paint-error": "Failed to render photo",
     "read-abort": "Reading of photo was interrupted",
-    "paint-abort": "Rendering of photo was interrupted"
+    "paint-abort": "Rendering of photo was interrupted",
+    continue: "Continue",
+    skip: "Skip area selection",
+    aspect: "The aspect ratio of the cropped image must not be greater than 2"
   },
   ru: {
     upload: "Загрузить фото",
@@ -39,7 +42,10 @@ const e = {
     "timeout-error": "Превышено время загрузки фотографии",
     "paint-error": "Не удалось отрисовать фотографию",
     "read-abort": "Чтение фотографии было прервано",
-    "paint-abort": "Отрисовка фотографии была прервана"
+    "paint-abort": "Отрисовка фотографии была прервана",
+    continue: "Продолжить",
+    skip: "Пропустить выбор области",
+    aspect: "Соотношение сторон обрезаемого изображения не должно быть больше 2"
   }
 };
 export {