@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,41 @@
+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 {
+    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
+  };
+};
+export {
+  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/index64.js

@@ -0,0 +1,75 @@
+import { useRef as m, useEffect as h } from "react";
+import { flushSync as p } from "react-dom";
+import { useMoniteContext as g } from "./index59.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);
+          });
+          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 {
+  x as defaultCounterpartColumnWidth,
+  S as useAreCounterpartsLoading,
+  _ as useAutosizeGridColumns
+};

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

@@ -0,0 +1,32 @@
+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
+          });
+        });
+      }
+    } catch (e) {
+      console.error(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]);
+};
+export {
+  h as useFormPersist
+};

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

@@ -0,0 +1,33 @@
+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);
+    }
+  }];
+};
+export {
+  d as useLocalStorageFields
+};

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

@@ -0,0 +1,25 @@
+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 {
+  m as useDebounce,
+  i as useDebounceCallback
+};

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

@@ -0,0 +1,14 @@
+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;
+}
+export {
+  s as useIsMobile
+};

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

@@ -0,0 +1,35 @@
+import { useMemo as n } from "react";
+import { useMoniteContext as l } from "./index59.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 {
+  b as useComponentSettings
+};

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

@@ -0,0 +1,43 @@
+import { getIndividualName as e } from "./index97.js";
+import { addDays as i } from "date-fns";
+const r = (n) => n.type === "individual", o = (n) => n.type === "organization";
+function d(n) {
+  if (!n)
+    return "";
+  if (r(n)) {
+    const {
+      individual: {
+        first_name: a,
+        last_name: t
+      }
+    } = n;
+    return e(a, t);
+  }
+  if (o(n)) {
+    const {
+      organization: {
+        legal_name: a
+      }
+    } = n;
+    return a;
+  }
+  return "";
+}
+const l = (n) => n?.type === "individual", f = (n) => n?.type === "organization";
+function m({
+  address: n
+}) {
+  return n ? `${n.postal_code}, ${n.city}, ${n.line1}` : "";
+}
+function p(n) {
+  return n?.term_final?.number_of_days ? i(/* @__PURE__ */ new Date(), n.term_final.number_of_days) : null;
+}
+export {
+  p as calculateDueDate,
+  d as getCounterpartName,
+  r as isIndividualCounterpart,
+  l as isIndividualEntity,
+  o as isOrganizationCounterpart,
+  f as isOrganizationEntity,
+  m as prepareAddressView
+};

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

@@ -0,0 +1,10 @@
+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 {
+  u as useIsMounted
+};

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

@@ -0,0 +1,64 @@
+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 {
+  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/index72.js

@@ -0,0 +1,16 @@
+import { useMoniteContext as r } from "./index59.js";
+const o = (e) => {
+  const {
+    api: t
+  } = r();
+  return t.finops.getCounterpartsId.useQuery({
+    path: {
+      counterpart_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+};
+export {
+  o as useCounterpartById
+};

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

@@ -0,0 +1,13 @@
+import { keepPreviousData as o } from "@tanstack/react-query";
+import { useMoniteContext as r } from "./index59.js";
+const p = (e) => {
+  const {
+    api: t
+  } = r();
+  return t.finops.getCounterparts.useQuery(e ?? {}, {
+    placeholderData: o
+  });
+};
+export {
+  p as useCounterpartList
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as s } from "./index59.js";
+const o = (e) => {
+  const {
+    api: t
+  } = s();
+  return t.finops.getCounterpartsIdAddresses.useQuery({
+    path: {
+      counterpart_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+};
+export {
+  o as useCounterpartAddresses
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as r } from "./index59.js";
+const o = (t) => {
+  const {
+    api: e
+  } = r();
+  return e.finops.getCounterpartsIdVatIds.useQuery({
+    path: {
+      counterpart_id: t ?? ""
+    }
+  }, {
+    enabled: !!t
+  });
+};
+export {
+  o as useCounterpartVatList
+};

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

@@ -0,0 +1,67 @@
+import { useMoniteContext as u } from "./index59.js";
+import { isIndividualCounterpart as _ } from "./index7.js";
+const l = (a) => {
+  const {
+    api: r
+  } = u(), {
+    data: e,
+    isLoading: i
+  } = r.finops.getCounterpartsId.useQuery({
+    path: {
+      counterpart_id: a ?? ""
+    }
+  }, {
+    enabled: !!a
+  }), {
+    data: n,
+    isLoading: o,
+    error: d
+  } = r.finops.getCounterpartsIdContacts.useQuery({
+    path: {
+      counterpart_id: a ?? ""
+    }
+  }, {
+    enabled: !!(a && e?.type === "organization")
+  });
+  if (e && _(e)) {
+    const t = e.individual;
+    return {
+      isLoading: !1,
+      data: [{
+        id: e.id,
+        counterpart_id: a ?? "",
+        is_default: !0,
+        email: t.email,
+        first_name: t.first_name,
+        is_customer: e.is_customer,
+        is_vendor: e.is_vendor,
+        last_name: t.last_name,
+        phone: t.phone,
+        title: t.title
+      }]
+    };
+  }
+  return {
+    isLoading: !a || i || o,
+    error: d,
+    data: n?.data.map((t) => {
+      const s = e;
+      return {
+        id: t.id,
+        counterpart_id: a ?? "",
+        is_default: t.is_default,
+        address: t.address,
+        email: t.email,
+        first_name: t.first_name,
+        is_customer: s?.is_customer,
+        is_vendor: s?.is_vendor,
+        last_name: t.last_name,
+        phone: t.phone,
+        title: t.title
+      };
+    })
+  };
+};
+export {
+  l as useCounterpartContactList
+};

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

@@ -0,0 +1,27 @@
+import { useMoniteContext as t } from "./index59.js";
+const r = (e) => {
+  const {
+    api: s
+  } = t();
+  return s.finops.getEntityUsersId.useQuery({
+    path: {
+      entity_user_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+}, o = () => {
+  const {
+    api: e
+  } = t();
+  return e.finops.getEntityUsersMe.useQuery({}, {
+    retry: !1,
+    staleTime: 1 / 0,
+    refetchOnMount: !1,
+    refetchOnWindowFocus: !1
+  });
+};
+export {
+  o as useEntityUserByAuthToken,
+  r as useEntityUserById
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as e } from "./index59.js";
+const t = (o) => {
+  const {
+    api: p
+  } = e();
+  return p.finops.getApprovalPoliciesId.useQuery({
+    path: {
+      approval_policy_id: o ?? ""
+    }
+  }, {
+    enabled: !!o
+  });
+};
+export {
+  t as useApprovalPolicyById
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as s } from "./index59.js";
+const n = (e) => {
+  const {
+    api: t
+  } = s();
+  return t.finops.getFilesId.useQuery({
+    path: {
+      file_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+};
+export {
+  n as useFileById
+};

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useState as l } from "react";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useApprovalPolicyById as d } from "./index78.js";
+import "react-hot-toast";
+import "@lingui/react";
+import { LoadingPage as n } from "./index185.js";
+import { ApprovalPolicyForm as a } from "./index334.js";
+import { ApprovalPolicyView as c } from "./index335.js";
+const C = ({
+  id: i,
+  onCreated: e,
+  onUpdated: m
+}) => {
+  const [p, t] = l(!1), {
+    data: o,
+    isLoading: s
+  } = d(i);
+  return i && s ? /* @__PURE__ */ r(n, {}) : !p && o ? /* @__PURE__ */ r(c, { approvalPolicy: o, setIsEdit: t }) : p && o ? /* @__PURE__ */ r(a, { approvalPolicy: o, setIsEdit: t, onUpdated: m }) : /* @__PURE__ */ r(a, { setIsEdit: t, onCreated: e });
+};
+export {
+  C as ApprovalPolicyDetails
+};

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

@@ -0,0 +1,52 @@
+import { isIndividualEntity as u, isOrganizationEntity as f } from "./index7.js";
+import { useMoniteContext as a } from "./index59.js";
+import { VAT_SUPPORTED_COUNTRIES as l } from "./index121.js";
+const E = () => {
+  const {
+    api: t
+  } = a();
+  return t.finops.getEntityUsersMe.useQuery({}, {
+    retry: !1,
+    staleTime: 1 / 0,
+    refetchOnMount: !1,
+    refetchOnWindowFocus: !1
+  });
+}, _ = () => {
+  const {
+    api: t,
+    entityId: n
+  } = a(), e = t.finops.getEntityUsersMyEntity.useQuery({}, {
+    retry: !1,
+    staleTime: 1 / 0,
+    refetchOnMount: !1,
+    refetchOnWindowFocus: !1
+  }), {
+    data: s
+  } = t.finops.getEntitiesIdSettings.useQuery({
+    path: {
+      entity_id: n
+    }
+  }), i = !!(e.data?.address && l.includes(e.data?.address.country)), r = !!(e.data?.address && e.data?.address.country === "US"), o = s?.receivable_edit_flow === "non_compliant", d = y(e.data);
+  return {
+    ...e,
+    entityName: d,
+    isNonVatSupported: !i,
+    isUSEntity: r,
+    isNonCompliantFlow: o
+  };
+}, y = (t) => {
+  if (!t) return "";
+  if (u(t)) {
+    const {
+      first_name: n,
+      last_name: e
+    } = t.individual;
+    return `${n} ${e}`;
+  }
+  return f(t) ? t.organization.legal_name : "";
+};
+export {
+  y as getEntityName,
+  E as useMe,
+  _ as useMyEntity
+};