@tesouro/embedded-components-react 0.2.6 → 0.2.7

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

@@ -1,49 +1,170 @@
-import { jsxs as f, jsx as n } from "@emotion/react/jsx-runtime";
-import { useCancelRecurrence as v } from "./index412.js";
-import { useGetRecurrenceById as _ } from "./index171.js";
-import { useCurrencies as C } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as g, Trans as h } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as b } from "./index249.js";
-import w from "deep-eql";
-import { usePreviousDistinct as y } from "react-use";
-const $ = ({
-  invoice: i,
-  open: a,
-  onClose: r
+import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
+import { Role as j } from "./index487.js";
+import { User as g } from "./index379.js";
+import { useApprovalPolicyScript as B } from "./index436.js";
+import { useApprovalPolicyTrigger as R } from "./index430.js";
+import { getCounterpartName as $ } from "./index7.js";
+import { useMoniteContext as q } from "./index59.js";
+import { useDialog as H } from "./index52.js";
+import { DialogFooter as N } from "./index488.js";
+import { DialogHeader as Q } from "./index489.js";
+import { useLingui as U, Trans as E } from "@lingui/react";
+import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
+import { toast as M } from "react-hot-toast";
+const le = ({
+  approvalPolicy: d,
+  setIsEdit: P
 }) => {
   const {
-    i18n: e
-  } = g(), {
-    formatCurrencyToDisplay: l
-  } = C(), c = i?.recurrence_id ?? "", {
-    mutate: m,
-    isPending: u
-  } = v(c, i.id), {
-    data: t
-  } = _(c), s = y(t, w), o = (s?.status === "active" && t?.status === "canceled" ? s : t)?.iterations?.filter(({
-    status: p
-  }) => p === "pending")?.length ?? 0, d = i && o !== void 0 ? l(i.total_amount_with_credit_notes * o, i.currency) : void 0;
-  return /* @__PURE__ */ f(b, { open: a && !!i.id, title: e._("Cancel Recurring Invoice"), confirmLabel: e._("Cancel recurrence"), cancelLabel: e._("Close"), onClose: r, onConfirm: () => m(void 0, {
-    onSuccess: r
-  }), isLoading: u, children: [
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("Are you sure you want to cancel this recurring invoice?") }),
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("All future iterations of this invoice will be canceled.") }),
-    i && o !== void 0 && /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: /* @__PURE__ */ n(h, { id: "ZYrFPL", values: {
-      0: o === 1 ? e._("invoice") : e._("invoices"),
-      totalPendingInvoices: o,
-      pendingInvoicesTotalAmountWithCreditNotes: d
-    }, components: {
-      0: /* @__PURE__ */ n("strong", {}),
-      1: /* @__PURE__ */ n("strong", {})
-    } }) }),
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("This action can't be undone.") })
+    i18n: a
+  } = U(), T = H(), {
+    api: h,
+    queryClient: _
+  } = q(), {
+    triggers: i,
+    getTriggerLabel: k,
+    getAmountLabel: S
+  } = R({
+    approvalPolicy: d
+  }), {
+    rules: t,
+    getRuleLabel: b
+  } = B({
+    approvalPolicy: d
+  }), {
+    data: L
+  } = h.finops.getTags.useQuery({
+    query: {
+      id__in: Array.isArray(i?.tags) ? i.tags : []
+    }
+  }, {
+    enabled: !!i?.tags?.length
+  }), {
+    data: W
+  } = h.finops.getCounterparts.useQuery({
+    query: {
+      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
+    }
+  }, {
+    enabled: !!i?.counterpart_id?.length
+  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
+    onSuccess: async () => {
+      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
+        parameters: {
+          path: {
+            approval_policy_id: d.id
+          }
+        }
+      }, _)]), M.success(a._("Approval policy has been deleted"));
+    }
+  }), f = Object.keys(i).map((r) => {
+    const l = k(r);
+    let p;
+    switch (r) {
+      case "was_created_by_user_id":
+        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
+        break;
+      case "tags":
+        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
+        break;
+      case "counterpart_id":
+        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: $(n) }, n.id)) });
+        break;
+      case "amount":
+        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
+        break;
+      default:
+        p = r;
+        break;
+    }
+    return {
+      label: l,
+      value: p
+    };
+  }), v = t && Object.keys(t)?.map((r) => {
+    if (!t[r]) return null;
+    switch (r) {
+      case "single_user":
+        return {
+          label: b(r),
+          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
+        };
+      case "users_from_list":
+        return {
+          label: b(r, t[r].count),
+          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
+            flexWrap: "wrap"
+          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
+        };
+      case "roles_from_list":
+        return {
+          label: b(r),
+          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+            flexWrap: "wrap"
+          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
+        };
+      case "approval_chain":
+        return {
+          label: b(r),
+          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
+        };
+    }
+  });
+  return /* @__PURE__ */ s(D, { children: [
+    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
+    /* @__PURE__ */ s(F, { children: [
+      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
+      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
+      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
+      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
+        0: /* @__PURE__ */ e("strong", {})
+      } }) }),
+      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: a._("Condition") }),
+          /* @__PURE__ */ e(o, { children: a._("Criteria") })
+        ] }) }),
+        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: r.label }),
+          /* @__PURE__ */ e(o, { children: r.value })
+        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
+      ] }) }),
+      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
+      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
+      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
+          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
+        ] }) }),
+        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: r?.label }),
+          /* @__PURE__ */ e(o, { children: r?.value })
+        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(N, { primaryButton: {
+      label: a._("Edit"),
+      onClick: () => P(!0)
+    }, deleteButton: {
+      onClick: () => {
+        y.mutate({
+          path: {
+            approval_policy_id: d.id
+          }
+        }, {
+          onSuccess: () => T?.onClose?.()
+        });
+      },
+      isLoading: y.isPending
+    } })
   ] });
 };
 export {
-  $ as RecurrenceCancelModal
+  le as ApprovalPolicyView
 };

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

@@ -1,44 +1,21 @@
-import { useMoniteContext as c } from "./index59.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as u } from "react-hot-toast";
-const v = () => {
-  const {
-    api: e,
-    entityId: i
-  } = c(), {
-    i18n: o
-  } = d(), {
-    data: n
-  } = e.finops.getEntitiesIdPaymentMethods.useQuery({
-    path: {
-      entity_id: i
-    }
-  }), {
-    mutateAsync: s,
-    isPending: r
-  } = e.finops.postPaymentLinks.useMutation({});
-  async function y(m) {
-    const a = n ? n.data.filter(({
-      status: t,
-      direction: p
-    }) => t === "active" && p === "receive") : [];
-    a.length === 0 ? u.error(o._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : await s({
-      recipient: {
-        id: i,
-        type: "entity"
-      },
-      payment_methods: a.map((t) => t.type),
-      object: {
-        id: m,
-        type: "receivable"
-      }
-    });
-  }
-  return {
-    createPaymentLink: y,
-    isCreatingPaymentLink: r
-  };
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index102.js";
+import * as e from "@radix-ui/react-radio-group";
+import { CircleIcon as s } from "lucide-react";
+function w({
+  className: r,
+  ...a
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
+}
+function c({
+  className: r,
+  dotClassName: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
+}
 export {
-  v as useCreateReceivablePaymentLink
+  w as RadioGroup,
+  c as RadioGroupItem
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index59.js";
-import { getAPIErrorMessage as p } from "./index121.js";
+import { getAPIErrorMessage as p } from "./index123.js";
 import { useLingui as d } from "@lingui/react";
 import { toast as s } from "react-hot-toast";
 const b = (t, r) => {

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

@@ -1,19 +1,24 @@
-import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as r } from "./index86.js";
-import { ArrowUpRight as s } from "lucide-react";
-import { twMerge as w } from "tailwind-merge";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { useTheme as i, Box as n } from "@mui/material";
 const d = ({
-  label: o,
-  value: a,
-  status: t,
-  onClick: l
-}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
-  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
-  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
-    /* @__PURE__ */ e(s, {})
-  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
-] });
+  children: a,
+  shouldApplyFinanceStyles: r = !1
+}) => {
+  const e = i();
+  return /* @__PURE__ */ p(n, { sx: {
+    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
+    display: "flex",
+    flexDirection: "column",
+    gap: 1,
+    px: 3,
+    py: r ? 3 : 2.5,
+    width: "100%",
+    minHeight: "auto",
+    borderRadius: "16px",
+    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
+    border: r ? "none" : `1px solid ${e.palette.divider}`
+  }, children: a });
+};
 export {
-  d as InvoiceDetailsInfoBlock
+  d as FinanceBannerWrapper
 };

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

@@ -1,63 +1,20 @@
-import { jsxs as n, jsx as i, Fragment as _ } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as f } from "./index59.js";
-import { useCurrencies as x } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as v } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { rateMinorToMajor as y } from "./index198.js";
-import { twMerge as b } from "tailwind-merge";
-import { useGetPaymentRecords as g } from "./index337.js";
-import { useGetReceivables as h } from "./index161.js";
-const r = ({
-  label: t,
-  value: a,
-  isBold: l
-}) => /* @__PURE__ */ n("li", { className: b("ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", l && "ttw:font-medium ttw:text-text"), children: [
-  /* @__PURE__ */ i("span", { children: t }),
-  /* @__PURE__ */ i("span", { children: a })
-] }), S = ({
-  invoice: t
+import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
+import { useState as t } from "react";
+import { Dialog as s } from "./index52.js";
+import { FinanceFaqDetails as l } from "./index339.js";
+const d = ({
+  children: e
 }) => {
-  const {
-    i18n: a
-  } = v(), {
-    formatCurrencyToDisplay: l
-  } = x(), {
-    locale: o
-  } = f(), {
-    data: s
-  } = g(t?.id), u = t?.type === "invoice" ? t?.related_documents?.credit_note_ids : void 0, {
-    data: m
-  } = h({
-    id__in: u,
-    type: "credit_note"
-  }, !!u?.length), d = t?.status === "paid", c = t?.status === "partially_paid", p = t?.status === "canceled", w = d || c || p;
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2", children: [
-    /* @__PURE__ */ i(r, { label: a._("Subtotal"), value: l(t?.subtotal ?? 0, t?.currency) }),
-    /* @__PURE__ */ i("li", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: t?.total_tax_amounts?.map((e) => /* @__PURE__ */ n("div", { className: "ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", children: [
-      /* @__PURE__ */ i("span", { children: a._("Total tax ({rate}%)", {
-        rate: y(e?.value)
-      }) }),
-      /* @__PURE__ */ i("span", { children: l(e?.amount ?? 0, t?.currency) })
-    ] }, e?.id)) }),
-    /* @__PURE__ */ i(r, { label: a._("Total ({invoice})", {
-      invoice: t?.currency
-    }), value: l(t?.total_amount ?? 0, t?.currency), isBold: !0 }),
-    w && /* @__PURE__ */ n(_, { children: [
-      s?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.paid_at ? a._("Amount paid on {i18nDate}", {
-        i18nDate: a.date(e?.paid_at, o.dateTimeFormat)
-      }) : a._("Amount paid"), value: l(e?.amount ?? 0, t?.currency) }, e?.id)),
-      m?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.issue_date ? a._("Credit applied on {i18nDate}", {
-        i18nDate: a.date(e?.issue_date, o.dateTimeFormat)
-      }) : a._("Credit applied"), value: l(e?.total_amount ?? 0, t?.currency) }, e?.id)),
-      /* @__PURE__ */ i(r, { label: a._("Amount due ({invoice})", {
-        invoice: t?.currency
-      }), value: l(t?.amount_due ?? 0, t?.currency), isBold: !0 })
-    ] })
+  const [a, r] = t(!1);
+  return /* @__PURE__ */ n(i, { children: [
+    e({
+      openModal: () => {
+        r(!0);
+      }
+    }),
+    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
   ] });
 };
 export {
-  S as InvoiceDetailsSummary
+  d as FinanceFaqWrapper
 };

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

@@ -1,15 +1,21 @@
-const r = (e, t) => {
-  switch (t) {
-    case "invoice":
-      return e._("Invoice");
-    case "credit_note":
-      return e._("Credit memo");
-    case "quote":
-      return e._("Quote");
-    default:
-      return e._("Receivable");
-  }
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { useTheme as s, Box as o } from "@mui/material";
+const d = ({
+  progress: i
+}) => {
+  const r = s();
+  return /* @__PURE__ */ e(o, { sx: {
+    backgroundColor: r.palette.divider,
+    width: "100%",
+    height: "6px",
+    borderRadius: 0.5
+  }, children: /* @__PURE__ */ e(o, { sx: {
+    backgroundColor: r.palette.primary.main,
+    width: `${i}%`,
+    height: "6px",
+    borderRadius: 0.5
+  } }) });
 };
 export {
-  r as getTypeLabel
+  d as FinanceProgressBar
 };