@layers-app/shared 0.3.0 → 0.3.2

package/dist/components/FilePicker/FilePicker.js

@@ -1,21 +1,21 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { useState as x, useMemo as y } from "react";
-import { useTranslation as Q } from "react-i18next";
+import { useTranslation as J } from "react-i18next";
 import { ImageAdd02Icon as F } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as M } from "@hugeicons/react";
-import { Flex as a, ActionIcon as W, Button as P, Text as X, Popover as m, Tabs as g, Stack as Y } from "@mantine/core";
+import { HugeiconsIcon as P } from "@hugeicons/react";
+import { Flex as a, ActionIcon as K, Button as M, Text as Q, Popover as u, Tabs as f, Stack as W } from "@mantine/core";
 import { getEnvConfig as S } from "../../config/envConfig.js";
-import { isFeature as I } from "../../helpers/feature.js";
-import { useMenu as Z } from "../../hooks/useMenu.js";
-import { usePlatform as $ } from "../../hooks/usePlatform.js";
-import { MediaLibraryBrowser as D } from "../MediaLibrary/MediaLibraryBrowser.js";
-import { FilePickerGallery as w } from "./FilePickerGallery.js";
+import { isFeature as X } from "../../helpers/feature.js";
+import { useMenu as Y } from "../../hooks/useMenu.js";
+import { usePlatform as Z } from "../../hooks/usePlatform.js";
+import { MediaLibraryBrowser as $ } from "../MediaLibrary/MediaLibraryBrowser.js";
+import { FilePickerGallery as D } from "./FilePickerGallery.js";
 import { FilePickerGiphy as ee } from "./FilePickerGiphy.js";
-import { FilePickerGoogleDrive as le } from "./FilePickerGoogleDrive.js";
+import { FilePickerGoogleDrive as ne } from "./FilePickerGoogleDrive.js";
 import { FilePickerLink as ie } from "./FilePickerLink.js";
-import { FilePickerUnsplash as ne } from "./FilePickerUnsplash.js";
+import { FilePickerUnsplash as le } from "./FilePickerUnsplash.js";
 import { FilePickerUpload as ae } from "./FilePickerUpload.js";
-import z from "./FilePicker.module.css.js";
+import I from "./FilePicker.module.css.js";
 const re = [
   "gallery",
   "upload",
@@ -25,127 +25,115 @@ const re = [
   "googleDrive",
   "media"
 ], Se = ({
-  onChange: G,
-  onRemove: V,
-  onUpload: u,
-  uploading: B = !1,
-  showTabs: r = re,
-  children: E,
-  width: j = 610,
-  position: A = "bottom-end",
-  readOnly: L = !1,
-  hasImage: N,
+  onChange: z,
+  onRemove: B,
+  onUpload: m,
+  uploading: E = !1,
+  showTabs: s = re,
+  children: G,
+  width: T = 610,
+  position: V = "bottom-end",
+  readOnly: j = !1,
+  hasImage: L,
   giphyToken: se,
   unsplashClientId: oe,
-  type: f = "image",
+  type: g = "image",
   galleryCollection: d = [],
-  isValidMediaUrl: T,
-  popoverProps: U,
-  dropZoneProps: _,
-  targetProps: H,
-  onOpenedChange: O,
+  isValidMediaUrl: A,
+  popoverProps: N,
+  dropZoneProps: U,
+  targetProps: _,
+  onOpenedChange: H,
   googleDrive: i,
-  mediaLibrary: s
+  mediaLibrary: r
 }) => {
-  const { t: n } = Q("ui"), [v, h] = x(!1), { isMobile: b } = Z(), C = $(), p = y(
+  const { t: l } = J("ui"), [v, p] = x(!1), { isMobile: b } = Y(), k = Z(), h = y(
     () => [
       {
         value: "gallery",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.gallery") }) }),
-        visible: r.includes("gallery") && !!d.length
+        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: l("changeCover.gallery") }) }),
+        visible: s.includes("gallery") && !!d.length
       },
       {
         value: "upload",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.upload") }) }),
-        visible: r.includes("upload") && !!u
+        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: l("changeCover.upload") }) }),
+        visible: s.includes("upload") && !!m
       },
       {
         value: "link",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.link") }) }),
-        visible: r.includes("link")
+        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: l("changeCover.link") }) }),
+        visible: s.includes("link")
       },
       {
         value: "unsplash",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.searchImages") }) }),
-        visible: r.includes("unsplash") && S().media?.unsplashEnabled !== !1
+        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: l("changeCover.searchImages") }) }),
+        visible: s.includes("unsplash") && S().media?.unsplashEnabled !== !1
       },
       {
         value: "giphy",
         label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: "GIFs" }) }),
-        visible: r.includes("giphy") && C.has("giphy") && S().media?.giphyEnabled !== !1
+        visible: s.includes("giphy") && k.has("giphy") && S().media?.giphyEnabled !== !1
       },
       {
         value: "googleDrive",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.googleDrive", {
+        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: l("changeCover.googleDrive", {
           defaultValue: "Google Drive"
         }) }) }),
-        visible: r.includes("googleDrive") && !!i
+        visible: s.includes("googleDrive") && !!i
       },
       {
         value: "media",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.media", { defaultValue: "Media" }) }) }),
-        visible: r.includes("media") && !!s && I()
-      },
-      {
-        value: "googleDrive",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.googleDrive", {
-          defaultValue: "Google Drive"
-        }) }) }),
-        visible: r.includes("googleDrive") && !!i
-      },
-      {
-        value: "media",
-        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: n("changeCover.media", { defaultValue: "Media" }) }) }),
-        visible: r.includes("media") && !!s && I()
+        label: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("span", { children: l("changeCover.media", { defaultValue: "Media" }) }) }),
+        visible: s.includes("media") && !!r && X()
       }
-    ].filter((l) => l.visible),
+    ].filter((n) => n.visible),
     [
-      r,
-      C,
-      n,
+      s,
+      k,
+      l,
       d.length,
-      u,
+      m,
       i,
-      s
+      r
     ]
-  ), [o, R] = x(() => {
-    if (p[0]) return p[0].value;
-    const l = p.find((K) => K.visible);
-    return l ? l.value : "";
-  }), q = (l) => {
-    u?.(l, h);
-  }, c = (l) => {
-    G?.(l), h(!1);
-  }, J = y(() => b ? /* @__PURE__ */ t(W, { size: "lg", children: [
-    /* @__PURE__ */ e(M, { icon: F, size: 22 }),
+  ), [o, O] = x(() => {
+    if (h[0]) return h[0].value;
+    const n = h.find((w) => w.visible);
+    return n ? n.value : "";
+  }), R = (n) => {
+    m?.(n, p);
+  }, t = (n) => {
+    z?.(n), p(!1);
+  }, q = y(() => b ? /* @__PURE__ */ c(K, { size: "lg", children: [
+    /* @__PURE__ */ e(P, { icon: F, size: 22 }),
     " "
   ] }) : /* @__PURE__ */ e(
-    P,
+    M,
     {
       variant: "default",
       size: "xs",
-      leftSection: /* @__PURE__ */ e(M, { icon: F, size: 16 }),
-      children: /* @__PURE__ */ e(X, { fw: 600, size: "sm", children: n("changeCover.change") })
+      leftSection: /* @__PURE__ */ e(P, { icon: F, size: 16 }),
+      children: /* @__PURE__ */ e(Q, { fw: 600, size: "sm", children: l("changeCover.change") })
     }
-  ), [n, b]), k = (l) => {
-    h(l), O?.(l);
+  ), [l, b]), C = (n) => {
+    p(n), H?.(n);
   };
-  return /* @__PURE__ */ t(
-    m,
+  return /* @__PURE__ */ c(
+    u,
     {
-      width: j,
+      width: T,
       radius: "var(--mantine-spacing-sm)",
-      position: A,
+      position: V,
       shadow: "md",
       opened: v,
-      onChange: k,
+      onChange: C,
       withinPortal: !0,
-      ...U || {},
+      ...N || {},
       children: [
-        /* @__PURE__ */ e(m.Target, { children: /* @__PURE__ */ e(a, { onClick: () => k(!v), ...H, children: E ?? J }) }),
-        /* @__PURE__ */ t(m.Dropdown, { p: 0, children: [
+        /* @__PURE__ */ e(u.Target, { children: /* @__PURE__ */ e(a, { onClick: () => C(!v), ..._, children: G ?? q }) }),
+        /* @__PURE__ */ c(u.Dropdown, { p: 0, children: [
           /* @__PURE__ */ e(a, { justify: "space-between", align: "center", children: /* @__PURE__ */ e(
-            g,
+            f,
             {
               defaultValue: "gallery",
               value: o,
@@ -156,8 +144,8 @@ const re = [
                 }
               },
               w: "100%",
-              children: /* @__PURE__ */ t(
-                g.List,
+              children: /* @__PURE__ */ c(
+                f.List,
                 {
                   style: {
                     gap: "4px"
@@ -165,21 +153,21 @@ const re = [
                   px: 8,
                   h: 54,
                   children: [
-                    p.map((l) => /* @__PURE__ */ e(
-                      g.Tab,
+                    h.map((n) => /* @__PURE__ */ e(
+                      f.Tab,
                       {
-                        className: z.originalTab,
-                        disabled: L,
+                        className: I.originalTab,
+                        disabled: j,
                         h: "100%",
                         p: 0,
-                        value: l.value,
-                        onClick: () => R(l.value),
-                        children: /* @__PURE__ */ e(a, { className: z.customTab, px: "sm", h: 36, children: l.label })
+                        value: n.value,
+                        onClick: () => O(n.value),
+                        children: /* @__PURE__ */ e(a, { className: I.customTab, px: "sm", h: 36, children: n.label })
                       },
-                      l.value
+                      n.value
                     )),
-                    N && /* @__PURE__ */ e(
-                      P,
+                    L && /* @__PURE__ */ e(
+                      M,
                       {
                         variant: "subtle",
                         fz: "sm",
@@ -187,10 +175,10 @@ const re = [
                         fw: 500,
                         px: "sm",
                         size: "30px",
-                        onClick: V,
+                        onClick: B,
                         color: "var(--mantine-color-gray-light-color)",
                         style: { marginLeft: "auto" },
-                        children: n("remove")
+                        children: l("remove")
                       }
                     )
                   ]
@@ -198,35 +186,35 @@ const re = [
               )
             }
           ) }),
-          /* @__PURE__ */ t(Y, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
+          /* @__PURE__ */ c(W, { gap: 0, px: 8, pb: 8, pt: "sm", children: [
             o === "gallery" && !!d.length && /* @__PURE__ */ e(
-              w,
+              D,
               {
                 galleryCollection: d,
-                onChange: c
+                onChange: t
               }
             ),
             o === "upload" && /* @__PURE__ */ e(
               ae,
               {
-                type: f || "image",
-                uploading: B,
-                dropZoneProps: _,
-                onUpload: q
+                type: g || "image",
+                uploading: E,
+                dropZoneProps: U,
+                onUpload: R
               }
             ),
             o === "link" && /* @__PURE__ */ e(
               ie,
               {
-                type: f || "image",
-                onChange: c,
-                isValidMediaUrl: T
+                type: g || "image",
+                onChange: t,
+                isValidMediaUrl: A
               }
             ),
-            o === "unsplash" && /* @__PURE__ */ e(ne, { onChange: c }),
-            o === "giphy" && /* @__PURE__ */ e(ee, { onChange: c }),
+            o === "unsplash" && /* @__PURE__ */ e(le, { onChange: t }),
+            o === "giphy" && /* @__PURE__ */ e(ee, { onChange: t }),
             o === "googleDrive" && i && /* @__PURE__ */ e(
-              le,
+              ne,
               {
                 isConnected: i.isConnected,
                 connectedEmail: i.connectedEmail,
@@ -236,22 +224,22 @@ const re = [
                 isImporting: i.isImporting,
                 onSearch: i.onSearch,
                 onLoadMore: i.onLoadMore,
-                onSelect: (l) => {
-                  i.onSelect(l, c);
+                onSelect: (n) => {
+                  i.onSelect(n, t);
                 },
                 error: i.error
               }
             ),
-            o === "media" && s && /* @__PURE__ */ e(
-              D,
+            o === "media" && r && /* @__PURE__ */ e(
+              $,
               {
-                items: s.items,
-                isLoading: s.isLoading,
-                breadcrumbs: s.breadcrumbs,
-                onFolderClick: s.onFolderClick,
-                onBreadcrumbClick: s.onBreadcrumbClick,
-                onSelect: (l) => {
-                  s.onSelect?.(l), h(!1);
+                items: r.items,
+                isLoading: r.isLoading,
+                breadcrumbs: r.breadcrumbs,
+                onFolderClick: r.onFolderClick,
+                onBreadcrumbClick: r.onBreadcrumbClick,
+                onSelect: (n) => {
+                  r.onSelect?.(n), p(!1);
                 }
               }
             )

package/dist/components/FilePicker/FilePickerUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,+CAK9B;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC3C,4CAkGA,CAAC"}
+{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,+CAK9B;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC3C,4CAqGA,CAAC"}

package/dist/components/FilePicker/FilePickerUpload.js

@@ -1,28 +1,29 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { useCallback as f } from "react";
-import { useTranslation as M } from "react-i18next";
-import { Image02Icon as k } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as v } from "@hugeicons/react";
-import { Stack as d, Text as p } from "@mantine/core";
-import { Dropzone as E, IMAGE_MIME_TYPE as I } from "@mantine/dropzone";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { useCallback as d } from "react";
+import { useTranslation as k } from "react-i18next";
+import { Image02Icon as v } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } from "@hugeicons/react";
+import { Stack as p, Text as x } from "@mantine/core";
+import { Dropzone as I, IMAGE_MIME_TYPE as T } from "@mantine/dropzone";
 import { showNotification as h } from "@mantine/notifications";
-import { showErrorNotification as S } from "../../helpers/showNotifications.js";
+import { getMaxUploadSize as g } from "../../config/envConfig.js";
+import { showErrorNotification as b } from "../../helpers/showNotifications.js";
 import "@mantine/dropzone/styles.css";
-const $ = ({
-  type: l = "image",
-  uploading: g,
-  dropZoneProps: t,
-  onUpload: s
+const C = ({
+  type: s = "image",
+  uploading: u,
+  dropZoneProps: i,
+  onUpload: a
 }) => {
-  const { t: e } = M("ui"), u = t?.maxSize != null ? Math.round(t.maxSize / (1024 * 1024)) : 5, x = `filePicker.dropFileHere.${l}`, c = `filePicker.description.${l}`, F = e(x, {
+  const { t: e } = k("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((g() ?? 5 * 1024 * 1024) / (1024 * 1024)), z = `filePicker.dropFileHere.${s}`, c = `filePicker.description.${s}`, F = e(z, {
     defaultValue: e("dropFileHere")
-  }), a = (() => {
-    const r = e(c, { maxSize: u });
+  }), m = (() => {
+    const r = e(c, { maxSize: l });
     return r !== c ? r : null;
-  })(), y = f(
+  })(), M = d(
     (r) => {
       if (r.filter(
-        (o) => o.errors.some((i) => i.code === "file-invalid-type")
+        (o) => o.errors.some((t) => t.code === "file-invalid-type")
       ).length > 0) {
         h({
           color: "blue",
@@ -30,15 +31,15 @@ const $ = ({
         });
         return;
       }
-      if (r.some((o) => o.errors.some((i) => i.code === "file-too-large"))) {
-        S({
+      if (r.some((o) => o.errors.some((t) => t.code === "file-too-large"))) {
+        b({
           title: e("errorMessage"),
-          message: e("filePicker.errors.shouldNotExceed")
+          message: e("filePicker.errors.shouldNotExceed", { maxSize: l })
         });
         return;
       }
       if (r.filter(
-        (o) => o.errors.some((i) => i.code === "too-many-files")
+        (o) => o.errors.some((t) => t.code === "too-many-files")
       ).length > 0) {
         h({
           color: "blue",
@@ -47,21 +48,22 @@ const $ = ({
         return;
       }
     },
-    [e]
-  ), z = f(s, [s]);
+    [e, l]
+  ), S = d(a, [a]), y = i?.maxSize ?? g() ?? 5 * 1024 * 1024;
   return /* @__PURE__ */ n(
-    E,
+    I,
     {
-      loading: g,
-      onDrop: z,
-      onReject: y,
-      maxFiles: t?.maxFiles || 1,
-      accept: I,
+      loading: u,
+      onDrop: S,
+      onReject: M,
+      maxFiles: i?.maxFiles || 1,
+      maxSize: y,
+      accept: T,
       px: 60,
       py: "xl",
-      ...t || {},
-      children: /* @__PURE__ */ m(
-        d,
+      ...i || {},
+      children: /* @__PURE__ */ f(
+        p,
         {
           justify: "center",
           gap: "var(--mantine-font-size-xs",
@@ -70,16 +72,16 @@ const $ = ({
           style: { pointerEvents: "none" },
           children: [
             /* @__PURE__ */ n(
-              v,
+              E,
               {
                 size: 32,
                 color: "var(--mantine-color-bright)",
-                icon: k
+                icon: v
               }
             ),
-            /* @__PURE__ */ m(d, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ n(p, { fw: 500, fz: "sm", c: "bright", lh: "sm", ta: "center", children: F }),
-              a && /* @__PURE__ */ n(p, { fz: "xs", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: a })
+            /* @__PURE__ */ f(p, { gap: 8, align: "center", children: [
+              /* @__PURE__ */ n(x, { fw: 500, fz: "sm", c: "bright", lh: "sm", ta: "center", children: F }),
+              m && /* @__PURE__ */ n(x, { fz: "xs", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: m })
             ] })
           ]
         }
@@ -88,5 +90,5 @@ const $ = ({
   );
 };
 export {
-  $ as FilePickerUpload
+  C as FilePickerUpload
 };

package/dist/components/FormViewer/components/fields/UploadField/UploadField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/UploadField/UploadField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA2B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAsNA,CAAC"}
+{"version":3,"file":"UploadField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/UploadField/UploadField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA2B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAW1E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qBAGzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAsNA,CAAC"}

package/dist/components/FormViewer/components/fields/UploadField/UploadField.js

@@ -1,29 +1,30 @@
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { useCallback as S, useMemo as D } from "react";
+import { useCallback as S, useMemo as B } from "react";
 import { useTranslation as V } from "react-i18next";
 import { useMantineTheme as W, parseThemeColor as A, alpha as _, Stack as M, Group as $, Box as G, Text as L, InputError as X } from "@mantine/core";
 import { Dropzone as h } from "@mantine/dropzone";
+import { getMaxUploadSize as q } from "../../../../../config/envConfig.js";
 import { showNotification as f } from "@mantine/notifications";
-import { IconUpload as q, IconX as H, IconCloudUpload as J } from "@tabler/icons-react";
+import { IconUpload as H, IconX as J, IconCloudUpload as K } from "@tabler/icons-react";
 import { formatBytes as C } from "../../../../../helpers/formatBytes.js";
-import { useEvent as K } from "../../../../../hooks/useEvent.js";
-import { getRandomId as P } from "../../../helpers/steps.js";
-import { useSteps as Q } from "../../../hooks/useCreateFormContext.js";
-import { useFormViewerStore as Y } from "../../../store/formStore.js";
-import { UploadFile as Z } from "./UploadFile/UploadFile.js";
-import ee from "../../../FormViewer.module.css.js";
-const oe = 25 * 1024 * 1024, ye = ({
-  control: r,
+import { useEvent as P } from "../../../../../hooks/useEvent.js";
+import { getRandomId as Q } from "../../../helpers/steps.js";
+import { useSteps as Y } from "../../../hooks/useCreateFormContext.js";
+import { useFormViewerStore as Z } from "../../../store/formStore.js";
+import { UploadFile as ee } from "./UploadFile/UploadFile.js";
+import oe from "../../../FormViewer.module.css.js";
+const te = () => q() ?? 25 * 1024 * 1024, Fe = ({
+  control: s,
   theme: d
 }) => {
-  const { t: o } = V("forms"), { form: a } = Q(), { id: s } = r, T = a.values[s], I = a.errors[s], m = r.maxSize || oe, t = r.maxFiles ?? 1, y = r.minFiles ?? 0, E = !!r.multiple || t > 1, l = r.accept && r.accept.length ? r.accept : void 0, { useStore: g } = Y(), R = g((e) => e.editing), U = g((e) => e.preview), b = W(), O = A({
+  const { t: o } = V("forms"), { form: a } = Y(), { id: r } = s, T = a.values[r], I = a.errors[r], m = s.maxSize || te(), t = s.maxFiles ?? 1, g = s.minFiles ?? 0, U = !!s.multiple || t > 1, l = s.accept && s.accept.length ? s.accept : void 0, { useStore: y } = Z(), E = y((e) => e.editing), R = y((e) => e.preview), b = W(), O = A({
     color: d?.primaryColor || "",
     theme: b
-  }), j = g((e) => e.uploadFileFn), F = K((e) => {
-    const c = a.values[s]?.findIndex(
+  }), j = y((e) => e.uploadFileFn), F = P((e) => {
+    const c = a.values[r]?.findIndex(
       (u) => u.id === e.id
     );
-    c !== -1 && a.setFieldValue(`${s}.${c}`, e);
+    c !== -1 && a.setFieldValue(`${r}.${c}`, e);
   }), k = S(
     (e) => {
       if (e.some(
@@ -79,7 +80,7 @@ const oe = 25 * 1024 * 1024, ye = ({
     [F, j]
   ), w = S(
     (e) => {
-      const c = a.values[s]?.length || 0, u = typeof t == "number" ? Math.max(0, t - c) : 1 / 0;
+      const c = a.values[r]?.length || 0, u = typeof t == "number" ? Math.max(0, t - c) : 1 / 0;
       if (u === 0) {
         f({
           message: o("uploadOption.tooManyFiles", { count: t })
@@ -89,59 +90,59 @@ const oe = 25 * 1024 * 1024, ye = ({
       const z = e.slice(0, u);
       z.forEach((p) => {
         const n = {
-          id: P(),
+          id: Q(),
           file: p,
           isError: !1,
           isLoading: !0,
           isSuccess: !1
         };
-        a.insertListItem(s, n), x(n);
+        a.insertListItem(r, n), x(n);
       }), z.length < e.length && f({
         message: o("uploadOption.tooManyFiles", { count: t })
       });
     },
-    [a, x, s, t, o]
-  ), N = D(() => [
+    [a, x, r, t, o]
+  ), D = B(() => [
     o("uploadOption.maxSize", { size: C(m) }),
-    y ? o("uploadOption.minFilesWithCount", { count: y }) : "",
+    g ? o("uploadOption.minFilesWithCount", { count: g }) : "",
     t ? o("uploadOption.maxFilesWithCount", { count: t }) : "",
     l ? o("uploadOption.accept", { types: l.join(", ") }) : ""
-  ].filter(Boolean).join(" · "), [y, t, l, o, m]), B = {
+  ].filter(Boolean).join(" · "), [g, t, l, o, m]), N = {
     "--primary-color": O.value,
     "--primary-color-hover": _(O.value, 0.05)
   };
-  return /* @__PURE__ */ v(M, { gap: 8, "data-control-id": s, w: "100%", children: [
+  return /* @__PURE__ */ v(M, { gap: 8, "data-control-id": r, w: "100%", children: [
     (T?.length ?? 0) < t && /* @__PURE__ */ i(
       h,
       {
         radius: d?.borderRadius,
         __size: d?.size,
-        disabled: R || U,
+        disabled: E || R,
         onDrop: w,
         onReject: k,
         maxFiles: t,
         maxSize: m,
         accept: l,
-        multiple: E,
+        multiple: U,
         unstyled: !0,
-        className: ee.dropzone,
-        style: B,
+        className: oe.dropzone,
+        style: N,
         children: /* @__PURE__ */ i($, { justify: "center", py: 24, children: /* @__PURE__ */ v(M, { justify: "center", align: "center", gap: 8, children: [
           /* @__PURE__ */ v(G, { c: "var(--primary-color)", children: [
-            /* @__PURE__ */ i(h.Accept, { children: /* @__PURE__ */ i(q, { size: 70, stroke: 1.2 }) }),
-            /* @__PURE__ */ i(h.Reject, { children: /* @__PURE__ */ i(H, { size: 70, stroke: 1.2 }) }),
-            /* @__PURE__ */ i(h.Idle, { children: /* @__PURE__ */ i(J, { size: 70, stroke: 1.2 }) })
+            /* @__PURE__ */ i(h.Accept, { children: /* @__PURE__ */ i(H, { size: 70, stroke: 1.2 }) }),
+            /* @__PURE__ */ i(h.Reject, { children: /* @__PURE__ */ i(J, { size: 70, stroke: 1.2 }) }),
+            /* @__PURE__ */ i(h.Idle, { children: /* @__PURE__ */ i(K, { size: 70, stroke: 1.2 }) })
           ] }),
           /* @__PURE__ */ i(L, { size: "xl", inline: !0, ta: "center", c: d?.title?.color, children: o("uploadOption.title") }),
-          /* @__PURE__ */ i(L, { size: "sm", c: d?.description?.color, mt: 4, children: N })
+          /* @__PURE__ */ i(L, { size: "sm", c: d?.description?.color, mt: 4, children: D })
         ] }) })
       }
     ),
     T?.map((e) => /* @__PURE__ */ i(
-      Z,
+      ee,
       {
         file: e,
-        id: s,
+        id: r,
         onReload: x,
         theme: d
       },
@@ -151,5 +152,5 @@ const oe = 25 * 1024 * 1024, ye = ({
   ] });
 };
 export {
-  ye as UploadField
+  Fe as UploadField
 };