@layerfi/components 0.1.136 → 0.1.137-alpha

package/dist/cjs/index.cjs

@@ -284,7 +284,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.136",
+	version: "0.1.137-alpha",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -729,7 +729,7 @@ function _requestOAuthToken() {
 	return _requestOAuthToken.apply(this, arguments);
 }
 var AUTH_TAG_KEY = "#auth";
-function buildKey$90({ appId, appSecret, businessAccessToken, apiUrl, authUrl, scope }) {
+function buildKey$91({ appId, appSecret, businessAccessToken, apiUrl, authUrl, scope }) {
 	if (businessAccessToken) return {
 		apiUrl,
 		businessAccessToken,
@@ -752,7 +752,7 @@ var FALLBACK_REFRESH_MS = DEFAULT_EXPIRES_IN_SECONDS / 2 * 1e3;
 function useAuth() {
 	const { apiUrl, authUrl, scope } = useEnvironment();
 	const { appId, appSecret, businessAccessToken } = useAuthInput();
-	return (0, swr.default)(() => buildKey$90({
+	return (0, swr.default)(() => buildKey$91({
 		appId,
 		appSecret,
 		businessAccessToken,
@@ -800,7 +800,7 @@ var useLayerContext = () => {
 var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
 var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
 var listBankAccounts = get$1(({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`);
-function buildKey$89({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$90({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -821,7 +821,7 @@ function useListBankAccounts() {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	return new ListBankAccountsSWRResponse((0, swr.default)(() => buildKey$89(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new ListBankAccountsSWRResponse((0, swr.default)(() => buildKey$90(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId }) => listBankAccounts(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => data)));
@@ -3823,7 +3823,7 @@ var useLocalizedKey = () => {
 var _excluded$119 = ["trigger"];
 var UNLINK_BANK_ACCOUNT_TAG_KEY = "#unlink-bank-account";
 var unlinkBankAccount = del(({ businessId, bankAccountId }) => `/v1/businesses/${businessId}/bank-accounts/${bankAccountId}`);
-function buildKey$88({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$89({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -3836,7 +3836,7 @@ function useUnlinkBankAccount() {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	const _useSWRMutation = (0, swr_mutation.default)(() => withLocale(buildKey$88({
+	const _useSWRMutation = (0, swr_mutation.default)(() => withLocale(buildKey$89({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl,
 		businessId
@@ -7339,7 +7339,7 @@ var BankTransactionsSWRResponse = class extends SWRInfiniteResult {
 		return this.data && this.data.length > 0 ? this.data[this.data.length - 1].meta.pagination.has_more : false;
 	}
 };
-function keyLoader$10(previousPageData, { access_token: accessToken, apiUrl, businessId, categorized, direction, query, startDate, endDate, tagFilterQueryString }) {
+function keyLoader$11(previousPageData, { access_token: accessToken, apiUrl, businessId, categorized, direction, query, startDate, endDate, tagFilterQueryString }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -7358,7 +7358,7 @@ function useBankTransactions({ categorized, direction, query, startDate, endDate
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$10(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
+	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$11(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		categorized,
 		direction,
@@ -8748,24 +8748,24 @@ var BankTransactionType = /* @__PURE__ */ function(BankTransactionType) {
 var BankTransactionTypeSchema = effect_index.Schema.Enums(BankTransactionType);
 var CreateCategorizationRuleSchema = effect_index.Schema.Struct({
 	applyRetroactively: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.Boolean), effect_index.Schema.fromKey("apply_retroactively")),
-	createdBySuggestionId: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("created_by_suggestion_id")),
-	externalId: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("external_id")),
-	name: effect_index.Schema.NullishOr(effect_index.Schema.String),
-	category: effect_index.Schema.NullishOr(AccountIdentifierSchema),
-	suggestion1: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_1")),
-	suggestion2: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_2")),
-	suggestion3: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_3")),
-	businessNameFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("business_name_filter")),
-	clientNameFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("client_name_filter")),
-	merchantTypeFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("merchant_type_filter")),
-	transactionDescriptionFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("transaction_description_filter")),
-	transactionTypeFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("transaction_type_filter")),
-	bankDirectionFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(BankDirectionFilterSchema)), effect_index.Schema.fromKey("bank_direction_filter")),
-	amountMinFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_min_filter")),
-	amountMaxFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_max_filter")),
-	counterpartyFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.UUID)), effect_index.Schema.fromKey("counterparty_filter")),
-	bankTransactionTypeFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(BankTransactionTypeSchema)), effect_index.Schema.fromKey("bank_transaction_type_filter")),
-	mccFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("mcc_filter"))
+	createdBySuggestionId: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("created_by_suggestion_id")),
+	externalId: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("external_id")),
+	name: effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)),
+	category: effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)),
+	suggestion1: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_1")),
+	suggestion2: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_2")),
+	suggestion3: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_3")),
+	businessNameFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("business_name_filter")),
+	clientNameFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("client_name_filter")),
+	merchantTypeFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("merchant_type_filter")),
+	transactionDescriptionFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("transaction_description_filter")),
+	transactionTypeFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("transaction_type_filter")),
+	bankDirectionFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(BankDirectionFilterSchema)), effect_index.Schema.fromKey("bank_direction_filter")),
+	amountMinFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_min_filter")),
+	amountMaxFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_max_filter")),
+	counterpartyFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.UUID)), effect_index.Schema.fromKey("counterparty_filter")),
+	bankTransactionTypeFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(BankTransactionTypeSchema)), effect_index.Schema.fromKey("bank_transaction_type_filter")),
+	mccFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("mcc_filter"))
 });
 var CreateCategorizationRuleForCounterpartySchema = effect_index.Schema.Struct({
 	type: effect_index.Schema.Literal("Create_Categorization_Rule_For_Counterparty"),
@@ -8774,6 +8774,25 @@ var CreateCategorizationRuleForCounterpartySchema = effect_index.Schema.Struct({
 	suggestionPrompt: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("suggestion_prompt")),
 	transactionsThatWillBeAffected: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.Array(MinimalBankTransactionSchema)), effect_index.Schema.fromKey("transactions_that_will_be_affected"))
 });
+var PatchCategorizationRuleSchema = effect_index.Schema.Struct({
+	externalId: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("external_id")),
+	name: effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)),
+	category: effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)),
+	suggestion1: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_1")),
+	suggestion2: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_2")),
+	suggestion3: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(AccountIdentifierSchema)), effect_index.Schema.fromKey("suggestion_3")),
+	businessNameFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("business_name_filter")),
+	clientNameFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("client_name_filter")),
+	merchantTypeFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("merchant_type_filter")),
+	transactionDescriptionFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("transaction_description_filter")),
+	transactionTypeFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("transaction_type_filter")),
+	bankDirectionFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(BankDirectionFilterSchema)), effect_index.Schema.fromKey("bank_direction_filter")),
+	amountMinFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_min_filter")),
+	amountMaxFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_max_filter")),
+	counterpartyFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.UUID)), effect_index.Schema.fromKey("counterparty_filter")),
+	bankTransactionTypeFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(BankTransactionTypeSchema)), effect_index.Schema.fromKey("bank_transaction_type_filter")),
+	mccFilter: (0, effect_index.pipe)(effect_index.Schema.optional(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("mcc_filter"))
+});
 var CategorizationRuleSchema = effect_index.Schema.Struct({
 	id: effect_index.Schema.String,
 	businessId: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.String), effect_index.Schema.fromKey("business_id")),
@@ -8785,6 +8804,8 @@ var CategorizationRuleSchema = effect_index.Schema.Struct({
 	counterpartyFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(BankTransactionCounterpartySchema)), effect_index.Schema.fromKey("counterparty_filter")),
 	readableTransactionDescriptionFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.String)), effect_index.Schema.fromKey("readable_transaction_description_filter")),
 	bankDirectionFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(BankDirectionFilterSchema)), effect_index.Schema.fromKey("bank_direction_filter")),
+	amountMinFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_min_filter")),
+	amountMaxFilter: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.Number)), effect_index.Schema.fromKey("amount_max_filter")),
 	createdAt: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.Date), effect_index.Schema.fromKey("created_at")),
 	updatedAt: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.Date), effect_index.Schema.fromKey("updated_at")),
 	archivedAt: (0, effect_index.pipe)(effect_index.Schema.propertySignature(effect_index.Schema.NullishOr(effect_index.Schema.Date)), effect_index.Schema.fromKey("archived_at"))
@@ -9506,7 +9527,7 @@ var getBookkeepingStatus = get$1(({ businessId }) => {
 });
 var BOOKKEEPING_TAG_KEY = "#bookkeeping";
 var BOOKKEEPING_STATUS_TAG_KEY = "#bookkeeping-status";
-function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$88({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9517,7 +9538,7 @@ function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
 function useBookkeepingStatus() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr.default)(() => buildKey$87(_objectSpread2(_objectSpread2({}, auth), {}, { businessId })), ({ accessToken, apiUrl, businessId }) => getBookkeepingStatus(apiUrl, accessToken, { params: { businessId } })().then(effect.Schema.decodeUnknownPromise(BookkeepingStatusResponseSchema)).then(({ data }) => data));
+	return (0, swr.default)(() => buildKey$88(_objectSpread2(_objectSpread2({}, auth), {}, { businessId })), ({ accessToken, apiUrl, businessId }) => getBookkeepingStatus(apiUrl, accessToken, { params: { businessId } })().then(effect.Schema.decodeUnknownPromise(BookkeepingStatusResponseSchema)).then(({ data }) => data));
 }
 function useBookkeepingStatusGlobalCacheActions() {
 	const { forceReload } = useGlobalCacheActions();
@@ -10736,7 +10757,7 @@ var BREAKPOINTS = {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categories/useCategories.ts
 var CATEGORIES_TAG_KEY = "#categories";
-function buildKey$86({ access_token: accessToken, apiUrl, businessId, mode }) {
+function buildKey$87({ access_token: accessToken, apiUrl, businessId, mode }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -10752,7 +10773,7 @@ function useCategories({ mode } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr.default)(() => withLocale(buildKey$86(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return (0, swr.default)(() => withLocale(buildKey$87(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		mode
 	}))), ({ accessToken, apiUrl, businessId, mode }) => getCategories(apiUrl, accessToken, { params: {
@@ -10805,7 +10826,7 @@ var listCustomers = get$1(({ businessId, cursor, limit, query }) => {
 	})}`;
 });
 var CUSTOMERS_TAG_KEY = "#customers";
-function keyLoader$9(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
+function keyLoader$10(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) {
 		var _previousPageData$met;
@@ -10828,7 +10849,7 @@ function useListCustomers({ query, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$9(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
+	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$10(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		query,
 		isEnabled
@@ -10862,7 +10883,7 @@ function useCustomersGlobalCacheActions() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tags/dimensions/useTagDimensions.ts
 var TAG_DIMENSIONS_TAG_KEY = "#tag-dimensions";
-function buildKey$85({ access_token: accessToken, apiUrl, businessId, isEnabled }) {
+function buildKey$86({ access_token: accessToken, apiUrl, businessId, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -10878,7 +10899,7 @@ function useTagDimensions({ isEnabled = true } = {}) {
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$85(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$86(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		isEnabled
@@ -10902,7 +10923,7 @@ var listVendors = get$1(({ businessId, cursor, limit, query }) => {
 	})}`;
 });
 var VENDORS_TAG_KEY = "#vendors";
-function keyLoader$8(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
+function keyLoader$9(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) {
 		var _previousPageData$met;
@@ -10920,7 +10941,7 @@ function useListVendors({ query, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$8(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
+	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$9(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		query,
 		isEnabled
@@ -11281,7 +11302,7 @@ var getBankTransactionsExcel = get$1(({ businessId, categorized, direction, quer
 		sortOrder
 	})}`;
 });
-function buildKey$84({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$85({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -11293,7 +11314,7 @@ function useBankTransactionsDownload() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr_mutation.default)(() => withLocale(buildKey$84(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { categorized, direction, query, startDate, endDate, tagFilterQueryString } }) => getBankTransactionsExcel(apiUrl, accessToken, { params: {
+	return (0, swr_mutation.default)(() => withLocale(buildKey$85(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { categorized, direction, query, startDate, endDate, tagFilterQueryString } }) => getBankTransactionsExcel(apiUrl, accessToken, { params: {
 		businessId,
 		categorized,
 		query,
@@ -12434,7 +12455,7 @@ var ProfitAndLossReportSchema = effect.Schema.Struct({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss/lines/useProfitAndLossDetailLines.tsx
 var LIST_PNL_DETAIL_LINES_TAG_KEY = "#list-pnl-detail-lines";
-function keyLoader$7({ access_token: accessToken, apiUrl, businessId, startDate, endDate, pnlStructureLineItemName, tagFilter, reportingBasis, pnlStructure }) {
+function keyLoader$8({ access_token: accessToken, apiUrl, businessId, startDate, endDate, pnlStructureLineItemName, tagFilter, reportingBasis, pnlStructure }) {
 	if (accessToken && apiUrl && businessId && startDate && endDate && pnlStructureLineItemName) return {
 		accessToken,
 		apiUrl,
@@ -12454,7 +12475,7 @@ function useProfitAndLossDetailLines({ startDate, endDate, pnlStructureLineItemN
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(keyLoader$7(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(keyLoader$8(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		startDate,
@@ -12497,7 +12518,7 @@ var getProfitAndLossDetailLines = (apiUrl, accessToken, params) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss/useProfitAndLossReport.tsx
 var PNL_REPORT_TAG_KEY = "#profit-and-loss-report";
-function buildKey$83({ access_token: accessToken, apiUrl, businessId, startDate, endDate, tagKey, tagValues, reportingBasis, includeUncategorized }) {
+function buildKey$84({ access_token: accessToken, apiUrl, businessId, startDate, endDate, tagKey, tagValues, reportingBasis, includeUncategorized }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12525,7 +12546,7 @@ function useProfitAndLossReport({ startDate, endDate, tagKey, tagValues, reporti
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$83(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$84(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startDate,
 		endDate,
@@ -12550,7 +12571,7 @@ var useProfitAndLossReportCacheActions = () => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss-comparison/useProfitAndLossComparisonReport.tsx
 var PNL_COMPARISON_REPORT_TAG_KEY = "#profit-and-loss-comparison-report";
-function buildKey$82({ access_token: accessToken, apiUrl, businessId, periods, tagFilters, reportingBasis }) {
+function buildKey$83({ access_token: accessToken, apiUrl, businessId, periods, tagFilters, reportingBasis }) {
 	if (accessToken && apiUrl && periods) return {
 		accessToken,
 		apiUrl,
@@ -12567,7 +12588,7 @@ function useProfitAndLossComparisonReport({ periods, tagFilters, reportingBasis
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$82(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$83(_objectSpread2(_objectSpread2({}, data), {}, {
 		apiUrl,
 		businessId,
 		periods,
@@ -12589,7 +12610,7 @@ var useProfitAndLossComparisonReportCacheActions = () => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss-summaries/useProfitAndLossSummaries.tsx
 var PNL_SUMMARIES_TAG_KEY = "#profit-and-loss-summaries";
-function buildKey$81({ access_token: accessToken, apiUrl, businessId, startMonth, startYear, endMonth, endYear, tagKey, tagValues, reportingBasis }) {
+function buildKey$82({ access_token: accessToken, apiUrl, businessId, startMonth, startYear, endMonth, endYear, tagKey, tagValues, reportingBasis }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12619,7 +12640,7 @@ function useProfitAndLossSummaries({ startYear, startMonth, endYear, endMonth, t
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$81(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$82(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startYear,
 		startMonth,
@@ -12682,7 +12703,7 @@ var CategorizeTransactionRequestSchema$1 = effect.Schema.Struct({
 });
 var BulkCategorizeRequestSchema = effect.Schema.Struct({ transactions: effect.Schema.Array(CategorizeTransactionRequestSchema$1) });
 var bulkCategorize = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/bulk-categorize`);
-function buildKey$80({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$81({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12696,7 +12717,7 @@ var useBulkCategorize = () => {
 	const { businessId, eventCallbacks } = useLayerContext();
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$80(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkCategorize(apiUrl, accessToken, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$81(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkCategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: effect.Schema.encodeSync(BulkCategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -13356,7 +13377,7 @@ var AlertCircle$1 = (_ref) => {
 //#endregion
 //#region src/icons/Save.tsx
 var _excluded$97 = ["size"];
-var Save$7 = (_ref) => {
+var Save$8 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
@@ -13445,7 +13466,7 @@ var buildRightIcon = ({ processing, error, action, noIcon }) => {
 	});
 	if (action === SubmitAction.UPLOAD) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.UploadCloud, { size: 12 });
 	if (action === SubmitAction.UPDATE) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckCircle$2, { size: 14 });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Save$7, { size: 16 });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Save$8, { size: 16 });
 };
 var SubmitButton = (_ref) => {
 	let { active, className, processing, disabled, error, children, action = SubmitAction.SAVE, noIcon, variant = ButtonVariant.primary, withRetry, iconAsPrimary = true } = _ref, props = _objectWithoutProperties(_ref, _excluded$95);
@@ -13812,7 +13833,7 @@ function useComboBoxSubcomponents({ placeholder, slots, displayDisabledAsSelecte
 }
 //#endregion
 //#region src/components/ui/ComboBox/useCommonComboBoxProps.ts
-function useCommonComboBoxProps({ className, options, groups, onInputValueChange, inputId, placeholder, slots, displayDisabledAsSelected, isDisabled, isError, isReadOnly = false, isClearable = true, isSearchable = true, isLoading, isMutating, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }) {
+function useCommonComboBoxProps({ className, options, groups, onInputValueChange, inputId, placeholder, slots, displayDisabledAsSelected, isDisabled, isError, isReadOnly = false, isClearable = true, isSearchable = true, isLoading, isMutating, filterOption, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }) {
 	const internalInputId = (0, react.useId)();
 	const effectiveInputId = inputId !== null && inputId !== void 0 ? inputId : internalInputId;
 	const components = useComboBoxSubcomponents({
@@ -13850,6 +13871,7 @@ function useCommonComboBoxProps({ className, options, groups, onInputValueChange
 		openMenuOnClick: !isReadOnly,
 		menuPlacement: "auto",
 		menuShouldScrollIntoView: false,
+		filterOption,
 		["aria-label"]: ariaLabel,
 		["aria-labelledby"]: ariaLabelledby,
 		["aria-describedby"]: ariaDescribedby
@@ -13860,6 +13882,7 @@ function useCommonComboBoxProps({ className, options, groups, onInputValueChange
 		className,
 		components,
 		effectiveInputId,
+		filterOption,
 		groups,
 		isClearable,
 		isDisabled,
@@ -15204,7 +15227,7 @@ effect.Schema.Struct({ businessId: effect.Schema.String });
 var bulkMatchOrCategorize = post(({ businessId }) => {
 	return `/v1/businesses/${businessId}/bank-transactions/bulk-match-or-categorize`;
 });
-function buildKey$79({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$80({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15223,7 +15246,7 @@ var useBulkMatchOrCategorize = () => {
 	const buildTransactionsPayload = (0, react.useCallback)(() => {
 		return { transactions: buildBulkMatchOrCategorizePayload(selectedIds, categorizations) };
 	}, [selectedIds, categorizations]);
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$79(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkMatchOrCategorize(apiUrl, accessToken, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$80(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkMatchOrCategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: effect.Schema.encodeSync(BulkMatchOrCategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -15310,7 +15333,7 @@ var BankTransactionsConfirmAllModal = ({ isOpen, onOpenChange, isMobileView = fa
 var BULK_UNCATEGORIZE_BANK_TRANSACTIONS_TAG_KEY = "#bulk-uncategorize-bank-transactions";
 var BulkUncategorizeRequestSchema = effect.Schema.Struct({ transactionIds: effect.Schema.propertySignature(effect.Schema.Array(effect.Schema.UUID)).pipe(effect.Schema.fromKey("transaction_ids")) });
 var bulkUncategorize = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/bulk-uncategorize`);
-function buildKey$78({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$79({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15324,7 +15347,7 @@ var useBulkUncategorize = () => {
 	const { businessId, eventCallbacks } = useLayerContext();
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$78(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkUncategorize(apiUrl, accessToken, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$79(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkUncategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: effect.Schema.encodeSync(BulkUncategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -15706,7 +15729,7 @@ var mapRawCustomAccountToCustomAccount = (raw) => ({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/useCustomAccounts.ts
 var CUSTOM_ACCOUNTS_TAG_KEY = "#custom-accounts";
-function buildKey$77({ access_token: accessToken, apiUrl, businessId, userCreated }) {
+function buildKey$78({ access_token: accessToken, apiUrl, businessId, userCreated }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15724,7 +15747,7 @@ function useCustomAccounts({ userCreated } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr.default)(() => withLocale(buildKey$77(_objectSpread2(_objectSpread2({}, data), {}, {
+	return (0, swr.default)(() => withLocale(buildKey$78(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		userCreated
 	}))), ({ accessToken, apiUrl, businessId, userCreated }) => getCustomAccounts(apiUrl, accessToken, { params: {
@@ -15734,7 +15757,7 @@ function useCustomAccounts({ userCreated } = {}) {
 }
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/parse-csv/useCustomAccountParseCsv.ts
-function buildKey$76({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$77({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15751,7 +15774,7 @@ function useCustomAccountParseCsv() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr_mutation.default)(() => withLocale(buildKey$76(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { customAccountId, file } }) => parseCsv(apiUrl, accessToken, {
+	return (0, swr_mutation.default)(() => withLocale(buildKey$77(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { customAccountId, file } }) => parseCsv(apiUrl, accessToken, {
 		businessId,
 		customAccountId,
 		file
@@ -16033,7 +16056,7 @@ get$1(({ businessId }) => `/v1/businesses/${businessId}/external-accounts`);
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/useCreateCustomAccount.ts
 var createCustomAccount = post(({ businessId }) => `/v1/businesses/${businessId}/custom-accounts`);
-function buildKey$75({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$76({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16046,7 +16069,7 @@ function useCreateCustomAccount() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = (0, swr.useSWRConfig)();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$75(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCustomAccount(apiUrl, accessToken, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$76(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCustomAccount(apiUrl, accessToken, {
 		params: { businessId },
 		body
 	}).then(({ data }) => mapRawCustomAccountToCustomAccount(data)), { revalidate: false });
@@ -16766,6 +16789,12 @@ var fromNonRecursiveBigDecimal = (nrbd) => {
 var nrbdEquals = (a, b) => {
 	return effect.BigDecimal.equals(fromNonRecursiveBigDecimal(a), fromNonRecursiveBigDecimal(b));
 };
+var convertCentsToNonRecursiveBigDecimal = (cents) => {
+	return toNonRecursiveBigDecimal(convertCentsToBigDecimal(cents));
+};
+var convertNonRecursiveBigDecimalToCents = (nrbd) => {
+	return convertBigDecimalToCents(fromNonRecursiveBigDecimal(nrbd));
+};
 //#endregion
 //#region src/components/forms/FormNonRecursiveBigDecimalField.tsx
 var _excluded$69 = [
@@ -17622,7 +17651,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/transactions/useCreateCustomAccountTransactions.ts
 var _excluded$58 = ["customAccountId"];
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
-function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$75({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -17634,7 +17663,7 @@ function useCreateCustomAccountTransactions() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr_mutation.default)(() => withLocale(buildKey$74(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
+	return (0, swr_mutation.default)(() => withLocale(buildKey$75(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
 		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$58);
 		return createCustomAccountTransactions(apiUrl, accessToken, {
 			params: {
@@ -19110,7 +19139,7 @@ var useGetBankTransactionMatchOrCategoryWithDefault = (bankTransaction) => {
 var _excluded$56 = ["bankTransactionId"];
 var CATEGORIZE_BANK_TRANSACTION_TAG = "#categorize-bank-transaction";
 var categorizeBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/categorize`);
-function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -19126,7 +19155,7 @@ function useCategorizeBankTransaction() {
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { useBankTransactionsOptions } = useBankTransactionsContext();
 	const { forceReloadBackgroundBankTransactions } = useBankTransactionsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult((0, swr_mutation.default)(() => withLocale(buildKey$73({
+	const mutationResponse = new SWRMutationResult((0, swr_mutation.default)(() => withLocale(buildKey$74({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -19204,7 +19233,7 @@ function useCategorizeBankTransactionWithCacheUpdate() {
 var _excluded$55 = ["bankTransactionId"];
 var matchBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/match`);
 var MATCH_BANK_TRANSACTION_TAG = "#match-bank-transaction";
-function buildKey$72({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -19220,7 +19249,7 @@ function useMatchBankTransaction() {
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { useBankTransactionsOptions } = useBankTransactionsContext();
 	const { forceReloadBackgroundBankTransactions } = useBankTransactionsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult((0, swr_mutation.default)(() => withLocale(buildKey$72({
+	const mutationResponse = new SWRMutationResult((0, swr_mutation.default)(() => withLocale(buildKey$73({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -19613,7 +19642,7 @@ var getBookkeepingPeriods = get$1(({ businessId }) => {
 	return `/v1/businesses/${businessId}/bookkeeping/periods`;
 });
 var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
-function buildKey$71({ access_token: accessToken, apiUrl, businessId, isActiveOrPaused }) {
+function buildKey$72({ access_token: accessToken, apiUrl, businessId, isActiveOrPaused }) {
 	if (accessToken && apiUrl && isActiveOrPaused) return {
 		accessToken,
 		apiUrl,
@@ -19627,7 +19656,7 @@ function useBookkeepingPeriods() {
 	const { businessId } = useLayerContext();
 	const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
 	const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-	const swrResponse = (0, swr.default)(() => withLocale(buildKey$71(_objectSpread2(_objectSpread2({}, auth), {}, {
+	const swrResponse = (0, swr.default)(() => withLocale(buildKey$72(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		isActiveOrPaused
 	}))), ({ accessToken, apiUrl, businessId }) => getBookkeepingPeriods(apiUrl, accessToken, { params: { businessId } })().then(({ data: { periods } }) => periods.map((period) => _objectSpread2(_objectSpread2({}, period), {}, {
@@ -19800,7 +19829,7 @@ function useMinMutatingMutation({ swrMutationResponse, minMutatingMs }) {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useSetMetadataOnBankTransaction.ts
 var SET_METADATA_ON_BANK_TRANSACTION_TAG_KEY = "#set-metadata-on-bank-transaction";
-function buildKey$70({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$71({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -19814,7 +19843,7 @@ function useSetMetadataOnBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$70(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$71(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId, bankTransactionId }, { arg: { vendor, customer } }) => {
@@ -19863,7 +19892,7 @@ function useSetMetadataOnBankTransaction({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/tags/useRemoveTagFromBankTransaction.ts
 var REMOVE_TAG_FROM_BANK_TRANSACTION_TAG_KEY = "#remove-tag-from-bank-transaction";
 var removeTagFromBankTransaction = del(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/tags`);
-function buildKey$69({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$70({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -19876,7 +19905,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$69(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$70(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId }, { arg: { tagId } }) => removeTagFromBankTransaction(apiUrl, accessToken, {
@@ -19915,7 +19944,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/tags/useTagBankTransaction.ts
 var TAG_BANK_TRANSACTION_TAG_KEY = "#tag-bank-transaction";
 var tagBankTransaction = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/tags`);
-function buildKey$68({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$69({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -19928,7 +19957,7 @@ function useTagBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$68(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$69(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId, bankTransactionId }, { arg: { key, value, dimensionDisplayName, valueDisplayName } }) => tagBankTransaction(apiUrl, accessToken, {
@@ -20495,7 +20524,7 @@ function BankTransactionCustomerVendorSelector({ bankTransaction }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useBankTransactionsMetadata.ts
 var getBankTransactionMetadata = get$1(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`);
 var GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
-function buildKey$67({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$68({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -20508,7 +20537,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return (0, swr.default)(() => withLocale(buildKey$67(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return (0, swr.default)(() => withLocale(buildKey$68(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId }) => getBankTransactionMetadata(apiUrl, accessToken, { params: {
@@ -20520,7 +20549,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useUpdateBankTransactionMetadata.ts
 var updateBankTransactionMetadata = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`);
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
-function buildKey$66({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$67({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -20534,7 +20563,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = (0, swr.useSWRConfig)();
-	const mutationResponse = new SWRMutationResult((0, swr_mutation.default)(() => withLocale(buildKey$66({
+	const mutationResponse = new SWRMutationResult((0, swr_mutation.default)(() => withLocale(buildKey$67({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId,
@@ -20667,7 +20696,7 @@ var BankTransactionMemo = ({ bankTransactionId, isMobile }) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tags/dimensions/key/[dimension-key]/useTagDimensionByKey.ts
 var TAG_DIMENSION_BY_KEY_TAG_KEY = "#tag-dimension-by-key";
-function buildKey$65({ access_token: accessToken, apiUrl, businessId, isEnabled, dimensionKey }) {
+function buildKey$66({ access_token: accessToken, apiUrl, businessId, isEnabled, dimensionKey }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -20683,7 +20712,7 @@ function useTagDimensionByKey({ isEnabled = true, dimensionKey }) {
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$65(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$66(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		isEnabled,
 		businessId,
@@ -23336,10 +23365,10 @@ var BankTransactionsTable = ({ isLoading, bankTransactions, showDescriptions, sh
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/useListCategorizationRules.ts
 var LIST_CATEGORIZATION_RULES_TAG_KEY = "#list-categorization-rules";
-var SortBy$1 = /* @__PURE__ */ function(SortBy) {
+var SortBy$2 = /* @__PURE__ */ function(SortBy) {
 	SortBy["CreatedAt"] = "created_at";
 	return SortBy;
-}(SortBy$1 || {});
+}(SortBy$2 || {});
 var ListCategorizationRulesReturnSchema = effect.Schema.Struct({
 	data: effect.Schema.Array(CategorizationRuleSchema),
 	meta: effect.Schema.Struct({ pagination: PaginatedResponseMetaSchema })
@@ -23366,7 +23395,7 @@ var listCategorizationRules = get$1(({ businessId, externalIds, includeArchived,
 	const baseUrl = `/v1/businesses/${businessId}/categorization-rules`;
 	return parameters ? `${baseUrl}?${parameters}` : baseUrl;
 });
-function keyLoader$6(previousPageData, { access_token: accessToken, apiUrl, businessId, externalIds, includeArchived, sortBy, sortOrder, limit, showTotalCount }) {
+function keyLoader$7(previousPageData, { access_token: accessToken, apiUrl, businessId, externalIds, includeArchived, sortBy, sortOrder, limit, showTotalCount }) {
 	if (accessToken && apiUrl) {
 		var _previousPageData$met;
 		return {
@@ -23384,12 +23413,12 @@ function keyLoader$6(previousPageData, { access_token: accessToken, apiUrl, busi
 		};
 	}
 }
-function useListCategorizationRules({ externalIds, includeArchived, sortBy = SortBy$1.CreatedAt, sortOrder = SortOrder.DESC, limit, showTotalCount = true } = {}) {
+function useListCategorizationRules({ externalIds, includeArchived, sortBy = SortBy$2.CreatedAt, sortOrder = SortOrder.DESC, limit, showTotalCount = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$6(previousPageData, _objectSpread2(_objectSpread2({}, auth), {}, {
+	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$7(previousPageData, _objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		externalIds,
@@ -23429,7 +23458,7 @@ function useCategorizationRulesGlobalCacheActions() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/[categorization-rule-id]/archive/useArchiveCategorizationRule.ts
 var ARCHIVE_CATEGORIZATION_RULE_TAG = "#archive-categorization-rule";
-function buildKey$64({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$65({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -23444,7 +23473,7 @@ function useArchiveCategorizationRule() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { forceReloadCategorizationRules } = useCategorizationRulesGlobalCacheActions();
-	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$64({
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$65({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -23519,6 +23548,691 @@ var BaseDetailView = ({ name, onGoBack, slots, children, borderless = false }) =
 	});
 };
 //#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategoryMobileDrawer.tsx
+var CategoryMobileDrawer = ({ label, value, onValueChange, showLabel }) => {
+	const { data: categories } = useCategories();
+	const flatOptions = (0, react.useMemo)(() => {
+		if (!categories) return [];
+		return getLeafCategories$1(categories).map((category) => new CategoryAsOption(category));
+	}, [categories]);
+	const selectedOption = (0, react.useMemo)(() => {
+		var _flatOptions$find;
+		if (!value) return null;
+		return (_flatOptions$find = flatOptions.find((option) => ClassificationEquivalence(value, option.classification))) !== null && _flatOptions$find !== void 0 ? _flatOptions$find : null;
+	}, [flatOptions, value]);
+	const handleSelectedValueChange = (0, react.useCallback)((option) => {
+		onValueChange(option instanceof CategoryAsOption ? option.classification : null);
+	}, [onValueChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+		gap: "3xs",
+		children: [showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
+			size: "sm",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorySelectDrawerWithTrigger, {
+			selectedValue: selectedOption,
+			onSelectedValueChange: handleSelectedValueChange,
+			showTooltips: false,
+			slotProps: { TriggerSpan: { size: "sm" } }
+		})]
+	});
+};
+//#endregion
+//#region src/components/LedgerAccountCombobox/LedgerAccountCombobox.tsx
+var LedgerAccountCombobox = ({ label, value, mode, onValueChange, isReadOnly, showLabel, className }) => {
+	const { data: categories, isLoading } = useCategories({ mode });
+	const options = (0, react.useMemo)(() => {
+		if (!categories) return [];
+		return getLeafCategories$1(categories).map((category) => new CategoryAsOption(category));
+	}, [categories]);
+	const selectedCategory = (0, react.useMemo)(() => {
+		var _options$find;
+		if (!value) return null;
+		return (_options$find = options.find((option) => ClassificationEquivalence(value, option.classification))) !== null && _options$find !== void 0 ? _options$find : null;
+	}, [options, value]);
+	const onSelectedValueChange = (0, react.useCallback)((option) => {
+		var _option$classificatio;
+		onValueChange((_option$classificatio = option === null || option === void 0 ? void 0 : option.classification) !== null && _option$classificatio !== void 0 ? _option$classificatio : null);
+	}, [onValueChange]);
+	const inputId = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+		gap: "3xs",
+		className,
+		children: [showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
+			size: "sm",
+			htmlFor: inputId,
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboBox, _objectSpread2({
+			options,
+			onSelectedValueChange,
+			selectedValue: selectedCategory,
+			inputId,
+			isReadOnly,
+			isLoading,
+			isClearable: false
+		}, !showLabel && { "aria-label": label }))]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategorySelect.tsx
+var CategorySelect = (props) => {
+	const { isMobile } = useSizeClass();
+	if (isMobile) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategoryMobileDrawer, _objectSpread2({}, props));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LedgerAccountCombobox, {
+		label: props.label,
+		value: props.value,
+		onValueChange: props.onValueChange,
+		mode: CategoriesListMode.All,
+		showLabel: props.showLabel
+	});
+};
+//#endregion
+//#region src/hooks/api/businesses/[business-id]/counterparties/useListCounterparties.ts
+var LIST_COUNTERPARTIES_TAG_KEY = "#list-counterparties";
+var SortBy$1 = /* @__PURE__ */ function(SortBy) {
+	SortBy["Name"] = "name";
+	return SortBy;
+}(SortBy$1 || {});
+var ListCounterpartiesReturnSchema = effect.Schema.Struct({
+	data: effect.Schema.Array(BankTransactionCounterpartySchema),
+	meta: effect.Schema.Struct({ pagination: PaginatedResponseMetaSchema })
+});
+var ListCounterpartiesSWRResponse = class extends SWRInfiniteResult {
+	get paginationMeta() {
+		return this.data && this.data.length > 0 ? this.data[this.data.length - 1].meta.pagination : void 0;
+	}
+	get hasMore() {
+		var _this$paginationMeta;
+		return (_this$paginationMeta = this.paginationMeta) === null || _this$paginationMeta === void 0 ? void 0 : _this$paginationMeta.hasMore;
+	}
+};
+var listCounterparties = get$1(({ businessId, externalIds, q, sortBy, sortOrder, cursor, limit, showTotalCount }) => {
+	const parameters = toDefinedSearchParameters({
+		externalIds,
+		q,
+		sortBy,
+		sortOrder,
+		cursor,
+		limit,
+		showTotalCount
+	});
+	const baseUrl = `/v1/businesses/${businessId}/counterparties`;
+	return parameters ? `${baseUrl}?${parameters}` : baseUrl;
+});
+function keyLoader$6(previousPageData, { access_token: accessToken, apiUrl, businessId, externalIds, q, sortBy, sortOrder, limit, showTotalCount }) {
+	if (accessToken && apiUrl) {
+		var _previousPageData$met;
+		return {
+			accessToken,
+			apiUrl,
+			businessId,
+			externalIds,
+			q,
+			cursor: previousPageData === null || previousPageData === void 0 || (_previousPageData$met = previousPageData.meta) === null || _previousPageData$met === void 0 ? void 0 : _previousPageData$met.pagination.cursor,
+			sortBy,
+			sortOrder,
+			limit,
+			showTotalCount,
+			tags: [LIST_COUNTERPARTIES_TAG_KEY]
+		};
+	}
+}
+function useListCounterparties({ externalIds, q, sortBy = SortBy$1.Name, sortOrder = SortOrder.ASC, limit, showTotalCount = true } = {}) {
+	const withLocale = useLocalizedKey();
+	const { businessId } = useLayerContext();
+	const { apiUrl } = useEnvironment();
+	const { data: auth } = useAuth();
+	const swrResponse = (0, swr_infinite.default)((_index, previousPageData) => withLocale(keyLoader$6(previousPageData, _objectSpread2(_objectSpread2({}, auth), {}, {
+		apiUrl,
+		businessId,
+		externalIds,
+		q,
+		sortBy,
+		sortOrder,
+		limit,
+		showTotalCount
+	}))), ({ accessToken, apiUrl, businessId, cursor, externalIds, q, sortBy, sortOrder, limit, showTotalCount }) => listCounterparties(apiUrl, accessToken, { params: {
+		businessId,
+		externalIds,
+		q,
+		sortBy,
+		sortOrder,
+		cursor,
+		limit,
+		showTotalCount
+	} })().then(effect.Schema.decodeUnknownPromise(ListCounterpartiesReturnSchema)), {
+		keepPreviousData: true,
+		revalidateFirstPage: false,
+		initialSize: 1
+	});
+	usePreserveInfiniteSize(swrResponse);
+	return new ListCounterpartiesSWRResponse(swrResponse);
+}
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/counterpartyComboBoxOption.ts
+var CounterpartyComboBoxOption = class extends BaseComboBoxOption {
+	constructor(counterparty) {
+		super(counterparty);
+	}
+	get original() {
+		return this.internalValue;
+	}
+	get label() {
+		var _this$internalValue$n;
+		return (_this$internalValue$n = this.internalValue.name) !== null && _this$internalValue$n !== void 0 ? _this$internalValue$n : this.internalValue.id;
+	}
+	get value() {
+		return this.internalValue.id;
+	}
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/useCounterpartyOptions.ts
+var useCounterpartyOptions = (value) => {
+	const { inputValue, searchQuery, handleInputChange } = useDebouncedSearchInput({ initialInputState: "" });
+	const { data, isLoading, isError } = useListCounterparties({
+		q: searchQuery || void 0,
+		limit: 50
+	});
+	const fetchedOptions = (0, react.useMemo)(() => {
+		if (!data) return [];
+		return data.flatMap(({ data: page }) => page.map((counterparty) => new CounterpartyComboBoxOption(counterparty)));
+	}, [data]);
+	const options = (0, react.useMemo)(() => {
+		if (!value) return fetchedOptions;
+		if (fetchedOptions.some((option) => option.value === value.id)) return fetchedOptions;
+		return [new CounterpartyComboBoxOption(value), ...fetchedOptions];
+	}, [fetchedOptions, value]);
+	return {
+		inputValue,
+		searchQuery,
+		handleInputChange,
+		options,
+		selectedOption: (0, react.useMemo)(() => {
+			var _options$find;
+			if (!value) return null;
+			return (_options$find = options.find((option) => option.value === value.id)) !== null && _options$find !== void 0 ? _options$find : null;
+		}, [options, value]),
+		isLoading,
+		isError
+	};
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CounterpartyComboBox.tsx
+var CounterpartyComboBox = ({ label, value, onValueChange, showLabel, isReadOnly, isError, placeholder }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const inputId = (0, react.useId)();
+	const { searchQuery, handleInputChange, options, selectedOption, isLoading, isError: isListError } = useCounterpartyOptions(value);
+	const slots = (0, react.useMemo)(() => {
+		let emptyMessageContent = t("categorizationRules:empty.no_matching_counterparties", "No matching counterparties.");
+		if (isListError) emptyMessageContent = t("categorizationRules:error.load_counterparties", "Couldn’t load counterparties. Please try again.");
+		else if (searchQuery === "") emptyMessageContent = t("categorizationRules:empty.no_counterparties_yet", "No counterparties yet. They will appear here automatically as your transactions are processed.");
+		return {
+			EmptyMessage: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+				pi: "md",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: emptyMessageContent })
+			}),
+			ErrorMessage: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+				size: "xs",
+				status: "error",
+				children: t("categorizationRules:validation.counterparty_required", "Counterparty is required.")
+			})
+		};
+	}, [
+		isListError,
+		searchQuery,
+		t
+	]);
+	const additionalAriaProps = (0, react.useMemo)(() => showLabel ? {} : { "aria-label": label }, [showLabel, label]);
+	const handleSelectedValueChange = (0, react.useCallback)((option) => {
+		var _option$original;
+		onValueChange((_option$original = option === null || option === void 0 ? void 0 : option.original) !== null && _option$original !== void 0 ? _option$original : null);
+	}, [onValueChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+		gap: "3xs",
+		children: [showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
+			size: "sm",
+			htmlFor: inputId,
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboBox, _objectSpread2({
+			options,
+			selectedValue: selectedOption,
+			onSelectedValueChange: handleSelectedValueChange,
+			onInputValueChange: handleInputChange,
+			filterOption: null,
+			inputId,
+			isLoading,
+			isReadOnly,
+			isError,
+			placeholder,
+			slots
+		}, additionalAriaProps))]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CounterpartyMobileDrawer.tsx
+var CounterpartyMobileDrawer = ({ label, value, onValueChange, showLabel, isReadOnly, placeholder }) => {
+	var _ref, _selectedOption$label;
+	const { t } = (0, react_i18next.useTranslation)();
+	const inputId = (0, react.useId)();
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const { inputValue, handleInputChange, options, selectedOption, isLoading, isError: isListError } = useCounterpartyOptions(value);
+	const Header = (0, react.useCallback)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalTitleWithClose, {
+		heading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalHeading, {
+			size: "md",
+			weight: "bold",
+			children: label
+		}),
+		hideCloseButton: true,
+		hideBottomPadding: true
+	}), [label]);
+	const drawerSlots = (0, react.useMemo)(() => ({ Header }), [Header]);
+	const openDrawer = (0, react.useCallback)(() => setIsOpen(true), []);
+	const triggerLabel = (_ref = (_selectedOption$label = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _selectedOption$label !== void 0 ? _selectedOption$label : placeholder) !== null && _ref !== void 0 ? _ref : t("common:action.select_label", "Select…");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+		gap: "3xs",
+		children: [
+			showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
+				size: "sm",
+				htmlFor: inputId,
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				id: inputId,
+				onPress: openDrawer,
+				variant: "outlined",
+				isDisabled: isReadOnly,
+				fullWidth: true,
+				flex: true,
+				"aria-label": label,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+					fluid: true,
+					justify: "space-between",
+					align: "center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+						size: "sm",
+						ellipsis: true,
+						children: triggerLabel
+					}), !isReadOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown$1, { size: 16 })]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Drawer, {
+				isOpen,
+				onOpenChange: setIsOpen,
+				variant: "mobile-drawer",
+				fixedHeight: true,
+				isDismissable: true,
+				"aria-label": label,
+				slots: drawerSlots,
+				children: ({ close }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+					pi: "sm",
+					pb: "xs",
+					gap: "md",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchField, {
+						value: inputValue,
+						onChange: handleInputChange,
+						label: t("common:action.search_label", "Search")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileSelectionDrawerList, {
+						ariaLabel: label,
+						options,
+						selectedValue: selectedOption,
+						onSelectedValueChange: (option) => {
+							var _option$original;
+							onValueChange((_option$original = option === null || option === void 0 ? void 0 : option.original) !== null && _option$original !== void 0 ? _option$original : null);
+							close();
+						},
+						isLoading,
+						isError: isListError
+					})]
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CounterpartySelect.tsx
+var CounterpartySelect = (props) => {
+	const { isMobile } = useSizeClass();
+	if (isMobile) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CounterpartyMobileDrawer, _objectSpread2({}, props));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CounterpartyComboBox, _objectSpread2({}, props));
+};
+//#endregion
+//#region src/hooks/api/businesses/[business-id]/categorization-rules/useUpsertCategorizationRule.ts
+var UPSERT_CATEGORIZATION_RULE_TAG = "#upsert-categorization-rule";
+function buildKey$64({ access_token: accessToken, apiUrl, businessId }) {
+	if (accessToken && apiUrl) return {
+		accessToken,
+		apiUrl,
+		businessId,
+		tags: [UPSERT_CATEGORIZATION_RULE_TAG]
+	};
+}
+var UpsertCategorizationRuleReturnSchema = effect_index.Schema.Struct({ data: CategorizationRuleSchema });
+var createCategorizationRule$1 = post(({ businessId }) => `/v1/businesses/${businessId}/categorization-rules`);
+var updateCategorizationRule = patch(({ businessId, categorizationRuleId }) => `/v1/businesses/${businessId}/categorization-rules/${categorizationRuleId}`);
+function useUpsertCategorizationRule() {
+	const withLocale = useLocalizedKey();
+	const { data: auth } = useAuth();
+	const { businessId } = useLayerContext();
+	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
+	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
+	const { forceReloadCategorizationRules, patchCategorizationRuleByKey } = useCategorizationRulesGlobalCacheActions();
+	const mutationResponse = (0, swr_mutation.default)(() => withLocale(buildKey$64({
+		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
+		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
+		businessId
+	})), ({ accessToken, apiUrl, businessId }, { arg }) => {
+		const decode = effect_index.Schema.decodeUnknownPromise(UpsertCategorizationRuleReturnSchema);
+		if (arg.mode === "create") return createCategorizationRule$1(apiUrl, accessToken, {
+			params: { businessId },
+			body: arg.body
+		}).then(decode);
+		return updateCategorizationRule(apiUrl, accessToken, {
+			params: {
+				businessId,
+				categorizationRuleId: arg.categorizationRuleId
+			},
+			body: arg.body
+		}).then(decode);
+	}, {
+		revalidate: false,
+		throwOnError: true
+	});
+	const { trigger: originalTrigger } = mutationResponse;
+	const stableProxiedTrigger = (0, react.useCallback)(function() {
+		var _ref = _asyncToGenerator(function* (arg, options) {
+			const triggerResult = yield originalTrigger(arg, options);
+			if (arg.mode === "create") {
+				forceReloadCategorizationRules();
+				forceReloadBankTransactions();
+				debouncedInvalidateProfitAndLoss();
+			} else if (triggerResult) patchCategorizationRuleByKey(triggerResult.data);
+			return triggerResult;
+		});
+		return function(_x, _x2) {
+			return _ref.apply(this, arguments);
+		};
+	}(), [
+		originalTrigger,
+		forceReloadCategorizationRules,
+		forceReloadBankTransactions,
+		debouncedInvalidateProfitAndLoss,
+		patchCategorizationRuleByKey
+	]);
+	return new Proxy(mutationResponse, { get(target, prop) {
+		if (prop === "trigger") return stableProxiedTrigger;
+		return Reflect.get(target, prop);
+	} });
+}
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/formUtils.ts
+var centsToFormAmount = (cents) => {
+	if (cents == null) return null;
+	return convertCentsToNonRecursiveBigDecimal(cents);
+};
+var formAmountToCents = (amount) => {
+	if (amount == null) return null;
+	return convertNonRecursiveBigDecimalToCents(amount);
+};
+var getCategorizationRuleFormDefaultValues = (state) => {
+	if (state.mode === "edit") {
+		var _rule$counterpartyFil, _rule$category, _rule$bankDirectionFi;
+		const { rule } = state;
+		return {
+			counterparty: (_rule$counterpartyFil = rule.counterpartyFilter) !== null && _rule$counterpartyFil !== void 0 ? _rule$counterpartyFil : null,
+			category: (_rule$category = rule.category) !== null && _rule$category !== void 0 ? _rule$category : null,
+			bankDirectionFilter: (_rule$bankDirectionFi = rule.bankDirectionFilter) !== null && _rule$bankDirectionFi !== void 0 ? _rule$bankDirectionFi : "",
+			amountMinFilter: centsToFormAmount(rule.amountMinFilter),
+			amountMaxFilter: centsToFormAmount(rule.amountMaxFilter)
+		};
+	}
+	return {
+		counterparty: null,
+		category: null,
+		bankDirectionFilter: "",
+		amountMinFilter: null,
+		amountMaxFilter: null
+	};
+};
+var validateCategorizationRuleForm = (values, t) => {
+	const errors = [];
+	if (!values.counterparty) errors.push({ counterparty: t("categorizationRules:validation.counterparty_required", "Counterparty is required.") });
+	if (!values.category || !isClassificationAccountIdentifier(values.category)) errors.push({ category: t("categorizationRules:validation.category_required", "Category is required.") });
+	if (values.amountMinFilter && values.amountMaxFilter) {
+		const min = fromNonRecursiveBigDecimal(values.amountMinFilter);
+		const max = fromNonRecursiveBigDecimal(values.amountMaxFilter);
+		if (effect.BigDecimal.greaterThan(min, max)) errors.push({ amountMinFilter: t("categorizationRules:validation.amount_min_greater_than_max", "Minimum amount must be less than or equal to maximum amount.") });
+	}
+	return errors.length > 0 ? errors : null;
+};
+var convertFormToCreateBody = (values) => {
+	if (!values.counterparty) throw new Error("Counterparty is required to create a categorization rule");
+	if (!values.category || !isClassificationAccountIdentifier(values.category)) throw new Error("Category is required to create a categorization rule");
+	const parsed = {
+		applyRetroactively: false,
+		category: values.category,
+		bankDirectionFilter: values.bankDirectionFilter === "" ? null : values.bankDirectionFilter,
+		amountMinFilter: formAmountToCents(values.amountMinFilter),
+		amountMaxFilter: formAmountToCents(values.amountMaxFilter),
+		counterpartyFilter: values.counterparty.id
+	};
+	return effect.Schema.encodeUnknownSync(CreateCategorizationRuleSchema)(parsed);
+};
+var convertFormToPatchBody = (values) => {
+	if (!values.counterparty) throw new Error("Counterparty is required to update a categorization rule");
+	if (!values.category || !isClassificationAccountIdentifier(values.category)) throw new Error("Category is required to update a categorization rule");
+	const parsed = {
+		category: values.category,
+		bankDirectionFilter: values.bankDirectionFilter === "" ? null : values.bankDirectionFilter,
+		counterpartyFilter: values.counterparty.id,
+		amountMinFilter: formAmountToCents(values.amountMinFilter),
+		amountMaxFilter: formAmountToCents(values.amountMaxFilter)
+	};
+	return effect.Schema.encodeUnknownSync(PatchCategorizationRuleSchema)(parsed);
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/useCategorizationRuleForm.ts
+var useCategorizationRuleForm = ({ formState, onSuccess }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [submitError, setSubmitError] = (0, react.useState)(void 0);
+	const { trigger: upsertCategorizationRule } = useUpsertCategorizationRule();
+	const formDefaults = (0, react.useMemo)(() => getCategorizationRuleFormDefaultValues(formState), [formState]);
+	const defaultValues = (0, react.useRef)(formDefaults).current;
+	const onSubmit = (0, react.useCallback)(function() {
+		var _ref = _asyncToGenerator(function* ({ value }) {
+			try {
+				const result = formState.mode === "edit" ? yield upsertCategorizationRule({
+					mode: "update",
+					categorizationRuleId: formState.rule.id,
+					body: convertFormToPatchBody(value)
+				}) : yield upsertCategorizationRule({
+					mode: "create",
+					body: convertFormToCreateBody(value)
+				});
+				setSubmitError(void 0);
+				onSuccess(result.data);
+			} catch (e) {
+				console.error(e);
+				setSubmitError(t("common:error.something_went_wrong_please_try_again", "Something went wrong. Please try again."));
+			}
+		});
+		return function(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}(), [
+		formState,
+		upsertCategorizationRule,
+		onSuccess,
+		t
+	]);
+	const onDynamic = (0, react.useCallback)(({ value }) => {
+		return validateCategorizationRuleForm(value, t);
+	}, [t]);
+	const form = useAppForm({
+		defaultValues,
+		onSubmit,
+		validators: (0, react.useMemo)(() => ({ onDynamic }), [onDynamic]),
+		validationLogic: (0, _tanstack_react_form.revalidateLogic)({
+			mode: "submit",
+			modeAfterSubmission: "submit"
+		}),
+		canSubmitWhenInvalid: true
+	});
+	(0, react.useEffect)(() => {
+		form.reset(formDefaults);
+	}, [form, formDefaults]);
+	return (0, react.useMemo)(() => ({
+		form,
+		submitError
+	}), [form, submitError]);
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategorizationRuleForm.tsx
+var CategorizationRuleForm = ({ formState, onSuccess }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { form, submitError } = useCategorizationRuleForm({
+		formState,
+		onSuccess
+	});
+	const blockNativeOnSubmit = (0, react.useCallback)((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	}, []);
+	const directionOptions = (0, react.useMemo)(() => [
+		{
+			value: "",
+			label: t("categorizationRules:label.any", "Any")
+		},
+		{
+			value: BankDirectionFilter.MONEY_IN,
+			label: t("common:label.money_in", "Money in")
+		},
+		{
+			value: BankDirectionFilter.MONEY_OUT,
+			label: t("common:label.money_out", "Money out")
+		}
+	], [t]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Form, {
+		className: "Layer__CategorizationRuleForm",
+		onSubmit: blockNativeOnSubmit,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Subscribe, {
+				selector: (state) => state.errorMap,
+				children: (errorMap) => {
+					const validationErrors = flattenValidationErrors(errorMap);
+					if (validationErrors.length > 0 || submitError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, { size: 16 }),
+						status: DataStateStatus.failed,
+						title: validationErrors[0] || submitError,
+						titleSize: TextSize.md,
+						inline: true
+					}) });
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Field, {
+				name: "counterparty",
+				children: (field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CounterpartySelect, {
+					label: t("common:label.counterparty", "Counterparty"),
+					value: field.state.value,
+					onValueChange: field.handleChange,
+					placeholder: t("categorizationRules:placeholder.select_counterparty", "Select counterparty"),
+					showLabel: true
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Field, {
+				name: "category",
+				children: (field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorySelect, {
+					label: t("common:label.category", "Category"),
+					value: field.state.value,
+					onValueChange: field.handleChange,
+					showLabel: true
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.AppField, {
+				name: "bankDirectionFilter",
+				children: (field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(field.FormRadioGroupField, {
+					label: t("common:label.direction", "Direction"),
+					orientation: "vertical",
+					options: directionOptions
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+				gap: "md",
+				className: "Layer__CategorizationRuleForm__AmountRow",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.AppField, {
+					name: "amountMinFilter",
+					children: (field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(field.FormNonRecursiveBigDecimalField, {
+						label: t("categorizationRules:label.amount_min", "Minimum amount"),
+						mode: "currency",
+						allowEmpty: true,
+						placeholder: t("categorizationRules:placeholder.no_minimum", "No minimum")
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.AppField, {
+					name: "amountMaxFilter",
+					children: (field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(field.FormNonRecursiveBigDecimalField, {
+						label: t("categorizationRules:label.amount_max", "Maximum amount"),
+						mode: "currency",
+						allowEmpty: true,
+						placeholder: t("categorizationRules:placeholder.no_maximum", "No maximum")
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+				justify: "end",
+				className: "Layer__CategorizationRuleForm__Submit",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Subscribe, {
+					selector: (state) => [state.canSubmit, state.isSubmitting],
+					children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button$1, {
+						type: "submit",
+						isDisabled: !canSubmit,
+						isPending: isSubmitting,
+						onPress: () => {
+							form.handleSubmit();
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Save, { size: 14 }), formState.mode === "edit" ? t("categorizationRules:action.save_rule", "Save Rule") : t("categorizationRules:action.create_rule", "Create Rule")]
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategorizationRuleFormDrawer.tsx
+var CategorizationRuleFormDrawerHeader = ({ title, close }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalTitleWithClose, {
+	heading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalHeading, {
+		size: "md",
+		children: title
+	}),
+	onClose: close
+});
+var CategorizationRuleFormDrawer = ({ isOpen, onOpenChange, onSuccess, formState }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { isMobile } = useSizeClass();
+	const lastFormStateRef = (0, react.useRef)(formState);
+	if (formState) lastFormStateRef.current = formState;
+	const activeFormState = formState !== null && formState !== void 0 ? formState : lastFormStateRef.current;
+	const title = (activeFormState === null || activeFormState === void 0 ? void 0 : activeFormState.mode) === "edit" ? t("categorizationRules:action.edit_rule", "Edit Rule") : t("categorizationRules:action.new_rule", "New Rule");
+	const Header = (0, react.useCallback)(({ close }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRuleFormDrawerHeader, {
+		title,
+		close
+	}), [title]);
+	const slots = (0, react.useMemo)(() => ({ Header }), [Header]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Drawer, {
+		isOpen,
+		onOpenChange,
+		"aria-label": title,
+		variant: isMobile ? "mobile-drawer" : "drawer",
+		flexBlock: isMobile,
+		slots,
+		children: activeFormState && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+			pbe: "lg",
+			pi: "md",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRuleForm, {
+				formState: activeFormState,
+				onSuccess
+			})
+		})
+	});
+};
+//#endregion
 //#region src/hooks/utils/pagination/usePaginatedList.ts
 function usePaginatedList({ data, pageSize, initialPage = 0, onSetPage }) {
 	const [internalPageIndex, setInternalPageIndex] = (0, react.useState)(initialPage);
@@ -23701,10 +24415,20 @@ var getCategorizationRuleCounterpartyLabel = (rule) => {
 	var _ref, _rule$counterpartyFil, _rule$counterpartyFil2;
 	return (_ref = (_rule$counterpartyFil = (_rule$counterpartyFil2 = rule.counterpartyFilter) === null || _rule$counterpartyFil2 === void 0 ? void 0 : _rule$counterpartyFil2.name) !== null && _rule$counterpartyFil !== void 0 ? _rule$counterpartyFil : rule.readableTransactionDescriptionFilter) !== null && _ref !== void 0 ? _ref : void 0;
 };
+var getCategorizationRuleAmountLabel = (rule, formatCurrencyFromCents, t) => {
+	const { amountMinFilter: min, amountMaxFilter: max } = rule;
+	if (min == null && max == null) return t("categorizationRules:label.any_amount", "Any amount");
+	if (min != null && max != null) return `${formatCurrencyFromCents(min)} – ${formatCurrencyFromCents(max)}`;
+	if (min != null) return `≥ ${formatCurrencyFromCents(min)}`;
+	return `≤ ${formatCurrencyFromCents(max)}`;
+};
 //#endregion
 //#region src/components/CategorizationRules/CategorizationRulesMobileList/CategorizationRulesMobileList.tsx
-var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
+var CategorizationRuleMobileListItem = ({ rule, options, onEditPress, onDeletePress }) => {
 	const { t } = (0, react_i18next.useTranslation)();
+	const { formatCurrencyFromCents } = useIntlFormatter();
+	const counterpartyLabel = getCategorizationRuleCounterpartyLabel(rule);
+	const hasAmountFilter = rule.amountMinFilter != null || rule.amountMaxFilter != null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
 		justify: "space-between",
 		align: "center",
@@ -23717,7 +24441,7 @@ var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 					weight: "bold",
 					ellipsis: true,
-					children: getCategorizationRuleCounterpartyLabel(rule)
+					children: counterpartyLabel
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
 					gap: "3xs",
@@ -23732,6 +24456,19 @@ var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
 						children: getCategorizationRuleDirectionLabel(rule.bankDirectionFilter, t)
 					})]
 				}),
+				hasAmountFilter && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+					gap: "3xs",
+					align: "center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+						size: "sm",
+						variant: "subtle",
+						children: t("common:label.amount", "Amount:")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+						size: "sm",
+						variant: "subtle",
+						children: getCategorizationRuleAmountLabel(rule, formatCurrencyFromCents, t)
+					})]
+				}),
 				rule.category && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
 					gap: "3xs",
 					align: "center",
@@ -23749,23 +24486,39 @@ var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
 					})]
 				})
 			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-			inset: true,
-			icon: true,
-			onPress: () => onDeletePress(rule),
-			"aria-label": t("categorizationRules:action.delete_rule", "Delete rule"),
-			variant: "ghost",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { size: 16 })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+			gap: "3xs",
+			align: "center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				inset: true,
+				icon: true,
+				onPress: () => onEditPress(rule),
+				"aria-label": t("categorizationRules:action.edit_rule", "Edit Rule"),
+				variant: "ghost",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { size: 16 })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				inset: true,
+				icon: true,
+				onPress: () => onDeletePress(rule),
+				"aria-label": t("categorizationRules:action.delete_rule", "Delete Rule"),
+				variant: "ghost",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { size: 16 })
+			})]
 		})]
 	});
 };
-var CategorizationRulesMobileList = ({ data, isLoading, isError, paginationProps, options, onDeleteRule, slots }) => {
+var CategorizationRulesMobileList = ({ data, isLoading, isError, paginationProps, options, onEditRule, onDeleteRule, slots }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const renderItem = (0, react.useCallback)((rule) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRuleMobileListItem, {
 		rule,
 		options,
+		onEditPress: onEditRule,
 		onDeletePress: onDeleteRule
-	}), [options, onDeleteRule]);
+	}), [
+		options,
+		onEditRule,
+		onDeleteRule
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "Layer__CategorizationRulesMobileList",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginatedMobileList, {
@@ -24052,12 +24805,15 @@ var CategorizationRuleColumns = /* @__PURE__ */ function(CategorizationRuleColum
 	CategorizationRuleColumns["Category"] = "Category";
 	CategorizationRuleColumns["Counterparty"] = "Counterparty";
 	CategorizationRuleColumns["Direction"] = "Direction";
+	CategorizationRuleColumns["Amount"] = "Amount";
+	CategorizationRuleColumns["Edit"] = "Edit";
 	CategorizationRuleColumns["Delete"] = "Delete";
 	return CategorizationRuleColumns;
 }(CategorizationRuleColumns || {});
 var COMPONENT_NAME$14 = "CategorizationRulesTable";
-var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, options, onDeleteRule, slots }) => {
+var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, options, onEditRule, onDeleteRule, slots }) => {
 	const { t } = (0, react_i18next.useTranslation)();
+	const { formatCurrencyFromCents } = useIntlFormatter();
 	const columnConfig = (0, react.useMemo)(() => [
 		{
 			id: CategorizationRuleColumns.Counterparty,
@@ -24075,6 +24831,14 @@ var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, opt
 				children: getCategorizationRuleDirectionLabel(row.original.bankDirectionFilter, t)
 			})
 		},
+		{
+			id: CategorizationRuleColumns.Amount,
+			header: t("common:label.amount", "Amount"),
+			cell: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+				ellipsis: true,
+				children: getCategorizationRuleAmountLabel(row.original, formatCurrencyFromCents, t)
+			})
+		},
 		{
 			id: CategorizationRuleColumns.Category,
 			header: t("common:label.category", "Category"),
@@ -24088,20 +24852,33 @@ var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, opt
 			},
 			isRowHeader: true
 		},
+		{
+			id: CategorizationRuleColumns.Edit,
+			cell: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				inset: true,
+				icon: true,
+				onPress: () => onEditRule(row.original),
+				"aria-label": t("categorizationRules:action.edit_rule", "Edit Rule"),
+				variant: "ghost",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { size: 16 })
+			})
+		},
 		{
 			id: CategorizationRuleColumns.Delete,
 			cell: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 				inset: true,
 				icon: true,
 				onPress: () => onDeleteRule(row.original),
-				"aria-label": t("categorizationRules:action.delete_rule", "Delete rule"),
+				"aria-label": t("categorizationRules:action.delete_rule", "Delete Rule"),
 				variant: "ghost",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { size: 16 })
 			})
 		}
 	], [
 		t,
+		formatCurrencyFromCents,
 		options,
+		onEditRule,
 		onDeleteRule
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginatedTable, {
@@ -24138,19 +24915,33 @@ var CategorizationRulesErrorState = () => {
 		className: "Layer__CategorizationRulesView__ErrorState"
 	});
 };
-var CategorizationRulesHeader = ({ onGoBack }) => {
+var CategorizationRulesHeader = ({ onGoBack, onCreateRule }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+		fluid: true,
+		justify: "space-between",
 		align: "center",
-		gap: "md",
-		children: [onGoBack && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
-			variant: "outlined",
-			icon: true,
-			onPress: onGoBack,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BackArrow, {})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
-			size: "sm",
-			children: t("categorizationRules:label.categorization_rules", "Categorization Rules")
+		gap: "xs",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+			align: "center",
+			gap: "md",
+			children: [onGoBack && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				variant: "outlined",
+				icon: true,
+				onPress: onGoBack,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BackArrow, {})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
+				size: "sm",
+				children: t("categorizationRules:label.categorization_rules", "Categorization Rules")
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
+			pie: "md",
+			align: "center",
+			gap: "xs",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button$1, {
+				onPress: onCreateRule,
+				children: [t("categorizationRules:action.create_rule", "Create Rule"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { size: 16 })]
+			})
 		})]
 	});
 };
@@ -24160,9 +24951,19 @@ var ResponsiveCategorizationRulesView = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const [selectedRule, setSelectedRule] = (0, react.useState)(null);
 	const [showDeletionConfirmationModal, setShowDeletionConfirmationModal] = (0, react.useState)(false);
+	const [formState, setFormState] = (0, react.useState)(null);
 	const { trigger: archiveCategorizationRuleTrigger } = useArchiveCategorizationRule();
 	const { addToast } = useLayerContext();
 	const { isMobile } = useSizeClass();
+	const onCreateRule = (0, react.useCallback)(() => setFormState({ mode: "create" }), []);
+	const onEditRule = (0, react.useCallback)((rule) => setFormState({
+		mode: "edit",
+		rule
+	}), []);
+	const onFormDrawerOpenChange = (0, react.useCallback)((isOpen) => {
+		if (!isOpen) setFormState(null);
+	}, []);
+	const onFormSuccess = (0, react.useCallback)(() => setFormState(null), []);
 	const { data: categories, isLoading: categoriesAreLoading } = useCategories({ mode: CategoriesListMode.All });
 	const options = (0, react.useMemo)(() => {
 		if (!categories) return [];
@@ -24212,9 +25013,10 @@ var ResponsiveCategorizationRulesView = () => {
 	]);
 	const isLoading = data === void 0 || rulesAreLoading || categoriesAreLoading;
 	const { toBankTransactionsTable } = useBankTransactionsNavigation();
+	const DesktopHeader = (0, react.useCallback)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRulesHeader, { onCreateRule }), [onCreateRule]);
 	const DesktopView = (0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseDetailView, {
 		slots: {
-			Header: CategorizationRulesHeader,
+			Header: DesktopHeader,
 			BackIcon: BackArrow
 		},
 		name: "CategorizationRulesDrawer",
@@ -24225,6 +25027,7 @@ var ResponsiveCategorizationRulesView = () => {
 			isError,
 			paginationProps,
 			options,
+			onEditRule,
 			onDeleteRule,
 			slots: {
 				EmptyState: CategorizationRulesEmptyState,
@@ -24232,22 +25035,28 @@ var ResponsiveCategorizationRulesView = () => {
 			}
 		})
 	}), [
+		DesktopHeader,
 		toBankTransactionsTable,
 		categorizationRules,
 		isLoading,
 		isError,
 		paginationProps,
 		options,
+		onEditRule,
 		onDeleteRule
 	]);
 	const MobileView = (0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
 		gap: "md",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRulesHeader, { onGoBack: toBankTransactionsTable }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRulesMobileList, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRulesHeader, {
+			onGoBack: toBankTransactionsTable,
+			onCreateRule
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRulesMobileList, {
 			data: categorizationRules,
 			isLoading,
 			isError,
 			paginationProps,
 			options,
+			onEditRule,
 			onDeleteRule,
 			slots: {
 				EmptyState: CategorizationRulesEmptyState,
@@ -24256,30 +25065,41 @@ var ResponsiveCategorizationRulesView = () => {
 		})]
 	}), [
 		toBankTransactionsTable,
+		onCreateRule,
 		categorizationRules,
 		isLoading,
 		isError,
 		paginationProps,
 		options,
+		onEditRule,
 		onDeleteRule
 	]);
 	const selectedRuleCounterpartyLabel = (_ref = selectedRule && getCategorizationRuleCounterpartyLabel(selectedRule)) !== null && _ref !== void 0 ? _ref : t("bankTransactions:label.selected_counterparty", "this counterparty");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsiveComponent, {
-		resolveVariant: resolveVariant$2,
-		slots: {
-			Desktop: DesktopView,
-			Mobile: MobileView
-		}
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseConfirmationModal, {
-		isOpen: showDeletionConfirmationModal,
-		onOpenChange: setShowDeletionConfirmationModal,
-		title: t("categorizationRules:prompt.delete_categorization_rule", "Delete categorization rule?"),
-		description: t("categorizationRules:label.transaction_no_longer_automatically_categorized", "Transactions will no longer automatically be categorized by this rule. Any transactions previously categorized to {{counterparty}} will not be affected.", { counterparty: selectedRuleCounterpartyLabel }),
-		onConfirm: archiveCategorizationRule,
-		confirmLabel: t("common:action.delete_label", "Delete"),
-		cancelLabel: t("common:action.cancel_label", "Cancel"),
-		useDrawer: isMobile
-	})] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsiveComponent, {
+			resolveVariant: resolveVariant$2,
+			slots: (0, react.useMemo)(() => ({
+				Desktop: DesktopView,
+				Mobile: MobileView
+			}), [DesktopView, MobileView])
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseConfirmationModal, {
+			isOpen: showDeletionConfirmationModal,
+			onOpenChange: setShowDeletionConfirmationModal,
+			title: t("categorizationRules:prompt.delete_categorization_rule", "Delete categorization rule?"),
+			description: t("categorizationRules:label.transaction_no_longer_automatically_categorized", "Transactions will no longer automatically be categorized by this rule. Any transactions previously categorized to {{counterparty}} will not be affected.", { counterparty: selectedRuleCounterpartyLabel }),
+			onConfirm: archiveCategorizationRule,
+			confirmLabel: t("common:action.delete_label", "Delete"),
+			cancelLabel: t("common:action.cancel_label", "Cancel"),
+			useDrawer: isMobile
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CategorizationRuleFormDrawer, {
+			isOpen: !!formState,
+			formState,
+			onOpenChange: onFormDrawerOpenChange,
+			onSuccess: onFormSuccess
+		})
+	] });
 };
 //#endregion
 //#region src/components/ErrorBoundary/ErrorBoundaryMessage.tsx
@@ -34528,42 +35348,6 @@ var DebitCreditPill = ({ value, onChange, isReadOnly = false }) => {
 	});
 };
 //#endregion
-//#region src/components/LedgerAccountCombobox/LedgerAccountCombobox.tsx
-var LedgerAccountCombobox = ({ label, value, mode, onValueChange, isReadOnly, showLabel, className }) => {
-	const { data: categories, isLoading } = useCategories({ mode });
-	const options = (0, react.useMemo)(() => {
-		if (!categories) return [];
-		return getLeafCategories$1(categories).map((category) => new CategoryAsOption(category));
-	}, [categories]);
-	const selectedCategory = (0, react.useMemo)(() => {
-		var _options$find;
-		if (!value) return null;
-		return (_options$find = options.find((option) => ClassificationEquivalence(value, option.classification))) !== null && _options$find !== void 0 ? _options$find : null;
-	}, [options, value]);
-	const onSelectedValueChange = (0, react.useCallback)((option) => {
-		var _option$classificatio;
-		onValueChange((_option$classificatio = option === null || option === void 0 ? void 0 : option.classification) !== null && _option$classificatio !== void 0 ? _option$classificatio : null);
-	}, [onValueChange]);
-	const inputId = (0, react.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-		gap: "3xs",
-		className,
-		children: [showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-			size: "sm",
-			htmlFor: inputId,
-			children: label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboBox, _objectSpread2({
-			options,
-			onSelectedValueChange,
-			selectedValue: selectedCategory,
-			inputId,
-			isReadOnly,
-			isLoading,
-			isClearable: false
-		}, !showLabel && { "aria-label": label }))]
-	});
-};
-//#endregion
 //#region src/components/Journal/JournalEntryForm/JournalEntryLineItem.tsx
 var JOURNAL_ENTRY_FORM_CSS_PREFIX$1 = "Layer__JournalEntryForm";
 var JournalEntryLineItem = ({ form, index, displayIndex, isReadOnly, onDeleteLine, showTags = false }) => {
@@ -41582,7 +42366,7 @@ var getInvoiceFormLineItem = (lineItem) => {
 	return {
 		description: description || "",
 		quantity: toNonRecursiveBigDecimal(quantity),
-		unitPrice: toNonRecursiveBigDecimal(convertCentsToBigDecimal(unitPrice)),
+		unitPrice: convertCentsToNonRecursiveBigDecimal(unitPrice),
 		amount: toNonRecursiveBigDecimal(getInvoiceLineItemAmount(lineItem)),
 		isTaxable: lineItem.salesTaxTotal > 0
 	};
@@ -41648,7 +42432,7 @@ var convertInvoiceFormToParams = (form) => {
 		lineItems: form.lineItems.filter((item) => !InvoiceFormLineItemEquivalence(EMPTY_LINE_ITEM, item)).map((item) => {
 			const baseLineItem = {
 				description: item.description.trim(),
-				unitPrice: convertBigDecimalToCents(fromNonRecursiveBigDecimal(item.unitPrice)),
+				unitPrice: convertNonRecursiveBigDecimalToCents(item.unitPrice),
 				quantity: fromNonRecursiveBigDecimal(item.quantity)
 			};
 			if (!item.isTaxable || effect.BigDecimal.equals(form.taxRate, BIG_DECIMAL_ZERO)) return baseLineItem;
@@ -50799,7 +51583,7 @@ var getServiceFormDefaultValues = ({ service, initialName }) => {
 	var _ref, _service$name;
 	return {
 		name: (_ref = (_service$name = service === null || service === void 0 ? void 0 : service.name) !== null && _service$name !== void 0 ? _service$name : initialName) !== null && _ref !== void 0 ? _ref : "",
-		hourlyRate: (service === null || service === void 0 ? void 0 : service.billableRatePerHourAmount) != null && !Number.isNaN(service.billableRatePerHourAmount) ? toNonRecursiveBigDecimal(convertCentsToBigDecimal(service.billableRatePerHourAmount)) : null
+		hourlyRate: (service === null || service === void 0 ? void 0 : service.billableRatePerHourAmount) != null && !Number.isNaN(service.billableRatePerHourAmount) ? convertCentsToNonRecursiveBigDecimal(service.billableRatePerHourAmount) : null
 	};
 };
 function useServiceForm(props) {
@@ -50820,7 +51604,7 @@ function useServiceForm(props) {
 	const onSubmit = (0, react.useCallback)(function() {
 		var _ref2 = _asyncToGenerator(function* ({ value }) {
 			const trimmedName = value.name.trim();
-			const billableRatePerHourAmount = value.hourlyRate === null ? void 0 : convertBigDecimalToCents(fromNonRecursiveBigDecimal(value.hourlyRate));
+			const billableRatePerHourAmount = value.hourlyRate === null ? void 0 : convertNonRecursiveBigDecimalToCents(value.hourlyRate);
 			setSubmitError(null);
 			try {
 				if (mode === "edit") yield updateService({