@turnkey/sdk-react 4.2.6 → 5.0.0

package/dist/components/auth/Auth.mjs

@@ -71,37 +71,38 @@ 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],
-    setEmail = _useState2[1];
+    publicKey = _useState2[0],
+    setPublicKey = _useState2[1];
   var _useState3 = useState(""),
     _useState4 = _slicedToArray(_useState3, 2),
-    phone = _useState4[0],
-    setPhone = _useState4[1];
-  var _useState5 = useState(null),
+    email = _useState4[0],
+    setEmail = _useState4[1];
+  var _useState5 = useState(""),
     _useState6 = _slicedToArray(_useState5, 2),
-    otpId = _useState6[0],
-    setOtpId = _useState6[1];
-  var _useState7 = useState("auth"),
+    phone = _useState6[0],
+    setPhone = _useState6[1];
+  var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
-    step = _useState8[0],
-    setStep = _useState8[1];
-  var _useState9 = useState(),
+    otpId = _useState8[0],
+    setOtpId = _useState8[1];
+  var _useState9 = useState("auth"),
     _useState10 = _slicedToArray(_useState9, 2),
-    loading = _useState10[0],
-    setLoading = _useState10[1];
-  var _useState11 = useState(""),
+    step = _useState10[0],
+    setStep = _useState10[1];
+  var _useState11 = useState(),
     _useState12 = _slicedToArray(_useState11, 2),
-    oauthLoading = _useState12[0],
-    setOauthLoading = _useState12[1];
+    loading = _useState12[0],
+    setLoading = _useState12[1];
   var _useState13 = useState(""),
     _useState14 = _slicedToArray(_useState13, 2),
-    suborgId = _useState14[0],
-    setSuborgId = _useState14[1];
+    oauthLoading = _useState14[0],
+    setOauthLoading = _useState14[1];
   var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
     passkeySignupScreen = _useState16[0],
@@ -154,28 +155,51 @@ var Auth = function Auth(_ref) {
     };
   }();
   useEffect(function () {
-    if (authIframeClient) {
+    if (indexedDbClient && turnkey) {
       setComponentReady(true);
-      var updateIframeKey = /*#__PURE__*/function () {
+      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 authIframeClient.initEmbeddedKey();
+                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;
+                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 updateIframeKey() {
+        return function manageClient() {
           return _ref3.apply(this, arguments);
         };
       }();
-      updateIframeKey();
+      manageClient();
     }
-  }, [authIframeClient]);
+  }, [indexedDbClient]);
   if (!componentReady) {
     return jsx("div", {
       className: styles.defaultLoader,
@@ -196,7 +220,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 +285,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 +317,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 +361,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 +376,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 +392,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,7 +415,7 @@ 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 createSuborgData, resp, suborgIds, suborgId, sessionResponse;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -444,33 +447,29 @@ var Auth = function Auth(_ref) {
           case 10:
             suborgId = suborgIds[0];
             _context6.next = 13;
-            return authIframeClient.initEmbeddedKey();
-          case 13:
-            iframePublicKey = _context6.sent;
-            _context6.next = 16;
-            return server.oauth({
+            return server.oauthLogin({
               suborgID: suborgId,
               oidcToken: credential,
-              targetPublicKey: iframePublicKey,
+              publicKey: publicKey,
               sessionLengthSeconds: authConfig.sessionLengthSeconds
             });
-          case 16:
-            oauthSession = _context6.sent;
-            if (!(oauthSession && oauthSession.token)) {
-              _context6.next = 24;
+          case 13:
+            sessionResponse = _context6.sent;
+            if (!(sessionResponse && sessionResponse.session)) {
+              _context6.next = 21;
               break;
             }
-            _context6.next = 20;
-            return authIframeClient.loginWithSession(oauthSession);
-          case 20:
-            _context6.next = 22;
+            _context6.next = 17;
+            return indexedDbClient.loginWithSession(sessionResponse.session);
+          case 17:
+            _context6.next = 19;
             return onAuthSuccess();
-          case 22:
-            _context6.next = 25;
+          case 19:
+            _context6.next = 22;
             break;
-          case 24:
+          case 21:
             onError(authErrors.oauth.loginFailed);
-          case 25:
+          case 22:
           case "end":
             return _context6.stop();
         }
@@ -482,7 +481,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, _publicKey3, _walletClient$getWall, type, resp, suborgIds, pubKey;
       return _regeneratorRuntime().wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
@@ -497,8 +496,8 @@ var Auth = function Auth(_ref) {
             _context7.next = 6;
             return walletClient.getPublicKey();
           case 6:
-            publicKey = _context7.sent;
-            if (publicKey) {
+            _publicKey3 = _context7.sent;
+            if (_publicKey3) {
               _context7.next = 9;
               break;
             }
@@ -508,10 +507,10 @@ var Auth = function Auth(_ref) {
             _context7.next = 12;
             return server.getOrCreateSuborg({
               filterType: FilterType.PublicKey,
-              filterValue: publicKey,
+              filterValue: _publicKey3,
               additionalData: {
                 wallet: {
-                  publicKey: publicKey,
+                  publicKey: _publicKey3,
                   type: type
                 }
               }
@@ -527,14 +526,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,15 +593,15 @@ 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,
+        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,
-        iframePublicKey: authIframeClient.iframePublicKey,
+        publicKey: publicKey,
         openInPage: authConfig.openOAuthInPage,
         onSuccess: function onSuccess(response) {
           return handleOAuthLogin(response.idToken, "Apple");
@@ -611,7 +609,7 @@ 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,
+        publicKey: publicKey,
         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,