@tesouro/embedded-components-react 0.2.35 → 0.2.36

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

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as Ce } from "./index166.js";
+import { CreateCounterpartDialog as Ce } from "./index155.js";
 import { getCounterpartName as k } from "./index7.js";
 import "./index59.js";
 import { useLingui as xe } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as ge } from "./index70.js";
 import { useCounterpartList as Ne } from "./index73.js";
-import { Alert as $, AlertTitle as _e, AlertDescription as ee } from "./index167.js";
+import { Alert as $, AlertTitle as _e, AlertDescription as ee } from "./index156.js";
 import { Button as g } from "./index86.js";
 import { useComboboxAnchor as Ae, Combobox as te, ComboboxChips as Te, ComboboxChip as ke, ComboboxChipsInput as Le, ComboboxContent as re, ComboboxList as ae, ComboboxItem as j, ComboboxInput as Ve, ComboboxEmpty as De } from "./index92.js";
-import { Field as ie, FieldContent as oe, FieldLabel as ne, FieldError as Ee } from "./index168.js";
-import { Input as Ie } from "./index129.js";
+import { Field as ie, FieldContent as oe, FieldLabel as ne, FieldError as Ee } from "./index157.js";
+import { Input as Ie } from "./index124.js";
 import { Typography as le } from "./index87.js";
-import { LoadingSpinner as ze } from "./index148.js";
+import { LoadingSpinner as ze } from "./index137.js";
 import { Plus as se, Sparkles as Fe } from "lucide-react";
 import { useFormContext as Se, Controller as je } from "react-hook-form";
 const P = "__create-new__", Pe = 50, ot = ({

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

@@ -1,17 +1,17 @@
 import { jsx as t, jsxs as v, Fragment as Pe } from "@emotion/react/jsx-runtime";
-import { ItemsSection as $e } from "./index196.js";
-import { InvoicePreview as Fe } from "./index197.js";
-import { getCreateInvoiceValidationSchema as Me } from "./index198.js";
-import { buildPaymentTermsPayload as Be } from "./index199.js";
+import { ItemsSection as $e } from "./index198.js";
+import { InvoicePreview as Fe } from "./index199.js";
+import { getCreateInvoiceValidationSchema as Me } from "./index200.js";
+import { buildPaymentTermsPayload as Be } from "./index201.js";
 import { BankAccountFormDialog as Ee } from "./index43.js";
-import { BankAccountSection as Le } from "./index200.js";
-import { CustomerSection as qe } from "./index201.js";
-import { InvoiceCreationHeader as Te } from "./index202.js";
-import { useCreateReceivable as Ne } from "./index203.js";
-import { useCreateRecurrence as Re } from "./index204.js";
-import { useLineItemSubmitCleanup as Oe } from "./index205.js";
-import { useGetEntityBankAccounts as je } from "./index206.js";
-import { useGetInvoiceRequiredFields as Ve } from "./index207.js";
+import { BankAccountSection as Le } from "./index202.js";
+import { CustomerSection as qe } from "./index203.js";
+import { InvoiceCreationHeader as Te } from "./index204.js";
+import { useCreateReceivable as Ne } from "./index205.js";
+import { useCreateRecurrence as Re } from "./index206.js";
+import { useLineItemSubmitCleanup as Oe } from "./index207.js";
+import { useGetEntityBankAccounts as je } from "./index208.js";
+import { useGetInvoiceRequiredFields as Ve } from "./index209.js";
 import { useMoniteContext as ze } from "./index59.js";
 import { MoniteScopedProviders as Ke } from "./index85.js";
 import { useCounterpartById as Ge } from "./index72.js";
@@ -22,16 +22,16 @@ import { useMyEntity as Ue } from "./index80.js";
 import { useRef as He, useState as b, useMemo as O, useId as Ye, useEffect as j } from "react";
 import { toast as m } from "react-hot-toast";
 import { useLingui as V } from "@lingui/react";
-import { rateMajorToMinor as Je } from "./index208.js";
-import { AccessRestriction as We } from "./index146.js";
-import { LoadingPage as Xe } from "./index209.js";
+import { rateMajorToMinor as Je } from "./index210.js";
+import { AccessRestriction as We } from "./index135.js";
+import { LoadingPage as Xe } from "./index211.js";
 import { zodResolver as Ze } from "@hookform/resolvers/zod";
 import { useForm as et, FormProvider as tt } from "react-hook-form";
-import { Dialog as rt, DialogContent as at } from "./index194.js";
-import { useGetMeasureUnits as it } from "./index210.js";
+import { Dialog as rt, DialogContent as at } from "./index196.js";
+import { useGetMeasureUnits as it } from "./index212.js";
 import { CreateProduct as nt } from "./index46.js";
-import { BillingSection as ot } from "./index211.js";
-import { NotesSection as dt } from "./index212.js";
+import { BillingSection as ot } from "./index213.js";
+import { NotesSection as dt } from "./index214.js";
 const zt = (s) => {
   const {
     i18n: _

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

@@ -1,20 +1,70 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index79.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
+import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
+import { useState as x, useEffect as q } from "react";
+import { Controller as C } from "react-hook-form";
+import { Minus as R, Plus as M } from "lucide-react";
+import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index103.js";
+const I = (e) => Math.round(e * 100) / 100, b = (e) => {
+  let t = e.replace(/[^0-9.]/g, "");
+  const n = t.indexOf(".");
+  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
+}, E = ({
+  field: e,
+  index: t,
+  canRemove: n,
+  hasProduct: s,
+  hasQuantityError: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
 }) => {
-  const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
-};
+  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
+  q(() => {
+    if (!h) {
+      const r = i === 0 ? "" : String(i);
+      r !== p && c(r);
+    }
+  }, [i, h, p]);
+  const g = (r) => {
+    const a = I(r);
+    if (a <= 0 && n) {
+      d(t);
+      return;
+    }
+    const u = Math.max(w, a);
+    l("quantity", u, {
+      shouldValidate: !0
+    });
+  };
+  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
+    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
+      const a = b(r.target.value);
+      c(a);
+      const u = a === "" || a === "." ? 0 : Number(a);
+      l("quantity", u, {
+        shouldValidate: !1
+      });
+    }, onBlur: (r) => {
+      f(!1);
+      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
+      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
+        shouldValidate: !0
+      })) : (c(String(u)), l("quantity", u, {
+        shouldValidate: !0
+      })), e.onBlur();
+    } }),
+    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
+  ] });
+}, z = ({
+  index: e,
+  control: t,
+  quantityError: n,
+  canRemove: s,
+  hasProduct: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
+  field: i
+}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
 export {
-  n as UserAvatar
+  z as QuantityField
 };

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

@@ -1,56 +1,41 @@
-const a = {
-  AL: "Alabama",
-  AK: "Alaska",
-  AZ: "Arizona",
-  AR: "Arkansas",
-  CA: "California",
-  CO: "Colorado",
-  CT: "Connecticut",
-  DE: "Delaware",
-  FL: "Florida",
-  GA: "Georgia",
-  HI: "Hawaii",
-  ID: "Idaho",
-  IL: "Illinois",
-  IN: "Indiana",
-  IA: "Iowa",
-  KS: "Kansas",
-  KY: "Kentucky",
-  LA: "Louisiana",
-  ME: "Maine",
-  MD: "Maryland",
-  MA: "Massachusetts",
-  MI: "Michigan",
-  MN: "Minnesota",
-  MS: "Mississippi",
-  MO: "Missouri",
-  MT: "Montana",
-  NE: "Nebraska",
-  NV: "Nevada",
-  NH: "New Hampshire",
-  NJ: "New Jersey",
-  NM: "New Mexico",
-  NY: "New York",
-  NC: "North Carolina",
-  ND: "North Dakota",
-  OH: "Ohio",
-  OK: "Oklahoma",
-  OR: "Oregon",
-  PA: "Pennsylvania",
-  RI: "Rhode Island",
-  SC: "South Carolina",
-  SD: "South Dakota",
-  TN: "Tennessee",
-  TX: "Texas",
-  UT: "Utah",
-  VT: "Vermont",
-  VA: "Virginia",
-  WA: "Washington",
-  WV: "West Virginia",
-  WI: "Wisconsin",
-  WY: "Wyoming",
-  DC: "Washington D.C."
+import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as h } from "react";
+import { ManageMeasureUnits as v } from "./index170.js";
+import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index292.js";
+import { useLingui as _ } from "@lingui/react";
+import { Plus as b } from "lucide-react";
+const s = "__none__", E = ({
+  value: n,
+  availableMeasureUnits: o,
+  error: m,
+  fieldError: c,
+  disabled: u = !1,
+  onChange: d
+}) => {
+  const {
+    i18n: r
+  } = _(), [p, i] = h(!1);
+  return /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
+      if (e === "create") {
+        i(!0);
+        return;
+      }
+      d(e === s ? "" : e);
+    }, disabled: u, children: [
+      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
+      /* @__PURE__ */ t(S, { children: [
+        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
+          r._("Manage measure units")
+        ] }),
+        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
+        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
+      ] })
+    ] }),
+    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
+  ] });
 };
 export {
-  a as USStatesEnum
+  E as MeasureUnitField
 };

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

@@ -1,38 +1,4 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { getCountriesArray as g } from "./index95.js";
-import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index92.js";
-import { useLingui as A } from "@lingui/react";
-const E = ({
-  value: c,
-  onChange: u,
-  disabled: b,
-  invalid: C,
-  allowedCountries: a,
-  showClearButton: h = !0,
-  className: p,
-  container: x
-}) => {
-  const {
-    i18n: t
-  } = A(), r = d(() => {
-    const e = g(t);
-    return a ? e.filter((n) => a.includes(n.code)) : e;
-  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
-  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
-    const i = n.toLowerCase().trim();
-    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
-  }, disabled: m, children: [
-    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
-    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
-      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
-      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
-        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
-        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
-      ] }, e) })
-    ] }) })
-  ] });
-};
+const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
 export {
-  E as MoniteCountryShadcn
+  t as generateUniqueId
 };

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

@@ -1,28 +1,14 @@
-import { useMoniteContext as o } from "./index59.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const d = () => {
-  const {
-    i18n: e
-  } = a(), {
-    api: r,
-    queryClient: t
-  } = o();
-  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
-    onSuccess: async (s) => {
-      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: s.counterpart_id
-          }
-        }
-      }, t);
-    },
-    onError: () => {
-      n.error(e._("There was an error setting up the address"));
-    }
-  });
-};
+import { getCountries as i } from "./index95.js";
+const o = (n, e) => e.find((a) => a.id === n)?.name ?? null, r = (n) => {
+  if (n) {
+    if ("organization" in n)
+      return n.organization.phone;
+    if ("individual" in n)
+      return n.individual.phone;
+  }
+}, u = (n, e) => e ? i(n)[e] ?? e : "";
 export {
-  d as useCreateCounterpartAddress
+  r as getCounterpartPhone,
+  u as getCountryName,
+  o as getMeasureUnitName
 };

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

@@ -1,36 +1,69 @@
-import { useMoniteContext as e } from "./index59.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as u } from "react-hot-toast";
-const d = () => {
+import { useMemo as g } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const p = (t, u) => {
   const {
-    api: r,
-    queryClient: n
-  } = e(), {
-    i18n: o
-  } = i();
-  return r.finops.patchCounterpartsIdBankAccountsId.useMutation(void 0, {
-    onSuccess: async (t) => {
-      r.finops.getCounterpartsIdBankAccountsId.setQueryData({
-        path: {
-          counterpart_id: t.counterpart_id,
-          bank_account_id: t.id
-        }
-      }, (a) => ({
-        ...a,
-        ...t
-      }), n), await r.finops.getCounterpartsIdBankAccounts.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: t.counterpart_id
-          }
-        }
-      }, n);
-    },
-    onError: () => {
-      u.error(o._("Failed to update Bank Account."));
+    api: r
+  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
+    data: n,
+    isLoading: b
+  } = r.finops.getBankDetailsId.useQuery({
+    path: {
+      bank_account_id: t ?? ""
     }
-  });
+  }, {
+    enabled: o,
+    retry: !1
+  }), {
+    data: e,
+    isLoading: m
+  } = r.embeddedBanking.getBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: c,
+    retry: !1
+  }), {
+    data: a,
+    isLoading: _
+  } = r.embeddedBanking.getExternalBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: d,
+    retry: !1
+  }), s = b || m || _;
+  return {
+    data: g(() => {
+      if (n)
+        return {
+          id: n.id,
+          bank_name: n.bank_name,
+          account_number: n.account_number,
+          routing_number: n.routing_number,
+          bank_account_type: "BANK_DETAILS"
+        };
+      if (e)
+        return {
+          id: e.id,
+          bank_name: null,
+          account_number: e.accountNumber,
+          routing_number: e.routingNumber,
+          bank_account_type: "INTERNAL"
+        };
+      if (a)
+        return {
+          id: a.id,
+          bank_name: null,
+          account_number: a.accountNumber,
+          routing_number: a.routingNumber,
+          bank_account_type: "EXTERNAL"
+        };
+    }, [n, e, a]),
+    isLoading: s
+  };
 };
 export {
-  d as useUpdateCounterpartBank
+  p as useGetBankAccountById
 };

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

@@ -1,77 +1,69 @@
-import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
-import { useMemo as d, useState as g, useEffect as j } from "react";
-import { useCurrencies as N } from "./index60.js";
-import "./index94.js";
-import { useLingui as G } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index103.js";
-import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index300.js";
-const J = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: w = !1,
-  onChange: u,
-  locale: x
+import { Price as v } from "./index432.js";
+import { useMemo as m } from "react";
+const w = ({
+  lineItems: c,
+  isInclusivePricing: o,
+  actualCurrency: p,
+  formatCurrencyToDisplay: i,
+  taxRate: n
 }) => {
-  const {
-    getSymbolFromCurrency: y
-  } = N(), {
-    i18n: M
-  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }), [e]), {
-    decimalSeparator: F,
-    groupSeparator: S
-  } = d(() => {
-    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
+  const b = (e) => {
+    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
     return {
-      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
-      groupSeparator: r.find((t) => t.type === "group")?.value || ""
+      price: a,
+      quantity: r
     };
-  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
-  j(() => {
-    if (!l) {
-      const r = n(i, o);
-      r !== s && a(r);
-    }
-  }, [i, l, e, o, s]);
-  const b = (r) => {
-    const t = r.target.value;
-    a(t);
-  }, h = () => {
-    p(!0);
-  }, C = (r) => {
-    p(!1);
-    const t = r.target.value.trim();
-    if (t === "") {
-      a(n(0, o)), u(0);
+  }, s = m(() => {
+    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
+      const {
+        price: l,
+        quantity: u
+      } = b(f);
+      if (o && e && f.taxable) {
+        const d = l * u / (1 + e);
+        return t + d;
+      }
+      return t + l * u;
+    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
+    if (r)
+      return new v({
+        value: a,
+        currency: r,
+        formatter: i
+      });
+  }, [c, i, p, o, n]), y = m(() => {
+    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
+    if (!e)
       return;
-    }
-    const c = P(t, F, S);
-    a(n(c, o)), u(c);
+    if (!n)
+      return new v({
+        value: 0,
+        currency: e,
+        formatter: i
+      });
+    const a = c.reduce((r, t) => {
+      if (!t.taxable) return r;
+      const {
+        price: f,
+        quantity: l
+      } = b(t), u = n / 100, d = f * l;
+      return o ? r + d * u / (1 + u) : r + d * u;
+    }, 0);
+    return new v({
+      value: a,
+      currency: e,
+      formatter: i
+    });
+  }, [c, i, p, n, o]), x = m(() => {
+    if (!(!s || !y))
+      return s.add(y);
+  }, [s, y]);
+  return {
+    subtotalPrice: s,
+    totalTaxes: y,
+    totalPrice: x
   };
-  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
-    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
-    /* @__PURE__ */ f(
-      D,
-      {
-        type: "text",
-        inputMode: "decimal",
-        className: "ttw:text-right",
-        "aria-invalid": v || void 0,
-        disabled: w,
-        value: s,
-        onChange: b,
-        onFocus: h,
-        onBlur: C
-      }
-    )
-  ] });
 };
 export {
-  J as PriceField
+  w as useCreateInvoiceProductsTable
 };