@tesouro/embedded-components-react 0.2.107 → 0.2.109

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

@@ -1,25 +1,139 @@
-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 = () => {
+import { jsxs as i, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
+import { CreateCounterpartDialog as B } from "./index195.js";
+import { CounterpartSelector as U } from "./index331.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 Y, useState as F, useCallback as q, useEffect as G } from "react";
+import "react-hot-toast";
+import { useLingui as H } from "@lingui/react";
+import { useFormContext as J, Controller as K } from "react-hook-form";
+import { CounterpartDetails as Q } from "./index2.js";
+import { Typography as f } from "./index85.js";
+import { Avatar as X, AvatarFallback as Z } from "./index332.js";
+import { Field as $, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index197.js";
+import { Input as at } from "./index122.js";
+import { Button as x } from "./index84.js";
+import { Separator as it } from "./index182.js";
+import { Plus as ot } from "lucide-react";
+const Et = ({
+  disabled: l,
+  canCreateCounterpart: _,
+  isEditCustomerOpen: c,
+  handleOpenEditCustomer: k,
+  counterpart: r
+}) => {
   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."));
+    i18n: o
+  } = H(), {
+    watch: n,
+    setValue: a,
+    control: S,
+    clearErrors: A
+  } = J(), m = Y(""), 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 = q((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 G(() => {
+    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(X, { 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(K, { 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(Q, { counterpartId: r?.id || "", open: c || y, onClose: () => {
+      c && k(!1), v(!1);
+    }, isEditMode: c, showActionsMenu: !1, customerType: "customer" })
+  ] });
 };
 export {
-  c as useCreateCounterpart
+  Et as CustomerSection
 };

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

@@ -1,29 +1,22 @@
-import { toast as a } from "react-hot-toast";
-import { useMoniteContext as o } from "./index57.js";
-import { useLingui as n } from "@lingui/react";
-const p = () => {
+import { useMoniteContext as s } from "./index57.js";
+import { getAPIErrorMessage as i } from "./index119.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const f = () => {
   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"));
+    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
+      }));
     }
   });
 };
 export {
-  p as useIssueReceivableById
+  f as useCreateReceivable
 };

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

@@ -1,185 +1,23 @@
-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);
+import { useMoniteContext as i } from "./index57.js";
+import { getAPIErrorMessage as n } from "./index119.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as t } from "react-hot-toast";
+const f = () => {
+  const {
+    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 {
-  s as LanguageCodeEnum
+  f as useCreateRecurrence
 };

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

@@ -1,15 +1,25 @@
-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 { 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 {
-  a as useLineItemSubmitCleanup
+  c as useCreateCounterpart
 };

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

@@ -1,24 +1,29 @@
+import { toast as a } from "react-hot-toast";
 import { useMoniteContext as o } from "./index57.js";
-const a = ({
-  counterpart_billing_address_id: e,
-  counterpart_country: r,
-  counterpart_id: t,
-  counterpart_type: n
-}) => {
+import { useLingui as n } from "@lingui/react";
+const p = () => {
   const {
-    api: i
+    i18n: t
+  } = n(), {
+    api: e,
+    queryClient: s
   } = o();
-  return i.finops.getReceivablesRequiredFields.useQuery({
-    query: {
-      counterpart_billing_address_id: e,
-      counterpart_country: r,
-      counterpart_id: t,
-      counterpart_type: n
+  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"));
     }
-  }, {
-    enabled: !!e && !!t
   });
 };
 export {
-  a as useGetInvoiceRequiredFields
+  p as useIssueReceivableById
 };