@m4l/components 0.1.26 → 0.1.28

package/components/hook-form/RHFAutocomplete/index.5eee9d7c.js

@@ -1,174 +0,0 @@
-import { useModuleDictionary as j, useModuleSkeleton as K } from "@m4l/core";
-import { useFormContext as U, Controller as z } from "react-hook-form";
-import { Skeleton as y, Autocomplete as B, TextField as G, CircularProgress as N } from "@mui/material";
-import { styled as d } from "@mui/material/styles";
-import { I as W } from "../../Image/index.c9da2d5a.js";
-import { useMemo as J, useState as v, useEffect as Q } from "react";
-import { jsxs as h, jsx as n, Fragment as X } from "react/jsx-runtime";
-const Y = d("div")(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column"
-})), Z = d("div")(({
-  theme: t
-}) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr auto",
-  gridGap: t.spacing(2),
-  alignItems: "center",
-  height: `${t.spacing(4.5)}`,
-  border: `1px solid ${t.palette.divider}`,
-  borderRadius: `${t.spacing(1)}`,
-  padding: `0 ${t.spacing(2)}`,
-  [t.breakpoints.down("md")]: {
-    width: "100%"
-  }
-})), ee = d("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  "& .MuiAutocomplete-root": {
-    width: "100%"
-  },
-  "& .m4l_image": {
-    marginLeft: t.spacing(1.5)
-  }
-})), te = d("li")(({
-  theme: t
-}) => ({
-  "& .m4l_image": {
-    marginRight: t.spacing(1.5)
-  }
-}));
-function oe(t, s, c) {
-  return function(a, g) {
-    return /* @__PURE__ */ h(te, {
-      ...a,
-      children: [/* @__PURE__ */ n(W, {
-        src: t(g),
-        width: s,
-        height: c
-      }), a.key]
-    });
-  };
-}
-function ue(t) {
-  const {
-    name: s,
-    getOptionLabel: c,
-    isOptionEqualToValue: O,
-    label: a,
-    skeletonWidth: g = 100,
-    skeletonHeight: H = "18px",
-    options: x,
-    disabled: P,
-    getOptionUrlImage: p,
-    imageWidth: I = "24px",
-    imageHeight: C = "24px",
-    onOpen: T,
-    onClose: b,
-    loading: L,
-    onChangeFilterParmsLocal: l,
-    ...E
-  } = t, {
-    getLabel: _
-  } = j(), M = K(), {
-    control: $
-  } = U(), w = J(() => p !== void 0, [p]), [k, A] = v(!1), q = (e, o) => {
-    A(!1), b && b(e, o);
-  }, D = (e) => {
-    A(!0), T && T(e);
-  }, u = (e) => e == null ? "" : c(e), S = (e) => e == null || p === void 0 ? "" : p(e), V = (e, o) => o == null || e === null ? !1 : O(e, o);
-  return M ? /* @__PURE__ */ n(Y, {
-    children: /* @__PURE__ */ h(Z, {
-      children: [/* @__PURE__ */ n(y, {
-        variant: "text",
-        width: g,
-        height: H
-      }, "sk1"), /* @__PURE__ */ n(y, {
-        variant: "circular",
-        width: 16,
-        height: 16
-      }, "sk2")]
-    })
-  }) : /* @__PURE__ */ n(z, {
-    name: s,
-    control: $,
-    render: ({
-      field: {
-        onChange: e,
-        value: o
-      },
-      fieldState: {
-        error: F
-      }
-    }) => {
-      const [R, m] = v(u(o));
-      return Q(() => {
-        !k && o === null && R !== "" && m(""), !k && o !== null && x.length === 0 && l && l(u(o), "reset");
-      }, [o]), /* @__PURE__ */ n(ee, {
-        className: "m4l_rhf_autocomplete",
-        children: /* @__PURE__ */ n(B, {
-          autoComplete: !0,
-          autoSelect: !1,
-          options: x,
-          getOptionLabel: u,
-          inputValue: R,
-          clearOnBlur: !1,
-          onInputChange: (i, r, f) => {
-            console.log("onInputChange ", s, r, f), f === "input" && (m(r), l && l(r, f)), e(null);
-          },
-          isOptionEqualToValue: V,
-          disableClearable: !0,
-          value: o || null,
-          onOpen: D,
-          onClose: q,
-          onChange: (i, r) => {
-            m(u(r)), e(r);
-          },
-          filterOptions: l ? (i) => i : void 0,
-          loading: L,
-          loadingText: _("rhf_autocomplete.loading_options"),
-          disabled: P,
-          noOptionsText: _("rhf_autocomplete.no_options"),
-          renderOption: w ? oe(S, I, C) : void 0,
-          renderInput: (i) => /* @__PURE__ */ n(G, {
-            ...i,
-            label: a,
-            fullWidth: !0,
-            SelectProps: {
-              native: !0
-            },
-            InputProps: {
-              ...i.InputProps,
-              startAdornment: w && o ? /* @__PURE__ */ n(W, {
-                src: S(o),
-                width: I,
-                height: C
-              }, "ImageTextField") : null,
-              endAdornment: /* @__PURE__ */ h(X, {
-                children: [L ? /* @__PURE__ */ n(N, {
-                  color: "inherit",
-                  size: 20
-                }) : null, i.InputProps.endAdornment]
-              })
-            },
-            autoComplete: "off",
-            error: !!F,
-            helperText: F?.message,
-            ...E
-          })
-        })
-      });
-    }
-  });
-}
-function de() {
-  return ["rhf_autocomplete"];
-}
-export {
-  ue as R,
-  de as g
-};

package/components/hook-form/RHFAutocompleteAsync/index.757b5080.js

@@ -1,65 +0,0 @@
-import { useState as e, useCallback as b, useEffect as p } from "react";
-import { useNetwork as k, getPropertyByString as w } from "@m4l/core";
-import x from "lodash/debounce";
-import { R as D, g as E } from "../RHFAutocomplete/index.5eee9d7c.js";
-import { jsx as S } from "react/jsx-runtime";
-function N(f) {
-  const {
-    name: d,
-    endPoint: n,
-    timeout: g = 5e3,
-    parms: r,
-    resultField: F = "data",
-    isRemote: C = !0,
-    onChangeFilterParms: s,
-    ...h
-  } = f, {
-    networkOperation: y
-  } = k(), [O, a] = e([]), [i, c] = e(!1), [m, l] = e(!1), [P, o] = e(!0), [u, R] = e({}), A = b(x((t) => {
-    o(!0), R(t);
-  }, 300), []), H = (t) => {
-    s && A(s(t));
-  };
-  return p(() => {
-    o(!0);
-  }, [r, n]), p(() => {
-    if (!(!i || m) && !!P)
-      return l(!0), a([]), o(!1), y({
-        method: "GET",
-        endPoint: n,
-        timeout: g,
-        parms: {
-          ...r,
-          ...u
-        },
-        isRemote: C
-      }).then((t) => {
-        const L = w(t, F);
-        a(L);
-      }).catch(() => {
-        o(!0);
-      }).finally(() => {
-        l(!1);
-      }), () => {
-      };
-  }, [i, r, u, n]), /* @__PURE__ */ S(D, {
-    name: d,
-    loading: m,
-    options: O,
-    onChangeFilterParmsLocal: s ? H : void 0,
-    onOpen: () => {
-      c(!0);
-    },
-    onClose: () => {
-      c(!1);
-    },
-    ...h
-  });
-}
-function T() {
-  return E();
-}
-export {
-  N as R,
-  T as g
-};

package/components/hook-form/RHFPeriod/index.979d0898.js

@@ -1,51 +0,0 @@
-import { styled as d } from "@mui/material";
-import { useFormContext as f, Controller as p } from "react-hook-form";
-import { E as c } from "../../ErrorLabel/index.c8615f16.js";
-import { P as x } from "../../Period/index.a112ce37.js";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-const u = d("div")(({
-  theme: e
-}) => ({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "flex-start",
-  gap: e.spacing(1)
-})), k = (e) => {
-  const {
-    name: o,
-    readOnly: s,
-    skeletonWidth: n,
-    skeletonHeight: i
-  } = e, {
-    control: l
-  } = f();
-  return /* @__PURE__ */ r(p, {
-    name: o,
-    control: l,
-    render: ({
-      field: {
-        onChange: m,
-        value: a
-      },
-      fieldState: {
-        error: t
-      }
-    }) => /* @__PURE__ */ g(u, {
-      children: [/* @__PURE__ */ r(x, {
-        value: a,
-        onChange: m,
-        error: !!t,
-        readOnly: s,
-        skeletonWidth: n,
-        skeletonHeight: i
-      }), t && /* @__PURE__ */ r(c, {
-        message: t.message || ""
-      })]
-    })
-  });
-};
-export {
-  k as R
-};

package/components/hook-form/RHFTextField/index.ba2a8f67.js

@@ -1,129 +0,0 @@
-import { useModuleSkeleton as y, useEnvironment as C } from "@m4l/core";
-import { styled as H, Skeleton as h, TextField as R, InputAdornment as S } from "@mui/material";
-import { forwardRef as I, useState as T } from "react";
-import { I as b } from "../../mui_extended/IconButton/index.4b5ce8b5.js";
-import { useFormContext as W, Controller as $ } from "react-hook-form";
-import { jsx as e, jsxs as P } from "react/jsx-runtime";
-const u = H("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "42.25px",
-  alignItems: "center",
-  justifyContent: "space-between",
-  border: `1px solid ${t.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: t.spacing(1)
-})), _ = (t) => {
-  const {
-    skeletonWidth: n,
-    skeletonHeight: o,
-    skeletonVariant: s
-  } = t;
-  return s === "text" ? /* @__PURE__ */ e(u, {
-    children: /* @__PURE__ */ e(h, {
-      variant: "text",
-      width: n,
-      height: o
-    })
-  }) : /* @__PURE__ */ P(u, {
-    children: [/* @__PURE__ */ e(h, {
-      variant: "text",
-      width: n,
-      height: o
-    }), /* @__PURE__ */ e(h, {
-      variant: "circular",
-      width: "20px",
-      height: "20px"
-    })]
-  });
-}, f = I((t, n) => {
-  const {
-    name: o,
-    autoComplete: s = "off",
-    skeletonWidth: d = "100%",
-    skeletonHeight: r = "18px",
-    type: i,
-    skeletonVariant: a = "text",
-    ...l
-  } = t, x = y(), {
-    control: g
-  } = W();
-  return x ? /* @__PURE__ */ e(_, {
-    skeletonWidth: d,
-    skeletonHeight: r,
-    skeletonVariant: a
-  }) : /* @__PURE__ */ e($, {
-    name: o,
-    control: g,
-    render: ({
-      field: {
-        onChange: m,
-        onBlur: k,
-        value: w,
-        name: F,
-        ref: v
-      },
-      fieldState: {
-        error: c
-      }
-    }) => /* @__PURE__ */ e(
-      R,
-      {
-        inputRef: n,
-        autoComplete: s,
-        onChange: (p) => {
-          if (i === "number" && p.target.value) {
-            m(Number(p.target.value));
-            return;
-          }
-          m(p);
-        },
-        onBlur: k,
-        value: w || "",
-        name: F,
-        ref: v,
-        fullWidth: !0,
-        error: !!c,
-        helperText: c?.message,
-        type: i,
-        ...l
-      }
-    )
-  });
-});
-f.displayName = "RHFTextField";
-const q = (t) => {
-  const {
-    name: n,
-    label: o,
-    skeletonWidth: s,
-    skeletonHeight: d
-  } = t, [r, i] = T(!1), {
-    host_static_assets: a,
-    environment_assets: l
-  } = C();
-  return /* @__PURE__ */ e(f, {
-    name: n,
-    label: o,
-    type: r ? "text" : "password",
-    skeletonVariant: "password",
-    autoComplete: "on",
-    skeletonWidth: s,
-    skeletonHeight: d,
-    InputProps: {
-      endAdornment: /* @__PURE__ */ e(S, {
-        position: "end",
-        children: /* @__PURE__ */ e(b, {
-          onClick: () => i(!r),
-          src: r ? `${a}/${l}/frontend/domain/host/login/assets/icons/eye.svg` : `${a}/${l}/frontend/domain/host/login/assets/icons/eye_off.svg`
-        })
-      })
-    }
-  });
-};
-export {
-  f as R,
-  q as a
-};

package/components/hook-form/RHFUpload/index.6347159a.js

@@ -1,258 +0,0 @@
-import { styled as w, Skeleton as p, FormHelperText as I } from "@mui/material";
-import { useCallback as D } from "react";
-import { useFormContext as y, Controller as N } from "react-hook-form";
-import S from "lodash/isString";
-import { useDropzone as m } from "react-dropzone";
-import { styled as e, alpha as x } from "@mui/material/styles";
-import { I as l } from "../../Image/index.c9da2d5a.js";
-import { useEnvironment as z, useModuleDictionary as h, useModuleSkeleton as A } from "@m4l/core";
-import { jsx as i, jsxs as n, Fragment as b } from "react/jsx-runtime";
-const j = e("div")(({
-  theme: t
-}) => ({
-  width: "inherit",
-  height: "100%",
-  minWidth: t.spacing(20),
-  margin: "auto",
-  borderRadius: t.spacing(1),
-  padding: t.spacing(1),
-  border: `1px dashed ${t.palette.divider}`
-})), T = e("div")(({
-  theme: t
-}) => ({
-  zIndex: 0,
-  width: "100%",
-  height: "100%",
-  outline: "none",
-  display: "flex",
-  overflow: "hidden",
-  borderRadius: t.spacing(1),
-  position: "relative",
-  alignItems: "center",
-  justifyContent: "center",
-  "& > *": {
-    width: "100%",
-    height: "100%"
-  },
-  "&:hover": {
-    cursor: "pointer",
-    "& .placeholder": {
-      zIndex: 9
-    }
-  }
-})), E = e("div")(({
-  theme: t
-}) => ({
-  "&:hover": {
-    opacity: 1
-  },
-  display: "flex",
-  justifyContent: "center",
-  position: "absolute",
-  zIndex: "2",
-  inset: "0",
-  transition: t.transitions.create("opacity", {
-    easing: t.transitions.easing.easeInOut,
-    duration: t.transitions.duration.shorter
-  }),
-  overflow: "auto"
-})), v = e("div")(({
-  theme: t
-}) => ({
-  padding: t.spacing(3, 5),
-  display: "flex",
-  flexWrap: "wrap",
-  justifyContent: "center",
-  width: "100%",
-  height: "100%",
-  gap: t.spacing(3)
-})), U = e("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  flexDirection: "column",
-  gap: t.spacing(3)
-})), Y = e("span")(({
-  theme: t
-}) => ({
-  ...t.typography.subtitle2,
-  width: "fit-content"
-})), H = e("span")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  minWidth: t.spacing(20)
-})), k = e("span")(({
-  theme: t
-}) => ({
-  ...t.typography.caption,
-  width: "fit-content"
-})), G = e("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  maxWidth: t.spacing(20)
-}));
-e("div")(() => ({
-  width: "100%",
-  height: "100%",
-  position: "absolute",
-  inset: "0",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-}));
-const Q = w("div")(({
-  theme: t
-}) => ({
-  maskPosition: "center!important",
-  maskRepeat: "no-repeat!important",
-  WebkitMaskRepeat: "no-repeat!important",
-  border: `1px dashed ${t.palette.divider}`,
-  width: "100%",
-  height: "100%",
-  mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
-  WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
-})), f = () => /* @__PURE__ */ i(j, {
-  children: /* @__PURE__ */ i(Q, {
-    children: /* @__PURE__ */ i(p, {
-      variant: "rectangular",
-      width: "100%",
-      height: "100%"
-    })
-  })
-});
-function Z({
-  error: t,
-  file: M,
-  helperText: s,
-  sx: a,
-  ...c
-}) {
-  const {
-    getRootProps: L,
-    getInputProps: o,
-    isDragActive: r,
-    isDragReject: d
-  } = m({
-    multiple: !1,
-    ...c
-  }), {
-    host_static_assets: C,
-    environment_assets: g
-  } = z(), {
-    getLabel: u
-  } = h();
-  return A() ? /* @__PURE__ */ i(f, {}) : /* @__PURE__ */ n(b, {
-    children: [/* @__PURE__ */ i(j, {
-      sx: {
-        ...(d || t) && {
-          borderColor: "error.light"
-        },
-        ...a
-      },
-      children: /* @__PURE__ */ n(T, {
-        id: "DropZoneStyle",
-        ...L(),
-        sx: {
-          ...r && {
-            opacity: 0.72
-          }
-        },
-        children: [/* @__PURE__ */ i("input", {
-          ...o()
-        }), M && /* @__PURE__ */ i(l, {
-          alt: "avatar",
-          src: S(M) ? M : M.preview || "",
-          width: "100%"
-        }), /* @__PURE__ */ i(E, {
-          id: "PlaceholderStyle",
-          className: "placeholder",
-          sx: {
-            ...M ? {
-              bgcolor: x("#161C24", 0.72),
-              color: "common.white",
-              opacity: 0
-            } : {
-              opacity: 1
-            },
-            ...(d || t) && {
-              bgcolor: "error.lighter",
-              borderColor: "error.light",
-              color: "error.main"
-            }
-          },
-          children: /* @__PURE__ */ n(v, {
-            className: "ContainerUploadBody",
-            children: [/* @__PURE__ */ i(G, {
-              children: /* @__PURE__ */ i(l, {
-                src: `${C}/${g}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
-                width: "100%",
-                height: "auto"
-              })
-            }), /* @__PURE__ */ n(U, {
-              children: [/* @__PURE__ */ i(Y, {
-                children: u(M ? "upload_image.title_update" : "upload_image.title_upload")
-              }), /* @__PURE__ */ i(H, {
-                children: u("upload_image.description")
-              }), /* @__PURE__ */ i(k, {
-                children: u("upload_image.conditions")
-              })]
-            })]
-          })
-        })]
-      })
-    }), s && s]
-  });
-}
-const W = w("div")(() => ({
-  width: "inherit",
-  height: "inherit",
-  padding: "1px"
-}));
-function $({
-  name: t,
-  ...M
-}) {
-  const {
-    control: s,
-    setValue: a
-  } = y(), c = D((L) => {
-    const o = L[0];
-    o && a(t, Object.assign(o, {
-      preview: URL.createObjectURL(o)
-    }));
-  }, [a]);
-  return /* @__PURE__ */ i(N, {
-    name: t,
-    control: s,
-    render: ({
-      field: L,
-      fieldState: {
-        error: o
-      }
-    }) => {
-      const r = !!o && !L.value;
-      return /* @__PURE__ */ n(W, {
-        children: [/* @__PURE__ */ i(Z, {
-          onDrop: c,
-          error: r,
-          ...M,
-          file: L.value
-        }), r && /* @__PURE__ */ i(I, {
-          error: !0,
-          sx: {
-            px: 2,
-            textAlign: "center"
-          },
-          children: o.message
-        })]
-      });
-    }
-  });
-}
-export {
-  $ as R
-};