@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
+import { getEntityProfileValidationSchema as f } from "./index171.js";
+import { EntityProfileFormContent as y } from "./index421.js";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as _ } from "@lingui/react";
+import { useMemo as h } from "react";
+import "date-fns";
+import { useUserPermissions as v } from "./index133.js";
+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 { Scope as g } from "../../shared/data-access/dist/lib/scopes.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import "lucide-react";
+import { Button as m } from "./index86.js";
+import { usePatchEntityById as w } from "./index422.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useForm as x } from "react-hook-form";
+import { useMyEntity as b } from "./index80.js";
+import "./index52.js";
+import "@mui/icons-material/ArrowBack";
+import "@mui/icons-material/Close";
+import "@mui/material/IconButton";
+import "@mui/material/Tooltip";
+import { AccessRestrictionModal as D } from "./index399.js";
+import { Dialog as C, DialogContent as z, DialogHeader as E, DialogTitle as S, DialogDescription as P, DialogFooter as $ } from "./index161.js";
+import { Form as F } from "./index376.js";
+import { zodResolver as M } from "@hookform/resolvers/zod";
+const N = (t) => {
+  const o = {
+    email: t.email || void 0,
+    tax_id: t.tax_id || void 0,
+    address_line_1: t.address.line1 || void 0,
+    address_line_2: t.address.line2 || void 0,
+    city: t.address.city || void 0,
+    postal_code: t.address.postal_code || void 0,
+    state: t.address.state || void 0,
+    country: t.address.country || void 0,
+    phone: t.phone || void 0,
+    website: t.website || void 0
+  };
+  return "organization" in t ? {
+    name: t.organization.legal_name || void 0,
+    ...o
+  } : {
+    title: t.individual.title || void 0,
+    name: t.individual.first_name || void 0,
+    surname: t.individual.last_name || void 0,
+    ...o
+  };
+}, O = ({
+  open: t,
+  onClose: o,
+  entity: r
+}) => {
+  const {
+    i18n: n
+  } = _(), {
+    mutate: d
+  } = w(), p = h(() => N(r), [r]), a = "entity-profile-form", s = x({
+    resolver: M(f(n)),
+    defaultValues: p
+  }), {
+    handleSubmit: u,
+    formState: c
+  } = s;
+  return /* @__PURE__ */ e(C, { open: t, onOpenChange: o, children: /* @__PURE__ */ e(F, { ...s, children: /* @__PURE__ */ e("form", { id: a, name: a, onSubmit: u(async (i) => {
+    d({
+      email: i.email || null,
+      website: i.website || null,
+      phone: i.phone || null,
+      tax_id: i.tax_id || null,
+      address: {
+        line1: i.address_line_1 || null,
+        line2: i.address_line_2 || null,
+        city: i.city || null,
+        postal_code: i.postal_code || null,
+        state: i.state || null
+      },
+      ...r.type === "individual" ? {
+        title: i.title || null,
+        first_name: i.name || null,
+        last_name: i.surname || null
+      } : {
+        organization: {
+          legal_name: i.name || null
+        }
+      }
+    });
+  }), children: /* @__PURE__ */ l(z, { className: "ttw:max-h-4/5 ttw:overflow-y-auto", children: [
+    /* @__PURE__ */ l(E, { children: [
+      /* @__PURE__ */ e(S, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8", children: n._("Edit my organization profile") }),
+      /* @__PURE__ */ e(P, { hidden: !0, children: n._("Edit your organization profile to update your information.") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: /* @__PURE__ */ e(y, { entityType: r.type }) }),
+    /* @__PURE__ */ l($, { children: [
+      /* @__PURE__ */ e(m, { variant: "ghost", onClick: o, children: n._("Cancel") }),
+      /* @__PURE__ */ e(m, { type: "submit", form: a, disabled: !c.isDirty, children: n._("Save") })
+    ] })
+  ] }) }) }) });
+}, yt = (t) => {
+  const {
+    data: o,
+    isLoading: r
+  } = b();
+  return v().has(g.OrganizationWriteOrg) ? r || !o ? null : /* @__PURE__ */ e(O, { ...t, entity: o }) : /* @__PURE__ */ e(D, { open: t.open, onClose: t.onClose });
+};
+export {
+  yt as EntityProfileModal
+};

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

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { useState as v, useRef as b } from "react";
+import { useMoniteContext as D } from "./index59.js";
+import { useProductCurrencyGroups as w } from "./index423.js";
+import { Alert as x } from "./index186.js";
+import { Button as s } from "./index86.js";
+import { Dialog as S, DialogContent as _, DialogHeader as k, DialogTitle as L, DialogDescription as A, DialogFooter as G } from "./index161.js";
+import { Typography as I } from "./index87.js";
+import { MoniteCurrencyShadcn as N } from "./index424.js";
+import { useLingui as $ } from "@lingui/react";
+const V = ({
+  open: l,
+  handleClose: i,
+  currentCurrency: o,
+  updateCurrentCurrency: u,
+  hasValidLineItemsSelected: m,
+  clearLineItems: d
+}) => {
+  const {
+    i18n: r
+  } = $(), {
+    componentSettings: h
+  } = D(), [n, p] = v(o), a = b(null), {
+    currencyGroups: g,
+    isLoadingCurrencyGroups: C
+  } = w(), c = m && n !== o, f = () => {
+    n !== o && (c && d(), u(n)), i();
+  };
+  return /* @__PURE__ */ e(S, { open: l, onOpenChange: i, children: /* @__PURE__ */ t(_, { children: [
+    /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ e(L, { children: r._("Change document currency") }),
+      /* @__PURE__ */ e(A, { children: r._("Invoice will be issued with items in the selected currency") })
+    ] }),
+    /* @__PURE__ */ t("div", { ref: a, className: "ttw:flex ttw:flex-col ttw:gap-8", onClick: (y) => y.stopPropagation(), children: [
+      /* @__PURE__ */ e(N, { value: n, groups: g, disabled: C, allowedCurrencies: h?.receivables?.bankAccountCurrencies, container: a, onChange: p }),
+      c && /* @__PURE__ */ e(x, { variant: "warning", className: "ttw:mb-2", children: /* @__PURE__ */ e(I, { variant: "body1", children: r._("All items in the invoice must be in this currency. Remove items that don't match it.") }) })
+    ] }),
+    /* @__PURE__ */ t(G, { children: [
+      /* @__PURE__ */ e(s, { variant: "ghost", onClick: i, children: r._("Cancel") }),
+      /* @__PURE__ */ e(s, { onClick: f, children: r._("Save") })
+    ] })
+  ] }) });
+};
+export {
+  V as CurrencySelectDialog
+};

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

@@ -0,0 +1,14 @@
+const e = (a) => ({
+  bank_name: a?.bank_name || void 0,
+  display_name: a?.display_name || void 0,
+  account_holder_name: a?.account_holder_name || void 0,
+  account_number: a?.account_number || void 0,
+  routing_number: a?.routing_number || void 0
+}), o = (a) => ({
+  display_name: a?.display_name || void 0,
+  account_holder_name: a?.account_holder_name || void 0
+});
+export {
+  e as prepareBankAccountCreatePayload,
+  o as prepareBankAccountUpdatePayload
+};

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

@@ -0,0 +1,35 @@
+import { useMoniteContext as n } from "./index59.js";
+import { getAPIErrorMessage as p } from "./index122.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const b = (t, r) => {
+  const {
+    api: o,
+    queryClient: a
+  } = n(), {
+    i18n: i
+  } = d();
+  return o.finops.postPayablesIdReopen.useMutation({
+    path: {
+      payable_id: t
+    }
+  }, {
+    onSuccess: (e) => {
+      Promise.all([o.finops.getPayablesId.invalidateQueries({
+        parameters: {
+          path: {
+            payable_id: e.id
+          }
+        }
+      }, a), o.finops.getPayables.invalidateQueries(a)]), s.success(i._("Payable “{document_id}” has been reopened", {
+        document_id: e.document_id
+      })), r?.(e.id);
+    },
+    onError: (e) => {
+      s.error(p(i, e));
+    }
+  });
+};
+export {
+  b as useReopenPayable
+};

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

@@ -0,0 +1,161 @@
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index119.js";
+import { getIndividualName as x } from "./index97.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index431.js";
+const B = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: v(e) ? x(e.individual.first_name, e.individual.last_name) : y(e) ? e.organization.legal_name : ""
+})) : [];
+function p(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => D(t, "yyyy-MM-dd"), M = (t, e, a) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
+  const {
+    document_id: r,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: n,
+    tags: l,
+    discount: d
+  } = e;
+  return {
+    invoiceNumber: r ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? p(u) : void 0,
+    dueDate: c ? p(c) : void 0,
+    currency: n ?? "USD",
+    tags: l ?? [],
+    discount: d && n ? t(d, n) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && n ? t(s.unit_price, n) ?? 0 : 0,
+      tax: s.tax ? I(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
+  };
+}, T = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: i,
+  dueDate: o,
+  currency: u,
+  tags: c,
+  counterpartAddressId: n
+}, l) => ({
+  document_id: e,
+  discount: t && u ? l(t, u) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: i instanceof Date ? m(i) : void 0,
+  due_date: o instanceof Date ? m(o) : void 0,
+  currency: u,
+  tag_ids: c.map((d) => d.id),
+  counterpart_address_id: n
+}), _ = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, f = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const i = _(e, a);
+  return f(i, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: i
+  } = t.reduce((o, u) => {
+    const c = _(u.price, u.quantity), n = f(c, u.tax || 0);
+    return {
+      subtotal: o.subtotal + c,
+      taxes: o.taxes + (n - c),
+      total: o.total + n
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: i - (e ?? 0)
+  };
+}, C = (t, e, a, r) => {
+  const {
+    name: i,
+    quantity: o,
+    price: u,
+    tax: c,
+    ledger_account_id: n
+  } = e, l = r?.allowLedgerUpdate ? q(n, r?.previous) : n, d = {
+    name: i,
+    quantity: o,
+    tax: F(c),
+    unit_price: a(u, t) ?? 0
+  };
+  return l !== void 0 && (d.ledger_account_id = l), d;
+};
+function F(t) {
+  return g(t);
+}
+function I(t) {
+  return b(t);
+}
+const L = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const i = r[t] ?? !1, o = e?.[t] ?? !1;
+  return i || o;
+}, O = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
+export {
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  B as counterpartsToSelect,
+  m as dateToString,
+  O as findDefaultBankAccount,
+  L as isFieldRequired,
+  M as prepareDefaultValues,
+  C as prepareLineItemSubmit,
+  T as prepareSubmit
+};

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

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index150.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
+  }
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
+export {
+  x as FilterContainer
+};

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

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index67.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
+}) => {
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      }
+    } })
+  ] });
+};
+export {
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
+};

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

@@ -0,0 +1,80 @@
+function i({
+  layout: r,
+  navigationPosition: e,
+  pageSizePosition: t,
+  hasPageSizeSelect: n
+}) {
+  if (!n)
+    return {
+      justifyContent: "center",
+      flexDirection: "row",
+      gap: void 0
+    };
+  if (r === "custom") {
+    if (e === "center" && t === "center")
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "left" && t === "left")
+      return {
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "right" && t === "right")
+      return {
+        justifyContent: "flex-end",
+        flexDirection: "row-reverse",
+        gap: 3
+      };
+    if (e === "left" && t === "right")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+    if (e === "right" && t === "left")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    if (e === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: t === "left" ? "row-reverse" : "row",
+        gap: void 0
+      };
+    if (t === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: e === "left" ? "row" : "row-reverse",
+        gap: void 0
+      };
+  }
+  switch (r) {
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    default:
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+  }
+}
+export {
+  i as getLayoutStyles
+};