@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,130 @@
+import { jsxs as r, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
+import { AccordionTrigger as g, AccordionContent as x } from "./index291.js";
+import { Badge as b } from "./index292.js";
+import { Button as v } from "./index86.js";
+import { useLingui as f } from "@lingui/react";
+import { Calendar as N, Bell as R } from "lucide-react";
+import { twMerge as j } from "tailwind-merge";
+import "react-hot-toast";
+import "./index59.js";
+import { useState as I } from "react";
+import "date-fns";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "clsx";
+import "@radix-ui/react-dropdown-menu";
+import { useGetPaymentReminderById as C } from "./index406.js";
+import { useGetOverdueReminderById as D } from "./index407.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "react-hook-form";
+import { PreviewEmail as T } from "./index277.js";
+import { Dialog as B, DialogContent as L, DialogDescription as $ } from "./index161.js";
+import { getDefaultContact as k } from "./index274.js";
+import { useCounterpartById as O } from "./index72.js";
+import { useCounterpartContactList as S } from "./index76.js";
+const p = ({
+  term: a,
+  isLastTerm: o,
+  invoiceId: c
+}) => {
+  const {
+    i18n: d
+  } = f(), [i, w] = I(!1);
+  return /* @__PURE__ */ r("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+      /* @__PURE__ */ r("div", { className: j("ttw:flex ttw:flex-col ttw:gap-1", o ? "ttw:pt-0" : "ttw:pt-2 ttw:justify-end ttw:items-center"), children: [
+        /* @__PURE__ */ e(R, { className: "ttw:size-4" }),
+        !o && /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "ttw:text-text ttw:text-sm ttw:font-normal ttw:leading-5", children: a.reminderTerm })
+    ] }),
+    /* @__PURE__ */ e(v, { variant: "link", onClick: () => w(!0), children: d._("View email") }),
+    i && /* @__PURE__ */ e(B, { open: i, onOpenChange: w, children: /* @__PURE__ */ r(L, { fullScreen: !0, children: [
+      /* @__PURE__ */ e(T, { invoiceId: c, body: a.body, subject: a.subject }),
+      /* @__PURE__ */ e($, { hidden: !0, children: d._("Email preview") })
+    ] }) })
+  ] });
+}, ce = ({
+  paymentReminderId: a,
+  overdueReminderId: o,
+  invoiceId: c,
+  counterpartId: d
+}) => {
+  const {
+    i18n: i
+  } = f(), {
+    data: w
+  } = S(d), {
+    data: u
+  } = O(d), {
+    data: t
+  } = C(a), {
+    data: y
+  } = D(o), _ = k(w, u), s = [...t?.term_1_reminder ? [{
+    body: t?.term_1_reminder?.body,
+    subject: t?.term_1_reminder?.subject,
+    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
+      paymentReminder: t?.term_1_reminder.days_before,
+      paymentReminder1: t?.term_1_reminder?.days_before === 1 ? "day" : "days"
+    }),
+    id: "payment-1"
+  }] : [], ...t?.term_2_reminder ? [{
+    body: t?.term_2_reminder?.body,
+    subject: t?.term_2_reminder?.subject,
+    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
+      paymentReminder: t?.term_2_reminder.days_before,
+      paymentReminder1: t?.term_2_reminder?.days_before === 1 ? "day" : "days"
+    }),
+    id: "payment-2"
+  }] : [], ...t?.term_final_reminder ? [{
+    body: t?.term_final_reminder?.body,
+    subject: t?.term_final_reminder?.subject,
+    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
+      paymentReminder: t?.term_final_reminder.days_before,
+      paymentReminder1: t?.term_final_reminder?.days_before === 1 ? "day" : "days"
+    }),
+    id: "payment-3"
+  }] : []], m = y?.terms?.map((n, l) => ({
+    body: n?.body,
+    subject: n?.subject,
+    reminderTerm: i._("{termDays_after} {term} after", {
+      termDays_after: n.days_after,
+      term: n?.days_after === 1 ? "day" : "days"
+    }),
+    id: `overdue-${l + 1}`
+  })) ?? [];
+  return /* @__PURE__ */ r(h, { children: [
+    /* @__PURE__ */ e(g, { className: "ttw:hover:no-underline ttw:group", children: /* @__PURE__ */ r("span", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+      /* @__PURE__ */ e("span", { className: "ttw:group-hover:underline", children: i._("Reminder emails") }),
+      s?.length + m?.length > 0 && /* @__PURE__ */ e(b, { variant: "secondary", className: "ttw:h-5 ttw:min-w-5 ttw:rounded-full ttw:px-1 ttw:tabular-nums", children: s?.length + m?.length })
+    ] }) }),
+    /* @__PURE__ */ r(x, { className: "ttw:flex ttw:gap-6", children: [
+      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1", children: [
+        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Recipients") }),
+        /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: _?.email ?? "-" })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Scheduled reminders") }),
+        /* @__PURE__ */ r("ul", { children: [
+          s?.length > 0 && s.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: m.length > 0 ? !1 : l === s.length - 1, invoiceId: c }, n.id)),
+          m.length > 0 && /* @__PURE__ */ e("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:justify-end ttw:items-center ttw:gap-1 ttw:pt-2", children: [
+              /* @__PURE__ */ e(N, { className: "ttw:size-4 ttw:text-neutral" }),
+              /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-neutral ttw:text-sm ttw:font-normal ttw:leading-5", children: i._("Due date") })
+          ] }) }),
+          m?.length > 0 && m.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: l === m.length - 1, invoiceId: c }, n.id))
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ce as InvoiceDetailsOverviewReminders
+};

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

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
+import { cn as a } from "./index102.js";
+import * as o from "@radix-ui/react-accordion";
+import { ChevronDownIcon as s } from "lucide-react";
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "accordion", ...t });
+}
+function m({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e(o.Item, { "data-slot": "accordion-item", className: a("ttw:border-b ttw:last:border-b-0", t), ...n });
+}
+function f({
+  className: t,
+  children: n,
+  ...r
+}) {
+  return /* @__PURE__ */ e(o.Header, { className: "ttw:flex", children: /* @__PURE__ */ i(o.Trigger, { "data-slot": "accordion-trigger", className: a("ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:hover:underline ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", t), ...r, children: [
+    n,
+    /* @__PURE__ */ e(s, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })
+  ] }) });
+}
+function u({
+  className: t,
+  children: n,
+  ...r
+}) {
+  return /* @__PURE__ */ e(o.Content, { "data-slot": "accordion-content", className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm", ...r, children: /* @__PURE__ */ e("div", { className: a("ttw:pt-0 ttw:pb-4", t), children: n }) });
+}
+export {
+  l as Accordion,
+  u as AccordionContent,
+  m as AccordionItem,
+  f as AccordionTrigger
+};

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

@@ -0,0 +1,53 @@
+import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
+import { cn as t } from "./index102.js";
+import { Slot as b } from "@radix-ui/react-slot";
+import { cva as r } from "class-variance-authority";
+const g = r("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
+  variants: {
+    variant: {
+      default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
+      secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-neutral ttw:[a&]:hover:bg-secondary/90",
+      destructive: "ttw:border-transparent ttw:bg-destructive ttw:text-white ttw:[a&]:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
+      outline: "ttw:text-foreground ttw:[a&]:hover:bg-accent ttw:[a&]:hover:text-accent-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), f = r("ttw:rounded-full ttw:box-content! ttw:inline-block", {
+  variants: {
+    dotSize: {
+      small: "ttw:w-1.5 ttw:h-1.5 ttw:border-2",
+      medium: "ttw:w-2 ttw:h-2 ttw:border-[3px]",
+      large: "ttw:w-2.5 ttw:h-2.5 ttw:border-4"
+    }
+  },
+  defaultVariants: {
+    dotSize: "medium"
+  }
+});
+function y({
+  className: e,
+  variant: a,
+  showBadgeBackground: i = !0,
+  asChild: n = !1,
+  dotSize: o,
+  showDot: w = !1,
+  showDotBorder: s,
+  dotClassName: d,
+  children: c,
+  ...l
+}) {
+  return /* @__PURE__ */ u(n ? b : "span", { "data-slot": "badge", className: t(g({
+    variant: a
+  }), !i && "ttw:bg-transparent! ttw:border-transparent! ttw:p-0!", e), ...l, children: [
+    w && /* @__PURE__ */ v("span", { className: t(f({
+      dotSize: o
+    }), !s && "ttw:border-none", d) }),
+    c
+  ] });
+}
+export {
+  y as Badge,
+  g as badgeVariants
+};

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

@@ -0,0 +1,39 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as s } from "./index102.js";
+function d({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("div", { "data-slot": "card", className: s("ttw:bg-card ttw:text-card-foreground ttw:flex ttw:flex-col ttw:gap-6 ttw:rounded-xl ttw:border ttw:py-6 ttw:shadow-sm", t), ...a });
+}
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("div", { "data-slot": "card-header", className: s("ttw:@container/card-header ttw:grid ttw:auto-rows-min ttw:grid-rows-[auto_auto] ttw:items-start ttw:gap-1.5 ttw:px-6 ttw:has-data-[slot=card-action]:grid-cols-[1fr_auto] ttw:[.border-b]:pb-6", t), ...a });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("div", { "data-slot": "card-title", className: s("ttw:leading-none ttw:font-semibold", t), ...a });
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("div", { "data-slot": "card-action", className: s("ttw:col-start-2 ttw:row-span-2 ttw:row-start-1 ttw:self-start ttw:justify-self-end", t), ...a });
+}
+function l({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("div", { "data-slot": "card-content", className: s("ttw:px-6", t), ...a });
+}
+export {
+  d as Card,
+  w as CardAction,
+  l as CardContent,
+  n as CardHeader,
+  c as CardTitle
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as o } from "./index59.js";
+const s = (e) => {
+  const {
+    api: t
+  } = o();
+  return t.finops.getPaymentRecords.useQuery({
+    query: {
+      object_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+};
+export {
+  s as useGetPaymentRecords
+};

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

@@ -0,0 +1,41 @@
+const e = (a, r) => {
+  switch (a) {
+    case "sepa_credit":
+      return r._("SEPA Credit");
+    case "us_ach":
+      return r._("US ACH");
+    case "blik":
+      return r._("BLIK");
+    case "card":
+      return r._("Card payment");
+    case "bacs_direct_debit":
+      return r._("Bacs Direct Debit");
+    case "bancontact":
+      return r._("Bancontact");
+    case "eps":
+      return r._("EPS");
+    case "giropay":
+      return r._("Giropay");
+    case "ideal":
+      return r._("iDEAL");
+    case "p24":
+      return r._("Przelewy24");
+    case "sepa_debit":
+      return r._("SEPA Debit");
+    case "sofort":
+      return r._("SOFORT");
+    case "applepay":
+      return r._("Apple Pay");
+    case "googlepay":
+      return r._("Google Pay");
+    case "affirm":
+      return r._("Affirm");
+    case "klarna":
+      return r._("Klarna");
+    default:
+      return r._("Unknown payment method");
+  }
+};
+export {
+  e as getPaymentMethodName
+};

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

@@ -0,0 +1,45 @@
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index297.js";
+import "date-fns";
+import { Badge as s } from "./index292.js";
+import { cn as g } from "./index102.js";
+import { useLingui as c } from "@lingui/react";
+import { cva as l } from "class-variance-authority";
+const r = l("", {
+  variants: {
+    variant: {
+      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
+      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
+      canceled: "ttw:bg-red-100 ttw:text-red-700",
+      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
+      send_failed: "ttw:bg-red-100 ttw:text-red-700",
+      completed: "ttw:bg-green-100 ttw:text-green-700"
+    },
+    dotVariant: {
+      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
+      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
+      canceled: "ttw:border-red-100 ttw:bg-red-700",
+      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
+      send_failed: "ttw:border-red-100 ttw:bg-red-700",
+      completed: "ttw:border-green-100 ttw:bg-green-700"
+    }
+  }
+}), z = ({
+  status: t,
+  className: o,
+  showBadgeBackground: e = !0,
+  dotSize: d,
+  ref: a
+}) => {
+  const {
+    i18n: n
+  } = c();
+  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
+    variant: t
+  }), o), dotClassName: r({
+    dotVariant: t
+  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
+};
+export {
+  z as InvoiceRecurrenceIterationStatusChip
+};

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

@@ -0,0 +1,65 @@
+const t = (e, r) => {
+  switch (r) {
+    case "draft":
+      return e._("Draft");
+    case "issued":
+      return e._("Issued");
+    case "accepted":
+      return e._("Accepted");
+    case "expired":
+      return e._("Expired");
+    case "declined":
+      return e._("Declined");
+    case "recurring":
+      return e._("Recurring");
+    case "partially_paid":
+      return e._("Partially paid");
+    case "paid":
+      return e._("Paid");
+    case "overdue":
+      return e._("Overdue");
+    case "uncollectible":
+      return e._("Uncollectible");
+    case "canceled":
+      return e._("Canceled");
+    case "deleted":
+      return e._("Deleted");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+}, a = (e, r) => {
+  switch (r) {
+    case "active":
+      return e._("Active");
+    case "paused":
+      return e._("Inactive");
+    case "canceled":
+      return e._("Canceled");
+    case "completed":
+      return e._("Completed");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+}, n = (e, r) => {
+  switch (r) {
+    case "pending":
+      return e._("Scheduled");
+    case "skipped":
+      return e._("Skipped");
+    case "canceled":
+      return e._("Canceled");
+    case "issue_failed":
+      return e._("Issue failed");
+    case "send_failed":
+      return e._("Send failed");
+    case "completed":
+      return e._("Completed");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+};
+export {
+  n as getCommonRecurrenceIterationStatusLabel,
+  a as getCommonRecurrenceStatusLabel,
+  t as getCommonStatusLabel
+};

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

@@ -0,0 +1,148 @@
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index227.js";
+import { Input as b } from "./index128.js";
+import { Label as v } from "./index381.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index382.js";
+import { Typography as n } from "./index87.js";
+import { useLingui as F } from "@lingui/react";
+import { useRef as S } from "react";
+import { useFormContext as T, Controller as u } from "react-hook-form";
+import { twMerge as c } from "tailwind-merge";
+import { CounterpartBankSection as z } from "./index222.js";
+import { Checkbox as I } from "./index404.js";
+import { CounterpartAddressSection as L } from "./index224.js";
+const W = ({
+  handleChangeCounterpartType: N,
+  counterpartType: d,
+  isLoading: l,
+  customerType: g,
+  isEditMode: o
+}) => {
+  const {
+    i18n: r
+  } = F(), {
+    control: w
+  } = T(), x = S(null), s = g === "vendor";
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", ref: x, children: [
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:flex-col ttw:gap-1.5", o && "ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border"), children: [
+      /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: o ? r._("Editing {customerType} details", {
+        customerType: g
+      }) : r._("{customerType} details", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      !o && /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: s ? r._("Who are you paying?") : r._("Who are you billing?") })
+    ] }),
+    !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(m, { children: r._("{customerType} type", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      /* @__PURE__ */ a(C, { className: "ttw:flex", value: d, disabled: l, onValueChange: (t) => N?.(t), children: [
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "organization" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "organization", id: "organization", className: c(d === "organization" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "organization" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "organization", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Business") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("A company or organization") })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "individual" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "individual", id: "individual", className: c(d === "individual" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "individual" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "individual", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Person") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("An individual or contractor") })
+          ] })
+        ] })
+      ] })
+    ] }),
+    d === "individual" ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(u, { name: "firstName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("First name") }),
+        /* @__PURE__ */ e(b, { className: o ? "ttw:bg-white" : "", id: t.name, ...t, disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "lastName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Last name") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }) : /* @__PURE__ */ e(u, { name: "companyName", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Business name") }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:gap-4", s ? "ttw:flex-row" : "ttw:flex-col"), children: [
+      /* @__PURE__ */ e(u, { name: "email", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Email") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      !s && /* @__PURE__ */ e(u, { name: "remindersEnabled", control: w, render: ({
+        field: t
+      }) => /* @__PURE__ */ e(h, { orientation: "horizontal", children: /* @__PURE__ */ a(p, { className: "ttw:flex-row", children: [
+        /* @__PURE__ */ e(I, { id: t.name, ref: t.ref, checked: t.value, onCheckedChange: t.onChange, onBlur: t.onBlur, disabled: l }),
+        /* @__PURE__ */ e(m, { htmlFor: t.name, className: "ttw:font-normal ttw:leading-4", children: r._("Send reminders to this email when an invoice is approaching its due date") })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "phone", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+          r._("Phone"),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(u, { name: "tax_id", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+        r._("Tax ID / {documentType}", {
+          documentType: d === "individual" ? "SSN" : "EIN"
+        }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+      ] }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", placeholder: r._("e.g., {example}", {
+        example: d === "individual" ? "034-56-78890" : "12-3456789"
+      }), disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(_, { children: s ? r._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : r._("Required only if you'll issue a 1099 IRS form at year-end.") }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    (s || !o) && /* @__PURE__ */ e(L, { isLoading: l, customerType: g, isStandalone: !1 }),
+    s && !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7", children: [
+        /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: r._("Accepted payment methods") }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: r._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.") })
+      ] }),
+      /* @__PURE__ */ e(z, { isLoading: l, isStandalone: !1 })
+    ] })
+  ] });
+};
+export {
+  W as CounterpartFormContent
+};