@tesouro/embedded-components-react 0.2.51 → 0.2.52

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

@@ -1,130 +1,114 @@
-import { jsxs as r, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { AccordionTrigger as g, AccordionContent as x } from "./index259.js";
-import { Badge as b } from "./index260.js";
-import { Button as v } from "./index86.js";
-import { useLingui as f } from "@lingui/react";
-import { Calendar as N, Bell as R } from "lucide-react";
-import { twMerge as j } from "tailwind-merge";
-import "react-hot-toast";
-import "./index59.js";
-import { useState as I } from "react";
-import "date-fns";
-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";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import "clsx";
-import "@radix-ui/react-dropdown-menu";
-import { useGetPaymentReminderById as C } from "./index268.js";
-import { useGetOverdueReminderById as D } from "./index266.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "react-hook-form";
-import { PreviewEmail as T } from "./index314.js";
-import { Dialog as B, DialogContent as L, DialogDescription as $ } from "./index197.js";
-import { getDefaultContact as k } from "./index312.js";
-import { useCounterpartById as O } from "./index72.js";
-import { useCounterpartContactList as S } from "./index76.js";
-const p = ({
-  term: a,
-  isLastTerm: o,
-  invoiceId: c
+import { jsxs as a, jsx as e, Fragment as y } from "@emotion/react/jsx-runtime";
+import { USStatesEnum as x } from "./index425.js";
+import { Field as o, FieldContent as s, FieldLabel as c, FieldError as m } from "./index156.js";
+import { Input as f } from "./index129.js";
+import { Select as F, SelectTrigger as _, SelectValue as j, SelectContent as A, SelectItem as E } from "./index290.js";
+import { Typography as b } from "./index86.js";
+import { MoniteCountryShadcn as L } from "./index426.js";
+import { useLingui as T } from "@lingui/react";
+import { useRef as U } from "react";
+import { useFormContext as B, Controller as w } from "react-hook-form";
+import { twMerge as g } from "tailwind-merge";
+const G = ({
+  hasExistingAddress: v,
+  isLoading: n,
+  isStandalone: d,
+  customerType: S
 }) => {
   const {
-    i18n: d
-  } = f(), [i, w] = I(!1);
-  return /* @__PURE__ */ r("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ r("div", { className: j("ttw:flex ttw:flex-col ttw:gap-1", o ? "ttw:pt-0" : "ttw:pt-2 ttw:justify-end ttw:items-center"), children: [
-        /* @__PURE__ */ e(R, { className: "ttw:size-4" }),
-        !o && /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-      ] }),
-      /* @__PURE__ */ e("span", { className: "ttw:text-text ttw:text-sm ttw:font-normal ttw:leading-5", children: a.reminderTerm })
+    i18n: l
+  } = T(), {
+    watch: N,
+    control: h
+  } = B(), u = U(null), i = S === "vendor";
+  return /* @__PURE__ */ a("div", { className: g("ttw:flex ttw:flex-col ttw:gap-4"), ref: u, children: [
+    d ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ e(b, { variant: "body1", className: "ttw:font-medium", children: v ? l._("Editing address") : l._("Adding address") }) }) : /* @__PURE__ */ e(y, { children: !i && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ a(b, { variant: "body1", className: "ttw:font-medium", children: [
+      l._("Address"),
+      " ",
+      /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground", children: l._("(optional)") })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "line1", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Street address") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "line2", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ a(c, { htmlFor: t.name, className: "ttw:gap-1", children: [
+          l._("Apt, suite, floor, etc."),
+          i && /* @__PURE__ */ e(b, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: l._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) })
     ] }),
-    /* @__PURE__ */ e(v, { variant: "link", onClick: () => w(!0), children: d._("View email") }),
-    i && /* @__PURE__ */ e(B, { open: i, onOpenChange: w, children: /* @__PURE__ */ r(L, { fullScreen: !0, children: [
-      /* @__PURE__ */ e(T, { invoiceId: c, body: a.body, subject: a.subject }),
-      /* @__PURE__ */ e($, { hidden: !0, children: d._("Email preview") })
-    ] }) })
-  ] });
-}, ce = ({
-  paymentReminderId: a,
-  overdueReminderId: o,
-  invoiceId: c,
-  counterpartId: d
-}) => {
-  const {
-    i18n: i
-  } = f(), {
-    data: w
-  } = S(d), {
-    data: u
-  } = O(d), {
-    data: t
-  } = C(a), {
-    data: y
-  } = D(o), _ = k(w, u), s = [...t?.term_1_reminder ? [{
-    body: t?.term_1_reminder?.body,
-    subject: t?.term_1_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_1_reminder.days_before,
-      paymentReminder1: t?.term_1_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-1"
-  }] : [], ...t?.term_2_reminder ? [{
-    body: t?.term_2_reminder?.body,
-    subject: t?.term_2_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_2_reminder.days_before,
-      paymentReminder1: t?.term_2_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-2"
-  }] : [], ...t?.term_final_reminder ? [{
-    body: t?.term_final_reminder?.body,
-    subject: t?.term_final_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_final_reminder.days_before,
-      paymentReminder1: t?.term_final_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-3"
-  }] : []], m = y?.terms?.map((n, l) => ({
-    body: n?.body,
-    subject: n?.subject,
-    reminderTerm: i._("{termDays_after} {term} after", {
-      termDays_after: n.days_after,
-      term: n?.days_after === 1 ? "day" : "days"
-    }),
-    id: `overdue-${l + 1}`
-  })) ?? [];
-  return /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(g, { className: "ttw:hover:no-underline ttw:group", children: /* @__PURE__ */ r("span", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e("span", { className: "ttw:group-hover:underline", children: i._("Reminder emails") }),
-      s?.length + m?.length > 0 && /* @__PURE__ */ e(b, { variant: "secondary", className: "ttw:h-5 ttw:min-w-5 ttw:rounded-full ttw:px-1 ttw:tabular-nums", children: s?.length + m?.length })
-    ] }) }),
-    /* @__PURE__ */ r(x, { className: "ttw:flex ttw:gap-6", children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Recipients") }),
-        /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: _?.email ?? "-" })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Scheduled reminders") }),
-        /* @__PURE__ */ r("ul", { children: [
-          s?.length > 0 && s.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: m.length > 0 ? !1 : l === s.length - 1, invoiceId: c }, n.id)),
-          m.length > 0 && /* @__PURE__ */ e("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:justify-end ttw:items-center ttw:gap-1 ttw:pt-2", children: [
-              /* @__PURE__ */ e(N, { className: "ttw:size-4 ttw:text-neutral" }),
-              /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-neutral ttw:text-sm ttw:font-normal ttw:leading-5", children: i._("Due date") })
-          ] }) }),
-          m?.length > 0 && m.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: l === m.length - 1, invoiceId: c }, n.id))
-        ] })
-      ] })
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "city", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("City") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "state", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => N("country") === "US" ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
+        /* @__PURE__ */ a(F, { value: t.value ?? void 0, onValueChange: t.onChange, disabled: n, children: [
+          /* @__PURE__ */ e(_, { ref: t.ref, onBlur: t.onBlur, "aria-invalid": !!r || void 0, className: g("ttw:w-full", (d || i) && "ttw:bg-white"), disabled: n, children: /* @__PURE__ */ e(j, { placeholder: l._("Select a state") }) }),
+          /* @__PURE__ */ e(A, { children: Object.entries(x).map(([p, C]) => /* @__PURE__ */ a(E, { value: p, children: [
+            C,
+            " — ",
+            p
+          ] }, p)) })
+        ] }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) : /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "postalCode", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Postal code") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "country", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { children: l._("Country") }),
+        /* @__PURE__ */ e(L, { value: t.value, className: d || i ? "ttw:bg-white" : "", onChange: t.onChange, invalid: !!r, disabled: n, container: u?.current, allowedCountries: ["US"] }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) })
     ] })
   ] });
 };
 export {
-  ce as InvoiceDetailsOverviewReminders
+  G as CounterpartAddressFormContent
 };

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

@@ -1,18 +1,90 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index102.js";
-function e({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card", className: o("ttw:bg-card ttw:text-card-foreground ttw:flex ttw:flex-col ttw:gap-6 ttw:rounded-xl ttw:border ttw:py-6 ttw:shadow-sm", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card-content", className: o("ttw:px-6", t), ...a });
-}
+import { jsx as i, jsxs as m } from "@emotion/react/jsx-runtime";
+import { useForm as N, FormProvider as F } from "react-hook-form";
+import { useLingui as I } from "@lingui/react";
+import { useId as P, useMemo as z, useCallback as L } from "react";
+import { zodResolver as U } from "@hookform/resolvers/zod";
+import { Button as y } from "./index85.js";
+import { getAddressValidationSchema as j } from "./index258.js";
+import "./index58.js";
+import { toast as p } from "react-hot-toast";
+import "date-fns";
+import { getCounterpartName as k } from "./index7.js";
+import { useUpdateCounterpartAddress as D } from "./index317.js";
+import { useCreateCounterpartAddress as T } from "./index427.js";
+import { LoadingSpinner as V } from "./index136.js";
+import { CounterpartAddressFormContent as B } from "./index320.js";
+const tt = ({
+  counterpartId: c,
+  isStandalone: C,
+  address: t,
+  customerType: u,
+  handleClose: h,
+  onUpdate: d,
+  onCreate: n
+}) => {
+  const {
+    i18n: r
+  } = I(), S = `counterpart-address-form-${P()}`, g = !!t, {
+    mutate: f,
+    isPending: x
+  } = D({
+    counterpartId: c,
+    addressId: t?.id ?? ""
+  }), {
+    mutate: w,
+    isPending: A
+  } = T(), o = x || A, v = z(() => ({
+    line1: t?.line1 ?? "",
+    line2: t?.line2 ?? "",
+    city: t?.city ?? "",
+    state: t?.state ?? "",
+    country: t?.country ?? "US",
+    postalCode: t?.postal_code ?? ""
+  }), [t]), {
+    resetField: e,
+    ...a
+  } = N({
+    resolver: U(j(r, u === "vendor")),
+    defaultValues: v
+  }), _ = L((l) => {
+    l.preventDefault(), l.stopPropagation(), a.handleSubmit((s) => {
+      const b = {
+        line1: s.line1 ?? "",
+        line2: s.line2,
+        city: s.city ?? "",
+        state: s.state ?? "",
+        country: s.country,
+        postal_code: s.postalCode ?? ""
+      };
+      return t ? f(b, {
+        onSuccess: () => {
+          p.success(r._("Address has been updated.")), d && d();
+        }
+      }) : w({
+        path: {
+          counterpart_id: c
+        },
+        body: b
+      }, {
+        onSuccess: () => {
+          p.success(r._("Address has been added.")), n && n();
+        }
+      });
+    })(l);
+  }, [p, f, w, k, d, n, a.handleSubmit, r]);
+  return /* @__PURE__ */ i(F, { resetField: e, ...a, children: /* @__PURE__ */ m("form", { id: S, onSubmit: _, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
+    /* @__PURE__ */ i(B, { hasExistingAddress: g, isLoading: o, isStandalone: C, customerType: u }),
+    /* @__PURE__ */ m("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ i(y, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
+        e("line1"), e("line2"), e("city"), e("state"), e("postalCode"), e("country"), h();
+      }, children: r._("Cancel") }),
+      /* @__PURE__ */ m(y, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
+        o && /* @__PURE__ */ i(V, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        r._("Save")
+      ] })
+    ] })
+  ] }) });
+};
 export {
-  e as Card,
-  n as CardContent
+  tt as CounterpartAddressForm
 };

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

@@ -1,41 +1,24 @@
-const e = (a, r) => {
-  switch (a) {
-    case "sepa_credit":
-      return r._("SEPA Credit");
-    case "us_ach":
-      return r._("US ACH");
-    case "blik":
-      return r._("BLIK");
-    case "card":
-      return r._("Card payment");
-    case "bacs_direct_debit":
-      return r._("Bacs Direct Debit");
-    case "bancontact":
-      return r._("Bancontact");
-    case "eps":
-      return r._("EPS");
-    case "giropay":
-      return r._("Giropay");
-    case "ideal":
-      return r._("iDEAL");
-    case "p24":
-      return r._("Przelewy24");
-    case "sepa_debit":
-      return r._("SEPA Debit");
-    case "sofort":
-      return r._("SOFORT");
-    case "applepay":
-      return r._("Apple Pay");
-    case "googlepay":
-      return r._("Google Pay");
-    case "affirm":
-      return r._("Affirm");
-    case "klarna":
-      return r._("Klarna");
-    default:
-      return r._("Unknown payment method");
-  }
-};
+import e from "@mui/icons-material/Cancel";
+import _ from "@mui/icons-material/DangerousOutlined";
+import r from "@mui/icons-material/HourglassEmpty";
+import a from "@mui/icons-material/PaidOutlined";
+const s = ["waiting", "approved", "rejected", "canceled"], o = {
+  approved: "success",
+  canceled: "secondary",
+  rejected: "error",
+  waiting: "warning"
+}, A = {
+  approved: a,
+  canceled: e,
+  rejected: _,
+  waiting: r
+}, R = "status", d = "created_at", i = "created_by", S = "current_user";
 export {
-  e as getPaymentMethodName
+  s as APPROVAL_REQUEST_STATUSES,
+  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
+  i as FILTER_TYPE_ADDED_BY,
+  d as FILTER_TYPE_CREATED_AT,
+  S as FILTER_TYPE_CURRENT_USER,
+  R as FILTER_TYPE_STATUS,
+  o as ROW_TO_STATUS_MUI_MAP
 };

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

@@ -1,45 +1,59 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index324.js";
-import "date-fns";
-import { Badge as s } from "./index260.js";
-import { cn as g } from "./index102.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useRootElements as s } from "./index93.js";
+import { FilterContainer as p } from "./index328.js";
+import { useLingui as m } from "@lingui/react";
+import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
+import { DatePicker as _ } from "@mui/x-date-pickers";
+import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index322.js";
+import { getRowToStatusTextMap as S } from "./index428.js";
+import { AutocompleteCreatedBy as M } from "./index429.js";
+const O = ({
+  onChangeFilter: l,
+  sx: i
 }) => {
   const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
+    i18n: a
+  } = m(), {
+    root: r
+  } = s();
+  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
+    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
+      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
+      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
+        container: r
+      }, onChange: (e) => {
+        l(R, e && e.target.value);
+      }, children: [{
+        label: a._("All invoices"),
+        value: "all"
+      }, ...Object.values(v).map((e) => ({
+        label: S(a)[e],
+        value: e
+      }))].map(({
+        label: e,
+        value: o
+      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
+    ] }),
+    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
+    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
+      o.validationError || l(C, e);
+    }, slotProps: {
+      textField: {
+        variant: "standard"
+      },
+      popper: {
+        container: r
+      },
+      dialog: {
+        container: r
+      },
+      actionBar: {
+        actions: ["clear", "today"]
+      }
+    }, views: ["year", "month", "day"] }),
+    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
+  ] });
 };
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  O as ApprovalRequestsFilter
 };

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

@@ -1,65 +1,31 @@
-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 { 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 "./index322.js";
+import { getRowToStatusTextMap as T } from "./index428.js";
+const c = ({
+  ref: s,
+  ...e
+}) => {
+  const {
+    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 {
-  n as getCommonRecurrenceIterationStatusLabel,
-  a as getCommonRecurrenceStatusLabel,
-  t as getCommonStatusLabel
+  c as ApprovalRequestStatusChip
 };