@layers-app/shared 0.2.3 → 0.2.5

package/dist/components/FilePicker/FilePickerGiphy.js

@@ -1,91 +1,90 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as m, useMemo as v, useEffect as b, useCallback as P } from "react";
-import { useTranslation as w } from "react-i18next";
-import { Search01Icon as z } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as L } from "@hugeicons/react";
-import { Stack as k, TextInput as T, Loader as j, Box as y, SimpleGrid as D, AspectRatio as G, Button as M } from "@mantine/core";
-import { useDebouncedValue as q, useDebouncedCallback as B } from "@mantine/hooks";
-import { NoData as F } from "../NoData/NoData.js";
-import { FilePickerSkeletonLoader as N } from "./FilePickerSkeletonLoader.js";
-import { useGiphyPhotos as Q } from "./api/giphyApi.js";
-import A from "./FilePicker.module.css.js";
-const C = (i) => (i || []).reduce((r, s) => (r[s.id] = s, r), {}), W = ({
-  locales: i,
-  token: r,
-  onChange: s
+import { useState as m, useMemo as x, useEffect as b, useCallback as S } from "react";
+import { useTranslation as P } from "react-i18next";
+import { Search01Icon as w } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as z } from "@hugeicons/react";
+import { Stack as C, TextInput as L, Loader as T, Box as k, SimpleGrid as j, AspectRatio as D, Button as G } from "@mantine/core";
+import { useDebouncedValue as M, useDebouncedCallback as q } from "@mantine/hooks";
+import { NoData as B } from "../NoData/NoData.js";
+import { FilePickerSkeletonLoader as F } from "./FilePickerSkeletonLoader.js";
+import { useGiphyPhotos as N } from "./api/giphyApi.js";
+import Q from "./FilePicker.module.css.js";
+const v = (n) => (n || []).reduce((r, o) => (r[o.id] = o, r), {}), U = ({
+  token: n,
+  onChange: r
 }) => {
-  const { t: I } = w(), [l, x] = m(""), [u] = q(l, 800), [d, p] = m(1), [h, g] = m({}), { data: o, isLoading: a } = Q(
+  const { t: o } = P("ui"), [l, y] = m(""), [u] = M(l, 800), [d, p] = m(1), [h, g] = m({}), { data: i, isLoading: s } = N(
     { q: u, limit: 24, offset: (d - 1) * 24 + 1 },
     d,
-    r
-  ), n = v(
-    () => Object.values({ ...h, ...C(o?.items) }),
-    [h, o?.items]
-  ), f = B(() => {
+    n
+  ), a = x(
+    () => Object.values({ ...h, ...v(i?.items) }),
+    [h, i?.items]
+  ), f = q(() => {
     setTimeout(() => {
-      g((e) => ({ ...e, ...C(o?.items) }));
+      g((e) => ({ ...e, ...v(i?.items) }));
     }, 0);
   }, 100);
   b(() => {
     f();
-  }, [o?.items, f]), b(() => {
+  }, [i?.items, f]), b(() => {
     g({});
   }, [u]);
-  const S = P(
+  const I = S(
     (e) => {
-      x(e.currentTarget.value), p(1);
+      y(e.currentTarget.value), p(1);
     },
     []
   );
-  return /* @__PURE__ */ c(k, { gap: "sm", children: [
+  return /* @__PURE__ */ c(C, { gap: "sm", children: [
     /* @__PURE__ */ t(
-      T,
+      L,
       {
-        leftSection: a ? /* @__PURE__ */ t(j, { size: 16 }) : /* @__PURE__ */ t(L, { size: 16, icon: z }),
+        leftSection: s ? /* @__PURE__ */ t(T, { size: 16 }) : /* @__PURE__ */ t(z, { size: 16, icon: w }),
         maxLength: 50,
-        placeholder: i.search,
+        placeholder: o("changeCover.searchImage"),
         "data-autofocus": !0,
         value: l,
-        onChange: S
+        onChange: I
       }
     ),
-    /* @__PURE__ */ c(y, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
-      !!n.length && /* @__PURE__ */ c(k, { gap: 8, children: [
-        /* @__PURE__ */ t(D, { cols: 4, spacing: 10, children: n.map((e) => /* @__PURE__ */ t(
-          G,
+    /* @__PURE__ */ c(k, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
+      !!a.length && /* @__PURE__ */ c(C, { gap: 8, children: [
+        /* @__PURE__ */ t(j, { cols: 4, spacing: 10, children: a.map((e) => /* @__PURE__ */ t(
+          D,
           {
-            onClick: () => s?.(e.images.original.url),
+            onClick: () => r?.(e.images.original.url),
             ratio: 120 / 65,
-            className: A.itemImage,
+            className: Q.itemImage,
             style: {
               backgroundImage: `url(${e.images.preview_webp.url})`
             }
           },
           e.id
         )) }),
-        o?.hasMore && /* @__PURE__ */ t(
-          M,
+        i?.hasMore && /* @__PURE__ */ t(
+          G,
           {
             variant: "subtle",
-            loading: a,
+            loading: s,
             onClick: () => p((e) => e + 1),
-            children: I("loadMode")
+            children: o("loadMode")
           }
         )
       ] }),
-      !n.length && !a && /* @__PURE__ */ t(y, { pb: 16, children: /* @__PURE__ */ t(
-        F,
+      !a.length && !s && /* @__PURE__ */ t(k, { pb: 16, children: /* @__PURE__ */ t(
+        B,
         {
           size: 120,
           illustration: "noImage",
-          description: i.noImages,
+          description: o("changeCover.noResult"),
           titleProps: { size: "xs", c: "dimmed" }
         }
       ) }),
-      !n.length && a && /* @__PURE__ */ t(N, {})
+      !a.length && s && /* @__PURE__ */ t(F, {})
     ] })
   ] });
 };
 export {
-  W as FilePickerGiphy
+  U as FilePickerGiphy
 };

package/dist/components/FilePicker/FilePickerLink.d.ts

@@ -1,6 +1,5 @@
-import { FilePickerLocales, FileType } from './types';
-export declare const FilePickerLink: ({ locales, onChange, type, isValidMediaUrl, }: {
-    locales: FilePickerLocales;
+import { FileType } from './types';
+export declare const FilePickerLink: ({ onChange, type, isValidMediaUrl, }: {
     onChange?: (v: string) => void;
     type: FileType;
     isValidMediaUrl?: (url: string) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerLink.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerLink.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,cAAc,GAAI,+CAK5B;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C,4CA6DA,CAAC"}
+{"version":3,"file":"FilePickerLink.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerLink.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,eAAO,MAAM,cAAc,GAAI,sCAI5B;IACD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C,4CA+DA,CAAC"}

package/dist/components/FilePicker/FilePickerLink.js

@@ -1,44 +1,44 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Stack as m, FocusTrap as d, TextInput as c, Flex as f, Button as p } from "@mantine/core";
-import { useForm as h } from "@mantine/form";
-import { isValidUrl as g, isImageUrl as k, isVideoUrl as v, isAudioUrl as x } from "../../helpers/validation.js";
-import F from "./FilePicker.module.css.js";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { Stack as m, FocusTrap as d, TextInput as f, Flex as p, Button as h } from "@mantine/core";
+import { useForm as g } from "@mantine/form";
+import { isValidUrl as v, isImageUrl as k, isVideoUrl as x, isAudioUrl as F } from "../../helpers/validation.js";
+import L from "./FilePicker.module.css.js";
 const U = ({
-  locales: i,
-  onChange: u,
-  type: s,
-  isValidMediaUrl: a
+  onChange: o,
+  type: a,
+  isValidMediaUrl: s
 }) => {
-  const l = h({
+  const { t: i } = c("ui"), l = g({
     initialValues: {
       url: ""
     },
     validate: {
-      url: (r) => (r || "").trim().length > 0 && g(r) ? null : i.errors.invalidLink
+      url: (e) => (e || "").trim().length > 0 && v(e) ? null : i("changeCover.invalidLink")
     }
   }), n = async () => {
-    const { values: r } = l;
-    let e;
-    s === "image" ? e = await k(r.url) : s === "video" ? a && a(r.url) ? e = !0 : e = await v(r.url) : s === "audio" ? e = await x(r.url) : e = !0, e ? u?.(r.url) : l.setFieldError("url", i.errors.invalidLink);
+    const { values: e } = l;
+    let r;
+    a === "image" ? r = await k(e.url) : a === "video" ? s && s(e.url) ? r = !0 : r = await x(e.url) : a === "audio" ? r = await F(e.url) : r = !0, r ? o?.(e.url) : l.setFieldError("url", i("changeCover.invalidLink"));
   };
-  return /* @__PURE__ */ o(m, { gap: "sm", children: [
+  return /* @__PURE__ */ u(m, { gap: "sm", children: [
     /* @__PURE__ */ t(d, { active: !0, children: /* @__PURE__ */ t(
-      c,
+      f,
       {
         maxLength: 500,
         size: "sm",
-        placeholder: i.pasteLink,
+        placeholder: i("changeCover.pasteLink"),
         "data-autofocus": !0,
         ...l.getInputProps("url")
       }
     ) }),
-    /* @__PURE__ */ t(f, { justify: "flex-end", align: "center", children: /* @__PURE__ */ t(
-      p,
+    /* @__PURE__ */ t(p, { justify: "flex-end", align: "center", children: /* @__PURE__ */ t(
+      h,
       {
         onClick: n,
-        className: F.button,
+        className: L.button,
         disabled: !l.values.url,
-        children: i.save
+        children: i("customDrawer.save")
       }
     ) })
   ] });

package/dist/components/FilePicker/FilePickerUnsplash.d.ts

@@ -1,6 +1,4 @@
-import { FilePickerLocales } from './types';
-export declare const FilePickerUnsplash: ({ locales, onChange, clientId, }: {
-    locales: FilePickerLocales;
+export declare const FilePickerUnsplash: ({ onChange, clientId, }: {
     clientId?: string;
     onChange?: (v: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerUnsplash.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUnsplash.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,kBAAkB,GAAI,kCAIhC;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAwGA,CAAC"}
+{"version":3,"file":"FilePickerUnsplash.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUnsplash.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,kBAAkB,GAAI,yBAGhC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,4CAwGA,CAAC"}

package/dist/components/FilePicker/FilePickerUnsplash.js

@@ -1,95 +1,94 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as l, useMemo as v, useEffect as f, useCallback as P } from "react";
-import { useTranslation as z } from "react-i18next";
-import { Search01Icon as L } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as T } from "@hugeicons/react";
-import { Stack as b, TextInput as j, Loader as D, Box as k, SimpleGrid as M, AspectRatio as q, Button as w } from "@mantine/core";
-import { useDebouncedValue as B, useDebouncedCallback as F } from "@mantine/hooks";
-import { NoData as N } from "../NoData/NoData.js";
-import { FilePickerSkeletonLoader as Q } from "./FilePickerSkeletonLoader.js";
-import { useUnsplashPhotos as U } from "./api/unsplashApi.js";
-import _ from "./FilePicker.module.css.js";
-const y = (r) => (r || []).reduce((s, a) => (s[a.id] = a, s), {}), W = ({
-  locales: r,
-  onChange: s,
-  clientId: a
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useState as l, useMemo as x, useEffect as f, useCallback as S } from "react";
+import { useTranslation as P } from "react-i18next";
+import { Search01Icon as z } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as L } from "@hugeicons/react";
+import { Stack as b, TextInput as T, Loader as j, Box as C, SimpleGrid as D, AspectRatio as M, Button as q } from "@mantine/core";
+import { useDebouncedValue as w, useDebouncedCallback as B } from "@mantine/hooks";
+import { NoData as F } from "../NoData/NoData.js";
+import { FilePickerSkeletonLoader as N } from "./FilePickerSkeletonLoader.js";
+import { useUnsplashPhotos as Q } from "./api/unsplashApi.js";
+import R from "./FilePicker.module.css.js";
+const k = (n) => (n || []).reduce((s, t) => (s[t.id] = t, s), {}), K = ({
+  onChange: n,
+  clientId: s
 }) => {
-  const { t: C } = z(), [m, I] = l(""), [u] = B(m, 800), [x, p] = l(1), [d, h] = l({}), { data: o, isLoading: i } = U(
+  const { t } = P("ui"), [m, y] = l(""), [u] = w(m, 800), [I, p] = l(1), [d, h] = l({}), { data: r, isLoading: a } = Q(
     {
       query: u,
-      page: x,
+      page: I,
       per_page: 24,
       order_by: "popular"
     },
-    a
-  ), n = v(
-    () => Object.values({ ...d, ...y(o?.items) }),
-    [d, o?.items]
-  ), g = F(() => {
+    s
+  ), i = x(
+    () => Object.values({ ...d, ...k(r?.items) }),
+    [d, r?.items]
+  ), g = B(() => {
     setTimeout(() => {
-      h((e) => ({ ...e, ...y(o?.items) }));
+      h((e) => ({ ...e, ...k(r?.items) }));
     }, 0);
   }, 100);
   f(() => {
     g();
-  }, [o?.items, g]), f(() => {
+  }, [r?.items, g]), f(() => {
     h({});
   }, [u]);
-  const S = P(
+  const v = S(
     (e) => {
-      I(e.currentTarget.value), p(1);
+      y(e.currentTarget.value), p(1);
     },
     []
   );
   return /* @__PURE__ */ c(b, { gap: "sm", children: [
-    /* @__PURE__ */ t(
-      j,
+    /* @__PURE__ */ o(
+      T,
       {
-        leftSection: i ? /* @__PURE__ */ t(D, { size: 16 }) : /* @__PURE__ */ t(T, { size: 16, icon: L }),
+        leftSection: a ? /* @__PURE__ */ o(j, { size: 16 }) : /* @__PURE__ */ o(L, { size: 16, icon: z }),
         maxLength: 50,
-        placeholder: r.search,
+        placeholder: t("changeCover.searchImage"),
         "data-autofocus": !0,
         value: m,
-        onChange: S
+        onChange: v
       }
     ),
-    /* @__PURE__ */ c(k, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
-      !!n.length && /* @__PURE__ */ c(b, { gap: 8, children: [
-        /* @__PURE__ */ t(M, { cols: 4, spacing: 10, children: n.map((e) => /* @__PURE__ */ t(
-          q,
+    /* @__PURE__ */ c(C, { mah: 300, w: "100%", style: { overflowY: "auto" }, children: [
+      !!i.length && /* @__PURE__ */ c(b, { gap: 8, children: [
+        /* @__PURE__ */ o(D, { cols: 4, spacing: 10, children: i.map((e) => /* @__PURE__ */ o(
+          M,
           {
-            onClick: () => s?.(e.urls.regular),
+            onClick: () => n?.(e.urls.regular),
             ratio: 120 / 65,
-            className: _.itemImage,
+            className: R.itemImage,
             style: {
               backgroundImage: `url(${e.urls.small})`
             }
           },
           e.id
         )) }),
-        o?.hasMore && /* @__PURE__ */ t(
-          w,
+        r?.hasMore && /* @__PURE__ */ o(
+          q,
           {
             variant: "subtle",
-            loading: i,
+            loading: a,
             onClick: () => p((e) => e + 1),
-            children: C("loadMore")
+            children: t("loadMore")
           }
         )
       ] }),
-      !n.length && !i && /* @__PURE__ */ t(k, { pb: 16, children: /* @__PURE__ */ t(
-        N,
+      !i.length && !a && /* @__PURE__ */ o(C, { pb: 16, children: /* @__PURE__ */ o(
+        F,
         {
           size: 120,
           illustration: "noImage",
-          description: r.noImages,
+          description: t("changeCover.noResult"),
           titleProps: { size: "xs", c: "dimmed" }
         }
       ) }),
-      !n.length && i && /* @__PURE__ */ t(Q, {})
+      !i.length && a && /* @__PURE__ */ o(N, {})
     ] })
   ] });
 };
 export {
-  W as FilePickerUnsplash
+  K as FilePickerUnsplash
 };

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

@@ -1,8 +1,8 @@
 import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
-import { FilePickerLocales } from './types';
+import { FileType } from './types';
 import '@mantine/dropzone/styles.css';
-export declare const FilePickerUpload: ({ locales, uploading, dropZoneProps, onUpload, }: {
-    locales: FilePickerLocales;
+export declare const FilePickerUpload: ({ type, uploading, dropZoneProps, onUpload, }: {
+    type?: FileType;
     uploading: boolean;
     dropZoneProps?: Omit<DropzoneProps, "onDrop">;
     onUpload: (files: FileWithPath[]) => void;

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":"AAKA,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,kDAK9B;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,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,4CA6EA,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;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"}

package/dist/components/FilePicker/FilePickerUpload.js

@@ -1,61 +1,67 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { useCallback as l } from "react";
-import { Image02Icon as g } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as x } from "@hugeicons/react";
-import { Stack as c, Text as a } from "@mantine/core";
-import { Dropzone as u, IMAGE_MIME_TYPE as F } from "@mantine/dropzone";
-import { showNotification as f } from "@mantine/notifications";
-import { showErrorNotification as y } from "../../helpers/showNotifications.js";
+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 { showNotification as h } from "@mantine/notifications";
+import { showErrorNotification as S } from "../../helpers/showNotifications.js";
 import "@mantine/dropzone/styles.css";
-const C = ({
-  locales: e,
-  uploading: d,
-  dropZoneProps: n,
+const $ = ({
+  type: l = "image",
+  uploading: g,
+  dropZoneProps: t,
   onUpload: s
 }) => {
-  const p = l(
-    (t) => {
-      if (t.filter(
-        (r) => r.errors.some((o) => o.code === "file-invalid-type")
+  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, {
+    defaultValue: e("dropFileHere")
+  }), a = (() => {
+    const r = e(c, { maxSize: u });
+    return r !== c ? r : null;
+  })(), y = f(
+    (r) => {
+      if (r.filter(
+        (o) => o.errors.some((i) => i.code === "file-invalid-type")
       ).length > 0) {
-        f({
+        h({
           color: "blue",
-          message: e.errors.typeIsNotAllowed
+          message: e("filePicker.errors.typeIsNotAllowed")
         });
         return;
       }
-      if (t.some((r) => r.errors.some((o) => o.code === "file-too-large"))) {
-        y({
-          title: e.error,
-          message: e.errors.shouldNotExceed
+      if (r.some((o) => o.errors.some((i) => i.code === "file-too-large"))) {
+        S({
+          title: e("errorMessage"),
+          message: e("filePicker.errors.shouldNotExceed")
         });
         return;
       }
-      if (t.filter(
-        (r) => r.errors.some((o) => o.code === "too-many-files")
+      if (r.filter(
+        (o) => o.errors.some((i) => i.code === "too-many-files")
       ).length > 0) {
-        f({
+        h({
           color: "blue",
-          message: e.errors.doNotUploadMoreThanSingleFile
+          message: e("filePicker.errors.doNotUploadMoreThanSingleFile")
         });
         return;
       }
     },
     [e]
-  ), h = l(s, [s]);
-  return /* @__PURE__ */ i(
-    u,
+  ), z = f(s, [s]);
+  return /* @__PURE__ */ n(
+    E,
     {
-      loading: d,
-      onDrop: h,
-      onReject: p,
-      maxFiles: n?.maxFiles || 1,
-      accept: F,
+      loading: g,
+      onDrop: z,
+      onReject: y,
+      maxFiles: t?.maxFiles || 1,
+      accept: I,
       px: 60,
       py: "xl",
-      ...n || {},
+      ...t || {},
       children: /* @__PURE__ */ m(
-        c,
+        d,
         {
           justify: "center",
           gap: "var(--mantine-font-size-xs",
@@ -63,17 +69,17 @@ const C = ({
           mih: 89,
           style: { pointerEvents: "none" },
           children: [
-            /* @__PURE__ */ i(
-              x,
+            /* @__PURE__ */ n(
+              v,
               {
                 size: 32,
                 color: "var(--mantine-color-bright)",
-                icon: g
+                icon: k
               }
             ),
-            /* @__PURE__ */ m(c, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ i(a, { fw: 500, fz: "sm", c: "bright", lh: "sm", ta: "center", children: e.dragOrClickToChoose }),
-              /* @__PURE__ */ i(a, { fz: "xs", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: e.maxFileSize })
+            /* @__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 })
             ] })
           ]
         }
@@ -82,5 +88,5 @@ const C = ({
   );
 };
 export {
-  C as FilePickerUpload
+  $ as FilePickerUpload
 };

package/dist/components/FilePicker/types.d.ts

@@ -29,5 +29,5 @@ export type FilePickerLocales = {
         invalidLink?: string;
     };
 };
-export type FileType = 'file' | 'image' | 'audio' | 'video';
+export type FileType = 'file' | 'image' | 'audio' | 'video' | 'avatar';
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE;QACN,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,6BAA6B,CAAC,EAAE,MAAM,CAAC;QACvC,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE;QACN,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,6BAA6B,CAAC,EAAE,MAAM,CAAC;QACvC,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/components/FormViewer/FormViewer.module.css.js

@@ -1,18 +1,18 @@
-const t = "_themeProvider_13pry_1", o = "_root_13pry_7", e = "_container_13pry_36", n = "_media_13pry_42", _ = "_background_13pry_46", r = "_stepRoot_13pry_59", s = "_content_13pry_104", c = "_mediaInner_13pry_169", p = "_stepTitle_13pry_332", i = "_stepDescription_13pry_355", a = "_stepIndicator_13pry_369", d = "_stepIndicatorIcon_13pry_386", l = "_focusBox_13pry_405", y = "_dropzone_13pry_414", u = "_allSlidesLayout_13pry_432", I = "_allSlidesLayoutStep_13pry_438", m = {
+const t = "_themeProvider_1lm79_1", o = "_root_1lm79_7", e = "_container_1lm79_36", n = "_media_1lm79_42", _ = "_background_1lm79_46", s = "_stepRoot_1lm79_59", c = "_content_1lm79_104", l = "_mediaInner_1lm79_169", i = "_stepTitle_1lm79_332", a = "_stepDescription_1lm79_355", r = "_stepIndicator_1lm79_369", d = "_stepIndicatorIcon_1lm79_386", m = "_focusBox_1lm79_405", p = "_dropzone_1lm79_414", u = "_allSlidesLayout_1lm79_432", I = "_allSlidesLayoutStep_1lm79_438", S = {
   themeProvider: t,
   root: o,
   container: e,
   media: n,
   background: _,
-  stepRoot: r,
-  content: s,
-  mediaInner: c,
-  stepTitle: p,
-  stepDescription: i,
-  stepIndicator: a,
+  stepRoot: s,
+  content: c,
+  mediaInner: l,
+  stepTitle: i,
+  stepDescription: a,
+  stepIndicator: r,
   stepIndicatorIcon: d,
-  focusBox: l,
-  dropzone: y,
+  focusBox: m,
+  dropzone: p,
   allSlidesLayout: u,
   allSlidesLayoutStep: I
 };
@@ -21,17 +21,17 @@ export {
   I as allSlidesLayoutStep,
   _ as background,
   e as container,
-  s as content,
-  m as default,
-  y as dropzone,
-  l as focusBox,
+  c as content,
+  S as default,
+  p as dropzone,
+  m as focusBox,
   n as media,
-  c as mediaInner,
+  l as mediaInner,
   o as root,
-  i as stepDescription,
-  a as stepIndicator,
+  a as stepDescription,
+  r as stepIndicator,
   d as stepIndicatorIcon,
-  r as stepRoot,
-  p as stepTitle,
+  s as stepRoot,
+  i as stepTitle,
   t as themeProvider
 };

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.d.ts

@@ -1,4 +1,4 @@
-import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
+import { PictureChoiceControl, PictureChoiceControlItem, ThemeData } from '../../../types/form';
 export type PictureChoiceCardProps = {
     label: string;
     showInput?: boolean;
@@ -8,6 +8,8 @@ export type PictureChoiceCardProps = {
     controlId: string;
     id: string;
     theme?: ThemeData;
+    stepId: string;
+    options: PictureChoiceControl['options'];
 };
-export declare const PictureChoiceCard: import("react").MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PictureChoiceCard: import("react").MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, stepId, options, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=PictureChoiceCard.d.ts.map

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG1E,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+GAUzB,sBAAsB,6CAuB1B,CAAC"}
+{"version":3,"file":"PictureChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,SAAS,EACV,MAAM,qBAAqB,CAAC;AAG7B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,gIAYzB,sBAAsB,6CAkD1B,CAAC"}