@tesouro/embedded-components-react 0.2.114 → 0.2.115

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

@@ -1,99 +1,31 @@
-import { jsx as a, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as C, FilterTag as x, Popover as b, PopoverTrigger as F, FilterMenuButton as f, PopoverContent as P, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as y, RadioGroup as I, RadioGroupItem as _, SearchInput as S } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const k = {
-  date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  vendor: "ttw:w-64",
-  attachment: "ttw:w-56"
-}, A = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issued_at: "Issue date"
-}, L = [{
-  id: "date",
-  label: "Due date",
-  activeDateField: "due_date"
-}, {
-  id: "date",
-  label: "Created on",
-  activeDateField: "created_at"
-}, {
-  id: "date",
-  label: "Issue date",
-  activeDateField: "issued_at"
-}, {
-  id: "status",
-  label: "Status",
-  activeDateField: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  activeDateField: void 0
-}, {
-  id: "vendor",
-  label: "Vendor",
-  activeDateField: void 0
-}, {
-  id: "attachment",
-  label: "Attachment",
-  activeDateField: void 0
-}];
-function O(e) {
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { Chip as u } from "@mui/material";
+import { styled as l, useThemeProps as f } from "@mui/material/styles";
+import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index339.js";
+import { getRowToStatusTextMap as T } from "./index462.js";
+const c = ({
+  ref: s,
+  ...e
+}) => {
   const {
-    i18n: i
-  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && k[n.activePanelId] || "ttw:w-52", d = e.allPresets.map((t) => ({
-    value: t.value,
-    label: t.label,
-    group: t.group
-  })), c = (t) => {
-    t || (n.closeMenu(), n.closePanel());
-  }, u = (t, l) => {
-    l && e.onActiveDateFieldChange(l), n.openPanel(t);
-  }, m = e.hasFile === !0 ? "has" : e.hasFile === !1 ? "no" : "any", h = (t) => {
-    t === "any" ? e.onHasFileChange(void 0) : t === "has" ? e.onHasFileChange(!0) : e.onHasFileChange(!1);
-  };
-  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(S, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(b, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a(f, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
-    /* @__PURE__ */ o(P, { align: "start", className: `ttw:p-0 ${r}`, children: [
-      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: L.map((t, l) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => u(t.id, t.activeDateField), children: [
-        /* @__PURE__ */ a(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        t.label
-      ] }, `${t.id}-${l}`)) }),
-      n.activePanelId === "date" && /* @__PURE__ */ a(D, { from: e.dateFrom, to: e.dateTo, onRangeChange: e.onDateRangeChange, selectedPreset: e.selectedDatePreset, onPresetChange: e.onDatePresetChange, presets: d, fieldLabel: A[e.activeDateField] }),
-      n.activePanelId === "status" && /* @__PURE__ */ a(N, { options: e.statusOptions, selectedValues: e.selectedStatus, onSelectionChange: e.onStatusChange }),
-      n.activePanelId === "amount" && /* @__PURE__ */ a(M, { mode: e.amountMode, onModeChange: e.onAmountModeChange, min: e.amountMin, max: e.amountMax, onMinChange: e.onAmountMinChange, onMaxChange: e.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      n.activePanelId === "vendor" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Vendor name" }),
-        /* @__PURE__ */ a(y, { type: "text", value: e.vendorName, onChange: (t) => e.onVendorNameChange(t.target.value), placeholder: "Search vendors...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
-      ] }),
-      n.activePanelId === "attachment" && /* @__PURE__ */ a("div", { className: "ttw:p-3", children: /* @__PURE__ */ a(I, { value: m, onValueChange: h, className: "ttw:flex ttw:flex-col ttw:gap-1", children: [{
-        value: "any",
-        label: "Any"
-      }, {
-        value: "has",
-        label: "Has attachment"
-      }, {
-        value: "no",
-        label: "No attachment"
-      }].map(({
-        value: t,
-        label: l
-      }) => /* @__PURE__ */ o("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
-        /* @__PURE__ */ a(_, { value: t }),
-        /* @__PURE__ */ a("span", { className: "ttw:text-xs ttw:font-medium", children: l })
-      ] }, t)) }) })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    e.activeChips.map((t) => /* @__PURE__ */ a(x, { label: t.label, count: t.count, variant: "default", onLabelClick: t.key === "date" ? () => {
-      n.openPanel("date");
-    } : void 0, onDismiss: () => e.onDismissChip(t.key) }, t.key)),
-    e.activeFilterCount > 0 && /* @__PURE__ */ a("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: e.onClearAll, children: "Clear all" })
-  ] }) });
-}
+    status: t,
+    icon: a,
+    size: i,
+    variant: p
+  } = f({
+    props: e,
+    name: "MoniteApprovalRequestStatusChip"
+  }), {
+    i18n: m
+  } = n(), o = S[t];
+  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
+}, _ = l(u, {
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  name: "MoniteApprovalRequestStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
 export {
-  O as PayablesFilterBar
+  c as ApprovalRequestStatusChip
 };

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

@@ -1,215 +1,62 @@
-import { formatDateRangeFilterChip as D, formatFilterChipMultiSelectValueSegment as C } from "./index97.js";
-import { getCounterpartName as I } from "./index7.js";
-import { useMoniteContext as $ } from "./index57.js";
-import { useCounterpartById as A } from "./index70.js";
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
+import "./index57.js";
 import "@tanstack/react-query";
-import { useState as w, useMemo as l, useCallback as d } from "react";
+import "date-fns";
+import { useEntityUserByAuthToken as p } from "./index75.js";
 import "react-hot-toast";
-import "@lingui/react";
-import { useCurrencies as x } from "./index58.js";
-import { toMinorUnits as E } from "./index123.js";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as _, resolveDatePreset as U } from "./index436.js";
-const v = [{
-  value: "draft",
-  label: "New"
-}, {
-  value: "pending_approval",
-  label: "Pending approval"
-}, {
-  value: "ready_to_pay",
-  label: "Ready to pay"
-}, {
-  value: "paid",
-  label: "Paid"
-}, {
-  value: "cancelled",
-  label: "Cancelled"
-}, {
-  value: "rejected",
-  label: "Rejected"
-}], j = {
-  draft: ["draft", "new"],
-  pending_approval: ["approve_in_progress"],
-  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-  paid: ["paid"],
-  cancelled: ["canceled"],
-  rejected: ["rejected"]
-}, R = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
-function h() {
-  return {
-    search: "",
-    activeDateField: "due_date",
-    datePreset: void 0,
-    dateFrom: void 0,
-    dateTo: void 0,
-    status: [],
-    amountMode: "any",
-    amountMin: "",
-    amountMax: "",
-    vendorName: "",
-    hasFile: void 0
-  };
-}
-function Q({
-  initialCounterpartId: f
-} = {}) {
-  const [e, o] = w(() => ({
-    ...h(),
-    counterpartId: f
-  })), {
-    formatToMinorUnits: u
-  } = x(), {
-    componentSettings: F
-  } = $(), {
-    data: b
-  } = A(e.counterpartId), c = I(b), p = F.onboarding.allowedCurrencies?.[0] ?? "USD", y = l(() => {
-    const a = {}, t = e.activeDateField;
-    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
-      representation: "date"
-    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
-      representation: "date"
-    })), e.status.length ? a.status__in = e.status.flatMap((r) => j[r] ?? [r]) : a.status__in = R, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.counterpartId && (a.counterpart_id = e.counterpartId), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
-      const r = parseFloat(e.amountMin), s = parseFloat(e.amountMax), i = (n) => u(n, p) ?? E(n, 2);
-      if (e.amountMode === "exact") {
-        if (!isNaN(r)) {
-          const n = i(r);
-          a.total_amount__gte = n, a.total_amount__lte = n;
-        }
-      } else
-        isNaN(r) || (a.total_amount__gte = i(r)), isNaN(s) || (a.total_amount__lte = i(s));
-    }
-    return a;
-  }, [e, p, u]), g = l(() => {
-    let a = 0;
-    return e.status.length && a++, e.vendorName && a++, e.counterpartId && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
-  }, [e]), M = l(() => {
-    const a = [];
-    if (e.dateFrom || e.dateTo) {
-      const t = (e.datePreset ? _.find((s) => s.value === e.datePreset)?.label : void 0) ?? D(e.dateFrom, e.dateTo), r = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
-      a.push({
-        key: "date",
-        label: `${r}: ${t}`
-      });
-    }
-    if (e.status.length) {
-      const t = e.status.map((r) => v.find((s) => s.value === r)?.label ?? r);
-      a.push({
-        key: "status",
-        label: `Status: ${C(t)}`
-      });
-    }
-    return e.vendorName && a.push({
-      key: "vendor",
-      label: `Vendor: ${e.vendorName}`
-    }), e.counterpartId && a.push({
-      key: "counterpart",
-      label: `Vendor: ${c || e.counterpartId}`
-    }), e.hasFile === !0 && a.push({
-      key: "attachment",
-      label: "Has attachment"
-    }), e.hasFile === !1 && a.push({
-      key: "attachment",
-      label: "No attachment"
-    }), e.amountMode !== "any" && a.push({
-      key: "amount",
-      label: "Amount"
-    }), e.search && a.push({
-      key: "search",
-      label: `Search: ${e.search}`
-    }), a;
-  }, [e, c]), N = d((a) => {
-    const {
-      from: t,
-      to: r
-    } = U(a);
-    o((s) => ({
-      ...s,
-      datePreset: a,
-      dateFrom: t,
-      dateTo: r
-    }));
-  }, []), P = d((a, t) => {
-    o((r) => ({
-      ...r,
-      datePreset: void 0,
-      dateFrom: a,
-      dateTo: t
-    }));
-  }, []), S = d((a) => {
-    o((t) => ({
-      ...t,
-      activeDateField: a
-    }));
-  }, []), T = d((a) => {
-    switch (a) {
-      case "date": {
-        o((t) => ({
-          ...t,
-          datePreset: void 0,
-          dateFrom: void 0,
-          dateTo: void 0,
-          activeDateField: "due_date"
-        }));
-        break;
+import { useLingui as s } from "@lingui/react";
+import u from "@mui/icons-material/CheckCircleOutlineRounded";
+import f from "@mui/icons-material/HighlightOffRounded";
+import { Stack as m, IconButton as a } from "@mui/material";
+const C = ({
+  id: o,
+  onClick: t
+}) => {
+  const {
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "approve"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(u, {}) });
+}, k = ({
+  id: o,
+  onClick: t
+}) => {
+  const {
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "reject"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(f, {}) });
+}, q = (o) => {
+  const {
+    i18n: t
+  } = s(), {
+    data: r
+  } = p();
+  if ("onRowActionClick" in o && o.onRowActionClick)
+    return {
+      field: "actions",
+      headerName: t._("Actions"),
+      sortable: !1,
+      display: "flex",
+      align: "right",
+      renderCell: (i) => {
+        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
+          return /* @__PURE__ */ d(m, { direction: "row", children: [
+            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
+            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
+          ] });
       }
-      case "status":
-        o((t) => ({
-          ...t,
-          status: []
-        }));
-        break;
-      case "vendor":
-        o((t) => ({
-          ...t,
-          vendorName: ""
-        }));
-        break;
-      case "counterpart":
-        o((t) => ({
-          ...t,
-          counterpartId: void 0
-        }));
-        break;
-      case "attachment":
-        o((t) => ({
-          ...t,
-          hasFile: void 0
-        }));
-        break;
-      case "amount":
-        o((t) => ({
-          ...t,
-          amountMode: "any",
-          amountMin: "",
-          amountMax: ""
-        }));
-        break;
-      case "search":
-        o((t) => ({
-          ...t,
-          search: ""
-        }));
-        break;
-    }
-  }, []), k = d(() => o(h()), []);
-  return {
-    state: e,
-    setState: o,
-    queryParams: y,
-    activeFilterCount: g,
-    activeChips: M,
-    datePresets: _,
-    statusOptions: v,
-    setDatePreset: N,
-    setDateRange: P,
-    setActiveDateField: S,
-    clearFilter: T,
-    clearAll: k
-  };
-}
+    };
+};
 export {
-  R as AP_DEFAULT_STATUSES,
-  v as AP_STATUS_OPTIONS,
-  Q as usePayablesFilter
+  q as useApprovalRequestActionsCell
 };

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

@@ -1,49 +1,22 @@
-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 "./index399.js";
-import { twMerge as h } from "tailwind-merge";
-const x = ({
-  control: l,
-  isDialog: r
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as e } from "./index75.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { UserAvatar as m } from "./index464.js";
+import { Chip as i, Skeleton as n } from "@mui/material";
+const y = ({
+  entityUserId: o
 }) => {
   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") }) })
-      ] })
-    ] })
-  ] });
+    data: r,
+    isLoading: a
+  } = e(o);
+  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
 };
 export {
-  x as PDFSettings
+  y as UserCell
 };

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

@@ -1,31 +1,24 @@
-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 {
-    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);
-    }
-  });
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { useTheme as i, Box as n } from "@mui/material";
+const d = ({
+  children: a,
+  shouldApplyFinanceStyles: r = !1
+}) => {
+  const e = i();
+  return /* @__PURE__ */ p(n, { sx: {
+    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
+    display: "flex",
+    flexDirection: "column",
+    gap: 1,
+    px: 3,
+    py: r ? 3 : 2.5,
+    width: "100%",
+    minHeight: "auto",
+    borderRadius: "16px",
+    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
+    border: r ? "none" : `1px solid ${e.palette.divider}`
+  }, children: a });
 };
 export {
-  c as usePatchEntitySettings
+  d as FinanceBannerWrapper
 };

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

@@ -1,7 +1,20 @@
-import { zodResolver as e } from "@hookform/resolvers/zod";
-function t(o) {
-  return e(o);
-}
+import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
+import { useState as t } from "react";
+import { Dialog as s } from "./index50.js";
+import { FinanceFaqDetails as l } from "./index352.js";
+const d = ({
+  children: e
+}) => {
+  const [a, r] = t(!1);
+  return /* @__PURE__ */ n(i, { children: [
+    e({
+      openModal: () => {
+        r(!0);
+      }
+    }),
+    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
+  ] });
+};
 export {
-  t as safeZodResolver
+  d as FinanceFaqWrapper
 };

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

@@ -1,79 +1,21 @@
-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 "./index153.js";
-import { Input as g } from "./index118.js";
-import { Checkbox as S } from "./index290.js";
-const E = ({
-  control: o
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { useTheme as s, Box as o } from "@mui/material";
+const d = ({
+  progress: i
 }) => {
-  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") })
-    ] }) }) }) })
-  ] });
+  const r = s();
+  return /* @__PURE__ */ e(o, { sx: {
+    backgroundColor: r.palette.divider,
+    width: "100%",
+    height: "6px",
+    borderRadius: 0.5
+  }, children: /* @__PURE__ */ e(o, { sx: {
+    backgroundColor: r.palette.primary.main,
+    width: `${i}%`,
+    height: "6px",
+    borderRadius: 0.5
+  } }) });
 };
 export {
-  E as InvoiceNumbering
+  d as FinanceProgressBar
 };