@swype-org/react-sdk 0.1.148 → 0.1.152

package/dist/index.cjs

@@ -3073,8 +3073,8 @@ function LoginScreen({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle2, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: iconBoxStyle(tokens.accent), children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconLetterStyle, children: "S" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle(tokens.text), children: "Your Money. Any App. One Tap." }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: iconBoxStyle(tokens.accent), children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconLetterStyle, children: "B" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle(tokens.text), children: "Your Money.\nAny App.\nOne Tap." }),
           error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle(tokens), children: error }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
@@ -3113,7 +3113,7 @@ var contentStyle2 = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
-  paddingTop: 24
+  justifyContent: "center"
 };
 var iconBoxStyle = (accent) => ({
   width: 56,
@@ -3337,7 +3337,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__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
@@ -3361,7 +3361,7 @@ var contentStyle4 = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
-  paddingTop: 32
+  justifyContent: "center"
 };
 var headingStyle3 = (color) => ({
   fontSize: "1.45rem",
@@ -3857,7 +3857,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,
@@ -6046,6 +6047,24 @@ function resolveRestoredMobileFlow(transferStatus, isSetup) {
 function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds, mobileSetupFlowRef) {
   const { user, getAccessToken } = reactAuth.usePrivy();
   const checkingPasskeyRef = react.useRef(false);
+  const activateExistingCredential = react.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 = react.useCallback(async (credentialId, publicKey) => {
     const token = await getAccessToken();
     if (!token) throw new Error("Not authenticated");
@@ -6066,6 +6085,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",
@@ -6085,12 +6111,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 = react.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",
@@ -6119,7 +6157,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 = react.useCallback(async () => {
     dispatch({ type: "SET_VERIFYING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });