@tesouro/embedded-components-react 0.2.21 → 0.2.22

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

@@ -1,6 +1,82 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index124.js";
-const s = (o) => a(o), t = (o) => r(o);
+import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
+import { counterpartsToSelect as p } from "./index260.js";
+import { useMoniteContext as m } from "./index59.js";
+import { useRootElements as u } from "./index94.js";
+import { FilterContainer as f } from "./index261.js";
+import { SearchField as v } from "./index262.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"
+        }));
+      }
+    }, 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"
+      }
+    } })
+  ] });
+};
 export {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  N as ReceivableFilters
 };

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

@@ -1,7 +1,31 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as r } from "./index237.js";
-import { LoadingSpinner as n } from "./index133.js";
-const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
+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 {
-  m as LoadingPage
+  f as useReceivablesFilters
 };

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

@@ -1,10 +1,44 @@
-import { useMoniteContext as s } from "./index59.js";
-const n = () => {
-  const {
-    api: e
-  } = s();
-  return e.finops.getMeasureUnits.useQuery();
+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 "./index151.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
+}) => {
+  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 {
-  n as useGetMeasureUnits
+  B as DataGridEmptyState
 };

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

@@ -1,49 +1,9 @@
-import { jsxs as e, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as l } from "./index87.js";
-import { useLingui as m } from "@lingui/react";
-import { PaymentSection as c } from "./index354.js";
-import { useFormContext as p, Controller as w } from "react-hook-form";
-import { Field as f, FieldContent as h, FieldLabel as u, FieldError as g } from "./index155.js";
-import { Input as x } from "./index120.js";
-import { RecurrenceSection as b } from "./index355.js";
-import { RemindersSection as y } from "./index356.js";
-const j = ({
-  paymentTerms: n,
-  disabled: a,
-  isPaymentTermsLoading: d
-}) => {
-  const {
-    i18n: r
-  } = m(), {
-    control: s
-  } = p();
-  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-      /* @__PURE__ */ t(l, { variant: "h4", children: r._("Billing details") }),
-      /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ t(b, {}),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
-        /* @__PURE__ */ t(c, { paymentTerms: n, disabled: a, isLoading: d }),
-        /* @__PURE__ */ t(w, { name: "purchase_order", control: s, render: ({
-          field: i,
-          fieldState: {
-            error: o
-          }
-        }) => /* @__PURE__ */ t(f, { children: /* @__PURE__ */ e(h, { children: [
-          /* @__PURE__ */ e(u, { htmlFor: i.name, className: "ttw:text-nowrap", children: [
-            r._("PO Number"),
-            /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
-          ] }),
-          /* @__PURE__ */ t(x, { ...i, id: i.name, disabled: a, "aria-invalid": !!o }),
-          /* @__PURE__ */ t(g, { errors: o ? [o] : [] })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ t(y, { disabled: a })
-    ] })
-  ] });
-};
+function s(...r) {
+  let o = "";
+  for (const t of r)
+    t && (o += t + " ");
+  return o;
+}
 export {
-  j as BillingSection
+  s as classNames
 };