From 81d21d35e27b45423e4b0869a679147cca6fed3a Mon Sep 17 00:00:00 2001
From: findolor <anakisci@gmail.com>
Date: Mon, 24 Feb 2025 11:02:06 +0300
Subject: [PATCH 1/2] check if tokens are selected on mount

---
 .../src/lib/components/deployment/DeploymentSteps.svelte     | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/ui-components/src/lib/components/deployment/DeploymentSteps.svelte b/packages/ui-components/src/lib/components/deployment/DeploymentSteps.svelte
index a517bb7da..5958b51d4 100644
--- a/packages/ui-components/src/lib/components/deployment/DeploymentSteps.svelte
+++ b/packages/ui-components/src/lib/components/deployment/DeploymentSteps.svelte
@@ -27,6 +27,7 @@
 	import { getDeploymentTransactionArgs } from './getDeploymentTransactionArgs';
 	import type { HandleAddOrderResult } from './getDeploymentTransactionArgs';
 	import { DeploymentStepsError, DeploymentStepsErrorCode } from '$lib/errors';
+	import { onMount } from 'svelte';
 
 	interface Deployment {
 		key: string;
@@ -60,6 +61,10 @@
 	export let wagmiConnected: Writable<boolean>;
 	export let appKitModal: Writable<AppKit>;
 
+	onMount(async () => {
+		await areAllTokensSelected();
+	});
+
 	function getAllFieldDefinitions() {
 		try {
 			allFieldDefinitions = gui.getAllFieldDefinitions();

From 3bbef6a937e0e47e9b729bd8184b18c30238c97d Mon Sep 17 00:00:00 2001
From: findolor <anakisci@gmail.com>
Date: Mon, 24 Feb 2025 11:07:14 +0300
Subject: [PATCH 2/2] make sure gui function is called

---
 packages/ui-components/src/__tests__/DeploymentSteps.test.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/ui-components/src/__tests__/DeploymentSteps.test.ts b/packages/ui-components/src/__tests__/DeploymentSteps.test.ts
index 7492acf77..51b477ed9 100644
--- a/packages/ui-components/src/__tests__/DeploymentSteps.test.ts
+++ b/packages/ui-components/src/__tests__/DeploymentSteps.test.ts
@@ -708,6 +708,7 @@ describe('DeploymentSteps', () => {
 		const getAllFieldDefinitions = vi.fn();
 		const getAllDepositFields = vi.fn();
 		const getTokenInfo = vi.fn();
+		const areAllTokensSelected = vi.fn(() => true);
 
 		defaultProps.gui = {
 			getSelectTokens: () => mockSelectTokens,
@@ -718,7 +719,7 @@ describe('DeploymentSteps', () => {
 			getAllDepositFields,
 			isSelectTokenSet: () => false,
 			saveSelectToken: vi.fn(),
-			areAllTokensSelected: () => true,
+			areAllTokensSelected,
 			hasAnyDeposit: vi.fn(),
 			hasAnyVaultId: vi.fn(),
 			getCurrentDeployment: () => ({
@@ -752,6 +753,8 @@ describe('DeploymentSteps', () => {
 		const user = userEvent.setup();
 		render(DeploymentSteps, { props: defaultProps });
 
+		expect(areAllTokensSelected).toHaveBeenCalled();
+
 		await waitFor(() => {
 			expect(screen.getByText('Select Tokens')).toBeInTheDocument();
 			expect(screen.getByText('Token 1')).toBeInTheDocument();