@tesouro/embedded-components-react 0.2.85 → 0.2.87

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

@@ -1,23 +1,52 @@
-import { useMoniteContext as t } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index122.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const c = () => {
+import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
+import { useEffect as f } from "react";
+import { useLingui as h } from "@lingui/react";
+import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
+import { LoadingSpinner as y } from "./index131.js";
+import { Typography as l } from "./index85.js";
+import { twMerge as v } from "tailwind-merge";
+import { UploadBar as C } from "./index471.js";
+const U = ({
+  isUploading: o,
+  isSuccess: r,
+  isError: i,
+  isDraggingOver: d,
+  resetUpload: a,
+  fileName: m,
+  onClick: u
+}) => {
   const {
-    api: e,
-    queryClient: o
-  } = t(), {
-    i18n: r
-  } = a();
-  return e.finops.postOverdueReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getOverdueReminders.invalidateQueries(o), s.success(r._("Reminder has been added"));
-    },
-    onError: (i) => {
-      s.error(n(r, i));
-    }
-  });
+    i18n: s
+  } = h(), w = o || r || i;
+  function p() {
+    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
+  }
+  return f(() => {
+    let n;
+    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
+  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
+    w || u();
+  }, children: w ? /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
+        p(),
+        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
+        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
+        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
+      ] })
+    ] }),
+    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
+  ] }) : /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
+    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
+      s._("Drop your files here, or "),
+      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
+    ] }),
+    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
+  ] }) });
 };
 export {
-  c as useCreateOverdueReminder
+  U as DragAndDropBox
 };

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

@@ -1,14 +1,13 @@
-import { useMoniteContext as i } from "./index57.js";
-const s = (e) => {
-  const {
-    api: t
-  } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
-    }
-  });
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as a } from "radix-ui";
+import { cn as e } from "./index100.js";
+function o({
+  className: s,
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
+}
 export {
-  s as useCreateInvoiceEmailPreview
+  o as Switch
 };

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

@@ -1,16 +1,106 @@
-import { useMoniteContext as n } from "./index57.js";
-const m = (e) => {
+import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
+import { Controller as c } from "react-hook-form";
+import { DefaultEmail as v } from "./index472.js";
+import { useRootElements as y } from "./index92.js";
+import { useCounterpartById as S } from "./index70.js";
+import "@tanstack/react-query";
+import "./index57.js";
+import { useCounterpartContactList as F } from "./index74.js";
+import "date-fns";
+import "react";
+import "react-hot-toast";
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index82.js";
+import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
+import { getDefaultContact as _, getContactList as j } from "./index415.js";
+const K = ({
+  formName: n,
+  style: t,
+  children: i,
+  handleIssueAndSend: a
+}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
+  invoiceId: n,
+  control: t
+}) => {
   const {
-    api: t
-  } = n();
-  return t.finops.getPaymentTermsId.useQuery({
-    path: {
-      payment_terms_id: e ?? ""
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
+    isLoading: o
+  } = F(i?.counterpart_id), {
+    root: x
+  } = y();
+  if (o) return /* @__PURE__ */ e(M, {});
+  const g = _(r, a);
+  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
+    field: p,
+    fieldState: {
+      error: s
     }
-  }, {
-    enabled: !!e
-  });
+  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ e(B, { MenuProps: {
+      container: x
+    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
+    s && /* @__PURE__ */ e(W, { children: s.message })
+  ] }) });
+}, O = ({
+  invoiceId: n,
+  control: t,
+  isDisabled: i
+}) => {
+  const {
+    i18n: a
+  } = I();
+  return /* @__PURE__ */ d(C, { children: [
+    /* @__PURE__ */ e(u, { sx: {
+      mb: 3
+    }, children: /* @__PURE__ */ e(m, { sx: {
+      px: 3,
+      pt: 1,
+      pb: 1,
+      "&:last-child": {
+        pb: 1
+      }
+      // last-child is necessary to override default style of the MUI theme
+    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(h, { variant: "body2", sx: {
+        minWidth: "52px"
+      }, children: a._("To") }),
+      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
+    ] }) }) }),
+    /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ e(m, { sx: {
+        px: 3,
+        py: 1,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "divider"
+      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
+        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
+          field: r,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
+      ] }) }),
+      /* @__PURE__ */ e(m, { sx: {
+        pl: 3,
+        pr: 3,
+        pb: 3,
+        pt: 1
+      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
+        field: r,
+        fieldState: {
+          error: o
+        }
+      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
+    ] })
+  ] });
 };
 export {
-  m as useGetPaymentTermById
+  K as Form,
+  O as FormContent
 };

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

@@ -1,69 +1,23 @@
-import { Price as v } from "./index416.js";
-import { useMemo as m } from "react";
-const w = ({
-  lineItems: c,
-  isInclusivePricing: o,
-  actualCurrency: p,
-  formatCurrencyToDisplay: i,
-  taxRate: n
-}) => {
-  const b = (e) => {
-    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (a, t) => {
+  if (a && a.length)
+    return a.find((n) => n.is_default) ?? a[0];
+  if (!t || !e(t))
+    return;
+  const r = t.organization?.email;
+  if (r)
     return {
-      price: a,
-      quantity: r
+      id: "organization",
+      counterpart_id: t.id,
+      email: r,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
     };
-  }, s = m(() => {
-    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
-      const {
-        price: l,
-        quantity: u
-      } = b(f);
-      if (o && e && f.taxable) {
-        const d = l * u / (1 + e);
-        return t + d;
-      }
-      return t + l * u;
-    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
-    if (r)
-      return new v({
-        value: a,
-        currency: r,
-        formatter: i
-      });
-  }, [c, i, p, o, n]), y = m(() => {
-    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (!e)
-      return;
-    if (!n)
-      return new v({
-        value: 0,
-        currency: e,
-        formatter: i
-      });
-    const a = c.reduce((r, t) => {
-      if (!t.taxable) return r;
-      const {
-        price: f,
-        quantity: l
-      } = b(t), u = n / 100, d = f * l;
-      return o ? r + d * u / (1 + u) : r + d * u;
-    }, 0);
-    return new v({
-      value: a,
-      currency: e,
-      formatter: i
-    });
-  }, [c, i, p, n, o]), x = m(() => {
-    if (!(!s || !y))
-      return s.add(y);
-  }, [s, y]);
-  return {
-    subtotalPrice: s,
-    totalTaxes: y,
-    totalPrice: x
-  };
-};
+}, u = (a, t) => a?.length ? a : t ? [t] : [];
 export {
-  w as useCreateInvoiceProductsTable
+  u as getContactList,
+  i as getDefaultContact
 };

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

@@ -1,23 +1,37 @@
-class t {
-  value;
-  currency;
-  formatter;
-  constructor(r) {
-    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
-  }
-  add(r) {
-    if (this.currency !== r.currency)
-      throw new Error("Currencies must match");
-    return new t({
-      value: Number(this.value) + Number(r.value),
-      currency: this.currency,
-      formatter: this.formatter
-    });
-  }
-  toString() {
-    return this.formatter(this.value, this.currency) ?? "";
-  }
-}
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
+  const {
+    i18n: a
+  } = o(), {
+    api: e,
+    queryClient: t
+  } = n();
+  return e.finops.postReceivablesIdSend.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: i
+          }
+        }
+      }, t)]);
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, t);
+      r.success(a._("This {type} has been sent", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
+};
 export {
-  t as Price
+  l as useSendReceivableById
 };

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

@@ -1,4 +1,59 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useState as y, useEffect as N } from "react";
+import { useCreateInvoiceEmailPreview as j } from "./index391.js";
+import { LanguageCodeEnum as C } from "./index196.js";
+import { CenteredContentBox as s } from "./index218.js";
+import { Button as _ } from "./index84.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index131.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
+  const {
+    i18n: e
+  } = b(), [a, d] = y(0), {
+    data: w,
+    mutateAsync: f,
+    isPending: p,
+    error: u
+  } = j(l), x = () => {
+    d(a + 1);
+  }, h = (r) => Object.values(C).includes(r), g = () => {
+    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
+    return h(n) ? n : "en";
+  };
+  return N(() => {
+    f({
+      body_text: c,
+      subject_text: m,
+      language: g(),
+      type: "receivable"
+    });
+  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
+    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
+      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
+      ] }),
+      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
+        /* @__PURE__ */ t(P, {}),
+        e._("Reload")
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
+    width: "100%",
+    height: "100%",
+    marginBottom: "-16px",
+    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
+    border: 0,
+    flex: 1
+  } }) }) });
+};
 export {
-  t as generateUniqueId
+  q as PreviewEmail
 };

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

@@ -1,7 +1,37 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+import { useMoniteContext as c } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const u = (i) => {
+  const {
+    i18n: s
+  } = n(), {
+    api: e,
+    queryClient: a
+  } = c();
+  return e.finops.postReceivablesIdCancel.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      const t = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, a);
+      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, {
+        ...t,
+        status: "canceled"
+      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
+        type: t?.type === "credit_note" ? "credit memo" : t?.type
+      }));
+    }
+  });
+};
 export {
-  r as resolveNullableUpdate
+  u as useCancelReceivableById
 };

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

@@ -1,77 +1,45 @@
-import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
-import { useMemo as d, useState as g, useEffect as j } from "react";
-import { useCurrencies as N } from "./index58.js";
-import "./index92.js";
-import { useLingui as G } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
-import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index338.js";
-const J = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: w = !1,
-  onChange: u,
-  locale: x
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index243.js";
+import "date-fns";
+import { Badge as s } from "./index242.js";
+import { cn as g } from "./index100.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 {
-    getSymbolFromCurrency: y
-  } = N(), {
-    i18n: M
-  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }), [e]), {
-    decimalSeparator: F,
-    groupSeparator: S
-  } = d(() => {
-    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
-    return {
-      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
-      groupSeparator: r.find((t) => t.type === "group")?.value || ""
-    };
-  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
-  j(() => {
-    if (!l) {
-      const r = n(i, o);
-      r !== s && a(r);
-    }
-  }, [i, l, e, o, s]);
-  const b = (r) => {
-    const t = r.target.value;
-    a(t);
-  }, h = () => {
-    p(!0);
-  }, C = (r) => {
-    p(!1);
-    const t = r.target.value.trim();
-    if (t === "") {
-      a(n(0, o)), u(0);
-      return;
-    }
-    const c = P(t, F, S);
-    a(n(c, o)), u(c);
-  };
-  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
-    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
-    /* @__PURE__ */ f(
-      D,
-      {
-        type: "text",
-        inputMode: "decimal",
-        className: "ttw:text-right",
-        "aria-invalid": v || void 0,
-        disabled: w,
-        value: s,
-        onChange: b,
-        onFocus: h,
-        onBlur: C
-      }
-    )
-  ] });
+    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 {
-  J as PriceField
+  z as InvoiceRecurrenceIterationStatusChip
 };