@tesouro/embedded-components-react 0.2.130 → 0.2.131

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

@@ -1,52 +1,79 @@
-import { useEffect as m, useMemo as f } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const p = 100, h = (s, g = !0) => {
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import * as a from "react";
+import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
+import { Label as p } from "./index333.js";
+import { cn as i } from "./index100.js";
+import { Slot as g } from "@radix-ui/react-slot";
+const b = f, l = a.createContext({}), C = ({
+  ...r
+}) => /* @__PURE__ */ m(l.Provider, { value: {
+  name: r.name
+}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
+  const r = a.useContext(l), e = a.useContext(c), {
+    getFieldState: t
+  } = F(), o = I({
+    name: r.name
+  }), s = t(r.name, o);
+  if (!r)
+    throw new Error("useFormField should be used within <FormField>");
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: p
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, P, x, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: o,
-    fetchNextPage: r
+    id: n
   } = e;
-  return m(() => {
-    n && !i && !o && r();
-  }, [n, i, o, r]), {
-    data: f(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
+  return {
+    id: n,
+    name: r.name,
+    formItemId: `${n}-form-item`,
+    formDescriptionId: `${n}-form-item-description`,
+    formMessageId: `${n}-form-item-message`,
+    ...s
   };
-};
+}, c = a.createContext({});
+function N({
+  className: r,
+  ...e
+}) {
+  const t = a.useId();
+  return /* @__PURE__ */ m(c.Provider, { value: {
+    id: t
+  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
+}
+function M({
+  className: r,
+  ...e
+}) {
+  const {
+    error: t,
+    formItemId: o
+  } = d();
+  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
+}
+function S({
+  ...r
+}) {
+  const {
+    error: e,
+    formItemId: t,
+    formDescriptionId: o,
+    formMessageId: s
+  } = d();
+  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
+}
+function P({
+  className: r,
+  ...e
+}) {
+  const {
+    error: t,
+    formMessageId: o
+  } = d(), s = t ? String(t?.message ?? "") : e.children;
+  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
+}
 export {
-  h as useGetEmbeddedBankAccounts
+  b as Form,
+  S as FormControl,
+  C as FormField,
+  N as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
 };

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

@@ -1,14 +1,46 @@
-import { useMoniteContext as s } from "./index57.js";
-const r = (e, t = !0) => {
-  const {
-    api: n
-  } = s();
-  return n.finops.getBankDetails.useQuery({
-    query: e
-  }, {
-    enabled: t
-  });
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import * as w from "react";
+import { Badge as d } from "./index238.js";
+import { Button as m } from "./index84.js";
+import { cn as p } from "./index100.js";
+import { XIcon as h } from "lucide-react";
+const g = ({
+  className: i,
+  value: e,
+  onChange: a,
+  ref: c,
+  ...f
+}) => {
+  const [r, n] = w.useState("");
+  w.useEffect(() => {
+    if (r.includes(",")) {
+      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
+      a(Array.from(t)), n("");
+    }
+  }, [r, a, e]);
+  const u = () => {
+    if (r) {
+      const t = /* @__PURE__ */ new Set([...e, r]);
+      a(Array.from(t)), n("");
+    }
+  };
+  return /* @__PURE__ */ l("div", { className: p(
+    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
+    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
+    i
+  ), children: [
+    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
+      t,
+      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
+        a(e.filter((s) => s !== t));
+      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
+    ] }, t)),
+    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
+      t.key === "Enter" || t.key === "," ? (t.preventDefault(), u()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
+    }, ...f, ref: c })
+  ] });
 };
+g.displayName = "InputTags";
 export {
-  r as useGetEntityBankAccounts
+  g as InputTags
 };

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

@@ -1,52 +1,36 @@
-import { useEffect as m, useMemo as p } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const l = 100, h = (s, g = !0) => {
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const c = (i) => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: l
+    i18n: e
+  } = n(), {
+    api: a,
+    queryClient: o
+  } = s();
+  return a.finops.patchProductsId.useMutation({
+    path: {
+      product_id: i
     }
   }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, x, P, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
+    onSuccess: async (t) => {
+      await a.finops.getProducts.invalidateQueries(o), await a.finops.getProductsId.invalidateQueries({
+        parameters: {
+          path: {
+            product_id: t.id
           }
-        };
+        }
+      }, o), r.success(t.type === "product" ? e._("Product {name} was updated.", {
+        name: t.name
+      }) : e._("Service {name} was updated.", {
+        name: t.name
+      }));
     },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: r,
-    fetchNextPage: o
-  } = e;
-  return m(() => {
-    n && !i && !r && o();
-  }, [n, i, r, o]), {
-    data: p(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
+    onError: () => {
+      r.error(e._("Failed to update"));
+    }
+  });
 };
 export {
-  h as useGetExternalBankAccounts
+  c as useUpdateProduct
 };

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

@@ -1,13 +1,257 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Switch as a } from "radix-ui";
-import { cn as e } from "./index100.js";
-function o({
-  className: s,
-  size: r = "default",
-  ...i
-}) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
-}
+const M = {
+  AF: "AF",
+  AX: "AX",
+  AL: "AL",
+  DZ: "DZ",
+  AS: "AS",
+  AD: "AD",
+  AO: "AO",
+  AI: "AI",
+  AQ: "AQ",
+  AG: "AG",
+  AR: "AR",
+  AM: "AM",
+  AW: "AW",
+  AU: "AU",
+  AT: "AT",
+  AZ: "AZ",
+  BS: "BS",
+  BH: "BH",
+  BD: "BD",
+  BB: "BB",
+  BL: "BL",
+  BY: "BY",
+  BE: "BE",
+  BZ: "BZ",
+  BJ: "BJ",
+  CW: "CW",
+  MF: "MF",
+  CX: "CX",
+  BM: "BM",
+  BT: "BT",
+  BO: "BO",
+  BA: "BA",
+  BW: "BW",
+  BV: "BV",
+  BR: "BR",
+  IO: "IO",
+  BN: "BN",
+  BG: "BG",
+  BF: "BF",
+  BI: "BI",
+  BQ: "BQ",
+  KH: "KH",
+  CM: "CM",
+  CA: "CA",
+  IC: "IC",
+  CV: "CV",
+  KY: "KY",
+  CF: "CF",
+  EA: "EA",
+  TD: "TD",
+  CL: "CL",
+  CN: "CN",
+  CC: "CC",
+  CO: "CO",
+  KM: "KM",
+  CG: "CG",
+  CD: "CD",
+  CK: "CK",
+  CR: "CR",
+  CI: "CI",
+  HR: "HR",
+  CU: "CU",
+  CY: "CY",
+  CZ: "CZ",
+  DK: "DK",
+  DJ: "DJ",
+  DM: "DM",
+  DO: "DO",
+  EC: "EC",
+  EG: "EG",
+  SV: "SV",
+  GQ: "GQ",
+  ER: "ER",
+  EE: "EE",
+  ET: "ET",
+  FK: "FK",
+  FO: "FO",
+  FJ: "FJ",
+  FI: "FI",
+  FR: "FR",
+  GF: "GF",
+  PF: "PF",
+  TF: "TF",
+  GA: "GA",
+  GM: "GM",
+  GE: "GE",
+  DE: "DE",
+  GH: "GH",
+  GI: "GI",
+  GR: "GR",
+  GL: "GL",
+  GD: "GD",
+  GP: "GP",
+  GU: "GU",
+  GT: "GT",
+  GG: "GG",
+  GN: "GN",
+  GW: "GW",
+  GY: "GY",
+  HT: "HT",
+  HM: "HM",
+  VA: "VA",
+  HN: "HN",
+  HK: "HK",
+  HU: "HU",
+  IS: "IS",
+  IN: "IN",
+  ID: "ID",
+  IR: "IR",
+  IQ: "IQ",
+  IE: "IE",
+  IM: "IM",
+  IL: "IL",
+  IT: "IT",
+  JM: "JM",
+  JP: "JP",
+  JE: "JE",
+  JO: "JO",
+  KZ: "KZ",
+  KE: "KE",
+  KI: "KI",
+  KP: "KP",
+  KR: "KR",
+  KW: "KW",
+  KG: "KG",
+  LA: "LA",
+  LV: "LV",
+  LB: "LB",
+  LS: "LS",
+  LR: "LR",
+  LY: "LY",
+  LI: "LI",
+  LT: "LT",
+  LU: "LU",
+  MO: "MO",
+  MK: "MK",
+  MG: "MG",
+  MW: "MW",
+  MY: "MY",
+  MV: "MV",
+  ML: "ML",
+  MT: "MT",
+  MH: "MH",
+  MQ: "MQ",
+  MR: "MR",
+  MU: "MU",
+  YT: "YT",
+  MX: "MX",
+  FM: "FM",
+  MD: "MD",
+  MC: "MC",
+  ME: "ME",
+  MN: "MN",
+  MS: "MS",
+  MA: "MA",
+  MZ: "MZ",
+  MM: "MM",
+  NA: "NA",
+  NR: "NR",
+  NP: "NP",
+  NL: "NL",
+  AN: "AN",
+  NC: "NC",
+  NZ: "NZ",
+  NI: "NI",
+  NE: "NE",
+  NG: "NG",
+  NU: "NU",
+  NF: "NF",
+  MP: "MP",
+  NO: "NO",
+  OM: "OM",
+  PK: "PK",
+  PW: "PW",
+  PS: "PS",
+  PA: "PA",
+  PG: "PG",
+  PY: "PY",
+  PE: "PE",
+  PH: "PH",
+  PN: "PN",
+  PL: "PL",
+  PT: "PT",
+  PR: "PR",
+  QA: "QA",
+  RE: "RE",
+  RO: "RO",
+  RS: "RS",
+  RU: "RU",
+  RW: "RW",
+  SH: "SH",
+  KN: "KN",
+  LC: "LC",
+  PM: "PM",
+  VC: "VC",
+  WS: "WS",
+  SM: "SM",
+  ST: "ST",
+  SA: "SA",
+  SN: "SN",
+  SS: "SS",
+  SC: "SC",
+  SL: "SL",
+  SG: "SG",
+  SK: "SK",
+  SI: "SI",
+  SB: "SB",
+  SO: "SO",
+  SX: "SX",
+  ZA: "ZA",
+  GS: "GS",
+  ES: "ES",
+  LK: "LK",
+  SD: "SD",
+  SR: "SR",
+  SJ: "SJ",
+  SZ: "SZ",
+  SE: "SE",
+  CH: "CH",
+  SY: "SY",
+  TW: "TW",
+  TJ: "TJ",
+  TZ: "TZ",
+  TH: "TH",
+  TL: "TL",
+  TG: "TG",
+  TK: "TK",
+  TO: "TO",
+  TT: "TT",
+  TN: "TN",
+  TR: "TR",
+  TM: "TM",
+  TC: "TC",
+  TV: "TV",
+  UG: "UG",
+  UA: "UA",
+  AE: "AE",
+  GB: "GB",
+  US: "US",
+  UM: "UM",
+  UY: "UY",
+  UZ: "UZ",
+  VU: "VU",
+  VE: "VE",
+  VN: "VN",
+  VG: "VG",
+  VI: "VI",
+  WF: "WF",
+  EH: "EH",
+  YE: "YE",
+  ZM: "ZM",
+  ZW: "ZW"
+}, S = Object.values(M);
 export {
-  o as Switch
+  S as AllowedCountries
 };

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

@@ -1,34 +1,48 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as o from "@radix-ui/react-popover";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "popover", ...t });
-}
-function d({
-  ref: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "popover-trigger", ref: t, ...a });
-}
-d.displayName = o.Trigger.displayName;
-function f({
-  className: t,
-  align: a = "center",
-  sideOffset: r = 4,
-  ...n
-}) {
-  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Content, { "data-slot": "popover-content", align: a, sideOffset: r, className: i("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", t), ...n }) });
-}
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Anchor, { "data-slot": "popover-anchor", ...t });
-}
+import { useEffect as _ } from "react";
+const c = (i, u, r) => {
+  _(() => {
+    if (!i?.data?.length) return;
+    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
+      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
+      let a;
+      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: a.id,
+          measure_unit_name: void 0
+        },
+        measure_unit: {
+          id: a.id,
+          name: a.name || ""
+        }
+      } : t ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0,
+          measure_unit_name: t
+        },
+        measure_unit: {
+          name: t,
+          id: null
+        }
+      } : n === "" || n === void 0 ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0
+        }
+      } : {
+        ...e
+      };
+    });
+    r({
+      ...d,
+      line_items: o
+    });
+  }, [i?.data, r, u]);
+};
 export {
-  m as Popover,
-  l as PopoverAnchor,
-  f as PopoverContent,
-  d as PopoverTrigger
+  c as useMeasureUnitsMapping
 };

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

@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as j } from "./index151.js";
+import { useGetReceivables as j } from "./index148.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index83.js";
 import { ReceivableCursorFields as S } from "./index172.js";
-import { CounterpartNameCellById as Y } from "./index164.js";
+import { CounterpartNameCellById as Y } from "./index162.js";
 import { DataGridEmptyState as J } from "./index176.js";
-import { GetNoRowsOverlay as K } from "./index165.js";
+import { GetNoRowsOverlay as K } from "./index163.js";
 import { DueDateCell as U } from "./index173.js";
 import { TablePagination as X } from "./index86.js";
 import { classNames as Z } from "./index177.js";
-import { hasSelectedText as ee } from "./index167.js";
+import { hasSelectedText as ee } from "./index165.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({