wip

Author: incorbador

packages/connect-react/src/components/append/AppendInitScreen.tsx

@@ -154,7 +154,6 @@ const AppendInitScreen = () => {
 
   const handleSubmit = useCallback(
     async (attestationOptions: string, showErrorIfCancelled: boolean) => {
-      console.log('handleSubmit', attestationOptions);
       if (appendLoading || skipping) {
         return;
       }

packages/connect-react/src/components/login-second-factor/InitScreen.tsx

@@ -113,8 +113,6 @@ const InitScreen = () => {
       return handleSituation(LoginSituationCode.CboApiNotAvailablePostAuthenticator);
     }
 
-    console.log('loginContinue', res.val);
-
     try {
       await config.onComplete(res.val.session);
     } catch {

packages/connect-react/src/components/passkeyList/PasskeyListScreen.tsx

@@ -166,7 +166,6 @@ const PasskeyListScreen = () => {
       return handleSituation(PasskeyListSituationCode.CboApiNotAvailableDuringInitialLoad, passkeyList.val);
     }
 
-    console.log('passkeyList', passkeyList.val.passkeys);
     setPasskeyListToken(listTokenRes);
     setPasskeyList(passkeyList.val.passkeys);
     statefulLoader.current.finish();

playground/connect-next/app/passkey-list-wv/actions.ts

@@ -0,0 +1,38 @@
+'use server';
+
+import { cookies } from 'next/headers';
+import { ConnectTokenType } from '@corbado/types';
+
+export async function getCorbadoToken(tokenType: ConnectTokenType) {
+  const cookieStore = await cookies();
+  const identifier = cookieStore.get('identifier');
+  if (!identifier) {
+    return null;
+  }
+
+  // call backend API to get token
+  const payload = {
+    type: tokenType,
+    data: {
+      identifier: identifier.value,
+    },
+  };
+
+  const body = JSON.stringify(payload);
+
+  const url = `${process.env.CORBADO_BACKEND_API_URL}/v2/connectTokens`;
+  const response = await fetch(url, {
+    method: 'POST',
+    headers: {
+      Authorization: `Basic ${process.env.CORBADO_BACKEND_API_BASIC_AUTH}`,
+      'Content-Type': 'application/json',
+    },
+    cache: 'no-cache',
+    body: body,
+  });
+
+  const out = await response.json();
+  console.log(out);
+
+  return out.secret;
+}

playground/connect-next/app/passkey-list-wv/page.tsx

@@ -0,0 +1,42 @@
+'use client';
+import { useEffect, useState } from 'react';
+
+export const runtime = 'edge';
+
+import { CorbadoConnectPasskeyList } from '@corbado/connect-react';
+import { getCorbadoToken } from './actions';
+import { getAppendToken } from '../actions';
+import { useSearchParams } from 'next/navigation';
+
+export default function PasskeyListPage() {
+  const searchParams = useSearchParams();
+  const identifier = searchParams.get('identifier');
+  const email = searchParams.get('email');
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    if (identifier) {
+      document.cookie = `identifier=${identifier}; path=/;`;
+      document.cookie = `displayName=${email}; path=/;`;
+      setLoading(false);
+    }
+  }, []);
+
+  if (loading) {
+    return <div>Loading...</div>;
+  }
+
+  return (
+    <div className='w-full flex justify-center'>
+      <div className='w-full my-4 mx-4'>
+        <div className='mb-2 flex justify-between w-full'>
+          <CorbadoConnectPasskeyList
+            connectTokenProvider={async tokenType =>
+              tokenType === 'passkey-append' ? await getAppendToken() : await getCorbadoToken(tokenType)
+            }
+          />
+        </div>
+      </div>
+    </div>
+  );
+}