@tesouro/embedded-components-react 0.2.66 → 0.2.70

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index44.js

@@ -1,144 +1,81 @@
-import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
-import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index199.js";
-import { ProductType as q } from "./index200.js";
-import { Filters as H } from "./index201.js";
-import { useMoniteContext as Y } from "./index58.js";
-import { MoniteScopedProviders as J } from "./index84.js";
-import { useCurrencies as Q } from "./index59.js";
-import "./index93.js";
-import { useLingui as V } from "@lingui/react";
+import { jsx as e, jsxs as a } from "@emotion/react/jsx-runtime";
+import { MoniteScopedProviders as S } from "./index83.js";
+import { useCurrencies as v } from "./index58.js";
+import { useId as x, useMemo as C, useCallback as P } from "react";
+import "./index92.js";
+import { useLingui as g } from "@lingui/react";
 import "react-dom";
+import "./index57.js";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index142.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index152.js";
-import { Button as f } from "./index85.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index159.js";
-import { GetNoRowsOverlay as ae } from "./index158.js";
-import { MeasureUnit as se } from "./index202.js";
-import { hasSelectedText as ne } from "./index160.js";
-import { FILTER_TYPE_SEARCH as S } from "./index203.js";
+import { zodResolver as N } from "@hookform/resolvers/zod";
+import { Button as p } from "./index84.js";
+import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index130.js";
+import { LoadingSpinner as L } from "./index131.js";
+import { useForm as M, FormProvider as k } from "react-hook-form";
+import { useCreateProduct as q } from "./index199.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index204.js";
-import { ManageMeasureUnits as ce } from "./index205.js";
-const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
-  onFilterChanged: d,
-  onSortChanged: g,
-  onRowClick: P,
-  onDeleted: T,
-  openCreateModal: w
+import { getProductValidationSchema as z } from "./index200.js";
+import { ProductFormContent as T } from "./index201.js";
+const ie = (s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(V, { ...s }) }), V = ({
+  onClose: s,
+  open: u,
+  onCreated: h
 }) => {
   const {
-    i18n: i
-  } = V(), {
-    componentSettings: D
-  } = Y(), {
-    formatCurrencyToDisplay: h
-  } = Q(), [v, y] = s(!1), [M, m] = s(void 0), [_, b] = s(D.products.pageSizeOptions[0]), [n, R] = s({}), [r, C] = s(), [p, A] = s({
-    open: !1,
-    id: null
-  }), x = X(), L = x.has(k.InvoiceWriteOrg), $ = x.has(k.InvoiceReadOrg), {
-    data: l,
-    isLoading: j,
-    isError: z,
-    refetch: E
-  } = le({
-    sort: r?.field,
-    order: r?.sort,
-    limit: _,
-    pagination_token: M,
-    name__icontains: n[S] || void 0
-  }), F = (e, o) => {
-    m(void 0), R((c) => ({
-      ...c,
-      [e]: o === "all" ? null : o
-    })), d?.({
-      field: e,
-      value: o
-    });
-  }, u = N(() => r ? [{
-    id: r.field,
-    desc: r.sort === "desc"
-  }] : [], [r]), I = G((e) => {
-    const o = typeof e == "function" ? e(u) : e;
-    if (o.length > 0) {
-      const c = {
-        field: o[0].id,
-        sort: o[0].desc ? "desc" : "asc"
-      };
-      C(c), g?.(c);
-    } else
-      C(void 0);
-    m(void 0);
-  }, [u, g]), O = N(() => [{
-    accessorKey: "name",
-    header: ({
-      column: e
-    }) => {
-      const o = e.getIsSorted();
-      return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-        i._("Name"),
-        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => e.toggleSorting(o === "asc"), children: o === "asc" ? /* @__PURE__ */ t(ee, { className: "ttw:size-4" }) : o === "desc" ? /* @__PURE__ */ t(te, { className: "ttw:size-4" }) : /* @__PURE__ */ t(oe, { className: "ttw:size-4" }) })
-      ] });
-    },
-    cell: ({
-      row: e
-    }) => /* @__PURE__ */ t("span", { children: e.original.name })
-  }, {
-    accessorKey: "type",
-    header: i._("Type"),
-    cell: ({
-      row: e
-    }) => e.original.type ? /* @__PURE__ */ t(q, { type: e.original.type }) : null
-  }, {
-    accessorKey: "description",
-    header: i._("Description"),
-    cell: ({
-      row: e
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-120", children: /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:inline-block ttw:truncate", children: e.original?.description }) })
-  }, {
-    accessorKey: "price",
-    header: () => /* @__PURE__ */ t("div", { className: "ttw:text-right", children: i._("Price per unit") }),
-    cell: ({
-      row: e
-    }) => {
-      const o = e.original.price;
-      return /* @__PURE__ */ a("div", { className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center", children: [
-        o ? h(o.value, o.currency) : "",
-        /* @__PURE__ */ t(se, { unitId: e.original.measure_unit_id ?? "" })
-      ] });
-    }
-  }], [i, h]), U = Object.keys(n).some((e) => n[e] !== null && n[e] !== void 0), K = !!n[S];
-  return $ ? /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: /* @__PURE__ */ t(re, { columns: O, data: l?.data ?? [], sorting: u, onSortingChange: I, pageSize: _, onPageSizeChange: b, nextPaginationToken: l?.next_pagination_token ?? void 0, prevPaginationToken: l?.prev_pagination_token ?? void 0, onPaginationTokenChange: m, onRowClick: (e) => {
-      ne() || P?.(e.id);
-    }, filterComponent: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4", children: [
-      /* @__PURE__ */ t(H, { onChangeFilter: F }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
-        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => y(!0), className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary", children: i._("Manage units of measure") }),
-        /* @__PURE__ */ a(f, { disabled: !L, onClick: w, className: "ttw:py-0", children: [
-          /* @__PURE__ */ t(ie, {}),
-          i._("Add product or service")
-        ] })
+    i18n: r
+  } = g(), {
+    formatToMinorUnits: m
+  } = v(), c = `product-form-${x()}`, {
+    mutate: l,
+    isPending: o
+  } = q(h), w = C(() => ({
+    name: "",
+    type: "product",
+    measureUnitId: "",
+    pricePerUnit: void 0,
+    currency: "USD",
+    description: void 0
+  }), []), {
+    watch: i,
+    ...n
+  } = M({
+    resolver: N(z(r)),
+    defaultValues: w
+  }), f = i("type"), b = !!i("name")?.trim() && i("pricePerUnit") !== void 0, y = P((d) => {
+    d.preventDefault(), d.stopPropagation(), n.handleSubmit((t) => {
+      l({
+        body: {
+          name: t.name,
+          type: t.type,
+          price: {
+            value: m(t.pricePerUnit, t.currency) ?? 0,
+            currency: t.currency
+          },
+          description: t.description,
+          ...t.measureUnitId ? {
+            measure_unit_id: t.measureUnitId
+          } : {}
+        }
+      });
+    })(d);
+  }, [l, m, n.handleSubmit]);
+  return /* @__PURE__ */ e(U, { open: u, onOpenChange: s, children: /* @__PURE__ */ a(_, { className: "ttw:gap-0", children: [
+    /* @__PURE__ */ a($, { className: "ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(F, { className: "ttw:text-2xl", children: r._("Add a product or service") }),
+      /* @__PURE__ */ e(I, { className: "ttw:max-w-130", children: r._("Save the products and services you sell so you can quickly add them as line items on invoices.") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto", children: /* @__PURE__ */ e(k, { ...n, watch: i, children: /* @__PURE__ */ e("form", { id: c, onSubmit: y, children: /* @__PURE__ */ e(T, { isLoading: o }) }) }) }),
+    /* @__PURE__ */ a(j, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+      /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(p, { variant: "outline", disabled: o, className: "ttw:flex-1 ttw:border-border", children: r._("Cancel") }) }),
+      /* @__PURE__ */ a(p, { type: "submit", form: c, className: "ttw:flex-1", title: r._("Complete the form to continue"), disabled: o || !b, children: [
+        o && /* @__PURE__ */ e(L, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        r._("Save {type}", {
+          type: f
+        })
       ] })
-    ] }), children: /* @__PURE__ */ t(ae, { isLoading: j, dataLength: l?.data.length || 0, isFiltering: U, isSearching: K, isError: z, onCreate: w, refetch: E, filterTitle: i._("No product or service found"), filterDescription1: i._("Try adjusting your search or filter criteria"), entityName: i._("products or services"), actionButtonLabel: i._("Add your first product or service"), actionOptions: [i._("Product")], noDataTitle: i._("Build your products & services list."), noDataDescription1: i._("Save the products and services you sell so you can quickly add them as line items on invoices."), type: "no-data" }) }) }),
-    p.id && /* @__PURE__ */ t(W, { id: p.id, open: p.open, onDeleted: T, onClose: () => A((e) => ({
-      ...e,
-      open: !1
-    })) }),
-    v && /* @__PURE__ */ t(ce, { open: v, handleClose: () => y(!1) })
-  ] }) : /* @__PURE__ */ t(Z, {});
+    ] })
+  ] }) });
 };
 export {
-  Ge as ProductsTable
+  ie as CreateProduct
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index440.js

@@ -1,114 +1,71 @@
-import { jsxs as s, jsx as a } from "@emotion/react/jsx-runtime";
-import "react-hot-toast";
-import "./index58.js";
-import { useLingui as j } from "@lingui/react";
-import { useState as I, Fragment as O } from "react";
-import { format as G } from "date-fns";
-import { useUserPermissions as k } from "./index142.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as F } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import { Plus as U, Loader2 as B } from "lucide-react";
-import { Button as h } from "./index85.js";
-import { useGetOverdueReminders as L } from "./index415.js";
-import { useCreateOverdueReminder as V } from "./index416.js";
-import { useGetPaymentTermById as Y } from "./index418.js";
-import "./index93.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useFormContext as z } from "react-hook-form";
-import { calculateDueDate as K } from "./index7.js";
-import { CUSTOM_DATE_PAYMENT_TERM as W, RECEIPT_DUE_PAYMENT_TERM as q } from "./index177.js";
-import { RadioGroup as H, RadioGroupItem as b } from "./index310.js";
-import { Typography as n } from "./index86.js";
-import { Input as J } from "./index118.js";
-const Q = "MMM d, yyyy", N = 3, Et = ({
-  disabled: l
+import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
+import { Controller as y } from "react-hook-form";
+import { useRootElements as D } from "./index92.js";
+import { Alert as F } from "@mui/material";
+import { DatePicker as C } from "@mui/x-date-pickers";
+import { parse as P, format as T } from "date-fns";
+const M = ({
+  control: p,
+  name: n,
+  slotProps: o,
+  valueAs: c = "date",
+  stringFormat: s = "yyyy-MM-dd",
+  ...d
 }) => {
-  const {
-    data: u
-  } = L(), [o, c] = I([""]), {
-    i18n: e
-  } = j(), T = k().has(F.InvoiceWriteOrg), {
-    watch: w,
-    setValue: y
-  } = z(), A = w("overdue_reminder_id"), p = w("payment_terms_id"), C = w("payment_terms_custom_date"), v = p === W, _ = p === q, P = p && !v && !_ ? p : void 0, {
-    data: g
-  } = Y(P), x = v ? C ?? void 0 : _ ? /* @__PURE__ */ new Date() : g && K(g) || void 0, {
-    mutate: E,
-    isPending: d
-  } = V(), M = (t, i) => {
-    c((m) => m.map((r, f) => f === t ? i : r));
-  }, R = () => {
-    c((t) => t.length < N ? [...t, ""] : t);
-  }, D = () => {
-    c([""]);
-  }, $ = o.every((t) => Number(t) >= 1), S = () => {
-    const t = o.map((r) => Number(r)).sort((r, f) => r - f), i = t.map((r) => r === 1 ? e._("{daysAfter} day", {
-      daysAfter: r
-    }) : e._("{daysAfter} days", {
-      daysAfter: r
-    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
-    E({
-      body: {
-        name: m,
-        terms: t.map((r) => ({
-          days_after: r,
-          subject: e._("Payment is overdue"),
-          body: x ? e._("Payment was due on {dueDate}.", {
-            dueDate: G(x, Q)
-          }) : e._("Payment is overdue.")
-        }))
-      }
-    }, {
-      onSuccess: (r) => {
-        c([""]), y("overdue_reminder_id", r.id);
-      }
-    });
-  };
-  return /* @__PURE__ */ s("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2", children: [
-    /* @__PURE__ */ s(n, { variant: "body2", children: [
-      e._("Number of days"),
-      " ",
-      /* @__PURE__ */ a("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
-      " ",
-      e._("due date")
-    ] }),
-    /* @__PURE__ */ a(H, { className: "ttw:contents", value: A ?? "", onValueChange: (t) => y("overdue_reminder_id", t), children: /* @__PURE__ */ s("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
-      /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ a(b, { value: "", id: "no-overdue-reminder" }),
-        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
-      ] }) }),
-      u?.map((t) => /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ a(b, { value: t.value, id: t.value }),
-        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
-      ] }) }, t.value))
-    ] }) }),
-    T && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-      /* @__PURE__ */ a(n, { variant: "caption", color: "muted", children: u && u.length > 0 ? e._("Add schedule (Specify up to 3 terms)") : e._("Send up to three reminders") }),
-      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-        o.map((t, i, m) => /* @__PURE__ */ s(O, { children: [
-          /* @__PURE__ */ a(J, { type: "text", inputMode: "numeric", value: t, onChange: (r) => M(i, r.target.value.replace(/\D/g, "")), disabled: l || d, name: `new_reminders_${i}`, className: "ttw:text-right ttw:w-15 ttw:p-1.5", placeholder: m.length === 1 ? e._("e.g., 3") : void 0 }),
-          /* @__PURE__ */ a(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
-        ] }, i)),
-        o.length < N && /* @__PURE__ */ s(h, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: R, children: [
-          /* @__PURE__ */ a(U, {}),
-          e._("Add")
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-        /* @__PURE__ */ a(h, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: D, children: e._("Clear") }),
-        /* @__PURE__ */ a(h, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !$, onClick: S, children: d ? /* @__PURE__ */ a(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
-      ] })
-    ] })
-  ] });
+  const i = (e) => e?.type === "custom", {
+    root: l
+  } = D();
+  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: u
+    },
+    formState: {
+      isValid: f
+    }
+  }) => {
+    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
+    return /* @__PURE__ */ x(h, { children: [
+      /* @__PURE__ */ a(
+        C,
+        {
+          ...e,
+          ...d,
+          value: g,
+          onChange: (t) => {
+            if (t instanceof Date && !Number.isNaN(t.getTime())) {
+              const v = c === "string" ? T(t, s) : t;
+              e.onChange(v);
+            } else
+              e.onChange(null);
+          },
+          slotProps: {
+            ...o,
+            popper: {
+              ...o?.popper,
+              container: l
+            },
+            dialog: {
+              ...o?.dialog,
+              container: l
+            },
+            textField: {
+              variant: "standard",
+              ...o?.textField,
+              id: n,
+              error: m && !!r?.message,
+              helperText: m && r?.message
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
 };
 export {
-  Et as ReminderOverdue
+  M as RHFDatePicker
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index441.js

@@ -1,19 +1,59 @@
-import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
-import { useLingui as s } from "@lingui/react";
-import { Badge as m } from "./index242.js";
-import { Typography as o } from "./index86.js";
-const f = ({
-  email: t,
-  isDefault: e
+import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { useRootElements as P } from "./index92.js";
+import { TextField as T, Alert as y } from "@mui/material";
+const j = ({
+  control: l,
+  name: n,
+  SelectProps: s,
+  type: a,
+  ...c
 }) => {
-  const {
-    i18n: r
-  } = s();
-  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
-    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
-  ] });
+  const i = (e) => e?.type === "custom", {
+    root: p
+  } = P();
+  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: d
+    },
+    formState: {
+      isValid: u
+    }
+  }) => {
+    const m = (d || !u) && !i(r), g = (f) => {
+      const o = f.target.value;
+      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
+    };
+    return /* @__PURE__ */ h(x, { children: [
+      /* @__PURE__ */ t(
+        T,
+        {
+          ...e,
+          ...c,
+          id: n,
+          variant: "standard",
+          type: a,
+          value: e.value ?? "",
+          onChange: g,
+          error: m && !!r?.message,
+          helperText: m && r?.message,
+          SelectProps: {
+            ...s,
+            MenuProps: {
+              ...s?.MenuProps,
+              container: p
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
 };
 export {
-  f as DefaultEmail
+  j as RHFTextField
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index442.js

@@ -1,19 +1,43 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index101.js";
-import * as r from "@radix-ui/react-avatar";
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
-}
-function f({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
-}
+import { jsx as l, jsxs as f, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as h } from "react-hook-form";
+import { Alert as g } from "@mui/material";
+import { TimeField as T } from "@mui/x-date-pickers";
+const q = ({
+  control: n,
+  name: o,
+  required: a,
+  fullWidth: m,
+  slotProps: s,
+  ...d
+}) => {
+  const i = (r) => r?.type === "custom";
+  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
+    field: r,
+    fieldState: {
+      error: e,
+      isTouched: u
+    },
+    formState: {
+      isValid: c
+    }
+  }) => {
+    const t = (u || !c) && !i(e), p = r.value !== null ? new Date(r.value) : null;
+    return /* @__PURE__ */ f(x, { children: [
+      /* @__PURE__ */ l(T, { ...r, ...d, variant: "standard", required: a, fullWidth: m, value: p, helperText: t && e?.message, slotProps: {
+        ...s,
+        textField: {
+          ...s?.textField,
+          id: o,
+          error: t && !!e?.message,
+          helperText: t && e?.message
+        }
+      } }),
+      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: e?.message })
+    ] });
+  } });
+};
 export {
-  n as Avatar,
-  f as AvatarFallback
+  q as RHFTimePicker
 };