From e1ed071520a9fc3e2f4f7b383f003af1cbac5f79 Mon Sep 17 00:00:00 2001
From: Ken Kunz <kennethkunz@gmail.com>
Date: Sun, 28 Jan 2024 20:09:09 -0600
Subject: [PATCH 1/3] update ToS acceptance button label

---
 src/routes/wizard/deposit/tos/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/wizard/deposit/tos/+page.svelte b/src/routes/wizard/deposit/tos/+page.svelte
index 1dcede1ee..7bd7438b4 100644
--- a/src/routes/wizard/deposit/tos/+page.svelte
+++ b/src/routes/wizard/deposit/tos/+page.svelte
@@ -96,7 +96,7 @@
 		</pre>
 	</SummaryBox>
 
-	<Button label="Accept terms of service" disabled={$tos !== 'initial'} on:click={tos.sign} />
+	<Button label="Sign terms with your wallet" disabled={$tos !== 'initial'} on:click={tos.sign} />
 
 	{#if $tos === 'signing'}
 		<Alert size="sm" status="info" title="Signature request">

From 527ee3e61bc5e343261f352dca41c4da7aa32815 Mon Sep 17 00:00:00 2001
From: Ken Kunz <kennethkunz@gmail.com>
Date: Sun, 28 Jan 2024 21:37:33 -0600
Subject: [PATCH 2/3] require user to scroll to bottom of ToS

---
 src/routes/wizard/deposit/tos/+page.svelte | 43 ++++++++++++++++++++--
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/routes/wizard/deposit/tos/+page.svelte b/src/routes/wizard/deposit/tos/+page.svelte
index 7bd7438b4..bfe2228fb 100644
--- a/src/routes/wizard/deposit/tos/+page.svelte
+++ b/src/routes/wizard/deposit/tos/+page.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import fsm from 'svelte-fsm';
+	import { inview } from 'svelte-inview';
 	import { signMessage } from '@wagmi/core';
 	import { wizard } from 'wizard/store';
 	import { config, wallet, WalletAddress } from '$lib/wallet';
-	import { Alert, Button, Dialog, SummaryBox } from '$lib/components';
+	import { Alert, Button, Dialog, Icon, SummaryBox } from '$lib/components';
 
 	export let data;
 	const { canProceed, version, fileName, tosText, acceptanceMessage } = data;
@@ -17,6 +18,10 @@
 				if (completed) return 'accepted';
 			},
 
+			finishReading: 'ready'
+		},
+
+		ready: {
 			sign() {
 				signMessage(config, { message: acceptanceMessage }).then(tos.complete).catch(tos.fail);
 				return 'signing';
@@ -40,7 +45,7 @@
 		},
 
 		failed: {
-			retry: 'initial'
+			retry: 'ready'
 		},
 
 		accepted: {
@@ -89,6 +94,7 @@
 		<pre class="tos-text" class:no-file={!tosText}>
 			{#if tosText}
 				{tosText}
+				<div class="scroll-check" use:inview on:inview_enter={tos.finishReading} />
 			{:else}
 				Terms of service file not found:
   			&gt; src/lib/assets/tos/{fileName}
@@ -96,7 +102,15 @@
 		</pre>
 	</SummaryBox>
 
-	<Button label="Sign terms with your wallet" disabled={$tos !== 'initial'} on:click={tos.sign} />
+	<form on:submit|preventDefault={tos.sign}>
+		<Button label="Sign terms with your wallet" disabled={$tos !== 'ready'} />
+		{#if $tos === 'initial'}
+			<div class="tooltip">
+				<Icon name="reading" size="1.5rem" />
+				Please read to the end!
+			</div>
+		{/if}
+	</form>
 
 	{#if $tos === 'signing'}
 		<Alert size="sm" status="info" title="Signature request">
@@ -123,6 +137,7 @@
 	<Dialog bind:open={fullScreen} title="Terms of service">
 		<pre class="dialog tos-text">
 			{tosText}
+			<div class="scroll-check" use:inview on:inview_enter={tos.finishReading} />
 		</pre>
 	</Dialog>
 </div>
@@ -191,6 +206,10 @@
 				min-height: 12rem;
 				max-height: 24rem;
 			}
+
+			.scroll-check {
+				margin-top: -4rem;
+			}
 		}
 
 		.dialog {
@@ -203,5 +222,23 @@
 			letter-spacing: var(--f-mono-md-spacing, normal);
 			color: color-mix(in srgb, hsl(var(--hsl-text)), hsl(var(--hsl-error)) 50%);
 		}
+
+		form {
+			position: relative;
+			display: grid;
+
+			&:not(:focus-within, :hover) .tooltip {
+				display: none;
+			}
+
+			.tooltip {
+				position: absolute;
+				bottom: -2rem;
+				width: 100%;
+				font-weight: bold;
+				color: hsl(var(--hsl-error));
+				text-align: center;
+			}
+		}
 	}
 </style>

From c34b786c0fd77ce73e51d2b668de08a41b289938 Mon Sep 17 00:00:00 2001
From: Ken Kunz <kennethkunz@gmail.com>
Date: Mon, 29 Jan 2024 12:13:12 -0600
Subject: [PATCH 3/3] chore: bump svelte-inview

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 61e145f20..9b5a4afd0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,7 @@
         "svelte-fsm": "^1.2.0",
         "svelte-headless-table": "^0.17.5",
         "svelte-highlight": "^7.3.0",
-        "svelte-inview": "^4.0.1",
+        "svelte-inview": "^4.0.2",
         "svelte-spinner": "^2.0.2",
         "typesense": "^1.7.1",
         "viem": "^2.5.0",
@@ -17844,9 +17844,9 @@
       }
     },
     "node_modules/svelte-inview": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/svelte-inview/-/svelte-inview-4.0.1.tgz",
-      "integrity": "sha512-8NuT/DKFiZAccDw1Z16cIsdZ7K6/BGxrUfDaFaWTCEdn3YqMj1TUAkfmQ08FQ1+INl1G+TQS+ImXIBiiISgXog==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/svelte-inview/-/svelte-inview-4.0.2.tgz",
+      "integrity": "sha512-saJp2QRCUEBletGPnI3utxROHqruDGRPfPhtdpNYQwD97P2oCKiVIlZE3tFNEiC7h3nCvU+8czaKWcH1o/axrA==",
       "peerDependencies": {
         "svelte": "^3.0.0 || ^4.0.0"
       }
diff --git a/package.json b/package.json
index 54f135ac6..04f9c794f 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "svelte-fsm": "^1.2.0",
     "svelte-headless-table": "^0.17.5",
     "svelte-highlight": "^7.3.0",
-    "svelte-inview": "^4.0.1",
+    "svelte-inview": "^4.0.2",
     "svelte-spinner": "^2.0.2",
     "typesense": "^1.7.1",
     "viem": "^2.5.0",