@tesouro/embedded-components-react 0.2.205 → 0.2.208

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

@@ -1,23 +1,20 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as m } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { Skeleton as e } from "@mui/material";
-const u = ({
-  id: r
+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 "./index50.js";
+import { FinanceFaqDetails as l } from "./index302.js";
+const d = ({
+  children: e
 }) => {
-  const {
-    data: t,
-    isLoading: o
-  } = m(r);
-  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
-    minWidth: "4em"
-  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
+  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 {
-  u as UserCell
+  d as FinanceFaqWrapper
 };

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

@@ -1,45 +1,21 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { toast as g } from "react-hot-toast";
-import { useMoniteContext as c } from "./index57.js";
-import { MoniteScopedProviders as p } from "./index83.js";
-import { ConfirmationModal as u } from "./index224.js";
-import { useLingui as f } from "@lingui/react";
-const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
-  tag: e,
-  onClose: i,
-  onDelete: m,
-  modalOpened: d
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { useTheme as s, Box as o } from "@mui/material";
+const d = ({
+  progress: i
 }) => {
-  const {
-    i18n: o
-  } = f(), n = e?.id, {
-    api: t,
-    queryClient: s
-  } = c(), r = t.finops.deleteTagsId.useMutation({
-    path: {
-      tag_id: n ?? ""
-    }
-  }, {
-    onSuccess: () => (t.finops.getTagsId.removeQueries({
-      parameters: {
-        path: {
-          tag_id: n
-        }
-      }
-    }, s), t.finops.getTags.invalidateQueries(s))
-  }), l = () => {
-    r.mutate(void 0, {
-      onSuccess: () => {
-        g.success(o._("Tag “{tagName}” was deleted", {
-          tagName: e.name
-        })), i?.(), m?.(e.id);
-      }
-    });
-  };
-  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
-    tagName: e.name
-  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
+  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 {
-  D as ConfirmDeleteModal
+  d as FinanceProgressBar
 };

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

@@ -1,4 +1,173 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+import { useGetFinanceOffers as T } from "./index305.js";
+import { useGetFinancingConnectToken as P } from "./index450.js";
+import { useKanmonContext as b } from "./index56.js";
+import { useMoniteContext as h } from "./index57.js";
+import { useLingui as k } from "@lingui/react";
+import { useState as U, useEffect as V } from "react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useComponentSettings as w } from "./index67.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useMyEntity as G } from "./index78.js";
+import x from "react-script-hook";
+const W = "https://cdn.sandbox.kanmon.dev/scripts/v2/kanmon-connect.js", L = "https://cdn.kanmon.dev/scripts/v2/kanmon-connect.js", s = {
+  INIT: "init",
+  IN_PROGRESS: "in_progress",
+  PENDING_APPROVAL: "pending_approval",
+  NO_OFFERS_AVAILABLE: "no_offers",
+  SERVICING: "servicing",
+  APPROVED: "approved",
+  OFFER_ACCEPTED: "offer_accepted",
+  OFFERS_EXPIRED: "offers_expired"
+}, ae = () => {
+  const {
+    apiUrl: _,
+    api: i,
+    queryClient: c,
+    entityId: E
+  } = h(), {
+    isKanmonInitialized: d,
+    toggleKanmon: f,
+    handleButtonText: a,
+    buttonText: R
+  } = b(), {
+    onboardingCallbacks: y
+  } = w(), {
+    i18n: o
+  } = k(), l = P(), {
+    data: t
+  } = T(), {
+    isUSEntity: u
+  } = G(), I = (() => {
+    switch (t?.business_status) {
+      case "NEW":
+      default:
+        return s.INIT;
+      case "INPUT_REQUIRED":
+        return s.IN_PROGRESS;
+      case "ONBOARDED":
+        return t?.offers?.length === 0 ? s.PENDING_APPROVAL : t?.offers?.[0]?.status === "NEW" ? s.APPROVED : t?.offers?.[0]?.status === "EXPIRED" ? s.OFFERS_EXPIRED : t?.offers?.[0]?.status === "ACCEPTED" ? s.OFFER_ACCEPTED : s.SERVICING;
+    }
+  })(), F = (() => {
+    try {
+      const e = new URL(_);
+      return !["api.dev.monite.com", "api.sandbox.monite.com"].includes(e.hostname);
+    } catch {
+      return !0;
+    }
+  })() ? L : W, [p] = x({
+    src: F
+  }), [N, m] = U(!1), g = (e) => {
+    const n = {
+      type: "receivable",
+      status: "NEW",
+      invoice_id: e?.platformInvoiceId,
+      document_id: e?.platformInvoiceNumber,
+      due_date: e?.invoiceDueDate,
+      issue_date: e?.invoiceIssuedDate,
+      total_amount: e?.invoiceAmountCents,
+      currency: "USD",
+      payer_type: e?.payorType,
+      payer_business_name: e?.payorBusinessName,
+      payer_first_name: e?.payorFirstName,
+      payer_last_name: e?.payorLastName,
+      requested_amount: e?.amountRequestedForFinancingCents,
+      principal_amount: e?.principalAmountCents,
+      repayment_amount: e?.repaymentAmountCents,
+      advance_amount: e?.invoiceAdvanceAmountCents,
+      advance_rate_percentage: e?.advanceRatePercentage * 100,
+      fee_amount: e?.feeAmountCents,
+      fee_percentage: e?.transactionFeePercentage * 100,
+      repayment_schedule: {
+        repayment_date: e?.repaymentSchedule?.schedule?.[0]?.repaymentDate,
+        repayment_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentAmountCents,
+        repayment_fee_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentFeeAmountCents,
+        repayment_principal_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentPrincipalAmountCents
+      }
+    };
+    i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
+      query: {
+        type: "receivable",
+        invoice_id: e?.platformInvoiceId
+      }
+    }), (r) => ({
+      ...r,
+      data: [n]
+    }), c), i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
+      query: {}
+    }), (r) => {
+      const S = r?.data ? r.data : [];
+      return {
+        ...r,
+        data: [n, ...S]
+      };
+    }, c);
+  }, C = ({
+    connectToken: e
+  }) => {
+    window?.KANMON_CONNECT?.start({
+      connectToken: e,
+      onEvent: (n) => {
+        if (!(n.eventType !== "USER_STATE_CHANGED" && n.eventType !== "USER_CONFIRMED_INVOICE"))
+          if (n.eventType === "USER_CONFIRMED_INVOICE")
+            g(n.data.invoice);
+          else {
+            switch (n.data.userState) {
+              case "START_FLOW":
+                a(o._("Apply for financing"));
+                break;
+              case "USER_INPUT_REQUIRED":
+                n.data.section === "OFFER" ? a(o._("Review terms and sign")) : a(o._("Resume application"));
+                break;
+              case "WAITING_FOR_OFFERS":
+                a(""), (t?.business_status === "INPUT_REQUIRED" || t?.business_status === "NEW") && y.onWorkingCapitalOnboardingComplete?.(E);
+                break;
+              case "OFFERS_EXPIRED":
+              case "NO_OFFERS_EXTENDED":
+                a("");
+                break;
+              case "SERVICING":
+                a(o._("Financing menu")), t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "NEW" && window.localStorage.setItem("isFinanceTabNew", "true");
+                break;
+              case "VIEW_OFFERS":
+              case "OFFER_ACCEPTED":
+                a(o._("Review terms and sign"));
+                break;
+            }
+            i.finops.getFinancingOffers.invalidateQueries(c);
+          }
+      }
+    });
+  };
+  V(() => {
+    !d && !p && u && (async () => {
+      m(!0);
+      try {
+        const e = await l.mutateAsync();
+        C({
+          connectToken: e.connect_token
+        }), f(!0);
+      } catch {
+      } finally {
+        m(!1);
+      }
+    })();
+  }, [p, u]);
+  const O = p || N, v = u, A = t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "CURRENT", D = t?.offers?.[0];
+  return {
+    buttonText: R,
+    applicationState: I,
+    offer: D,
+    isLoading: O,
+    isEnabled: v,
+    isServicing: A
+  };
+};
 export {
-  s as isPayableInOCRProcessing
+  s as FinancialApplicationState,
+  ae as useFinancing
 };

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

@@ -1,98 +1,136 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index358.js";
-import { PayableStatusChip as C } from "./index150.js";
-import { useMoniteContext as M } from "./index57.js";
-import { useCurrencies as x } from "./index58.js";
-import { Skeleton as A } from "./index137.js";
-import { StatusCard as D } from "./index349.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index359.js";
-const c = [{
-  groupStatus: "all",
-  apiStatuses: [],
-  representativeStatus: null
-}, {
-  groupStatus: "draft",
-  apiStatuses: ["draft", "new"],
-  representativeStatus: "draft"
-}, {
-  groupStatus: "pending_approval",
-  apiStatuses: ["approve_in_progress"],
-  representativeStatus: "approve_in_progress"
-}, {
-  groupStatus: "rejected",
-  apiStatuses: ["rejected"],
-  representativeStatus: "rejected"
-}, {
-  groupStatus: "ready_to_pay",
-  apiStatuses: ["waiting_to_be_paid", "partially_paid"],
-  representativeStatus: "waiting_to_be_paid"
-}, {
-  groupStatus: "paid",
-  apiStatuses: ["paid"],
-  representativeStatus: "paid"
-}, {
-  groupStatus: "cancelled",
-  apiStatuses: ["canceled"],
-  representativeStatus: "canceled"
-}], O = ({
-  onChangeFilter: o,
-  selectedStatus: s
+import { jsxs as r, Fragment as S, jsx as t } from "@emotion/react/jsx-runtime";
+import { FinancedInvoiceStatusChip as T } from "./index54.js";
+import { InvoiceStatusChip as N } from "./index55.js";
+import { INVOICE_DOCUMENT_AUTO_ID as w } from "./index231.js";
+import { useKanmonContext as A } from "./index56.js";
+import { useMoniteContext as P } from "./index57.js";
+import { useCurrencies as j } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as O } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useTheme as U, Box as i, Typography as a, darken as d, Divider as f, Button as $ } from "@mui/material";
+const Q = ({
+  invoice: s,
+  offers: g,
+  financedInvoice: e,
+  enableNavigate: u = !1,
+  handleNavigate: m
 }) => {
   const {
-    i18n: l
-  } = j(), {
-    data: r,
-    isLoading: n
-  } = k(), {
-    formatCurrencyToDisplay: m
-  } = x(), {
-    containerRef: S,
-    handleMouseDown: f,
-    handleMouseLeave: v,
-    handleMouseUp: _,
-    handleMouseMove: g
-  } = b();
-  if (n)
-    return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
-      length: 6
-    }).map((t, u) => /* @__PURE__ */ i(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, u)) });
-  const d = r?.data ?? [], w = c.map(({
-    groupStatus: t,
-    apiStatuses: u
-  }) => {
-    if (t === "all")
-      return {
-        status: "all",
-        count: d.reduce((e, a) => e + a.count, 0),
-        sum_total_amount: d.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-      };
-    const p = d.filter((e) => u.includes(e.status));
-    return {
-      status: t,
-      count: p.reduce((e, a) => e + a.count, 0),
-      sum_total_amount: p.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-    };
-  }).filter((t) => t.status === "all" || t.count > 0), h = (t) => {
-    o("status", t === "all" ? null : t);
-  }, y = (t) => m(t, "USD") ?? "—";
-  return /* @__PURE__ */ i("div", { ref: S, className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none", onMouseDown: f, onMouseLeave: v, onMouseUp: _, onMouseMove: g, children: w.map((t) => {
-    const u = c.find((p) => p.groupStatus === t.status);
-    return /* @__PURE__ */ i(D, { allItemsText: l._("All bills"), isAllStatus: t.status === "all", data: t.status === "all" ? t.count ?? 0 : t.sum_total_amount ?? 0, amountOfItems: t.status !== "all" ? t.count ?? 0 : void 0, selected: s === t.status, onClick: () => h(t.status), formatAmount: y, statusChip: u?.representativeStatus ? /* @__PURE__ */ i(C, { status: u.representativeStatus }) : void 0 }, t.status);
-  }) });
-}, k = () => {
-  const {
-    api: o,
-    queryClient: s
-  } = M(), l = o.finops.getPayablesAnalytics.useQuery({}, {
-    enabled: !!s,
-    refetchInterval: 3e3
-  }), r = U(l.data?.data), n = L(void 0);
-  return P(() => {
-    r !== void 0 && n.current !== void 0 && r !== n.current && s && o.finops.getPayables.invalidateQueries(s), n.current = r;
-  }, [r, o, s]), l;
+    i18n: n
+  } = O(), {
+    locale: x
+  } = P(), {
+    startFinanceSession: b
+  } = A(), {
+    formatCurrencyToDisplay: c
+  } = j(), o = U(), y = x.dateFormat, h = e ? n.date(e.issue_date, y) : "—", v = e ? c(e.total_amount, e.currency) : "-", l = g?.[0]?.pricing_plans?.reduce((_, p, R) => (p?.fee_percentage === e?.fee_percentage && p?.advance_rate_percentage === e?.advance_rate_percentage && (_ = {
+    pricingPlanIndex: R,
+    data: p
+  }), _), null), D = e?.repayment_schedule?.repayment_date ? n.date(e.repayment_schedule.repayment_date, y) : "—", C = e?.advance_amount ? c(e.advance_amount, e.currency) : "-", F = e?.fee_amount ? c(e.fee_amount, e.currency) : "-", I = e?.repayment_amount ? c(e.repayment_amount, e.currency) : "-", E = e?.status === "REJECTED" || e?.status === "NEW", W = e?.status === "FUNDED" || e?.status === "LATE";
+  return /* @__PURE__ */ r(S, { children: [
+    /* @__PURE__ */ r(i, { sx: {
+      p: 4,
+      display: "flex",
+      flexDirection: "column",
+      gap: 4
+    }, children: [
+      /* @__PURE__ */ t(a, { variant: "h3", children: n._("Funding details") }),
+      /* @__PURE__ */ r(i, { children: [
+        /* @__PURE__ */ t(a, { variant: "h2", fontWeight: 600, fontSize: 32, children: v }),
+        /* @__PURE__ */ t(a, { fontWeight: 500, variant: "body1", children: n._("{issueDate}", {
+          issueDate: h
+        }) })
+      ] }),
+      /* @__PURE__ */ r(i, { sx: {
+        display: "flex",
+        gap: 3
+      }, children: [
+        /* @__PURE__ */ r(i, { width: "100%", children: [
+          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Financing plan {value}", {
+            value: (l?.pricingPlanIndex ?? 0) + 1
+          }) }),
+          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{value}% advance rate, Pay in {pricingPlan} days, {value1}% fee", {
+            value: (l?.data?.advance_rate_percentage ?? 0) / 100,
+            pricingPlan: l?.data?.repayment_duration_days,
+            value1: (l?.data?.fee_percentage ?? 0) / 100
+          }) })
+        ] }),
+        /* @__PURE__ */ r(i, { width: "100%", children: [
+          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Repayment on") }),
+          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{repaymentDate}", {
+            repaymentDate: D
+          }) })
+        ] }),
+        /* @__PURE__ */ r(i, { width: "100%", children: [
+          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Status") }),
+          /* @__PURE__ */ t(T, { icon: !0, status: e?.status ?? "DEFAULTED" })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(f, {}),
+      /* @__PURE__ */ r(i, { sx: {
+        display: "grid",
+        gridTemplateColumns: "minmax(140px, auto) 1fr",
+        flexDirection: "column",
+        rowGap: 1,
+        columnGap: 2
+      }, children: [
+        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("{isRequestedSum}", {
+          isRequestedSum: E ? "Requested sum" : "Received sum"
+        }) }),
+        /* @__PURE__ */ t(a, { variant: "body1", children: C }),
+        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Service Fee") }),
+        /* @__PURE__ */ t(a, { variant: "body1", children: F }),
+        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Repayment sum") }),
+        /* @__PURE__ */ t(a, { variant: "body1", children: I })
+      ] }),
+      /* @__PURE__ */ t(f, {}),
+      /* @__PURE__ */ r(i, { sx: {
+        borderRadius: "16px",
+        px: 3,
+        py: 2.5,
+        border: `1px solid ${o.palette.divider}`,
+        display: "flex",
+        gap: 2,
+        justifyContent: "space-between",
+        alignItems: "center",
+        cursor: u ? "pointer" : "default"
+      }, ...u && m && {
+        onClick: () => m(s.id)
+      }, children: [
+        /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 500, children: n._("Invoice {invoiceDocument_id}", {
+            invoiceDocument_id: s.document_id || w
+          }) }),
+          /* @__PURE__ */ t(a, { color: o.palette.text.secondary, variant: "body2", children: n._("For {invoiceAmount} | Issued {issueDate}", {
+            invoiceAmount: v,
+            issueDate: h
+          }) })
+        ] }),
+        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(N, { status: s.status }) })
+      ] })
+    ] }),
+    W && /* @__PURE__ */ t(i, { sx: {
+      mt: "auto",
+      borderTop: `1px solid ${o.palette.divider}`,
+      px: 4,
+      py: 2,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end"
+    }, children: /* @__PURE__ */ t($, { variant: "contained", color: "primary", onClick: () => b({
+      component: "PAY_NOW"
+    }), sx: {
+      py: 1.25,
+      px: 1.5,
+      height: 32,
+      fontSize: 14,
+      ml: "auto"
+    }, children: n._("Repay now") }) })
+  ] });
 };
 export {
-  O as SummaryCardsFilters
+  Q as FinanceDetails
 };