@turnkey/sdk-react 3.0.6 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @turnkey/sdk-react
 
+## 3.1.0
+
+### Minor Changes
+
+- 9317588: Adds wallet as an authentication option in the Embedded Wallet Kit components for sdk-react
+
+### Patch Changes
+
+- Updated dependencies [233ae71]
+- Updated dependencies [9317588]
+  - @turnkey/sdk-browser@1.16.0
+  - @turnkey/sdk-server@2.4.0
+  - @turnkey/crypto@2.3.1
+
 ## 3.0.6
 
 ### Patch Changes

package/dist/components/auth/Auth.d.ts

@@ -10,6 +10,7 @@ interface AuthProps {
         appleEnabled: boolean;
         facebookEnabled: boolean;
         googleEnabled: boolean;
+        walletEnabled: boolean;
         sessionLengthSeconds?: number;
         googleClientId?: string;
         appleClientId?: string;

package/dist/components/auth/Auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Auth.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAqC1D,UAAU,SAAS;IACjB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE;QACV,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,eAAe,EAAE,OAAO,CAAC;QACzB,aAAa,EAAE,OAAO,CAAC;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAukB7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Auth.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Auth.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAsC1D,UAAU,SAAS;IACjB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE;QACV,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,YAAY,EAAE,OAAO,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,eAAe,EAAE,OAAO,CAAC;QACzB,aAAa,EAAE,OAAO,CAAC;QACvB,aAAa,EAAE,OAAO,CAAC;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwpB7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/auth/Auth.js

@@ -65,6 +65,7 @@ const Auth = ({
   const {
     passkeyClient,
     authIframeClient,
+    walletClient,
     turnkey: turnkey$1
   } = useTurnkey.useTurnkey();
   const [email, setEmail] = React.useState("");
@@ -78,6 +79,7 @@ const Auth = ({
   const [passkeySignupError, setPasskeySignupError] = React.useState("");
   const [loading, setLoading] = React.useState(true);
   const [passkeyCreated, setPasskeyCreated] = React.useState(false);
+  const [walletLoading, setWalletLoading] = React.useState(false);
   const handleResendCode = async () => {
     if (step === constants.OtpType.Email) {
       await handleOtpLogin(constants.FilterType.Email, email, constants.OtpType.Email);
@@ -260,6 +262,55 @@ const Auth = ({
       onError(constants.authErrors.oauth.loginFailed);
     }
   };
+  const handleLoginWithWallet = async () => {
+    setWalletLoading(true);
+    try {
+      if (!walletClient) {
+        throw new Error("Wallet client not initialized");
+      }
+      const publicKey = await walletClient.getPublicKey();
+      if (!publicKey) {
+        throw new Error(constants.authErrors.wallet.noPublicKey);
+      }
+      const {
+        type
+      } = walletClient.getWalletInterface();
+      const resp = await sdkServer.server.getOrCreateSuborg({
+        filterType: constants.FilterType.PublicKey,
+        filterValue: publicKey,
+        additionalData: {
+          wallet: {
+            publicKey,
+            type
+          }
+        }
+      });
+      const suborgIds = resp?.subOrganizationIds;
+      if (!suborgIds || suborgIds.length === 0) {
+        onError(constants.authErrors.wallet.loginFailed);
+        return;
+      }
+      const suborgId = suborgIds[0];
+      const sessionResponse = await walletClient.createReadWriteSession({
+        targetPublicKey: authIframeClient?.iframePublicKey,
+        ...(suborgId && {
+          organizationId: suborgId
+        }),
+        ...(authConfig.sessionLengthSeconds !== undefined && {
+          expirationSeconds: authConfig.sessionLengthSeconds.toString()
+        })
+      });
+      if (sessionResponse?.credentialBundle) {
+        await handleAuthSuccess(sessionResponse.credentialBundle, authConfig.sessionLengthSeconds?.toString());
+      } else {
+        throw new Error(constants.authErrors.wallet.loginFailed);
+      }
+    } catch (error) {
+      onError(error.message || constants.authErrors.wallet.loginFailed);
+    } finally {
+      setWalletLoading(false);
+    }
+  };
   const renderBackButton = () => jsxRuntime.jsx(ChevronLeftIcon, {
     onClick: () => {
       setPasskeyCreationScreen(false);
@@ -385,6 +436,21 @@ const Auth = ({
             children: "Sign up with passkey"
           })]
         }) : null;
+      case "wallet":
+        return authConfig.walletEnabled && !otpId ? jsxRuntime.jsx("div", {
+          className: Auth_module.passkeyContainer,
+          children: jsxRuntime.jsx("button", {
+            className: Auth_module.authButton,
+            type: "button",
+            onClick: handleLoginWithWallet,
+            disabled: walletLoading,
+            children: walletLoading ? jsxRuntime.jsx(material.CircularProgress, {
+              size: 24,
+              thickness: 4,
+              className: Auth_module.buttonProgress || ""
+            }) : "Continue with Wallet"
+          })
+        }) : null;
       case "socials":
         return authConfig.googleEnabled || authConfig.appleEnabled || authConfig.facebookEnabled ? renderSocialButtons() : null;
       default: