@turnkey/sdk-react 4.2.6 → 5.0.1

package/dist/components/auth/Auth.mjs

@@ -71,9 +71,10 @@ var Auth = function Auth(_ref) {
     passkeyConfig = _ref.passkeyConfig,
     otpConfig = _ref.otpConfig;
   var _useTurnkey = useTurnkey(),
-    authIframeClient = _useTurnkey.authIframeClient,
     passkeyClient = _useTurnkey.passkeyClient,
-    walletClient = _useTurnkey.walletClient;
+    walletClient = _useTurnkey.walletClient,
+    indexedDbClient = _useTurnkey.indexedDbClient,
+    turnkey = _useTurnkey.turnkey;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     email = _useState2[0],
@@ -98,30 +99,26 @@ var Auth = function Auth(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     oauthLoading = _useState12[0],
     setOauthLoading = _useState12[1];
-  var _useState13 = useState(""),
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    suborgId = _useState14[0],
-    setSuborgId = _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) {
@@ -154,28 +151,48 @@ var Auth = function Auth(_ref) {
     };
   }();
   useEffect(function () {
-    if (authIframeClient) {
-      setComponentReady(true);
-      var updateIframeKey = /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return authIframeClient.initEmbeddedKey();
-              case 2:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function updateIframeKey() {
-          return _ref3.apply(this, arguments);
-        };
-      }();
-      updateIframeKey();
-    }
-  }, [authIframeClient]);
+    var manageClient = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var session, retrievedPublicKey;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(indexedDbClient && turnkey)) {
+                _context2.next = 11;
+                break;
+              }
+              _context2.next = 3;
+              return turnkey.getSession();
+            case 3:
+              session = _context2.sent;
+              if (session) {
+                _context2.next = 7;
+                break;
+              }
+              _context2.next = 7;
+              return indexedDbClient.resetKeyPair();
+            case 7:
+              _context2.next = 9;
+              return indexedDbClient.getPublicKey();
+            case 9:
+              retrievedPublicKey = _context2.sent;
+              if (retrievedPublicKey) {
+                setComponentReady(true);
+              } else {
+                onError("Failed to retrieve public key.");
+              }
+            case 11:
+            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,
@@ -196,7 +213,7 @@ var Auth = function Auth(_ref) {
   };
   var handleSignupWithPasskey = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var siteInfo, _authConfig$sessionLe, _passkeyConfig$name, _passkeyConfig$displa, _ref5, encodedChallenge, attestation, response, iframePublicKey;
+      var siteInfo, _authConfig$sessionLe, _passkeyConfig$name, _passkeyConfig$displa, _ref5, encodedChallenge, attestation, response, pubKey;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -261,14 +278,13 @@ var Auth = function Auth(_ref) {
           case 21:
           case 22:
             _context3.next = 24;
-            return authIframeClient.initEmbeddedKey();
+            return indexedDbClient.getPublicKey();
           case 24:
-            iframePublicKey = _context3.sent;
+            pubKey = _context3.sent;
             _context3.next = 27;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.loginWithPasskey({
               sessionType: SessionType.READ_WRITE,
-              iframeClient: authIframeClient,
-              targetPublicKey: iframePublicKey,
+              publicKey: pubKey,
               expirationSeconds: (_authConfig$sessionLe = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe === void 0 ? void 0 : _authConfig$sessionLe.toString()
             });
           case 27:
@@ -294,21 +310,20 @@ var Auth = function Auth(_ref) {
   }();
   var handleLoginWithPasskey = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var _authConfig$sessionLe2, iframePublicKey;
+      var _authConfig$sessionLe2, pubKey;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             _context4.prev = 0;
             setLoading("passkey");
             _context4.next = 4;
-            return authIframeClient.initEmbeddedKey();
+            return indexedDbClient.getPublicKey();
           case 4:
-            iframePublicKey = _context4.sent;
+            pubKey = _context4.sent;
             _context4.next = 7;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.loginWithPasskey({
               sessionType: SessionType.READ_WRITE,
-              iframeClient: authIframeClient,
-              targetPublicKey: iframePublicKey,
+              publicKey: pubKey,
               expirationSeconds: (_authConfig$sessionLe2 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe2 === void 0 ? void 0 : _authConfig$sessionLe2.toString()
             });
           case 7:
@@ -339,7 +354,7 @@ var Auth = function Auth(_ref) {
   var handleOtpLogin = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(type, value, otpType) {
       var _otpConfig$otpLength, _otpConfig$alphanumer;
-      var createSuborgData, resp, suborgIds, suborgId, iframePublicKey, initAuthResponse;
+      var createSuborgData, publicKey, initAuthResponse;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
@@ -354,29 +369,11 @@ var Auth = function Auth(_ref) {
               createSuborgData.customAccounts = customAccounts;
             }
             _context5.next = 6;
-            return server.getOrCreateSuborg({
-              filterType: type,
-              filterValue: value,
-              additionalData: createSuborgData
-            });
+            return indexedDbClient.getPublicKey();
           case 6:
-            resp = _context5.sent;
-            suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
-            if (!(!suborgIds || suborgIds.length === 0)) {
-              _context5.next = 11;
-              break;
-            }
-            onError(authErrors.otp.sendFailed);
-            return _context5.abrupt("return");
-          case 11:
-            suborgId = suborgIds[0];
-            _context5.next = 14;
-            return authIframeClient.initEmbeddedKey();
-          case 14:
-            iframePublicKey = _context5.sent;
-            _context5.next = 17;
+            publicKey = _context5.sent;
+            _context5.next = 9;
             return server.sendOtp(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
-              suborgID: suborgId,
               otpType: otpType,
               contact: value
             }, emailCustomization && {
@@ -388,19 +385,18 @@ var Auth = function Auth(_ref) {
             }), {}, {
               otpLength: (_otpConfig$otpLength = otpConfig === null || otpConfig === void 0 ? void 0 : otpConfig.otpLength) !== null && _otpConfig$otpLength !== void 0 ? _otpConfig$otpLength : 6,
               alphanumeric: (_otpConfig$alphanumer = otpConfig === null || otpConfig === void 0 ? void 0 : otpConfig.alphanumeric) !== null && _otpConfig$alphanumer !== void 0 ? _otpConfig$alphanumer : false,
-              userIdentifier: iframePublicKey
+              userIdentifier: publicKey
             }));
-          case 17:
+          case 9:
             initAuthResponse = _context5.sent;
             if (initAuthResponse && initAuthResponse.otpId) {
-              setSuborgId(suborgId);
               setOtpId(initAuthResponse === null || initAuthResponse === void 0 ? void 0 : initAuthResponse.otpId);
               setStep(otpType);
             } else {
               onError(authErrors.otp.sendFailed);
             }
             setLoading(undefined);
-          case 20:
+          case 12:
           case "end":
             return _context5.stop();
         }
@@ -412,10 +408,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, iframePublicKey, oauthSession;
+      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: [{
@@ -426,51 +432,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;
-            return authIframeClient.initEmbeddedKey();
-          case 13:
-            iframePublicKey = _context6.sent;
-            _context6.next = 16;
-            return server.oauth({
+            _context6.next = 18;
+            return server.oauthLogin({
               suborgID: suborgId,
               oidcToken: credential,
-              targetPublicKey: iframePublicKey,
+              publicKey: pubKey,
               sessionLengthSeconds: authConfig.sessionLengthSeconds
             });
-          case 16:
-            oauthSession = _context6.sent;
-            if (!(oauthSession && oauthSession.token)) {
-              _context6.next = 24;
+          case 18:
+            sessionResponse = _context6.sent;
+            if (!(sessionResponse && sessionResponse.session)) {
+              _context6.next = 26;
               break;
             }
-            _context6.next = 20;
-            return authIframeClient.loginWithSession(oauthSession);
-          case 20:
             _context6.next = 22;
-            return onAuthSuccess();
+            return indexedDbClient.loginWithSession(sessionResponse.session);
           case 22:
-            _context6.next = 25;
-            break;
+            _context6.next = 24;
+            return onAuthSuccess();
           case 24:
+            _context6.next = 27;
+            break;
+          case 26:
             onError(authErrors.oauth.loginFailed);
-          case 25:
+          case 27:
           case "end":
             return _context6.stop();
         }
@@ -482,7 +484,7 @@ var Auth = function Auth(_ref) {
   }();
   var handleLoginWithWallet = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-      var _authConfig$sessionLe3, publicKey, _walletClient$getWall, type, resp, suborgIds, iframePublicKey;
+      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:
@@ -527,14 +529,13 @@ var Auth = function Auth(_ref) {
             return _context7.abrupt("return");
           case 17:
             _context7.next = 19;
-            return authIframeClient.initEmbeddedKey();
+            return indexedDbClient.getPublicKey();
           case 19:
-            iframePublicKey = _context7.sent;
+            pubKey = _context7.sent;
             _context7.next = 22;
             return walletClient.loginWithWallet({
               sessionType: SessionType.READ_WRITE,
-              iframeClient: authIframeClient,
-              targetPublicKey: iframePublicKey,
+              publicKey: pubKey,
               expirationSeconds: (_authConfig$sessionLe3 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe3 === void 0 ? void 0 : _authConfig$sessionLe3.toString()
             });
           case 22:
@@ -595,7 +596,6 @@ var Auth = function Auth(_ref) {
       children: [googleEnabled && jsx(GoogleAuthButton, {
         layout: layout,
         clientId: (_authConfig$googleCli = authConfig.googleClientId) !== null && _authConfig$googleCli !== void 0 ? _authConfig$googleCli : process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,
-        iframePublicKey: authIframeClient.iframePublicKey,
         openInPage: authConfig.openOAuthInPage,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.idToken, "Google");
@@ -603,7 +603,6 @@ var Auth = function Auth(_ref) {
       }), appleEnabled && jsx(AppleAuthButton, {
         layout: layout,
         clientId: (_authConfig$appleClie = authConfig.appleClientId) !== null && _authConfig$appleClie !== void 0 ? _authConfig$appleClie : process.env.NEXT_PUBLIC_APPLE_CLIENT_ID,
-        iframePublicKey: authIframeClient.iframePublicKey,
         openInPage: authConfig.openOAuthInPage,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.idToken, "Apple");
@@ -611,7 +610,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,
-        iframePublicKey: authIframeClient.iframePublicKey,
         openInPage: authConfig.openOAuthInPage,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.id_token, "Facebook");
@@ -846,7 +844,6 @@ var Auth = function Auth(_ref) {
           }), otpId && jsx(OtpVerification, {
             type: step,
             contact: step === OtpType.Email ? email : phone,
-            suborgId: suborgId,
             otpId: otpId,
             alphanumeric: (_otpConfig$alphanumer2 = otpConfig === null || otpConfig === void 0 ? void 0 : otpConfig.alphanumeric) !== null && _otpConfig$alphanumer2 !== void 0 ? _otpConfig$alphanumer2 : false,
             sessionLengthSeconds: authConfig.sessionLengthSeconds,