@tesouro/embedded-components-react 0.2.5 → 0.2.6

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

@@ -1,69 +1,34 @@
-import { useMemo as g } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const p = (t, u) => {
+import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
+import { useLingui as m } from "@lingui/react";
+import { Trash2 as d } from "lucide-react";
+import { Button as u } from "./index86.js";
+import { Card as w, CardContent as f } from "./index336.js";
+import { Typography as i } from "./index87.js";
+const g = ({
+  title: s,
+  subTitle: r,
+  daysBefore: a,
+  subject: l,
+  body: n,
+  onDelete: c
+}) => {
   const {
-    api: r
-  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
-    data: n,
-    isLoading: b
-  } = r.finops.getBankDetailsId.useQuery({
-    path: {
-      bank_account_id: t ?? ""
-    }
-  }, {
-    enabled: o,
-    retry: !1
-  }), {
-    data: e,
-    isLoading: m
-  } = r.embeddedBanking.getBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: c,
-    retry: !1
-  }), {
-    data: a,
-    isLoading: _
-  } = r.embeddedBanking.getExternalBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: d,
-    retry: !1
-  }), s = b || m || _;
-  return {
-    data: g(() => {
-      if (n)
-        return {
-          id: n.id,
-          bank_name: n.bank_name,
-          account_number: n.account_number,
-          routing_number: n.routing_number,
-          bank_account_type: "BANK_DETAILS"
-        };
-      if (e)
-        return {
-          id: e.id,
-          bank_name: null,
-          account_number: e.accountNumber,
-          routing_number: e.routingNumber,
-          bank_account_type: "INTERNAL"
-        };
-      if (a)
-        return {
-          id: a.id,
-          bank_name: null,
-          account_number: a.accountNumber,
-          routing_number: a.routingNumber,
-          bank_account_type: "EXTERNAL"
-        };
-    }, [n, e, a]),
-    isLoading: s
-  };
+    i18n: o
+  } = m();
+  return /* @__PURE__ */ t(w, { className: "ttw:border-border", children: /* @__PURE__ */ e(f, { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
+      /* @__PURE__ */ t(i, { variant: "h4", children: s }),
+      /* @__PURE__ */ e(u, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-destructive ttw:hover:text-destructive", "aria-label": o._("Delete"), onClick: c, children: [
+        /* @__PURE__ */ t(d, {}),
+        o._("Delete")
+      ] })
+    ] }),
+    r && /* @__PURE__ */ t(i, { variant: "body1", color: "muted", children: r }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: a }),
+    l,
+    n
+  ] }) });
 };
 export {
-  p as useGetBankAccountById
+  g as ReminderFormLayout
 };

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

@@ -3,14 +3,14 @@ import { useState as c, useCallback as r } from "react";
 import { ProductsTable as g } from "./index45.js";
 import { ProductDetails as v } from "./index47.js";
 import { MoniteScopedProviders as x } from "./index85.js";
-import { useUserPermissions as h } from "./index137.js";
+import { useUserPermissions as h } from "./index133.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 R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index138.js";
+import { AccessRestriction as S } from "./index135.js";
 import "./index86.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,18 +1,36 @@
-import { useMoniteContext as s } from "./index59.js";
-const r = () => {
+import { useMoniteContext as e } from "./index59.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const d = () => {
   const {
-    api: e
-  } = s();
-  return e.finops.getPaymentReminders.useQuery(void 0, {
-    select: (t) => t.data.map(({
-      id: a,
-      name: n
-    }) => ({
-      value: a,
-      label: n
-    }))
+    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 useGetPaymentReminders
+  d as useUpdateCounterpartBank
 };

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

@@ -1,18 +1,143 @@
-import { useMoniteContext as a } from "./index59.js";
-const o = () => {
+import { jsxs as l, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as y, Controller as F } from "react-hook-form";
+import { getCountries as b } from "./index95.js";
+import "date-fns";
+import { FormField as d, FormItem as c, FormLabel as o, FormControl as a, FormMessage as s, FormDescription as S } from "./index357.js";
+import { Input as i } from "./index123.js";
+import { useLingui as N } from "@lingui/react";
+import { Field as f, FieldContent as w, FieldLabel as u } from "./index222.js";
+import { Select as C, SelectTrigger as v, SelectValue as j, SelectContent as I, SelectItem as L } from "./index279.js";
+import { USStatesEnum as T } from "./index436.js";
+const k = ({
+  entityType: p
+}) => {
   const {
-    api: e
-  } = a();
-  return e.finops.getOverdueReminders.useQuery(void 0, {
-    select: (t) => t.data.map(({
-      id: s,
-      name: r
-    }) => ({
-      value: s,
-      label: r
-    }))
-  });
+    i18n: r
+  } = N(), {
+    control: n,
+    watch: x
+  } = y(), _ = b(r);
+  return /* @__PURE__ */ l(h, { children: [
+    p === "individual" ? /* @__PURE__ */ l(h, { children: [
+      /* @__PURE__ */ e(d, { name: "title", control: n, render: ({
+        field: t
+      }) => /* @__PURE__ */ l(c, { children: [
+        /* @__PURE__ */ e(o, { children: r._("Title") }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+        /* @__PURE__ */ e(s, {})
+      ] }) }),
+      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+          /* @__PURE__ */ e(o, { children: r._("Name") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) }),
+        /* @__PURE__ */ e(d, { name: "surname", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+          /* @__PURE__ */ e(o, { children: r._("Surname") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) })
+      ] })
+    ] }) : /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Legal name") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "tax_id", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Tax ID") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "email", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Email") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "email" }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "phone", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Contact phone number") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "tel" }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "website", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Website") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "url" }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ l("section", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      /* @__PURE__ */ e("h3", { className: "ttw:text-lg ttw:font-semibold", children: r._("Address") }),
+      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6 ttw:border ttw:border-border ttw:rounded-xl", children: [
+        /* @__PURE__ */ e(d, { name: "address_line_1", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { children: [
+          /* @__PURE__ */ e(o, { children: r._("Street address") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) }),
+        /* @__PURE__ */ e(d, { name: "address_line_2", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { children: [
+          /* @__PURE__ */ e(o, { children: r._("Apt, suite, floor, etc.") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) }),
+        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+          /* @__PURE__ */ e(d, { name: "city", control: n, render: ({
+            field: t
+          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+            /* @__PURE__ */ e(o, { children: r._("City") }),
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+            /* @__PURE__ */ e(s, {})
+          ] }) }),
+          /* @__PURE__ */ e(d, { name: "postal_code", control: n, render: ({
+            field: t
+          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+            /* @__PURE__ */ e(o, { children: r._("Postal code") }),
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+            /* @__PURE__ */ e(s, {})
+          ] }) })
+        ] }),
+        /* @__PURE__ */ e(F, { name: "state", control: n, render: ({
+          field: t
+        }) => x("country") === "US" ? /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
+          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
+          /* @__PURE__ */ l(C, { value: t.value ?? void 0, onValueChange: t.onChange, children: [
+            /* @__PURE__ */ e(v, { ref: t.ref, onBlur: t.onBlur, className: "ttw:w-full", children: /* @__PURE__ */ e(j, { placeholder: r._("Select a state") }) }),
+            /* @__PURE__ */ e(I, { children: Object.entries(T).map(([m, g]) => /* @__PURE__ */ l(L, { value: m, children: [
+              g,
+              " — ",
+              m
+            ] }, m)) })
+          ] })
+        ] }) }) : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
+          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
+          /* @__PURE__ */ e(i, { id: t.name, ...t })
+        ] }) }) }),
+        /* @__PURE__ */ e(d, { name: "country", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { children: [
+          /* @__PURE__ */ e(o, { children: r._("Country") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, disabled: !0, value: _[t.value ?? ""] }) }),
+          /* @__PURE__ */ e(S, { children: r._("You can't change the country the organization is registered in") }),
+          /* @__PURE__ */ e(s, {})
+        ] }) })
+      ] })
+    ] })
+  ] });
 };
 export {
-  o as useGetOverdueReminders
+  k as EntityProfileFormContent
 };

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

@@ -1,65 +1,24 @@
-import { Price as _ } from "./index443.js";
-import { getRateValueForDisplay as m } from "./index221.js";
-import { useMemo as v } from "react";
-const I = ({
-  lineItems: c,
-  isNonVatSupported: n,
-  isInclusivePricing: p,
-  actualCurrency: s,
-  formatCurrencyToDisplay: l
-}) => {
-  const x = (e) => {
-    const t = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
-    return {
-      price: t,
-      quantity: r
-    };
-  }, y = v(() => {
-    const e = c.reduce((r, a) => {
-      const {
-        price: u,
-        quantity: i
-      } = x(a), o = m(n, a.vat_rate_value ?? 0, a.tax_rate_value ?? 0) / 100;
-      if (p && o) {
-        const b = u * i / (1 + o);
-        return r + b;
-      }
-      return r + u * i;
-    }, 0), t = s ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (t)
-      return new _({
-        value: e,
-        currency: t,
-        formatter: l
-      });
-  }, [c, l, s, p, n]), f = v(() => c.reduce((e, t) => {
-    const {
-      price: r,
-      quantity: a
-    } = x(t), u = m(n, t.vat_rate_value ?? 0, t.tax_rate_value ?? 0);
-    if (!u) return e;
-    const i = r * a, o = p ? i - i / (1 + u / 100) : i * (u / 100);
-    return e[u] ? e[u] += o : e[u] = o, e;
-  }, {}), [c, p, n]), d = v(() => {
-    const e = Object.values(f).reduce((r, a) => r + a, 0), t = s ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (t)
-      return new _({
-        value: e,
-        currency: t,
-        formatter: l
-      });
-  }, [c, l, s, f]), q = v(() => {
-    if (!(!y || !d))
-      return y.add(d);
-  }, [y, d]), P = !n && c.some((e) => m(n, e.vat_rate_value ?? 0, e.tax_rate_value ?? 0) / 100 === 0);
+import { useMemo as s } from "react";
+import { useLingui as t } from "@lingui/react";
+import { useExistingCurrenciesFromProducts as u } from "./index497.js";
+const d = () => {
+  const {
+    i18n: r
+  } = t(), {
+    existingCurrencies: e,
+    isLoadingProducts: o
+  } = u();
   return {
-    subtotalPrice: y,
-    totalTaxes: d,
-    totalPrice: q,
-    shouldShowTaxExemptRationale: P,
-    taxesByVatRate: f
+    currencyGroups: s(() => [{
+      title: r._("You have items in"),
+      predicate: (i) => e.has(i.code)
+    }, {
+      title: r._("No items created in"),
+      predicate: (i) => !e.has(i.code)
+    }], [e, r]),
+    isLoadingCurrencyGroups: o
   };
 };
 export {
-  I as useCreateInvoiceProductsTable
+  d as useProductCurrencyGroups
 };

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

@@ -1,23 +1,82 @@
-class t {
-  value;
-  currency;
-  formatter;
-  constructor(r) {
-    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
-  }
-  add(r) {
-    if (this.currency !== r.currency)
-      throw new Error("Currencies must match");
-    return new t({
-      value: Number(this.value) + Number(r.value),
-      currency: this.currency,
-      formatter: this.formatter
-    });
-  }
-  toString() {
-    return this.formatter(this.value, this.currency) ?? "";
-  }
-}
+import { jsxs as s, jsx as r } from "@emotion/react/jsx-runtime";
+import { useMemo as m, Fragment as N } from "react";
+import { useCurrencies as A } from "./index60.js";
+import "./index94.js";
+import { useLingui as B } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { getCurrenciesArray as M, sortCurrencyOptionsByGroup as O, getGroupTitleForOption as j } from "./index96.js";
+import "date-fns";
+import { Combobox as E, ComboboxInput as P, ComboboxContent as V, ComboboxList as z, ComboboxEmpty as W, ComboboxCollection as u, ComboboxGroup as k, ComboboxLabel as q, ComboboxItem as D } from "./index92.js";
+import { InputGroupAddon as H, InputGroupText as J } from "./index103.js";
+const ne = ({
+  value: d,
+  onChange: w,
+  disabled: y,
+  invalid: L,
+  allowedCurrencies: p,
+  groups: n,
+  showCodeOnly: l = !1,
+  showCurrencyCode: h = !1,
+  showCurrencySymbol: v = !0,
+  showClearButton: S = !0,
+  className: G,
+  container: T
+}) => {
+  const {
+    i18n: a
+  } = B(), {
+    getSymbolFromCurrency: _
+  } = A(), i = m(() => {
+    const e = M(a);
+    return p ? e.filter((o) => p.includes(o.code)) : e;
+  }, [p, a]), C = m(() => O(i, n), [i, n]), f = m(() => new Map(i.map((e) => [e.code, e])), [i]), x = y || i.length === 1, g = d ? _(d) : "", F = (e) => {
+    const o = f.get(e);
+    return o ? l ? o.code : h ? `${o.label} (${o.code})` : o.label : e;
+  }, I = m(() => {
+    if (!n)
+      return C.map((o) => o.code);
+    const e = [];
+    for (const o of C) {
+      const {
+        title: c
+      } = j(o, n), t = e[e.length - 1];
+      t && t.title === c ? t.items.push(o.code) : e.push({
+        title: c,
+        items: [o.code]
+      });
+    }
+    return e;
+  }, [C, n]), b = (e) => {
+    const o = f.get(e);
+    return /* @__PURE__ */ s(D, { value: e, children: [
+      /* @__PURE__ */ s("span", { children: [
+        l ? e : o?.label ?? e,
+        !l && h && ` (${e})`
+      ] }),
+      !l && !h && /* @__PURE__ */ r("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
+    ] }, e);
+  };
+  return /* @__PURE__ */ s(E, { value: d ?? null, onValueChange: (e) => w?.(e ?? void 0), items: I, itemToStringLabel: F, filter: (e, o, c) => {
+    const t = o.toLowerCase().trim();
+    return t ? e.toLowerCase().includes(t) || (c?.(e) ?? "").toLowerCase().includes(t) : !0;
+  }, disabled: x, children: [
+    /* @__PURE__ */ r(P, { showClear: S, disabled: x, className: G, placeholder: a._("Currency"), "aria-invalid": L || void 0, children: v && g && /* @__PURE__ */ r(H, { align: "inline-start", children: /* @__PURE__ */ r(J, { children: g }) }) }),
+    /* @__PURE__ */ r(V, { container: T, children: /* @__PURE__ */ s(z, { children: [
+      /* @__PURE__ */ r(W, { children: a._("No currencies found") }),
+      n ? (
+        // Grouped: outer Collection maps over filtered { title, items } objects;
+        // each ComboboxGroup provides its items via GroupCollectionContext so the
+        // inner Collection can render only that group's filtered codes.
+        /* @__PURE__ */ r(u, { children: (e) => /* @__PURE__ */ r(N, { children: e.title ? /* @__PURE__ */ s(k, { items: e.items, children: [
+          /* @__PURE__ */ r(q, { children: e.title }),
+          /* @__PURE__ */ r(u, { children: (o) => b(o) })
+        ] }) : /* @__PURE__ */ r(u, { children: (o) => b(o) }) }, e.title || "__ungrouped") })
+      ) : /* @__PURE__ */ r(u, { children: (e) => b(e) })
+    ] }) })
+  ] });
+};
 export {
-  t as Price
+  ne as MoniteCurrencyShadcn
 };

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

@@ -1,61 +1,70 @@
-import { useMoniteContext as d } from "./index59.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const _ = ({
-  onCreationError: o,
-  onDelete: m,
-  onSuccessfullChange: s
-} = {}) => {
+import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
+import { ReminderSelectLayout as b } from "./index495.js";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as y } from "@lingui/react";
+import "react";
+import "date-fns";
+import { useUserPermissions as S } from "./index133.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 n } from "../../shared/data-access/dist/lib/scopes.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Plus as C } from "lucide-react";
+import "./index86.js";
+import { useGetOverdueReminderById as O } from "./index421.js";
+import { useGetOverdueReminders as $ } from "./index424.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as R, Controller as _ } from "react-hook-form";
+import { Select as L, SelectTrigger as N, SelectValue as I, SelectContent as U, SelectItem as p, SelectSeparator as j } from "./index279.js";
+import { Label as G } from "./index265.js";
+const se = ({
+  handleCreate: u,
+  onUpdateOverdueReminder: c,
+  disabled: s
+}) => {
   const {
-    api: t,
-    queryClient: a
-  } = d(), {
-    i18n: r
-  } = p(), i = t.finops.postPaymentTerms.useMutation(void 0, {
-    onSuccess: (e) => {
-      t.finops.getPaymentTerms.invalidateQueries(a), n.success(r._("Payment term created")), s?.(e.id);
-    },
-    onError: () => {
-      o?.();
-    }
-  }), u = t.finops.patchPaymentTermsId.useMutation(void 0, {
-    onSuccess: (e) => {
-      t.finops.getPaymentTerms.invalidateQueries(a), n.success(r._("Payment term updated")), s?.(e.id);
-    },
-    onError: () => {
-      n.error(r._("Error updating payment term"));
-    }
-  }), c = t.finops.deletePaymentTermsId.useMutation(void 0, {
-    onSuccess: () => {
-      n.success(r._("Payment term successfully deleted")), m?.(), s?.();
-    },
-    onError: () => {
-      n.error(r._("Error deleting payment term"));
-    }
-  });
-  return {
-    createPaymentTerm: async (e) => {
-      await i.mutateAsync({
-        body: e
-      });
-    },
-    updatePaymentTerm: async (e, y) => {
-      await u.mutateAsync({
-        path: {
-          payment_terms_id: e
-        },
-        body: y
-      });
-    },
-    deletePaymentTerm: async (e) => {
-      await c.mutateAsync({
-        path: {
-          payment_terms_id: e
-        }
-      });
-    }
-  };
+    data: a
+  } = $(), {
+    i18n: d
+  } = y(), l = S(), v = l.has(n.InvoiceWriteOrg), f = l.has(n.InvoiceWriteOrg), {
+    control: h,
+    watch: w
+  } = R(), x = w("overdue_reminder_id"), {
+    data: r,
+    isLoading: g
+  } = O(x), m = a?.some(({
+    value: i
+  }) => i === r?.id) ? a : [...a ?? [], ...r ? [{
+    value: r.id,
+    label: r.name
+  }] : []];
+  return /* @__PURE__ */ e(b, { reminder: r, isReminderLoading: g, updateDisabled: s || !v || !r, onUpdate: c, children: /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+    /* @__PURE__ */ e(G, { className: "ttw:text-xs ttw:text-muted-foreground", children: d._("Overdue reminders") }),
+    /* @__PURE__ */ e(_, { control: h, name: "overdue_reminder_id", render: ({
+      field: i
+    }) => /* @__PURE__ */ o(L, { value: i.value ?? "", onValueChange: (t) => {
+      t === "create" ? u("overdue") : i.onChange(t);
+    }, disabled: s, children: [
+      /* @__PURE__ */ e(N, { className: "ttw:w-full", children: /* @__PURE__ */ e(I, {}) }),
+      /* @__PURE__ */ o(U, { children: [
+        /* @__PURE__ */ o(p, { value: "create", disabled: !f, className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ e(C, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
+          d._("Create a reminder preset")
+        ] }),
+        m && m.length > 0 && /* @__PURE__ */ e(j, {}),
+        m?.map((t) => /* @__PURE__ */ e(p, { value: t.value, children: t.label }, t.value))
+      ] })
+    ] }) })
+  ] }) });
 };
 export {
-  _ as usePaymentTermsApi
+  se as ReminderOverdue
 };