@tesouro/embedded-components-react 0.2.33 → 0.2.34

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

@@ -1,41 +1,44 @@
-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 { 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
+  };
 };
 export {
-  e as getPaymentMethodName
+  v as useCreateReceivablePaymentLink
 };

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

@@ -1,45 +1,19 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index316.js";
-import "date-fns";
-import { Badge as s } from "./index261.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"
-    }
-  }
-}), z = ({
+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";
+const d = ({
+  label: o,
+  value: a,
   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) });
-};
+  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 })
+] });
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  d as InvoiceDetailsInfoBlock
 };

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

@@ -1,22 +1,63 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { lazy as r, useState as i, useEffect as a, Suspense as u } from "react";
-const m = r(() => import("./index483.js")), C = ({
-  url: o,
-  mimetype: l,
-  name: t,
-  showCloseButton: s,
-  onClose: n
-}) => l === "application/pdf" ? /* @__PURE__ */ e(c, { url: o, showCloseButton: s, onClose: n }) : /* @__PURE__ */ e("img", { className: "Monite-ImageFileViewer", src: o, alt: t, loading: "lazy", style: {
-  width: "100%",
-  objectFit: "contain"
-} }), c = ({
-  url: o,
-  showCloseButton: l,
-  onClose: t
+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 "./index216.js";
+import { twMerge as b } from "tailwind-merge";
+import { useGetPaymentRecords as g } from "./index273.js";
+import { useGetReceivables as h } from "./index144.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
 }) => {
-  const [s, n] = i(!1);
-  return a(() => n(!0), []), s ? /* @__PURE__ */ e(u, { fallback: null, children: /* @__PURE__ */ e(m, { url: o, showCloseButton: l, onClose: t }) }) : null;
+  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 })
+    ] })
+  ] });
 };
 export {
-  C as FileViewer
+  S as InvoiceDetailsSummary
 };

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

@@ -1,43 +1,15 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { useLingui as s } from "@lingui/react";
-import { Dialog as d, DialogTitle as h, Typography as n, DialogContent as x, DialogActions as g, Button as l } from "@mui/material";
-const v = ({
-  open: a,
-  type: p,
-  onClose: i,
-  onConfirm: c
-}) => {
-  const {
-    i18n: o
-  } = s(), r = p === "approve";
-  return /* @__PURE__ */ t(d, { open: a, onClose: i, maxWidth: "sm", fullWidth: !0, container: () => document.body, PaperProps: {
-    sx: {
-      borderRadius: 3,
-      padding: 2
-    }
-  }, children: [
-    /* @__PURE__ */ e(h, { sx: {
-      p: "16px !important"
-    }, children: /* @__PURE__ */ e(n, { variant: "h5", fontWeight: 600, children: r ? o._("Force Approve bill?") : o._("Force Reject bill?") }) }),
-    /* @__PURE__ */ e(x, { sx: {
-      px: 2,
-      pb: 3
-    }, children: /* @__PURE__ */ e(n, { variant: "body1", color: "text.secondary", children: r ? o._("The bill status will change to Approved, skipping the approval flow.") : o._("The bill status will change to Rejected, skipping the approval flow.") }) }),
-    /* @__PURE__ */ t(g, { sx: {
-      px: 0,
-      pt: 2,
-      gap: 2
-    }, children: [
-      /* @__PURE__ */ e(l, { onClick: i, variant: "text", sx: {
-        color: "primary.main",
-        fontWeight: 500,
-        textTransform: "none",
-        fontSize: "16px"
-      }, children: o._("Cancel") }),
-      /* @__PURE__ */ e(l, { onClick: c, variant: "contained", color: r ? "primary" : "error", children: r ? o._("Force Approve") : o._("Force Reject") })
-    ] })
-  ] });
+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");
+  }
 };
 export {
-  v as PayableDetailsForceActionDialog
+  r as getTypeLabel
 };