@tesouro/embedded-components-react 0.2.6 → 0.2.7

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

@@ -1,82 +1,31 @@
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { counterpartsToSelect as p } from "./index280.js";
-import { useMoniteContext as m } from "./index59.js";
-import { useRootElements as u } from "./index94.js";
-import { FilterContainer as f } from "./index281.js";
-import { SearchField as v } from "./index282.js";
-import { useLingui as _ } from "@lingui/react";
-import h from "@mui/icons-material/CalendarToday";
-import { FormControl as C, Select as F, MenuItem as s } from "@mui/material";
-import { DatePicker as y } from "@mui/x-date-pickers";
-import { formatISO as M } from "date-fns";
-const N = ({
-  onChange: r,
-  filters: l
+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 "./index282.js";
+import { Input as d } from "./index130.js";
+import { useLingui as u } from "@lingui/react";
+import { FILTER_TYPE_SEARCH as w, FILTER_TYPE_TYPE as h } from "./index166.js";
+const T = ({
+  onChangeFilter: r,
+  isDisabled: n
 }) => {
   const {
-    i18n: a
-  } = _(), {
-    root: i
-  } = u(), {
-    api: d
-  } = m(), {
-    data: c
-  } = d.finops.getCounterparts.useQuery();
-  return /* @__PURE__ */ n(f, { className: "Monite-ReceivableFilters", searchField: /* @__PURE__ */ o(v, { placeholder: a._("Search"), onChange: (e) => {
-    r("document_id__contains", e ?? void 0);
-  } }), children: [
-    l.some((e) => e.field === "counterpart_id") && /* @__PURE__ */ o(C, { variant: "standard", fullWidth: !0, className: "Monite-ReceivableCounterpartFilter Monite-FilterControl", children: /* @__PURE__ */ n(F, { labelId: "counterpart_id", label: a._("Customer"), defaultValue: void 0, MenuProps: {
-      container: i
-    }, displayEmpty: !0, onChange: (e) => {
-      r("counterpart_id", e.target.value || void 0);
+    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__ */ o(s, { value: void 0, children: a._("All customers") }),
-      p(c?.data ?? []).sort((e, t) => e.label.localeCompare(t.label)).map(({
-        value: e,
-        label: t
-      }) => /* @__PURE__ */ o(s, { value: e, children: t }, e))
-    ] }) }),
-    l.some((e) => e.field === "due_date__lte") && /* @__PURE__ */ o(y, { className: "Monite-ReceivableDueDateFilter Monite-FilterControl Monite-DateFilterControl", views: ["year", "month", "day"], slots: {
-      openPickerIcon: h
-    }, onChange: (e, t) => {
-      if (!t.validationError) {
-        if (e == null) return void r("due_date__lte", void 0);
-        r("due_date__lte", M(new Date(e), {
-          representation: "date"
-        }));
-      }
-    }, slotProps: {
-      textField: {
-        variant: "standard",
-        placeholder: "Due date",
-        InputProps: {
-          sx: {
-            "&::placeholder": {
-              opacity: 1,
-              color: "text.primary"
-            },
-            "& input::placeholder": {
-              opacity: 1,
-              color: "text.primary"
-            }
-          }
-        }
-      },
-      popper: {
-        container: i
-      },
-      dialog: {
-        container: i
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      },
-      openPickerIcon: {
-        fontSize: "small"
-      }
-    } })
+      /* @__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") })
+      ] })
+    ] })
   ] });
 };
 export {
-  N as ReceivableFilters
+  T as CounterpartTableFilters
 };

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

@@ -1,31 +1,5 @@
-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];
-};
+const E = "search", T = "type";
 export {
-  f as useReceivablesFilters
+  E as FILTER_TYPE_SEARCH,
+  T as FILTER_TYPE_TYPE
 };

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

@@ -1,44 +1,66 @@
-import { jsx as t, jsxs as c } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as p } from "./index246.js";
-import { DropdownMenu as d, DropdownMenuTrigger as u, DropdownMenuContent as h, DropdownMenuItem as f } from "./index152.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
+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 "@tanstack/react-query";
+import "./index59.js";
+import "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
 }) => {
-  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]);
+  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 === "error" ? /* @__PURE__ */ t(s, {}) : void 0,
-    o
+    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
+      ] })
+    ] })
   ] });
+}, 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 {
-  B as DataGridEmptyState
+  k as CounterPartCellByData,
+  A as CounterpartNameCellById,
+  x as calculateAvatarColorIndex
 };

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

@@ -1,9 +1,41 @@
-function s(...r) {
-  let o = "";
-  for (const t of r)
-    t && (o += t + " ");
-  return o;
-}
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { DataGridEmptyState as n } from "./index179.js";
+import { useLingui as h } from "@lingui/react";
+const b = ({
+  isLoading: o,
+  dataLength: a,
+  isFiltering: r,
+  isSearching: s,
+  isError: l,
+  onCreate: y,
+  refetch: m,
+  entityName: e,
+  noDataTitle: c,
+  noDataDescription1: p,
+  filterTitle: N,
+  filterDescription1: d,
+  actionButtonLabel: L,
+  actionOptions: u,
+  onAction: f,
+  type: g
+}) => {
+  const {
+    i18n: t
+  } = h();
+  return !o && a === 0 && (r || s) ? /* @__PURE__ */ i(n, { title: N || c || t._("No {entityName} Found", {
+    entityName: e
+  }), descriptionLine1: d || "", type: "no-filter", onAction: f }) : !o && a === 0 && !r && !s ? /* @__PURE__ */ i(n, { title: c || t._("No {entityName}", {
+    entityName: e
+  }), descriptionLine1: p || t._("You don’t have any {entityName} yet.", {
+    entityName: e.toLowerCase()
+  }), actionOptions: u, actionButtonLabel: L, onAction: (_) => {
+    y && y(_ ?? "");
+  }, type: g || "no-data" }) : l ? /* @__PURE__ */ i(n, { title: t._("Failed to load {entityName}", {
+    entityName: e
+  }), descriptionLine1: t._("There was an error loading {entityName}.", {
+    entityName: e.toLowerCase()
+  }), actionButtonLabel: t._("Reload"), onAction: m, type: "error" }) : null;
+};
 export {
-  s as classNames
+  b as GetNoRowsOverlay
 };

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

@@ -1,258 +1,84 @@
-import { jsx as r, jsxs as m, Fragment as le } from "@emotion/react/jsx-runtime";
-import { EntitySection as pe } from "./index181.js";
-import { ItemsSection as _e } from "./index182.js";
-import { getUpdateInvoiceValidationSchema as ce } from "./index185.js";
-import { CreateInvoiceReminderDialog as fe } from "./index187.js";
-import { EditInvoiceReminderDialog as ve } from "./index189.js";
-import { RemindersSection as ye } from "./index190.js";
-import { INVOICE_DOCUMENT_AUTO_ID as ge } from "./index289.js";
-import { useInvoiceReminderDialogs as he } from "./index197.js";
-import { useMeasureUnitsMapping as be } from "./index313.js";
-import { useUpdateReceivable as xe } from "./index314.js";
-import { useUpdateReceivableLineItems as we } from "./index315.js";
-import { useLineItemSubmitCleanup as Ce } from "./index194.js";
-import { useCounterpartById as De } from "./index72.js";
-import "@tanstack/react-query";
-import "./index59.js";
-import { useCounterpartAddresses as Ie } from "./index74.js";
-import { format as Se } from "date-fns";
-import { useMyEntity as Re } from "./index80.js";
-import { useMemo as U, useState as $, useCallback as Ne, useId as Me } from "react";
-import "react-hot-toast";
-import { useLingui as Te } from "@lingui/react";
-import { rateMinorToMajor as Ue, rateMajorToMinor as $e } from "./index198.js";
-import { ConfirmationModal as ke } from "./index249.js";
-import { Dialog as Ve, DialogContent as Ee, DialogHeader as Fe, DialogTitle as Le, DialogDescription as Oe, DialogClose as Pe } from "./index178.js";
-import { Button as k } from "./index86.js";
-import { zodResolver as je } 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 "./index184.js";
-import { useGetPaymentTerms as Ge } from "./index316.js";
-import { useGetMeasureUnits as He } from "./index201.js";
-import { CreateProduct as Xe } from "./index46.js";
-const Nt = (e) => /* @__PURE__ */ r(Je, { ...e }), Je = ({
-  invoice: e,
-  onCancel: c,
-  onUpdated: V,
-  isOpen: E
-}) => {
+import { jsxs as a, Fragment as P, jsx as t } from "@emotion/react/jsx-runtime";
+import { useReactTable as y, getCoreRowModel as j, flexRender as C } from "@tanstack/react-table";
+import { Table as D, TableHeader as H, TableRow as m, TableHead as I, TableBody as L, TableCell as v } from "./index297.js";
+import { Button as S } from "./index86.js";
+import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index282.js";
+import { ChevronLeft as E, ChevronRight as F } from "lucide-react";
+import { useLingui as G } from "@lingui/react";
+import { useState as q, useEffect as A } from "react";
+import { twMerge as J } from "tailwind-merge";
+function et({
+  columns: g,
+  data: s,
+  sorting: N,
+  onSortingChange: z,
+  pageSize: r,
+  onPageSizeChange: T,
+  nextPaginationToken: h,
+  prevPaginationToken: l,
+  onPaginationTokenChange: c,
+  onRowClick: R,
+  filterComponent: p,
+  children: k,
+  rowLabel: u
+}) {
   const {
-    i18n: n
-  } = Te(), {
-    data: F,
-    isLoading: L,
-    isNonVatSupported: s
-  } = Re(), {
-    data: O
-  } = Ge(), {
-    data: y,
-    isLoading: P
-  } = He(), j = U(() => ({
-    /** 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 */
-    line_items: e.line_items.map((t) => {
-      const a = t.product.measure_unit?.name, d = t.product.measure_unit?.id;
-      return {
-        quantity: t.quantity,
-        product_id: t.product.id,
-        tax_rate_id: t.product.tax_rate.id ?? void 0,
-        vat_rate_value: t.product.tax_rate.value,
-        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 && a ? a : void 0,
-          type: t.product.type || "product"
-        },
-        // For custom measure units that don't have an ID but have a name
-        measure_unit: !d && a ? {
-          name: a,
-          id: null
-        } : void 0,
-        tax_rate_value: s && t.product.tax_rate.value !== void 0 ? Ue(t.product.tax_rate.value) : void 0
-      };
-    }),
-    tax_exemption_rationale: e.tax_exemption_rationale ?? "",
-    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, s]), g = qe({
-    resolver: je(ce(n, s)),
-    defaultValues: j
-  }), f = e.currency, {
-    handleSubmit: q,
-    formState: {
-      isDirty: h
-    },
-    getValues: b,
-    setValue: x,
-    reset: A,
-    watch: o
-  } = g, {
-    registerLineItemCleanupFn: B,
-    runLineItemCleanup: z
-  } = Ce();
-  be(y, b, A);
-  const [G, w] = $(!1), [C, v] = $(!1), H = Ne(() => {
-    if (!h) {
-      c();
-      return;
+    i18n: b
+  } = G(), [i, o] = q(0);
+  A(() => {
+    !l && i !== 0 && o(0);
+  }, [l, i]);
+  const x = s.length === 0 ? 0 : i + 1, f = i + s.length, M = u ? `${x}-${f} ${u}` : `${x}-${f}`, w = y({
+    data: s,
+    columns: g,
+    getCoreRowModel: j(),
+    manualPagination: !0,
+    manualSorting: !0,
+    enableMultiSort: !1,
+    onSortingChange: z,
+    state: {
+      sorting: N,
+      pagination: {
+        pageIndex: 0,
+        pageSize: r
+      }
     }
-    w(!0);
-  }, [h, c]), D = we(e.id), I = xe(e.id), X = o("line_items"), J = o("payment_terms_id"), Y = o("fulfillment_date"), K = o("memo"), Q = o("footer"), W = o("purchase_order"), Z = o("bank_account_id"), ee = o("tax_mode"), S = o("counterpart_id"), R = o("default_billing_address_id"), {
-    data: te
-  } = De(S), {
-    data: N
-  } = Ie(S), ae = U(() => N?.data?.find((t) => t.id === R), [R, N?.data]), l = D.isPending || I.isPending || L || P, M = `Monite-Form-receivablesDetailsForm-${Me()}`, {
-    createReminderDialog: T,
-    editReminderDialog: p,
-    onCreateReminder: re,
-    onEditOverdueReminder: ie,
-    onEditPaymentReminder: ne,
-    closeCreateReminderDialog: oe,
-    closeUpdateReminderDialog: de
-  } = he({
-    getValues: b
   });
-  return /* @__PURE__ */ m(le, { children: [
-    /* @__PURE__ */ r(Ve, { open: E, modal: !1, children: /* @__PURE__ */ m(Ee, { 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(Fe, { className: "ttw:flex-row ttw:justify-between ttw:bg-white ttw:pb-4 ttw:sticky ttw:top-0 ttw:z-9999", children: [
-          /* @__PURE__ */ r(Le, { className: "ttw:sr-only", children: n._("Edit invoice") }),
-          /* @__PURE__ */ r(Oe, { className: "ttw:sr-only", children: n._("Edit invoice") }),
-          /* @__PURE__ */ r(Pe, { asChild: !0, children: /* @__PURE__ */ r(k, { variant: "ghost", onClick: H, disabled: l, "aria-label": n._("Close"), children: /* @__PURE__ */ r(Be, {}) }) }),
-          /* @__PURE__ */ r(k, { type: "submit", form: M, disabled: l, children: n._("Update") })
-        ] }),
-        /* @__PURE__ */ r(Ae, { ...g, children: /* @__PURE__ */ r("form", { id: M, noValidate: !0, onSubmit: async (t) => {
-          t.preventDefault(), z(), await q((a) => {
-            const d = {
-              data: a.line_items.map((i) => {
-                const u = i;
-                let _;
-                if (u.product.measure_unit_id) {
-                  const se = u.product.measure_unit_id;
-                  _ = y?.data?.find((ue) => ue.id === se)?.name;
-                } else (u.product.measure_unit_name || u.measure_unit?.name) && (_ = u.product.measure_unit_name || u.measure_unit?.name);
-                return {
-                  quantity: i.quantity,
-                  tax_status: "taxable",
-                  product: {
-                    name: i.product.name,
-                    type: i.product.type,
-                    measure_unit: _ ? {
-                      name: _
-                    } : void 0,
-                    price: i.product.price ? {
-                      currency: i.product.price.currency ?? "USD",
-                      value: Math.round(i.product.price.value ?? 0)
-                    } : void 0
-                  },
-                  // For non-VAT supported regions, use tax_rate_value
-                  ...s ? {
-                    tax_rate_value: i.tax_rate_value !== void 0 ? $e(i.tax_rate_value) : void 0
-                  } : {
-                    vat_rate_id: i.vat_rate_id
-                  }
-                };
-              })
-            }, me = {
-              invoice: {
-                /** Customer section */
-                counterpart_id: a.counterpart_id,
-                currency: f,
-                memo: a.memo,
-                tax_exemption_rationale: a.tax_exemption_rationale,
-                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
-                counterpart_shipping_address_id: a?.default_shipping_address_id || null,
-                counterpart_billing_address_id: a?.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: a.payment_terms_id,
-                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
-                fulfillment_date: a.fulfillment_date ? (
-                  /**
-                   * We have to change the date as Backend accepts it.
-                   * There is no `time` in request, only year, month and date
-                   */
-                  Se(a.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: a.payment_reminder_id || null,
-                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
-                overdue_reminder_id: a.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,
-              }
-            };
-            D.mutate(d, {
-              onSuccess: () => {
-                I.mutate(me, {
-                  onSuccess: (i) => {
-                    V(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: [
-            n._("Invoice"),
-            " ",
-            /* @__PURE__ */ m("span", { className: "ttw:text-gray-500", children: [
-              "#",
-              e.document_id ?? ge
-            ] })
-          ] }),
-          /* @__PURE__ */ r(_e, { isNonVatSupported: s, actualCurrency: f, isVatSelectionDisabled: !0, shouldOverrideVatRateDefaults: !0, registerLineItemCleanupFn: B, handleOpenCreateProductDialog: () => v(!0) }),
-          /* @__PURE__ */ r(pe, { disabled: l, hidden: ["purchase_order"], visibleFields: {
-            isFooterShown: typeof e.footer == "string" && e.footer?.trim() !== "",
-            isPurchaseOrderShown: typeof e.purchase_order == "string" && e.purchase_order?.trim() !== ""
-          } }),
-          /* @__PURE__ */ r(ye, { disabled: l, onUpdateOverdueReminder: ie, onUpdatePaymentReminder: ne, onCreateReminder: re })
-        ] }) }) })
+  return /* @__PURE__ */ a(P, { children: [
+    /* @__PURE__ */ a("div", { className: J("ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125 ttw:gap-4 ttw:border ttw:border-zinc-100 ttw:rounded-xl ttw:bg-white", p && "ttw:pt-4"), children: [
+      p,
+      /* @__PURE__ */ a(D, { className: "ttw:border-none", children: [
+        /* @__PURE__ */ t(H, { children: w.getHeaderGroups().map((e) => /* @__PURE__ */ t(m, { children: e.headers.map((n) => /* @__PURE__ */ t(I, { className: "ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100 ttw:w-44.5", children: n.isPlaceholder ? null : C(n.column.columnDef.header, n.getContext()) }, n.id)) }, e.id)) }),
+        /* @__PURE__ */ t(L, { children: w.getRowModel().rows?.length ? w.getRowModel().rows.map((e) => /* @__PURE__ */ t(m, { onClick: () => R(e.original), "data-state": e.getIsSelected() && "selected", children: e.getVisibleCells().map((n) => /* @__PURE__ */ t(v, { className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b", children: C(n.column.columnDef.cell, n.getContext()) }, n.id)) }, e.id)) : /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(v, { colSpan: g.length, className: "ttw:min-h-24 ttw:text-center", children: k || b._("No results.") }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent", children: [
+      /* @__PURE__ */ a("span", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950", children: [
+        b._("Rows per page:"),
+        /* @__PURE__ */ a(V, { value: String(r), onValueChange: (e) => {
+          T(Number(e)), c(void 0), o(0);
+        }, children: [
+          /* @__PURE__ */ t($, { size: "sm", children: /* @__PURE__ */ t(B, {}) }),
+          /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ t(d, { value: "10", children: "10" }),
+            /* @__PURE__ */ t(d, { value: "25", children: "25" }),
+            /* @__PURE__ */ t(d, { value: "50", children: "50" }),
+            /* @__PURE__ */ t(d, { value: "100", children: "100" })
+          ] })
+        ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex-1/2 ttw:w-1/2", children: /* @__PURE__ */ r(ze, { invoiceData: {
-        payment_terms_id: J,
-        line_items: (X || []).map((t) => ({
-          ...t,
-          id: t.id || `temp-${Math.random().toString(36).substr(2, 9)}`
-        })),
-        fulfillment_date: Y,
-        memo: K,
-        footer: Q,
-        bank_account_id: Z,
-        bank_account_type: e.bank_account_type,
-        tax_mode: ee,
-        purchase_order: W || void 0
-      }, counterpart: te, currency: f, isNonVatSupported: s, entityData: F, address: ae, paymentTerms: O }) })
-    ] }) }),
-    C && /* @__PURE__ */ r(Xe, { open: C, onClose: () => v(!1), onCreated: () => v(!1) }),
-    /* @__PURE__ */ r(ke, { open: G, title: n._("Cancel without saving?"), message: n._("There are unsaved changes. If you leave, they will be lost."), confirmLabel: n._("Yes"), cancelLabel: n._("No"), onClose: () => w(!1), onConfirm: c }),
-    /* @__PURE__ */ r(fe, { open: T.open, reminderType: T.reminderType, onClose: oe, onCreate: ({
-      reminderId: t,
-      reminderType: a
-    }) => {
-      a === "payment" ? x("payment_reminder_id", t) : a === "overdue" && x("overdue_reminder_id", t);
-    } }),
-    p.reminderId && /* @__PURE__ */ r(ve, { open: p.open, reminderId: p.reminderId, reminderType: p.reminderType, onClose: de })
+      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950", children: M }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:space-x-3", children: [
+        /* @__PURE__ */ t(S, { variant: "ghost", className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg", onClick: () => {
+          c(l), o((e) => e - r);
+        }, disabled: !l, children: /* @__PURE__ */ t(E, {}) }),
+        /* @__PURE__ */ t(S, { variant: "ghost", className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg", onClick: () => {
+          c(h), o((e) => e + r);
+        }, disabled: !h, children: /* @__PURE__ */ t(F, {}) })
+      ] })
+    ] })
   ] });
-};
+}
 export {
-  Nt as EditInvoiceDetails
+  et as DataTable
 };