@tesouro/embedded-components-react 0.2.227 → 0.2.231

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

@@ -1,129 +1,65 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
-    }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
-}
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { Fragment as m } from "react";
+import { useLingui as h } from "@lingui/react";
+import _ from "@mui/icons-material/MonetizationOnOutlined";
+import { useTheme as g, Box as i, Typography as n, lighten as f, List as x, ListItem as l } from "@mui/material";
+const F = ({
+  offers: p
+}) => {
+  const {
+    i18n: t
+  } = h(), d = g();
+  return !p || p.length === 0 ? null : /* @__PURE__ */ a(i, { width: "100%", children: [
+    /* @__PURE__ */ e(n, { variant: "subtitle1", sx: {
+      mb: 3,
+      display: "inline-block"
+    }, children: t._("Current offer") }),
+    /* @__PURE__ */ e(i, { sx: {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, children: p.map((o, c) => o?.pricing_plans?.map((r, s) => /* @__PURE__ */ a(i, { width: 232, height: 148, px: 3, py: 2.5, sx: {
+      backgroundColor: d.palette.background.paper,
+      borderRadius: "16px",
+      border: `1px solid ${d.palette.divider}`
+    }, children: [
+      /* @__PURE__ */ a(i, { sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        mb: 2
+      }, children: [
+        /* @__PURE__ */ e(_, { sx: {
+          fontSize: 24,
+          color: f(d.palette.primary.main, 0.6)
+        } }),
+        /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 500, sx: {
+          flex: "1 1 0%",
+          width: "100%"
+        }, children: t._("Financing plan") })
+      ] }),
+      /* @__PURE__ */ e(x, { sx: {
+        p: 0
+      }, children: /* @__PURE__ */ a(m, { children: [
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemAdvance_rate_percentage}% advance rate", {
+          itemAdvance_rate_percentage: r.advance_rate_percentage / 100
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("Pay in {itemRepayment_duration_days} days", {
+          itemRepayment_duration_days: r.repayment_duration_days
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemFee_percentage}% fee", {
+          itemFee_percentage: r.fee_percentage / 100
+        }) }) })
+      ] }, r.advance_rate_percentage) })
+    ] }, `${o.available_amount}-${c}-${o.total_amount}-${s}`))) })
+  ] });
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  F as FinanceOffers
 };

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

@@ -1,16 +1,16 @@
-const a = ["document_type", "department", "project", "cost_center", "vendor_type", "payment_method", "approval_status"], o = (e) => ({
-  document_type: e._("Document Type"),
-  department: e._("Department"),
-  project: e._("Project"),
-  cost_center: e._("Cost Center"),
-  vendor_type: e._("Vendor Type"),
-  payment_method: e._("Payment Method"),
-  approval_status: e._("Approval Status")
-});
-function r(e, t) {
-  return e ? o(t)[e] : "";
-}
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { Box as f } from "@mui/material";
+import { FinanceLimits as e } from "./index341.js";
+import { FinanceOffers as i } from "./index343.js";
+const p = ({
+  offers: s
+}) => /* @__PURE__ */ r(f, { sx: {
+  display: "flex",
+  gap: 2
+}, children: [
+  /* @__PURE__ */ o(e, { offers: s }),
+  s?.[0]?.status === "CURRENT" && /* @__PURE__ */ o(i, { offers: s })
+] });
 export {
-  r as getTagCategoryLabel,
-  a as tagCategories
+  p as FinanceWidget
 };

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

@@ -1,82 +1,55 @@
-import { useMoniteContext as h } from "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import "react";
-import { toast as u } from "react-hot-toast";
-import { getAPIErrorMessage as d } from "./index123.js";
-import { useLingui as v } from "@lingui/react";
-import { useEntitySettings as T, usePatchEntitiesIdSettings as w } from "./index81.js";
-const I = ({
-  setNameError: l,
-  onTagCreated: c,
-  onTagUpdated: m
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as m, Controller as u } from "react-hook-form";
+import { Typography as n } from "./index85.js";
+import { useLingui as w } from "@lingui/react";
+import { Switch as i } from "./index419.js";
+import { twMerge as h } from "tailwind-merge";
+const x = ({
+  control: l,
+  isDialog: r
 }) => {
   const {
-    i18n: n
-  } = v(), {
-    api: i,
-    queryClient: o
-  } = h(), {
-    data: a
-  } = T(), {
-    mutateAsync: f
-  } = w(), r = a?.payables_ocr_auto_tagging || [], g = i.finops.postTags.useMutation({}, {
-    onSuccess: () => i.finops.getTags.invalidateQueries(o),
-    onError: (e) => {
-      const t = d(n, e);
-      t === "This tag already exists." ? l?.(t) : u.error(t);
-    }
-  }), _ = i.finops.patchTagsId.useMutation(void 0, {
-    onSuccess: (e) => {
-      Promise.all([i.finops.getTags.invalidateQueries(o), i.finops.getTagsId.invalidateQueries({
-        parameters: {
-          path: {
-            tag_id: e.id
-          }
-        }
-      }, o)]), m?.(e);
-    },
-    onError: (e) => {
-      u.error(d(n, e));
-    }
-  });
-  return {
-    tagsWithKeywords: Object.fromEntries(r.map((e) => [e.tag_id, e.keywords])),
-    inProgress: g.isPending || _.isPending,
-    createTag: (e) => g.mutateAsync({
-      ...e
-    }, {
-      onSuccess: (t) => c?.(t)
-    }),
-    updateTag: (e, t) => _.mutateAsync({
-      path: {
-        tag_id: e
-      },
-      body: t
-    }),
-    updateOcrAutoTagging: (e, t = []) => {
-      const s = r.filter((y) => y.tag_id !== e);
-      if (s.length === r.length && !t.length)
-        return;
-      const p = t.length ? [...s, {
-        tag_id: e,
-        keywords: [...new Set(t)],
-        enabled: !0
-      }] : s;
-      p.length && f({
-        tax_mode: a.tax_mode,
-        payment_priority: a.payment_priority,
-        quote_signature_required: a.quote_signature_required,
-        receivable_edit_flow: a.receivable_edit_flow,
-        allow_purchase_order_autolinking: a.allow_purchase_order_autolinking,
-        generate_paid_invoice_pdf: a.generate_paid_invoice_pdf,
-        payables_ocr_auto_tagging: p,
-        payables_skip_approval_flow: a.payables_skip_approval_flow,
-        tax_inclusive_discount_mode: a.tax_inclusive_discount_mode
-      });
-    }
-  };
+    i18n: t
+  } = w(), {
+    watch: c,
+    setValue: d
+  } = m(), s = c("invoice_bank_display");
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5", children: [
+      /* @__PURE__ */ e(n, { variant: "h3", children: t._("PDF settings") }),
+      /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: t._("Invoices are generated as PDFs") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: h(
+      "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg",
+      // In the dialog the toggles sit in their own grey grouping box, so the
+      // inset padding is needed. On the settings page they already sit inside
+      // the section card, so the extra padding just indented the body.
+      r ? "ttw:bg-zinc-100 ttw:p-4" : ""
+    ), children: [
+      /* @__PURE__ */ a("section", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: t._("Display your bank account details on the PDF") }),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: t._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.") })
+        ] }),
+        /* @__PURE__ */ e(i, { checked: s, onCheckedChange: (o) => {
+          d("invoice_bank_display", o, {
+            shouldDirty: !0
+          });
+        }, "aria-label": t._("Display bank display options") })
+      ] }),
+      /* @__PURE__ */ a("section", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: t._("Update PDF files for paid invoices") }),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: t._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.") }),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: t._("Once updated, you won't be able to revert the PDFs.") })
+        ] }),
+        /* @__PURE__ */ e(u, { name: "update_paid_invoices", control: l, render: ({
+          field: o
+        }) => /* @__PURE__ */ e(i, { checked: o.value, onCheckedChange: o.onChange, "aria-label": t._("Enable update paid invoices pdf") }) })
+      ] })
+    ] })
+  ] });
 };
 export {
-  I as useTags
+  x as PDFSettings
 };

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

@@ -1,79 +1,31 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import * as a from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
-import { Label as p } from "./index323.js";
-import { cn as i } from "./index100.js";
-import { Slot as g } from "@radix-ui/react-slot";
-const b = f, l = a.createContext({}), C = ({
-  ...r
-}) => /* @__PURE__ */ m(l.Provider, { value: {
-  name: r.name
-}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
-  const r = a.useContext(l), e = a.useContext(c), {
-    getFieldState: t
-  } = F(), o = I({
-    name: r.name
-  }), s = t(r.name, o);
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
+import { toast as n } from "react-hot-toast";
+import { useMoniteContext as o } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+const c = (e) => {
   const {
-    id: n
-  } = e;
-  return {
-    id: n,
-    name: r.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
-  };
-}, c = a.createContext({});
-function N({
-  className: r,
-  ...e
-}) {
-  const t = a.useId();
-  return /* @__PURE__ */ m(c.Provider, { value: {
-    id: t
-  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
-}
-function M({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formItemId: o
-  } = d();
-  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
-}
-function S({
-  ...r
-}) {
-  const {
-    error: e,
-    formItemId: t,
-    formDescriptionId: o,
-    formMessageId: s
-  } = d();
-  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
-}
-function P({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formMessageId: o
-  } = d(), s = t ? String(t?.message ?? "") : e.children;
-  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
-}
+    api: t,
+    queryClient: i
+  } = o(), {
+    i18n: s
+  } = a();
+  return t.finops.patchEntitiesIdSettings.useMutation(void 0, {
+    onSuccess: () => {
+      n.success(s._("Settings updated successfully.")), t.finops.getEntitiesIdSettings.invalidateQueries({
+        parameters: {
+          path: {
+            entity_id: e
+          }
+        }
+      }, i), t.finops.getDocumentsIdNextNumbers.invalidateQueries({
+        parameters: {
+          path: {
+            entity_id: e
+          }
+        }
+      }, i);
+    }
+  });
+};
 export {
-  b as Form,
-  S as FormControl,
-  C as FormField,
-  N as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
+  c as usePatchEntitySettings
 };

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

@@ -1,46 +1,7 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index221.js";
-import { Button as m } from "./index84.js";
-import { cn as p } from "./index100.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: u,
-  ...c
-}) => {
-  const [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
-    }
-  }, [r, a, e]);
-  const f = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
-    }
-  };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), f()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...c, ref: u })
-  ] });
-};
-g.displayName = "InputTags";
+import { zodResolver as e } from "@hookform/resolvers/zod";
+function t(o) {
+  return e(o);
+}
 export {
-  g as InputTags
+  t as safeZodResolver
 };

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

@@ -1,23 +1,79 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as m } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { Skeleton as e } from "@mui/material";
-const u = ({
-  id: r
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as $, Controller as d } from "react-hook-form";
+import { useLingui as F } from "@lingui/react";
+import { Typography as c } from "./index85.js";
+import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index193.js";
+import { Input as g } from "./index119.js";
+import { Checkbox as S } from "./index366.js";
+const E = ({
+  control: o
 }) => {
   const {
-    data: t,
-    isLoading: o
-  } = m(r);
-  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
-    minWidth: "4em"
-  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
+    i18n: i
+  } = F(), {
+    setValue: v,
+    watch: a
+  } = $(), p = a("min_digits"), f = a("prefix"), h = a("separator"), b = a("include_date"), x = a("invoice"), N = a("invoice_number");
+  function y() {
+    return `${x}${h}${f ? `${f}${h}` : ""}${b ? `${(/* @__PURE__ */ new Date()).getFullYear()}${h}` : ""}${N.toString().padStart(p, "0")}`;
+  }
+  const _ = y();
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5", children: [
+      /* @__PURE__ */ e(c, { variant: "h3", children: i._("Invoice numbering") }),
+      /* @__PURE__ */ e(c, { variant: "body2", color: "muted", children: i._("Specify how you want your invoices to be numbered. Changes apply to new invoices only. Existing invoice numbers won't be updated.") })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:w-94 ttw:gap-0.5 ttw:p-4 ttw:bg-neutral-200 ttw:rounded-xl", children: [
+      /* @__PURE__ */ e(c, { variant: "body2", color: "muted", children: i._("Preview") }),
+      /* @__PURE__ */ e(c, { variant: "h4", className: "ttw:font-medium", children: _ })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:w-min ttw:gap-2 ttw:p-2", children: [
+      /* @__PURE__ */ e(d, { name: "invoice", control: o, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ n(s, { className: "ttw:grow-0", children: [
+        /* @__PURE__ */ e(w, { htmlFor: t.name, children: i._("Invoice prefix") }),
+        /* @__PURE__ */ e(g, { ...t, id: t.name, maxLength: 25, "aria-invalid": !!r || void 0, className: "ttw:w-29 ttw:min-w-29 ttw:bg-white" }),
+        /* @__PURE__ */ e(u, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(d, { name: "invoice_number", control: o, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ n(s, { className: "ttw:grow-0", children: [
+        /* @__PURE__ */ e(w, { htmlFor: t.name, children: i._("Starting number") }),
+        /* @__PURE__ */ e(g, { ...t, id: t.name, type: "number", "aria-invalid": !!r || void 0, onChange: (l) => {
+          const C = l.target.value.replace(/^0+(?=\d)/, "");
+          t.onChange(Number(C));
+        }, value: t.value.toString().padStart(p, "0"), className: "ttw:w-29 ttw:min-w-29 ttw:bg-white" }),
+        /* @__PURE__ */ e(u, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(d, { name: "min_digits", control: o, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ n(s, { className: "ttw:grow-0", children: [
+        /* @__PURE__ */ e(w, { htmlFor: t.name, children: i._("Digit count") }),
+        /* @__PURE__ */ e(g, { ...t, id: t.name, type: "number", className: "ttw:bg-white ttw:w-29 ttw:max-w-29", onChange: (l) => {
+          +l.target.value > 20 ? v("min_digits", 20, {
+            shouldDirty: !0
+          }) : t.onChange(l);
+        }, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [r] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:bg-transparent ttw:w-full ttw:p-2", children: /* @__PURE__ */ e(d, { name: "include_date", control: o, render: ({
+      field: t
+    }) => /* @__PURE__ */ e(m, { orientation: "horizontal", children: /* @__PURE__ */ n(s, { className: "ttw:flex-row ttw:items-center", children: [
+      /* @__PURE__ */ e(S, { id: t.name, ref: t.ref, checked: t.value ?? !1, onCheckedChange: t.onChange, onBlur: t.onBlur, className: "ttw:bg-white" }),
+      /* @__PURE__ */ e(w, { htmlFor: t.name, className: "ttw:font-normal", children: i._("Include the current year in the invoice number prefix") })
+    ] }) }) }) })
+  ] });
 };
 export {
-  u as UserCell
+  E as InvoiceNumbering
 };