@tesouro/embedded-components-react 0.2.20 → 0.2.21

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

@@ -1,51 +1,130 @@
-import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
-import { useResizeObserver as x } from "./index453.js";
-import { useWindowResize as z } from "./index454.js";
-import "./index59.js";
-import "@lingui/react";
+import { jsxs as r, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
+import { AccordionTrigger as g, AccordionContent as x } from "./index251.js";
+import { Badge as b } from "./index252.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 "./index395.js";
+import { useGetOverdueReminderById as D } from "./index398.js";
 import "./index94.js";
-import "@emotion/react/jsx-runtime";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useIsMounted as O } from "./index70.js";
-import { useA4Dimensions as T } from "./index455.js";
-const K = (e, c, D = {}) => {
+import "react-hook-form";
+import { PreviewEmail as T } from "./index370.js";
+import { Dialog as B, DialogContent as L, DialogDescription as $ } from "./index188.js";
+import { getDefaultContact as k } from "./index368.js";
+import { useCounterpartById as O } from "./index72.js";
+import { useCounterpartContactList as S } from "./index76.js";
+const p = ({
+  term: a,
+  isLastTerm: o,
+  invoiceId: c
+}) => {
   const {
-    minWidth: b,
-    minHeight: y,
-    containerPadding: n = 96,
-    minScale: o = 1,
-    initialDelay: m = 100,
-    useAdaptiveDimensions: a = !0
-  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
-    if (!e.current || !c.current || typeof window > "u" || !d.current)
-      return;
-    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
-    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
-      p(o);
-      return;
-    }
-    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
-    p(R);
-  }, [e, c, d, n, s, u, o]);
-  z(r, 100);
+    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 {
-    observe: t,
-    disconnect: h
-  } = x(r, 50);
-  return v(() => {
-    if (typeof window > "u") return;
-    const i = setTimeout(() => {
-      r(), f.current = !0;
-    }, m);
-    return e.current && t(e.current), () => {
-      clearTimeout(i), h();
-    };
-  }, [t, h, m, r, e]), v(() => {
-    e.current && f.current && t(e.current);
-  }, [e, t]), M;
+    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 {
-  K as useAdaptiveScale
+  ce as InvoiceDetailsOverviewReminders
 };

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

@@ -1,17 +1,18 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as c } from "./index102.js";
-const l = ({
-  ratio: t,
-  children: s,
-  className: a,
-  style: e,
-  ref: i,
-  ...o
-}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
-  ...e,
-  aspectRatio: t.toString()
-}, ...o, children: s });
-l.displayName = "AspectRatio";
+import { cn as o } from "./index102.js";
+function e({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r("div", { "data-slot": "card", className: o("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-content", className: o("ttw:px-6", t), ...a });
+}
 export {
-  l as AspectRatio
+  e as Card,
+  n as CardContent
 };

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

@@ -1,88 +1,41 @@
-import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
-import { useState as k, useMemo as b } from "react";
-import { useFormContext as Y, Controller as j } from "react-hook-form";
-import { format as C } from "date-fns";
-import { Calendar as $ } from "lucide-react";
-import { calculateDueDate as x } from "./index7.js";
-import { useLingui as A } from "@lingui/react";
-import { dedupePaymentTermsByContent as L } from "./index450.js";
-import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index202.js";
-import { cn as N } from "./index102.js";
-import { Skeleton as O } from "./index138.js";
-import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index313.js";
-import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index402.js";
-import { Calendar as G } from "./index451.js";
-import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index157.js";
-const S = "MMM d, yyyy", ue = ({
-  disabled: D,
-  paymentTerms: f,
-  isLoading: E
-}) => {
-  const {
-    i18n: a
-  } = A(), {
-    control: M,
-    watch: w,
-    setValue: _
-  } = Y(), [T, m] = k(!1), i = w("payment_terms_id"), P = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
-    dedupedTerms: y
-  } = b(() => L(f?.data ?? []), [f]), d = y.find((r) => r?.id === i), F = d && x(d), c = () => {
-    window.setTimeout(() => m(!0), 0);
-  }, g = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
-    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: C(s, S) })
-  ] });
-  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
-    field: r,
-    fieldState: {
-      error: s
-    }
-  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
-    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
-    /* @__PURE__ */ n(q, { open: T, onOpenChange: (t) => {
-      m(t), !t && i === l && !o && r.onChange(void 0);
-    }, children: [
-      /* @__PURE__ */ n(R, { ...r, disabled: D, value: r.value, onValueChange: (t) => {
-        if (t === l) {
-          i !== l && p(void 0), r.onChange(t), c();
-          return;
-        }
-        r.onChange(t), t === u && _("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), p(void 0), m(!1);
-      }, children: [
-        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
-          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
-          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
-              /* @__PURE__ */ e($, { className: N("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
-              /* @__PURE__ */ e("span", { className: N("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? C(o, S) : a._("MM/DD/YYYY") })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
-          ] }),
-          d && g(d.name, F)
-        ] }) }) }),
-        /* @__PURE__ */ n(z, { children: [
-          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
-          /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
-            (t.key === "Enter" || t.key === " ") && c();
-          }, children: a._("Custom date") }),
-          /* @__PURE__ */ e(I, {}),
-          y.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: g(t.name, x(t)) }, t.id))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
-        t.preventDefault();
-      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
-        before: /* @__PURE__ */ new Date()
-      }, onSelect: (t) => {
-        p(t), m(!1);
-      } }) })
-    ] }),
-    P && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
-    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
-  ] }) }) }) }) });
+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 {
-  ue as PaymentSection
+  e as getPaymentMethodName
 };

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

@@ -1,223 +1,45 @@
-import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useLingui as P } from "@lingui/react";
-import { useFormContext as W, Controller as m } from "react-hook-form";
-import { Field as h, FieldContent as f } from "./index157.js";
-import { Select as D, SelectTrigger as k, SelectValue as S, SelectContent as C, SelectItem as d, SelectSeparator as B } from "./index313.js";
-import { Typography as u } from "./index87.js";
-import { DatePicker as F } from "./index452.js";
-import { Input as $ } from "./index119.js";
-import { RECEIPT_DUE_PAYMENT_TERM as K } from "./index202.js";
-const U = ["day", "week", "month"], E = (t) => {
-  (t.key === "." || t.key === ",") && t.preventDefault();
-}, G = (t) => {
-  const o = ["th", "st", "nd", "rd"], l = t % 100;
-  return `${t}${o[(l - 20) % 10] ?? o[l] ?? o[0]}`;
-}, Q = Array.from({
-  length: 31
-}, (t, o) => o + 1), T = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], V = {
-  su: 0,
-  mo: 1,
-  tu: 2,
-  we: 3,
-  th: 4,
-  fr: 5,
-  sa: 6
-}, A = () => {
-  const t = /* @__PURE__ */ new Date();
-  return t.setHours(0, 0, 0, 0), t;
-}, X = (t) => {
-  const o = A(), l = (V[t] - o.getDay() + 7) % 7, _ = new Date(o);
-  return _.setDate(o.getDate() + l), _;
-}, ce = () => {
-  const {
-    i18n: t
-  } = P(), {
-    control: o,
-    watch: l,
-    clearErrors: _,
-    setValue: w
-  } = W(), s = l("frequency"), g = l("recurrence_issue_mode"), I = l("recurrence_end_mode"), x = l("recurrence_days_of_week"), O = l("recurrence_max_occurrences"), v = Number(O) === 1, M = l("recurrence_start_date"), y = M ? new Date(M) : void 0, j = l("recurrence_end_date"), b = j ? new Date(j) : void 0, q = (r) => {
-    if (r < A()) return !0;
-    if (s === "week")
-      return x ? r.getDay() !== V[x] : !1;
-    if (s !== "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 i = Number(g);
-    return Number.isNaN(i) ? !1 : n !== Math.min(i, a);
-  }, R = (r) => {
-    if (q(r)) return !0;
-    if (!y) return !1;
-    const n = new Date(y);
-    return n.setHours(0, 0, 0, 0), r < n;
-  }, Y = (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 (s) {
-      case "once":
-      case "day":
-      case "quarter":
-      case "year":
-      default:
-        return null;
-      case "month":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(u, { 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(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
-            r.onChange(a), _("recurrence_issue_mode"), w("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(S, {}) }),
-            /* @__PURE__ */ c(C, { children: [
-              /* @__PURE__ */ e(d, { value: "first_day", children: t._("First day") }),
-              /* @__PURE__ */ e(d, { value: "last_day", children: t._("Last day") }),
-              /* @__PURE__ */ e(B, {}),
-              Q.map((a) => /* @__PURE__ */ e(d, { value: String(a), children: G(a) }, a))
-            ] })
-          ] }) }) }) }),
-          /* @__PURE__ */ e(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
-        ] });
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(u, { 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, i = (N) => {
-              a !== N && (r.onChange(N), w("recurrence_start_date", X(N), {
-                shouldDirty: !0
-              }), _("recurrence_start_date"));
-            };
-            return /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { 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: () => i("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: () => i("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: () => i("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: () => i("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: () => i("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: () => i("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: () => i("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 (s) {
-      case "once":
-      default:
-        return null;
-      case "day":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(u, { 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(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
-            r.onChange(a), a === "after" ? w("recurrence_end_date", void 0, {
-              shouldDirty: !1
-            }) : w("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(S, {}) }),
-            /* @__PURE__ */ c(C, { children: [
-              /* @__PURE__ */ e(d, { value: "after", children: t._("After") }),
-              /* @__PURE__ */ e(d, { value: "on", children: t._("On") })
-            ] })
-          ] }) }) }) }),
-          I === "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(f, { children: /* @__PURE__ */ e(F, { ...r, placeholder: t._("Select date"), selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: R, "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(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e($, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: E, "aria-invalid": !!n }) }) }) }),
-            /* @__PURE__ */ e(u, { 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(u, { 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(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e($, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: E, "aria-invalid": !!n }) }) }) }),
-          /* @__PURE__ */ c(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: [
-            s === "month" && (v ? t._("month") : t._("months")),
-            s === "quarter" && (v ? t._("quarter") : t._("quarters")),
-            s === "week" && (v ? t._("week") : t._("weeks")),
-            s === "year" && (v ? t._("year") : t._("years"))
-          ] })
-        ] });
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index288.js";
+import "date-fns";
+import { Badge as s } from "./index252.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"
     }
-  };
-  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(u, { 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(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (n) => {
-        _(T), T.forEach((a) => {
-          w(a, void 0, {
-            shouldDirty: !1
-          });
-        }), U.includes(n) && (w("payment_terms_id", K, {
-          shouldDirty: !0
-        }), w("payment_terms_custom_date", null, {
-          shouldDirty: !1
-        }), w("payment_reminder_id", "", {
-          shouldDirty: !0
-        })), r.onChange(n);
-      }, children: [
-        /* @__PURE__ */ e(k, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ c(C, { 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()
-    ] }),
-    s !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(u, { 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(f, { children: /* @__PURE__ */ e(F, { ...r, placeholder: t._("Select date"), selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, shouldDisableButton: s === "week" && !x, disabled: Y, "aria-invalid": !!n, startMonth: /* @__PURE__ */ new Date(), endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11) }) }) }) }),
-      L()
-    ] }),
-    s !== "once" && /* @__PURE__ */ e(u, { 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.") })
-  ] });
+  }
+}), 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 {
-  ce as RecurrenceSection
+  z as InvoiceRecurrenceIterationStatusChip
 };