refactor: simplify calendar and form state

src/pages/card/ui/OperationForm/OperationForm.vm.ts

@@ -35,11 +35,6 @@ const useOperationFormVm = (props: OperationFormProps) => {
 	const [latest, setLatest] = useState<BankOperation>();
 	const [sourcePage, setSourcePage] = useState(1);
 
-	const [sourceId, setSourceId] = useState(
-		props.operation?.originalExpenseId ?? "",
-	);
-
-	const sourceQuery = useBankOperation(sourceId || undefined);
 	const currentQuery = useBankOperation(props.operation?.id);
 
 	const [refundLimit, setRefundLimit] = useState(
@@ -64,7 +59,7 @@ const useOperationFormVm = (props: OperationFormProps) => {
 			originalExpenseId: props.operation?.originalExpenseId ?? "",
 			targetCardId: props.operation?.targetCardId ?? "",
 		},
-		resolver: zodResolver(
+		resolver: (values, context, options) => zodResolver(
 			createOperationSchema({
 				cards: props.cards,
 				categories: categories.data,
@@ -74,9 +69,16 @@ const useOperationFormVm = (props: OperationFormProps) => {
 					: sourceQuery.data?.availableRefund,
 				submittedValues,
 			}),
-		),
+		)(values, context, options),
 	});
 
+	const sourceId = useWatch({
+		control: methods.control,
+		name: "originalExpenseId",
+	});
+
+	const sourceQuery = useBankOperation(sourceId || undefined);
+
 	const kind = useWatch({ control: methods.control, name: "kind" });
 
 	const expenses = useBankExpenses(
@@ -242,7 +244,6 @@ const useOperationFormVm = (props: OperationFormProps) => {
 				limit: props.operation
 					? refundLimit
 					: sourceQuery.data?.availableRefund,
-				onSelect: setSourceId,
 			},
 			saveDisabled:
 				(kind === "expense" && !categories.data)