@tesouro/embedded-components-react 0.2.225 → 0.2.226

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

@@ -1,12 +1,25 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index100.js";
-function a({
-  className: t,
-  type: e,
-  ...i
-}) {
-  return /* @__PURE__ */ r("input", { type: e, "data-slot": "input", className: n("ttw:file:text-foreground ttw:placeholder:text-muted-foreground ttw:selection:bg-primary ttw:selection:text-primary-foreground ttw:dark:bg-input/30 ttw:border-input ttw:flex ttw:h-9 ttw:w-full ttw:min-w-0 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-1 ttw:text-base ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:file:inline-flex ttw:file:h-7 ttw:file:border-0 ttw:file:bg-transparent ttw:file:text-sm ttw:file:font-medium ttw:disabled:pointer-events-none ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:md:text-sm", "ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px]", "ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive", t), ...i });
-}
+const u = (r, t = 2) => {
+  const n = Math.pow(10, t);
+  return Math.round(r * n);
+}, e = (r, t = 2) => {
+  const n = Math.pow(10, t);
+  return r / n;
+}, c = (r, t, n) => {
+  const i = n?.[t];
+  if (!i)
+    return null;
+  const o = typeof r == "string", s = o ? Number(r) : r;
+  return !Number.isFinite(s) || o && r.trim() === "" ? null : u(s, i.minor_units);
+}, m = (r, t, n) => {
+  const i = n?.[t];
+  if (!i || !Number.isFinite(r))
+    return null;
+  const o = e(r, i.minor_units);
+  return Number(o.toFixed(i.minor_units));
+};
 export {
-  a as Input
+  e as fromMinorUnits,
+  m as fromMinorUnitsWithCurrency,
+  u as toMinorUnits,
+  c as toMinorUnitsWithCurrency
 };

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

@@ -1,11 +1,4 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-function o({
-  className: t,
-  ...r
-}) {
-  return /* @__PURE__ */ e("textarea", { "data-slot": "textarea", className: i("ttw:border-input ttw:placeholder:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:flex ttw:field-sizing-content ttw:min-h-16 ttw:w-full ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-base ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:md:text-sm", t), ...r });
-}
+const E = ["AO", "AU", "AT", "BE", "BW", "BG", "CZ", "DK", "EE", "SZ", "FR", "FI", "DE", "GR", "IE", "IL", "LS", "LR", "LU", "MZ", "NA", "NL", "PK", "PL", "ZA", "ES", "SE", "CH", "AE", "GB", "ZW"];
 export {
-  o as Textarea
+  E as VAT_SUPPORTED_COUNTRIES
 };

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

@@ -1,12 +1,12 @@
 import { jsx as o, Fragment as ie, jsxs as a } from "@emotion/react/jsx-runtime";
-import { PayableDetailsForceActionDialog as v } from "./index282.js";
-import { PayableDetailsForm as ae } from "./index283.js";
-import { usePayableDetails as ne } from "./index284.js";
+import { PayableDetailsForceActionDialog as v } from "./index343.js";
+import { PayableDetailsForm as ae } from "./index344.js";
+import { usePayableDetails as ne } from "./index345.js";
 import { ScopedCssBaselineContainerClassName as re } from "./index104.js";
-import { PayableDetailsAttachFile as se } from "./index285.js";
-import { PayableDetailsHeader as le } from "./index286.js";
-import { PayableDetailsInfo as de } from "./index287.js";
-import { PayableDetailsNoAttachedFile as pe } from "./index288.js";
+import { PayableDetailsAttachFile as se } from "./index346.js";
+import { PayableDetailsHeader as le } from "./index347.js";
+import { PayableDetailsInfo as de } from "./index348.js";
+import { PayableDetailsNoAttachedFile as pe } from "./index349.js";
 import { useMoniteContext as me } from "./index57.js";
 import { MoniteScopedProviders as ce } from "./index83.js";
 import { useUserPermissions as ue } from "./index141.js";
@@ -18,7 +18,7 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as I } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as ye, useMemo as fe, useId as be } from "react";
 import { generatePayablesButtonCssVars as he } from "./index162.js";
-import { FileViewer as ve } from "./index289.js";
+import { FileViewer as ve } from "./index350.js";
 import { AccessRestriction as Ie } from "./index152.js";
 import "./index84.js";
 import "clsx";
@@ -26,9 +26,9 @@ import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "lucide-react";
 import { useLingui as Pe } from "@lingui/react";
-import { LoadingPage as Ce } from "./index290.js";
+import { LoadingPage as Ce } from "./index295.js";
 import { NotFound as De } from "./index149.js";
-import { classNames as ge } from "./index191.js";
+import { classNames as ge } from "./index185.js";
 import { Box as P, Backdrop as Ae, DialogContent as xe, Grid as p, Alert as Be } from "@mui/material";
 const ro = (t) => /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ o(Fe, { ...t }) }), Fe = ({
   id: t,

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

@@ -1,6 +1,6 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useDeleteCounterpart as p } from "./index222.js";
-import { ConfirmationModal as l } from "./index223.js";
+import { useDeleteCounterpart as p } from "./index336.js";
+import { ConfirmationModal as l } from "./index255.js";
 import { useLingui as u } from "@lingui/react";
 const D = ({
   counterpartName: t,

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

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { isPayableInOCRProcessing as S } from "./index278.js";
-import { SummaryCardsFilters as J } from "./index279.js";
-import { PayablesFilterBar as X } from "./index280.js";
-import { usePayablesFilter as Z } from "./index281.js";
+import { isPayableInOCRProcessing as S } from "./index332.js";
+import { SummaryCardsFilters as J } from "./index333.js";
+import { PayablesFilterBar as X } from "./index334.js";
+import { usePayablesFilter as Z } from "./index335.js";
 import { PayableStatusChip as tt } from "./index145.js";
 import { useMoniteContext as et } from "./index57.js";
 import { MoniteScopedProviders as at } from "./index83.js";
@@ -19,7 +19,7 @@ import { useState as c, useEffect as v, useMemo as P } from "react";
 import { dateStringToLocalDate as it } from "./index96.js";
 import { CounterpartNameCellById as lt } from "./index157.js";
 import { GetNoRowsOverlay as ct } from "./index158.js";
-import { DueDateCell as dt } from "./index187.js";
+import { DueDateCell as dt } from "./index181.js";
 import { AccessRestriction as mt } from "./index152.js";
 import { Button as D } from "./index84.js";
 import "clsx";

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

@@ -3,7 +3,7 @@ import { useForm as I, FormProvider as A } from "react-hook-form";
 import { CounterpartFormContent as T } from "./index215.js";
 import { useLingui as V } from "@lingui/react";
 import { useId as j, useMemo as k, useCallback as D } from "react";
-import { useUpdateCounterpart as M } from "./index224.js";
+import { useUpdateCounterpart as M } from "./index337.js";
 import { zodResolver as B } from "@hookform/resolvers/zod";
 import { Button as C } from "./index84.js";
 import { getUpdateCounterpartValidationSchema as O } from "./index216.js";
@@ -11,7 +11,7 @@ import "./index57.js";
 import { toast as x } from "react-hot-toast";
 import "date-fns";
 import { getCounterpartName as N } from "./index7.js";
-import { useUpdateCounterpartAddress as R } from "./index225.js";
+import { useUpdateCounterpartAddress as R } from "./index338.js";
 import { LanguageCodeEnum as q } from "./index218.js";
 import { LoadingSpinner as G } from "./index131.js";
 const de = ({

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

@@ -7,9 +7,9 @@ import { useState as O, useMemo as n, useCallback as u } from "react";
 import "react-hot-toast";
 import "@lingui/react";
 import { useCurrencies as P } from "./index58.js";
-import { toMinorUnits as T } from "./index119.js";
+import { toMinorUnits as T } from "./index128.js";
 import { formatISO as d } from "date-fns";
-import { DATE_PRESETS as p, resolveDatePreset as A } from "./index325.js";
+import { DATE_PRESETS as p, resolveDatePreset as A } from "./index304.js";
 const _ = [{
   value: "draft",
   label: "Draft",

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

@@ -1,5 +1,5 @@
 import { jsx as c } from "@emotion/react/jsx-runtime";
-import { Badge as g } from "./index235.js";
+import { Badge as g } from "./index221.js";
 import { cn as w } from "./index100.js";
 import { useLingui as u } from "@lingui/react";
 import { cva as _ } from "class-variance-authority";

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

@@ -5,8 +5,8 @@ import { useLingui as b } from "@lingui/react";
 import { Landmark as x, Plus as y } from "lucide-react";
 import { useState as k } from "react";
 import { twMerge as N } from "tailwind-merge";
-import { CounterpartBankFormContent as C } from "./index226.js";
-import { CounterpartBankForm as h } from "./index227.js";
+import { CounterpartBankFormContent as C } from "./index339.js";
+import { CounterpartBankForm as h } from "./index340.js";
 const E = ({
   isStandalone: f,
   counterpartId: i,

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

@@ -4,8 +4,8 @@ import { Typography as a } from "./index85.js";
 import { useLingui as g } from "@lingui/react";
 import { Plus as b } from "lucide-react";
 import { useState as N } from "react";
-import { CounterpartAddressFormContent as C } from "./index228.js";
-import { CounterpartAddressForm as y } from "./index229.js";
+import { CounterpartAddressFormContent as C } from "./index341.js";
+import { CounterpartAddressForm as y } from "./index342.js";
 import { twMerge as A } from "tailwind-merge";
 const k = ({
   isStandalone: p,

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as a } from "./index212.js";
+import { CenteredContentBox as a } from "./index202.js";
 import { SearchX as o } from "lucide-react";
 import { Typography as r } from "./index85.js";
 const d = ({

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

@@ -6,7 +6,7 @@ import { usePayableCallbacks as le } from "./index18.js";
 import { useMoniteContext as se } from "./index57.js";
 import { MoniteScopedProviders as de } from "./index83.js";
 import { useRootElements as pe } from "./index92.js";
-import { getAPIErrorMessage as me } from "./index120.js";
+import { getAPIErrorMessage as me } from "./index126.js";
 import { useLingui as ue } from "@lingui/react";
 import { useState as y, useRef as ce, useEffect as fe, useMemo as be } from "react";
 import { toast as s } from "react-hot-toast";

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

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as t, Fragment as l } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as a } from "./index212.js";
+import { CenteredContentBox as a } from "./index202.js";
 import { useDialog as m } from "./index50.js";
-import { IconWrapper as d } from "./index213.js";
+import { IconWrapper as d } from "./index203.js";
 import { useLingui as w } from "@lingui/react";
 import { X as p, LockKeyhole as h } from "lucide-react";
 const C = (r) => {

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

@@ -2,7 +2,7 @@ import { jsx as l, jsxs as f } from "@emotion/react/jsx-runtime";
 import { useMemo as c } from "react";
 import { cva as w } from "class-variance-authority";
 import { cn as o } from "./index100.js";
-import { Label as m } from "./index237.js";
+import { Label as m } from "./index262.js";
 import "radix-ui";
 const u = w("ttw:group/field ttw:flex ttw:w-full ttw:gap-3 ttw:data-[invalid=true]:text-destructive", {
   variants: {

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

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
-import { Select as s, SelectTrigger as o, SelectValue as c, SelectContent as m, SelectItem as i } from "./index220.js";
-import { Input as d } from "./index128.js";
+import { Select as s, SelectTrigger as o, SelectValue as c, SelectContent as m, SelectItem as i } from "./index294.js";
+import { Input as d } from "./index118.js";
 import { useLingui as u } from "@lingui/react";
 import { FILTER_TYPE_SEARCH as w, FILTER_TYPE_TYPE as h } from "./index156.js";
 const T = ({

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

@@ -1,5 +1,5 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { DataGridEmptyState as n } from "./index190.js";
+import { DataGridEmptyState as n } from "./index184.js";
 import { useLingui as h } from "@lingui/react";
 const b = ({
   isLoading: o,

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

@@ -1,8 +1,8 @@
 import { jsxs as a, Fragment as P, jsx as t } from "@emotion/react/jsx-runtime";
 import { useReactTable as y, getCoreRowModel as j, flexRender as C } from "@tanstack/react-table";
-import { Table as D, TableHeader as H, TableRow as m, TableHead as I, TableBody as L, TableCell as v } from "./index221.js";
+import { Table as D, TableHeader as H, TableRow as m, TableHead as I, TableBody as L, TableCell as v } from "./index305.js";
 import { Button as S } from "./index84.js";
-import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index220.js";
+import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index294.js";
 import { ChevronLeft as E, ChevronRight as F } from "lucide-react";
 import { useLingui as G } from "@lingui/react";
 import { useState as q, useEffect as A } from "react";

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

@@ -8,7 +8,7 @@ import { useFileInput as z } from "./index61.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import { Button as s } from "./index84.js";
-import { Popover as D, PopoverTrigger as P, PopoverContent as k } from "./index393.js";
+import { Popover as D, PopoverTrigger as P, PopoverContent as k } from "./index368.js";
 import { cn as F } from "./index100.js";
 import { ChevronUpIcon as I, ChevronDownIcon as U, CloudUpload as j, Copy as A, Plus as E } from "lucide-react";
 const K = ({

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

@@ -1,10 +1,10 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as s } from "./index223.js";
+import { ConfirmationModal as s } from "./index255.js";
 import { useLingui as d } from "@lingui/react";
 import "./index57.js";
 import "react-hot-toast";
 import { useGetProductById as u } from "./index174.js";
-import { useDeleteProduct as c } from "./index320.js";
+import { useDeleteProduct as c } from "./index315.js";
 const P = ({
   id: e,
   open: a,

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

@@ -1,5 +1,5 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { Badge as n } from "./index235.js";
+import { Badge as n } from "./index221.js";
 import { useLingui as p } from "@lingui/react";
 import { twMerge as c } from "tailwind-merge";
 const d = ({

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

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
 import { Button as s } from "./index84.js";
 import { Sheet as a, SheetContent as i, SheetHeader as d, SheetTitle as l, SheetDescription as h, SheetFooter as m } from "./index130.js";
 import { useLingui as c } from "@lingui/react";
-import { ManageMeasureUnitsForm as p } from "./index315.js";
+import { ManageMeasureUnitsForm as p } from "./index306.js";
 const b = ({
   handleClose: r,
   open: o

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

@@ -1,4 +1,4 @@
-import { CurrencyEnumSchema as t } from "./index330.js";
+import { CurrencyEnumSchema as t } from "./index300.js";
 import { z as r } from "zod";
 const n = (e) => r.object({
   name: r.string().trim().min(1, e._("Product name is required")).max(100, e._("Product name must be 100 characters or less")).meta({

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

@@ -8,15 +8,15 @@ import "./index57.js";
 import "@mui/x-data-grid";
 import { FieldLabel as w, Field as f, FieldContent as x, FieldError as p } from "./index154.js";
 import { InputGroup as y, InputGroupAddon as N, InputGroupInput as T, InputGroupTextarea as E } from "./index101.js";
-import { Input as z } from "./index128.js";
-import { Label as C } from "./index237.js";
-import { RadioGroup as A, RadioGroupItem as _ } from "./index331.js";
+import { Input as z } from "./index118.js";
+import { Label as C } from "./index262.js";
+import { RadioGroup as A, RadioGroupItem as _ } from "./index301.js";
 import { Typography as d } from "./index85.js";
 import { Combobox as B, ComboboxInput as R, ComboboxContent as V, ComboboxList as j, ComboboxEmpty as D, ComboboxCollection as W, ComboboxItem as H } from "./index90.js";
 import { useFormContext as q, Controller as s } from "react-hook-form";
 import { twMerge as l } from "tailwind-merge";
 import "react-hot-toast";
-import { useGetMeasureUnits as J } from "./index332.js";
+import { useGetMeasureUnits as J } from "./index302.js";
 const wt = ({
   isLoading: i,
   isEditMode: c,

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

@@ -10,7 +10,7 @@ import { zodResolver as x } from "@hookform/resolvers/zod";
 import { Button as u } from "./index84.js";
 import { LoadingSpinner as S } from "./index131.js";
 import { useForm as _, FormProvider as C } from "react-hook-form";
-import { useUpdateProduct as F } from "./index323.js";
+import { useUpdateProduct as F } from "./index316.js";
 import { getProductValidationSchema as N } from "./index171.js";
 import { ProductFormContent as I } from "./index172.js";
 const A = ({

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

@@ -1,28 +1,11 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { createContext as i, useState as c, useCallback as d, useContext as h } from "react";
-import { MoniteScopedProviders as l } from "./index83.js";
-const n = i(null);
-function g() {
-  const e = h(n);
-  if (!e)
-    throw new Error('Could not find DiscardChangesContext. Make sure that you are using "DiscardChangesContext" component before calling this hook.');
-  return e;
-}
-const m = ({
-  children: e
-}) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(u, { children: e }) }), u = ({
-  children: e
-}) => {
-  const [r, t] = c(!1), s = d((a) => {
-    t(a);
-  }, []);
-  return /* @__PURE__ */ o(n.Provider, { value: {
-    handleShowModal: s,
-    shouldShowChangesModal: r
-  }, children: e });
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { CounterpartNameCellById as o } from "./index157.js";
+const n = ({
+  counterpartName: t,
+  counterpartId: e
+}) => t ? /* @__PURE__ */ r("span", { children: t }) : e ? /* @__PURE__ */ r(o, { counterpartId: e }) : /* @__PURE__ */ r("span", { style: {
+  opacity: 0.4
+}, children: "-" });
 export {
-  n as DiscardChangesContext,
-  m as DiscardChangesContextProvider,
-  g as useDiscardChangesContext
+  n as InvoicesCounterpartCell
 };

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

@@ -1,98 +1,48 @@
-import { jsxs as r, jsx as e, Fragment as O } from "@emotion/react/jsx-runtime";
-import { useState as v } from "react";
-import { toast as I } from "react-hot-toast";
-import "./index57.js";
-import { useLingui as $ } from "@lingui/react";
-import "./index92.js";
-import { useFileInput as z, LOGO_SUPPORTED_FORMATS as C, LOGO_MAX_FILE_SIZE_IN_MB as M } from "./index61.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
+import { jsxs as w, jsx as c } from "@emotion/react/jsx-runtime";
+import { RECURRENCE_STATUS_ICON as g } from "./index224.js";
+import { getCommonRecurrenceStatusLabel as m } from "./index263.js";
 import "date-fns";
-import { useMyEntity as P } from "./index78.js";
-import { SquarePen as T, Trash2 as k } from "lucide-react";
-import { Button as x } from "./index84.js";
-import { Typography as l } from "./index85.js";
-import { useUploadEntityLogo as B } from "./index389.js";
-import { useDeleteEntityLogo as U } from "./index390.js";
-import { DragAndDropBox as A } from "./index391.js";
-import { Skeleton as j } from "./index132.js";
-const st = () => {
-  const {
-    i18n: o
-  } = $(), {
-    data: i,
-    isLoading: m
-  } = P(), c = i?.id ?? "", {
-    FileInput: D,
-    openFileInput: d,
-    checkFileError: N,
-    resetInput: p
-  } = z({
-    acceptedFormats: C,
-    maxFileSizeInMB: M
-  }), [f, s] = v(!1), [g, n] = v(""), {
-    mutateAsync: _,
-    isSuccess: b,
-    isError: w,
-    isPending: u,
-    reset: E
-  } = B(), {
-    mutate: S,
-    isPending: F
-  } = U(c);
-  async function h(t) {
-    if (t) {
-      const a = N(t);
-      if (a) {
-        I.error(a);
-        return;
-      }
-      n(t.name), await _({
-        body: {
-          file: t
-        },
-        path: {
-          entity_id: c
-        }
-      }), p(), n("");
+import { Badge as l } from "./index221.js";
+import { cn as p } from "./index100.js";
+import { useLingui as u } from "@lingui/react";
+import { cva as b } from "class-variance-authority";
+const r = b("", {
+  variants: {
+    variant: {
+      // Active reads periwinkle (indigo) to match the recurrence design,
+      // sitting in the same cool family as the violet "Recurring" badge.
+      active: "ttw:bg-indigo-100 ttw:text-indigo-700",
+      paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
+      canceled: "ttw:bg-red-100 ttw:text-red-700",
+      completed: "ttw:bg-green-100 ttw:text-green-700"
+    },
+    dotVariant: {
+      active: "ttw:border-indigo-100 ttw:bg-indigo-700",
+      paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
+      canceled: "ttw:border-red-100 ttw:bg-red-700",
+      completed: "ttw:border-green-100 ttw:bg-green-700"
     }
   }
-  const L = u || w, y = !!i?.logo && !g && !L && !m;
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:pt-5 ttw:pb-2.5 ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ e(l, { variant: "h3", children: o._("Branding") }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: o._("Control how your invoices will appear to your customers by adding your company's logo. Changes apply to new invoices only.") })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", onDragEnter: (t) => {
-      t.preventDefault(), s(!0);
-    }, onDragLeave: (t) => {
-      t.preventDefault(), s(!1);
-    }, onDragOver: (t) => t.preventDefault(), onDrop: (t) => {
-      t.preventDefault(), s(!1);
-      const a = t.dataTransfer?.files ? t.dataTransfer?.files?.[0] : null;
-      h(a);
-    }, children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-        /* @__PURE__ */ e(l, { variant: "body1", className: "ttw:font-medium", children: o._("Upload your company logo") }),
-        /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:leading-5", color: "muted", children: o._("Proudly display your logo on all your invoices.") })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-end ttw:gap-2", children: [
-        m ? /* @__PURE__ */ e(j, { className: "ttw:w-full ttw:h-38 ttw:bg-zinc-200" }) : /* @__PURE__ */ e(O, { children: y ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:w-full ttw:h-38 ttw:box-border", children: /* @__PURE__ */ e("img", { src: i?.logo?.url, className: "ttw:w-auto ttw:max-w-full ttw:object-contain ttw:max-h-38", alt: o._("Organization logo") }) }) : /* @__PURE__ */ e(A, { isUploading: u, isSuccess: b, isError: w, isDraggingOver: f, fileName: g, resetUpload: () => {
-          p(), E(), n("");
-        }, onClick: d }) }),
-        !f && y && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-4", children: [
-          /* @__PURE__ */ e(x, { variant: "ghost", size: "sm", onClick: d, "aria-label": o._("Edit logo"), children: /* @__PURE__ */ e(T, { className: "ttw:size-4 ttw:w-fit" }) }),
-          i?.logo && /* @__PURE__ */ e(x, { variant: "ghost", size: "sm", disabled: F, "aria-label": o._("Delete logo"), onClick: () => S(), children: /* @__PURE__ */ e(k, { className: "ttw:size-4" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(D, { onChange: (t) => {
-        const a = t.target.files ? t.target.files[0] : null;
-        h(a);
-      } })
-    ] })
+}), R = ({
+  status: t,
+  className: o,
+  showBadgeBackground: e = !0,
+  showIcon: a = !1,
+  dotSize: i,
+  ref: s
+}) => {
+  const {
+    i18n: n
+  } = u(), d = g[t];
+  return /* @__PURE__ */ w(l, { ref: s, className: p("ttw:inline-flex ttw:items-center ttw:gap-1", r({
+    variant: t
+  }), o), dotClassName: r({
+    dotVariant: t
+  }), showBadgeBackground: e, showDotBorder: !e, dotSize: i, showDot: !1, children: [
+    a && /* @__PURE__ */ c(d, { className: "ttw:size-3", "aria-hidden": !0 }),
+    m(n, t)
   ] });
 };
 export {
-  st as LogoSection
+  R as InvoiceRecurrenceStatusChip
 };