@tesouro/embedded-components-react 0.2.45 → 0.2.46

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

@@ -1,33 +1,82 @@
-import { format as t } from "date-fns";
-const a = "receipt_due", _ = "custom";
-function n({
-  paymentTermId: e,
-  customDueDate: m
-}) {
-  return e === _ ? m ? {
-    payment_terms: {
-      term_final: {
-        end_date: t(m, "yyyy-MM-dd")
+import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
+import { counterpartsToSelect as p } from "./index325.js";
+import { useMoniteContext as m } from "./index59.js";
+import { useRootElements as u } from "./index94.js";
+import { FilterContainer as f } from "./index326.js";
+import { SearchField as v } from "./index327.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
+}) => {
+  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);
+    }, 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"
+        }));
       }
-    }
-  } : {
-    payment_terms: {
-      term_final: {
-        number_of_days: 0
+    }, 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"
       }
-    }
-  } : e === a ? {
-    payment_terms: {
-      term_final: {
-        number_of_days: 0
-      }
-    }
-  } : {
-    payment_terms_id: e
-  };
-}
+    } })
+  ] });
+};
 export {
-  _ as CUSTOM_DATE_PAYMENT_TERM,
-  a as RECEIPT_DUE_PAYMENT_TERM,
-  n as buildPaymentTermsPayload
+  N as ReceivableFilters
 };

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

@@ -1,126 +1,31 @@
-import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
-import { useMemo as I } from "react";
-import { useFormContext as S, Controller as B } from "react-hook-form";
-import * as u from "@radix-ui/react-select";
-import { useUserPermissions as P } from "./index132.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 p } from "../../shared/data-access/dist/lib/scopes.js";
-import { useLingui as $ } from "@lingui/react";
-import { Plus as F, Check as T } from "lucide-react";
-import "react-hot-toast";
-import "./index59.js";
-import { useGetEntityBankAccounts as R } from "./index202.js";
-import { useGetEmbeddedBankAccounts as V } from "./index384.js";
-import { useGetExternalBankAccounts as z } from "./index385.js";
-import "date-fns";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import { Button as v } from "./index86.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Field as L, FieldContent as O, FieldLabel as j, FieldError as D } from "./index155.js";
-import { Select as G, SelectTrigger as M, SelectValue as U, SelectContent as q, SelectItem as K } from "./index298.js";
-const kt = ({
-  disabled: k,
-  handleOpenBankModal: s
-}) => {
-  const {
-    i18n: i
-  } = $(), {
-    control: y,
-    setValue: x
-  } = S(), {
-    data: w
-  } = R(), c = P(), g = c.has(p.BankAccountWriteOrg), {
-    data: b
-  } = V(void 0, c.has(p.BankAccountReadOrg)), {
-    data: _
-  } = z(void 0, c.has(p.ExternalBankAccountReadOrg)), l = I(() => [...(w?.data ?? []).map((t) => ({
-    id: t.id,
-    display_name: t.display_name,
-    bank_name: t.bank_name,
-    account_number: t.account_number,
-    account_number_last4: t.account_number_last4,
-    isEditable: !0,
-    bank_account_type: "BANK_DETAILS"
-  })), ...(b?.data ?? []).filter((t) => t.status === "ACTIVE").map((t) => ({
-    id: t.id,
-    display_name: t.nickname,
-    bank_name: null,
-    account_number: t.accountNumber,
-    account_number_last4: null,
-    isEditable: !1,
-    bank_account_type: "INTERNAL"
-  })), ...(_?.data ?? []).filter((t) => t.accountStatus === "ACTIVE" && t.verificationStatus === "VERIFIED").map((t) => ({
-    id: t.id,
-    display_name: t.nickname || t.nameOnAccount,
-    bank_name: null,
-    account_number: t.accountNumber,
-    account_number_last4: null,
-    isEditable: !1,
-    bank_account_type: "EXTERNAL"
-  }))], [w, b, _]);
-  return /* @__PURE__ */ e(B, { name: "bank_account_id", control: y, render: ({
-    field: t,
-    fieldState: {
-      error: m
-    }
-  }) => {
-    const f = t.value ? l.find((a) => a.id === t.value) : void 0;
-    return /* @__PURE__ */ e(L, { children: /* @__PURE__ */ n(O, { children: [
-      /* @__PURE__ */ e(j, { htmlFor: "bank_account_id", required: !0, children: i._("Receive payments to") }),
-      /* @__PURE__ */ n("div", { className: "ttw:relative", children: [
-        /* @__PURE__ */ n(G, { ...t, disabled: k, value: t.value, onValueChange: (a) => {
-          if (a === "add_new")
-            s();
-          else {
-            t.onChange(a);
-            const r = l.find((d) => d.id === a);
-            r && x("bank_account_type", r.bank_account_type);
-          }
-        }, children: [
-          /* @__PURE__ */ e(M, { id: "bank_account_id", className: "ttw:w-full", "aria-invalid": !!m, children: /* @__PURE__ */ e(U, { placeholder: i._("Select bank account") }) }),
-          /* @__PURE__ */ n(q, { children: [
-            g && /* @__PURE__ */ n(K, { value: "add_new", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-              /* @__PURE__ */ e(F, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
-              i._("Add new bank account")
-            ] }),
-            l.map(({
-              id: a,
-              display_name: r,
-              bank_name: d,
-              account_number: E,
-              account_number_last4: N,
-              isEditable: A
-            }) => {
-              const h = E?.slice(-4) ?? N, C = [r ? "|" : void 0, d, h ? `****${h}` : void 0].filter(Boolean).join(" ");
-              return /* @__PURE__ */ n(u.Item, { value: a, className: "ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:select-none ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:px-2 ttw:py-1.5 ttw:text-sm ttw:outline-hidden ttw:data-disabled:pointer-events-none ttw:data-disabled:opacity-50", children: [
-                /* @__PURE__ */ e(u.ItemText, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1 ttw:overflow-hidden", children: [
-                  r && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
-                  /* @__PURE__ */ e("span", { className: "ttw:shrink-0 ttw:text-muted-foreground", children: C })
-                ] }) }),
-                /* @__PURE__ */ n("span", { className: "ttw:flex ttw:shrink-0 ttw:items-center ttw:gap-1", children: [
-                  A && /* @__PURE__ */ e(v, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary/10", asChild: !0, children: /* @__PURE__ */ e("span", { role: "button", tabIndex: 0, onPointerDown: (o) => o.stopPropagation(), onPointerUp: (o) => o.stopPropagation(), onClick: (o) => {
-                    o.stopPropagation(), s(a);
-                  }, children: i._("Edit") }) }),
-                  /* @__PURE__ */ e("span", { className: "ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(u.ItemIndicator, { children: /* @__PURE__ */ e(T, { className: "ttw:size-4" }) }) })
-                ] })
-              ] }, a);
-            })
-          ] })
-        ] }),
-        f?.isEditable && /* @__PURE__ */ e("div", { className: "ttw:pointer-events-none ttw:absolute ttw:inset-y-0 ttw:right-8 ttw:flex ttw:items-center ttw:gap-1", children: /* @__PURE__ */ e(v, { type: "button", variant: "ghost", size: "sm", className: "ttw:pointer-events-auto ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary/10", onPointerDown: (a) => a.stopPropagation(), onClick: () => s(f.id), children: i._("Edit") }) })
-      ] }),
-      /* @__PURE__ */ e(D, { errors: m ? [m] : [] })
-    ] }) });
-  } });
+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 {
-  kt as BankAccountSection
+  f as useReceivablesFilters
 };

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

@@ -1,61 +1,44 @@
-import { jsxs as g, jsx as l } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as h } from "./index153.js";
-import { CounterpartSelector as b } from "./index386.js";
-import "./index59.js";
-import "@tanstack/react-query";
-import { useCounterpartAddresses as w } from "./index74.js";
-import "date-fns";
-import { useRef as x, useState as m, useEffect as E } from "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { useFormContext as O } from "react-hook-form";
-import { CounterpartDetails as A } from "./index2.js";
-const R = ({
-  disabled: c,
-  isEditCustomerOpen: i,
-  handleOpenEditCustomer: C,
-  counterpart: t
+import { jsx as t, jsxs as c } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as p } from "./index244.js";
+import { DropdownMenu as d, DropdownMenuTrigger as u, DropdownMenuContent as h, DropdownMenuItem as f } from "./index142.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 {
-    watch: p,
-    setValue: d
-  } = O(), r = x(""), a = p("default_billing_address_id"), o = p("default_shipping_address_id"), {
-    data: s
-  } = w(t?.id), [u, f] = m(!1), [_, n] = m(!1);
-  return E(() => {
-    if (s?.data?.length) {
-      if (!a) {
-        r.current = t?.id;
-        const e = t?.default_billing_address_id || (s.data.length === 1 ? s.data[0].id : "");
-        d("default_billing_address_id", e);
-      }
-      if (!o) {
-        const e = t?.default_shipping_address_id || "";
-        d("default_shipping_address_id", e);
-      }
-      if (a && r.current !== t?.id) {
-        r.current = t?.id;
-        const e = t?.default_billing_address_id || (s.data.length === 1 ? s.data[0].id : "");
-        d("default_billing_address_id", e);
-      }
-      if (o && r.current !== t?.id) {
-        r.current = t?.id;
-        const e = t?.default_shipping_address_id || "";
-        d("default_shipping_address_id", e);
-      }
-    }
-  }, [s, d, t, a, o]), /* @__PURE__ */ g("div", { className: "ttw:w-full", children: [
-    /* @__PURE__ */ l(b, { setIsCreateCounterpartOpened: n, setIsViewCounterpartOpened: (e) => f(e), disabled: c, counterpartAddresses: s }),
-    _ && /* @__PURE__ */ l(h, { open: _, onClose: () => {
-      n(!1);
-    }, onCreate: (e) => {
-      n(!1), d("counterpart_id", e);
-    }, customerType: "customer" }),
-    (i || u) && /* @__PURE__ */ l(A, { counterpartId: t?.id || "", open: i || u, onClose: () => {
-      i && C(!1), f(!1);
-    }, isEditMode: i, showActionsMenu: !1, customerType: "customer" })
+  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 {
-  R as CustomerSection
+  B as DataGridEmptyState
 };

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

@@ -1,25 +1,9 @@
-import { jsx as t, Fragment as o, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Button as a } from "./index86.js";
-import { DialogHeader as l, DialogClose as c, DialogTitle as m, DialogDescription as d } from "./index190.js";
-import { useLingui as w } from "@lingui/react";
-import { X as p } from "lucide-react";
-const x = ({
-  formName: s,
-  isDisabled: r,
-  isRecurrenceEnabled: n
-}) => {
-  const {
-    i18n: e
-  } = w();
-  return /* @__PURE__ */ t(o, { children: /* @__PURE__ */ i(l, { className: "ttw:flex-row ttw:justify-between ttw:items-center", children: [
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-4", children: [
-      /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(a, { variant: "ghost", type: "button", className: "ttw:p-2 ttw:has-[>svg]:px-2", children: /* @__PURE__ */ t(p, { className: "ttw:size-6.5" }) }) }),
-      /* @__PURE__ */ t(m, { className: "ttw:text-2xl", children: e._("Create invoice") }),
-      /* @__PURE__ */ t(d, { className: "ttw:sr-only", children: e._("Modal for invoice creation") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-4", children: /* @__PURE__ */ t(a, { type: "submit", form: s, disabled: r, children: n ? e._("Activate") : e._("Save and continue") }, "next") })
-  ] }) });
-};
+function s(...r) {
+  let o = "";
+  for (const t of r)
+    t && (o += t + " ");
+  return o;
+}
 export {
-  x as InvoiceCreationHeader
+  s as classNames
 };