@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,227 +1,21 @@
-import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useLingui as U } from "@lingui/react";
-import { useFormContext as W, Controller as m } from "react-hook-form";
-import { Field as h, FieldContent as _ } from "./index155.js";
-import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index300.js";
-import { Typography as w } from "./index87.js";
-import { DatePicker as j } from "./index444.js";
-import { Input as E } from "./index119.js";
-import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index202.js";
-const G = ["day", "week", "month"], $ = (t) => {
-  (t.key === "." || t.key === ",") && t.preventDefault();
-}, J = (t) => {
-  const o = ["th", "st", "nd", "rd"], s = t % 100;
-  return `${t}${o[(s - 20) % 10] ?? o[s] ?? o[0]}`;
-}, Q = Array.from({
-  length: 31
-}, (t, o) => o + 1), F = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], A = {
-  su: 0,
-  mo: 1,
-  tu: 2,
-  we: 3,
-  th: 4,
-  fr: 5,
-  sa: 6
-}, P = () => {
-  const t = /* @__PURE__ */ new Date();
-  return t.setHours(0, 0, 0, 0), t;
-}, X = (t) => {
-  const o = P(), s = (A[t] - o.getDay() + 7) % 7, f = new Date(o);
-  return f.setDate(o.getDate() + s), f;
-}, ie = () => {
-  const {
-    i18n: t
-  } = U(), {
-    control: o,
-    watch: s,
-    clearErrors: f,
-    setValue: l
-  } = W(), i = s("frequency"), R = s("payment_terms_id"), g = s("recurrence_issue_mode"), V = s("recurrence_end_mode"), x = s("recurrence_days_of_week"), Y = s("recurrence_max_occurrences"), v = Number(Y) === 1, M = s("recurrence_start_date"), y = M ? new Date(M) : void 0, T = s("recurrence_end_date"), b = T ? new Date(T) : void 0, q = (r) => {
-    if (r < P()) return !0;
-    if (i === "week")
-      return x ? r.getDay() !== A[x] : !1;
-    if (i !== "month" || !g) return !1;
-    const n = r.getDate(), a = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate();
-    if (g === "first_day") return n !== 1;
-    if (g === "last_day") return n !== a;
-    const u = Number(g);
-    return Number.isNaN(u) ? !1 : n !== Math.min(u, a);
-  }, I = (r) => {
-    if (q(r)) return !0;
-    if (!y) return !1;
-    const n = new Date(y);
-    return n.setHours(0, 0, 0, 0), r < n;
-  }, O = (r) => {
-    if (q(r)) return !0;
-    if (!b) return !1;
-    const n = new Date(b);
-    return n.setHours(0, 0, 0, 0), r > n;
-  }, H = () => {
-    switch (i) {
-      case "once":
-      case "day":
-      case "quarter":
-      case "year":
-      default:
-        return null;
-      case "month":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("on the") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_issue_mode", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
-            r.onChange(a), f("recurrence_issue_mode"), l("recurrence_start_date", void 0, {
-              shouldDirty: !1
-            });
-          }, children: [
-            /* @__PURE__ */ e(k, { id: "recurrence_issue_mode", className: "ttw:min-w-21 ttw:w-fit", "aria-invalid": !!n, children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(S, { children: [
-              /* @__PURE__ */ e(d, { value: "first_day", children: t._("First day") }),
-              /* @__PURE__ */ e(d, { value: "last_day", children: t._("Last day") }),
-              /* @__PURE__ */ e(K, {}),
-              Q.map((a) => /* @__PURE__ */ e(d, { value: String(a), children: J(a) }, a))
-            ] })
-          ] }) }) }) }),
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
-        ] });
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", children: t._("on") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_days_of_week", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => {
-            const a = r.value, u = (N) => {
-              a !== N && (r.onChange(N), l("recurrence_start_date", X(N), {
-                shouldDirty: !0
-              }), f("recurrence_start_date"));
-            };
-            return /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c("div", { "aria-invalid": !!n, className: "ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", children: [
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "mo", "data-active": a === "mo", onClick: () => u("mo"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Mo") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "tu", "data-active": a === "tu", onClick: () => u("tu"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Tu") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "we", "data-active": a === "we", onClick: () => u("we"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("We") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "th", "data-active": a === "th", onClick: () => u("th"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Th") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "fr", "data-active": a === "fr", onClick: () => u("fr"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Fr") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "sa", "data-active": a === "sa", onClick: () => u("sa"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Sa") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "su", "data-active": a === "su", onClick: () => u("su"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Su") })
-            ] }) }) });
-          } })
-        ] });
-    }
-  }, L = () => {
-    switch (i) {
-      case "once":
-      default:
-        return null;
-      case "day":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_end_mode", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
-            r.onChange(a), a === "after" ? l("recurrence_end_date", void 0, {
-              shouldDirty: !1
-            }) : l("recurrence_max_occurrences", void 0, {
-              shouldDirty: !1
-            });
-          }, children: [
-            /* @__PURE__ */ e(k, { id: "recurrence_end_mode", className: "ttw:w-21", "aria-invalid": !!n, children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(S, { children: [
-              /* @__PURE__ */ e(d, { value: "after", children: t._("After") }),
-              /* @__PURE__ */ e(d, { value: "on", children: t._("On") })
-            ] })
-          ] }) }) }) }),
-          V === "on" ? /* @__PURE__ */ e(m, { control: o, name: "recurrence_end_date", render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: I, "aria-invalid": !!n, startMonth: y ? new Date(y.getFullYear(), y.getMonth(), 1) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11) }) }) }) }) : /* @__PURE__ */ c(p, { children: [
-            /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
-              field: r,
-              fieldState: {
-                error: n
-              }
-            }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
-            /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: v ? t._("day") : t._("days") })
-          ] })
-        ] });
-      case "month":
-      case "quarter":
-      case "year":
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end after") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
-          /* @__PURE__ */ c(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: [
-            i === "month" && (v ? t._("month") : t._("months")),
-            i === "quarter" && (v ? t._("quarter") : t._("quarters")),
-            i === "week" && (v ? t._("week") : t._("weeks")),
-            i === "year" && (v ? t._("year") : t._("years"))
-          ] })
-        ] });
-    }
-  };
-  return /* @__PURE__ */ c("section", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-    /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Repeat this invoice") }),
-      /* @__PURE__ */ e(m, { name: "frequency", control: o, render: ({
-        field: r
-      }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (n) => {
-        f(F), F.forEach((a) => {
-          l(a, void 0, {
-            shouldDirty: !1
-          });
-        }), G.includes(n) ? (l("payment_terms_id", z, {
-          shouldDirty: !0
-        }), l("payment_terms_custom_date", null, {
-          shouldDirty: !1
-        }), l("payment_reminder_id", "", {
-          shouldDirty: !0
-        })) : n !== "once" && R === B && (l("payment_terms_id", "", {
-          shouldDirty: !0
-        }), l("payment_terms_custom_date", null, {
-          shouldDirty: !1
-        })), r.onChange(n);
-      }, children: [
-        /* @__PURE__ */ e(k, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(C, {}) }),
-        /* @__PURE__ */ c(S, { children: [
-          /* @__PURE__ */ e(d, { value: "once", children: t._("Once") }),
-          /* @__PURE__ */ e(d, { value: "day", children: t._("Daily") }),
-          /* @__PURE__ */ e(d, { value: "week", children: t._("Weekly") }),
-          /* @__PURE__ */ e(d, { value: "month", children: t._("Monthly") }),
-          /* @__PURE__ */ e(d, { value: "quarter", children: t._("Quarterly") }),
-          /* @__PURE__ */ e(d, { value: "year", children: t._("Annually") })
-        ] })
-      ] }) }) }) }),
-      H()
-    ] }),
-    i !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Start on") }),
-      /* @__PURE__ */ e(m, { control: o, name: "recurrence_start_date", render: ({
-        field: r,
-        fieldState: {
-          error: n
-        }
-      }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, shouldDisableButton: i === "week" && !x, disabled: O, "aria-invalid": !!n, startMonth: /* @__PURE__ */ new Date(), endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11) }) }) }) }),
-      L()
-    ] }),
-    ["month", "quarter", "year"].includes(i) && /* @__PURE__ */ e(w, { variant: "caption", color: "muted", children: t._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.") })
-  ] });
+const n = (e, t) => {
+  switch (t) {
+    case "NEW":
+      return e._("In review");
+    case "DEFAULTED":
+      return e._("Uncollectible");
+    case "PAID":
+      return e._("Paid in full");
+    case "FUNDED":
+      return e._("Funded");
+    case "LATE":
+      return e._("Late payment");
+    case "REJECTED":
+      return e._("Rejected");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(t)}`);
+  }
 };
 export {
-  ie as RecurrenceSection
+  n as getCommonStatusLabel
 };

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

@@ -1,79 +1,65 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import * as a from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
-import { Label as p } from "./index325.js";
-import { cn as i } from "./index102.js";
-import { Slot as g } from "@radix-ui/react-slot";
-const b = f, l = a.createContext({}), C = ({
-  ...r
-}) => /* @__PURE__ */ m(l.Provider, { value: {
-  name: r.name
-}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
-  const r = a.useContext(l), e = a.useContext(c), {
-    getFieldState: t
-  } = F(), o = I({
-    name: r.name
-  }), s = t(r.name, o);
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { useLingui as t } from "@lingui/react";
+import { Box as r, Typography as o, Link as s } from "@mui/material";
+const l = [{
+  id: 1,
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  question: "Does enrolling in the program affect my credit score?",
+  answer: (
+    // eslint-disable-next-line lingui/no-unlocalized-strings
+    "Nope! During the onboarding process we will only conduct a soft pull on your credit report, which will not affect your personal credit score."
+  )
+}, {
+  id: 2,
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  question: "Why do I need to provide my bank connection details?",
+  answer: (
+    // eslint-disable-next-line lingui/no-unlocalized-strings
+    "Securely connecting your business bank account allows us to review your cashflow and determine your best loan offers."
+  )
+}, {
+  id: 3,
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  question: "When should I expect to receive a loan offer?",
+  answer: (
+    // eslint-disable-next-line lingui/no-unlocalized-strings
+    "Once you are enrolled into the program, we will be actively analyzing your financials and creating pre-approved offers that work best for your business needs. We do this to help you avoid debt trap. Loan offers are usually provided within less than 48 hours."
+  )
+}, {
+  id: 4,
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  question: "How do I repay the loan?",
+  answer: (
+    // eslint-disable-next-line lingui/no-unlocalized-strings
+    "At the moment we support monthly loan repayment once you agree to the loan payment schedule. A fixed amount will be automatically deducted from the bank you linked during the onboarding.In the near future, you can also choose to pay back the loan as a fixed percentage of your daily sales until the loan is fully repaid."
+  )
+}], h = () => {
   const {
-    id: n
-  } = e;
-  return {
-    id: n,
-    name: r.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
-  };
-}, c = a.createContext({});
-function N({
-  className: r,
-  ...e
-}) {
-  const t = a.useId();
-  return /* @__PURE__ */ m(c.Provider, { value: {
-    id: t
-  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
-}
-function M({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formItemId: o
-  } = d();
-  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
-}
-function S({
-  ...r
-}) {
-  const {
-    error: e,
-    formItemId: t,
-    formDescriptionId: o,
-    formMessageId: s
-  } = d();
-  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
-}
-function P({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formMessageId: o
-  } = d(), s = t ? String(t?.message ?? "") : e.children;
-  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
-}
+    i18n: e
+  } = t();
+  return /* @__PURE__ */ a(r, { p: 4, children: [
+    /* @__PURE__ */ a(r, { children: [
+      /* @__PURE__ */ n(o, { variant: "h3", children: e._("Simplified, fast funding for your growing business") }),
+      /* @__PURE__ */ n(o, { variant: "subtitle2", mt: 2, children: e._("Get your business moving and accelerate growth with quick and easy access to funding. Multiple options available.") })
+    ] }),
+    /* @__PURE__ */ a(r, { mt: 5, children: [
+      /* @__PURE__ */ n(o, { mb: 1, variant: "h3", children: e._("FAQ") }),
+      l.map((i) => /* @__PURE__ */ a(r, { mt: 3, children: [
+        /* @__PURE__ */ n(o, { variant: "subtitle2", children: e._("{faqQuestion}", {
+          faqQuestion: i.question
+        }) }),
+        /* @__PURE__ */ n(o, { variant: "body1", mt: 1, children: e._("{faqAnswer}", {
+          faqAnswer: i.answer
+        }) })
+      ] }, i.id))
+    ] }),
+    /* @__PURE__ */ n(r, { mt: 5, children: /* @__PURE__ */ a(o, { variant: "body2", children: [
+      e._("All loans are subject to credit approval. Your terms may vary. Flourish Capital loans are issued by Kanmon. California Loans are made pursuant to a Department of Financial Protection and Innovation California Lenders Law License. Read more about Kanmon"),
+      " ",
+      /* @__PURE__ */ n(s, { target: "_blank", rel: "noopener noreferrer", href: "https://kanmon.com", children: e._("here.") })
+    ] }) })
+  ] });
+};
 export {
-  b as Form,
-  S as FormControl,
-  C as FormField,
-  N as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
+  h as FinanceFaqDetails
 };

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

@@ -1,46 +1,70 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index260.js";
-import { Button as m } from "./index86.js";
-import { cn as p } from "./index102.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: c,
-  ...f
-}) => {
-  const [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
+import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as d } from "./index58.js";
+import { useLingui as p } from "@lingui/react";
+import { Box as s, Typography as e, List as h, ListItem as m } from "@mui/material";
+const g = () => {
+  const {
+    i18n: i
+  } = p(), {
+    componentSettings: l
+  } = d(), r = [{
+    id: 1,
+    title: i._("Create an invoice:"),
+    description: i._("If you applied for accounts receivable financing, issue an invoice and deliver it to your customer via email or any other channel."),
+    description2: i._("Or if you applied for accounts payable financing, upload/select the uploaded invoice you've received from your vendor."),
+    list: {
+      listTitle: i._("Invoices cannot be financed if:"),
+      listItems: [{
+        id: "listItem-1",
+        text: i._("- they are due within 7 days.")
+      }, {
+        id: "listItem-2",
+        text: i._("- they are already overdue.")
+      }, {
+        id: "listItem-3",
+        text: i._("- the loan sum exceeds your remaining limit.")
+      }]
     }
-  }, [r, a, e]);
-  const u = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
-    }
-  };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), u()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...f, ref: c })
+  }, {
+    id: 2,
+    title: i._("Select 'Get Paid Now':"),
+    description: i._("Access funding through the invoice list, within the invoice details, or the 'My Financing' tab. If approved, you will receive the invoice amount instantly, minus the fee associated with the payment offer chosen.")
+  }, {
+    id: 3,
+    title: i._("Pay out the financed sum:"),
+    description: i._("The full sum will be withdrawn from your bank account automatically on the date specified in the selected offer. You can also pay out the sum earlier via the 'Pay out' button.")
+  }], c = l?.financing?.financeSteps ?? r;
+  return /* @__PURE__ */ n(s, { px: 4, py: 5, children: [
+    /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e, { variant: "h3", children: i._("How does invoice financing work?") }) }),
+    /* @__PURE__ */ o(h, { sx: {
+      mt: 4,
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      p: 0,
+      pl: 2
+    }, component: "ul", children: c.map((t) => /* @__PURE__ */ n(m, { component: "li", sx: {
+      p: 0,
+      display: "list-item",
+      listStyleType: "disc",
+      maxWidth: 472,
+      mx: "auto"
+    }, children: [
+      /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 400, mb: t.list || t.description2 ? 3 : 0, children: [
+        /* @__PURE__ */ n(e, { component: "span", variant: "body1", fontWeight: 600, children: [
+          t.title,
+          " "
+        ] }),
+        t.description
+      ] }),
+      t.description2 && /* @__PURE__ */ o(e, { variant: "body1", fontWeight: 400, mb: t.list ? 3 : 0, children: t.description2 }),
+      t.list && /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 600, children: [
+        t.list.listTitle,
+        t.list.listItems.map((a) => /* @__PURE__ */ o(e, { variant: "body1", component: "span", display: "block", fontWeight: 400, children: a.text }, a.id))
+      ] })
+    ] }, t.id)) })
   ] });
 };
-g.displayName = "InputTags";
 export {
-  g as InputTags
+  g as FinanceHowItWorks
 };

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

@@ -1,22 +1,62 @@
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as s } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const p = () => {
+import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
+import { FinanceDetails as _ } from "./index342.js";
+import { FinancedInvoiceStatusChip as C } from "./index55.js";
+import { useMoniteContext as D } from "./index58.js";
+import "react-hot-toast";
+import { useLingui as F } from "@lingui/react";
+import "./index57.js";
+import { useCurrencies as b } from "./index59.js";
+import { useState as I } from "react";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import "react-script-hook";
+import { useGetFinancedInvoices as T } from "./index344.js";
+import { Dialog as j } from "./index51.js";
+import { useTheme as A, Skeleton as E, Box as o, Typography as m } from "@mui/material";
+const K = ({
+  invoice: r,
+  offers: s
+}) => {
   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."));
-    }
-  });
+    i18n: i
+  } = F(), p = A(), {
+    locale: c
+  } = D(), [d, a] = I(!1), {
+    formatCurrencyToDisplay: l
+  } = b(), {
+    isLoading: u,
+    data: f
+  } = T({
+    invoice_id: r.id,
+    type: "receivable"
+  }), t = f?.data?.[0] ?? null, y = c.dateFormat, h = t ? l(t.repayment_schedule?.repayment_amount ?? 0, r.currency) : "—", v = t?.repayment_schedule?.repayment_date ? i.date(t?.repayment_schedule?.repayment_date, y) : "—", g = t?.status;
+  return u ? /* @__PURE__ */ e(E, { variant: "rounded", height: 80 }) : /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ n(o, { onClick: () => a(!0), sx: {
+      borderRadius: "16px",
+      px: 3,
+      py: 2.5,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      border: `1px solid ${p.palette.divider}`,
+      cursor: "pointer"
+    }, children: [
+      /* @__PURE__ */ n(o, { children: [
+        /* @__PURE__ */ e(m, { variant: "subtitle2", children: i._("Funding for {repaymentAmount}", {
+          repaymentAmount: h
+        }) }),
+        /* @__PURE__ */ e(m, { variant: "body1", children: i._("Repayment on {repaymentDate}", {
+          repaymentDate: v
+        }) })
+      ] }),
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(C, { icon: !0, status: g ?? "DEFAULTED" }) })
+    ] }),
+    /* @__PURE__ */ e(j, { open: d, onClose: () => a(!1), alignDialog: "right", children: /* @__PURE__ */ e(_, { invoice: r, offers: s?.offers, financedInvoice: t }) })
+  ] });
 };
 export {
-  p as useDeleteCounterpart
+  K as FinanceOverviewCard
 };

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

@@ -1,32 +1,10 @@
-import { useMoniteContext as s } from "./index59.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 = () => {
+import { useMoniteContext as n } from "./index58.js";
+const t = () => {
   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."));
-    }
-  });
+    api: e
+  } = n();
+  return e.finops.getFinancingOffers.useQuery();
 };
 export {
-  f as useUpdateCounterpart
+  t as useGetFinanceOffers
 };

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

@@ -1,4 +1,4 @@
-import { useMoniteContext as a } from "./index59.js";
+import { useMoniteContext as a } from "./index58.js";
 const o = (e, s = !0) => {
   const {
     api: t