ensure wizard.data is always set

src/routes/wizard/deposit/payment/+page.svelte

@@ -300,7 +300,7 @@
 	});
 
 	afterNavigate(() => {
-		const { state, ...rest } = $wizard.data?.paymentSnapshot ?? {};
+		const { state, ...rest } = $wizard.data.paymentSnapshot ?? {};
 		({ paymentValue, sharePrice, approvalTxId, paymentTxId, error } = rest);
 		payment.restore(state);
 	});

src/routes/wizard/redeem/deposit-status/+page.svelte

@@ -8,12 +8,12 @@
 	import { getLogoUrl } from '$lib/helpers/assets';
 
 	$: ({ address, chain } = $wallet);
-	$: ({ chainId, contracts, nativeCurrency, vaultShares } = $wizard.data!);
+	$: ({ chainId, contracts, nativeCurrency, vaultShares } = $wizard.data);
 	$: chainCurrency = chain?.nativeCurrency.symbol;
 
 	$: depositStatusComplete =
-		'denominationToken' in $wizard.data! &&
-		'vaultNetValue' in $wizard.data! &&
+		'denominationToken' in $wizard.data &&
+		'vaultNetValue' in $wizard.data &&
 		nativeCurrency?.value > 0n &&
 		vaultShares?.value > 0n;
 

src/routes/wizard/redeem/shares-redemption/+page.svelte

@@ -15,7 +15,7 @@
 	import { formatNumber } from '$lib/helpers/formatters';
 	import { getLogoUrl } from '$lib/helpers/assets';
 
-	const { chainId, contracts, vaultShares, vaultNetValue } = $wizard.data! as {
+	const { chainId, contracts, vaultShares, vaultNetValue } = $wizard.data as {
 		chainId: ConfiguredChainId;
 		contracts: EnzymeSmartContracts;
 		vaultShares: GetTokenBalanceReturnType;
@@ -149,7 +149,7 @@
 		}
 	});
 
-	redemption.restore($wizard.data?.redemptionState);
+	redemption.restore($wizard.data.redemptionState);
 	$: wizard.updateData({ redemptionState: $redemption });
 </script>
 

src/routes/wizard/redeem/success/+page.svelte

@@ -8,7 +8,7 @@
 
 	export let data;
 	const { receivedAssets } = data;
-	const { strategyName, shares } = $wizard.data!;
+	const { strategyName, shares } = $wizard.data;
 
 	function sharesWithLabel(value: number) {
 		const label = value === 1 ? 'share' : 'shares';

src/routes/wizard/store.ts

@@ -15,13 +15,16 @@
 import { browser } from '$app/environment';
 import { derived, writable, type Writable } from 'svelte/store';
 import { stringify, parse } from 'devalue';
+import { z } from 'zod';
 
-export type WizardValue = {
-	slug?: string;
-	returnTo?: string;
-	data?: Record<string, any>;
-	completed?: Set<string>;
-};
+const wizardValueSchema = z.object({
+	slug: z.string().optional(),
+	returnTo: z.string().optional(),
+	data: z.record(z.any()).default({}),
+	completed: z.set(z.string()).default(new Set())
+});
+
+export type WizardValue = z.infer<typeof wizardValueSchema>;
 
 export type Step = {
 	slug: string;
@@ -33,8 +36,8 @@ const storageKey = 'ts:wizard';
 
 function getSession() {
 	try {
-		const serialized = storage?.getItem(storageKey);
-		return serialized ? parse(serialized) : {};
+		const raw = storage?.getItem(storageKey);
+		return wizardValueSchema.parse(raw ? parse(raw) : {});
 	} catch (e) {
 		console.error('Error deserializing wizard data from sessionStorage.');
 		console.error(e);
@@ -47,31 +50,28 @@ function setSession(data: WizardValue) {
 
 const { set, update, ...baseStore }: Writable<WizardValue> = writable(getSession());
 
-function init(slug: string, returnTo: string, data: any = {}) {
-	const completed: Set<string> = new Set();
-	set({ slug, returnTo, data, completed });
+function init(slug: string, returnTo: string, data: Record<string, any> = {}) {
+	set(wizardValueSchema.parse({ slug, returnTo, data }));
 }
 
 function toggleComplete(step: string, completed = true) {
 	const action = completed ? 'add' : 'delete';
 	update(($wizard) => {
-		if (!$wizard.completed) throw Error('wizard not initialized');
 		$wizard.completed[action](step);
 		return $wizard;
 	});
 }
 
 function updateData(data: any) {
 	update(($wizard) => {
-		if (!$wizard.data) throw Error('wizard not initialized');
 		$wizard.data = { ...$wizard.data, ...data };
 		return $wizard;
 	});
 }
 
 // Clear the store and sessionStorage data
 function reset() {
-	set({});
+	set(wizardValueSchema.parse({}));
 	storage?.removeItem(storageKey);
 }