@tesouro/embedded-components-react 0.2.108 → 0.2.110

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

@@ -1,45 +1,173 @@
-import { jsxs as C, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as _ } from "react";
-import { Button as b } from "./index84.js";
-import { Checkbox as y } from "./index330.js";
-import { Trash2 as I } from "lucide-react";
-import { ItemSelector as U } from "./index321.js";
-import { PriceField as R } from "./index433.js";
-import { QuantityField as N } from "./index434.js";
-import { MeasureUnitField as V } from "./index435.js";
-const k = ({
-  index: t,
-  control: l,
-  errors: a,
-  defaultCurrency: i = "USD",
-  measureUnitsData: m,
-  container: c,
-  onRequestLineItemValue: n,
-  onLineItemValueChange: o,
-  onUpdateItem: p,
-  onRemoveItem: s,
-  canRemove: u
-}) => {
-  const h = !!a.line_items?.[t]?.product?.name, w = !!a.line_items?.[t]?.quantity, v = !!a.line_items?.[t]?.product?.price?.value, d = n("product.name"), f = !!(d && d.trim()), x = a.line_items?.[t]?.product?.measure_unit_id;
-  return /* @__PURE__ */ C("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(U, { onChange: (r, g) => p(t, r, g), fieldName: n("product.name") || "", index: t, error: h, defaultCurrency: i, measureUnits: m, container: c }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { index: t, control: l, quantityError: w, canRemove: u, hasProduct: f, onLineItemValueChange: o, onRemoveItem: s }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: n("product.measure_unit_id"), onChange: (r) => {
-      o("product.measure_unit_id", r, {
-        shouldValidate: !0
-      });
-    }, availableMeasureUnits: m?.data || [], fieldError: x }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, { error: v, currency: i, value: n("product.price.value"), onChange: (r) => {
-      o("product.price.value", r, {
-        shouldValidate: !0
-      });
-    } }) }),
-    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: n("taxable") ?? !1, onCheckedChange: (r) => {
-      o("taxable", r === !0);
-    } }) }),
-    u && /* @__PURE__ */ e(b, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => s(t), children: /* @__PURE__ */ e(I, {}) })
-  ] });
-}, S = _(k);
+import { useGetFinanceOffers as T } from "./index327.js";
+import { useGetFinancingConnectToken as P } from "./index472.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 InvoiceItemRow
+  s as FinancialApplicationState,
+  ae as useFinancing
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as p } from "./index118.js";
+import { getAPIErrorMessage as p } from "./index122.js";
 import { useLingui as d } from "@lingui/react";
 import { toast as t } from "react-hot-toast";
 const f = (i, s) => {

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

@@ -1,27 +1,136 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as r } from "@lingui/react";
-import { twMerge as i } from "tailwind-merge";
-const o = ({
-  label: e,
-  value: l,
-  className: a
-}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
-  /* @__PURE__ */ t("span", { children: e }),
-  /* @__PURE__ */ t("span", { children: l?.toString() })
-] }), u = ({
-  subtotalPrice: e,
-  totalTaxes: l,
-  totalPrice: a
+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 "./index246.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: s
-  } = r();
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
-    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
+    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 {
-  u as InvoiceTotals
+  Q as FinanceDetails
 };