feat: test

Author: limichange

packages/kit/src/views/Prime/components/PrimeLoginEmailCodeDialogV2/PrimeLoginEmailCodeDialogV2.tsx

@@ -20,8 +20,9 @@ export function PrimeLoginEmailCodeDialogV2(props: {
   email: string;
   loginWithCode: (args: { code: string; email?: string }) => Promise<void>;
   sendCode: (args: { email: string }) => void;
+  onLoginSuccess: () => void;
 }) {
-  const { email, loginWithCode, sendCode } = props;
+  const { email, loginWithCode, sendCode, onLoginSuccess } = props;
   const [countdown, setCountdown] = useState(COUNTDOWN_TIME);
   const [isResending, setIsResending] = useState(false);
   const [verificationCode, setVerificationCode] = useState('');
@@ -127,6 +128,8 @@ export function PrimeLoginEmailCodeDialogV2(props: {
               email,
             });
 
+            onLoginSuccess?.();
+
             Toast.success({
               title: intl.formatMessage({
                 id: ETranslations.login_welcome_message,

packages/kit/src/views/Prime/hooks/PrimeSignupTest.tsx

@@ -14,8 +14,8 @@ import backgroundApiProxy from '../../../background/instance/backgroundApiProxy'
 import { usePrivyUniversal } from './usePrivyUniversal';
 
 export function usePrimeAuth() {
-  const [primePersistAtom, setPrimePersistAtom] = usePrimePersistAtom();
-  const [primeInitAtom, setPrimeInitAtom] = usePrimeInitAtom();
+  const [primePersistAtom] = usePrimePersistAtom();
+  const [primeInitAtom] = usePrimeInitAtom();
 
   const privy = usePrivyUniversal();
   const { logout, getAccessToken } = privy;

packages/kit/src/views/Prime/hooks/usePrimeAuth.ts

@@ -43,44 +43,42 @@ export function usePrimeAuthV2() {
       Toast.success({
         title: '🔑 ✅ submitting code',
       });
-    } else if (state.status === 'done') {
-      Toast.success({
-        title: '🔑 ✅ User successfully logged in with email',
-      });
-
-      closeDialogs();
     } else if (state.status === 'error') {
       Toast.error({
         title: '🔑 ❌ User failed to log in with email',
       });
     }
-  }, [state]);
+  }, [state.status]);
 
-  const loginWithEmail = async () => {
-    // 1. open dialog
-    const dialog: IDialogInstance = Dialog.show({
-      renderContent: (
-        <PrimeLoginEmailDialogV2
-          // 2. on email submitted
-          onEmailSubmitted={async (email) => {
-            // 3. open code dialog
-            emailCodeDialogRef.current = Dialog.show({
-              renderContent: (
-                // 4. input code
-                <PrimeLoginEmailCodeDialogV2
-                  sendCode={sendCode}
-                  loginWithCode={loginWithCode}
-                  email={email}
-                />
-              ),
-            });
-          }}
-        />
-      ),
-    });
+  const loginWithEmail = async () =>
+    new Promise((resolve) => {
+      // 1. open dialog
+      const dialog: IDialogInstance = Dialog.show({
+        renderContent: (
+          <PrimeLoginEmailDialogV2
+            // 2. on email submitted
+            onEmailSubmitted={async (email) => {
+              // 3. open code dialog
+              emailCodeDialogRef.current = Dialog.show({
+                renderContent: (
+                  // 4. input code
+                  <PrimeLoginEmailCodeDialogV2
+                    sendCode={sendCode}
+                    loginWithCode={loginWithCode}
+                    email={email}
+                    onLoginSuccess={() => {
+                      resolve(true);
+                    }}
+                  />
+                ),
+              });
+            }}
+          />
+        ),
+      });
 
-    emailDialogRef.current = dialog;
-  };
+      emailDialogRef.current = dialog;
+    });
 
   return {
     loginWithEmail,

packages/kit/src/views/Prime/hooks/usePrimeAuthV2.tsx

@@ -113,9 +113,14 @@ export default function PrimeDashboard() {
     try {
       setIsLoading(true);
 
+      // await 1s
+      await timerUtils.wait(500);
+
       if (!user?.isLoggedIn) {
         await loginWithEmail();
-      } else if (platformEnv.isNative) {
+      }
+
+      if (platformEnv.isNative) {
         ActionList.show({
           title: 'Purchase',
           onClose: () => {},
@@ -305,8 +310,6 @@ export default function PrimeDashboard() {
                 PaywallPackages
               </Button>
             </XStack>
-
-            {/* <PrimeSignupTest /> */}
           </Page.Body>
 
           <Page.Footer