@tesouro/embedded-components-react 0.2.131 → 0.2.133

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

@@ -1,15 +1,139 @@
-import { useRef as l, useCallback as n } from "react";
-const a = () => {
-  const e = l(null), t = n((r) => {
-    e.current = r;
-  }, []), u = n(() => {
-    e.current?.();
-  }, []);
-  return {
-    registerLineItemCleanupFn: t,
-    runLineItemCleanup: u
-  };
+import { jsxs as i, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
+import { CreateCounterpartDialog as B } from "./index157.js";
+import { CounterpartSelector as U } from "./index350.js";
+import { getCounterpartName as P, getCounterpartEmail as R } from "./index7.js";
+import "./index57.js";
+import "@tanstack/react-query";
+import { useCounterpartAddresses as W } from "./index72.js";
+import { useRef as q, useState as F, useCallback as G, useEffect as H } from "react";
+import "react-hot-toast";
+import { useLingui as J } from "@lingui/react";
+import { useFormContext as K, Controller as Q } from "react-hook-form";
+import { CounterpartDetails as X } from "./index2.js";
+import { Typography as f } from "./index85.js";
+import { Avatar as Y, AvatarFallback as Z } from "./index351.js";
+import { Field as $, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index159.js";
+import { Input as at } from "./index122.js";
+import { Button as x } from "./index84.js";
+import { Separator as it } from "./index142.js";
+import { Plus as ot } from "lucide-react";
+const Et = ({
+  disabled: l,
+  canCreateCounterpart: _,
+  isEditCustomerOpen: c,
+  handleOpenEditCustomer: k,
+  counterpart: r
+}) => {
+  const {
+    i18n: o
+  } = J(), {
+    watch: n,
+    setValue: a,
+    control: S,
+    clearErrors: A
+  } = K(), m = q(""), V = n("counterpart_id"), w = n("default_billing_address_id"), h = n("default_shipping_address_id"), {
+    data: s
+  } = W(r?.id), [y, v] = F(!1), [N, g] = F(!1), j = !!V, C = P(r), D = R(r), I = C ? Array.from(C)[0]?.toUpperCase() ?? "?" : "?", b = n("counterpart_name") ?? "", E = n("counterpart_email") ?? "", T = () => {
+    a("counterpart_id", ""), a("counterpart_name", ""), a("counterpart_email", "");
+  }, L = G((e) => {
+    const d = {
+      email: E,
+      phone: "",
+      isCustomer: !0,
+      isVendor: !1,
+      line1: "",
+      line2: "",
+      city: "",
+      state: "",
+      postalCode: "",
+      country: "US"
+    };
+    if (e === "individual") {
+      const p = b.trim(), u = p.indexOf(" "), M = u === -1 ? p : p.slice(0, u), O = u === -1 ? "" : p.slice(u + 1);
+      return {
+        tax_id: "",
+        counterpart: {
+          ...d,
+          firstName: M,
+          lastName: O
+        }
+      };
+    }
+    return {
+      tax_id: "",
+      counterpart: {
+        ...d,
+        companyName: b
+      }
+    };
+  }, [b, E]);
+  return H(() => {
+    if (s?.data?.length) {
+      if (!w) {
+        m.current = r?.id;
+        const e = r?.default_billing_address_id || (s.data.length === 1 ? s.data[0].id : "");
+        a("default_billing_address_id", e);
+      }
+      if (!h) {
+        const e = r?.default_shipping_address_id || "";
+        a("default_shipping_address_id", e);
+      }
+      if (w && m.current !== r?.id) {
+        m.current = r?.id;
+        const e = r?.default_billing_address_id || (s.data.length === 1 ? s.data[0].id : "");
+        a("default_billing_address_id", e);
+      }
+      if (h && m.current !== r?.id) {
+        m.current = r?.id;
+        const e = r?.default_shipping_address_id || "";
+        a("default_shipping_address_id", e);
+      }
+    }
+  }, [s, a, r, w, h]), /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ t(f, { variant: "h4", children: o._("Customer details") }),
+      /* @__PURE__ */ t(f, { variant: "body2", color: "muted", className: "ttw:font-medium", children: o._("Who are you billing?") })
+    ] }),
+    j ? /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-center ttw:border ttw:border-border ttw:p-3 ttw:rounded-xl", children: [
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-5", children: [
+        /* @__PURE__ */ t(Y, { className: "ttw:size-16", children: /* @__PURE__ */ t(Z, { className: "ttw:text-sm ttw:font-normal", children: I }) }),
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ t(f, { variant: "body1", className: "ttw:font-medium", children: C }),
+          /* @__PURE__ */ t(f, { variant: "body2", color: "muted", children: D })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center", children: [
+        /* @__PURE__ */ t(x, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: l, onClick: () => v(!0), children: o._("View details") }),
+        /* @__PURE__ */ t(it, { orientation: "vertical", className: "ttw:h-6!" }),
+        /* @__PURE__ */ t(x, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: l, onClick: T, children: o._("Clear") })
+      ] })
+    ] }) : /* @__PURE__ */ i(z, { children: [
+      /* @__PURE__ */ t(U, { disabled: l, canCreateCounterpart: _ }),
+      _ && /* @__PURE__ */ t(Q, { name: "counterpart_email", control: S, render: ({
+        field: e,
+        fieldState: {
+          error: d
+        }
+      }) => /* @__PURE__ */ t($, { children: /* @__PURE__ */ i(tt, { children: [
+        /* @__PURE__ */ t(et, { htmlFor: e.name, children: o._("Email") }),
+        /* @__PURE__ */ t(at, { ...e, id: e.name, type: "email", disabled: l, "aria-invalid": !!d }),
+        /* @__PURE__ */ t(rt, { errors: d ? [d] : [] })
+      ] }) }) }),
+      _ && /* @__PURE__ */ i(x, { onClick: () => g(!0), type: "button", variant: "ghost", disabled: l, className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit", children: [
+        /* @__PURE__ */ t(ot, {}),
+        o._("Add more details including address, phone, etc.")
+      ] })
+    ] }),
+    N && /* @__PURE__ */ t(B, { open: N, onClose: () => {
+      g(!1);
+    }, onCreate: (e) => {
+      g(!1), a("counterpart_id", e), a("counterpart_name", ""), a("counterpart_email", ""), A(["counterpart_id", "counterpart_email"]);
+    }, getCounterpartDefaultValues: L, customerType: "customer" }),
+    (c || y) && /* @__PURE__ */ t(X, { counterpartId: r?.id || "", open: c || y, onClose: () => {
+      c && k(!1), v(!1);
+    }, isEditMode: c, showActionsMenu: !1, customerType: "customer" })
+  ] });
 };
 export {
-  a as useLineItemSubmitCleanup
+  Et as CustomerSection
 };

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

@@ -1,5 +1,5 @@
 import { useMemo as p } from "react";
-import { useUserPermissions as y } from "./index146.js";
+import { useUserPermissions as y } from "./index135.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";

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

@@ -1,24 +1,22 @@
-import { useMoniteContext as o } from "./index57.js";
-const a = ({
-  counterpart_billing_address_id: e,
-  counterpart_country: r,
-  counterpart_id: t,
-  counterpart_type: n
-}) => {
+import { useMoniteContext as s } from "./index57.js";
+import { getAPIErrorMessage as i } from "./index121.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const f = () => {
   const {
-    api: i
-  } = o();
-  return i.finops.getReceivablesRequiredFields.useQuery({
-    query: {
-      counterpart_billing_address_id: e,
-      counterpart_country: r,
-      counterpart_id: t,
-      counterpart_type: n
+    i18n: e
+  } = a(), {
+    api: r
+  } = s();
+  return r.finops.postReceivables.useMutation({}, {
+    onError: (o) => {
+      const t = i(e, o);
+      n.error(e._("Failed to create invoice: {errorMessage}", {
+        errorMessage: t
+      }));
     }
-  }, {
-    enabled: !!e && !!t
   });
 };
 export {
-  a as useGetInvoiceRequiredFields
+  f as useCreateReceivable
 };

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

@@ -1,52 +1,23 @@
-import { useMemo as A } from "react";
-import { useLingui as E } from "@lingui/react";
-import { useUserPermissions as k } from "./index146.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 i } from "../../shared/data-access/dist/lib/scopes.js";
-import { getLineLabel as u } from "./index327.js";
-import { useGetEmbeddedBankAccounts as f } from "./index330.js";
-import { useGetEntityBankAccounts as L } from "./index331.js";
-import { useGetExternalBankAccounts as g } from "./index332.js";
-const V = (t = !0) => {
+import { useMoniteContext as i } from "./index57.js";
+import { getAPIErrorMessage as n } from "./index121.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as t } from "react-hot-toast";
+const f = () => {
   const {
-    i18n: o
-  } = E(), n = k(), m = t && n.has(i.BankAccountReadOrg), s = t && n.has(i.ExternalBankAccountReadOrg), {
-    data: e,
-    isLoading: d
-  } = L(void 0, t), {
-    data: c,
-    isLoading: p
-  } = f(void 0, m), {
-    data: r,
-    isLoading: _
-  } = g(void 0, s), l = d || p || _;
-  return {
-    bankAccounts: A(() => [...(e?.data ?? []).map((a) => ({
-      id: a.id,
-      display_name: a.display_name,
-      account_number: a.account_number,
-      account_number_last4: a.account_number_last4,
-      bank_account_type: "BANK_DETAILS"
-    })), ...(c?.data ?? []).filter((a) => a.status === "ACTIVE").map((a) => ({
-      id: a.id,
-      display_name: a.nickname,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "INTERNAL"
-    })), ...(r?.data ?? []).filter((a) => a.accountStatus === "ACTIVE" && a.verificationStatus === "VERIFIED").map((a) => ({
-      id: a.id,
-      display_name: a.nickname || a.nameOnAccount,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "EXTERNAL"
-    }))].sort((a, b) => u(a, o).localeCompare(u(b, o))), [e, c, r, o]),
-    isLoading: l
-  };
+    api: e,
+    queryClient: o
+  } = i(), {
+    i18n: r
+  } = a();
+  return e.finops.postRecurrences.useMutation(void 0, {
+    onError(s) {
+      t.error(n(r, s));
+    },
+    async onSuccess() {
+      await e.finops.getReceivables.invalidateQueries(o), t.success(r._("Recurring billing activated"));
+    }
+  });
 };
 export {
-  V as useSelectableBankAccounts
+  f as useCreateRecurrence
 };

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

@@ -1,6 +1,25 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index125.js";
-const s = (o) => a(o), t = (o) => r(o);
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+import { getCounterpartName as i } from "./index7.js";
+const c = () => {
+  const {
+    i18n: t
+  } = n(), {
+    api: e,
+    queryClient: o
+  } = s();
+  return e.finops.postCounterparts.useMutation({}, {
+    onSuccess: async (a) => {
+      await e.finops.getCounterparts.invalidateQueries(o), r.success(t._("{name} has been added to the list.", {
+        name: i(a)
+      }));
+    },
+    onError: () => {
+      r.error(t._("Failed to create Counterpart."));
+    }
+  });
+};
 export {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  c as useCreateCounterpart
 };

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

@@ -1,7 +1,29 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as r } from "./index218.js";
-import { LoadingSpinner as n } from "./index136.js";
-const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
+import { toast as a } from "react-hot-toast";
+import { useMoniteContext as o } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+const p = () => {
+  const {
+    i18n: t
+  } = n(), {
+    api: e,
+    queryClient: s
+  } = o();
+  return e.finops.postReceivablesIdIssue.useMutation(void 0, {
+    onSuccess: async (i) => {
+      e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: i.id
+        }
+      }, i, s), await Promise.all([e.finops.getReceivables.invalidateQueries(s), e.finops.getReceivablesIdPdfLink.resetQueries({
+        parameters: {
+          path: {
+            receivable_id: i.id
+          }
+        }
+      }, s)]), a.success(t._("Invoice has been issued"));
+    }
+  });
+};
 export {
-  m as LoadingPage
+  p as useIssueReceivableById
 };

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

@@ -1,90 +1,185 @@
-import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as s } from "./index100.js";
-import * as o from "@radix-ui/react-dialog";
-import { XIcon as c } from "lucide-react";
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
-}
-function u({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
-}
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
-}
-function g({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Overlay, { "data-slot": "dialog-overlay", className: s("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:fixed ttw:inset-0 ttw:z-1300 ttw:bg-black/50", t), ...a });
-}
-function N({
-  className: t,
-  children: a,
-  showCloseButton: r = !0,
-  fullScreen: i = !1,
-  container: l = typeof document < "u" ? document.body : null,
-  ...d
-}) {
-  return /* @__PURE__ */ n(u, { container: l, "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(g, {}),
-    /* @__PURE__ */ n(
-      o.Content,
-      {
-        "data-slot": "dialog-content",
-        className: s("ttw:bg-background 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:fixed ttw:top-[50%] ttw:left-[50%] ttw:z-1300 ttw:grid ttw:w-full ttw:max-w-[calc(100%-2rem)] ttw:translate-x-[-50%] ttw:translate-y-[-50%] ttw:gap-4 ttw:rounded-lg ttw:border ttw:p-6 ttw:shadow-lg ttw:duration-200 ttw:sm:max-w-lg", i && "ttw:border-none ttw:rounded-none ttw:h-screen ttw:max-w-screen ttw:sm:max-w-screen", t),
-        ...d,
-        onCloseAutoFocus: (w) => {
-          w.preventDefault(), (l ?? document.body).style.pointerEvents = "";
-        },
-        children: [
-          a,
-          r && /* @__PURE__ */ n(o.Close, { "data-slot": "dialog-close", className: "ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-accent ttw:data-[state=open]:text-muted-foreground ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:disabled:pointer-events-none ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", children: [
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e("span", { className: "ttw:sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "dialog-header", className: s("ttw:flex ttw:flex-col ttw:gap-2 ttw:text-center ttw:sm:text-left", t), ...a });
-}
-function h({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "dialog-footer", className: s("ttw:flex ttw:flex-col-reverse ttw:gap-2 ttw:sm:flex-row ttw:sm:justify-end", t), ...a });
-}
-function y({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Title, { "data-slot": "dialog-title", className: s("ttw:text-lg ttw:leading-none ttw:font-semibold", t), ...a });
-}
-function D({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Description, { "data-slot": "dialog-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...a });
-}
+const a = {
+  ab: "ab",
+  aa: "aa",
+  af: "af",
+  ak: "ak",
+  sq: "sq",
+  am: "am",
+  ar: "ar",
+  an: "an",
+  hy: "hy",
+  av: "av",
+  ae: "ae",
+  ay: "ay",
+  az: "az",
+  bm: "bm",
+  ba: "ba",
+  eu: "eu",
+  be: "be",
+  bn: "bn",
+  bi: "bi",
+  bs: "bs",
+  br: "br",
+  bg: "bg",
+  my: "my",
+  ca: "ca",
+  ch: "ch",
+  ce: "ce",
+  ny: "ny",
+  zh: "zh",
+  cu: "cu",
+  cv: "cv",
+  kw: "kw",
+  co: "co",
+  cr: "cr",
+  hr: "hr",
+  cs: "cs",
+  da: "da",
+  dv: "dv",
+  nl: "nl",
+  dz: "dz",
+  en: "en",
+  eo: "eo",
+  et: "et",
+  ee: "ee",
+  fo: "fo",
+  fj: "fj",
+  fi: "fi",
+  fr: "fr",
+  fy: "fy",
+  ff: "ff",
+  gd: "gd",
+  gl: "gl",
+  lg: "lg",
+  ka: "ka",
+  de: "de",
+  el: "el",
+  kl: "kl",
+  gn: "gn",
+  gu: "gu",
+  ht: "ht",
+  ha: "ha",
+  he: "he",
+  hz: "hz",
+  hi: "hi",
+  ho: "ho",
+  hu: "hu",
+  io: "io",
+  ig: "ig",
+  id: "id",
+  ia: "ia",
+  ie: "ie",
+  iu: "iu",
+  ik: "ik",
+  ga: "ga",
+  it: "it",
+  ja: "ja",
+  jv: "jv",
+  kn: "kn",
+  kr: "kr",
+  ks: "ks",
+  kk: "kk",
+  km: "km",
+  ki: "ki",
+  rw: "rw",
+  ky: "ky",
+  kv: "kv",
+  kg: "kg",
+  ko: "ko",
+  kj: "kj",
+  ku: "ku",
+  lo: "lo",
+  la: "la",
+  lv: "lv",
+  li: "li",
+  ln: "ln",
+  lt: "lt",
+  lu: "lu",
+  lb: "lb",
+  mk: "mk",
+  mg: "mg",
+  ms: "ms",
+  ml: "ml",
+  mt: "mt",
+  gv: "gv",
+  mi: "mi",
+  mr: "mr",
+  mh: "mh",
+  mn: "mn",
+  na: "na",
+  nv: "nv",
+  nd: "nd",
+  nr: "nr",
+  ng: "ng",
+  ne: "ne",
+  no: "no",
+  nb: "nb",
+  nn: "nn",
+  ii: "ii",
+  oc: "oc",
+  oj: "oj",
+  om: "om",
+  os: "os",
+  pi: "pi",
+  ps: "ps",
+  fa: "fa",
+  pl: "pl",
+  pt: "pt",
+  pa: "pa",
+  qu: "qu",
+  ro: "ro",
+  rm: "rm",
+  rn: "rn",
+  ru: "ru",
+  se: "se",
+  sm: "sm",
+  sg: "sg",
+  sa: "sa",
+  sc: "sc",
+  sr: "sr",
+  sn: "sn",
+  sd: "sd",
+  si: "si",
+  sk: "sk",
+  sl: "sl",
+  so: "so",
+  st: "st",
+  es: "es",
+  su: "su",
+  sw: "sw",
+  ss: "ss",
+  sv: "sv",
+  tl: "tl",
+  ty: "ty",
+  tg: "tg",
+  ta: "ta",
+  tt: "tt",
+  te: "te",
+  th: "th",
+  bo: "bo",
+  ti: "ti",
+  to: "to",
+  ts: "ts",
+  tn: "tn",
+  tr: "tr",
+  tk: "tk",
+  tw: "tw",
+  ug: "ug",
+  uk: "uk",
+  ur: "ur",
+  uz: "uz",
+  ve: "ve",
+  vi: "vi",
+  vo: "vo",
+  wa: "wa",
+  cy: "cy",
+  wo: "wo",
+  xh: "xh",
+  yi: "yi",
+  yo: "yo",
+  za: "za",
+  zu: "zu"
+}, s = Object.values(a);
 export {
-  x as Dialog,
-  v as DialogClose,
-  N as DialogContent,
-  D as DialogDescription,
-  h as DialogFooter,
-  b as DialogHeader,
-  g as DialogOverlay,
-  u as DialogPortal,
-  y as DialogTitle
+  s as LanguageCodeEnum
 };