@tesouro/embedded-components-react 0.2.217 → 0.2.218

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

@@ -1,98 +1,363 @@
-import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { useForm as y, FormProvider as B } from "react-hook-form";
-import { useLingui as v } from "@lingui/react";
-import { useId as F, useMemo as z, useCallback as H } from "react";
-import { zodResolver as P } from "@hookform/resolvers/zod";
-import { Button as w } from "./index84.js";
-import { getCounterpartBankValidationSchema as U } from "./index198.js";
-import "./index57.js";
-import { toast as l } from "react-hot-toast";
-import { useCreateCounterpartBank as A } from "./index201.js";
-import { useUpdateCounterpartBank as D } from "./index354.js";
-import "date-fns";
-import { getCounterpartName as L } from "./index7.js";
-import { LoadingSpinner as j } from "./index122.js";
-import { CounterpartBankFormContent as I } from "./index224.js";
-const $ = ({
-  counterpartId: p,
-  isStandalone: g,
-  bankAccount: t,
-  handleClose: b,
-  onUpdate: c,
-  onCreate: i
-}) => {
-  const {
-    i18n: e
-  } = v(), h = `vendor-bank-form-${F()}`, N = !!t, {
-    mutate: f,
-    isPending: k
-  } = D(), {
-    mutate: _,
-    isPending: C
-  } = A(), o = k || C, S = z(() => ({
-    accountHolderName: t?.account_holder_name ?? "",
-    accountNumber: t?.account_number ?? "",
-    routingNumber: t?.routing_number ?? ""
-  }), [t]), {
-    resetField: n,
-    ...a
-  } = y({
-    resolver: P(U(e)),
-    defaultValues: S
-  }), x = H((m) => {
-    m.preventDefault(), m.stopPropagation(), a.handleSubmit((r) => {
-      if (t) {
-        const s = {
-          account_holder_name: r.accountHolderName,
-          account_number: r.accountNumber,
-          routing_number: r.routingNumber
-        };
-        return f({
-          path: {
-            counterpart_id: p,
-            bank_account_id: t?.id
-          },
-          body: s
-        }, {
-          onSuccess: () => {
-            l.success(e._("Bank account information has been updated.")), c && c();
-          }
-        });
-      } else {
-        const s = {
-          account_holder_name: r.accountHolderName,
-          account_number: r.accountNumber,
-          routing_number: r.routingNumber,
-          country: "US",
-          currency: "USD",
-          is_default_for_currency: !0
-        };
-        return _({
-          path: {
-            counterpart_id: p
-          },
-          body: s
-        }, {
-          onSuccess: () => {
-            l.success(e._("Bank Account has been added.")), i && i();
-          }
-        });
-      }
-    })(m);
-  }, [l, f, _, L, c, i, a.handleSubmit, e]);
-  return /* @__PURE__ */ u(B, { resetField: n, ...a, children: /* @__PURE__ */ d("form", { id: h, onSubmit: x, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
-    /* @__PURE__ */ u(I, { hasExistingBankAccount: N, handleCancel: b, isLoading: o, isStandalone: g }),
-    /* @__PURE__ */ d("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
-      /* @__PURE__ */ u(w, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
-        n("accountHolderName"), n("accountNumber"), n("routingNumber"), b();
-      }, children: e._("Cancel") }),
-      /* @__PURE__ */ d(w, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
-        o && /* @__PURE__ */ u(j, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
-        e._("Save")
-      ] })
-    ] })
-  ] }) });
+import { getCountries as Q } from "./index93.js";
+import { parseISO as Z } from "date-fns";
+import { rateMinorToMajor as z } from "./index326.js";
+import { getDaysOverdue as G } from "./index366.js";
+import { formatReminderSchedule as J } from "./index367.js";
+import { getLineLabel as K } from "./index354.js";
+const X = /^\d{4}-\d{2}-\d{2}$/, ee = (e, t) => {
+  switch (t) {
+    case "draft":
+      return e._("Draft");
+    case "issuing":
+      return e._("Issuing");
+    case "issued":
+      return e._("Issued");
+    case "partially_paid":
+      return e._("Issued");
+    case "paid":
+      return e._("Paid");
+    case "overdue":
+      return e._("Overdue");
+    case "uncollectible":
+      return e._("Written off");
+    case "canceled":
+      return e._("Cancelled");
+    case "recurring":
+      return e._("Recurring");
+    case "expired":
+      return e._("Expired");
+    case "declined":
+      return e._("Declined");
+    case "accepted":
+      return e._("Accepted");
+    case "deleted":
+      return e._("Deleted");
+    default:
+      return e._("Unknown");
+  }
+}, v = (e, t) => {
+  switch (t) {
+    case "day":
+      return e._("Daily");
+    case "week":
+      return e._("Weekly");
+    case "month":
+      return e._("Monthly");
+    case "quarter":
+      return e._("Quarterly");
+    case "year":
+      return e._("Yearly");
+    default:
+      return "";
+  }
+}, ae = (e, t) => {
+  switch (t) {
+    case "day":
+      return e._("each day");
+    case "week":
+      return e._("each week");
+    case "month":
+      return e._("each month");
+    case "quarter":
+      return e._("each quarter");
+    case "year":
+      return e._("each year");
+    default:
+      return "";
+  }
+}, te = ["issued", "overdue", "partially_paid", "paid", "uncollectible"], re = {
+  // Draft keeps both the issue-only ("Issue") and issue-and-email ("Issue and
+  // send") flows the legacy panel offered. This intentionally diverges from the
+  // current Figma (which has no email design yet) per David's QA — the send
+  // flow must survive the redesign. Revisit when the email flow is redesigned.
+  draft: {
+    primary: ["edit", "issue", "issueAndSend"],
+    overflow: ["clone", "delete"]
+  },
+  // `send` ("Resend") sits in primary, not overflow: David's QA
+  // asked twice for the send flow to be visible on the details panel rather
+  // than buried in the overflow menu (EMBD-4514). It is ordered *before*
+  // `recordPayment` deliberately: the panel gives the solid (primary) style to
+  // the last action only, so leading with `send` keeps "Record payment" as the
+  // emphasized call to action it already was and adds send as an outline button
+  // beside it. The ask was to make send visible, not to outrank recording a
+  // payment.
+  issued: {
+    primary: ["send", "recordPayment"],
+    overflow: ["clone", "cancel"]
+  },
+  // Overdue keeps the write-off (mark uncollectible) action the legacy exposed.
+  overdue: {
+    primary: ["send", "recordPayment"],
+    overflow: ["clone", "cancel", "markUncollectible"]
+  },
+  // No cancel: the backend rejects cancelling a partially-paid invoice with a
+  // 409 ("Only invoices in issued and overdue statuses can be canceled"), so
+  // offering it here would be a dead-end error toast. Matches the legacy
+  // actions, which gated Cancel to issued/overdue only.
+  partially_paid: {
+    primary: ["send", "recordPayment"],
+    overflow: ["clone"]
+  },
+  paid: {
+    primary: [],
+    overflow: ["clone"]
+  },
+  canceled: {
+    primary: [],
+    overflow: ["clone"]
+  },
+  uncollectible: {
+    primary: [],
+    overflow: ["clone"]
+  },
+  // The recurring master's series actions (pause/resume/cancel) are derived
+  // from the recurrence status below, not statically.
+  recurring: {
+    primary: [],
+    overflow: []
+  }
 };
+function se(e, t, x, {
+  i18n: a,
+  formatCurrencyToDisplay: A,
+  locale: R
+}, T = !1, y = {}, b) {
+  const $ = e.currency, n = (r) => A(r ?? 0, $) ?? "", c = (r) => r ? a.date(X.test(r) ? Z(r) : r, R.dateFormat) : "-", u = e.status, f = u === "canceled", d = u === "overdue", h = e.tax_mode === "inclusive", C = !!e.recurrence_id || u === "recurring", i = u === "recurring" && !!t, O = !!e.recurrence_id && u !== "recurring", w = d ? G(e.due_date) : 0;
+  let s = "default";
+  const l = [];
+  switch (u) {
+    case "draft":
+    case "recurring":
+      l.push({
+        label: a._("Invoice amount"),
+        value: n(e.total_amount),
+        emphasis: !0
+      });
+      break;
+    case "issued":
+    case "overdue":
+      s = d ? "danger" : "default", l.push({
+        label: a._("Balance due"),
+        value: n(e.amount_due),
+        emphasis: !0
+      }), (e.amount_paid ?? 0) > 0 && l.push({
+        label: a._("Amount received"),
+        value: n(e.amount_paid),
+        tone: "success"
+      });
+      break;
+    case "partially_paid":
+      l.push({
+        label: a._("Balance due"),
+        value: n(e.amount_due),
+        emphasis: !0
+      }, {
+        label: a._("Amount received"),
+        value: n(e.amount_paid),
+        tone: "success"
+      });
+      break;
+    case "paid":
+      s = "success", l.push({
+        label: a._("Amount received"),
+        value: n(e.amount_paid),
+        emphasis: !0
+      });
+      break;
+    case "canceled":
+      s = "muted", l.push({
+        label: a._("Cancelled amount"),
+        value: n(e.total_amount),
+        emphasis: !0
+      });
+      break;
+    case "uncollectible":
+      s = "muted", l.push({
+        label: a._("Amount written off"),
+        value: n(e.amount_due),
+        emphasis: !0
+      });
+      break;
+    default:
+      l.push({
+        label: a._("Invoice amount"),
+        value: n(e.total_amount),
+        emphasis: !0
+      });
+  }
+  const m = e.counterpart_contact, o = e.counterpart_billing_address, B = o?.country ? Q(a)[o.country] : void 0, S = [o?.city, [o?.state, o?.postal_code].filter(Boolean).join(" ")].filter(Boolean).join(", "), g = o?.line1 ? [`${o.line1}${o.line2 ? ` ${o.line2}` : ""}`, S, B].filter(Boolean).join(", ") : void 0, _ = [];
+  m?.email && _.push({
+    label: a._("Email"),
+    value: m.email
+  }), m?.phone && _.push({
+    label: a._("Phone"),
+    value: m.phone
+  }), g && _.push({
+    label: a._("Address"),
+    value: g
+  });
+  const j = !!(e.payment_reminder_id || e.overdue_reminder_id), I = J(y.paymentReminder, y.overdueReminder, a, j), q = b?.account, L = b ? [{
+    label: a._("Deposit account"),
+    value: q ? K(q, a) : b.isListIncomplete && e.bank_account_id ? "-" : a._("Not provided")
+  }] : [], M = i ? [{
+    label: a._("Frequency"),
+    value: t ? v(a, t.frequency) : "-"
+  }, {
+    label: a._("Invoice amount"),
+    value: n(e.total_amount)
+  }, {
+    label: a._("Payment terms"),
+    value: e.payment_terms?.name ?? "-"
+  }, {
+    label: a._("Payment reminders"),
+    value: I
+  }, {
+    label: a._("PO number"),
+    value: e.purchase_order || a._("Not provided")
+  }, ...L] : [
+    // Invoice number is omitted until the invoice is issued: a draft has no
+    // number, so a placeholder ("Auto-generated") reads as misleading copy
+    // (EMBD-3835 QA item 2 — show no number field/reference for drafts).
+    ...e.document_id ? [{
+      label: a._("Invoice number"),
+      value: e.document_id
+    }] : [],
+    {
+      label: a._("Invoice amount"),
+      value: n(e.total_amount)
+    },
+    {
+      label: a._("Invoice date"),
+      value: c(e.issue_date ?? e.created_at)
+    },
+    {
+      label: a._("Due date"),
+      value: c(e.due_date)
+    },
+    {
+      label: a._("Payment terms"),
+      value: e.payment_terms?.name ?? "-"
+    },
+    {
+      label: a._("Payment reminders"),
+      value: I
+    },
+    ...e.purchase_order ? [{
+      label: a._("PO number"),
+      value: e.purchase_order
+    }] : [],
+    ...L
+  ], E = (e.line_items ?? []).map((r, V) => {
+    const Y = h ? r?.product?.price_after_tax?.value : r?.product?.price?.value, H = h ? r?.total_after_tax : r?.total_before_tax ?? (r?.product?.price?.value ?? 0) * (r?.quantity ?? 0);
+    return {
+      id: `${r?.product?.id ?? "item"}-${V}`,
+      name: r?.product?.name ?? "",
+      quantityLabel: String(r?.quantity ?? 0),
+      unitPriceLabel: n(Y),
+      totalLabel: n(H)
+    };
+  }), F = [{
+    label: a._("Subtotal"),
+    value: n(e.subtotal)
+  }, ...(e.total_tax_amounts ?? []).map((r) => ({
+    label: a._("Tax ({rate}%)", {
+      rate: z(r?.value ?? 0)
+    }),
+    value: n(r?.amount)
+  })), {
+    label: a._("Total"),
+    value: n(e.total_amount),
+    emphasis: !0
+  }], N = te.includes(u) ? {
+    rows: x.map((r) => ({
+      id: r.id,
+      dateLabel: c(r.paid_at),
+      amountLabel: n(r.amount)
+    })),
+    // Total is the entity's amount_paid (authoritative), not a sum of
+    // `rows`: the records list may be partial/paginated, so summing rows
+    // could disagree with the true received total. Intentional.
+    totalLabel: n(e.amount_paid),
+    emptyTone: d ? "danger" : "default",
+    loading: T
+  } : void 0, U = i && t ? {
+    status: t.status,
+    amountLabel: n(e.total_amount),
+    amountPeriodLabel: ae(a, t.frequency),
+    startsOnLabel: c(t.start_date),
+    endsOnLabel: t.end_date ? c(t.end_date) : "-",
+    scheduleTitle: a._("{frequency} schedule", {
+      frequency: v(a, t.frequency)
+    })
+  } : void 0, W = O && t ? {
+    title: a._("{name} - {frequency}", {
+      name: e.counterpart_name ?? a._("Invoice"),
+      frequency: v(a, t.frequency)
+    }),
+    invoiceId: t.invoice_id
+  } : void 0, k = re[u] ?? {
+    primary: [],
+    overflow: ["clone"]
+  };
+  let p = k.overflow, P = k.primary;
+  if (i && t) {
+    switch (t.status) {
+      case "active":
+        p = ["pauseRecurrence", "cancelRecurrence"];
+        break;
+      case "paused":
+        p = ["resumeRecurrence", "cancelRecurrence"];
+        break;
+      default:
+        p = [];
+    }
+    (t.status === "active" || t.status === "paused") && (P = ["edit"]);
+  }
+  const D = e.counterpart_name ?? a._("Invoice");
+  return {
+    // Series master reads "{customer} - {frequency}"; everything else is the
+    // customer name.
+    title: i && t ? a._("{name} - {frequency}", {
+      name: D,
+      frequency: v(a, t.frequency)
+    }) : D,
+    status: u,
+    statusLabel: ee(a, u),
+    // Series master reads "Recurring series". Otherwise show the invoice
+    // number once issued; a draft has none so shows nothing (EMBD-3835 QA
+    // item 2).
+    subtitle: i ? a._("Recurring series") : e.document_id ? a._("Invoice: {number}", {
+      number: e.document_id
+    }) : void 0,
+    recurring: C,
+    overdueLabel: d && w > 0 ? a._("{days} days overdue", {
+      days: w
+    }) : void 0,
+    amountTone: s,
+    amountRows: l,
+    invoiceDateLabel: c(e.issue_date ?? e.created_at),
+    // No dedicated cancellation timestamp exists on InvoiceResponsePayload;
+    // updated_at is the closest proxy for "Cancelled on".
+    dueDateLabel: c(f ? e.updated_at : e.due_date),
+    dueDateCaption: f ? a._("Cancelled on") : a._("Due date"),
+    paymentHistory: N,
+    customerContact: _,
+    recurringSeries: U,
+    seriesLink: W,
+    billingItems: M,
+    lineItems: E,
+    lineItemTotals: F,
+    // memo = opening note; footer = closing note (rendered below the line
+    // items in the PDF).
+    notes: e.memo || e.footer ? {
+      opening: e.memo || void 0,
+      closing: e.footer || void 0
+    } : void 0,
+    primaryActions: P,
+    overflowActions: p
+  };
+}
 export {
-  $ as CounterpartBankForm
+  se as buildInvoiceDetailsView
 };

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

@@ -1,114 +1,4 @@
-import { jsxs as a, jsx as e, Fragment as y } from "@emotion/react/jsx-runtime";
-import { USStatesEnum as x } from "./index355.js";
-import { Field as o, FieldContent as s, FieldLabel as c, FieldError as m } from "./index145.js";
-import { Input as f } from "./index146.js";
-import { Select as F, SelectTrigger as _, SelectValue as j, SelectContent as A, SelectItem as E } from "./index234.js";
-import { Typography as b } from "./index85.js";
-import { MoniteCountryShadcn as L } from "./index356.js";
-import { useLingui as T } from "@lingui/react";
-import { useRef as U } from "react";
-import { useFormContext as B, Controller as w } from "react-hook-form";
-import { twMerge as g } from "tailwind-merge";
-const G = ({
-  hasExistingAddress: v,
-  isLoading: n,
-  isStandalone: d,
-  customerType: S
-}) => {
-  const {
-    i18n: l
-  } = T(), {
-    watch: N,
-    control: h
-  } = B(), u = U(null), i = S === "vendor";
-  return /* @__PURE__ */ a("div", { className: g("ttw:flex ttw:flex-col ttw:gap-4"), ref: u, children: [
-    d ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ e(b, { variant: "body1", className: "ttw:font-medium", children: v ? l._("Editing address") : l._("Adding address") }) }) : /* @__PURE__ */ e(y, { children: !i && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ a(b, { variant: "body1", className: "ttw:font-medium", children: [
-      l._("Address"),
-      " ",
-      /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground", children: l._("(optional)") })
-    ] }) }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "line1", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Street address") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "line2", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ a(c, { htmlFor: t.name, className: "ttw:gap-1", children: [
-          l._("Apt, suite, floor, etc."),
-          i && /* @__PURE__ */ e(b, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: l._("(optional)") })
-        ] }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "city", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("City") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "state", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => N("country") === "US" ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
-        /* @__PURE__ */ a(F, { value: t.value ?? void 0, onValueChange: t.onChange, disabled: n, children: [
-          /* @__PURE__ */ e(_, { ref: t.ref, onBlur: t.onBlur, "aria-invalid": !!r || void 0, className: g("ttw:w-full", (d || i) && "ttw:bg-white"), disabled: n, children: /* @__PURE__ */ e(j, { placeholder: l._("Select a state") }) }),
-          /* @__PURE__ */ e(A, { children: Object.entries(x).map(([p, C]) => /* @__PURE__ */ a(E, { value: p, children: [
-            C,
-            " — ",
-            p
-          ] }, p)) })
-        ] }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) : /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "postalCode", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Postal code") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "country", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { children: l._("Country") }),
-        /* @__PURE__ */ e(L, { value: t.value, className: d || i ? "ttw:bg-white" : "", onChange: t.onChange, invalid: !!r, disabled: n, container: u?.current, allowedCountries: ["US"] }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] })
-  ] });
-};
+const t = (e) => e.preventDefault();
 export {
-  G as CounterpartAddressFormContent
+  t as preventTooltipFocusOpen
 };