@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/feature/dist/lib/helpers.js

@@ -0,0 +1,405 @@
+import { formatMoneyExact as C } from "../../../../util/dist/index4.js";
+import "react/jsx-runtime";
+import "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "lucide-react";
+import { EMPTY_ADDRESS_FORM_VALUES as F } from "../../../ui/dist/index4.js";
+import "react";
+import { COUNTERPART_MESSAGE_LABELS_EN as f } from "./labels.js";
+const l = "USD", s = "US", T = [
+  "USD",
+  "EUR",
+  "GBP",
+  "CAD",
+  "AUD",
+  "JPY",
+  "CHF",
+  "CNY",
+  "INR",
+  "BRL",
+  "MXN",
+  "SGD"
+];
+function j(e) {
+  return Array.from(
+    /* @__PURE__ */ new Set([...T, ...e ? [e] : []])
+  ).sort().map((n) => ({ value: n, label: n }));
+}
+function R(e) {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: e
+    }).resolvedOptions().maximumFractionDigits ?? 2;
+  } catch {
+    return 2;
+  }
+}
+function k(e, n) {
+  return e / 10 ** R(n);
+}
+function d(e, n = l) {
+  return C(k(e, n), {
+    currencyCode: n
+  });
+}
+const D = new Intl.DateTimeFormat(void 0, {
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+});
+function y(e) {
+  if (!e) return "";
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? "" : D.format(n);
+}
+function p(e) {
+  if ("organization" in e)
+    return e.organization.legal_name;
+  const { first_name: n, last_name: r } = e.individual;
+  return [n, r].filter(Boolean).join(" ").trim();
+}
+function _(e) {
+  return "organization" in e ? e.organization.email ?? "" : e.individual.email ?? "";
+}
+function N(e) {
+  return "organization" in e ? e.organization.phone ?? "" : e.individual.phone ?? "";
+}
+function Y(e) {
+  const n = /* @__PURE__ */ new Map();
+  for (const r of e ?? [])
+    r.dimension_value && n.set(r.dimension_value, r.metric_value);
+  return n;
+}
+function G({
+  counterparts: e,
+  addresses: n,
+  billedAmounts: r,
+  dueOrOwedAmounts: i,
+  isBilledAmountLoading: a = !1,
+  isDueOrOwedAmountLoading: t = !1
+}) {
+  return e.map((o) => {
+    const u = r?.get(o.id) ?? 0, m = i?.get(o.id) ?? 0, h = u - m, g = a || t;
+    return {
+      id: o.id,
+      name: p(o),
+      entityType: o.type,
+      locationLabel: L(n?.get(o.id)),
+      billedAmountLabel: r && !a ? d(u) : "",
+      receivedOrPaidAmountLabel: r && i && !g ? d(h) : "",
+      dueOrOwedAmountLabel: i && !t ? d(m) : "",
+      isBilledAmountLoading: a,
+      isReceivedOrPaidAmountLoading: g,
+      isDueOrOwedAmountLoading: t
+    };
+  });
+}
+function E(e) {
+  if (!e) return [];
+  const n = [e.city, e.state, e.postal_code].filter(Boolean).join(", ");
+  return [e.line1, e.line2, n, e.country].filter(
+    (r) => !!(r && r.trim())
+  );
+}
+function L(e) {
+  return e ? [e.city, e.country].filter(Boolean).join(", ") : "";
+}
+function $({
+  counterpart: e,
+  primaryAddress: n
+}) {
+  return {
+    name: p(e),
+    entityType: e.type,
+    email: _(e),
+    phone: N(e),
+    taxId: e.tax_id ?? "",
+    addressLines: E(n),
+    createdAtLabel: y(e.created_at),
+    updatedAtLabel: y(e.updated_at)
+  };
+}
+function O(e) {
+  return e ? `•••• ${e.slice(-4)}` : void 0;
+}
+function J(e) {
+  return (e ?? []).map((n) => {
+    const r = O(n.iban || n.account_number), i = [n.currency, r].filter(Boolean).join(" · ");
+    return {
+      id: n.id,
+      primary: n.name || n.account_holder_name || n.currency,
+      secondary: i || void 0,
+      isDefault: n.is_default_for_currency
+    };
+  });
+}
+function v(e, n = {}) {
+  const r = e.line2.trim();
+  return {
+    line1: e.line1.trim(),
+    line2: n.keepEmptyOptionalFields ? r : r || void 0,
+    city: e.city.trim(),
+    state: e.state || void 0,
+    postal_code: e.postalCode.trim(),
+    country: s
+  };
+}
+function B(e) {
+  return {
+    line1: e.line1 ?? "",
+    line2: e.line2 ?? "",
+    city: e.city ?? "",
+    state: e.state ?? "",
+    postalCode: e.postal_code ?? ""
+  };
+}
+function X(e) {
+  return v(e);
+}
+function K(e) {
+  return {
+    line1: e.line1.trim(),
+    line2: e.line2.trim(),
+    city: e.city.trim(),
+    state: e.state || void 0,
+    postal_code: e.postalCode.trim(),
+    country: s
+  };
+}
+function U(e = "organization", n) {
+  return {
+    entityType: e,
+    legalName: "",
+    firstName: "",
+    lastName: "",
+    title: "",
+    email: "",
+    phone: "",
+    taxId: "",
+    remindersEnabled: n === "customer",
+    address: { ...F },
+    bankAccount: {
+      accountHolderName: "",
+      routingNumber: "",
+      accountNumber: ""
+    }
+  };
+}
+function Q(e, n) {
+  const r = U(
+    e.type
+  );
+  return r.email = _(e), r.phone = N(e), r.taxId = e.tax_id ?? "", r.remindersEnabled = !!e.reminders_enabled, n && (r.address = B(n)), "organization" in e ? r.legalName = e.organization.legal_name : (r.firstName = e.individual.first_name, r.lastName = e.individual.last_name), r;
+}
+function b(e) {
+  return [
+    e.line1,
+    e.line2,
+    e.city,
+    e.state,
+    e.postalCode
+  ].some((n) => n.trim().length > 0);
+}
+function z(e) {
+  return b(e) ? v(e) : void 0;
+}
+function Z(e, n) {
+  const r = n === "customer", i = n === "vendor", a = z(e.address), t = e.taxId.trim() || void 0, o = e.email.trim(), u = e.phone.trim() || void 0, m = {
+    is_customer: r,
+    is_vendor: i,
+    language: "en",
+    reminders_enabled: r ? e.remindersEnabled : void 0,
+    tax_id: t
+  };
+  return e.entityType === "organization" ? {
+    type: "organization",
+    ...m,
+    organization: {
+      legal_name: e.legalName.trim(),
+      email: o,
+      phone: u,
+      ...a ? { address: a } : {}
+    }
+  } : {
+    type: "individual",
+    ...m,
+    individual: {
+      first_name: e.firstName.trim(),
+      last_name: e.lastName.trim(),
+      title: e.title.trim() || void 0,
+      email: o,
+      phone: u,
+      ...a ? { address: a } : {}
+    }
+  };
+}
+function W(e, n) {
+  const r = e.taxId.trim(), i = e.email.trim(), a = e.phone.trim(), t = {
+    language: "en",
+    reminders_enabled: n === "customer" ? e.remindersEnabled : void 0,
+    tax_id: r
+  };
+  return e.entityType === "organization" ? {
+    ...t,
+    organization: {
+      legal_name: e.legalName.trim(),
+      email: i,
+      phone: a
+    }
+  } : {
+    ...t,
+    individual: {
+      first_name: e.firstName.trim(),
+      last_name: e.lastName.trim(),
+      title: e.title.trim(),
+      email: i,
+      phone: a
+    }
+  };
+}
+function ee(e) {
+  return b(e.address);
+}
+function S(e) {
+  return [
+    e.bankAccount.accountHolderName,
+    e.bankAccount.routingNumber,
+    e.bankAccount.accountNumber
+  ].some((n) => n.trim().length > 0);
+}
+function ne(e) {
+  return {
+    account_holder_name: e.accountHolderName.trim() || void 0,
+    account_number: e.accountNumber.trim() || void 0,
+    routing_number: e.routingNumber.trim() || void 0,
+    country: s,
+    currency: l,
+    is_default_for_currency: !0
+  };
+}
+function re() {
+  return {
+    name: "",
+    accountHolderName: "",
+    accountNumber: "",
+    routingNumber: "",
+    iban: "",
+    bic: "",
+    sortCode: "",
+    currency: l,
+    isDefault: !1
+  };
+}
+function ae(e) {
+  return {
+    name: e.name ?? "",
+    accountHolderName: e.account_holder_name ?? "",
+    accountNumber: e.account_number ?? "",
+    routingNumber: e.routing_number ?? "",
+    iban: e.iban ?? "",
+    bic: e.bic ?? "",
+    sortCode: e.sort_code ?? "",
+    currency: e.currency ?? l,
+    isDefault: e.is_default_for_currency ?? !1
+  };
+}
+function te(e) {
+  return {
+    name: e.name.trim() || void 0,
+    account_holder_name: e.accountHolderName.trim() || void 0,
+    account_number: e.accountNumber.trim() || void 0,
+    routing_number: e.routingNumber.trim() || void 0,
+    iban: e.iban.trim() || void 0,
+    bic: e.bic.trim() || void 0,
+    sort_code: e.sortCode.trim() || void 0,
+    currency: e.currency,
+    country: s,
+    is_default_for_currency: e.isDefault
+  };
+}
+function ie(e) {
+  return {
+    name: e.name.trim(),
+    account_holder_name: e.accountHolderName.trim(),
+    account_number: e.accountNumber.trim(),
+    routing_number: e.routingNumber.trim(),
+    iban: e.iban.trim(),
+    bic: e.bic.trim(),
+    sort_code: e.sortCode.trim(),
+    currency: e.currency,
+    country: s
+  };
+}
+function x(e) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
+}
+function A(e, n) {
+  const r = {};
+  return e.line1.trim().length === 0 && (r.line1 = n.addressLine1Required), e.city.trim().length === 0 && (r.city = n.cityRequired), e.state.trim().length === 0 && (r.state = n.stateRequired), e.postalCode.trim().length === 0 && (r.postalCode = n.postalCodeRequired), r;
+}
+function c(e) {
+  return Object.values(e).some(Boolean);
+}
+function oe(e, n, r = f, i = "customer") {
+  const a = {};
+  if (e.entityType === "organization" ? e.legalName.trim().length === 0 && (a.legalName = r.legalNameRequired) : (e.firstName.trim().length === 0 && (a.firstName = r.firstNameRequired), e.lastName.trim().length === 0 && (a.lastName = r.lastNameRequired)), e.email.trim().length === 0 ? a.email = r.emailRequired : x(e.email.trim()) || (a.email = r.emailInvalid), i === "vendor" || b(e.address)) {
+    const t = A(e.address, r);
+    c(t) && (a.address = t);
+  }
+  if (n === "create" && i === "vendor" && S(e)) {
+    const t = {}, o = e.bankAccount.routingNumber.trim(), u = e.bankAccount.accountNumber.trim();
+    o.length > 0 && o.length !== 9 && (t.routingNumber = r.routingNumberInvalid), u.length > 0 && (u.length < 9 || u.length > 12) && (t.accountNumber = r.accountNumberInvalid), c(t) && (a.bankAccount = t);
+  }
+  return a;
+}
+function ue(e) {
+  const { address: n, bankAccount: r, ...i } = e;
+  return c(i) || (n ? c(n) : !1) || (r ? c(r) : !1);
+}
+function ce(e, n = f) {
+  const r = {};
+  return e.name.trim().length === 0 && (r.name = n.bankAccountNameRequired), e.accountNumber.trim().length === 0 && e.iban.trim().length === 0 && (r.accountNumber = n.bankAccountIdentifierRequired), e.currency.trim().length === 0 && (r.currency = n.bankAccountCurrencyRequired), r;
+}
+function me(e) {
+  return c(e);
+}
+function se(e, n = f) {
+  return A(e, n);
+}
+function le() {
+  const e = globalThis.getSelection?.();
+  return !!(e && e.toString().length > 0);
+}
+export {
+  s as DEFAULT_COUNTRY,
+  l as DEFAULT_CURRENCY,
+  X as addressFormToCreatePayload,
+  K as addressFormToUpdatePayload,
+  B as addressResponseToFormValues,
+  te as bankAccountFormToCreatePayload,
+  ie as bankAccountFormToUpdatePayload,
+  ae as bankAccountToFormValues,
+  Y as buildAnalyticsMap,
+  J as buildBankAccountItems,
+  $ as buildCounterpartDetailsView,
+  G as buildCounterpartRows,
+  ne as counterpartFormBankAccountToCreatePayload,
+  Z as counterpartFormToCreatePayload,
+  W as counterpartFormToUpdatePayload,
+  Q as counterpartToFormValues,
+  re as emptyBankAccountFormValues,
+  U as emptyCounterpartFormValues,
+  y as formatCounterpartDate,
+  d as formatMoney,
+  k as fromMinorUnits,
+  p as getCounterpartName,
+  j as getCurrencyOptions,
+  me as hasBankAccountFormErrors,
+  ee as hasCounterpartFormAddressValues,
+  S as hasCounterpartFormBankAccountValues,
+  ue as hasCounterpartFormErrors,
+  le as hasSelectedText,
+  se as validateAddressForm,
+  ce as validateBankAccountForm,
+  oe as validateCounterpartForm
+};

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/feature/dist/lib/labels.js

@@ -0,0 +1,24 @@
+const e = {
+  legalNameRequired: "Legal name is required",
+  firstNameRequired: "First name is required",
+  lastNameRequired: "Last name is required",
+  emailRequired: "Email is required",
+  emailInvalid: "Enter a valid email address",
+  addressLine1Required: "Address line 1 is required",
+  cityRequired: "City is required",
+  stateRequired: "State is required",
+  postalCodeRequired: "ZIP code is required",
+  bankAccountNameRequired: "Account name is required",
+  bankAccountIdentifierRequired: "Enter an account number or IBAN for this bank account",
+  bankAccountCurrencyRequired: "Currency is required",
+  routingNumberInvalid: "Routing number must be 9 digits",
+  accountNumberInvalid: "Account number must be between 9 and 12 digits",
+  vatIdValueRequired: "VAT ID is required",
+  genericError: "Something went wrong. Please try again.",
+  deleteTitle: "Delete “{name}”?",
+  deleteCounterpartMessage: "This counterpart and its contacts, bank accounts, and VAT IDs will be permanently removed. You can't undo this action.",
+  deleteSubEntityMessage: "This will be permanently removed. You can't undo this action."
+};
+export {
+  e as COUNTERPART_MESSAGE_LABELS_EN
+};

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/feature/dist/lib/subEntityForms.js

@@ -0,0 +1,47 @@
+"use client";
+import { useMemo as l } from "react";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { useCreateCounterpartBankAccountMutation as k, useUpdateCounterpartBankAccountMutation as A, useMakeCounterpartBankAccountDefaultMutation as f } from "../../../data-access/dist/index5.js";
+import { getCurrencyOptions as _, emptyBankAccountFormValues as g, bankAccountToFormValues as b, validateBankAccountForm as F, hasBankAccountFormErrors as B, bankAccountFormToUpdatePayload as C, bankAccountFormToCreatePayload as E } from "./helpers.js";
+import { useSubEntityForm as P } from "./useSubEntityForm.js";
+function S({
+  items: m,
+  selectedId: t,
+  messages: u
+}) {
+  const i = k(), s = A(), c = f(), a = P({
+    items: m,
+    empty: g,
+    toFormValues: b,
+    validate: (r) => F(r, u),
+    hasErrors: B,
+    genericError: u.genericError,
+    onSubmit: async ({ mode: r, id: o, values: e, existing: y }) => {
+      if (!t) return;
+      let n = o;
+      r === "edit" && o ? await s.mutateAsync({
+        path: { counterpart_id: t, bank_account_id: o },
+        body: C(e)
+      }) : n = (await i.mutateAsync({
+        path: { counterpart_id: t },
+        body: E(e)
+      }))?.id, e.isDefault && !y?.is_default_for_currency && n && await c.mutateAsync({
+        path: {
+          counterpart_id: t,
+          bank_account_id: n
+        }
+      });
+    }
+  }), p = l(
+    () => _(a.values.currency),
+    [a.values.currency]
+  ), d = i.isPending || s.isPending || c.isPending;
+  return { form: a, inProgress: d, currencyOptions: p };
+}
+export {
+  S as useBankAccountForm
+};

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/feature/dist/lib/useAddressForm.js

@@ -0,0 +1,74 @@
+"use client";
+import { useState as o, useCallback as d } from "react";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { useCreateCounterpartAddressMutation as F, useUpdateCounterpartAddressMutation as E } from "../../../data-access/dist/index7.js";
+import { extractApiErrorMessage as P } from "../../../../util/dist/index13.js";
+import { addressResponseToFormValues as h, validateAddressForm as M, addressFormToUpdatePayload as T, addressFormToCreatePayload as V } from "./helpers.js";
+function B({
+  selectedId: s,
+  primaryAddress: e,
+  messages: i
+}) {
+  const n = F(), p = E(), [c, t] = o(!1), [r, m] = o(() => ({
+    line1: "",
+    line2: "",
+    city: "",
+    state: "",
+    postalCode: ""
+  })), [y, a] = o({}), [f, u] = o(), C = d(() => {
+    e && (m(h(e)), a({}), u(void 0), t(!0));
+  }, [e]), A = d(() => {
+    m({
+      line1: "",
+      line2: "",
+      city: "",
+      state: "",
+      postalCode: ""
+    }), a({}), u(void 0), t(!0);
+  }, []), g = d(() => t(!1), []), b = d(async () => {
+    if (!s) return;
+    const l = M(r, i);
+    if (Object.values(l).some(Boolean)) {
+      a(l);
+      return;
+    }
+    a({});
+    try {
+      e ? await p.mutateAsync({
+        path: { counterpart_id: s, address_id: e.id },
+        body: T(r)
+      }) : await n.mutateAsync({
+        path: { counterpart_id: s },
+        body: V(r)
+      }), t(!1);
+    } catch (v) {
+      u(P(v) ?? i.genericError);
+    }
+  }, [
+    s,
+    e,
+    r,
+    i,
+    n,
+    p
+  ]);
+  return {
+    open: c,
+    values: r,
+    setValues: m,
+    errors: y,
+    formError: f,
+    isPending: n.isPending || p.isPending,
+    openCreate: A,
+    openEdit: C,
+    close: g,
+    submit: b
+  };
+}
+export {
+  B as useAddressForm
+};

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js

@@ -0,0 +1,48 @@
+"use client";
+import { useMemo as o } from "react";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { useCounterpartQuery as b } from "../../../data-access/dist/index3.js";
+import { useCounterpartBankAccountsQuery as g } from "../../../data-access/dist/index5.js";
+import { useCounterpartAddressesQuery as y } from "../../../data-access/dist/index7.js";
+import { buildCounterpartDetailsView as A, buildBankAccountItems as C } from "./helpers.js";
+function V({
+  selectedId: u,
+  enabled: p = !0
+}) {
+  const s = p ? u : void 0, a = b(s), r = a.data, m = r?.type === "organization", d = s ?? null, l = y(d), i = g(d), t = l.data?.data, e = o(() => {
+    if (!(!t || t.length === 0)) {
+      if (r?.default_billing_address_id) {
+        const n = t.find(
+          (_) => _.id === r.default_billing_address_id
+        );
+        if (n) return n;
+      }
+      return t[0];
+    }
+  }, [t, r?.default_billing_address_id]), f = o(
+    () => r ? A({ counterpart: r, primaryAddress: e }) : void 0,
+    [r, e]
+  ), c = o(
+    () => C(i.data?.data),
+    [i.data]
+  );
+  return {
+    counterpart: r,
+    isOrganization: m,
+    isLoading: a.isLoading,
+    isError: a.isError,
+    primaryAddress: e,
+    detailsView: f,
+    // Raw sub-entity list — used to seed the bank-account edit form by id.
+    bankAccounts: i.data?.data,
+    // Display-ready list — rendered by the details sheet.
+    bankItems: c
+  };
+}
+export {
+  V as useCounterpartDetails
+};