Domain hint (#73)

* update login_hint and add support for domain_hint

* put domain_hint behind dev flag

src/App.svelte

@@ -186,10 +186,15 @@
 			custom: ''
 		},
 		pi_params: {
-			passkeys: 'global'
+			passkeys: 'global',
+			domain_hint: ''
 		},
 		required: ['client_id', 'redirect_uri', 'nonce', 'response_type']
 	};
+	const protocolParamsPlaceholders = {
+		login_hint: '[email protected]',
+		domain_hint: 'example.com'
+	};
 
 	const inviteQueryParams = {
 		params: {
@@ -1091,10 +1096,13 @@
 														states.protocol_param_values.response_mode === 'query' &&
 														states.protocol_params.includes('response_type') &&
 														states.protocol_param_values.response_type === 'id_token') ||
-													//login_hint should start with mailto:
+													//if both domain_hint and login_hint are checked (only one is valid at a time)
 													(param === 'login_hint' &&
 														states.protocol_params.includes('login_hint') &&
-														!states.protocol_param_values.login_hint.startsWith('mailto:'))}
+														states.protocol_params.includes('domain_hint')) ||
+													(param === 'domain_hint' &&
+														states.protocol_params.includes('domain_hint') &&
+														states.protocol_params.includes('login_hint'))}
 											>
 												{param}
 												{required ? '*' : ''}
@@ -1161,7 +1169,7 @@
 												>
 													<input
 														type="text"
-														placeholder={param === 'login_hint' ? 'mailto:[email protected]' : ''}
+														placeholder={protocolParamsPlaceholders[param]}
 														name={param}
 														class="h-6 px-2 w-full form-input"
 														autocomplete="off"