@tesouro/embedded-components-react 0.2.193 → 0.2.196

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

@@ -1,67 +1,120 @@
-import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as x } from "react";
-import { getLineItemErrorMessage as b } from "./index384.js";
-import { useLingui as E } from "@lingui/react";
-import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: n
+import { useCreateInvoiceProductsTable as W } from "./index424.js";
+import { sanitizeLineItems as J } from "./index398.js";
+import { useCurrencies as O } from "./index58.js";
+import { useRef as j, useState as I, useCallback as u, useEffect as C, useMemo as B } from "react";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { useIsMounted as G } from "./index68.js";
+import { generateUniqueId as H } from "./index426.js";
+import { useFormContext as K, useFieldArray as Q } from "react-hook-form";
+const me = ({
+  defaultCurrency: p,
+  isInclusivePricing: P
 }) => {
-  const t = o(() => {
-    for (const r of Object.values(n))
-      if (r) return !0;
-    return !1;
-  }, [n]);
-  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
-    }
-  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
-    }
-  }, children: [
-    e && /* @__PURE__ */ a("div", { children: e }),
-    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
   const {
-    i18n: n
-  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
-    for (let u = 0; u < t.length; u++) {
-      const f = t[u];
-      if (typeof f == "object") {
-        const h = b(f, i);
-        if (h)
-          return h;
-      }
+    control: b,
+    formState: {
+      errors: o
+    },
+    setValue: l,
+    getValues: r,
+    watch: f,
+    clearErrors: m,
+    trigger: h,
+    reset: g
+  } = K(), {
+    fields: n,
+    append: y,
+    remove: v
+  } = Q({
+    control: b,
+    name: "line_items",
+    shouldUnregister: !1
+  }), c = G(), s = j(!1), [x, V] = I(!1), [F, T] = I(null), D = f("line_items"), L = f("tax_rate"), R = J(D), {
+    formatCurrencyToDisplay: S
+  } = O(), {
+    subtotalPrice: q,
+    totalPrice: A,
+    totalTaxes: E
+  } = W({
+    lineItems: R,
+    actualCurrency: p,
+    isInclusivePricing: P,
+    formatCurrencyToDisplay: S,
+    taxRate: Number(L) || void 0
+  }), i = u((e) => {
+    const t = {
+      name: e?.product?.name || "",
+      price: {
+        currency: p,
+        value: e?.product?.price?.value || 0
+      },
+      measure_unit_id: e?.product?.measure_unit_id || "",
+      type: e?.product?.type || "product"
+    };
+    return {
+      id: e?.id ?? H(),
+      product_id: e?.product_id || "",
+      product: t,
+      quantity: e?.quantity ?? 1,
+      tax_rate_value: e?.tax_rate_value ? e?.tax_rate_value ?? 0 : void 0,
+      ...e?.measure_unit ? {
+        measure_unit: e.measure_unit
+      } : {},
+      taxable: !0
+    };
+  }, [p]), M = u(() => {
+    if (s.current) return;
+    s.current = !0, y(i(), {
+      shouldFocus: !1
+    });
+    const e = r("line_items");
+    if (e && e.length > 0) {
+      const t = e.length - 1;
+      m(`line_items.${t}`), T(t);
     }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || m || c || p || d) ? void 0 : t.some((i) => {
-    if (!i || typeof i != "object") return !1;
-    const u = Object.keys(i);
-    return u.length > 0 && u.some((f) => i[f] != null);
-  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
+  }, [y, i, r, m]);
+  C(() => {
+    s.current && Promise.resolve().then(() => {
+      c.current && (s.current = !1);
+    });
+  }, [n.length, c]), C(() => {
+    !c.current || x || !r("line_items")?.length && !s.current && (g({
+      ...r(),
+      line_items: [i()]
+    }), V(!0));
+  }, [c, x, r, g, i]);
+  const U = u((e) => v(e), [v, r]), $ = u(() => {
+    const e = r("line_items");
+    if (!e?.length) return;
+    const t = e.filter((a) => !!a?.product?.name?.trim()), d = e.find((a) => !a?.product?.name?.trim()), _ = t.length > 0 ? t : e.length > 0 ? [i(d || void 0)] : [];
+    (_.length !== e.length || !_.every((a, z) => a.id === e[z]?.id)) && (m("line_items"), l("line_items", _, {
+      shouldValidate: !1,
+      shouldDirty: !0
+    }));
+  }, [r, l, m, i]), N = u((e, t, d) => {
+    l(e, t, {
+      shouldDirty: !0,
+      ...d
+    }), d?.shouldValidate && h(e);
+  }, [l, h]), k = JSON.stringify(o.line_items), w = B(() => Array.isArray(o.line_items) ? n.map((e, t) => o.line_items?.[t] ?? {}) : n.map(() => ({})), [o.line_items, k, n]);
   return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: m,
-      tax: c,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || m || c || p || d)
+    fields: n,
+    subtotalPrice: q,
+    totalPrice: A,
+    totalTaxes: E,
+    lineItemErrors: w,
+    autoFocusIndex: F,
+    handleAddRow: M,
+    handleRemoveItem: U,
+    setValueWithValidationLocal: N,
+    cleanUpLineItemsForSubmission: $
   };
 };
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  me as useLineItemManagement
 };

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

@@ -1,46 +1,84 @@
-import { jsxs as _, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as b } from "react";
-import { Button as I } from "./index84.js";
-import { Checkbox as y } from "./index351.js";
-import { Trash2 as N } from "lucide-react";
-import { ItemSelector as R } from "./index400.js";
-import { PriceField as U } from "./index459.js";
-import { QuantityField as F } from "./index460.js";
-import { MeasureUnitField as V } from "./index461.js";
-const j = ({
-  index: t,
-  control: l,
-  errors: a,
-  defaultCurrency: i = "USD",
-  measureUnitsData: m,
-  container: c,
-  onRequestLineItemValue: o,
-  onLineItemValueChange: n,
-  onUpdateItem: p,
-  onRemoveItem: u,
-  canRemove: s,
-  autoFocusName: h = !1
-}) => {
-  const w = !!a.line_items?.[t]?.product?.name, v = !!a.line_items?.[t]?.quantity, f = !!a.line_items?.[t]?.product?.price?.value, d = o("product.name"), x = !!(d && d.trim()), g = a.line_items?.[t]?.product?.measure_unit_id;
-  return /* @__PURE__ */ _("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(R, { onChange: (r, C) => p(t, r, C), fieldName: o("product.name") || "", index: t, error: w, autoFocus: h, defaultCurrency: i, measureUnits: m, container: c }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(F, { index: t, control: l, quantityError: v, canRemove: s, hasProduct: x, onLineItemValueChange: n, onRemoveItem: u }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: o("product.measure_unit_id"), onChange: (r) => {
-      n("product.measure_unit_id", r, {
-        shouldValidate: !0
-      });
-    }, availableMeasureUnits: m?.data || [], fieldError: g }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { error: f, currency: i, value: o("product.price.value"), onChange: (r) => {
-      n("product.price.value", r, {
-        shouldValidate: !0
-      });
-    } }) }),
-    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: o("taxable") ?? !1, onCheckedChange: (r) => {
-      n("taxable", r === !0);
-    } }) }),
-    s && /* @__PURE__ */ e(I, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => u(t), children: /* @__PURE__ */ e(N, {}) })
-  ] });
-}, z = b(j);
+import { rateMinorToMajor as p, rateMajorToMinor as f } from "./index94.js";
+import { generateUniqueId as l } from "./index426.js";
+const c = (t, e) => {
+  let r = t;
+  for (const n of e) {
+    if (typeof r != "object" || r === null || !(n in r))
+      return;
+    r = r[n];
+  }
+  return typeof r == "object" && r !== null && "message" in r && typeof r.message == "string" ? String(r.message) : void 0;
+};
+function m(t, e) {
+  if (!t)
+    return;
+  const r = typeof t == "object";
+  if (r && "message" in t && typeof t.message == "string")
+    return t.message;
+  const n = e.split("."), s = !Array.isArray(t);
+  if (s && r)
+    return c(t, n);
+  if (s) return;
+  const a = t.find((o) => {
+    if (!o || typeof o != "object" || o === null) return !1;
+    let i = o;
+    for (const u of n) {
+      if (typeof i != "object" || i === null || !(u in i))
+        return !1;
+      i = i[u];
+    }
+    return typeof i == "object" && i !== null && "message" in i && typeof i.message == "string";
+  });
+  if (a)
+    return c(a, n);
+}
+const d = (t, e) => m(t, e), M = (t) => {
+  let e = t.replace(/[^0-9.]/g, "");
+  const r = e.indexOf(".");
+  if (r !== -1 && (e = e.slice(0, r + 1) + e.slice(r + 1).replace(/\./g, ""), e = e.slice(0, r + 3)), e.length > 1 && e.startsWith("0") && e[1] !== "." && (e = e.replace(/^0+/, "") || "0"), e === "" || e === ".")
+    return e;
+  const n = Number(e);
+  return !isNaN(n) && n > 100 ? "100" : e;
+}, j = (t, e) => {
+  if (t === void 0 || isNaN(t)) return "";
+  const r = p(t);
+  return e.format(r);
+}, b = (t, e, r) => {
+  if (t.trim() === "") return 0;
+  let n = t;
+  if (r) {
+    const a = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    n = n.replace(new RegExp(a, "g"), "");
+  }
+  n = n.replace(e, ".");
+  const s = parseFloat(n);
+  return isNaN(s) ? 0 : f(s);
+}, _ = (t) => !t || !Array.isArray(t) ? [] : t.filter((e) => !!e?.product?.name).map((e) => ({
+  ...e,
+  id: e.product_id || l(),
+  quantity: e.quantity ?? 1,
+  product: {
+    ...e.product,
+    type: e.product?.type,
+    price: {
+      ...e.product?.price || {},
+      value: e.product?.price?.value ?? 0,
+      currency: e.product?.price?.currency || "USD"
+    },
+    measure_unit_id: e.product?.measure_unit_id || ""
+  },
+  ...e.measure_unit?.name ? {
+    measure_unit: {
+      name: e.measure_unit.name,
+      id: null
+    }
+  } : {}
+}));
 export {
-  z as InvoiceItemRow
+  j as formatMinorToMajorCurrency,
+  m as getErrorMessage,
+  d as getLineItemErrorMessage,
+  b as parseMajorToMinorCurrency,
+  _ as sanitizeLineItems,
+  M as sanitizeTaxRateInput
 };

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

@@ -1,27 +1,98 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as r } from "@lingui/react";
-import { twMerge as i } from "tailwind-merge";
-const o = ({
-  label: e,
-  value: l,
-  className: a
-}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
-  /* @__PURE__ */ t("span", { children: e }),
-  /* @__PURE__ */ t("span", { children: l?.toString() })
-] }), u = ({
-  subtotalPrice: e,
-  totalTaxes: l,
-  totalPrice: a
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useForm as y, Controller as i } from "react-hook-form";
+import { prepareBankAccountCreatePayload as k } from "./index461.js";
+import "date-fns";
+import { getCreateBankAccountSchema as x } from "./index191.js";
+import { safeZodResolver as C } from "./index257.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index161.js";
+import { Input as s } from "./index128.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index414.js";
+import { Button as p } from "./index84.js";
+const I = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
 }) => {
   const {
-    i18n: s
-  } = r();
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
-    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
+    i18n: a
+  } = S(), {
+    mutate: v,
+    isPending: o
+  } = F(_), {
+    control: l,
+    handleSubmit: g
+  } = y({
+    mode: "onSubmit",
+    reValidateMode: "onSubmit",
+    resolver: C(x(a)),
+    defaultValues: {
+      display_name: "",
+      account_holder_name: "",
+      account_number: "",
+      routing_number: ""
+    }
+  }), w = (t) => {
+    v({
+      body: k(t)
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
+          a._("Account nickname"),
+          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
+      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
+    ] })
   ] });
 };
 export {
-  u as InvoiceTotals
+  I as BankAccountSectionForm
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as ye } from "./index156.js";
+import { CreateCounterpartDialog as ye } from "./index159.js";
 import { getCounterpartName as x } from "./index7.js";
 import "./index57.js";
 import { useLingui as ge } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as Ne } from "./index68.js";
 import { useCounterpartList as _e } from "./index71.js";
-import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index158.js";
+import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index160.js";
 import { Button as _ } from "./index84.js";
 import { useComboboxAnchor as Te, Combobox as re, ComboboxChips as Ve, ComboboxChip as ke, ComboboxChipsInput as De, ComboboxContent as oe, ComboboxList as ae, ComboboxItem as z, ComboboxInput as Ie, ComboboxEmpty as Le } from "./index90.js";
-import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index159.js";
-import { Input as Se } from "./index122.js";
+import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index161.js";
+import { Input as Se } from "./index128.js";
 import { Typography as se } from "./index85.js";
-import { LoadingSpinner as je } from "./index136.js";
+import { LoadingSpinner as je } from "./index140.js";
 import { Plus as de, Sparkles as Pe } from "lucide-react";
 import { useFormContext as qe, Controller as ze } from "react-hook-form";
 const B = "__create-new__", Be = 50, lt = ({

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as M, Fragment as S } from "@emotion/react/jsx-runtime";
-import { InvoiceDetailsPanel as N } from "./index179.js";
+import { InvoiceDetailsPanel as N } from "./index194.js";
 import { CreateReceivables as j } from "./index39.js";
-import { ActionsModal as A } from "./index180.js";
+import { ActionsModal as A } from "./index195.js";
 import { ReceivablesTableTabEnum as E, ReceivablesTable as V } from "./index41.js";
 import { MoniteScopedProviders as y } from "./index83.js";
 import "./index57.js";
@@ -12,8 +12,8 @@ import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import { useComponentSettings as U } from "./index67.js";
-import { useUserPermissions as W } from "./index146.js";
-import { AccessRestriction as _ } from "./index157.js";
+import { useUserPermissions as W } from "./index135.js";
+import { AccessRestriction as _ } from "./index136.js";
 import { Button as q } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,144 +1,19 @@
-import { jsxs as P, jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as x, useCallback as p, useMemo as w, useEffect as J } from "react";
-import { useMoniteContext as R } from "./index57.js";
-import { useCurrencies as X } from "./index58.js";
-import "./index92.js";
-import { useLingui as Y } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useUserPermissions as Z } 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 ee } from "../../shared/data-access/dist/lib/scopes.js";
-import { Combobox as te, ComboboxInput as ne, ComboboxContent as ae, ComboboxList as ie, ComboboxEmpty as oe, ComboboxItem as re } from "./index90.js";
-import { InputGroupAddon as se } from "./index101.js";
-import { Loader2 as F } from "lucide-react";
-const le = "custom", Ie = ({
-  fieldName: i,
-  error: M,
-  disabled: T,
-  index: V = 0,
-  defaultCurrency: j,
-  measureUnits: C,
-  container: D,
-  autoFocus: E = !1,
-  onChange: l
-}) => {
-  const {
-    i18n: f
-  } = Y(), I = j, [g, m] = x(""), [b, k] = x(!1), [O, y] = x(null), [_, u] = x(!1), {
-    api: q
-  } = R(), {
-    formatCurrencyToDisplay: z
-  } = X(), c = Z().has(ee.InvoiceWriteOrg), {
-    data: v,
-    isLoading: A,
-    fetchNextPage: $,
-    hasNextPage: S,
-    isFetchingNextPage: N
-  } = q.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: I
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!I
-  }), B = p((e) => {
-    const {
-      scrollTop: t,
-      scrollHeight: r,
-      clientHeight: L
-    } = e.currentTarget;
-    r - t - L < 100 && S && !N && $();
-  }, [$, S, N]), o = w(() => v ? v.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [v]), d = w(() => !o || o.length === 0 ? [] : o.map((e) => {
-    const t = C ? C.data.find((r) => r.id === e.measure_unit_id) : void 0;
-    return {
-      id: e.id,
-      label: e.name,
-      description: e.description,
-      price: e.price,
-      smallestAmount: e.smallest_amount,
-      measureUnit: t
-    };
-  }), [o, C]);
-  J(() => {
-    !b && i && i.length > 0 && !g.length && (o?.find((e) => e?.name === i) || m(i));
-  }, [i, b, o, g]);
-  let n = o?.find((e) => e?.id === O);
-  if (!b && i && i.length > 0 && !g.length && !n) {
-    const e = o?.find((t) => t?.name === i);
-    e && (n = e);
+const t = (e, n, a) => {
+  switch (e) {
+    case "INTERNAL":
+      return n ? a._("Powered by {embeddedBankName}", {
+        embeddedBankName: n
+      }) : null;
+    case "EXTERNAL":
+      return a._("Linked account");
+    default:
+      return null;
   }
-  const H = n ? n.id : null, h = n ? n.name : g, s = w(() => {
-    const e = h.toLowerCase().trim();
-    return !e || n && n.name.toLowerCase() === e ? d : d.filter((t) => t.label.toLowerCase().includes(e));
-  }, [h, d, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
-    k(!0), u(!0);
-  }, []), K = p(() => {
-    k(!1);
-  }, []), U = p((e) => {
-    if (!e) {
-      y(null), m(""), l({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    const t = d.find((r) => r.id === e);
-    t && (y(t.id), m(""), l(t, !0));
-  }, [d, l]), Q = p((e, t) => {
-    if (t.reason !== "input-change") {
-      c || m("");
-      return;
-    }
-    m(e), y(null), c && l(e.trim() ? {
-      id: le,
-      label: e
-    } : {
-      id: "",
-      label: ""
-    }, !1);
-  }, [c, l]);
-  return /* @__PURE__ */ P(te, { value: H, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: T, open: _, onOpenChange: u, children: [
-    /* @__PURE__ */ a(ne, { id: `item-selector-${V}`, placeholder: c ? f._("e.g., Office supplies") : f._("Search for an item"), "aria-invalid": M || void 0, maxLength: 100, autoFocus: E, onFocus: G, onBlur: K, onClick: () => {
-      _ || u(!0);
-    }, onKeyDown: (e) => {
-      if (e.key === "Enter")
-        e.preventDefault(), u(!1);
-      else if (e.key === "Tab" && _) {
-        const t = h.toLowerCase().trim();
-        if (!t) return;
-        const r = s.find((L) => L.label.toLowerCase() === t) ?? (s.length === 1 ? s[0] : void 0);
-        r && (U(r.id), u(!1));
-      }
-    }, className: "ttw:w-full", children: A && /* @__PURE__ */ a(se, { align: "inline-start", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ a(ae, { container: D, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: B, children: [
-      /* @__PURE__ */ a(oe, { children: c ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
-      s.map((e) => /* @__PURE__ */ P(re, { value: e.id, children: [
-        /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ a("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [e.price && z(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ") })
-      ] }, e.id)),
-      N && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
+}, c = (e, n) => {
+  const a = e.account_number?.slice(-4) ?? e.account_number_last4;
+  return [e.display_name || n._("Bank Account"), a].filter(Boolean).join(" - ");
 };
 export {
-  le as CUSTOM_ID,
-  Ie as ItemSelector
+  c as getLineLabel,
+  t as getSourceLabel
 };