@swype-org/react-sdk 0.1.148 → 0.1.152

package/dist/index.js

@@ -3070,8 +3070,8 @@ function LoginScreen({
           }
         ),
         /* @__PURE__ */ jsxs("div", { style: contentStyle2, children: [
-          /* @__PURE__ */ jsx("div", { style: iconBoxStyle(tokens.accent), children: /* @__PURE__ */ jsx("span", { style: iconLetterStyle, children: "S" }) }),
-          /* @__PURE__ */ jsx("h2", { style: headingStyle(tokens.text), children: "Your Money. Any App. One Tap." }),
+          /* @__PURE__ */ jsx("div", { style: iconBoxStyle(tokens.accent), children: /* @__PURE__ */ jsx("span", { style: iconLetterStyle, children: "B" }) }),
+          /* @__PURE__ */ jsx("h2", { style: headingStyle(tokens.text), children: "Your Money.\nAny App.\nOne Tap." }),
           error && /* @__PURE__ */ jsx("div", { style: errorStyle(tokens), children: error }),
           /* @__PURE__ */ jsx(
             "input",
@@ -3110,7 +3110,7 @@ var contentStyle2 = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
-  paddingTop: 24
+  justifyContent: "center"
 };
 var iconBoxStyle = (accent) => ({
   width: 56,
@@ -3334,7 +3334,7 @@ function PasskeyScreen({
 }) {
   const { tokens } = useSwypeConfig();
   const handleCreate = popupFallback && onCreatePasskeyViaPopup ? onCreatePasskeyViaPopup : onCreatePasskey;
-  const buttonLabel = popupFallback ? "Open passkey window" : "Verify PassKey";
+  const buttonLabel = popupFallback ? "Open Passkey Window" : "Verify Passkey";
   return /* @__PURE__ */ jsxs(
     ScreenLayout,
     {
@@ -3358,7 +3358,7 @@ var contentStyle4 = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
-  paddingTop: 32
+  justifyContent: "center"
 };
 var headingStyle3 = (color) => ({
   fontSize: "1.45rem",
@@ -3854,7 +3854,8 @@ var headingStyle5 = (color) => ({
   fontWeight: 700,
   letterSpacing: "-0.02em",
   color,
-  margin: "8px 0 4px"
+  margin: "24px 0 20px",
+  textAlign: "center"
 });
 var errorBannerStyle3 = (tokens) => ({
   background: tokens.errorBg,
@@ -6043,6 +6044,24 @@ function resolveRestoredMobileFlow(transferStatus, isSetup) {
 function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds, mobileSetupFlowRef) {
   const { user, getAccessToken } = usePrivy();
   const checkingPasskeyRef = useRef(false);
+  const activateExistingCredential = useCallback(async (credentialId) => {
+    dispatch({ type: "PASSKEY_ACTIVATED", credentialId });
+    window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
+    const token = await getAccessToken();
+    if (token) {
+      reportPasskeyActivity(apiBaseUrl, token, credentialId).catch(() => {
+      });
+    }
+    const resolved = resolvePostAuthStep({
+      hasPasskey: true,
+      accounts,
+      persistedMobileFlow: loadMobileFlowState(),
+      mobileSetupInProgress: mobileSetupFlowRef.current,
+      connectingNewAccount: false
+    });
+    if (resolved.clearPersistedFlow) clearMobileFlowState();
+    dispatch({ type: "NAVIGATE", step: resolved.step });
+  }, [getAccessToken, apiBaseUrl, accounts, mobileSetupFlowRef, dispatch]);
   const completePasskeyRegistration = useCallback(async (credentialId, publicKey) => {
     const token = await getAccessToken();
     if (!token) throw new Error("Not authenticated");
@@ -6063,6 +6082,13 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
     try {
+      if (knownCredentialIds.length > 0) {
+        const matched = await findDevicePasskey(knownCredentialIds);
+        if (matched) {
+          await activateExistingCredential(matched);
+          return;
+        }
+      }
       const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Swype User";
       const { credentialId, publicKey } = await createPasskeyCredential({
         userId: user?.id ?? "unknown",
@@ -6082,12 +6108,24 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     } finally {
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
-  }, [user, completePasskeyRegistration, dispatch]);
+  }, [user, knownCredentialIds, activateExistingCredential, completePasskeyRegistration, dispatch]);
   const handleCreatePasskeyViaPopup = useCallback(async () => {
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
     try {
       const token = await getAccessToken();
+      if (knownCredentialIds.length > 0) {
+        const matched = await findDevicePasskeyViaPopup({
+          credentialIds: knownCredentialIds,
+          rpId: resolvePasskeyRpId(),
+          authToken: token ?? void 0,
+          apiBaseUrl
+        });
+        if (matched) {
+          await activateExistingCredential(matched);
+          return;
+        }
+      }
       const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Swype User";
       const popupOptions = buildPasskeyPopupOptions({
         userId: user?.id ?? "unknown",
@@ -6116,7 +6154,7 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     } finally {
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
-  }, [user, getAccessToken, apiBaseUrl, accounts, mobileSetupFlowRef, dispatch]);
+  }, [user, knownCredentialIds, getAccessToken, apiBaseUrl, activateExistingCredential, accounts, mobileSetupFlowRef, dispatch]);
   const handleVerifyPasskeyViaPopup = useCallback(async () => {
     dispatch({ type: "SET_VERIFYING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });