@tesouro/embedded-components-react 0.2.5 → 0.2.7

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

@@ -1,73 +1,31 @@
-import { jsx as l, jsxs as f } from "@emotion/react/jsx-runtime";
-import { useMemo as c } from "react";
-import { cva as w } from "class-variance-authority";
-import { cn as o } from "./index102.js";
-import { Label as m } from "./index332.js";
-import "radix-ui";
-const u = w("ttw:group/field ttw:flex ttw:w-full ttw:gap-3 ttw:data-[invalid=true]:text-destructive", {
-  variants: {
-    orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: ["flex-row items-center", "[&>[data-slot=field-label]]:flex-auto", "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"],
-      responsive: ["flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto", "@md/field-group:[&>[data-slot=field-label]]:flex-auto", "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"]
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-});
-function N({
-  className: e,
-  orientation: t = "vertical",
-  ...a
-}) {
-  return /* @__PURE__ */ l("div", { role: "group", "data-slot": "field", "data-orientation": t, className: o(u({
-    orientation: t
-  }), e), ...a });
-}
-function k({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ l("div", { "data-slot": "field-content", className: o("ttw:group/field-content ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-1.5 ttw:leading-snug", e), ...t });
-}
-function y({
-  className: e,
-  required: t,
-  children: a,
-  ...i
-}) {
-  return /* @__PURE__ */ f(m, { "data-slot": "field-label", className: o("ttw:group/field-label ttw:peer/field-label ttw:flex ttw:w-fit ttw:items-center ttw:gap-2 ttw:leading-snug ttw:group-data-[disabled=true]/field:opacity-50", "ttw:has-[>[data-slot=field]]:w-full ttw:has-[>[data-slot=field]]:flex-col ttw:has-[>[data-slot=field]]:rounded-md ttw:has-[>[data-slot=field]]:border ttw:[&>*]:data-[slot=field]:p-4", "ttw:has-data-[state=checked]:border-primary ttw:has-data-[state=checked]:bg-primary/5 ttw:dark:has-data-[state=checked]:bg-primary/10", e), ...i, children: [
-    a,
-    t && /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "ttw:size-2 ttw:-ml-1 ttw:block ttw:-mt-1 ttw:rounded-full ttw:bg-destructive ttw:shrink-0" })
-  ] });
-}
-function F({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ l("p", { "data-slot": "field-description", className: o("ttw:text-sm ttw:leading-normal ttw:font-normal ttw:text-muted-foreground ttw:group-has-[[data-orientation=horizontal]]/field:text-balance", "ttw:last:mt-0 ttw:nth-last-2:-mt-1 ttw:[[data-variant=legend]+&]:-mt-1.5", "ttw:[&>a]:underline ttw:[&>a]:underline-offset-4 ttw:[&>a:hover]:text-primary", e), ...t });
-}
-function z({
-  className: e,
-  children: t,
-  errors: a,
-  ...i
-}) {
-  const d = c(() => {
-    if (t)
-      return t;
-    if (!a?.length)
-      return null;
-    const s = [...new Map(a.map((r) => [r?.message, r])).values()];
-    return s?.length == 1 ? s[0]?.message : /* @__PURE__ */ l("ul", { className: "ttw:ml-4 ttw:flex ttw:list-disc ttw:flex-col ttw:gap-1", children: s.map((r, n) => r?.message && /* @__PURE__ */ l("li", { children: r.message }, n)) });
-  }, [t, a]);
-  return d ? /* @__PURE__ */ l("div", { role: "alert", "data-slot": "field-error", className: o("ttw:text-sm ttw:font-normal ttw:text-destructive", e), ...i, children: d }) : null;
-}
+import { useState as d, useCallback as c, useMemo as n } from "react";
+const f = (a, e) => {
+  const [i, r] = d(e ?? {}), l = c((t, s) => {
+    r((u) => ({
+      ...u,
+      [t]: s
+    }));
+  }, []);
+  return {
+    filtersQuery: i,
+    filters: n(() => a.map((t) => t === "status" ? {
+      field: t,
+      value: i[t],
+      options: e?.type ? o(e.type, e?.status__in) : []
+    } : {
+      field: t,
+      value: i[t]
+    }), [a, i, e]),
+    onChangeFilter: l
+  };
+}, o = (a, e) => {
+  const i = {
+    invoice: ["recurring", "draft", "issued", "partially_paid", "paid", "overdue", "canceled", "uncollectible"],
+    quote: ["draft", "issued", "accepted", "expired", "declined"],
+    credit_note: ["draft", "issued"]
+  };
+  return e ? i[a].filter((r) => e.includes(r)) : i[a];
+};
 export {
-  N as Field,
-  k as FieldContent,
-  F as FieldDescription,
-  z as FieldError,
-  y as FieldLabel
+  f as useReceivablesFilters
 };

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

@@ -1,31 +1,44 @@
-import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
-import { Select as s, SelectTrigger as o, SelectValue as c, SelectContent as m, SelectItem as i } from "./index291.js";
-import { Input as d } from "./index124.js";
-import { useLingui as u } from "@lingui/react";
-import { FILTER_TYPE_SEARCH as w, FILTER_TYPE_TYPE as h } from "./index180.js";
-const T = ({
-  onChangeFilter: r,
-  isDisabled: n
+import { jsx as t, jsxs as c } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as p } from "./index141.js";
+import { DropdownMenu as d, DropdownMenuTrigger as u, DropdownMenuContent as h, DropdownMenuItem as f } from "./index146.js";
+import { Button as l } from "./index86.js";
+import { RefreshCw as s, ChevronDown as w } from "lucide-react";
+import { Typography as m } from "./index87.js";
+const B = ({
+  title: r,
+  descriptionLine1: o,
+  onAction: e,
+  actionButtonLabel: i,
+  actionOptions: a = [],
+  type: n
+}) => /* @__PURE__ */ t(p, { className: "ttw:min-h-48", children: /* @__PURE__ */ c("div", { className: "ttw:flex ttw:flex-col ttw:flex-1 ttw:items-center ttw:gap-3", children: [
+  /* @__PURE__ */ t(m, { variant: "h2", className: "ttw:font-medium", children: r }),
+  /* @__PURE__ */ t(m, { variant: "body1", color: "muted", className: "ttw:font-normal", children: o }),
+  /* @__PURE__ */ t(C, { onAction: e, actionButtonLabel: i, actionOptions: a, type: n })
+] }) }), C = ({
+  onAction: r,
+  actionButtonLabel: o,
+  actionOptions: e = [],
+  type: i
 }) => {
-  const {
-    i18n: t
-  } = u();
-  return /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4 ttw:px-4", children: [
-    /* @__PURE__ */ e(d, { className: "ttw:max-w-100 ttw:w-full", placeholder: t._("Search by name"), onChange: (a) => {
-      r(w, a.target.value);
-    }, disabled: n }),
-    /* @__PURE__ */ l(s, { defaultValue: "all", onValueChange: (a) => {
-      r(h, a);
-    }, children: [
-      /* @__PURE__ */ e(o, { className: "ttw:max-w-40 ttw:w-full", children: /* @__PURE__ */ e(c, {}) }),
-      /* @__PURE__ */ l(m, { children: [
-        /* @__PURE__ */ e(i, { value: "all", children: t._("All types") }),
-        /* @__PURE__ */ e(i, { value: "individual", children: t._("Individuals") }),
-        /* @__PURE__ */ e(i, { value: "organization", children: t._("Companies") })
-      ] })
-    ] })
+  if (!o) return null;
+  const a = (n) => {
+    r && r(n);
+  };
+  return e.length > 1 ? /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ c(l, { type: "button", children: [
+      i === "error" ? /* @__PURE__ */ t(s, {}) : void 0,
+      o,
+      /* @__PURE__ */ t(w, {})
+    ] }) }),
+    /* @__PURE__ */ t(h, { align: "end", children: e.map((n) => /* @__PURE__ */ t(f, { onClick: () => a(n), children: n }, n)) })
+  ] }) : /* @__PURE__ */ c(l, { onClick: (n) => {
+    n.preventDefault(), a(e?.[0]);
+  }, children: [
+    i === "error" ? /* @__PURE__ */ t(s, {}) : void 0,
+    o
   ] });
 };
 export {
-  T as CounterpartTableFilters
+  B as DataGridEmptyState
 };

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

@@ -1,5 +1,9 @@
-const E = "search", T = "type";
+function s(...r) {
+  let o = "";
+  for (const t of r)
+    t && (o += t + " ");
+  return o;
+}
 export {
-  E as FILTER_TYPE_SEARCH,
-  T as FILTER_TYPE_TYPE
+  s as classNames
 };

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

@@ -1,66 +1,254 @@
-import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
-import { getCounterpartName as m } from "./index7.js";
-import { useCounterpartById as p } from "./index72.js";
+import { jsx as a, jsxs as m, Fragment as ce } from "@emotion/react/jsx-runtime";
+import { EntitySection as _e } from "./index193.js";
+import { ItemsSection as pe } from "./index194.js";
+import { getUpdateInvoiceValidationSchema as fe } from "./index197.js";
+import { CreateInvoiceReminderDialog as ve } from "./index199.js";
+import { EditInvoiceReminderDialog as ye } from "./index201.js";
+import { RemindersSection as ge } from "./index202.js";
+import { INVOICE_DOCUMENT_AUTO_ID as be } from "./index335.js";
+import { useInvoiceReminderDialogs as he } from "./index209.js";
+import { useMeasureUnitsMapping as xe } from "./index351.js";
+import { useUpdateReceivable as we } from "./index352.js";
+import { useUpdateReceivableLineItems as Ce } from "./index353.js";
+import { useLineItemSubmitCleanup as De } from "./index206.js";
+import { useCounterpartById as $e } from "./index72.js";
 import "@tanstack/react-query";
 import "./index59.js";
-import "react";
+import { useCounterpartAddresses as Ie } from "./index74.js";
+import { format as Re } from "date-fns";
+import { useMyEntity as Me } from "./index80.js";
+import { useMemo as N, useState as U, useCallback as Se, useId as Ne } from "react";
 import "react-hot-toast";
-import { useLingui as u } from "@lingui/react";
-import { Skeleton as s, Stack as c, Avatar as f, Typography as d } from "@mui/material";
-const x = (e) => {
-  let t = 0;
-  for (let r = e.length - 1; r >= 0; r--)
-    t += e.charCodeAt(r);
-  return t % 5;
-}, k = ({
-  name: e,
-  country: t,
-  city: r,
-  isLoading: i
+import { useLingui as Ue } from "@lingui/react";
+import { rateMinorToMajor as k, rateMajorToMinor as ke } from "./index210.js";
+import { ConfirmationModal as Te } from "./index271.js";
+import { Dialog as Ee, DialogContent as Fe, DialogHeader as Le, DialogTitle as Pe, DialogDescription as Oe, DialogClose as je } from "./index190.js";
+import { Button as T } from "./index86.js";
+import { zodResolver as Ve } from "@hookform/resolvers/zod";
+import { useForm as qe, FormProvider as Ae } from "react-hook-form";
+import { X as Be } from "lucide-react";
+import { InvoicePreview as ze } from "./index196.js";
+import { useGetPaymentTerms as Ge } from "./index354.js";
+import { useGetMeasureUnits as He } from "./index212.js";
+import { CreateProduct as Xe } from "./index46.js";
+const Mt = (e) => /* @__PURE__ */ a(Ye, { ...e }), Ye = ({
+  invoice: e,
+  onCancel: _,
+  onUpdated: E,
+  isOpen: F
 }) => {
   const {
-    i18n: h
-  } = u();
-  !e && !i && (e = h._("Unspecified"));
-  const n = e.split(" "), l = (n.length >= 2 ? n[0][0] + n[n.length - 1][0] : e[0] || "").toUpperCase();
-  return /* @__PURE__ */ o(c, { className: "Monite-CounterpartCell", direction: "row", alignItems: "center", spacing: 1.5, justifyContent: "stretch", sx: {
-    maxWidth: "100%",
-    overflow: "hidden"
-  }, children: [
-    i ? /* @__PURE__ */ a(s, { animation: "wave", variant: "circular", width: 40, height: 40, sx: {
-      flexShrink: 0
-    } }) : /* @__PURE__ */ a(f, { className: "MuiAvatar-colored MuiAvatar-" + x(l), children: l }),
-    i || !e ? /* @__PURE__ */ a(s, { animation: "wave", height: 10, width: "100%", sx: {
-      flexShrink: 0,
-      minWidth: "4em"
-    } }) : /* @__PURE__ */ o(c, { direction: "column", alignItems: "stretch", gap: 0, sx: {
-      maxWidth: "100%",
-      flexBasis: 0,
-      flexShrink: 2,
-      flexGrow: 2,
-      overflow: "hidden"
-    }, children: [
-      /* @__PURE__ */ a(d, { variant: "body1", className: "Monite-TextOverflowContainer", children: e }),
-      t && r && /* @__PURE__ */ o(d, { variant: "body2", className: "Monite-TextOverflowContainer", children: [
-        t,
-        " • ",
-        r
-      ] })
-    ] })
+    i18n: o
+  } = Ue(), {
+    data: L,
+    isLoading: P
+  } = Me(), {
+    data: O
+  } = Ge(), {
+    data: v,
+    isLoading: j
+  } = He(), V = N(() => ({
+    /** Customer section */
+    counterpart_id: e.counterpart_id,
+    default_shipping_address_id: e.counterpart_shipping_address?.id ?? "",
+    default_billing_address_id: e.counterpart_billing_address?.id ?? "",
+    /** Entity section */
+    fulfillment_date: e.fulfillment_date ? new Date(e.fulfillment_date) : null,
+    purchase_order: e.purchase_order ?? "",
+    footer: e.footer ?? "",
+    /** Items section */
+    tax_rate: (() => {
+      const t = e.line_items.find((r) => r.product.tax_rate?.value !== void 0);
+      return t ? String(k(t.product.tax_rate.value ?? 0)) : void 0;
+    })(),
+    line_items: e.line_items.map((t) => {
+      const r = t.product.measure_unit?.name, d = t.product.measure_unit?.id;
+      return {
+        quantity: t.quantity,
+        product_id: t.product.id,
+        taxable: t.tax_status === "taxable",
+        product: {
+          name: t.product.name,
+          price: e.tax_mode === "inclusive" ? t.product.price_after_tax : t.product.price,
+          // Get measure_unit_id directly from the API response if available
+          measure_unit_id: d && d !== "" ? d : void 0,
+          // Store the measure unit name separately for custom units
+          measure_unit_name: !d && r ? r : void 0,
+          type: t.product.type || "product"
+        },
+        // For custom measure units that don't have an ID but have a name
+        measure_unit: !d && r ? {
+          name: r,
+          id: null
+        } : void 0,
+        tax_rate_value: t.product.tax_rate.value !== void 0 ? k(t.product.tax_rate.value) : void 0
+      };
+    }),
+    memo: e.memo ?? "",
+    /** Payment section */
+    bank_account_id: e.bank_account_id ?? "",
+    payment_terms_id: e.payment_terms?.id ?? "",
+    /** Reminders section */
+    payment_reminder_id: e.payment_reminder_id ?? "",
+    overdue_reminder_id: e.overdue_reminder_id ?? "",
+    tax_mode: e.tax_mode ?? "exclusive"
+  }), [e]), y = qe({
+    resolver: Ve(fe(o)),
+    defaultValues: V
+  }), p = e.currency, {
+    handleSubmit: q,
+    formState: {
+      isDirty: g
+    },
+    getValues: b,
+    setValue: h,
+    reset: A,
+    watch: n
+  } = y, {
+    registerLineItemCleanupFn: B,
+    runLineItemCleanup: z
+  } = De();
+  xe(v, b, A);
+  const [G, x] = U(!1), [w, f] = U(!1), H = Se(() => {
+    if (!g) {
+      _();
+      return;
+    }
+    x(!0);
+  }, [g, _]), C = Ce(e.id), D = we(e.id), X = n("line_items"), Y = n("payment_terms_id"), J = n("fulfillment_date"), K = n("memo"), Q = n("footer"), W = n("purchase_order"), Z = n("bank_account_id"), ee = n("tax_mode"), te = n("tax_rate"), $ = n("counterpart_id"), I = n("default_billing_address_id"), {
+    data: re
+  } = $e($), {
+    data: R
+  } = Ie($), ae = N(() => R?.data?.find((t) => t.id === I), [I, R?.data]), u = C.isPending || D.isPending || P || j, M = `Monite-Form-receivablesDetailsForm-${Ne()}`, {
+    createReminderDialog: S,
+    editReminderDialog: l,
+    onCreateReminder: ie,
+    onEditOverdueReminder: ne,
+    onEditPaymentReminder: oe,
+    closeCreateReminderDialog: de,
+    closeUpdateReminderDialog: me
+  } = he({
+    getValues: b
+  });
+  return /* @__PURE__ */ m(ce, { children: [
+    /* @__PURE__ */ a(Ee, { open: F, modal: !1, children: /* @__PURE__ */ m(Fe, { fullScreen: !0, showCloseButton: !1, className: "ttw:flex", onInteractOutside: (t) => t.preventDefault(), children: [
+      /* @__PURE__ */ m("div", { className: "ttw:flex-1/2 ttw:overflow-y-auto ttw:pr-14", children: [
+        /* @__PURE__ */ m(Le, { className: "ttw:flex-row ttw:justify-between ttw:bg-white ttw:pb-4 ttw:sticky ttw:top-0 ttw:z-9999", children: [
+          /* @__PURE__ */ a(Pe, { className: "ttw:sr-only", children: o._("Edit invoice") }),
+          /* @__PURE__ */ a(Oe, { className: "ttw:sr-only", children: o._("Edit invoice") }),
+          /* @__PURE__ */ a(je, { asChild: !0, children: /* @__PURE__ */ a(T, { variant: "ghost", onClick: H, disabled: u, "aria-label": o._("Close"), children: /* @__PURE__ */ a(Be, {}) }) }),
+          /* @__PURE__ */ a(T, { type: "submit", form: M, disabled: u, children: o._("Update") })
+        ] }),
+        /* @__PURE__ */ a(Ae, { ...y, children: /* @__PURE__ */ a("form", { id: M, noValidate: !0, onSubmit: async (t) => {
+          t.preventDefault(), z(), await q((r) => {
+            const d = {
+              data: r.line_items.filter((i) => !!i.product?.name?.trim()).map((i) => {
+                const s = i;
+                let c;
+                if (s.product.measure_unit_id) {
+                  const ue = s.product.measure_unit_id;
+                  c = v?.data?.find((le) => le.id === ue)?.name;
+                } else (s.product.measure_unit_name || s.measure_unit?.name) && (c = s.product.measure_unit_name || s.measure_unit?.name);
+                return {
+                  quantity: i.quantity,
+                  tax_status: i.taxable ? "taxable" : "non_taxable",
+                  product: {
+                    name: i.product.name,
+                    type: i.product.type,
+                    measure_unit: c ? {
+                      name: c
+                    } : void 0,
+                    price: i.product.price ? {
+                      currency: i.product.price.currency ?? "USD",
+                      value: Math.round(i.product.price.value ?? 0)
+                    } : void 0
+                  },
+                  tax_rate_value: i.taxable && r.tax_rate !== void 0 ? ke(Number(r.tax_rate)) : void 0
+                };
+              })
+            }, se = {
+              invoice: {
+                /** Customer section */
+                counterpart_id: r.counterpart_id,
+                currency: p,
+                memo: r.memo,
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                counterpart_shipping_address_id: r?.default_shipping_address_id || null,
+                counterpart_billing_address_id: r?.default_billing_address_id,
+                /** We shouldn't send an empty string to the server if the value is not set */
+                bank_account_id: e.bank_account_id,
+                bank_account_type: e.bank_account_type,
+                payment_terms_id: r.payment_terms_id,
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                fulfillment_date: r.fulfillment_date ? (
+                  /**
+                   * We have to change the date as Backend accepts it.
+                   * There is no `time` in request, only year, month and date
+                   */
+                  Re(r.fulfillment_date, "yyyy-MM-dd")
+                ) : null,
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                payment_reminder_id: r.payment_reminder_id || null,
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                overdue_reminder_id: r.overdue_reminder_id || null
+                /** !!! Note !!! Backend is not supported to edit `purchase_order` so we have to remove it */
+                // purchase_order: values.purchase_order || undefined,
+              }
+            };
+            C.mutate(d, {
+              onSuccess: () => {
+                D.mutate(se, {
+                  onSuccess: (i) => {
+                    E(i);
+                  }
+                });
+              }
+            });
+          })(t);
+        }, className: "ttw:mb-14", children: /* @__PURE__ */ m("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
+          /* @__PURE__ */ m("h1", { className: "ttw:text-2xl ttw:font-bold", children: [
+            o._("Invoice"),
+            " ",
+            /* @__PURE__ */ m("span", { className: "ttw:text-gray-500", children: [
+              "#",
+              e.document_id ?? be
+            ] })
+          ] }),
+          /* @__PURE__ */ a(pe, { actualCurrency: p, registerLineItemCleanupFn: B, handleOpenCreateProductDialog: () => f(!0) }),
+          /* @__PURE__ */ a(_e, { disabled: u, hidden: ["purchase_order"], visibleFields: {
+            isFooterShown: typeof e.footer == "string" && e.footer?.trim() !== "",
+            isPurchaseOrderShown: typeof e.purchase_order == "string" && e.purchase_order?.trim() !== ""
+          } }),
+          /* @__PURE__ */ a(ge, { disabled: u, onUpdateOverdueReminder: ne, onUpdatePaymentReminder: oe, onCreateReminder: ie })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex-1/2 ttw:w-1/2", children: /* @__PURE__ */ a(ze, { invoiceData: {
+        payment_terms_id: Y,
+        line_items: (X || []).map((t) => ({
+          ...t,
+          id: t.id || `temp-${Math.random().toString(36).substr(2, 9)}`
+        })),
+        fulfillment_date: J,
+        memo: K,
+        footer: Q,
+        bank_account_id: Z,
+        bank_account_type: e.bank_account_type,
+        tax_mode: ee,
+        purchase_order: W || void 0,
+        tax_rate: te
+      }, counterpart: re, currency: p, entityData: L, address: ae, paymentTerms: O }) })
+    ] }) }),
+    w && /* @__PURE__ */ a(Xe, { open: w, onClose: () => f(!1), onCreated: () => f(!1) }),
+    /* @__PURE__ */ a(Te, { open: G, title: o._("Cancel without saving?"), message: o._("There are unsaved changes. If you leave, they will be lost."), confirmLabel: o._("Yes"), cancelLabel: o._("No"), onClose: () => x(!1), onConfirm: _ }),
+    /* @__PURE__ */ a(ve, { open: S.open, reminderType: S.reminderType, onClose: de, onCreate: ({
+      reminderId: t,
+      reminderType: r
+    }) => {
+      r === "payment" ? h("payment_reminder_id", t) : r === "overdue" && h("overdue_reminder_id", t);
+    } }),
+    l.reminderId && /* @__PURE__ */ a(ye, { open: l.open, reminderId: l.reminderId, reminderType: l.reminderType, onClose: me })
   ] });
-}, A = ({
-  counterpartId: e
-}) => {
-  const {
-    data: t,
-    isLoading: r
-  } = p(e), i = t ? m(t) : "";
-  return r ? /* @__PURE__ */ a(s, { animation: "wave", height: 26, width: "100%" }) : i ? /* @__PURE__ */ a("span", { children: i }) : /* @__PURE__ */ a("span", { style: {
-    opacity: 0.4
-  }, children: "-" });
 };
 export {
-  k as CounterPartCellByData,
-  A as CounterpartNameCellById,
-  x as calculateAvatarColorIndex
+  Mt as EditInvoiceDetails
 };