@tesouro/embedded-components-react 0.2.1 → 0.2.6

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

@@ -1,194 +1,148 @@
-import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
-import { useMoniteContext as D } from "./index59.js";
-import { useCurrencies as k } from "./index60.js";
-import { toMinorUnits as $ } from "./index119.js";
-import { useState as C, useMemo as l, useCallback as d } from "react";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as p, resolveDatePreset as A } from "./index398.js";
-const _ = [{
-  value: "draft",
-  label: "New"
-}, {
-  value: "pending_approval",
-  label: "Pending approval"
-}, {
-  value: "ready_to_pay",
-  label: "Ready to pay"
-}, {
-  value: "paid",
-  label: "Paid"
-}, {
-  value: "cancelled",
-  label: "Cancelled"
-}, {
-  value: "rejected",
-  label: "Rejected"
-}], w = {
-  draft: ["draft", "new"],
-  pending_approval: ["approve_in_progress"],
-  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-  paid: ["paid"],
-  cancelled: ["canceled"],
-  rejected: ["rejected"]
-}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
-function v() {
-  return {
-    search: "",
-    activeDateField: "due_date",
-    datePreset: void 0,
-    dateFrom: void 0,
-    dateTo: void 0,
-    status: [],
-    amountMode: "any",
-    amountMin: "",
-    amountMax: "",
-    vendorName: "",
-    hasFile: void 0
-  };
-}
-function V() {
-  const [e, s] = C(v), {
-    formatToMinorUnits: u
-  } = k(), {
-    componentSettings: h
-  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
-    const a = {}, t = e.activeDateField;
-    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
-      representation: "date"
-    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
-      representation: "date"
-    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
-      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
-      if (e.amountMode === "exact") {
-        if (!isNaN(o)) {
-          const n = i(o);
-          a.total_amount__gte = n, a.total_amount__lte = n;
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index222.js";
+import { Input as b } from "./index123.js";
+import { Label as v } from "./index265.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index266.js";
+import { Typography as n } from "./index87.js";
+import { useLingui as F } from "@lingui/react";
+import { useRef as S } from "react";
+import { useFormContext as T, Controller as u } from "react-hook-form";
+import { twMerge as c } from "tailwind-merge";
+import { CounterpartBankSection as z } from "./index217.js";
+import { Checkbox as I } from "./index388.js";
+import { CounterpartAddressSection as L } from "./index219.js";
+const W = ({
+  handleChangeCounterpartType: N,
+  counterpartType: d,
+  isLoading: l,
+  customerType: g,
+  isEditMode: o
+}) => {
+  const {
+    i18n: r
+  } = F(), {
+    control: w
+  } = T(), x = S(null), s = g === "vendor";
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", ref: x, children: [
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:flex-col ttw:gap-1.5", o && "ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border"), children: [
+      /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: o ? r._("Editing {customerType} details", {
+        customerType: g
+      }) : r._("{customerType} details", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      !o && /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: s ? r._("Who are you paying?") : r._("Who are you billing?") })
+    ] }),
+    !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(m, { children: r._("{customerType} type", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      /* @__PURE__ */ a(C, { className: "ttw:flex", value: d, disabled: l, onValueChange: (t) => N?.(t), children: [
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "organization" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "organization", id: "organization", className: c(d === "organization" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "organization" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "organization", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Business") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("A company or organization") })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "individual" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "individual", id: "individual", className: c(d === "individual" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "individual" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "individual", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Person") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("An individual or contractor") })
+          ] })
+        ] })
+      ] })
+    ] }),
+    d === "individual" ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(u, { name: "firstName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
         }
-      } else
-        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
-    }
-    return a;
-  }, [e, c, u]), f = l(() => {
-    let a = 0;
-    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
-  }, [e]), b = l(() => {
-    const a = [];
-    if (e.dateFrom || e.dateTo) {
-      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
-      a.push({
-        key: "date",
-        label: `${o}: ${t}`
-      });
-    }
-    if (e.status.length) {
-      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
-      a.push({
-        key: "status",
-        label: `Status: ${N(t)}`
-      });
-    }
-    return e.vendorName && a.push({
-      key: "vendor",
-      label: `Vendor: ${e.vendorName}`
-    }), e.hasFile === !0 && a.push({
-      key: "attachment",
-      label: "Has attachment"
-    }), e.hasFile === !1 && a.push({
-      key: "attachment",
-      label: "No attachment"
-    }), e.amountMode !== "any" && a.push({
-      key: "amount",
-      label: "Amount"
-    }), e.search && a.push({
-      key: "search",
-      label: `Search: ${e.search}`
-    }), a;
-  }, [e]), y = d((a) => {
-    const {
-      from: t,
-      to: o
-    } = A(a);
-    s((r) => ({
-      ...r,
-      datePreset: a,
-      dateFrom: t,
-      dateTo: o
-    }));
-  }, []), g = d((a, t) => {
-    s((o) => ({
-      ...o,
-      datePreset: void 0,
-      dateFrom: a,
-      dateTo: t
-    }));
-  }, []), M = d((a) => {
-    s((t) => ({
-      ...t,
-      activeDateField: a
-    }));
-  }, []), P = d((a) => {
-    switch (a) {
-      case "date": {
-        s((t) => ({
-          ...t,
-          datePreset: void 0,
-          dateFrom: void 0,
-          dateTo: void 0,
-          activeDateField: "due_date"
-        }));
-        break;
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("First name") }),
+        /* @__PURE__ */ e(b, { className: o ? "ttw:bg-white" : "", id: t.name, ...t, disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "lastName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Last name") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }) : /* @__PURE__ */ e(u, { name: "companyName", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
       }
-      case "status":
-        s((t) => ({
-          ...t,
-          status: []
-        }));
-        break;
-      case "vendor":
-        s((t) => ({
-          ...t,
-          vendorName: ""
-        }));
-        break;
-      case "attachment":
-        s((t) => ({
-          ...t,
-          hasFile: void 0
-        }));
-        break;
-      case "amount":
-        s((t) => ({
-          ...t,
-          amountMode: "any",
-          amountMin: "",
-          amountMax: ""
-        }));
-        break;
-      case "search":
-        s((t) => ({
-          ...t,
-          search: ""
-        }));
-        break;
-    }
-  }, []), S = d(() => s(v()), []);
-  return {
-    state: e,
-    setState: s,
-    queryParams: F,
-    activeFilterCount: f,
-    activeChips: b,
-    datePresets: p,
-    statusOptions: _,
-    setDatePreset: y,
-    setDateRange: g,
-    setActiveDateField: M,
-    clearFilter: P,
-    clearAll: S
-  };
-}
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Business name") }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:gap-4", s ? "ttw:flex-row" : "ttw:flex-col"), children: [
+      /* @__PURE__ */ e(u, { name: "email", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Email") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      !s && /* @__PURE__ */ e(u, { name: "remindersEnabled", control: w, render: ({
+        field: t
+      }) => /* @__PURE__ */ e(h, { orientation: "horizontal", children: /* @__PURE__ */ a(p, { className: "ttw:flex-row", children: [
+        /* @__PURE__ */ e(I, { id: t.name, ref: t.ref, checked: t.value, onCheckedChange: t.onChange, onBlur: t.onBlur, disabled: l }),
+        /* @__PURE__ */ e(m, { htmlFor: t.name, className: "ttw:font-normal ttw:leading-4", children: r._("Send reminders to this email when an invoice is approaching its due date") })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "phone", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+          r._("Phone"),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(u, { name: "tax_id", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+        r._("Tax ID / {documentType}", {
+          documentType: d === "individual" ? "SSN" : "EIN"
+        }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+      ] }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", placeholder: r._("e.g., {example}", {
+        example: d === "individual" ? "034-56-78890" : "12-3456789"
+      }), disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(_, { children: s ? r._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : r._("Required only if you'll issue a 1099 IRS form at year-end.") }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    (s || !o) && /* @__PURE__ */ e(L, { isLoading: l, customerType: g, isStandalone: !1 }),
+    s && !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7", children: [
+        /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: r._("Accepted payment methods") }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: r._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.") })
+      ] }),
+      /* @__PURE__ */ e(z, { isLoading: l, isStandalone: !1 })
+    ] })
+  ] });
+};
 export {
-  x as AP_DEFAULT_STATUSES,
-  _ as AP_STATUS_OPTIONS,
-  V as usePayablesFilter
+  W as CounterpartFormContent
 };

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

@@ -1,16 +1,88 @@
-import "@mui/icons-material/BlockOutlined";
-import "@mui/icons-material/Cancel";
-import "@mui/icons-material/CheckOutlined";
-import "@mui/icons-material/DangerousOutlined";
-import "@mui/icons-material/DeleteForever";
-import "@mui/icons-material/ErrorOutlineOutlined";
-import "@mui/icons-material/HourglassBottomOutlined";
-import "@mui/icons-material/InsertDriveFileOutlined";
-import "@mui/icons-material/PaidOutlined";
-import "@mui/icons-material/ReplayOutlined";
-import "@mui/icons-material/SendOutlined";
-import "@mui/icons-material/StarHalfOutlined";
-const s = "INV-auto";
+import { AllowedCountries as l } from "./index359.js";
+import { z as i } from "zod";
+import "./index264.js";
+const m = (e, t) => ({
+  line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Street address is required")
+  }),
+  line2: i.string().optional(),
+  city: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("City is required")
+  }),
+  state: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("State is required")
+  }),
+  country: i.enum(l).optional().refine((a) => !t || !!a, {
+    message: e._("Country is required")
+  }),
+  postalCode: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Postal code is required")
+  })
+}), d = (e, t) => e.superRefine((a, s) => {
+  const n = a;
+  (n.line1?.trim() || n.line2?.trim() || n.city?.trim() || n.state?.trim() || n.postalCode?.trim()) && (n.line1?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Street address is required"),
+    path: ["line1"]
+  }), n.city?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("City is required"),
+    path: ["city"]
+  }), n.state?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("State is required"),
+    path: ["state"]
+  }), n.postalCode?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Postal code is required"),
+    path: ["postalCode"]
+  }));
+}), _ = (e, t) => {
+  const a = i.object(m(e, t));
+  return t ? a : d(a, e);
+}, b = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    isVendor: i.boolean(),
+    isCustomer: i.boolean(),
+    ...u(e).shape,
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, q = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, u = (e) => i.object({
+  accountHolderName: i.string().optional(),
+  routingNumber: i.string().refine((t) => !t || t.length === 9, {
+    message: e._("Routing number must be 9 digits")
+  }).optional(),
+  accountNumber: i.string().refine((t) => !t || t.length >= 9 && t.length <= 12, {
+    message: e._("Account number must be between 9 and 12 digits")
+  }).optional()
+});
 export {
-  s as INVOICE_DOCUMENT_AUTO_ID
+  _ as getAddressValidationSchema,
+  u as getCounterpartBankValidationSchema,
+  b as getCreateCounterpartValidationSchema,
+  q as getUpdateCounterpartValidationSchema
 };

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

@@ -1,48 +1,25 @@
-import { useEffect as _ } from "react";
-const c = (i, u, r) => {
-  _(() => {
-    if (!i?.data?.length) return;
-    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
-      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
-      let a;
-      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
-        ...e,
-        product: {
-          ...e.product,
-          measure_unit_id: a.id,
-          measure_unit_name: void 0
-        },
-        measure_unit: {
-          id: a.id,
-          name: a.name || ""
-        }
-      } : t ? {
-        ...e,
-        product: {
-          ...e.product,
-          measure_unit_id: void 0,
-          measure_unit_name: t
-        },
-        measure_unit: {
-          name: t,
-          id: null
-        }
-      } : n === "" || n === void 0 ? {
-        ...e,
-        product: {
-          ...e.product,
-          measure_unit_id: void 0
-        }
-      } : {
-        ...e
-      };
-    });
-    r({
-      ...d,
-      line_items: o
-    });
-  }, [i?.data, r, u]);
+import { useMoniteContext as s } from "./index59.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 {
-  c as useMeasureUnitsMapping
+  c as useCreateCounterpart
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as s } from "./index59.js";
-import { getAPIErrorMessage as i } from "./index122.js";
+import { getAPIErrorMessage as i } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as p } from "react-hot-toast";
 const c = (t) => {