@tesouro/embedded-components-react 0.2.109 → 0.2.111

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

@@ -1,6 +1,6 @@
 import { getCountries as Q } from "./index93.js";
 import "date-fns";
-import { rateMinorToMajor as W } from "./index167.js";
+import { rateMinorToMajor as W } from "./index163.js";
 import { getDaysOverdue as Y } from "./index378.js";
 import { formatReminderSchedule as z } from "./index379.js";
 const G = (e, r) => {

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

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as s, Fragment as ee } from "@emotion/react/jsx-runtime";
-import { ItemsSection as te } from "./index152.js";
-import { getUpdateInvoiceValidationSchema as ae } from "./index154.js";
-import { RemindersSection as re } from "./index315.js";
+import { ItemsSection as te } from "./index149.js";
+import { getUpdateInvoiceValidationSchema as ae } from "./index151.js";
+import { RemindersSection as re } from "./index303.js";
 import { INVOICE_DOCUMENT_AUTO_ID as ie } from "./index237.js";
 import { useMeasureUnitsMapping as ne } from "./index367.js";
 import { useUpdateReceivable as oe } from "./index368.js";
 import { useUpdateReceivableLineItems as de } from "./index369.js";
-import { useLineItemSubmitCleanup as se } from "./index163.js";
+import { useLineItemSubmitCleanup as se } from "./index160.js";
 import { useCounterpartById as me } from "./index70.js";
 import "@tanstack/react-query";
 import "./index57.js";
@@ -16,18 +16,18 @@ import { useMyEntity as ce } from "./index78.js";
 import { useMemo as C, useState as le, useCallback as pe, useId as fe } from "react";
 import "react-hot-toast";
 import { useLingui as ye } from "@lingui/react";
-import { rateMinorToMajor as $, rateMajorToMinor as ve } from "./index167.js";
-import { ConfirmationModal as be } from "./index171.js";
-import { Dialog as he, DialogContent as xe, DialogHeader as ge, DialogTitle as we, DialogDescription as De, DialogClose as Ce } from "./index170.js";
+import { rateMinorToMajor as $, rateMajorToMinor as ve } from "./index163.js";
+import { ConfirmationModal as be } from "./index166.js";
+import { Dialog as he, DialogContent as xe, DialogHeader as ge, DialogTitle as we, DialogDescription as De, DialogClose as Ce } from "./index165.js";
 import { Button as I } from "./index84.js";
 import { zodResolver as $e } from "@hookform/resolvers/zod";
 import { useForm as Ie, FormProvider as Me } from "react-hook-form";
 import { X as Ne } from "lucide-react";
-import { InvoicePreview as Se } from "./index153.js";
+import { InvoicePreview as Se } from "./index150.js";
 import { useGetPaymentTerms as Te } from "./index370.js";
-import { useGetMeasureUnits as Ee } from "./index172.js";
-import { buildPaymentTermsPayload as ke, CUSTOM_DATE_PAYMENT_TERM as Ue, RECEIPT_DUE_PAYMENT_TERM as Le } from "./index155.js";
-import { NotesSection as Pe } from "./index174.js";
+import { useGetMeasureUnits as Ee } from "./index167.js";
+import { buildPaymentTermsPayload as ke, CUSTOM_DATE_PAYMENT_TERM as Ue, RECEIPT_DUE_PAYMENT_TERM as Le } from "./index152.js";
+import { NotesSection as Pe } from "./index169.js";
 const Fe = (e) => {
   if (e?.id)
     return {

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

@@ -1,7 +1,7 @@
 import { jsx as s } from "@emotion/react/jsx-runtime";
 import { useGetReceivableById as r } from "./index82.js";
 import { useCancelReceivableById as m } from "./index371.js";
-import { ConfirmationModal as d } from "./index171.js";
+import { ConfirmationModal as d } from "./index166.js";
 import { useLingui as u } from "@lingui/react";
 const v = ({
   invoiceId: o,

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

@@ -1,7 +1,7 @@
 import { jsx as p } from "@emotion/react/jsx-runtime";
 import { useDeleteReceivableById as u } from "./index372.js";
 import { useComponentSettings as f } from "./index67.js";
-import { useUserPermissions as v } from "./index166.js";
+import { useUserPermissions as v } from "./index130.js";
 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";
@@ -9,7 +9,7 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as b } from "../../shared/data-access/dist/lib/scopes.js";
 import "react";
-import { ConfirmationModal as C } from "./index171.js";
+import { ConfirmationModal as C } from "./index166.js";
 import { useLingui as D } from "@lingui/react";
 import { toast as I } from "react-hot-toast";
 const H = ({

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

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
 import { Button as l } from "./index84.js";
-import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index170.js";
+import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index165.js";
 import { useLingui as v } from "@lingui/react";
 import { useMarkAsUncollectibleReceivableById as C } from "./index374.js";
 import { useState as x } from "react";
-import { Textarea as D } from "./index123.js";
-import { Label as _ } from "./index278.js";
-import { LoadingSpinner as M } from "./index179.js";
+import { Textarea as D } from "./index122.js";
+import { Label as _ } from "./index342.js";
+import { LoadingSpinner as M } from "./index176.js";
 const U = ({
   invoiceId: r,
   open: s,

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

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
 import { Button as m } from "./index84.js";
-import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index180.js";
+import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index177.js";
 import { Tooltip as h, TooltipTrigger as g, TooltipContent as w } from "./index236.js";
 import { ACTION_ICON as C } from "./index237.js";
 import { preventTooltipFocusOpen as T } from "./index239.js";

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

@@ -8,7 +8,7 @@ import { useLingui as g, Trans as h } from "@lingui/react";
 import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
-import { ConfirmationModal as b } from "./index171.js";
+import { ConfirmationModal as b } from "./index166.js";
 import w from "deep-eql";
 import { usePreviousDistinct as y } from "react-use";
 const $ = ({

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

@@ -8,12 +8,12 @@ import { useCounterpartById as Y } from "./index70.js";
 import "@tanstack/react-query";
 import { getCounterpartName as J, getCounterpartEmail as K } from "./index7.js";
 import { useGetReceivableById as O } from "./index82.js";
-import { DialogHeader as U, DialogTitle as V, DialogDescription as W, DialogFooter as X } from "./index170.js";
+import { DialogHeader as U, DialogTitle as V, DialogDescription as W, DialogFooter as X } from "./index165.js";
 import { Button as C } from "./index84.js";
-import { Input as Z } from "./index122.js";
-import { Textarea as tt } from "./index123.js";
+import { Input as Z } from "./index121.js";
+import { Textarea as tt } from "./index122.js";
 import { Typography as o } from "./index85.js";
-import { formatFileSize as et } from "./index320.js";
+import { formatFileSize as et } from "./index308.js";
 const yt = ({
   receivableId: s,
   counterpartId: $,

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

@@ -8,11 +8,11 @@ import { useCurrencies as A } from "./index58.js";
 import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useGetMeasureUnits as L } from "./index172.js";
-import { DialogHeader as U, DialogTitle as B, DialogFooter as G } from "./index170.js";
+import { useGetMeasureUnits as L } from "./index167.js";
+import { DialogHeader as U, DialogTitle as B, DialogFooter as G } from "./index165.js";
 import { Button as p } from "./index84.js";
-import { Checkbox as x } from "./index316.js";
-import { Separator as H } from "./index182.js";
+import { Checkbox as x } from "./index304.js";
+import { Separator as H } from "./index179.js";
 import { Typography as c } from "./index85.js";
 const st = ({
   inlineLineItems: u,

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

@@ -1,16 +1,16 @@
 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 "./index197.js";
-import { Input as b } from "./index122.js";
-import { Label as v } from "./index278.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index301.js";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index194.js";
+import { Input as b } from "./index121.js";
+import { Label as v } from "./index342.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index343.js";
 import { Typography as n } from "./index85.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 "./index190.js";
-import { Checkbox as I } from "./index316.js";
-import { CounterpartAddressSection as L } from "./index192.js";
+import { CounterpartBankSection as z } from "./index187.js";
+import { Checkbox as I } from "./index304.js";
+import { CounterpartAddressSection as L } from "./index189.js";
 const $ = ({
   handleChangeCounterpartType: N,
   counterpartType: d,

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

@@ -1,6 +1,6 @@
 import { AllowedCountries as l } from "./index380.js";
 import { z as i } from "zod";
-import "./index300.js";
+import "./index315.js";
 const m = (e, t) => ({
   line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
     message: e._("Street address is required")

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

@@ -1,65 +1,49 @@
-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._("Paused");
-    case "canceled":
-      return e._("Cancelled");
-    case "completed":
-      return e._("Complete");
-    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._("Cancelled");
-    case "issue_failed":
-      return e._("Issue failed");
-    case "send_failed":
-      return e._("Send failed");
-    case "completed":
-      return e._("Complete");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
-  }
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { useFormContext as m, Controller as w } from "react-hook-form";
+import { Typography as n } from "./index85.js";
+import { useLingui as u } from "@lingui/react";
+import { Switch as i } from "./index395.js";
+import { twMerge as h } from "tailwind-merge";
+const x = ({
+  control: l,
+  isDialog: r
+}) => {
+  const {
+    i18n: e
+  } = u(), {
+    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__ */ t(n, { variant: "h3", children: e._("PDF settings") }),
+      /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: e._("Invoices are generated as PDFs") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: h("ttw:flex ttw:flex-col ttw:gap-2.5 ttw:p-4 ttw:rounded-lg", r ? "ttw:bg-zinc-100" : "ttw:bg-white"), 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__ */ t(n, { variant: "body1", className: "ttw:font-medium", children: e._("Display your bank account details on the PDF") }),
+          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: e._("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__ */ t(i, { checked: s, onCheckedChange: (o) => {
+          d("invoice_bank_display", o, {
+            shouldDirty: !0
+          });
+        }, "aria-label": e._("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__ */ t(n, { variant: "body1", className: "ttw:font-medium", children: e._("Update PDF files for paid invoices") }),
+          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: e._("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__ */ t(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: e._("Once updated, you won't be able to revert the PDFs.") })
+        ] }),
+        /* @__PURE__ */ t(w, { name: "update_paid_invoices", control: l, render: ({
+          field: o
+        }) => /* @__PURE__ */ t(i, { checked: o.value, onCheckedChange: o.onChange, "aria-label": e._("Enable update paid invoices pdf") }) })
+      ] })
+    ] })
+  ] });
 };
 export {
-  n as getCommonRecurrenceIterationStatusLabel,
-  a as getCommonRecurrenceStatusLabel,
-  t as getCommonStatusLabel
+  x as PDFSettings
 };

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

@@ -1,30 +1,31 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { useLingui as m } from "@lingui/react";
-import { twMerge as d } from "tailwind-merge";
-const p = ({
-  isAllStatus: s,
-  data: w,
-  amountOfItems: i,
-  selected: l,
-  onClick: n,
-  formatAmount: a,
-  statusChip: r,
-  allItemsText: o
-}) => {
+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 {
-    i18n: c
-  } = m();
-  return /* @__PURE__ */ t("button", { onClick: n, type: "button", className: d("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", l ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"), children: s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-    /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950", children: o ?? c._("All items") }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums", children: w })
-  ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
-      r,
-      /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums", children: i ?? 0 })
-    ] }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis", children: a(w) })
-  ] }) });
+    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 {
-  p as StatusCard
+  c as usePatchEntitySettings
 };

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

@@ -1,129 +1,7 @@
-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 { zodResolver as e } from "@hookform/resolvers/zod";
+function t(o) {
+  return e(o);
 }
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  t as safeZodResolver
 };

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

@@ -1,46 +1,79 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index100.js";
-function r({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
-}
-function w({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
-}
-function c({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
-}
-function d({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
-}
+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 "./index194.js";
+import { Input as g } from "./index121.js";
+import { Checkbox as S } from "./index304.js";
+const E = ({
+  control: o
+}) => {
+  const {
+    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 {
-  r as Table,
-  c as TableBody,
-  b as TableCell,
-  d as TableHead,
-  w as TableHeader,
-  n as TableRow
+  E as InvoiceNumbering
 };