@tesouro/embedded-components-react 0.2.149 → 0.2.152

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

@@ -1,103 +1,185 @@
-const e = (t) => ({
-  borderRadius: t.borderRadius ?? 6,
-  buttonBorderRadius: 8,
-  spacing: t.spacing ?? 8,
-  colors: {
-    primary: t.colors?.primary || "#4338CA",
-    primaryForeground: t.colors?.primaryForeground || "#E0E7FF",
-    secondary: t.colors?.secondary || "#F4F4F5",
-    neutral: t.colors?.neutral || "#71717A",
-    info: t.colors?.info || "#1447E6",
-    success: t.colors?.success || "#15803D",
-    warning: t.colors?.warning || "#B45309",
-    error: t.colors?.error || "#DC2626",
-    background: t.colors?.background || "#FFFFFF",
-    text: t.colors?.text || "#09090B",
-    rowBorder: t.colors?.rowBorder || "#E4E4E7"
-  },
-  typography: {
-    fontFamily: t?.typography?.fontFamily || '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-    fontSize: t?.typography?.fontSize ?? 16,
-    h1: {
-      fontSize: t.typography?.h1?.fontSize ?? 48,
-      fontWeight: t.typography?.h1?.fontWeight ?? 600,
-      lineHeight: t.typography?.h1?.lineHeight ?? "68px",
-      textTransform: t.typography?.h1?.textTransform ?? "none"
-    },
-    h2: {
-      fontSize: t.typography?.h2?.fontSize ?? 34,
-      fontWeight: t.typography?.h2?.fontWeight ?? 640,
-      lineHeight: t.typography?.h2?.lineHeight ?? "40px",
-      textTransform: t.typography?.h2?.textTransform ?? "none"
-    },
-    h3: {
-      fontSize: t.typography?.h3?.fontSize ?? 24,
-      fontWeight: t.typography?.h3?.fontWeight ?? 600,
-      lineHeight: t.typography?.h3?.lineHeight ?? "32px",
-      textTransform: t.typography?.h3?.textTransform ?? "none"
-    },
-    subtitle1: {
-      fontSize: t.typography?.subtitle1?.fontSize ?? 20,
-      fontWeight: t.typography?.subtitle1?.fontWeight ?? 600,
-      lineHeight: t.typography?.subtitle1?.lineHeight ?? "24px",
-      textTransform: t.typography?.subtitle1?.textTransform ?? "none"
-    },
-    subtitle2: {
-      fontSize: t.typography?.subtitle2?.fontSize ?? 18,
-      fontWeight: t.typography?.subtitle2?.fontWeight ?? 600,
-      lineHeight: t.typography?.subtitle2?.lineHeight ?? "24px",
-      textTransform: t.typography?.subtitle2?.textTransform ?? "none"
-    },
-    body1: {
-      fontSize: t.typography?.body1?.fontSize ?? 16,
-      fontWeight: t.typography?.body1?.fontWeight ?? 500,
-      lineHeight: t.typography?.body1?.lineHeight ?? "24px"
-    },
-    body2: {
-      fontSize: t.typography?.body2?.fontSize ?? 14,
-      fontWeight: t.typography?.body2?.fontWeight ?? 400,
-      lineHeight: t.typography?.body2?.lineHeight ?? "20px"
-    }
-  },
-  components: {
-    invoiceStatusChip: {
-      icon: t.components?.invoiceStatusChip?.icon || !1,
-      size: t.components?.invoiceStatusChip?.size || "small",
-      variant: t.components?.invoiceStatusChip?.variant || "filled"
-    },
-    payableStatusChip: {
-      icon: t.components?.payableStatusChip?.icon !== void 0 ? t.components?.payableStatusChip?.icon : !1,
-      size: t.components?.payableStatusChip?.size || "small",
-      variant: t.components?.payableStatusChip?.variant || "filled",
-      colors: t.components?.payableStatusChip?.colors
-    },
-    approvalRequestStatusChip: {
-      icon: t.components?.approvalRequestStatusChip?.icon || !1,
-      size: t.components?.approvalRequestStatusChip?.size || "small",
-      variant: t.components?.approvalRequestStatusChip?.variant || "filled"
-    },
-    invoiceRecurrenceStatusChip: {
-      icon: t.components?.invoiceRecurrenceStatusChip?.icon || !1,
-      size: t.components?.invoiceRecurrenceStatusChip?.size || "small",
-      variant: t.components?.invoiceRecurrenceStatusChip?.variant || "filled"
-    },
-    invoiceRecurrenceIterationStatusChip: {
-      icon: t.components?.invoiceRecurrenceIterationStatusChip?.icon || !1,
-      size: t.components?.invoiceRecurrenceIterationStatusChip?.size || "small",
-      variant: t.components?.invoiceRecurrenceIterationStatusChip?.variant || "filled"
-    },
-    counterpartStatusChip: {
-      size: t.components?.counterpartStatusChip?.size || "small",
-      variant: t.components?.counterpartStatusChip?.variant || "filled"
-    },
-    approvalStatusChip: {
-      icon: t.components?.approvalStatusChip?.icon || !1,
-      size: t.components?.approvalStatusChip?.size || "small",
-      variant: t.components?.approvalStatusChip?.variant || "filled"
-    },
-    styles: t.components?.styles
-  }
-});
+const a = {
+  ab: "ab",
+  aa: "aa",
+  af: "af",
+  ak: "ak",
+  sq: "sq",
+  am: "am",
+  ar: "ar",
+  an: "an",
+  hy: "hy",
+  av: "av",
+  ae: "ae",
+  ay: "ay",
+  az: "az",
+  bm: "bm",
+  ba: "ba",
+  eu: "eu",
+  be: "be",
+  bn: "bn",
+  bi: "bi",
+  bs: "bs",
+  br: "br",
+  bg: "bg",
+  my: "my",
+  ca: "ca",
+  ch: "ch",
+  ce: "ce",
+  ny: "ny",
+  zh: "zh",
+  cu: "cu",
+  cv: "cv",
+  kw: "kw",
+  co: "co",
+  cr: "cr",
+  hr: "hr",
+  cs: "cs",
+  da: "da",
+  dv: "dv",
+  nl: "nl",
+  dz: "dz",
+  en: "en",
+  eo: "eo",
+  et: "et",
+  ee: "ee",
+  fo: "fo",
+  fj: "fj",
+  fi: "fi",
+  fr: "fr",
+  fy: "fy",
+  ff: "ff",
+  gd: "gd",
+  gl: "gl",
+  lg: "lg",
+  ka: "ka",
+  de: "de",
+  el: "el",
+  kl: "kl",
+  gn: "gn",
+  gu: "gu",
+  ht: "ht",
+  ha: "ha",
+  he: "he",
+  hz: "hz",
+  hi: "hi",
+  ho: "ho",
+  hu: "hu",
+  io: "io",
+  ig: "ig",
+  id: "id",
+  ia: "ia",
+  ie: "ie",
+  iu: "iu",
+  ik: "ik",
+  ga: "ga",
+  it: "it",
+  ja: "ja",
+  jv: "jv",
+  kn: "kn",
+  kr: "kr",
+  ks: "ks",
+  kk: "kk",
+  km: "km",
+  ki: "ki",
+  rw: "rw",
+  ky: "ky",
+  kv: "kv",
+  kg: "kg",
+  ko: "ko",
+  kj: "kj",
+  ku: "ku",
+  lo: "lo",
+  la: "la",
+  lv: "lv",
+  li: "li",
+  ln: "ln",
+  lt: "lt",
+  lu: "lu",
+  lb: "lb",
+  mk: "mk",
+  mg: "mg",
+  ms: "ms",
+  ml: "ml",
+  mt: "mt",
+  gv: "gv",
+  mi: "mi",
+  mr: "mr",
+  mh: "mh",
+  mn: "mn",
+  na: "na",
+  nv: "nv",
+  nd: "nd",
+  nr: "nr",
+  ng: "ng",
+  ne: "ne",
+  no: "no",
+  nb: "nb",
+  nn: "nn",
+  ii: "ii",
+  oc: "oc",
+  oj: "oj",
+  om: "om",
+  os: "os",
+  pi: "pi",
+  ps: "ps",
+  fa: "fa",
+  pl: "pl",
+  pt: "pt",
+  pa: "pa",
+  qu: "qu",
+  ro: "ro",
+  rm: "rm",
+  rn: "rn",
+  ru: "ru",
+  se: "se",
+  sm: "sm",
+  sg: "sg",
+  sa: "sa",
+  sc: "sc",
+  sr: "sr",
+  sn: "sn",
+  sd: "sd",
+  si: "si",
+  sk: "sk",
+  sl: "sl",
+  so: "so",
+  st: "st",
+  es: "es",
+  su: "su",
+  sw: "sw",
+  ss: "ss",
+  sv: "sv",
+  tl: "tl",
+  ty: "ty",
+  tg: "tg",
+  ta: "ta",
+  tt: "tt",
+  te: "te",
+  th: "th",
+  bo: "bo",
+  ti: "ti",
+  to: "to",
+  ts: "ts",
+  tn: "tn",
+  tr: "tr",
+  tk: "tk",
+  tw: "tw",
+  ug: "ug",
+  uk: "uk",
+  ur: "ur",
+  uz: "uz",
+  ve: "ve",
+  vi: "vi",
+  vo: "vo",
+  wa: "wa",
+  cy: "cy",
+  wo: "wo",
+  xh: "xh",
+  yi: "yi",
+  yo: "yo",
+  za: "za",
+  zu: "zu"
+}, s = Object.values(a);
 export {
-  e as getTheme
+  s as LanguageCodeEnum
 };

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

@@ -1,28 +1,28 @@
-import a from "chroma-js";
-const r = (e, f) => ({
-  dark: a(e).darken(0.3).saturate(0.2).hex(),
-  main: e,
-  light: a.mix(e, "#ffffff", 0.94).hex(),
-  // Improved progression using mix/desaturate/darken approach
-  10: a(e).darken(2.2).saturate(0.5).hex(),
-  20: a(e).darken(1.8).saturate(0.3).hex(),
-  25: a(e).darken(1.4).saturate(0.2).hex(),
-  30: a(e).darken(1).saturate(0.1).hex(),
-  40: a(e).darken(0.5).hex(),
-  50: e,
-  55: a(e).brighten(0.3).desaturate(0.1).hex(),
-  60: a.mix(e, "#ffffff", 0.25).desaturate(0.1).hex(),
-  65: a.mix(e, "#ffffff", 0.4).desaturate(0.2).hex(),
-  75: a.mix(e, "#ffffff", 0.6).desaturate(0.3).hex(),
-  80: a.mix(e, "#ffffff", 0.7).desaturate(0.4).hex(),
-  85: a.mix(e, "#ffffff", 0.8).desaturate(0.5).hex(),
-  90: a.mix(e, "#ffffff", 0.85).desaturate(0.3).hex(),
-  95: a.mix(e, "#ffffff", 0.9).desaturate(0.4).hex(),
-  100: a.mix(e, "#ffffff", 0.95).desaturate(0.5).hex(),
-  foreground: {
-    main: f
-  }
-});
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const c = () => {
+  const {
+    i18n: r
+  } = a(), {
+    api: t,
+    queryClient: o
+  } = n();
+  return t.finops.postCounterpartsIdBankAccounts.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await t.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: e.counterpart_id
+          }
+        }
+      }, o);
+    },
+    onError: () => {
+      s.error(r._("There was an error setting up the bank account"));
+    }
+  });
+};
 export {
-  r as getPrimaryColors
+  c as useCreateCounterpartBank
 };

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

@@ -1,8 +1,39 @@
-import e from "chroma-js";
-const r = (a) => ({
-  main: a,
-  dark: e(a).darken(1.2).saturate(0.2).hex()
-});
+import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { LoadingSpinner as f } from "./index135.js";
+import { Button as t } from "./index84.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index229.js";
+import { useLingui as v } from "@lingui/react";
+const P = ({
+  open: e,
+  title: l,
+  message: s,
+  children: c,
+  confirmLabel: d,
+  cancelLabel: m,
+  onClose: a,
+  onConfirm: p,
+  container: g,
+  isLoading: r = !1
+}) => {
+  const {
+    i18n: h
+  } = v();
+  return /* @__PURE__ */ o(C, { open: e, onOpenChange: a, "aria-label": h._("Confirmation dialog"), children: /* @__PURE__ */ n(u, { container: g, showCloseButton: !1, children: [
+    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(b, { children: l }) }),
+    /* @__PURE__ */ o(w, { children: s || c }),
+    /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ o(t, { onClick: (i) => {
+        i.stopPropagation(), a();
+      }, variant: "outline", children: m }),
+      /* @__PURE__ */ n(t, { onClick: (i) => {
+        i.stopPropagation(), p();
+      }, disabled: r, variant: "destructive", children: [
+        r && /* @__PURE__ */ o(f, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        d
+      ] })
+    ] })
+  ] }) });
+};
 export {
-  r as getSecondaryColors
+  P as ConfirmationModal
 };

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

@@ -1,14 +1,55 @@
-import h from "chroma-js";
-const t = (r) => ({
-  main: r,
-  10: h(r).darken(2.5).hex(),
-  30: h(r).darken(1.5).hex(),
-  50: r,
-  70: h(r).brighten(0.7).hex(),
-  80: h(r).brighten(2.3).hex(),
-  90: h(r).brighten(2.68).hex(),
-  95: h(r).brighten(2.84).hex()
-});
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as m, Controller as u } from "react-hook-form";
+import { Typography as n } from "./index85.js";
+import { useLingui as w } from "@lingui/react";
+import { Switch as i } from "./index367.js";
+import { twMerge as h } from "tailwind-merge";
+const x = ({
+  control: l,
+  isDialog: r
+}) => {
+  const {
+    i18n: t
+  } = w(), {
+    watch: c,
+    setValue: d
+  } = m(), s = c("invoice_bank_display");
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5", children: [
+      /* @__PURE__ */ e(n, { variant: "h3", children: t._("PDF settings") }),
+      /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: t._("Invoices are generated as PDFs") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: h(
+      "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg",
+      // In the dialog the toggles sit in their own grey grouping box, so the
+      // inset padding is needed. On the settings page they already sit inside
+      // the section card, so the extra padding just indented the body.
+      r ? "ttw:bg-zinc-100 ttw:p-4" : ""
+    ), children: [
+      /* @__PURE__ */ a("section", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: t._("Display your bank account details on the PDF") }),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: t._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.") })
+        ] }),
+        /* @__PURE__ */ e(i, { checked: s, onCheckedChange: (o) => {
+          d("invoice_bank_display", o, {
+            shouldDirty: !0
+          });
+        }, "aria-label": t._("Display bank display options") })
+      ] }),
+      /* @__PURE__ */ a("section", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: t._("Update PDF files for paid invoices") }),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: t._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.") }),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: t._("Once updated, you won't be able to revert the PDFs.") })
+        ] }),
+        /* @__PURE__ */ e(u, { name: "update_paid_invoices", control: l, render: ({
+          field: o
+        }) => /* @__PURE__ */ e(i, { checked: o.value, onCheckedChange: o.onChange, "aria-label": t._("Enable update paid invoices pdf") }) })
+      ] })
+    ] })
+  ] });
+};
 export {
-  t as getNeutralColors
+  x as PDFSettings
 };

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

@@ -1,9 +1,31 @@
-import o from "chroma-js";
-const t = (a) => ({
-  main: a,
-  light: o(a).alpha(0.25).hex(),
-  dark: o(a).alpha(1).hex()
-});
+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);
+    }
+  });
+};
 export {
-  t as getSeverityColors
+  c as usePatchEntitySettings
 };

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

@@ -1,12 +1,7 @@
-import r from "chroma-js";
-const e = (s) => {
-  const o = r(s).alpha();
-  return {
-    primary: s,
-    secondary: r(s).alpha(o * 0.81).css(),
-    disabled: r(s).alpha(o * 0.62).css()
-  };
-};
+import { zodResolver as e } from "@hookform/resolvers/zod";
+function t(o) {
+  return e(o);
+}
 export {
-  e as getTextColors
+  t as safeZodResolver
 };