@tesouro/embedded-components-react 0.2.97 → 0.2.98

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

@@ -1,7 +1,36 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+import { useMoniteContext as e } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const d = () => {
+  const {
+    api: r,
+    queryClient: n
+  } = e(), {
+    i18n: o
+  } = i();
+  return r.finops.patchCounterpartsIdBankAccountsId.useMutation(void 0, {
+    onSuccess: async (t) => {
+      r.finops.getCounterpartsIdBankAccountsId.setQueryData({
+        path: {
+          counterpart_id: t.counterpart_id,
+          bank_account_id: t.id
+        }
+      }, (a) => ({
+        ...a,
+        ...t
+      }), n), await r.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: t.counterpart_id
+          }
+        }
+      }, n);
+    },
+    onError: () => {
+      u.error(o._("Failed to update Bank Account."));
+    }
+  });
+};
 export {
-  r as resolveNullableUpdate
+  d as useUpdateCounterpartBank
 };

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

@@ -1,34 +1,56 @@
-import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
-const D = () => {
-  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
-    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
-  }, []), h = r(() => {
-    a(!1);
-  }, []), i = r(() => {
-    a(!1);
-  }, []), L = r((e) => {
-    if (!n) return;
-    e.preventDefault();
-    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
-    t.current && (t.current.scrollLeft = f - p);
-  }, [n, u, f]), l = r((e) => {
-    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-  }, []);
-  return M(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("wheel", l), () => {
-        e.removeEventListener("wheel", l);
-      };
-  }, [l]), {
-    containerRef: t,
-    handleMouseDown: d,
-    handleMouseLeave: h,
-    handleMouseUp: i,
-    handleMouseMove: L,
-    isDragging: n
-  };
+const a = {
+  AL: "Alabama",
+  AK: "Alaska",
+  AZ: "Arizona",
+  AR: "Arkansas",
+  CA: "California",
+  CO: "Colorado",
+  CT: "Connecticut",
+  DE: "Delaware",
+  FL: "Florida",
+  GA: "Georgia",
+  HI: "Hawaii",
+  ID: "Idaho",
+  IL: "Illinois",
+  IN: "Indiana",
+  IA: "Iowa",
+  KS: "Kansas",
+  KY: "Kentucky",
+  LA: "Louisiana",
+  ME: "Maine",
+  MD: "Maryland",
+  MA: "Massachusetts",
+  MI: "Michigan",
+  MN: "Minnesota",
+  MS: "Mississippi",
+  MO: "Missouri",
+  MT: "Montana",
+  NE: "Nebraska",
+  NV: "Nevada",
+  NH: "New Hampshire",
+  NJ: "New Jersey",
+  NM: "New Mexico",
+  NY: "New York",
+  NC: "North Carolina",
+  ND: "North Dakota",
+  OH: "Ohio",
+  OK: "Oklahoma",
+  OR: "Oregon",
+  PA: "Pennsylvania",
+  RI: "Rhode Island",
+  SC: "South Carolina",
+  SD: "South Dakota",
+  TN: "Tennessee",
+  TX: "Texas",
+  UT: "Utah",
+  VT: "Vermont",
+  VA: "Virginia",
+  WA: "Washington",
+  WV: "West Virginia",
+  WI: "Wisconsin",
+  WY: "Wyoming",
+  DC: "Washington D.C."
 };
 export {
-  D as useDragScroll
+  a as USStatesEnum
 };

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

@@ -1,7 +1,38 @@
-const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
-  if (e)
-    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { getCountriesArray as g } from "./index93.js";
+import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index90.js";
+import { useLingui as A } from "@lingui/react";
+const E = ({
+  value: c,
+  onChange: u,
+  disabled: b,
+  invalid: C,
+  allowedCountries: a,
+  showClearButton: h = !0,
+  className: p,
+  container: x
+}) => {
+  const {
+    i18n: t
+  } = A(), r = d(() => {
+    const e = g(t);
+    return a ? e.filter((n) => a.includes(n.code)) : e;
+  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
+  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
+    const i = n.toLowerCase().trim();
+    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
+  }, disabled: m, children: [
+    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
+    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
+      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
+        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
+        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
+      ] }, e) })
+    ] }) })
+  ] });
 };
 export {
-  r as getPayablesAnalyticsSnapshot
+  E as MoniteCountryShadcn
 };

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

@@ -1,129 +1,28 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
+import { useMoniteContext as o } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const d = () => {
+  const {
+    i18n: e
+  } = a(), {
+    api: r,
+    queryClient: t
+  } = o();
+  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
+    onSuccess: async (s) => {
+      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: s.counterpart_id
+          }
+        }
+      }, t);
+    },
+    onError: () => {
+      n.error(e._("There was an error setting up the address"));
     }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
-}
+  });
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  d as useCreateCounterpartAddress
 };

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

@@ -1,35 +1,7 @@
-function s(e) {
-  return e ? {
-    number_of_days: e.number_of_days ?? null,
-    discount: e.discount ?? null
-  } : null;
-}
-function d(e) {
-  return JSON.stringify({
-    name: e.name,
-    description: e.description ?? null,
-    term_final: {
-      number_of_days: e.term_final?.number_of_days ?? null
-    },
-    term_1: s(e.term_1),
-    term_2: s(e.term_2)
-  });
-}
-function a(e) {
-  const t = /* @__PURE__ */ new Map(), r = [], u = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const o = d(n), i = t.get(o);
-    if (!i) {
-      t.set(o, n.id), r.push(n);
-      continue;
-    }
-    u.set(n.id, i);
-  }
-  return {
-    dedupedTerms: r,
-    duplicateIdMap: u
-  };
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
 }
 export {
-  a as dedupePaymentTermsByContent
+  r as resolveNullableUpdate
 };

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

@@ -1,87 +1,71 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { buttonVariants as c, Button as x } from "./index84.js";
-import { cn as t } from "./index100.js";
-import { ChevronLeftIcon as b, ChevronRightIcon as y, ChevronDownIcon as h } from "lucide-react";
-import * as m from "react";
-import { getDefaultClassNames as g, DayPicker as _ } from "react-day-picker";
-function j({
-  className: u,
-  classNames: i,
-  showOutsideDays: a = !0,
-  captionLayout: w = "label",
-  buttonVariant: s = "ghost",
-  formatters: l,
-  components: f,
-  ...p
-}) {
-  const e = g();
-  return /* @__PURE__ */ n(_, { showOutsideDays: a, className: t("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, u), captionLayout: w, formatters: {
-    formatMonthDropdown: (r) => r.toLocaleString("default", {
-      month: "short"
-    }),
-    ...l
-  }, classNames: {
-    root: t("ttw:w-fit", e.root),
-    months: t("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", e.months),
-    month: t("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", e.month),
-    nav: t("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", e.nav),
-    button_previous: t(c({
-      variant: s
-    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_previous),
-    button_next: t(c({
-      variant: s
-    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_next),
-    month_caption: t("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", e.month_caption),
-    dropdowns: t("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", e.dropdowns),
-    dropdown_root: t("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", e.dropdown_root),
-    dropdown: t("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", e.dropdown),
-    caption_label: t("ttw:select-none ttw:font-medium", w === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", e.caption_label),
-    table: "ttw:w-full ttw:border-collapse",
-    weekdays: t("ttw:flex", e.weekdays),
-    weekday: t("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", e.weekday),
-    week: t("ttw:flex ttw:w-full ttw:mt-2", e.week),
-    week_number_header: t("ttw:select-none ttw:w-(--cell-size)", e.week_number_header),
-    week_number: t("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", e.week_number),
-    day: t("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", e.day),
-    range_start: t("ttw:rounded-l-md ttw:bg-accent", e.range_start),
-    range_middle: t("ttw:rounded-none", e.range_middle),
-    range_end: t("ttw:rounded-r-md ttw:bg-accent", e.range_end),
-    today: t("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", e.today),
-    outside: t("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", e.outside),
-    disabled: t("ttw:text-muted-foreground ttw:opacity-50", e.disabled),
-    hidden: t("ttw:invisible", e.hidden),
-    ...i
-  }, components: {
-    Root: ({
-      className: r,
-      rootRef: o,
-      ...d
-    }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: o, className: t(r), ...d }),
-    Chevron: ({
-      className: r,
-      orientation: o,
-      ...d
-    }) => o === "left" ? /* @__PURE__ */ n(b, { className: t("ttw:size-4", r), ...d }) : o === "right" ? /* @__PURE__ */ n(y, { className: t("ttw:size-4", r), ...d }) : /* @__PURE__ */ n(h, { className: t("ttw:size-4", r), ...d }),
-    DayButton: v,
-    WeekNumber: ({
-      children: r,
-      ...o
-    }) => /* @__PURE__ */ n("td", { ...o, children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center", children: r }) }),
-    ...f
-  }, ...p });
-}
-function v({
-  className: u,
-  day: i,
-  modifiers: a,
-  ...w
-}) {
-  const s = g(), l = m.useRef(null);
-  return m.useEffect(() => {
-    a.focused && l.current?.focus();
-  }, [a.focused]), /* @__PURE__ */ n(x, { ref: l, variant: "ghost", size: "icon", "data-day": i.date.toLocaleDateString(), "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle, "data-range-start": a.range_start, "data-range-end": a.range_end, "data-range-middle": a.range_middle, className: t("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", s.day, u), ...w });
-}
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index170.js";
+import { Button as o } from "./index84.js";
+import { Input as p } from "./index117.js";
+import { TableRow as C, TableCell as M } from "./index305.js";
+import { zodResolver as S } from "@hookform/resolvers/zod";
+import { useLingui as U } from "@lingui/react";
+import { Check as $, X as j } from "lucide-react";
+import { useForm as k, Controller as f } from "react-hook-form";
+import { useCreateMeasureUnit as E } from "./index430.js";
+import { useUpdateMeasureUnit as V } from "./index431.js";
+const P = {
+  name: "",
+  description: ""
+}, D = ({
+  id: s,
+  isEditMode: n,
+  initialValues: h = P,
+  onCancel: g,
+  onEdit: v
+}) => {
+  const {
+    i18n: m
+  } = U(), b = z(m), {
+    handleSubmit: l,
+    control: d,
+    reset: y,
+    setError: c
+  } = k({
+    defaultValues: h,
+    resolver: S(b)
+  }), w = E(() => y(), (e) => c("name", {
+    type: "custom",
+    message: e
+  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
+    type: "custom",
+    message: e
+  })), x = (e) => {
+    if (!n || !s) {
+      console.error("handleEdit called without valid id or edit mode");
+      return;
+    }
+    i.mutate(e);
+  }, N = (e) => {
+    w.mutate(e);
+  }, u = w.isPending || i.isPending;
+  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
+    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
+      field: e,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
+      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
+      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
+    ] }) }),
+    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
+      field: e,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
+    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
+      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
+      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
+    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
+  ] }) }) });
+};
 export {
-  j as Calendar,
-  v as CalendarDayButton
+  D as MeasureUnitsFormRow
 };

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

@@ -1,26 +1,49 @@
-import { jsxs as e, jsx as o } from "@emotion/react/jsx-runtime";
-import { Button as l } from "./index84.js";
-import { Calendar as s } from "./index426.js";
-import { Popover as d, PopoverTrigger as m, PopoverContent as p } from "./index384.js";
-import { useLingui as c } from "@lingui/react";
-import { format as f } from "date-fns";
-import { Calendar as u } from "lucide-react";
-import * as w from "react";
-const h = "MMM d, yyyy";
-function D(t) {
-  const [a, r] = w.useState(!1), {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ e(d, { open: a, onOpenChange: r, children: [
-    /* @__PURE__ */ o(m, { asChild: !0, children: /* @__PURE__ */ e(l, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, "aria-invalid": t["aria-invalid"], className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
-      t.selected ? f(t.selected, h) : t.placeholder ?? n._("Mon DD, YYYY"),
-      /* @__PURE__ */ o(u, {})
-    ] }) }),
-    /* @__PURE__ */ o(p, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ o(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (i) => {
-      t.onSelect(i), r(!1);
-    } }) })
+import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
+import { useCurrencies as b } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as x } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { ConfirmationModal as y } from "./index264.js";
+import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index305.js";
+import { Typography as r } from "./index85.js";
+import { Loader2 as L } from "lucide-react";
+import { useGetProducts as T } from "./index167.js";
+const R = ({
+  onClose: c,
+  onDelete: d,
+  name: p,
+  isLoading: u,
+  open: h,
+  id: n
+}) => {
+  const {
+    i18n: t
+  } = x(), {
+    formatCurrencyToDisplay: w
+  } = b(), {
+    data: s,
+    isLoading: o
+  } = T({
+    measure_unit_id: n ?? ""
+  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
+  ] }) : /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
+    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
+    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
+      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
+      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
+    ] }, i.id)) }) })
   ] });
-}
+  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
+    name: p
+  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
+};
 export {
-  D as DatePicker
+  R as ConfirmDeleteMeasureUnitDialog
 };