@tesouro/embedded-components-react 0.2.49 → 0.2.51

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

@@ -1,130 +1,62 @@
-import { jsxs as r, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { AccordionTrigger as g, AccordionContent as x } from "./index252.js";
-import { Badge as b } from "./index253.js";
-import { Button as v } from "./index86.js";
-import { useLingui as f } from "@lingui/react";
-import { Calendar as N, Bell as R } from "lucide-react";
-import { twMerge as j } from "tailwind-merge";
-import "react-hot-toast";
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
 import "./index59.js";
-import { useState as I } from "react";
-import "date-fns";
-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 "clsx";
-import "@radix-ui/react-dropdown-menu";
-import { useGetPaymentReminderById as C } from "./index261.js";
-import { useGetOverdueReminderById as D } from "./index259.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "react-hook-form";
-import { PreviewEmail as T } from "./index375.js";
-import { Dialog as B, DialogContent as L, DialogDescription as $ } from "./index195.js";
-import { getDefaultContact as k } from "./index373.js";
-import { useCounterpartById as O } from "./index72.js";
-import { useCounterpartContactList as S } from "./index76.js";
-const p = ({
-  term: a,
-  isLastTerm: o,
-  invoiceId: c
+import "date-fns";
+import { useEntityUserByAuthToken as p } from "./index77.js";
+import "react-hot-toast";
+import { useLingui as s } from "@lingui/react";
+import u from "@mui/icons-material/CheckCircleOutlineRounded";
+import f from "@mui/icons-material/HighlightOffRounded";
+import { Stack as m, IconButton as a } from "@mui/material";
+const C = ({
+  id: o,
+  onClick: t
 }) => {
   const {
-    i18n: d
-  } = f(), [i, w] = I(!1);
-  return /* @__PURE__ */ r("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ r("div", { className: j("ttw:flex ttw:flex-col ttw:gap-1", o ? "ttw:pt-0" : "ttw:pt-2 ttw:justify-end ttw:items-center"), children: [
-        /* @__PURE__ */ e(R, { className: "ttw:size-4" }),
-        !o && /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-      ] }),
-      /* @__PURE__ */ e("span", { className: "ttw:text-text ttw:text-sm ttw:font-normal ttw:leading-5", children: a.reminderTerm })
-    ] }),
-    /* @__PURE__ */ e(v, { variant: "link", onClick: () => w(!0), children: d._("View email") }),
-    i && /* @__PURE__ */ e(B, { open: i, onOpenChange: w, children: /* @__PURE__ */ r(L, { fullScreen: !0, children: [
-      /* @__PURE__ */ e(T, { invoiceId: c, body: a.body, subject: a.subject }),
-      /* @__PURE__ */ e($, { hidden: !0, children: d._("Email preview") })
-    ] }) })
-  ] });
-}, ce = ({
-  paymentReminderId: a,
-  overdueReminderId: o,
-  invoiceId: c,
-  counterpartId: d
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "approve"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(u, {}) });
+}, k = ({
+  id: o,
+  onClick: t
 }) => {
   const {
-    i18n: i
-  } = f(), {
-    data: w
-  } = S(d), {
-    data: u
-  } = O(d), {
-    data: t
-  } = C(a), {
-    data: y
-  } = D(o), _ = k(w, u), s = [...t?.term_1_reminder ? [{
-    body: t?.term_1_reminder?.body,
-    subject: t?.term_1_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_1_reminder.days_before,
-      paymentReminder1: t?.term_1_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-1"
-  }] : [], ...t?.term_2_reminder ? [{
-    body: t?.term_2_reminder?.body,
-    subject: t?.term_2_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_2_reminder.days_before,
-      paymentReminder1: t?.term_2_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-2"
-  }] : [], ...t?.term_final_reminder ? [{
-    body: t?.term_final_reminder?.body,
-    subject: t?.term_final_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_final_reminder.days_before,
-      paymentReminder1: t?.term_final_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-3"
-  }] : []], m = y?.terms?.map((n, l) => ({
-    body: n?.body,
-    subject: n?.subject,
-    reminderTerm: i._("{termDays_after} {term} after", {
-      termDays_after: n.days_after,
-      term: n?.days_after === 1 ? "day" : "days"
-    }),
-    id: `overdue-${l + 1}`
-  })) ?? [];
-  return /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(g, { className: "ttw:hover:no-underline ttw:group", children: /* @__PURE__ */ r("span", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e("span", { className: "ttw:group-hover:underline", children: i._("Reminder emails") }),
-      s?.length + m?.length > 0 && /* @__PURE__ */ e(b, { variant: "secondary", className: "ttw:h-5 ttw:min-w-5 ttw:rounded-full ttw:px-1 ttw:tabular-nums", children: s?.length + m?.length })
-    ] }) }),
-    /* @__PURE__ */ r(x, { className: "ttw:flex ttw:gap-6", children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Recipients") }),
-        /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: _?.email ?? "-" })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Scheduled reminders") }),
-        /* @__PURE__ */ r("ul", { children: [
-          s?.length > 0 && s.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: m.length > 0 ? !1 : l === s.length - 1, invoiceId: c }, n.id)),
-          m.length > 0 && /* @__PURE__ */ e("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:justify-end ttw:items-center ttw:gap-1 ttw:pt-2", children: [
-              /* @__PURE__ */ e(N, { className: "ttw:size-4 ttw:text-neutral" }),
-              /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-neutral ttw:text-sm ttw:font-normal ttw:leading-5", children: i._("Due date") })
-          ] }) }),
-          m?.length > 0 && m.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: l === m.length - 1, invoiceId: c }, n.id))
-        ] })
-      ] })
-    ] })
-  ] });
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "reject"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(f, {}) });
+}, q = (o) => {
+  const {
+    i18n: t
+  } = s(), {
+    data: r
+  } = p();
+  if ("onRowActionClick" in o && o.onRowActionClick)
+    return {
+      field: "actions",
+      headerName: t._("Actions"),
+      sortable: !1,
+      display: "flex",
+      align: "right",
+      renderCell: (i) => {
+        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
+          return /* @__PURE__ */ d(m, { direction: "row", children: [
+            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
+            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
+          ] });
+      }
+    };
 };
 export {
-  ce as InvoiceDetailsOverviewReminders
+  q as useApprovalRequestActionsCell
 };

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

@@ -1,18 +1,22 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index102.js";
-function e({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card", className: o("ttw:bg-card ttw:text-card-foreground ttw:flex ttw:flex-col ttw:gap-6 ttw:rounded-xl ttw:border ttw:py-6 ttw:shadow-sm", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card-content", className: o("ttw:px-6", t), ...a });
-}
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as e } from "./index77.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { UserAvatar as m } from "./index458.js";
+import { Chip as i, Skeleton as n } from "@mui/material";
+const y = ({
+  entityUserId: o
+}) => {
+  const {
+    data: r,
+    isLoading: a
+  } = e(o);
+  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
+};
 export {
-  e as Card,
-  n as CardContent
+  y as UserCell
 };

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

@@ -1,41 +1,161 @@
-const e = (a, r) => {
-  switch (a) {
-    case "sepa_credit":
-      return r._("SEPA Credit");
-    case "us_ach":
-      return r._("US ACH");
-    case "blik":
-      return r._("BLIK");
-    case "card":
-      return r._("Card payment");
-    case "bacs_direct_debit":
-      return r._("Bacs Direct Debit");
-    case "bancontact":
-      return r._("Bancontact");
-    case "eps":
-      return r._("EPS");
-    case "giropay":
-      return r._("Giropay");
-    case "ideal":
-      return r._("iDEAL");
-    case "p24":
-      return r._("Przelewy24");
-    case "sepa_debit":
-      return r._("SEPA Debit");
-    case "sofort":
-      return r._("SOFORT");
-    case "applepay":
-      return r._("Apple Pay");
-    case "googlepay":
-      return r._("Google Pay");
-    case "affirm":
-      return r._("Affirm");
-    case "klarna":
-      return r._("Klarna");
-    default:
-      return r._("Unknown payment method");
-  }
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index122.js";
+import { getIndividualName as x } from "./index97.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index455.js";
+const B = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: v(e) ? x(e.individual.first_name, e.individual.last_name) : y(e) ? e.organization.legal_name : ""
+})) : [];
+function p(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => D(t, "yyyy-MM-dd"), M = (t, e, a) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
+  const {
+    document_id: r,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: n,
+    tags: l,
+    discount: d
+  } = e;
+  return {
+    invoiceNumber: r ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? p(u) : void 0,
+    dueDate: c ? p(c) : void 0,
+    currency: n ?? "USD",
+    tags: l ?? [],
+    discount: d && n ? t(d, n) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && n ? t(s.unit_price, n) ?? 0 : 0,
+      tax: s.tax ? I(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
+  };
+}, T = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: i,
+  dueDate: o,
+  currency: u,
+  tags: c,
+  counterpartAddressId: n
+}, l) => ({
+  document_id: e,
+  discount: t && u ? l(t, u) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: i instanceof Date ? m(i) : void 0,
+  due_date: o instanceof Date ? m(o) : void 0,
+  currency: u,
+  tag_ids: c.map((d) => d.id),
+  counterpart_address_id: n
+}), _ = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, f = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const i = _(e, a);
+  return f(i, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: i
+  } = t.reduce((o, u) => {
+    const c = _(u.price, u.quantity), n = f(c, u.tax || 0);
+    return {
+      subtotal: o.subtotal + c,
+      taxes: o.taxes + (n - c),
+      total: o.total + n
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: i - (e ?? 0)
+  };
+}, C = (t, e, a, r) => {
+  const {
+    name: i,
+    quantity: o,
+    price: u,
+    tax: c,
+    ledger_account_id: n
+  } = e, l = r?.allowLedgerUpdate ? q(n, r?.previous) : n, d = {
+    name: i,
+    quantity: o,
+    tax: F(c),
+    unit_price: a(u, t) ?? 0
+  };
+  return l !== void 0 && (d.ledger_account_id = l), d;
 };
+function F(t) {
+  return g(t);
+}
+function I(t) {
+  return b(t);
+}
+const L = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const i = r[t] ?? !1, o = e?.[t] ?? !1;
+  return i || o;
+}, O = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  e as getPaymentMethodName
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  B as counterpartsToSelect,
+  m as dateToString,
+  O as findDefaultBankAccount,
+  L as isFieldRequired,
+  M as prepareDefaultValues,
+  C as prepareLineItemSubmit,
+  T as prepareSubmit
 };

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

@@ -1,45 +1,30 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index322.js";
-import "date-fns";
-import { Badge as s } from "./index253.js";
-import { cn as g } from "./index102.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index187.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
   }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
-}) => {
-  const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
-};
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  x as FilterContainer
 };

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

@@ -1,14 +1,31 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-}), o = (a) => ({
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0
-});
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index67.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
+}) => {
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      }
+    } })
+  ] });
+};
 export {
-  e as prepareBankAccountCreatePayload,
-  o as prepareBankAccountUpdatePayload
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };