@tesouro/embedded-components-react 0.2.68 → 0.2.70

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

@@ -1,50 +1,41 @@
-import { useState as d, useId as a } from "react";
-import { useRootElements as f } from "./index93.js";
-const w = () => {
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useRef as p, useState as f } from "react";
+import { useLingui as d } from "@lingui/react";
+const F = 20, g = ["application/pdf", "image/jpeg", "image/png"], O = ["image/png", "image/jpeg", "image/gif"], S = 10, N = ({
+  acceptedFormats: i = g,
+  maxFileSizeInMB: a = F
+} = {}) => {
   const {
-    root: p
-  } = f(), [n, t] = d({
-    element: null,
-    open: !1
-  }), u = `Monite-Button-${a()}`, r = `Monite-Menu-${a()}`, l = (e) => {
-    e.preventDefault(), e.stopPropagation(), t({
-      element: e.currentTarget,
-      open: !0
-    });
-  }, o = (e) => {
-    e && "preventDefault" in e && (e.preventDefault(), e.stopPropagation()), t((m) => ({
-      ...m,
-      open: !1
-    }));
-  }, s = (e) => {
-    e.defaultPrevented || (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), t({
-      element: e.currentTarget,
-      open: !0
-    }));
-  }, i = {
-    id: u,
-    "aria-controls": n.open ? r : void 0,
-    "aria-expanded": n.open ? "true" : void 0,
-    "aria-haspopup": "menu",
-    tabIndex: 0,
-    // Ensure span, div are focusable
-    onClick: l,
-    onKeyDown: s
-  }, c = {
-    id: r,
-    anchorEl: n.element,
-    open: n.open,
-    container: p,
-    onClose: o,
-    onClick: o
-  };
+    i18n: r
+  } = d(), n = p({
+    node: null
+  }), l = p(i);
+  l.current = i;
+  const [o] = f(() => ({
+    ref: e,
+    ...s
+  }) => /* @__PURE__ */ u("input", { type: "file", className: "ttw:sr-only", accept: l.current.join(","), ref: (t) => {
+    typeof e == "function" ? e(t) : e && (e.current = t), n.current.node = t;
+  }, ...s })), c = () => {
+    n?.current?.node && (n.current.node.value = "");
+  }, m = 1024 * 1024 * a;
   return {
-    open: n.open,
-    menuProps: c,
-    buttonProps: i,
-    closeMenu: o
+    FileInput: o,
+    openFileInput: () => {
+      n.current.node?.click();
+    },
+    checkFileError: (e) => e ? i.includes(e.type) ? e.size > m ? r._("File {fileName} size exceeds {maxFileSizeInMB} MB limit.", {
+      fileName: e.name,
+      maxFileSizeInMB: a
+    }) : null : r._("Unsupported file type for {fileName}", {
+      fileName: e.name
+    }) : r._("No file provided"),
+    resetInput: c
   };
 };
 export {
-  w as useMenuButton
+  S as LOGO_MAX_FILE_SIZE_IN_MB,
+  O as LOGO_SUPPORTED_FORMATS,
+  g as OCR_SUPPORTED_FORMATS,
+  N as useFileInput
 };

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

@@ -1,41 +1,75 @@
-import { jsx as u } from "@emotion/react/jsx-runtime";
-import { useRef as p, useState as f } from "react";
-import { useLingui as d } from "@lingui/react";
-const F = 20, g = ["application/pdf", "image/jpeg", "image/png"], O = ["image/png", "image/jpeg", "image/gif"], S = 10, N = ({
-  acceptedFormats: i = g,
-  maxFileSizeInMB: a = F
-} = {}) => {
+import { useRef as m, useEffect as h } from "react";
+import { flushSync as p } from "react-dom";
+import { useMoniteContext as g } from "./index57.js";
+import { useGridApiRef as w } from "@mui/x-data-grid";
+const x = 250, C = 300;
+function S(n) {
   const {
-    i18n: r
-  } = d(), n = p({
-    node: null
-  }), l = p(i);
-  l.current = i;
-  const [o] = f(() => ({
-    ref: e,
-    ...s
-  }) => /* @__PURE__ */ u("input", { type: "file", className: "ttw:sr-only", accept: l.current.join(","), ref: (t) => {
-    typeof e == "function" ? e(t) : e && (e.current = t), n.current.node = t;
-  }, ...s })), c = () => {
-    n?.current?.node && (n.current.node.value = "");
-  }, m = 1024 * 1024 * a;
-  return {
-    FileInput: o,
-    openFileInput: () => {
-      n.current.node?.click();
-    },
-    checkFileError: (e) => e ? i.includes(e.type) ? e.size > m ? r._("File {fileName} size exceeds {maxFileSizeInMB} MB limit.", {
-      fileName: e.name,
-      maxFileSizeInMB: a
-    }) : null : r._("Unsupported file type for {fileName}", {
-      fileName: e.name
-    }) : r._("No file provided"),
-    resetInput: c
-  };
-};
+    api: o
+  } = g(), d = !!o.finops.getCounterpartsId.useIsFetching({
+    infinite: !1,
+    exact: !1,
+    predicate: (r) => !!n?.some(({
+      counterpart_id: i
+    }) => !r.state.isInvalidated && i === r.queryKey[1].path.counterpart_id)
+  });
+  return n ? d : !0;
+}
+function _(n, o, d, r) {
+  const i = w(), f = m(!1), c = m(null);
+  return h(() => {
+    const t = i.current, u = [];
+    return n && // Do not autosize until rows are loaded
+    n.length && t && t.autosizeColumns && // Will be undefined in test environment
+    t.getRowsCount() && // Make sure the grid was already rendered so that autosizeColumns function will work
+    t.getCellElement(n[0].id, t.getAllColumns()[0].field) && // Make sure the grid was already rendered so that autosizeColumns function will work
+    o.length > 0 && // Subscribe to column count since we need to execute this code on every column set change
+    !d && // Skip autosize until counterparts are loaded
+    !f.current && // Do not perform autosize twice
+    !c.current && u.push(window.setTimeout(() => {
+      p(() => {
+        u.push(window.setTimeout(async () => {
+          const a = t.getAllColumns();
+          await t.autosizeColumns({
+            includeHeaders: !0,
+            includeOutliers: !0,
+            expand: !0
+          }), a.forEach((e) => {
+            const l = t.getColumn(e.field);
+            l?.width && e?.width && (l.width < e.width || l.width > 600) && t.setColumnWidth(e.field, e.width);
+          });
+          const s = t.getColumn("document_id");
+          s && (s?.width || 0) > C && t.setColumnWidth("document_id", C), f.current = !0;
+        }, 1));
+      });
+    }, 1)), () => {
+      u.forEach(window.clearTimeout);
+    };
+  }, [i, n, o, d]), h(() => {
+    const t = i.current, u = `Monite-DataGridColumns-${r}-2`, a = localStorage.getItem(u);
+    if (a && t && c.current != o) {
+      const s = JSON.parse(a);
+      for (const e of s)
+        typeof t.setColumnWidth == "function" ? t.setColumnWidth(e.field, e.width) : console.warn("setColumnWidth is not a function on the grid object");
+      c.current = o;
+    }
+    return () => {
+      if (t && typeof t.getAllColumns == "function" && (c.current || f.current)) {
+        const s = t.getAllColumns().map(({
+          field: e,
+          width: l
+        }) => ({
+          field: e,
+          width: l
+        }));
+        localStorage.setItem(u, JSON.stringify(s));
+      } else
+        t ? typeof t.getAllColumns != "function" && console.warn("getAllColumns is not a function on the grid object.") : console.warn("Grid object is not defined.");
+    };
+  }, [i, r, o]), i;
+}
 export {
-  S as LOGO_MAX_FILE_SIZE_IN_MB,
-  O as LOGO_SUPPORTED_FORMATS,
-  g as OCR_SUPPORTED_FORMATS,
-  N as useFileInput
+  x as defaultCounterpartColumnWidth,
+  S as useAreCounterpartsLoading,
+  _ as useAutosizeGridColumns
 };

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

@@ -1,75 +1,32 @@
-import { useRef as m, useEffect as h } from "react";
-import { flushSync as p } from "react-dom";
-import { useMoniteContext as g } from "./index58.js";
-import { useGridApiRef as w } from "@mui/x-data-grid";
-const x = 250, C = 300;
-function S(n) {
-  const {
-    api: o
-  } = g(), d = !!o.finops.getCounterpartsId.useIsFetching({
-    infinite: !1,
-    exact: !1,
-    predicate: (r) => !!n?.some(({
-      counterpart_id: i
-    }) => !r.state.isInvalidated && i === r.queryKey[1].path.counterpart_id)
-  });
-  return n ? d : !0;
-}
-function _(n, o, d, r) {
-  const i = w(), f = m(!1), c = m(null);
-  return h(() => {
-    const t = i.current, u = [];
-    return n && // Do not autosize until rows are loaded
-    n.length && t && t.autosizeColumns && // Will be undefined in test environment
-    t.getRowsCount() && // Make sure the grid was already rendered so that autosizeColumns function will work
-    t.getCellElement(n[0].id, t.getAllColumns()[0].field) && // Make sure the grid was already rendered so that autosizeColumns function will work
-    o.length > 0 && // Subscribe to column count since we need to execute this code on every column set change
-    !d && // Skip autosize until counterparts are loaded
-    !f.current && // Do not perform autosize twice
-    !c.current && u.push(window.setTimeout(() => {
-      p(() => {
-        u.push(window.setTimeout(async () => {
-          const a = t.getAllColumns();
-          await t.autosizeColumns({
-            includeHeaders: !0,
-            includeOutliers: !0,
-            expand: !0
-          }), a.forEach((e) => {
-            const l = t.getColumn(e.field);
-            l?.width && e?.width && (l.width < e.width || l.width > 600) && t.setColumnWidth(e.field, e.width);
+import { useEffect as i } from "react";
+const h = (t, r, s) => {
+  i(() => {
+    const o = window.sessionStorage;
+    try {
+      const e = o.getItem(t);
+      if (e) {
+        const c = JSON.parse(e);
+        Object.keys(c).forEach((n) => {
+          s(n, c[n], {
+            shouldValidate: !1,
+            shouldDirty: !0,
+            shouldTouch: !0
           });
-          const s = t.getColumn("document_id");
-          s && (s?.width || 0) > C && t.setColumnWidth("document_id", C), f.current = !0;
-        }, 1));
-      });
-    }, 1)), () => {
-      u.forEach(window.clearTimeout);
-    };
-  }, [i, n, o, d]), h(() => {
-    const t = i.current, u = `Monite-DataGridColumns-${r}-2`, a = localStorage.getItem(u);
-    if (a && t && c.current != o) {
-      const s = JSON.parse(a);
-      for (const e of s)
-        typeof t.setColumnWidth == "function" ? t.setColumnWidth(e.field, e.width) : console.warn("setColumnWidth is not a function on the grid object");
-      c.current = o;
+        });
+      }
+    } catch (e) {
+      console.error(e);
     }
     return () => {
-      if (t && typeof t.getAllColumns == "function" && (c.current || f.current)) {
-        const s = t.getAllColumns().map(({
-          field: e,
-          width: l
-        }) => ({
-          field: e,
-          width: l
-        }));
-        localStorage.setItem(u, JSON.stringify(s));
-      } else
-        t ? typeof t.getAllColumns != "function" && console.warn("getAllColumns is not a function on the grid object.") : console.warn("Grid object is not defined.");
+      try {
+        const e = r();
+        Object.entries(e).length ? o.setItem(t, JSON.stringify(e)) : o.removeItem(t);
+      } catch (e) {
+        console.error(e);
+      }
     };
-  }, [i, r, o]), i;
-}
+  }, [r, t, s]);
+};
 export {
-  x as defaultCounterpartColumnWidth,
-  S as useAreCounterpartsLoading,
-  _ as useAutosizeGridColumns
+  h as useFormPersist
 };

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

@@ -1,32 +1,33 @@
-import { useEffect as i } from "react";
-const h = (t, r, s) => {
-  i(() => {
-    const o = window.sessionStorage;
+import { useState as g, useEffect as m } from "react";
+const d = (s, i, t) => {
+  const [a, c] = g(t), [l, w] = g(!1), r = `${s}:${i}`, n = `${s}:${i}:remembered`;
+  return m(() => {
     try {
-      const e = o.getItem(t);
-      if (e) {
-        const c = JSON.parse(e);
-        Object.keys(c).forEach((n) => {
-          s(n, c[n], {
-            shouldValidate: !1,
-            shouldDirty: !0,
-            shouldTouch: !0
-          });
-        });
+      if (typeof window < "u") {
+        const o = window.localStorage.getItem(n) === "true";
+        if (w(o), o) {
+          const e = window.localStorage.getItem(r);
+          c(e ? JSON.parse(e) : t);
+        }
       }
+    } catch (o) {
+      console.error("Error accessing localStorage:", o), c(t);
+    }
+  }, [r, n, t]), [a, (o) => {
+    try {
+      const e = o instanceof Function ? o(a) : o;
+      c(e), typeof window < "u" && l && window.localStorage.setItem(r, JSON.stringify(e));
     } catch (e) {
-      console.error(e);
+      console.error("Error saving to localStorage:", e);
     }
-    return () => {
-      try {
-        const e = r();
-        Object.entries(e).length ? o.setItem(t, JSON.stringify(e)) : o.removeItem(t);
-      } catch (e) {
-        console.error(e);
-      }
-    };
-  }, [r, t, s]);
+  }, l, (o) => {
+    try {
+      w(o), typeof window < "u" && (window.localStorage.setItem(n, String(o)), o ? window.localStorage.setItem(r, JSON.stringify(a)) : window.localStorage.removeItem(r));
+    } catch (e) {
+      console.error("Error updating remembered state:", e);
+    }
+  }];
 };
 export {
-  h as useFormPersist
+  d as useLocalStorageFields
 };

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

@@ -1,33 +1,25 @@
-import { useState as g, useEffect as m } from "react";
-const d = (s, i, t) => {
-  const [a, c] = g(t), [l, w] = g(!1), r = `${s}:${i}`, n = `${s}:${i}:remembered`;
-  return m(() => {
-    try {
-      if (typeof window < "u") {
-        const o = window.localStorage.getItem(n) === "true";
-        if (w(o), o) {
-          const e = window.localStorage.getItem(r);
-          c(e ? JSON.parse(e) : t);
-        }
-      }
-    } catch (o) {
-      console.error("Error accessing localStorage:", o), c(t);
-    }
-  }, [r, n, t]), [a, (o) => {
-    try {
-      const e = o instanceof Function ? o(a) : o;
-      c(e), typeof window < "u" && l && window.localStorage.setItem(r, JSON.stringify(e));
-    } catch (e) {
-      console.error("Error saving to localStorage:", e);
-    }
-  }, l, (o) => {
-    try {
-      w(o), typeof window < "u" && (window.localStorage.setItem(n, String(o)), o ? window.localStorage.setItem(r, JSON.stringify(a)) : window.localStorage.removeItem(r));
-    } catch (e) {
-      console.error("Error updating remembered state:", e);
-    }
-  }];
+import { useRef as o, useCallback as s, useEffect as n, useState as a } from "react";
+const m = (r, t = 300) => {
+  const [e, u] = a(r);
+  return n(() => {
+    const c = setTimeout(() => {
+      u(r);
+    }, t);
+    return () => {
+      clearTimeout(c);
+    };
+  }, [r, t]), e;
+}, i = (r, t = 300) => {
+  const e = o(null), u = s((...c) => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      r(...c);
+    }, t);
+  }, [r, t]);
+  return n(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), u;
 };
 export {
-  d as useLocalStorageFields
+  m as useDebounce,
+  i as useDebounceCallback
 };

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

@@ -1,25 +1,14 @@
-import { useRef as o, useCallback as s, useEffect as n, useState as a } from "react";
-const m = (r, t = 300) => {
-  const [e, u] = a(r);
-  return n(() => {
-    const c = setTimeout(() => {
-      u(r);
-    }, t);
-    return () => {
-      clearTimeout(c);
+import * as o from "react";
+const e = 768;
+function s() {
+  const [r, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
     };
-  }, [r, t]), e;
-}, i = (r, t = 300) => {
-  const e = o(null), u = s((...c) => {
-    e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-      r(...c);
-    }, t);
-  }, [r, t]);
-  return n(() => () => {
-    e.current && clearTimeout(e.current);
-  }, []), u;
-};
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!r;
+}
 export {
-  m as useDebounce,
-  i as useDebounceCallback
+  s as useIsMobile
 };

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

@@ -1,14 +1,35 @@
-import * as o from "react";
-const e = 768;
-function s() {
-  const [r, n] = o.useState(void 0);
-  return o.useEffect(() => {
-    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
-      n(window.innerWidth < e);
-    };
-    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
-  }, []), !!r;
-}
+import { useMemo as n } from "react";
+import { useMoniteContext as l } from "./index57.js";
+const b = () => {
+  const {
+    componentSettings: e
+  } = l(), o = n(() => ({
+    onUpdate: e?.receivables?.onUpdate,
+    onDelete: e?.receivables?.onDelete,
+    onCreate: e?.receivables?.onCreate,
+    onInvoiceSent: e?.receivables?.onInvoiceSent
+  }), [e?.receivables]), a = n(() => ({
+    onWorkingCapitalOnboardingComplete: e?.onboarding?.onWorkingCapitalOnboardingComplete,
+    onPaymentsOnboardingComplete: e?.onboarding?.onPaymentsOnboardingComplete,
+    onComplete: e?.onboarding?.onComplete,
+    onContinue: e?.onboarding?.onContinue
+  }), [e?.onboarding]), t = n(() => ({
+    onSaved: e?.payables?.onSaved,
+    onCanceled: e?.payables?.onCanceled,
+    onSubmitted: e?.payables?.onSubmitted,
+    onRejected: e?.payables?.onRejected,
+    onApproved: e?.payables?.onApproved,
+    onReopened: e?.payables?.onReopened,
+    onDeleted: e?.payables?.onDeleted,
+    onPay: e?.payables?.onPay
+  }), [e?.payables]);
+  return {
+    componentSettings: e,
+    receivablesCallbacks: o,
+    onboardingCallbacks: a,
+    payablesCallbacks: t
+  };
+};
 export {
-  s as useIsMobile
+  b as useComponentSettings
 };

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

@@ -1,35 +1,10 @@
-import { useMemo as n } from "react";
-import { useMoniteContext as l } from "./index58.js";
-const b = () => {
-  const {
-    componentSettings: e
-  } = l(), o = n(() => ({
-    onUpdate: e?.receivables?.onUpdate,
-    onDelete: e?.receivables?.onDelete,
-    onCreate: e?.receivables?.onCreate,
-    onInvoiceSent: e?.receivables?.onInvoiceSent
-  }), [e?.receivables]), a = n(() => ({
-    onWorkingCapitalOnboardingComplete: e?.onboarding?.onWorkingCapitalOnboardingComplete,
-    onPaymentsOnboardingComplete: e?.onboarding?.onPaymentsOnboardingComplete,
-    onComplete: e?.onboarding?.onComplete,
-    onContinue: e?.onboarding?.onContinue
-  }), [e?.onboarding]), t = n(() => ({
-    onSaved: e?.payables?.onSaved,
-    onCanceled: e?.payables?.onCanceled,
-    onSubmitted: e?.payables?.onSubmitted,
-    onRejected: e?.payables?.onRejected,
-    onApproved: e?.payables?.onApproved,
-    onReopened: e?.payables?.onReopened,
-    onDeleted: e?.payables?.onDeleted,
-    onPay: e?.payables?.onPay
-  }), [e?.payables]);
-  return {
-    componentSettings: e,
-    receivablesCallbacks: o,
-    onboardingCallbacks: a,
-    payablesCallbacks: t
-  };
+import { useRef as r, useEffect as s } from "react";
+const u = () => {
+  const e = r(!1);
+  return s(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
 };
 export {
-  b as useComponentSettings
+  u as useIsMounted
 };

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

@@ -1,10 +1,64 @@
-import { useRef as r, useEffect as s } from "react";
-const u = () => {
-  const e = r(!1);
-  return s(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
+import { useState as m, useEffect as u } from "react";
+const i = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
 };
+function o(e) {
+  const [a, t] = m(!1);
+  return u(() => {
+    let c;
+    e in i ? c = `(min-width: ${i[e]}px)` : c = e;
+    const s = window.matchMedia(c);
+    t(s.matches);
+    const n = (r) => {
+      t(r.matches);
+    };
+    return s.addEventListener("change", n), () => {
+      s.removeEventListener("change", n);
+    };
+  }, [e]), a;
+}
+const l = () => d("md"), g = () => {
+  const e = o("md"), a = o("lg");
+  return e && !a;
+}, x = () => o("lg"), f = () => o("xl"), p = () => o("2xl");
+function d(e) {
+  const [a, t] = m(!1);
+  return u(() => {
+    const c = `(max-width: ${i[e] - 1}px)`, s = window.matchMedia(c);
+    t(s.matches);
+    const n = (r) => {
+      t(r.matches);
+    };
+    return s.addEventListener("change", n), () => {
+      s.removeEventListener("change", n);
+    };
+  }, [e]), a;
+}
+function L(e) {
+  const [a, t] = m(!1);
+  return u(() => {
+    const c = `(min-width: ${i[e] + 1}px)`, s = window.matchMedia(c);
+    t(s.matches);
+    const n = (r) => {
+      t(r.matches);
+    };
+    return s.addEventListener("change", n), () => {
+      s.removeEventListener("change", n);
+    };
+  }, [e]), a;
+}
 export {
-  u as useIsMounted
+  i as breakpoints,
+  x as useIsDesktopScreen,
+  p as useIsExtraLargeDesktopScreen,
+  f as useIsLargeDesktopScreen,
+  L as useIsLargerThan,
+  l as useIsMobileScreen,
+  d as useIsSmallerThan,
+  g as useIsTabletScreen,
+  o as useMediaQuery
 };

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

@@ -1,4 +1,4 @@
-import { getIndividualName as e } from "./index96.js";
+import { getIndividualName as e } from "./index95.js";
 import { addDays as i } from "date-fns";
 const r = (n) => n.type === "individual", o = (n) => n.type === "organization";
 function d(n) {