From 5fb4d7331aeb309989028b8bd44264f7148a8055 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Poizat?= <hello@zatteo.com>
Date: Wed, 3 Sep 2025 10:45:19 +0200
Subject: [PATCH 1/3] refactor: Update naming of inputs in custom server view
 to prepare multiple  inputs

---
 src/locales/en.json                           |  4 +++-
 src/locales/es.json                           |  4 +++-
 src/locales/fr.json                           |  4 +++-
 .../components/TwakeCustomServerView.tsx      | 20 +++++++++----------
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 7a3acb86c..3ec051fab 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -117,7 +117,9 @@
     },
     "companyServer": {
       "title": "Login",
-      "body": "To log in and access your Twake, please enter its URL",
+      "body": {
+        "byUrl": "To log in and access your Twake, please enter its URL"
+      },
       "textFieldLabel": "Url",
       "buttonLogin": "Next"
     }
diff --git a/src/locales/es.json b/src/locales/es.json
index 6fdcb48d8..1e14d5220 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -117,7 +117,9 @@
     },
     "companyServer": {
       "title": "Acceso",
-      "body": "Para conectarse y acceder a su Twake, introduzca su URL",
+      "body": {
+        "byUrl": "Para conectarse y acceder a su Twake, introduzca su URL"
+      },
       "textFieldLabel": "Url",
       "buttonLogin": "Siguiente"
     }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index b46487cb6..31ff8d5f6 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -117,7 +117,9 @@
     },
     "companyServer": {
       "title": "Se connecter",
-      "body": "Pour vous connecter et accéder à votre Twake, veuillez saisir son URL",
+      "body": {
+        "byUrl": "Pour vous connecter et accéder à votre Twake, veuillez saisir son URL"
+      },
       "textFieldLabel": "Serveur",
       "buttonLogin": "Suivant"
     }
diff --git a/src/screens/login/components/TwakeCustomServerView.tsx b/src/screens/login/components/TwakeCustomServerView.tsx
index 1f3904ff6..4e42ad580 100644
--- a/src/screens/login/components/TwakeCustomServerView.tsx
+++ b/src/screens/login/components/TwakeCustomServerView.tsx
@@ -46,7 +46,7 @@ export const TwakeCustomServerView = ({
   setInstanceData,
   startOidcOauthNoCode
 }: TwakeCustomServerViewProps): JSX.Element => {
-  const [input, setInput] = useState('')
+  const [urlInput, setUrlInput] = useState('')
   const [error, setError] = useState<string | undefined>()
 
   const version = useMemo(() => getVersion(), [])
@@ -63,14 +63,14 @@ export const TwakeCustomServerView = ({
       BackHandler.removeEventListener('hardwareBackPress', handleBackPress)
   }, [handleBackPress])
 
-  const handleInput = (input: string): void => {
-    setInput(input)
+  const handleUrlInput = (input: string): void => {
+    setUrlInput(input)
   }
 
-  const handleLogin = async (): Promise<void> => {
+  const handleLoginByUrl = async (): Promise<void> => {
     setError(undefined)
     try {
-      const sanitizedInput = sanitizeUrlInput(input)
+      const sanitizedInput = sanitizeUrlInput(urlInput)
 
       const details = await fetchRegistrationDetails(new URL(sanitizedInput))
 
@@ -119,16 +119,16 @@ export const TwakeCustomServerView = ({
                 textAlign: 'center'
               }}
             >
-              {t('screens.companyServer.body')}
+              {t('screens.companyServer.body.byUrl')}
             </Typography>
             <TextField
               style={styles.urlField}
               label={t('screens.companyServer.textFieldLabel')}
-              onChangeText={handleInput}
+              onChangeText={handleUrlInput}
               // eslint-disable-next-line @typescript-eslint/no-misused-promises
-              onSubmitEditing={handleLogin}
+              onSubmitEditing={handleLoginByUrl}
               returnKeyType="go"
-              value={input}
+              value={urlInput}
               autoCapitalize="none"
               autoFocus={false}
               placeholder="https://claude.mycozy.cloud"
@@ -146,7 +146,7 @@ export const TwakeCustomServerView = ({
         <Grid alignItems="center" direction="column" style={styles.footerGrid}>
           <Button
             // eslint-disable-next-line @typescript-eslint/no-misused-promises
-            onPress={handleLogin}
+            onPress={handleLoginByUrl}
             variant="primary"
             label={t('screens.companyServer.buttonLogin')}
             style={styles.loginButton}

From 7b6fb80a79d4873516afba37e26fefafe88ad388 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Poizat?= <hello@zatteo.com>
Date: Wed, 3 Sep 2025 11:00:54 +0200
Subject: [PATCH 2/3] feat: UI to switch between login by email and by URL for
 custom server

---
 src/locales/en.json                           |   7 +-
 src/locales/es.json                           |   7 +-
 src/locales/fr.json                           |   7 +-
 .../components/TwakeCustomServerView.tsx      | 102 +++++++++++++-----
 4 files changed, 96 insertions(+), 27 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 3ec051fab..6f9b4f984 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -118,7 +118,12 @@
     "companyServer": {
       "title": "Login",
       "body": {
-        "byUrl": "To log in and access your Twake, please enter its URL"
+        "byUrl": "To log in and access your Twake, please enter its URL",
+        "byEmail": "To log in and access your Twake, please enter your company email address"
+      },
+      "toggle": {
+        "url": "Enter my Twake URL",
+        "email": "Enter my company email address"
       },
       "textFieldLabel": "Url",
       "buttonLogin": "Next"
diff --git a/src/locales/es.json b/src/locales/es.json
index 1e14d5220..4ff7ba441 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -118,7 +118,12 @@
     "companyServer": {
       "title": "Acceso",
       "body": {
-        "byUrl": "Para conectarse y acceder a su Twake, introduzca su URL"
+        "byUrl": "Para conectarse y acceder a su Twake, introduzca su URL",
+        "byEmail": "Para conectarse y acceder a su Twake, introduzca la dirección de correo electrónico corporativa"
+      },
+      "toggle": {
+        "url": "Introduce mi URL de Twake",
+        "email": "Introduzca la dirección de correo electrónico corporativa"
       },
       "textFieldLabel": "Url",
       "buttonLogin": "Siguiente"
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 31ff8d5f6..9143f0b31 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -118,7 +118,12 @@
     "companyServer": {
       "title": "Se connecter",
       "body": {
-        "byUrl": "Pour vous connecter et accéder à votre Twake, veuillez saisir son URL"
+        "byUrl": "Pour vous connecter et accéder à votre Twake, veuillez saisir son URL",
+        "byEmail": "Pour vous connecter et accéder à votre Twake, veuillez saisir votre adresse email d'entreprise"
+      },
+      "toggle": {
+        "url": "Entrer l'URL de mon Twake",
+        "email": "Entrer mon adresse email d'entreprise"
       },
       "textFieldLabel": "Serveur",
       "buttonLogin": "Suivant"
diff --git a/src/screens/login/components/TwakeCustomServerView.tsx b/src/screens/login/components/TwakeCustomServerView.tsx
index 4e42ad580..3a6aacc95 100644
--- a/src/screens/login/components/TwakeCustomServerView.tsx
+++ b/src/screens/login/components/TwakeCustomServerView.tsx
@@ -46,7 +46,9 @@ export const TwakeCustomServerView = ({
   setInstanceData,
   startOidcOauthNoCode
 }: TwakeCustomServerViewProps): JSX.Element => {
+  const [isLoginByEmail, setIsLoginByEmail] = useState(true)
   const [urlInput, setUrlInput] = useState('')
+  const [emailInput, setEmailInput] = useState('')
   const [error, setError] = useState<string | undefined>()
 
   const version = useMemo(() => getVersion(), [])
@@ -63,10 +65,19 @@ export const TwakeCustomServerView = ({
       BackHandler.removeEventListener('hardwareBackPress', handleBackPress)
   }, [handleBackPress])
 
+  const toggleLoginByEmail = (): void => {
+    setIsLoginByEmail(!isLoginByEmail)
+    setError(undefined)
+  }
+
   const handleUrlInput = (input: string): void => {
     setUrlInput(input)
   }
 
+  const handleEmailInput = (input: string): void => {
+    setEmailInput(input)
+  }
+
   const handleLoginByUrl = async (): Promise<void> => {
     setError(undefined)
     try {
@@ -99,6 +110,10 @@ export const TwakeCustomServerView = ({
     }
   }
 
+  const handleLoginByEmail = async (): Promise<void> => {
+    // TODO
+  }
+
   return (
     <Container transparent={false}>
       <Grid container direction="column" justifyContent="space-between">
@@ -112,29 +127,68 @@ export const TwakeCustomServerView = ({
             <Typography variant="h2" color="textPrimary">
               {t('screens.companyServer.title')}
             </Typography>
-            <Typography
-              variant="body2"
-              color="textPrimary"
-              style={{
-                textAlign: 'center'
-              }}
-            >
-              {t('screens.companyServer.body.byUrl')}
-            </Typography>
-            <TextField
-              style={styles.urlField}
-              label={t('screens.companyServer.textFieldLabel')}
-              onChangeText={handleUrlInput}
-              // eslint-disable-next-line @typescript-eslint/no-misused-promises
-              onSubmitEditing={handleLoginByUrl}
-              returnKeyType="go"
-              value={urlInput}
-              autoCapitalize="none"
-              autoFocus={false}
-              placeholder="https://claude.mycozy.cloud"
-              placeholderTextColor={colors.actionColorDisabled}
-              inputMode="url"
-            />
+            {isLoginByEmail ? (
+              <>
+                <Typography
+                  variant="body2"
+                  color="textPrimary"
+                  style={{
+                    textAlign: 'center'
+                  }}
+                >
+                  {t('screens.companyServer.body.byEmail')}
+                </Typography>
+                <TextField
+                  style={styles.urlField}
+                  label="Email"
+                  onChangeText={handleEmailInput}
+                  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+                  onSubmitEditing={handleLoginByEmail}
+                  returnKeyType="go"
+                  value={emailInput}
+                  autoCapitalize="none"
+                  autoFocus={false}
+                  placeholder="claude@company.com"
+                  placeholderTextColor={colors.actionColorDisabled}
+                  inputMode="email"
+                />
+              </>
+            ) : (
+              <>
+                <Typography
+                  variant="body2"
+                  color="textPrimary"
+                  style={{
+                    textAlign: 'center'
+                  }}
+                >
+                  {t('screens.companyServer.body.byUrl')}
+                </Typography>
+                <TextField
+                  style={styles.urlField}
+                  label={t('screens.companyServer.textFieldLabel')}
+                  onChangeText={handleUrlInput}
+                  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+                  onSubmitEditing={handleLoginByUrl}
+                  returnKeyType="go"
+                  value={urlInput}
+                  autoCapitalize="none"
+                  autoFocus={false}
+                  placeholder="https://claude.mycozy.cloud"
+                  placeholderTextColor={colors.actionColorDisabled}
+                  inputMode="url"
+                />
+              </>
+            )}
+
+            <Link onPress={toggleLoginByEmail}>
+              <Typography variant="caption" color="primary">
+                {isLoginByEmail
+                  ? t('screens.companyServer.toggle.url')
+                  : t('screens.companyServer.toggle.email')}
+              </Typography>
+            </Link>
+
             {error && (
               <Typography variant="body2" color="error">
                 {error}
@@ -146,7 +200,7 @@ export const TwakeCustomServerView = ({
         <Grid alignItems="center" direction="column" style={styles.footerGrid}>
           <Button
             // eslint-disable-next-line @typescript-eslint/no-misused-promises
-            onPress={handleLoginByUrl}
+            onPress={isLoginByEmail ? handleLoginByEmail : handleLoginByUrl}
             variant="primary"
             label={t('screens.companyServer.buttonLogin')}
             style={styles.loginButton}

From c440811a1af97f8b17d276fe393076fde7be2f3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Poizat?= <hello@zatteo.com>
Date: Wed, 3 Sep 2025 11:46:01 +0200
Subject: [PATCH 3/3] feat: Implement autodiscovery mechanism with .well-known

---
 src/locales/en.json                           |  3 +-
 src/locales/es.json                           |  3 +-
 src/locales/fr.json                           |  3 +-
 .../components/TwakeCustomServerView.tsx      | 41 +++++++++-
 .../login/components/TwakeWelcomeView.tsx     |  2 +
 .../components/functions/autodiscovery.ts     | 79 +++++++++++++++++++
 6 files changed, 126 insertions(+), 5 deletions(-)
 create mode 100644 src/screens/login/components/functions/autodiscovery.ts

diff --git a/src/locales/en.json b/src/locales/en.json
index 6f9b4f984..bb2472d47 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -126,7 +126,8 @@
         "email": "Enter my company email address"
       },
       "textFieldLabel": "Url",
-      "buttonLogin": "Next"
+      "buttonLogin": "Next",
+      "companyServerNotFound": "Company server not found"
     }
   },
   "services": {
diff --git a/src/locales/es.json b/src/locales/es.json
index 4ff7ba441..c2db2bc20 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -126,7 +126,8 @@
         "email": "Introduzca la dirección de correo electrónico corporativa"
       },
       "textFieldLabel": "Url",
-      "buttonLogin": "Siguiente"
+      "buttonLogin": "Siguiente",
+      "companyServerNotFound": "No se ha encontrado el servidor de la corporativa"
     }
   },
   "services": {
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 9143f0b31..83aeed889 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -126,7 +126,8 @@
         "email": "Entrer mon adresse email d'entreprise"
       },
       "textFieldLabel": "Serveur",
-      "buttonLogin": "Suivant"
+      "buttonLogin": "Suivant",
+      "companyServerNotFound": "Serveur d'entreprise introuvable"
     }
   },
   "services": {
diff --git a/src/screens/login/components/TwakeCustomServerView.tsx b/src/screens/login/components/TwakeCustomServerView.tsx
index 3a6aacc95..5d9cae31e 100644
--- a/src/screens/login/components/TwakeCustomServerView.tsx
+++ b/src/screens/login/components/TwakeCustomServerView.tsx
@@ -21,6 +21,13 @@ import { Left } from '/ui/Icons/Left'
 import { Link } from '/ui/Link'
 import { TextField } from '/ui/TextField'
 import { Typography } from '/ui/Typography'
+import { useHomeStateContext } from '/screens/home/HomeStateProvider'
+import {
+  isOidcOnboardingStartCallback,
+  processOIDC
+} from '/screens/login/components/functions/oidc'
+import { useLoadingOverlay } from '/app/view/Loading/LoadingOverlayProvider'
+import { getLoginUri } from '/screens/login/components/functions/autodiscovery'
 
 const log = Minilog('TwakeCustomServerView')
 
@@ -38,18 +45,24 @@ interface TwakeCustomServerViewProps {
   close: () => void
   setInstanceData: setInstanceData
   startOidcOauthNoCode: startOidcOauthNoCode
+  startOidcOAuth: startOidcOAuth
+  startOidcOnboarding: startOidcOnboarding
 }
 
 export const TwakeCustomServerView = ({
   openTos,
   close,
   setInstanceData,
-  startOidcOauthNoCode
+  startOidcOauthNoCode,
+  startOidcOAuth,
+  startOidcOnboarding
 }: TwakeCustomServerViewProps): JSX.Element => {
   const [isLoginByEmail, setIsLoginByEmail] = useState(true)
   const [urlInput, setUrlInput] = useState('')
   const [emailInput, setEmailInput] = useState('')
   const [error, setError] = useState<string | undefined>()
+  const { setOnboardedRedirection } = useHomeStateContext()
+  const { showOverlay, hideOverlay } = useLoadingOverlay()
 
   const version = useMemo(() => getVersion(), [])
 
@@ -111,7 +124,31 @@ export const TwakeCustomServerView = ({
   }
 
   const handleLoginByEmail = async (): Promise<void> => {
-    // TODO
+    setError(undefined)
+    try {
+      const loginUri = await getLoginUri(emailInput)
+
+      if (!loginUri) {
+        setError(t('screens.companyServer.companyServerNotFound'))
+        return
+      }
+
+      showOverlay()
+      const oidcResult = await processOIDC({ url: loginUri.toString() }, true)
+
+      if (isOidcOnboardingStartCallback(oidcResult)) {
+        void startOidcOnboarding(oidcResult.onboardUrl, oidcResult.code)
+      } else {
+        setOnboardedRedirection(oidcResult.defaultRedirection ?? '')
+        void startOidcOAuth(oidcResult.fqdn, oidcResult.code)
+      }
+    } catch (error: unknown) {
+      hideOverlay()
+      if (error !== 'USER_CANCELED') {
+        // @ts-expect-error error is always a valid type here
+        setError(getErrorMessage(error), error)
+      }
+    }
   }
 
   return (
diff --git a/src/screens/login/components/TwakeWelcomeView.tsx b/src/screens/login/components/TwakeWelcomeView.tsx
index 4b5dd2b6f..710fe4703 100644
--- a/src/screens/login/components/TwakeWelcomeView.tsx
+++ b/src/screens/login/components/TwakeWelcomeView.tsx
@@ -109,6 +109,8 @@ export const TwakeWelcomeView = ({
         openTos={openTos}
         setInstanceData={setInstanceData}
         startOidcOauthNoCode={startOidcOauthNoCode}
+        startOidcOAuth={startOidcOAuth}
+        startOidcOnboarding={startOidcOnboarding}
       />
     )
   }
diff --git a/src/screens/login/components/functions/autodiscovery.ts b/src/screens/login/components/functions/autodiscovery.ts
new file mode 100644
index 000000000..0c7a5c93d
--- /dev/null
+++ b/src/screens/login/components/functions/autodiscovery.ts
@@ -0,0 +1,79 @@
+import strings from '/constants/strings.json'
+
+interface TwakeConfiguration {
+  'twake-pass-login-uri'?: string
+  'twake-flagship-login-uri'?: string
+}
+
+export const extractDomain = (companyEmail: string): string | null => {
+  if (!companyEmail) {
+    return null
+  }
+
+  const email = companyEmail.trim()
+
+  const atIndex = email.lastIndexOf('@')
+
+  if (atIndex === -1) {
+    return null
+  }
+
+  return email.substring(atIndex + 1)
+}
+
+export const fetchLoginUriWithWellKnown = async (
+  domain: string
+): Promise<URL | null> => {
+  const url = `https://${domain}/.well-known/twake-configuration`
+
+  try {
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json'
+      }
+    })
+
+    if (response.ok) {
+      const twakeConfiguration: TwakeConfiguration =
+        (await response.json()) as unknown as TwakeConfiguration
+
+      if (!twakeConfiguration['twake-flagship-login-uri']) {
+        return null
+      }
+
+      return new URL(twakeConfiguration['twake-flagship-login-uri'])
+    } else {
+      return null
+    }
+  } catch {
+    return null
+  }
+}
+
+export const getLoginUri = async (
+  companyEmail: string
+): Promise<URL | null> => {
+  try {
+    const domain = extractDomain(companyEmail)
+
+    if (!domain) {
+      throw new Error()
+    }
+
+    const uriFromWellKnown = await fetchLoginUriWithWellKnown(domain)
+
+    if (uriFromWellKnown) {
+      uriFromWellKnown.searchParams.append(
+        'redirect_after_oidc',
+        strings.COZY_SCHEME
+      )
+      return uriFromWellKnown
+    }
+
+    return null
+  } catch {
+    return null
+  }
+}