@tesouro/embedded-components-react 0.2.19 → 0.2.21

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

@@ -1,99 +1,12 @@
-import { jsx as a, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as C, FilterTag as x, Popover as P, PopoverTrigger as b, FilterMenuButton as F, PopoverContent as f, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as S, RadioGroup as y, RadioGroupItem as I, SearchInput as k } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const A = {
-  date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  vendor: "ttw:w-64",
-  attachment: "ttw:w-56"
-}, _ = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issued_at: "Issue date"
-}, H = [{
-  id: "date",
-  label: "Due date",
-  activeDateField: "due_date"
-}, {
-  id: "date",
-  label: "Created on",
-  activeDateField: "created_at"
-}, {
-  id: "date",
-  label: "Issue date",
-  activeDateField: "issued_at"
-}, {
-  id: "status",
-  label: "Status",
-  activeDateField: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  activeDateField: void 0
-}, {
-  id: "vendor",
-  label: "Vendor",
-  activeDateField: void 0
-}, {
-  id: "attachment",
-  label: "Attachment",
-  activeDateField: void 0
-}];
-function O(e) {
-  const {
-    i18n: i
-  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && A[n.activePanelId] || "ttw:w-52", d = e.allPresets.map((t) => ({
-    value: t.value,
-    label: t.label,
-    group: t.group
-  })), c = (t) => {
-    t || (n.closeMenu(), n.closePanel());
-  }, u = (t, l) => {
-    l && e.onActiveDateFieldChange(l), n.openPanel(t);
-  }, m = e.hasFile === !0 ? "has" : e.hasFile === !1 ? "no" : "any", h = (t) => {
-    t === "any" ? e.onHasFileChange(void 0) : t === "has" ? e.onHasFileChange(!0) : e.onHasFileChange(!1);
-  };
-  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(k, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(P, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ a(b, { asChild: !0, children: /* @__PURE__ */ a(F, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
-    /* @__PURE__ */ o(f, { align: "start", className: `ttw:p-0 ${r}`, children: [
-      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: H.map((t, l) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => u(t.id, t.activeDateField), children: [
-        /* @__PURE__ */ a(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        t.label
-      ] }, `${t.id}-${l}`)) }),
-      n.activePanelId === "date" && /* @__PURE__ */ a(D, { from: e.dateFrom, to: e.dateTo, onRangeChange: e.onDateRangeChange, selectedPreset: e.selectedDatePreset, onPresetChange: e.onDatePresetChange, presets: d, fieldLabel: _[e.activeDateField] }),
-      n.activePanelId === "status" && /* @__PURE__ */ a(N, { options: e.statusOptions, selectedValues: e.selectedStatus, onSelectionChange: e.onStatusChange }),
-      n.activePanelId === "amount" && /* @__PURE__ */ a(M, { mode: e.amountMode, onModeChange: e.onAmountModeChange, min: e.amountMin, max: e.amountMax, onMinChange: e.onAmountMinChange, onMaxChange: e.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      n.activePanelId === "vendor" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Vendor name" }),
-        /* @__PURE__ */ a(S, { type: "text", value: e.vendorName, onChange: (t) => e.onVendorNameChange(t.target.value), placeholder: "Search vendors...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
-      ] }),
-      n.activePanelId === "attachment" && /* @__PURE__ */ a("div", { className: "ttw:p-3", children: /* @__PURE__ */ a(y, { value: m, onValueChange: h, className: "ttw:flex ttw:flex-col ttw:gap-1", children: [{
-        value: "any",
-        label: "Any"
-      }, {
-        value: "has",
-        label: "Has attachment"
-      }, {
-        value: "no",
-        label: "No attachment"
-      }].map(({
-        value: t,
-        label: l
-      }) => /* @__PURE__ */ o("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
-        /* @__PURE__ */ a(I, { value: t }),
-        /* @__PURE__ */ a("span", { className: "ttw:text-xs ttw:font-medium", children: l })
-      ] }, t)) }) })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    e.activeChips.map((t) => /* @__PURE__ */ a(x, { label: t.label, count: t.count, variant: "default", onLabelClick: t.key === "date" ? () => {
-      n.openPanel("date");
-    } : void 0, onDismiss: () => e.onDismissChip(t.key) }, t.key)),
-    e.activeFilterCount > 0 && /* @__PURE__ */ a("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: e.onClearAll, children: "Clear all" })
-  ] }) });
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { cn as o } from "./index102.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 });
 }
 export {
-  O as PayablesFilterBar
+  l as Label
 };

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

@@ -1,194 +1,24 @@
-import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
-import { useMoniteContext as D } from "./index59.js";
-import { useCurrencies as k } from "./index60.js";
-import { toMinorUnits as $ } from "./index122.js";
-import { useState as C, useMemo as l, useCallback as d } from "react";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as p, resolveDatePreset as A } from "./index427.js";
-const _ = [{
-  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"
-}], w = {
-  draft: ["draft", "new"],
-  pending_approval: ["approve_in_progress"],
-  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-  paid: ["paid"],
-  cancelled: ["canceled"],
-  rejected: ["rejected"]
-}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
-function v() {
-  return {
-    search: "",
-    activeDateField: "due_date",
-    datePreset: void 0,
-    dateFrom: void 0,
-    dateTo: void 0,
-    status: [],
-    amountMode: "any",
-    amountMin: "",
-    amountMax: "",
-    vendorName: "",
-    hasFile: void 0
-  };
-}
-function V() {
-  const [e, s] = C(v), {
-    formatToMinorUnits: u
-  } = k(), {
-    componentSettings: h
-  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = 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((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
-      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
-      if (e.amountMode === "exact") {
-        if (!isNaN(o)) {
-          const n = i(o);
-          a.total_amount__gte = n, a.total_amount__lte = n;
-        }
-      } else
-        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
-    }
-    return a;
-  }, [e, c, u]), f = l(() => {
-    let a = 0;
-    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
-  }, [e]), b = l(() => {
-    const a = [];
-    if (e.dateFrom || e.dateTo) {
-      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
-      a.push({
-        key: "date",
-        label: `${o}: ${t}`
-      });
-    }
-    if (e.status.length) {
-      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
-      a.push({
-        key: "status",
-        label: `Status: ${N(t)}`
-      });
-    }
-    return e.vendorName && a.push({
-      key: "vendor",
-      label: `Vendor: ${e.vendorName}`
-    }), 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]), y = d((a) => {
-    const {
-      from: t,
-      to: o
-    } = A(a);
-    s((r) => ({
-      ...r,
-      datePreset: a,
-      dateFrom: t,
-      dateTo: o
-    }));
-  }, []), g = d((a, t) => {
-    s((o) => ({
-      ...o,
-      datePreset: void 0,
-      dateFrom: a,
-      dateTo: t
-    }));
-  }, []), M = d((a) => {
-    s((t) => ({
-      ...t,
-      activeDateField: a
-    }));
-  }, []), P = d((a) => {
-    switch (a) {
-      case "date": {
-        s((t) => ({
-          ...t,
-          datePreset: void 0,
-          dateFrom: void 0,
-          dateTo: void 0,
-          activeDateField: "due_date"
-        }));
-        break;
-      }
-      case "status":
-        s((t) => ({
-          ...t,
-          status: []
-        }));
-        break;
-      case "vendor":
-        s((t) => ({
-          ...t,
-          vendorName: ""
-        }));
-        break;
-      case "attachment":
-        s((t) => ({
-          ...t,
-          hasFile: void 0
-        }));
-        break;
-      case "amount":
-        s((t) => ({
-          ...t,
-          amountMode: "any",
-          amountMin: "",
-          amountMax: ""
-        }));
-        break;
-      case "search":
-        s((t) => ({
-          ...t,
-          search: ""
-        }));
-        break;
-    }
-  }, []), S = d(() => s(v()), []);
-  return {
-    state: e,
-    setState: s,
-    queryParams: F,
-    activeFilterCount: f,
-    activeChips: b,
-    datePresets: p,
-    statusOptions: _,
-    setDatePreset: y,
-    setDateRange: g,
-    setActiveDateField: M,
-    clearFilter: P,
-    clearAll: S
-  };
-}
+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 {
-  x as AP_DEFAULT_STATUSES,
-  _ as AP_STATUS_OPTIONS,
-  V as usePayablesFilter
+  d as FinanceBannerWrapper
 };

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

@@ -1,24 +1,20 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+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 "./index310.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 {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  d as FinanceFaqWrapper
 };

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

@@ -1,59 +1,21 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index94.js";
-import { FilterContainer as p } from "./index310.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index303.js";
-import { getRowToStatusTextMap as S } from "./index428.js";
-import { AutocompleteCreatedBy as M } from "./index429.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
+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: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
-  ] });
+  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 {
-  O as ApprovalRequestsFilter
+  d as FinanceProgressBar
 };

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

@@ -1,31 +1,173 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index303.js";
-import { getRowToStatusTextMap as T } from "./index428.js";
-const c = ({
-  ref: s,
-  ...e
-}) => {
+import { useGetFinanceOffers as T } from "./index313.js";
+import { useGetFinancingConnectToken as P } from "./index478.js";
+import { useKanmonContext as b } from "./index58.js";
+import { useMoniteContext as h } from "./index59.js";
+import { useLingui as k } from "@lingui/react";
+import { useState as U, useEffect as V } from "react";
+import "react-hot-toast";
+import "./index94.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useComponentSettings as w } from "./index69.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useMyEntity as G } from "./index80.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 {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
-  }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+    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 {
-  c as ApprovalRequestStatusChip
+  s as FinancialApplicationState,
+  ae as useFinancing
 };