@turnkey/sdk-react 5.0.0 → 5.0.2

package/dist/components/auth/Auth.mjs

@@ -77,52 +77,48 @@ var Auth = function Auth(_ref) {
     turnkey = _useTurnkey.turnkey;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
-    publicKey = _useState2[0],
-    setPublicKey = _useState2[1];
+    email = _useState2[0],
+    setEmail = _useState2[1];
   var _useState3 = useState(""),
     _useState4 = _slicedToArray(_useState3, 2),
-    email = _useState4[0],
-    setEmail = _useState4[1];
-  var _useState5 = useState(""),
+    phone = _useState4[0],
+    setPhone = _useState4[1];
+  var _useState5 = useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    phone = _useState6[0],
-    setPhone = _useState6[1];
-  var _useState7 = useState(null),
+    otpId = _useState6[0],
+    setOtpId = _useState6[1];
+  var _useState7 = useState("auth"),
     _useState8 = _slicedToArray(_useState7, 2),
-    otpId = _useState8[0],
-    setOtpId = _useState8[1];
-  var _useState9 = useState("auth"),
+    step = _useState8[0],
+    setStep = _useState8[1];
+  var _useState9 = useState(),
     _useState10 = _slicedToArray(_useState9, 2),
-    step = _useState10[0],
-    setStep = _useState10[1];
-  var _useState11 = useState(),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState(""),
     _useState12 = _slicedToArray(_useState11, 2),
-    loading = _useState12[0],
-    setLoading = _useState12[1];
-  var _useState13 = useState(""),
+    oauthLoading = _useState12[0],
+    setOauthLoading = _useState12[1];
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    oauthLoading = _useState14[0],
-    setOauthLoading = _useState14[1];
+    passkeySignupScreen = _useState14[0],
+    setPasskeySignupScreen = _useState14[1];
   var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    passkeySignupScreen = _useState16[0],
-    setPasskeySignupScreen = _useState16[1];
-  var _useState17 = useState(false),
+    passkeyCreationScreen = _useState16[0],
+    setPasskeyCreationScreen = _useState16[1];
+  var _useState17 = useState(""),
     _useState18 = _slicedToArray(_useState17, 2),
-    passkeyCreationScreen = _useState18[0],
-    setPasskeyCreationScreen = _useState18[1];
-  var _useState19 = useState(""),
+    passkeySignupError = _useState18[0],
+    setPasskeySignupError = _useState18[1];
+  var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    passkeySignupError = _useState20[0],
-    setPasskeySignupError = _useState20[1];
+    componentReady = _useState20[0],
+    setComponentReady = _useState20[1];
   var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    componentReady = _useState22[0],
-    setComponentReady = _useState22[1];
-  var _useState23 = useState(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    passkeyCreated = _useState24[0],
-    setPasskeyCreated = _useState24[1];
+    passkeyCreated = _useState22[0],
+    setPasskeyCreated = _useState22[1];
   var handleResendCode = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -155,51 +151,37 @@ var Auth = function Auth(_ref) {
     };
   }();
   useEffect(function () {
-    if (indexedDbClient && turnkey) {
-      setComponentReady(true);
-      var manageClient = /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-          var session, _publicKey, _publicKey2;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return turnkey.getSession();
-              case 2:
-                session = _context2.sent;
-                if (!session) {
-                  _context2.next = 10;
-                  break;
-                }
-                _context2.next = 6;
-                return indexedDbClient.getPublicKey();
-              case 6:
-                _publicKey = _context2.sent;
-                setPublicKey(_publicKey);
-                _context2.next = 16;
+    var manageClient = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var retrievedPublicKey;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(indexedDbClient && turnkey)) {
+                _context2.next = 5;
                 break;
-              case 10:
-                _context2.next = 12;
-                return indexedDbClient.resetKeyPair();
-              case 12:
-                _context2.next = 14;
-                return indexedDbClient.getPublicKey();
-              case 14:
-                _publicKey2 = _context2.sent;
-                setPublicKey(_publicKey2);
-              case 16:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function manageClient() {
-          return _ref3.apply(this, arguments);
-        };
-      }();
-      manageClient();
-    }
-  }, [indexedDbClient]);
+              }
+              _context2.next = 3;
+              return indexedDbClient.getPublicKey();
+            case 3:
+              retrievedPublicKey = _context2.sent;
+              if (retrievedPublicKey) {
+                setComponentReady(true);
+              } else {
+                onError("Failed to retrieve public key.");
+              }
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function manageClient() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    manageClient();
+  }, [indexedDbClient, turnkey]);
   if (!componentReady) {
     return jsx("div", {
       className: styles.defaultLoader,
@@ -285,31 +267,34 @@ var Auth = function Auth(_ref) {
           case 21:
           case 22:
             _context3.next = 24;
-            return indexedDbClient.getPublicKey();
+            return indexedDbClient.resetKeyPair();
           case 24:
+            _context3.next = 26;
+            return indexedDbClient.getPublicKey();
+          case 26:
             pubKey = _context3.sent;
-            _context3.next = 27;
+            _context3.next = 29;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.loginWithPasskey({
               sessionType: SessionType.READ_WRITE,
               publicKey: pubKey,
               expirationSeconds: (_authConfig$sessionLe = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe === void 0 ? void 0 : _authConfig$sessionLe.toString()
             });
-          case 27:
-            _context3.next = 29;
-            return onAuthSuccess();
           case 29:
-            _context3.next = 35;
-            break;
+            _context3.next = 31;
+            return onAuthSuccess();
           case 31:
-            _context3.prev = 31;
+            _context3.next = 37;
+            break;
+          case 33:
+            _context3.prev = 33;
             _context3.t1 = _context3["catch"](4);
             setPasskeySignupError(authErrors.passkey.timeoutOrNotAllowed);
             console.error("Error during passkey signup: ", _context3.t1);
-          case 35:
+          case 37:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[4, 31]]);
+      }, _callee3, null, [[4, 33]]);
     }));
     return function handleSignupWithPasskey() {
       return _ref4.apply(this, arguments);
@@ -324,35 +309,38 @@ var Auth = function Auth(_ref) {
             _context4.prev = 0;
             setLoading("passkey");
             _context4.next = 4;
-            return indexedDbClient.getPublicKey();
+            return indexedDbClient === null || indexedDbClient === void 0 ? void 0 : indexedDbClient.resetKeyPair();
           case 4:
+            _context4.next = 6;
+            return indexedDbClient.getPublicKey();
+          case 6:
             pubKey = _context4.sent;
-            _context4.next = 7;
+            _context4.next = 9;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.loginWithPasskey({
               sessionType: SessionType.READ_WRITE,
               publicKey: pubKey,
               expirationSeconds: (_authConfig$sessionLe2 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe2 === void 0 ? void 0 : _authConfig$sessionLe2.toString()
             });
-          case 7:
-            _context4.next = 9;
-            return onAuthSuccess();
           case 9:
-            _context4.next = 15;
-            break;
+            _context4.next = 11;
+            return onAuthSuccess();
           case 11:
-            _context4.prev = 11;
+            _context4.next = 17;
+            break;
+          case 13:
+            _context4.prev = 13;
             _context4.t0 = _context4["catch"](0);
             onError(authErrors.passkey.loginFailed);
             console.error("Error during passkey login: ", _context4.t0);
-          case 15:
-            _context4.prev = 15;
+          case 17:
+            _context4.prev = 17;
             setLoading(undefined);
-            return _context4.finish(15);
-          case 18:
+            return _context4.finish(17);
+          case 20:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[0, 11, 15, 18]]);
+      }, _callee4, null, [[0, 13, 17, 20]]);
     }));
     return function handleLoginWithPasskey() {
       return _ref6.apply(this, arguments);
@@ -415,10 +403,20 @@ var Auth = function Auth(_ref) {
   }();
   var handleOAuthLogin = /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(credential, providerName) {
-      var createSuborgData, resp, suborgIds, suborgId, sessionResponse;
+      var pubKey, createSuborgData, resp, suborgIds, suborgId, sessionResponse;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
+            _context6.next = 2;
+            return indexedDbClient === null || indexedDbClient === void 0 ? void 0 : indexedDbClient.getPublicKey();
+          case 2:
+            pubKey = _context6.sent;
+            if (pubKey) {
+              _context6.next = 5;
+              break;
+            }
+            return _context6.abrupt("return");
+          case 5:
             setOauthLoading(providerName);
             createSuborgData = {
               oauthProviders: [{
@@ -429,47 +427,47 @@ var Auth = function Auth(_ref) {
             if (customAccounts) {
               createSuborgData.customAccounts = customAccounts;
             }
-            _context6.next = 5;
+            _context6.next = 10;
             return server.getOrCreateSuborg({
               filterType: FilterType.OidcToken,
               filterValue: credential,
               additionalData: createSuborgData
             });
-          case 5:
+          case 10:
             resp = _context6.sent;
             suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
             if (!(!suborgIds || suborgIds.length === 0)) {
-              _context6.next = 10;
+              _context6.next = 15;
               break;
             }
             onError(authErrors.oauth.loginFailed);
             return _context6.abrupt("return");
-          case 10:
+          case 15:
             suborgId = suborgIds[0];
-            _context6.next = 13;
+            _context6.next = 18;
             return server.oauthLogin({
               suborgID: suborgId,
               oidcToken: credential,
-              publicKey: publicKey,
+              publicKey: pubKey,
               sessionLengthSeconds: authConfig.sessionLengthSeconds
             });
-          case 13:
+          case 18:
             sessionResponse = _context6.sent;
             if (!(sessionResponse && sessionResponse.session)) {
-              _context6.next = 21;
+              _context6.next = 26;
               break;
             }
-            _context6.next = 17;
+            _context6.next = 22;
             return indexedDbClient.loginWithSession(sessionResponse.session);
-          case 17:
-            _context6.next = 19;
+          case 22:
+            _context6.next = 24;
             return onAuthSuccess();
-          case 19:
-            _context6.next = 22;
+          case 24:
+            _context6.next = 27;
             break;
-          case 21:
+          case 26:
             onError(authErrors.oauth.loginFailed);
-          case 22:
+          case 27:
           case "end":
             return _context6.stop();
         }
@@ -481,7 +479,7 @@ var Auth = function Auth(_ref) {
   }();
   var handleLoginWithWallet = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-      var _authConfig$sessionLe3, _publicKey3, _walletClient$getWall, type, resp, suborgIds, pubKey;
+      var _authConfig$sessionLe3, publicKey, _walletClient$getWall, type, resp, suborgIds, pubKey;
       return _regeneratorRuntime().wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
@@ -496,8 +494,8 @@ var Auth = function Auth(_ref) {
             _context7.next = 6;
             return walletClient.getPublicKey();
           case 6:
-            _publicKey3 = _context7.sent;
-            if (_publicKey3) {
+            publicKey = _context7.sent;
+            if (publicKey) {
               _context7.next = 9;
               break;
             }
@@ -507,10 +505,10 @@ var Auth = function Auth(_ref) {
             _context7.next = 12;
             return server.getOrCreateSuborg({
               filterType: FilterType.PublicKey,
-              filterValue: _publicKey3,
+              filterValue: publicKey,
               additionalData: {
                 wallet: {
-                  publicKey: _publicKey3,
+                  publicKey: publicKey,
                   type: type
                 }
               }
@@ -526,35 +524,38 @@ var Auth = function Auth(_ref) {
             return _context7.abrupt("return");
           case 17:
             _context7.next = 19;
-            return indexedDbClient.getPublicKey();
+            return indexedDbClient.resetKeyPair();
           case 19:
+            _context7.next = 21;
+            return indexedDbClient.getPublicKey();
+          case 21:
             pubKey = _context7.sent;
-            _context7.next = 22;
+            _context7.next = 24;
             return walletClient.loginWithWallet({
               sessionType: SessionType.READ_WRITE,
               publicKey: pubKey,
               expirationSeconds: (_authConfig$sessionLe3 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe3 === void 0 ? void 0 : _authConfig$sessionLe3.toString()
             });
-          case 22:
-            _context7.next = 24;
-            return onAuthSuccess();
           case 24:
-            _context7.next = 30;
-            break;
+            _context7.next = 26;
+            return onAuthSuccess();
           case 26:
-            _context7.prev = 26;
+            _context7.next = 32;
+            break;
+          case 28:
+            _context7.prev = 28;
             _context7.t0 = _context7["catch"](1);
             onError(_context7.t0.message || authErrors.wallet.loginFailed);
             console.error("Error during wallet login: ", _context7.t0);
-          case 30:
-            _context7.prev = 30;
+          case 32:
+            _context7.prev = 32;
             setLoading(undefined);
-            return _context7.finish(30);
-          case 33:
+            return _context7.finish(32);
+          case 35:
           case "end":
             return _context7.stop();
         }
-      }, _callee7, null, [[1, 26, 30, 33]]);
+      }, _callee7, null, [[1, 28, 32, 35]]);
     }));
     return function handleLoginWithWallet() {
       return _ref9.apply(this, arguments);
@@ -594,14 +595,12 @@ var Auth = function Auth(_ref) {
         layout: layout,
         clientId: (_authConfig$googleCli = authConfig.googleClientId) !== null && _authConfig$googleCli !== void 0 ? _authConfig$googleCli : process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,
         openInPage: authConfig.openOAuthInPage,
-        publicKey: publicKey,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.idToken, "Google");
         }
       }), appleEnabled && jsx(AppleAuthButton, {
         layout: layout,
         clientId: (_authConfig$appleClie = authConfig.appleClientId) !== null && _authConfig$appleClie !== void 0 ? _authConfig$appleClie : process.env.NEXT_PUBLIC_APPLE_CLIENT_ID,
-        publicKey: publicKey,
         openInPage: authConfig.openOAuthInPage,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.idToken, "Apple");
@@ -609,7 +608,6 @@ var Auth = function Auth(_ref) {
       }), facebookEnabled && jsx(FacebookAuthButton, {
         layout: layout,
         clientId: (_authConfig$facebookC = authConfig.facebookClientId) !== null && _authConfig$facebookC !== void 0 ? _authConfig$facebookC : process.env.NEXT_PUBLIC_FACEBOOK_CLIENT_ID,
-        publicKey: publicKey,
         openInPage: authConfig.openOAuthInPage,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.id_token, "Facebook");