@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -10,90 +10,90 @@ import { useMoniteContext as b } from "./index47.js";
 import { useCounterpartById as x } from "./index48.js";
 import { getCounterpartName as S } from "./index53.js";
 import { useCurrencies as C } from "./index63.js";
-import { Combobox as w, ComboboxChip as T, ComboboxChips as E, ComboboxChipsInput as D, ComboboxCollection as O, ComboboxContent as k, ComboboxEmpty as A, ComboboxGroup as j, ComboboxInput as M, ComboboxItem as N, ComboboxLabel as P, ComboboxList as F, ComboboxSeparator as I, ComboboxTrigger as L, ComboboxValue as R, useComboboxAnchor as z } from "./index104.js";
-import { useGetPayablesAnalytics as B } from "./index113.js";
-import { useCounterpartList as V } from "./index125.js";
-import { useCounterpartAddresses as H } from "./index126.js";
-import { useCounterpartVatList as U } from "./index127.js";
-import { useCounterpartContactList as W } from "./index128.js";
-import { useEntityUserByAuthToken as G, useEntityUserById as K } from "./index129.js";
-import { useApprovalPolicyById as q } from "./index130.js";
-import { useFileById as J } from "./index131.js";
-import { getEntityName as Y, useMe as X, useMyEntity as Z } from "./index133.js";
-import { useCreatePaymentRecord as Q, usePayablePaymentIntentsAndRecords as $, usePaymentRecordById as ee, usePaymentRecords as te } from "./index134.js";
-import { usePaymentIntentById as ne } from "./index135.js";
-import { useEntitySettings as re, usePatchEntitiesIdSettings as ie } from "./index136.js";
-import { useGetReceivableById as ae } from "./index137.js";
-import "./index138.js";
-import { useOptionalFields as oe } from "./index177.js";
-import { RootElementsProvider as se, useRootElements as ce } from "./index178.js";
-import "./index179.js";
-import { useMenuButton as le } from "./index180.js";
-import { LOGO_MAX_FILE_SIZE_IN_MB as ue, LOGO_SUPPORTED_FORMATS as de, OCR_SUPPORTED_FORMATS as fe, useFileInput as pe } from "./index181.js";
-import { defaultCounterpartColumnWidth as me, useAreCounterpartsLoading as he, useAutosizeGridColumns as ge } from "./index182.js";
-import { useFormPersist as _e } from "./index183.js";
-import { useLocalStorageFields as ve } from "./index184.js";
-import { useDebounce as ye, useDebounceCallback as be } from "./index185.js";
-import { useIsMobile as xe } from "./index186.js";
-import { useComponentSettings as Se } from "./index187.js";
-import { breakpoints as Ce, useIsDesktopScreen as we, useIsExtraLargeDesktopScreen as Te, useIsLargeDesktopScreen as Ee, useIsLargerThan as De, useIsMobileScreen as Oe, useIsSmallerThan as ke, useIsTabletScreen as Ae, useMediaQuery as je } from "./index188.js";
-import "./index189.js";
-import { Dialog as Me, useDialog as Ne } from "./index201.js";
-import { MoniteScopedProviders as Pe } from "./index209.js";
-import { CounterpartDetails as Fe } from "./index235.js";
-import { CustomersTable as Ie } from "./index248.js";
-import { VendorsTable as Le } from "./index249.js";
-import { Counterparts as Re } from "./index251.js";
-import { CounterpartAutocomplete as ze } from "./index253.js";
-import { TagFormModal as Be } from "./index304.js";
-import { ApprovalPolicyDetails as Ve } from "./index314.js";
-import { ApprovalPoliciesTable as He } from "./index330.js";
-import { PageHeader as Ue } from "./index332.js";
-import { ApprovalPolicies as We } from "./index333.js";
-import { ApprovalRequestsTable as Ge } from "./index349.js";
-import { ApprovalRequests as Ke } from "./index351.js";
-import { useGetPayableCounterpart as qe } from "./index354.js";
-import { usePayableDetailsThemeProps as Je } from "./index355.js";
-import { usePayableCallbacks as Ye } from "./index356.js";
-import { usePayButtonVisibility as Xe } from "./index357.js";
-import { useLedgerAccounts as Ze } from "./index358.js";
-import { getPayableRefetchInterval as Qe, useGetPayableById as $e } from "./index359.js";
-import { useGetPayableLineItems as et } from "./index360.js";
-import { useGetPayableApprovalRequests as tt } from "./index361.js";
-import { useCreatePayable as nt } from "./index362.js";
-import { useUpdatePayable as rt } from "./index363.js";
-import { useCreatePayableLineItem as it } from "./index364.js";
-import { useUpdatePayableLineItem as at } from "./index365.js";
-import { useDeletePayableLineItem as ot } from "./index366.js";
-import { useCancelPayableById as st } from "./index367.js";
-import { useSubmitPayableForApproval as ct } from "./index368.js";
-import { useForceRejectPayable as lt } from "./index369.js";
-import { useForceApprovePayable as ut } from "./index370.js";
-import { useReopenPayable as dt } from "./index371.js";
-import { useDeletePayable as ft } from "./index372.js";
-import { PayableDetails as pt } from "./index420.js";
-import { PayablesTable as mt } from "./index433.js";
-import { Payables as ht } from "./index438.js";
-import { InvoicesTable as gt } from "./index444.js";
-import { QuotesTable as _t } from "./index449.js";
-import { CreditNotesTable as vt } from "./index450.js";
-import { CreateReceivables as yt } from "./index506.js";
-import { ReceivablesTable as bt, ReceivablesTableTabEnum as xt, useReceivablesTableProps as St } from "./index536.js";
-import { Receivables as Ct } from "./index537.js";
-import { ProductsTable as wt } from "./index544.js";
-import { ProductDetails as Tt } from "./index548.js";
-import { CreateProduct as Et } from "./index549.js";
-import { Products as Dt } from "./index550.js";
-import { TagsTable as Ot } from "./index555.js";
-import { Tags as kt } from "./index557.js";
-import { FinanceBanner as At } from "./index570.js";
-import { FinanceIntegrationCard as jt } from "./index576.js";
-import { FinanceInvoice as Mt } from "./index578.js";
-import { FinanceTab as Nt } from "./index583.js";
-import { Integrations as Pt } from "./index586.js";
-import { TemplateSettings as Ft } from "./index606.js";
-import "./index608.js";
-import { MoniteAPIProvider as It } from "./index613.js";
-import { MoniteProvider as Lt } from "./index614.js";
-import { toast as Rt } from "./index615.js";
+import { Combobox as w, ComboboxChip as T, ComboboxChips as E, ComboboxChipsInput as D, ComboboxCollection as O, ComboboxContent as k, ComboboxEmpty as A, ComboboxGroup as j, ComboboxInput as M, ComboboxItem as N, ComboboxLabel as P, ComboboxList as F, ComboboxSeparator as I, ComboboxTrigger as L, ComboboxValue as R, useComboboxAnchor as z } from "./index108.js";
+import { useGetPayablesAnalytics as B } from "./index117.js";
+import { useCounterpartList as V } from "./index129.js";
+import { useCounterpartAddresses as H } from "./index130.js";
+import { useCounterpartVatList as U } from "./index131.js";
+import { useCounterpartContactList as W } from "./index132.js";
+import { useEntityUserByAuthToken as G, useEntityUserById as K } from "./index133.js";
+import { useApprovalPolicyById as q } from "./index134.js";
+import { useFileById as J } from "./index135.js";
+import { getEntityName as Y, useMe as X, useMyEntity as Z } from "./index137.js";
+import { useCreatePaymentRecord as Q, usePayablePaymentIntentsAndRecords as $, usePaymentRecordById as ee, usePaymentRecords as te } from "./index138.js";
+import { usePaymentIntentById as ne } from "./index139.js";
+import { useEntitySettings as re, usePatchEntitiesIdSettings as ie } from "./index140.js";
+import { useGetReceivableById as ae } from "./index141.js";
+import "./index142.js";
+import { useOptionalFields as oe } from "./index205.js";
+import { RootElementsProvider as se, useRootElements as ce } from "./index206.js";
+import "./index207.js";
+import { useMenuButton as le } from "./index208.js";
+import { LOGO_MAX_FILE_SIZE_IN_MB as ue, LOGO_SUPPORTED_FORMATS as de, OCR_SUPPORTED_FORMATS as fe, useFileInput as pe } from "./index209.js";
+import { defaultCounterpartColumnWidth as me, useAreCounterpartsLoading as he, useAutosizeGridColumns as ge } from "./index210.js";
+import { useFormPersist as _e } from "./index211.js";
+import { useLocalStorageFields as ve } from "./index212.js";
+import { useDebounce as ye, useDebounceCallback as be } from "./index213.js";
+import { useIsMobile as xe } from "./index214.js";
+import { useComponentSettings as Se } from "./index215.js";
+import { breakpoints as Ce, useIsDesktopScreen as we, useIsExtraLargeDesktopScreen as Te, useIsLargeDesktopScreen as Ee, useIsLargerThan as De, useIsMobileScreen as Oe, useIsSmallerThan as ke, useIsTabletScreen as Ae, useMediaQuery as je } from "./index216.js";
+import "./index217.js";
+import { Dialog as Me, useDialog as Ne } from "./index229.js";
+import { MoniteScopedProviders as Pe } from "./index237.js";
+import { CounterpartDetails as Fe } from "./index240.js";
+import { CustomersTable as Ie } from "./index253.js";
+import { VendorsTable as Le } from "./index254.js";
+import { Counterparts as Re } from "./index256.js";
+import { CounterpartAutocomplete as ze } from "./index258.js";
+import { TagFormModal as Be } from "./index309.js";
+import { ApprovalPolicyDetails as Ve } from "./index319.js";
+import { ApprovalPoliciesTable as He } from "./index335.js";
+import { PageHeader as Ue } from "./index337.js";
+import { ApprovalPolicies as We } from "./index338.js";
+import { ApprovalRequestsTable as Ge } from "./index354.js";
+import { ApprovalRequests as Ke } from "./index356.js";
+import { useGetPayableCounterpart as qe } from "./index359.js";
+import { usePayableDetailsThemeProps as Je } from "./index360.js";
+import { usePayableCallbacks as Ye } from "./index361.js";
+import { usePayButtonVisibility as Xe } from "./index362.js";
+import { useLedgerAccounts as Ze } from "./index363.js";
+import { getPayableRefetchInterval as Qe, useGetPayableById as $e } from "./index364.js";
+import { useGetPayableLineItems as et } from "./index365.js";
+import { useGetPayableApprovalRequests as tt } from "./index366.js";
+import { useCreatePayable as nt } from "./index367.js";
+import { useUpdatePayable as rt } from "./index368.js";
+import { useCreatePayableLineItem as it } from "./index369.js";
+import { useUpdatePayableLineItem as at } from "./index370.js";
+import { useDeletePayableLineItem as ot } from "./index371.js";
+import { useCancelPayableById as st } from "./index372.js";
+import { useSubmitPayableForApproval as ct } from "./index373.js";
+import { useForceRejectPayable as lt } from "./index374.js";
+import { useForceApprovePayable as ut } from "./index375.js";
+import { useReopenPayable as dt } from "./index376.js";
+import { useDeletePayable as ft } from "./index377.js";
+import { PayableDetails as pt } from "./index425.js";
+import { PayablesTable as mt } from "./index438.js";
+import { Payables as ht } from "./index443.js";
+import { InvoicesTable as gt } from "./index449.js";
+import { QuotesTable as _t } from "./index454.js";
+import { CreditNotesTable as vt } from "./index455.js";
+import { CreateReceivables as yt } from "./index512.js";
+import { ReceivablesTable as bt, ReceivablesTableTabEnum as xt, useReceivablesTableProps as St } from "./index542.js";
+import { Receivables as Ct } from "./index543.js";
+import { ProductsTable as wt } from "./index550.js";
+import { ProductDetails as Tt } from "./index554.js";
+import { CreateProduct as Et } from "./index555.js";
+import { Products as Dt } from "./index556.js";
+import { TagsTable as Ot } from "./index561.js";
+import { Tags as kt } from "./index563.js";
+import { FinanceBanner as At } from "./index576.js";
+import { FinanceIntegrationCard as jt } from "./index582.js";
+import { FinanceInvoice as Mt } from "./index584.js";
+import { FinanceTab as Nt } from "./index589.js";
+import { Integrations as Pt } from "./index592.js";
+import { TemplateSettings as Ft } from "./index612.js";
+import "./index614.js";
+import { MoniteAPIProvider as It } from "./index619.js";
+import { MoniteProvider as Lt } from "./index620.js";
+import { toast as Rt } from "./index621.js";
 export { We as ApprovalPolicies, He as ApprovalPoliciesTable, Ve as ApprovalPolicyDetails, Ke as ApprovalRequests, Ge as ApprovalRequestsTable, w as Combobox, T as ComboboxChip, E as ComboboxChips, D as ComboboxChipsInput, O as ComboboxCollection, k as ComboboxContent, A as ComboboxEmpty, j as ComboboxGroup, M as ComboboxInput, N as ComboboxItem, P as ComboboxLabel, F as ComboboxList, I as ComboboxSeparator, L as ComboboxTrigger, R as ComboboxValue, ze as CounterpartAutocomplete, Fe as CounterpartDetails, Re as Counterparts, Et as CreateProduct, yt as CreateReceivables, vt as CreditNotesTable, Ie as CustomersTable, Me as Dialog, At as FinanceBanner, jt as FinanceIntegrationCard, Mt as FinanceInvoice, Nt as FinanceTab, Pt as Integrations, gt as InvoicesTable, ue as LOGO_MAX_FILE_SIZE_IN_MB, de as LOGO_SUPPORTED_FORMATS, It as MoniteAPIProvider, Lt as MoniteProvider, Pe as MoniteScopedProviders, fe as OCR_SUPPORTED_FORMATS, Ue as PageHeader, pt as PayableDetails, ht as Payables, mt as PayablesTable, Tt as ProductDetails, Dt as Products, wt as ProductsTable, _t as QuotesTable, Ct as Receivables, bt as ReceivablesTable, xt as ReceivablesTableTabEnum, se as RootElementsProvider, Be as TagFormModal, kt as Tags, Ot as TagsTable, Ft as TemplateSettings, Le as VendorsTable, Ce as breakpoints, t as countryCurrencyList, e as createAPIClient, g as dateStringToLocalDate, n as defaultAvailableCountries, a as defaultAvailableCurrencies, me as defaultCounterpartColumnWidth, o as filterOptions, _ as formatDateRangeFilterChip, v as formatFilterChipMultiSelectValueSegment, S as getCounterpartName, r as getCountries, i as getCountriesArray, s as getCurrencies, c as getCurrenciesArray, Y as getEntityName, l as getGroupTitleForOption, p as getIndividualName, m as getIndividualNameWithFallback, Qe as getPayableRefetchInterval, h as getUserDisplayName, u as rateMajorToMinor, d as rateMinorToMajor, f as sortCurrencyOptionsByGroup, Rt as toast, q as useApprovalPolicyById, he as useAreCounterpartsLoading, ge as useAutosizeGridColumns, st as useCancelPayableById, z as useComboboxAnchor, Se as useComponentSettings, H as useCounterpartAddresses, x as useCounterpartById, W as useCounterpartContactList, V as useCounterpartList, U as useCounterpartVatList, nt as useCreatePayable, it as useCreatePayableLineItem, Q as useCreatePaymentRecord, C as useCurrencies, ye as useDebounce, be as useDebounceCallback, ft as useDeletePayable, ot as useDeletePayableLineItem, Ne as useDialog, re as useEntitySettings, G as useEntityUserByAuthToken, K as useEntityUserById, J as useFileById, pe as useFileInput, ut as useForceApprovePayable, lt as useForceRejectPayable, _e as useFormPersist, tt as useGetPayableApprovalRequests, $e as useGetPayableById, qe as useGetPayableCounterpart, et as useGetPayableLineItems, B as useGetPayablesAnalytics, ae as useGetReceivableById, we as useIsDesktopScreen, Te as useIsExtraLargeDesktopScreen, Ee as useIsLargeDesktopScreen, De as useIsLargerThan, xe as useIsMobile, Oe as useIsMobileScreen, y as useIsMounted, ke as useIsSmallerThan, Ae as useIsTabletScreen, Ze as useLedgerAccounts, ve as useLocalStorageFields, X as useMe, je as useMediaQuery, le as useMenuButton, b as useMoniteContext, Z as useMyEntity, oe as useOptionalFields, ie as usePatchEntitiesIdSettings, Xe as usePayButtonVisibility, Ye as usePayableCallbacks, Je as usePayableDetailsThemeProps, $ as usePayablePaymentIntentsAndRecords, ne as usePaymentIntentById, ee as usePaymentRecordById, te as usePaymentRecords, St as useReceivablesTableProps, dt as useReopenPayable, ce as useRootElements, ct as useSubmitPayableForApproval, rt as useUpdatePayable, at as useUpdatePayableLineItem };

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

@@ -1,56 +1,68 @@
+import { AllowedCountries as e } from "./index92.js";
+import "./index98.js";
+import "./index99.js";
+import { z as t } from "zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index100.js
-var e = {
-	AL: "Alabama",
-	AK: "Alaska",
-	AZ: "Arizona",
-	AR: "Arkansas",
-	CA: "California",
-	CO: "Colorado",
-	CT: "Connecticut",
-	DE: "Delaware",
-	FL: "Florida",
-	GA: "Georgia",
-	HI: "Hawaii",
-	ID: "Idaho",
-	IL: "Illinois",
-	IN: "Indiana",
-	IA: "Iowa",
-	KS: "Kansas",
-	KY: "Kentucky",
-	LA: "Louisiana",
-	ME: "Maine",
-	MD: "Maryland",
-	MA: "Massachusetts",
-	MI: "Michigan",
-	MN: "Minnesota",
-	MS: "Mississippi",
-	MO: "Missouri",
-	MT: "Montana",
-	NE: "Nebraska",
-	NV: "Nevada",
-	NH: "New Hampshire",
-	NJ: "New Jersey",
-	NM: "New Mexico",
-	NY: "New York",
-	NC: "North Carolina",
-	ND: "North Dakota",
-	OH: "Ohio",
-	OK: "Oklahoma",
-	OR: "Oregon",
-	PA: "Pennsylvania",
-	RI: "Rhode Island",
-	SC: "South Carolina",
-	SD: "South Dakota",
-	TN: "Tennessee",
-	TX: "Texas",
-	UT: "Utah",
-	VT: "Vermont",
-	VA: "Virginia",
-	WA: "Washington",
-	WV: "West Virginia",
-	WI: "Wisconsin",
-	WY: "Wyoming",
-	DC: "Washington D.C."
-};
+var n = (n, r) => ({
+	line1: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("Street address is required") }),
+	line2: t.string().optional(),
+	city: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("City is required") }),
+	state: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("State is required") }),
+	country: t.enum(e).optional().refine((e) => !r || !!e, { message: n._("Country is required") }),
+	postalCode: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("Postal code is required") })
+}), r = (e, t) => e.superRefine((e, n) => {
+	let r = e;
+	(r.line1?.trim() || r.line2?.trim() || r.city?.trim() || r.state?.trim() || r.postalCode?.trim()) && (r.line1?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("Street address is required"),
+		path: ["line1"]
+	}), r.city?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("City is required"),
+		path: ["city"]
+	}), r.state?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("State is required"),
+		path: ["state"]
+	}), r.postalCode?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("Postal code is required"),
+		path: ["postalCode"]
+	}));
+}), i = (e, i) => {
+	let a = t.object(n(e, i));
+	return i ? a : r(a, e);
+}, a = (e, i, a) => {
+	let o = a === "vendor", c = t.object({
+		tax_id: t.string().optional(),
+		remindersEnabled: t.boolean(),
+		email: t.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+		phone: t.string().optional(),
+		isVendor: t.boolean(),
+		isCustomer: t.boolean(),
+		...s(e).shape,
+		...n(e, o)
+	}), l = c.extend({
+		firstName: t.string().min(1, e._("First name is required")),
+		lastName: t.string().min(1, e._("Last name is required"))
+	}), u = c.extend({ companyName: t.string().min(1, e._("Company name is required")) });
+	return o ? i === "individual" ? l : u : r(i === "individual" ? l : u, e);
+}, o = (e, i, a) => {
+	let o = a === "vendor", s = t.object({
+		tax_id: t.string().optional(),
+		remindersEnabled: t.boolean(),
+		email: t.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+		phone: t.string().optional(),
+		...n(e, o)
+	}), c = s.extend({
+		firstName: t.string().min(1, e._("First name is required")),
+		lastName: t.string().min(1, e._("Last name is required"))
+	}), l = s.extend({ companyName: t.string().min(1, e._("Company name is required")) });
+	return o ? i === "individual" ? c : l : r(i === "individual" ? c : l, e);
+}, s = (e) => t.object({
+	accountHolderName: t.string().optional(),
+	routingNumber: t.string().refine((e) => !e || e.length === 9, { message: e._("Routing number must be 9 digits") }).optional(),
+	accountNumber: t.string().refine((e) => !e || e.length >= 9 && e.length <= 12, { message: e._("Account number must be between 9 and 12 digits") }).optional()
+});
 //#endregion
-export { e as USStatesEnum };
+export { i as getAddressValidationSchema, s as getCounterpartBankValidationSchema, a as getCreateCounterpartValidationSchema, o as getUpdateCounterpartValidationSchema };

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

@@ -1,82 +1,104 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { CheckIcon as t, ChevronDownIcon as n, ChevronUpIcon as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import * as o from "@radix-ui/react-select";
+import { getCounterpartName as e } from "./index53.js";
+import { Button as t } from "./index56.js";
+import { LoadingSpinner as n } from "./index51.js";
+import "./index52.js";
+import { useCreateCounterpartBank as r } from "./index66.js";
+import { useUpdateCounterpartBank as i } from "./index67.js";
+import "./index86.js";
+import { CounterpartBankFormContent as a } from "./index91.js";
+import { getCounterpartBankValidationSchema as o } from "./index100.js";
+import { useCallback as s, useId as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { toast as f } from "react-hot-toast";
+import { useLingui as p } from "@lingui/react";
+import { FormProvider as m, useForm as h } from "react-hook-form";
+import { zodResolver as g } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js
-function s({ ...e }) {
-	return /* @__PURE__ */ i(o.Root, {
-		"data-slot": "select",
-		...e
+var _ = ({ counterpartId: _, isStandalone: v, bankAccount: y, handleClose: b, onUpdate: x, onCreate: S }) => {
+	let { i18n: C } = p(), w = `vendor-bank-form-${c()}`, T = !!y, { mutate: E, isPending: D } = i(), { mutate: O, isPending: k } = r(), A = D || k, j = l(() => ({
+		accountHolderName: y?.account_holder_name ?? "",
+		accountNumber: y?.account_number ?? "",
+		routingNumber: y?.routing_number ?? ""
+	}), [y]), { resetField: M, ...N } = h({
+		resolver: g(o(C)),
+		defaultValues: j
+	}), P = s((e) => {
+		e.preventDefault(), e.stopPropagation(), N.handleSubmit((e) => {
+			if (y) {
+				let t = {
+					account_holder_name: e.accountHolderName,
+					account_number: e.accountNumber,
+					routing_number: e.routingNumber
+				};
+				return E({
+					path: {
+						counterpart_id: _,
+						bank_account_id: y?.id
+					},
+					body: t
+				}, { onSuccess: () => {
+					f.success(C._("Bank account information has been updated.")), x && x();
+				} });
+			}
+			{
+				let t = {
+					account_holder_name: e.accountHolderName,
+					account_number: e.accountNumber,
+					routing_number: e.routingNumber,
+					country: "US",
+					currency: "USD",
+					is_default_for_currency: !0
+				};
+				return O({
+					path: { counterpart_id: _ },
+					body: t
+				}, { onSuccess: () => {
+					f.success(C._("Bank Account has been added.")), S && S();
+				} });
+			}
+		})(e);
+	}, [
+		f,
+		E,
+		O,
+		e,
+		x,
+		S,
+		N.handleSubmit,
+		C
+	]);
+	return /* @__PURE__ */ u(m, {
+		resetField: M,
+		...N,
+		children: /* @__PURE__ */ d("form", {
+			id: w,
+			onSubmit: P,
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100",
+			children: [/* @__PURE__ */ u(a, {
+				hasExistingBankAccount: T,
+				handleCancel: b,
+				isLoading: A,
+				isStandalone: v
+			}), /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:gap-4 ttw:pt-6",
+				children: [/* @__PURE__ */ u(t, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:border-border ttw:flex-1",
+					disabled: A,
+					onClick: () => {
+						M("accountHolderName"), M("accountNumber"), M("routingNumber"), b();
+					},
+					children: C._("Cancel")
+				}), /* @__PURE__ */ d(t, {
+					type: "submit",
+					className: "ttw:flex-1",
+					disabled: A || !N.formState.isDirty,
+					children: [A && /* @__PURE__ */ u(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), C._("Save")]
+				})]
+			})]
+		})
 	});
-}
-function c({ ...e }) {
-	return /* @__PURE__ */ i(o.Value, {
-		"data-slot": "select-value",
-		...e
-	});
-}
-function l({ className: t, size: r = "default", children: s, ...c }) {
-	return /* @__PURE__ */ a(o.Trigger, {
-		"data-slot": "select-trigger",
-		"data-size": r,
-		className: e("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1 ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", t),
-		...c,
-		children: [s, /* @__PURE__ */ i(o.Icon, {
-			asChild: !0,
-			children: /* @__PURE__ */ i(n, { className: "ttw:size-4 ttw:opacity-50" })
-		})]
-	});
-}
-function u({ className: t, children: n, position: r = "popper", ...s }) {
-	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
-		"data-slot": "select-content",
-		className: e("ttw:bg-popover ttw:text-popover-foreground 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:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", r === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", t),
-		position: r,
-		...s,
-		children: [
-			/* @__PURE__ */ i(p, {}),
-			/* @__PURE__ */ i(o.Viewport, {
-				className: e("ttw:p-1", r === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"),
-				children: n
-			}),
-			/* @__PURE__ */ i(m, {})
-		]
-	}) });
-}
-function d({ className: n, children: r, ...s }) {
-	return /* @__PURE__ */ a(o.Item, {
-		"data-slot": "select-item",
-		className: e("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:min-w-0 ttw:*:[span]:last:flex-1 ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", n),
-		...s,
-		children: [/* @__PURE__ */ i("span", {
-			className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center",
-			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "ttw:size-4" }) })
-		}), /* @__PURE__ */ i(o.ItemText, { children: r })]
-	});
-}
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Separator, {
-		"data-slot": "select-separator",
-		className: e("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", t),
-		...n
-	});
-}
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.ScrollUpButton, {
-		"data-slot": "select-scroll-up-button",
-		className: e("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", t),
-		...n,
-		children: /* @__PURE__ */ i(r, { className: "ttw:size-4" })
-	});
-}
-function m({ className: t, ...r }) {
-	return /* @__PURE__ */ i(o.ScrollDownButton, {
-		"data-slot": "select-scroll-down-button",
-		className: e("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", t),
-		...r,
-		children: /* @__PURE__ */ i(n, { className: "ttw:size-4" })
-	});
-}
+};
 //#endregion
-export { s as Select, u as SelectContent, d as SelectItem, m as SelectScrollDownButton, p as SelectScrollUpButton, f as SelectSeparator, l as SelectTrigger, c as SelectValue };
+export { _ as CounterpartBankForm };

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

@@ -1,13 +1,92 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Button as e } from "./index56.js";
+import { Typography as t } from "./index62.js";
+import { CounterpartBankFormContent as n } from "./index91.js";
+import { CounterpartBankForm as r } from "./index101.js";
+import { useState as i } from "react";
+import { Landmark as a, Plus as o } from "lucide-react";
+import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
+import { twMerge as d } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index102.js
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("textarea", {
-		"data-slot": "textarea",
-		className: e("ttw:border-input ttw:placeholder:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:flex ttw:field-sizing-content ttw:min-h-16 ttw:w-full ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-base ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:md:text-sm", n),
-		...r
+var f = ({ isStandalone: f, counterpartId: p, bankAccount: m, isUpdateAllowed: h, isDeleteAllowed: g, onRemoveClick: _, isLoading: v }) => {
+	let { i18n: y } = u(), [b, x] = i(!1), S = !!m, C = S && (!m?.account_holder_name || !m?.account_number || !m?.routing_number), w = () => {
+		x(!1);
+	};
+	return b ? /* @__PURE__ */ c(s, { children: f && p ? /* @__PURE__ */ c(s, { children: m ? /* @__PURE__ */ c(r, {
+		bankAccount: m,
+		handleClose: w,
+		counterpartId: p,
+		onUpdate: w,
+		isStandalone: !0
+	}) : /* @__PURE__ */ c(r, {
+		handleClose: w,
+		counterpartId: p,
+		onCreate: w,
+		isStandalone: !0
+	}) }) : /* @__PURE__ */ c(n, {
+		hasExistingBankAccount: !1,
+		handleCancel: w,
+		isLoading: v,
+		isStandalone: !1
+	}) }) : /* @__PURE__ */ l("div", {
+		className: d("ttw:flex ttw:items-start ttw:gap-3 ttw:p-3 ttw:rounded-lg ttw:border ttw:border-border", C ? "ttw:border-danger" : "ttw:border-border"),
+		children: [/* @__PURE__ */ c("div", {
+			className: "ttw:p-2 ttw:text-white ttw:flex ttw:items-center ttw:justify-center ttw:bg-primary ttw:rounded-lg",
+			children: /* @__PURE__ */ c(a, { className: "ttw:size-4" })
+		}), S ? /* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:items-center ttw:flex-1 ttw:gap-0.5",
+			children: [/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1",
+				children: [/* @__PURE__ */ c(t, {
+					variant: "body2",
+					className: "ttw:leading-5",
+					children: y._("ACH bank transfer")
+				}), /* @__PURE__ */ c(t, {
+					variant: "caption",
+					color: C ? "destructive" : "muted",
+					className: "ttw:leading-4",
+					children: C ? y._("Incomplete") : y._("Account ending in {last4}", { last4: m?.account_number?.slice(m.account_number?.length - 4) })
+				})]
+			}), (h || g) && /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:gap-3 ttw:items-center",
+				children: [h && /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent",
+					onClick: () => x(!0),
+					children: y._("Edit")
+				}), g && /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent",
+					onClick: () => _?.(),
+					children: y._("Remove")
+				})]
+			})]
+		}) : /* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+			children: [/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+				children: [/* @__PURE__ */ c(t, {
+					variant: "body2",
+					className: "ttw:leading-5",
+					children: y._("ACH bank transfer")
+				}), /* @__PURE__ */ c(t, {
+					variant: "caption",
+					color: "muted",
+					className: "ttw:leading-4",
+					children: y._("Fast, direct deposit to the vendor's bank. Arrives in 1–3 business days.")
+				})]
+			}), /* @__PURE__ */ l(e, {
+				type: "button",
+				variant: "ghost",
+				className: "ttw:text-primary ttw:hover:text-primary/70 ttw:w-fit ttw:px-0 ttw:has-[>svg]:px-0 ttw:py-2 ttw:hover:bg-transparent",
+				onClick: () => x(!0),
+				disabled: v,
+				children: [/* @__PURE__ */ c(o, {}), y._("Add bank account")]
+			})]
+		})]
 	});
-}
+};
 //#endregion
-export { n as Textarea };
+export { f as CounterpartBankSection };