@tesouro/embedded-components-react 0.2.153 → 0.2.155

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

@@ -1,12 +1,215 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index100.js";
-import * as r from "@radix-ui/react-label";
-function l({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a(r.Root, { "data-slot": "label", className: o("ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-none ttw:font-medium ttw:select-none ttw:group-data-[disabled=true]:pointer-events-none ttw:group-data-[disabled=true]:opacity-50 ttw:peer-disabled:cursor-not-allowed ttw:peer-disabled:opacity-50", t), ...e });
+import { formatDateRangeFilterChip as D, formatFilterChipMultiSelectValueSegment as C } from "./index97.js";
+import { getCounterpartName as I } from "./index7.js";
+import { useMoniteContext as $ } from "./index57.js";
+import { useCounterpartById as A } from "./index70.js";
+import "@tanstack/react-query";
+import { useState as w, useMemo as l, useCallback as d } from "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { useCurrencies as x } from "./index58.js";
+import { toMinorUnits as E } from "./index118.js";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as _, resolveDatePreset as U } from "./index360.js";
+const v = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], j = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, R = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function h() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function Q({
+  initialCounterpartId: f
+} = {}) {
+  const [e, o] = w(() => ({
+    ...h(),
+    counterpartId: f
+  })), {
+    formatToMinorUnits: u
+  } = x(), {
+    componentSettings: F
+  } = $(), {
+    data: b
+  } = A(e.counterpartId), c = I(b), p = F.onboarding.allowedCurrencies?.[0] ?? "USD", y = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((r) => j[r] ?? [r]) : a.status__in = R, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.counterpartId && (a.counterpart_id = e.counterpartId), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const r = parseFloat(e.amountMin), s = parseFloat(e.amountMax), i = (n) => u(n, p) ?? E(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(r)) {
+          const n = i(r);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(r) || (a.total_amount__gte = i(r)), isNaN(s) || (a.total_amount__lte = i(s));
+    }
+    return a;
+  }, [e, p, u]), g = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.counterpartId && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), M = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? _.find((s) => s.value === e.datePreset)?.label : void 0) ?? D(e.dateFrom, e.dateTo), r = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${r}: ${t}`
+      });
+    }
+    if (e.status.length) {
+      const t = e.status.map((r) => v.find((s) => s.value === r)?.label ?? r);
+      a.push({
+        key: "status",
+        label: `Status: ${C(t)}`
+      });
+    }
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.counterpartId && a.push({
+      key: "counterpart",
+      label: `Vendor: ${c || e.counterpartId}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e, c]), N = d((a) => {
+    const {
+      from: t,
+      to: r
+    } = U(a);
+    o((s) => ({
+      ...s,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: r
+    }));
+  }, []), P = d((a, t) => {
+    o((r) => ({
+      ...r,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), S = d((a) => {
+    o((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), T = d((a) => {
+    switch (a) {
+      case "date": {
+        o((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
+      }
+      case "status":
+        o((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        o((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "counterpart":
+        o((t) => ({
+          ...t,
+          counterpartId: void 0
+        }));
+        break;
+      case "attachment":
+        o((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        o((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        o((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), k = d(() => o(h()), []);
+  return {
+    state: e,
+    setState: o,
+    queryParams: y,
+    activeFilterCount: g,
+    activeChips: M,
+    datePresets: _,
+    statusOptions: v,
+    setDatePreset: N,
+    setDateRange: P,
+    setActiveDateField: S,
+    clearFilter: T,
+    clearAll: k
+  };
 }
 export {
-  l as Label
+  R as AP_DEFAULT_STATUSES,
+  v as AP_STATUS_OPTIONS,
+  Q as usePayablesFilter
 };

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

@@ -1,46 +1,24 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index100.js";
-function r({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
-}
-function w({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
-}
-function c({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
-}
-function d({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
-}
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { useTheme as i, Box as n } from "@mui/material";
+const d = ({
+  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 {
-  r as Table,
-  c as TableBody,
-  b as TableCell,
-  d as TableHead,
-  w as TableHeader,
-  n as TableRow
+  d as FinanceBannerWrapper
 };

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

@@ -1,22 +1,20 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as s } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const p = () => {
-  const {
-    i18n: e
-  } = s(), {
-    api: t,
-    queryClient: o
-  } = n();
-  return t.finops.deleteCounterpartsId.useMutation(void 0, {
-    onSuccess: async () => {
-      await t.finops.getCounterparts.invalidateQueries(o), r.success(e._("Counterpart has been deleted."));
-    },
-    onError: () => {
-      r.error(e._("Failed to delete Counterpart."));
-    }
-  });
+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 "./index286.js";
+const d = ({
+  children: e
+}) => {
+  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 {
-  p as useDeleteCounterpart
+  d as FinanceFaqWrapper
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index126.js";
+import { getAPIErrorMessage as a } from "./index120.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const d = (t) => {

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

@@ -1,32 +1,21 @@
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-import { getCounterpartName as p } from "./index7.js";
-const f = () => {
-  const {
-    i18n: r
-  } = i(), {
-    api: t,
-    queryClient: o
-  } = s();
-  return t.finops.patchCounterpartsId.useMutation(void 0, {
-    onSuccess: async (e) => {
-      t.finops.getCounterpartsId.setQueryData({
-        path: {
-          counterpart_id: e.id
-        }
-      }, (n) => ({
-        ...n,
-        ...e
-      }), o), await t.finops.getCounterparts.invalidateQueries(o), a.success(r._("{name} has been updated.", {
-        name: p(e)
-      }));
-    },
-    onError: () => {
-      a.error(r._("Failed to update counterpart."));
-    }
-  });
+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 {
-  f as useUpdateCounterpart
+  d as FinanceProgressBar
 };

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

@@ -1,44 +1,173 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as p } from "react-hot-toast";
-const m = ({
-  counterpartId: e,
-  addressId: t
-}) => {
+import { useGetFinanceOffers as T } from "./index289.js";
+import { useGetFinancingConnectToken as P } from "./index475.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 {
-    i18n: a
-  } = i(), {
-    api: r,
-    queryClient: s
-  } = n();
-  return r.finops.patchCounterpartsIdAddressesId.useMutation({
-    path: {
-      counterpart_id: e,
-      address_id: t
+    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;
     }
-  }, {
-    onSuccess: async (d) => {
-      r.finops.getCounterpartsIdAddressesId.setQueryData({
-        path: {
-          counterpart_id: e,
-          address_id: t
-        }
-      }, (o) => ({
-        ...o,
-        ...d
-      }), s), await r.finops.getCounterpartsIdAddresses.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: e
-          }
-        }
-      }, s);
-    },
-    onError: () => {
-      p.error(a._("Failed to update address."));
+  })(), 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 {
-  m as useUpdateCounterpartAddress
+  s as FinancialApplicationState,
+  ae as useFinancing
 };