@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,70 +1,24 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { ReminderSelectLayout as v } from "./index495.js";
-import "react-hot-toast";
-import "./index59.js";
-import { useLingui as b } 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 d } 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 { useGetPaymentReminderById as $ } from "./index406.js";
-import { useGetPaymentReminders as R } from "./index446.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useFormContext as _, Controller as L } from "react-hook-form";
-import { Select as N, SelectTrigger as P, SelectValue as I, SelectContent as B, SelectItem as p, SelectSeparator as D } from "./index321.js";
-import { Label as U } from "./index381.js";
-const le = ({
-  handleCreate: c,
-  onUpdatePaymentReminder: u,
-  disabled: l
-}) => {
+import { useMemo as s } from "react";
+import { useLingui as t } from "@lingui/react";
+import { useExistingCurrenciesFromProducts as u } from "./index494.js";
+const d = () => {
   const {
-    data: o
-  } = R(), {
-    i18n: s
-  } = b(), n = S(), f = n.has(d.InvoiceWriteOrg), h = n.has(d.InvoiceWriteOrg), {
-    control: w,
-    watch: x
-  } = _(), y = x("payment_reminder_id"), {
-    data: t,
-    isLoading: g
-  } = $(y), m = o?.some(({
-    value: a
-  }) => a === t?.id) ? o : [...o ?? [], ...t ? [{
-    value: t.id,
-    label: t.name
-  }] : []];
-  return /* @__PURE__ */ e(v, { reminder: t, isReminderLoading: g, updateDisabled: l || !f || !t, onUpdate: u, children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-    /* @__PURE__ */ e(U, { className: "ttw:text-xs ttw:text-muted-foreground", children: s._("Before due date") }),
-    /* @__PURE__ */ e(L, { control: w, name: "payment_reminder_id", render: ({
-      field: a
-    }) => /* @__PURE__ */ i(N, { value: a.value ?? "", onValueChange: (r) => {
-      r === "create" ? c("payment") : a.onChange(r);
-    }, disabled: l, children: [
-      /* @__PURE__ */ e(P, { className: "ttw:w-full", children: /* @__PURE__ */ e(I, {}) }),
-      /* @__PURE__ */ i(B, { children: [
-        /* @__PURE__ */ i(p, { value: "create", disabled: !h, 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" }),
-          s._("Create a reminder preset")
-        ] }),
-        m && m.length > 0 && /* @__PURE__ */ e(D, {}),
-        m?.map((r) => /* @__PURE__ */ e(p, { value: r.value, children: r.label }, r.value))
-      ] })
-    ] }) })
-  ] }) });
+    i18n: r
+  } = t(), {
+    existingCurrencies: e,
+    isLoadingProducts: o
+  } = u();
+  return {
+    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 {
-  le as ReminderBeforeDueDate
+  d as useProductCurrencyGroups
 };

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

@@ -1,7 +1,82 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+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 {
-  r as resolveNullableUpdate
+  ne as MoniteCurrencyShadcn
 };

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

@@ -1,9 +1,56 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+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 {
-  t as getRowToStatusTextMap
+  a as USStatesEnum
 };

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

@@ -1,56 +1,38 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as I } from "./index94.js";
-import { classNames as _ } from "./index150.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { getCountriesArray as g } from "./index95.js";
+import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index92.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: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
-    }
-  }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
+    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 {
-  $ as AutocompleteCreatedBy
+  E as MoniteCountryShadcn
 };

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

@@ -1,20 +1,28 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index79.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => {
+import { useMoniteContext as o } from "./index59.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const d = () => {
   const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    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"));
+    }
+  });
 };
 export {
-  n as UserAvatar
+  d as useCreateCounterpartAddress
 };

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

@@ -1,125 +1,70 @@
-import { useCurrencies as m } from "./index60.js";
+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 "./index137.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 "./index414.js";
+import { useGetOverdueReminders as $ } from "./index441.js";
 import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
 import "react-dom";
-import "./index59.js";
 import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index494.js";
-const O = ({
-  approvalPolicy: i
+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 "./index291.js";
+import { Label as G } from "./index332.js";
+const se = ({
+  handleCreate: u,
+  onUpdateOverdueReminder: c,
+  disabled: s
 }) => {
   const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
-    }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return e;
-    }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  };
+    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 {
-  O as useApprovalPolicyTrigger
+  se as ReminderOverdue
 };

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

@@ -1,20 +1,70 @@
-import t from "@emotion/styled/base";
-function l() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const c = /* @__PURE__ */ t("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9qdXN0aW5nb3JoYW0vLnN1cGVyc2V0L3Byb2plY3RzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvVXNlcnMvanVzdGluZ29yaGFtLy5zdXBlcnNldC9wcm9qZWN0cy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: l
-});
+import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
+import { ReminderSelectLayout as v } from "./index495.js";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as b } from "@lingui/react";
+import "react";
+import "date-fns";
+import { useUserPermissions as S } from "./index137.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 d } 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 { useGetPaymentReminderById as $ } from "./index413.js";
+import { useGetPaymentReminders as R } from "./index440.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as _, Controller as L } from "react-hook-form";
+import { Select as N, SelectTrigger as P, SelectValue as I, SelectContent as B, SelectItem as p, SelectSeparator as D } from "./index291.js";
+import { Label as U } from "./index332.js";
+const le = ({
+  handleCreate: c,
+  onUpdatePaymentReminder: u,
+  disabled: l
+}) => {
+  const {
+    data: o
+  } = R(), {
+    i18n: s
+  } = b(), n = S(), f = n.has(d.InvoiceWriteOrg), h = n.has(d.InvoiceWriteOrg), {
+    control: w,
+    watch: x
+  } = _(), y = x("payment_reminder_id"), {
+    data: t,
+    isLoading: g
+  } = $(y), m = o?.some(({
+    value: a
+  }) => a === t?.id) ? o : [...o ?? [], ...t ? [{
+    value: t.id,
+    label: t.name
+  }] : []];
+  return /* @__PURE__ */ e(v, { reminder: t, isReminderLoading: g, updateDisabled: l || !f || !t, onUpdate: u, children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+    /* @__PURE__ */ e(U, { className: "ttw:text-xs ttw:text-muted-foreground", children: s._("Before due date") }),
+    /* @__PURE__ */ e(L, { control: w, name: "payment_reminder_id", render: ({
+      field: a
+    }) => /* @__PURE__ */ i(N, { value: a.value ?? "", onValueChange: (r) => {
+      r === "create" ? c("payment") : a.onChange(r);
+    }, disabled: l, children: [
+      /* @__PURE__ */ e(P, { className: "ttw:w-full", children: /* @__PURE__ */ e(I, {}) }),
+      /* @__PURE__ */ i(B, { children: [
+        /* @__PURE__ */ i(p, { value: "create", disabled: !h, 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" }),
+          s._("Create a reminder preset")
+        ] }),
+        m && m.length > 0 && /* @__PURE__ */ e(D, {}),
+        m?.map((r) => /* @__PURE__ */ e(p, { value: r.value, children: r.label }, r.value))
+      ] })
+    ] }) })
+  ] }) });
+};
 export {
-  c as ColumnList
+  le as ReminderBeforeDueDate
 };