@tesouro/embedded-components-react 0.2.5 → 0.2.7

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

@@ -1,21 +1,140 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as r } from "./index254.js";
-import { useLingui as m } from "@lingui/react";
-import { usePaymentTermsApi as a } from "./index444.js";
-const p = ({
-  show: o,
-  closeDialog: t,
-  paymentTermsId: n
+import { jsxs as n, jsx as e, Fragment as D } from "@emotion/react/jsx-runtime";
+import { DiscountForm as G } from "./index506.js";
+import { getPaymentTermsValidationSchema as O } from "./index197.js";
+import { TermField as o } from "./index507.js";
+import { usePaymentTermsApi as V } from "./index463.js";
+import { safeZodResolver as k } from "./index274.js";
+import { useLingui as q } from "@lingui/react";
+import { useState as T, useEffect as L } from "react";
+import { useForm as z, FormProvider as B, Controller as u } from "react-hook-form";
+import { CircleAlert as R, Plus as Y } from "lucide-react";
+import { Alert as Z } from "./index163.js";
+import { Button as H } from "./index86.js";
+import { Card as J, CardContent as K } from "./index374.js";
+import { Field as p, FieldContent as f, FieldLabel as h, FieldDescription as M } from "./index164.js";
+import { Input as Q } from "./index130.js";
+import { InputGroup as U, InputGroupInput as W, InputGroupAddon as X, InputGroupText as ee } from "./index103.js";
+import { Textarea as re } from "./index131.js";
+import { Typography as y } from "./index87.js";
+const F = 2, we = ({
+  formName: N,
+  selectedTerm: m,
+  onTermsChange: C
 }) => {
   const {
-    deletePaymentTerm: i
-  } = a({
-    onSuccessfullChange: () => t(!0)
+    id: v,
+    ...P
+  } = m || {}, [_, d] = T(), {
+    i18n: t
+  } = q(), l = z({
+    defaultValues: {
+      ...P
+    },
+    resolver: k(O(t))
   }), {
-    i18n: e
-  } = m();
-  return /* @__PURE__ */ s(r, { open: o, title: e._("Delete payment term?"), message: e._("You won't be able to use it to create new invoices, but it won't affect the existing invoices with this term and their future copies."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: () => t(!1), onConfirm: () => i(n) });
+    handleSubmit: S,
+    formState: {
+      errors: g
+    },
+    control: c
+  } = l, {
+    createPaymentTerm: I,
+    updatePaymentTerm: $
+  } = V({
+    onCreationError: () => d(/* @__PURE__ */ n(D, { children: [
+      t._("Failed to create payment term, please try again."),
+      /* @__PURE__ */ e("br", {}),
+      t._("If this error recurs, contact your admin.")
+    ] })),
+    onSuccessfullChange: C
+  }), [i, w] = T(() => m ? [o.Term1, o.Term2].filter((r) => !!m[r]) : []);
+  L(() => {
+    Object.keys(g).filter((r) => ![...Object.values(o)].includes(r)).length > 0 ? d(t._("To create a preset you need to fill out all the required fields")) : d(null);
+  }, [g, t]);
+  const j = () => {
+    if (i.length === F) return;
+    const r = i.length ? o.Term2 : o.Term1;
+    w((a) => [...a, r]), l.setValue(r, {
+      number_of_days: null,
+      discount: null
+    });
+  }, A = () => {
+    if (!i.length) return;
+    const r = i[i.length - 1];
+    w((a) => a.slice(0, -1)), l.setValue(r, null);
+  };
+  return /* @__PURE__ */ n(B, { ...l, children: [
+    !!_ && /* @__PURE__ */ e(Z, { variant: "error", className: "ttw:mb-4", icon: /* @__PURE__ */ e(R, {}), children: _ }),
+    /* @__PURE__ */ n("form", { id: N, noValidate: !0, onSubmit: (r) => {
+      r.preventDefault(), r.stopPropagation(), S((a) => {
+        const {
+          term_1: b,
+          term_2: x,
+          ...E
+        } = a, s = {
+          ...E
+        };
+        b && Object.assign(s, {
+          term_1: b
+        }), x && Object.assign(s, {
+          term_2: x
+        }), v ? $(v, s) : I(s);
+      })(r);
+    }, className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(y, { variant: "h5", children: t._("Settings") }),
+        /* @__PURE__ */ e(J, { className: "ttw:mt-2 ttw:border-border", children: /* @__PURE__ */ n(K, { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+          /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-2", children: [
+            /* @__PURE__ */ e(u, { name: "name", control: c, render: ({
+              field: r,
+              fieldState: {
+                error: a
+              }
+            }) => /* @__PURE__ */ e(p, { className: "ttw:flex-1", children: /* @__PURE__ */ n(f, { children: [
+              /* @__PURE__ */ e(h, { htmlFor: "name", required: !0, children: t._("Name") }),
+              /* @__PURE__ */ e(Q, { ...r, id: "name", "aria-invalid": !!a }),
+              /* @__PURE__ */ e(M, { children: t._("Example: NET 30, –2%/10 days, –1%/20 days") })
+            ] }) }) }),
+            /* @__PURE__ */ e(u, { name: "term_final.number_of_days", control: c, render: ({
+              field: r,
+              fieldState: {
+                error: a
+              }
+            }) => /* @__PURE__ */ e(p, { className: "ttw:w-44 ttw:shrink-0", children: /* @__PURE__ */ n(f, { children: [
+              /* @__PURE__ */ e(h, { htmlFor: "term_final_days", required: !0, children: t._("Payment due") }),
+              /* @__PURE__ */ n(U, { children: [
+                /* @__PURE__ */ e(W, { ...r, id: "term_final_days", type: "number", value: r.value ?? "", "aria-invalid": !!a }),
+                /* @__PURE__ */ e(X, { align: "inline-end", children: /* @__PURE__ */ e(ee, { children: t._("days") }) })
+              ] })
+            ] }) }) })
+          ] }),
+          /* @__PURE__ */ e(u, { name: "description", control: c, render: ({
+            field: r,
+            fieldState: {
+              error: a
+            }
+          }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(f, { children: [
+            /* @__PURE__ */ e(h, { htmlFor: "description", children: t._("Description") }),
+            /* @__PURE__ */ e(re, { ...r, id: "description", rows: 4, value: r.value ?? "", "aria-invalid": !!a, className: "ttw:resize-none" })
+          ] }) }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(y, { variant: "h5", children: t._("Early payment discounts") }),
+        /* @__PURE__ */ n(y, { variant: "body2", color: "muted", className: "ttw:mt-1", children: [
+          t._("Offer a discount to your customer if they pay early."),
+          /* @__PURE__ */ e("br", {}),
+          t._("You can set up to 2 early payment discounts per invoice.")
+        ] }),
+        i.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:mt-6", children: i.map((r, a) => /* @__PURE__ */ e(G, { index: a, field: r, isLast: a === i.length - 1, remove: A }, r)) }),
+        i.length < F && /* @__PURE__ */ n(H, { type: "button", variant: "secondary", className: "ttw:mt-4 ttw:text-primary ttw:hover:brightness-85", onClick: j, children: [
+          /* @__PURE__ */ e(Y, {}),
+          t._("Add discount")
+        ] })
+      ] })
+    ] })
+  ] });
 };
 export {
-  p as DeletePaymentTerms
+  we as PaymentTermsForm
 };

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

@@ -1,140 +1,18 @@
-import { jsxs as n, jsx as e, Fragment as D } from "@emotion/react/jsx-runtime";
-import { DiscountForm as G } from "./index503.js";
-import { getPaymentTermsValidationSchema as O } from "./index208.js";
-import { TermField as o } from "./index504.js";
-import { usePaymentTermsApi as V } from "./index444.js";
-import { safeZodResolver as k } from "./index257.js";
-import { useLingui as q } from "@lingui/react";
-import { useState as T, useEffect as L } from "react";
-import { useForm as z, FormProvider as B, Controller as u } from "react-hook-form";
-import { CircleAlert as R, Plus as Y } from "lucide-react";
-import { Alert as Z } from "./index177.js";
-import { Button as H } from "./index86.js";
-import { Card as J, CardContent as K } from "./index359.js";
-import { Field as p, FieldContent as f, FieldLabel as h, FieldDescription as M } from "./index178.js";
-import { Input as Q } from "./index124.js";
-import { InputGroup as U, InputGroupInput as W, InputGroupAddon as X, InputGroupText as ee } from "./index103.js";
-import { Textarea as re } from "./index125.js";
-import { Typography as y } from "./index87.js";
-const F = 2, we = ({
-  formName: N,
-  selectedTerm: m,
-  onTermsChange: C
-}) => {
-  const {
-    id: v,
-    ...P
-  } = m || {}, [_, d] = T(), {
-    i18n: t
-  } = q(), l = z({
-    defaultValues: {
-      ...P
-    },
-    resolver: k(O(t))
-  }), {
-    handleSubmit: S,
-    formState: {
-      errors: g
-    },
-    control: c
-  } = l, {
-    createPaymentTerm: I,
-    updatePaymentTerm: $
-  } = V({
-    onCreationError: () => d(/* @__PURE__ */ n(D, { children: [
-      t._("Failed to create payment term, please try again."),
-      /* @__PURE__ */ e("br", {}),
-      t._("If this error recurs, contact your admin.")
-    ] })),
-    onSuccessfullChange: C
-  }), [i, w] = T(() => m ? [o.Term1, o.Term2].filter((r) => !!m[r]) : []);
-  L(() => {
-    Object.keys(g).filter((r) => ![...Object.values(o)].includes(r)).length > 0 ? d(t._("To create a preset you need to fill out all the required fields")) : d(null);
-  }, [g, t]);
-  const j = () => {
-    if (i.length === F) return;
-    const r = i.length ? o.Term2 : o.Term1;
-    w((a) => [...a, r]), l.setValue(r, {
-      number_of_days: null,
-      discount: null
-    });
-  }, A = () => {
-    if (!i.length) return;
-    const r = i[i.length - 1];
-    w((a) => a.slice(0, -1)), l.setValue(r, null);
-  };
-  return /* @__PURE__ */ n(B, { ...l, children: [
-    !!_ && /* @__PURE__ */ e(Z, { variant: "error", className: "ttw:mb-4", icon: /* @__PURE__ */ e(R, {}), children: _ }),
-    /* @__PURE__ */ n("form", { id: N, noValidate: !0, onSubmit: (r) => {
-      r.preventDefault(), r.stopPropagation(), S((a) => {
-        const {
-          term_1: b,
-          term_2: x,
-          ...E
-        } = a, s = {
-          ...E
-        };
-        b && Object.assign(s, {
-          term_1: b
-        }), x && Object.assign(s, {
-          term_2: x
-        }), v ? $(v, s) : I(s);
-      })(r);
-    }, className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ e(y, { variant: "h5", children: t._("Settings") }),
-        /* @__PURE__ */ e(J, { className: "ttw:mt-2 ttw:border-border", children: /* @__PURE__ */ n(K, { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-          /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-2", children: [
-            /* @__PURE__ */ e(u, { name: "name", control: c, render: ({
-              field: r,
-              fieldState: {
-                error: a
-              }
-            }) => /* @__PURE__ */ e(p, { className: "ttw:flex-1", children: /* @__PURE__ */ n(f, { children: [
-              /* @__PURE__ */ e(h, { htmlFor: "name", required: !0, children: t._("Name") }),
-              /* @__PURE__ */ e(Q, { ...r, id: "name", "aria-invalid": !!a }),
-              /* @__PURE__ */ e(M, { children: t._("Example: NET 30, –2%/10 days, –1%/20 days") })
-            ] }) }) }),
-            /* @__PURE__ */ e(u, { name: "term_final.number_of_days", control: c, render: ({
-              field: r,
-              fieldState: {
-                error: a
-              }
-            }) => /* @__PURE__ */ e(p, { className: "ttw:w-44 ttw:shrink-0", children: /* @__PURE__ */ n(f, { children: [
-              /* @__PURE__ */ e(h, { htmlFor: "term_final_days", required: !0, children: t._("Payment due") }),
-              /* @__PURE__ */ n(U, { children: [
-                /* @__PURE__ */ e(W, { ...r, id: "term_final_days", type: "number", value: r.value ?? "", "aria-invalid": !!a }),
-                /* @__PURE__ */ e(X, { align: "inline-end", children: /* @__PURE__ */ e(ee, { children: t._("days") }) })
-              ] })
-            ] }) }) })
-          ] }),
-          /* @__PURE__ */ e(u, { name: "description", control: c, render: ({
-            field: r,
-            fieldState: {
-              error: a
-            }
-          }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(f, { children: [
-            /* @__PURE__ */ e(h, { htmlFor: "description", children: t._("Description") }),
-            /* @__PURE__ */ e(re, { ...r, id: "description", rows: 4, value: r.value ?? "", "aria-invalid": !!a, className: "ttw:resize-none" })
-          ] }) }) })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ e(y, { variant: "h5", children: t._("Early payment discounts") }),
-        /* @__PURE__ */ n(y, { variant: "body2", color: "muted", className: "ttw:mt-1", children: [
-          t._("Offer a discount to your customer if they pay early."),
-          /* @__PURE__ */ e("br", {}),
-          t._("You can set up to 2 early payment discounts per invoice.")
-        ] }),
-        i.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:mt-6", children: i.map((r, a) => /* @__PURE__ */ e(G, { index: a, field: r, isLast: a === i.length - 1, remove: A }, r)) }),
-        i.length < F && /* @__PURE__ */ n(H, { type: "button", variant: "secondary", className: "ttw:mt-4 ttw:text-primary ttw:hover:brightness-85", onClick: j, children: [
-          /* @__PURE__ */ e(Y, {}),
-          t._("Add discount")
-        ] })
-      ] })
-    ] })
-  ] });
-};
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { Typography as r } from "./index87.js";
+import { twMerge as s } from "tailwind-merge";
+const d = ({
+  renderIcon: i,
+  leftLine: a,
+  rightLine: m,
+  className: n
+}) => /* @__PURE__ */ t("div", { className: s("ttw:flex ttw:justify-between ttw:items-center", n), children: [
+  /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    i,
+    /* @__PURE__ */ e(r, { variant: "body1", children: a })
+  ] }),
+  /* @__PURE__ */ e(r, { variant: "body1", children: m })
+] });
 export {
-  we as PaymentTermsForm
+  d as PaymentTermSummaryItem
 };

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

@@ -1,18 +1,63 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { Typography as r } from "./index87.js";
-import { twMerge as s } from "tailwind-merge";
-const d = ({
-  renderIcon: i,
-  leftLine: a,
-  rightLine: m,
-  className: n
-}) => /* @__PURE__ */ t("div", { className: s("ttw:flex ttw:justify-between ttw:items-center", n), children: [
-  /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-    i,
-    /* @__PURE__ */ e(r, { variant: "body1", children: a })
-  ] }),
-  /* @__PURE__ */ e(r, { variant: "body1", children: m })
-] });
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { Button as w } from "./index86.js";
+import { useLingui as f } from "@lingui/react";
+import { Bell as y } from "lucide-react";
+const u = (e) => "term_1_reminder" in e || "term_2_reminder" in e || "term_final_reminder" in e, b = ({
+  reminder: e,
+  updateDisabled: n,
+  onUpdate: m
+}) => {
+  const {
+    i18n: t
+  } = f(), s = u(e) ? [{
+    reminderTerm: e?.term_1_reminder ? t._("{days} {unit} before", {
+      days: e.term_1_reminder.days_before,
+      unit: e.term_1_reminder.days_before === 1 ? "day" : "days"
+    }) : t._("No reminder"),
+    termPeriodName: t._("Discount date 1"),
+    id: "payment-1"
+  }, {
+    reminderTerm: e?.term_2_reminder ? t._("{days} {unit} before", {
+      days: e.term_2_reminder.days_before,
+      unit: e.term_2_reminder.days_before === 1 ? "day" : "days"
+    }) : t._("No reminder"),
+    termPeriodName: t._("Discount date 2"),
+    id: "payment-2"
+  }, {
+    reminderTerm: e?.term_final_reminder ? t._("{days} {unit} before", {
+      days: e.term_final_reminder.days_before,
+      unit: e.term_final_reminder.days_before === 1 ? "day" : "days"
+    }) : t._("No reminder"),
+    termPeriodName: t._("Due date"),
+    id: "payment-3"
+  }] : e?.terms?.map((r, d) => ({
+    reminderTerm: t._("{days} {unit} after", {
+      days: r.days_after,
+      unit: r.days_after === 1 ? "day" : "days"
+    }),
+    termPeriodName: t._("Due date"),
+    id: `overdue-${d + 1}`
+  })) ?? [];
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:bg-zinc-50 ttw:rounded-md", children: [
+    /* @__PURE__ */ a("ul", { className: "ttw:w-full ttw:list-none", children: s?.map(({
+      termPeriodName: r,
+      reminderTerm: d,
+      id: l
+    }, _, o) => /* @__PURE__ */ i("li", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:w-full", children: [
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:pt-1", children: [
+        /* @__PURE__ */ a(y, { className: "ttw:size-4 ttw:text-neutral" }),
+        _ !== o.length - 1 && /* @__PURE__ */ a("div", { className: "ttw:w-px ttw:h-2 ttw:bg-neutral" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-1 ttw:justify-between ttw:py-0.5", children: [
+        /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:font-medium ttw:text-neutral", children: d }),
+        /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:font-normal ttw:text-neutral", children: r })
+      ] })
+    ] }, l)) }),
+    m && /* @__PURE__ */ a(w, { variant: "ghost", disabled: n, onClick: (r) => {
+      r.preventDefault(), m();
+    }, size: "sm", className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary", children: t._("Edit preset") })
+  ] });
+};
 export {
-  d as PaymentTermSummaryItem
+  b as ReminderDetails
 };

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

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as X } from "@emotion/react/jsx-runtime";
-import { CounterpartTableFilters as Z } from "./index179.js";
-import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index180.js";
+import { CounterpartTableFilters as Z } from "./index165.js";
+import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index166.js";
 import { getCounterpartName as et } from "./index7.js";
 import { useCurrencies as at } from "./index60.js";
 import { useMoniteContext as it } from "./index59.js";
 import { MoniteScopedProviders as rt } from "./index85.js";
 import { useCounterpartList as ot } from "./index73.js";
-import { useUserPermissions as nt } from "./index137.js";
+import { useUserPermissions as nt } from "./index138.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";
@@ -14,19 +14,19 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as y } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as c, useMemo as d } from "react";
-import { CounterPartCellByData as st } from "./index181.js";
-import { GetNoRowsOverlay as dt } from "./index145.js";
-import { AccessRestriction as lt } from "./index138.js";
+import { CounterPartCellByData as st } from "./index167.js";
+import { GetNoRowsOverlay as dt } from "./index168.js";
+import { AccessRestriction as lt } from "./index140.js";
 import { Button as mt } from "./index86.js";
 import "clsx";
 import { twMerge as U } from "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ct, ArrowDown as pt, ArrowUpDown as ut } from "lucide-react";
 import { useLingui as gt } from "@lingui/react";
-import { DataTable as _t } from "./index144.js";
-import { hasSelectedText as wt } from "./index147.js";
+import { DataTable as _t } from "./index169.js";
+import { hasSelectedText as wt } from "./index170.js";
 import { useGetPayablesAnalytics as C } from "./index35.js";
-import { LoadingSpinner as p } from "./index152.js";
+import { LoadingSpinner as p } from "./index144.js";
 const Kt = (u) => /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(ht, { ...u }) }), ht = ({
   onRowClick: u,
   onChangeSort: j,

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

@@ -3,14 +3,14 @@ import { useState as d, useCallback as n } from "react";
 import { TagFormModal as u } from "./index49.js";
 import { TagsTable as h } from "./index48.js";
 import { MoniteScopedProviders as C } from "./index85.js";
-import { useUserPermissions as x } from "./index137.js";
+import { useUserPermissions as x } from "./index138.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 e } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as A } from "./index138.js";
+import { AccessRestriction as A } from "./index140.js";
 import { Button as T } from "./index86.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,46 +1,54 @@
-import { jsxs as a, Fragment as g, jsx as t } from "@emotion/react/jsx-runtime";
-import { useState as u, useEffect as b } from "react";
-import { ManageMeasureUnits as v } from "./index150.js";
-import { Select as x, SelectTrigger as S, SelectValue as y, SelectContent as M, SelectItem as d } from "./index291.js";
-import { useLingui as C } from "@lingui/react";
-import { Plus as N } from "lucide-react";
-const $ = ({
-  value: r,
-  availableMeasureUnits: s,
-  error: m,
-  fieldError: c,
-  skipDefaultAssignment: i = !1,
-  disabled: f = !1,
-  onChange: l
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useRootElements as T } from "./index94.js";
+import { Autocomplete as V, TextField as I } from "@mui/material";
+import { Controller as K } from "react-hook-form";
+const H = ({
+  control: m,
+  name: n,
+  label: a,
+  renderInput: i,
+  optionKey: r,
+  labelKey: s,
+  options: t,
+  required: p,
+  slotProps: d,
+  rules: g,
+  shouldUnregister: f,
+  disabled: c,
+  defaultValue: b,
+  readOnly: y,
+  onChange: S,
+  ...h
 }) => {
-  const {
-    i18n: w
-  } = C(), [n, p] = u(i), [h, o] = u(!1);
-  return b(() => {
-    if (i || n)
-      return;
-    const e = s?.[0]?.id;
-    !r && r !== "" && e && (l(e), p(!0));
-  }, [r, s, l, i, n]), /* @__PURE__ */ a(g, { children: [
-    /* @__PURE__ */ a(x, { value: r ?? "", onValueChange: (e) => {
-      if (e === "create") {
-        o(!0);
-        return;
-      }
-      l(e);
-    }, disabled: f, children: [
-      /* @__PURE__ */ t(S, { "aria-invalid": m || !!c || void 0, className: "ttw:h-full ttw:rounded-none ttw:border-r-0 ttw:border-y-0 ttw:gap-0 ttw:bg-transparent ttw:p-0 ttw:pl-2 ttw:border-l ttw:border-border ttw:shadow-none ttw:focus-visible:ring-0 ttw:w-15", children: /* @__PURE__ */ t(y, { className: "ttw:truncate" }) }),
-      /* @__PURE__ */ a(M, { children: [
-        /* @__PURE__ */ a(d, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-          /* @__PURE__ */ t(N, { className: "ttw:text-primary" }),
-          w._("Manage measure units")
-        ] }),
-        s?.map((e) => /* @__PURE__ */ t(d, { value: e.id, children: e.name }, e.id))
-      ] })
-    ] }),
-    h && /* @__PURE__ */ t(v, { open: !0, handleClose: () => o(!1) })
-  ] });
+  const A = (e) => i ? (o) => i(o, {
+    error: e,
+    label: a,
+    required: p
+  }) : (o) => /* @__PURE__ */ l(I, { ...o, variant: "standard", required: p, label: a, error: !!e?.message, helperText: e?.message, inputProps: {
+    ...o.inputProps,
+    autoComplete: "new-password"
+  } }), C = (e) => e ? typeof e == "string" || Array.isArray(e) ? e : r ? String(e[r]) : e : "", O = (e) => e ? r ? t.find((o) => String(o[r]) === String(e)) ?? null : t.find((o) => String(o) === String(e)) ?? null : null, v = (e) => typeof e == "string" ? e : s ? `${e[s]}` : "", {
+    root: x
+  } = T();
+  return /* @__PURE__ */ l(K, { control: m, name: n, rules: g, shouldUnregister: f, defaultValue: b, render: ({
+    field: e,
+    fieldState: {
+      error: o,
+      isTouched: P
+    },
+    formState: {
+      isValid: q
+    }
+  }) => /* @__PURE__ */ l(V, { ...e, ...h, disabled: c, slotProps: {
+    ...d,
+    popper: {
+      ...d?.popper,
+      container: x
+    }
+  }, options: t, blurOnSelect: !0, onChange: (w, u, F, R) => {
+    e.onChange(C(u)), S?.(w, u, F, R);
+  }, value: O(e.value), id: n, getOptionLabel: v, renderInput: A(P || !q ? o : void 0), readOnly: y }) });
 };
 export {
-  $ as MeasureUnitField
+  H as RHFAutocomplete
 };