@turnkey/sdk-react 3.0.2 → 3.0.4

package/dist/components/auth/Auth.mjs

@@ -17,6 +17,7 @@ import OtpVerification from './OtpVerification.mjs';
 import { useTurnkey } from '../../hooks/use-turnkey.mjs';
 import { OtpType, FilterType, authErrors } from './constants.mjs';
 import { server } from '@turnkey/sdk-server';
+import parsePhoneNumberFromString from 'libphonenumber-js';
 
 var passkeyIcon = jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -108,7 +109,7 @@ var Auth = function Auth(_ref) {
     passkeyCreated = _useState22[0],
     setPasskeyCreated = _useState22[1];
   var handleResendCode = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -157,120 +158,42 @@ var Auth = function Auth(_ref) {
     return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
   };
   var isValidPhone = function isValidPhone(phone) {
-    return /^\+1\d{10}$/.test(phone);
+    var _phoneNumber$isValid;
+    var phoneNumber = parsePhoneNumberFromString(phone);
+    return (_phoneNumber$isValid = phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.isValid()) !== null && _phoneNumber$isValid !== void 0 ? _phoneNumber$isValid : false;
   };
-  var handleGetOrCreateSuborg = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(filterType, filterValue) {
-      var additionalData,
-        suborgId,
-        getVerifiedSuborgsResponse,
-        getSuborgsResponse,
-        createSuborgData,
-        createSuborgResponse,
-        _args2 = arguments;
+  var handleAuthSuccess = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(credentialBundle, expirationSeconds) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            additionalData = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
-            if (!(filterType == FilterType.Email || filterType == FilterType.PhoneNumber)) {
-              _context2.next = 11;
-              break;
-            }
-            _context2.next = 4;
-            return server.getVerifiedSuborgs({
-              filterType: filterType,
-              filterValue: filterValue
-            });
-          case 4:
-            getVerifiedSuborgsResponse = _context2.sent;
-            if (!(!getVerifiedSuborgsResponse || !getVerifiedSuborgsResponse.organizationIds)) {
-              _context2.next = 8;
-              break;
-            }
-            onError(authErrors.suborg.fetchFailed);
-            return _context2.abrupt("return", null);
-          case 8:
-            suborgId = getVerifiedSuborgsResponse === null || getVerifiedSuborgsResponse === void 0 ? void 0 : getVerifiedSuborgsResponse.organizationIds[0];
-            _context2.next = 18;
-            break;
-          case 11:
-            _context2.next = 13;
-            return server.getSuborgs({
-              filterType: filterType,
-              filterValue: filterValue
-            });
-          case 13:
-            getSuborgsResponse = _context2.sent;
-            if (!(!getSuborgsResponse || !getSuborgsResponse.organizationIds)) {
-              _context2.next = 17;
-              break;
-            }
-            onError(authErrors.suborg.fetchFailed);
-            return _context2.abrupt("return", null);
-          case 17:
-            suborgId = getSuborgsResponse === null || getSuborgsResponse === void 0 ? void 0 : getSuborgsResponse.organizationIds[0];
-          case 18:
-            if (suborgId) {
-              _context2.next = 27;
-              break;
-            }
-            createSuborgData = _objectSpread2({}, additionalData);
-            if (filterType === FilterType.Email) createSuborgData.email = filterValue;else if (filterType === FilterType.PhoneNumber) createSuborgData.phoneNumber = filterValue;
-            if (customAccounts) {
-              createSuborgData.customAccounts = customAccounts;
-            }
-            _context2.next = 24;
-            return server.createSuborg(createSuborgData);
-          case 24:
-            createSuborgResponse = _context2.sent;
-            if (!createSuborgResponse || !createSuborgResponse.subOrganizationId) {
-              onError(authErrors.suborg.createFailed);
-            }
-            suborgId = createSuborgResponse === null || createSuborgResponse === void 0 ? void 0 : createSuborgResponse.subOrganizationId;
-          case 27:
-            return _context2.abrupt("return", suborgId);
-          case 28:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function handleGetOrCreateSuborg(_x, _x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var handleAuthSuccess = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(credentialBundle, expirationSeconds) {
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!credentialBundle) {
-              _context3.next = 7;
+              _context2.next = 7;
               break;
             }
-            _context3.next = 3;
+            _context2.next = 3;
             return authIframeClient.injectCredentialBundle(credentialBundle);
           case 3:
-            _context3.next = 5;
+            _context2.next = 5;
             return authIframeClient.loginWithAuthBundle(credentialBundle, expirationSeconds);
           case 5:
-            _context3.next = 7;
+            _context2.next = 7;
             return onAuthSuccess();
           case 7:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3);
+      }, _callee2);
     }));
-    return function handleAuthSuccess(_x3, _x4) {
-      return _ref4.apply(this, arguments);
+    return function handleAuthSuccess(_x, _x2) {
+      return _ref3.apply(this, arguments);
     };
   }();
   var handleSignupWithPasskey = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var siteInfo, _turnkey$config$defau, _ref6, encodedChallenge, attestation, response, sessionResponse, _authConfig$sessionLe;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var siteInfo, _turnkey$config$defau, _ref5, encodedChallenge, attestation, response, sessionResponse, _authConfig$sessionLe;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setPasskeySignupError("");
             siteInfo = "".concat(new URL(window.location.href).hostname, " - ").concat(new Date().toLocaleString(undefined, {
@@ -283,12 +206,12 @@ var Auth = function Auth(_ref) {
             }));
             setPasskeySignupScreen(false);
             setPasskeyCreationScreen(true);
-            _context4.prev = 4;
+            _context3.prev = 4;
             if (passkeyCreated) {
-              _context4.next = 22;
+              _context3.next = 22;
               break;
             }
-            _context4.next = 8;
+            _context3.next = 8;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.createUserPasskey({
               publicKey: {
                 user: {
@@ -298,21 +221,21 @@ var Auth = function Auth(_ref) {
               }
             });
           case 8:
-            _context4.t0 = _context4.sent;
-            if (_context4.t0) {
-              _context4.next = 11;
+            _context3.t0 = _context3.sent;
+            if (_context3.t0) {
+              _context3.next = 11;
               break;
             }
-            _context4.t0 = {};
+            _context3.t0 = {};
           case 11:
-            _ref6 = _context4.t0;
-            encodedChallenge = _ref6.encodedChallenge;
-            attestation = _ref6.attestation;
+            _ref5 = _context3.t0;
+            encodedChallenge = _ref5.encodedChallenge;
+            attestation = _ref5.attestation;
             if (!(encodedChallenge && attestation)) {
-              _context4.next = 21;
+              _context3.next = 21;
               break;
             }
-            _context4.next = 17;
+            _context3.next = 17;
             return server.createSuborg(_objectSpread2({
               email: email,
               passkey: {
@@ -324,15 +247,15 @@ var Auth = function Auth(_ref) {
               customAccounts: customAccounts
             }));
           case 17:
-            response = _context4.sent;
+            response = _context3.sent;
             if (response !== null && response !== void 0 && response.subOrganizationId) {
               setPasskeyCreated(true);
             }
-            _context4.next = 22;
+            _context3.next = 22;
             break;
           case 21:
           case 22:
-            _context4.next = 24;
+            _context3.next = 24;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.createReadWriteSession(_objectSpread2(_objectSpread2({
               targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey
             }, authConfig.sessionLengthSeconds !== undefined && {
@@ -341,43 +264,43 @@ var Auth = function Auth(_ref) {
               organizationId: (_turnkey$config$defau = turnkey === null || turnkey === void 0 ? void 0 : turnkey.config.defaultOrganizationId) !== null && _turnkey$config$defau !== void 0 ? _turnkey$config$defau : process.env.NEXT_PUBLIC_ORGANIZATION_ID
             }));
           case 24:
-            sessionResponse = _context4.sent;
+            sessionResponse = _context3.sent;
             if (!(sessionResponse !== null && sessionResponse !== void 0 && sessionResponse.credentialBundle)) {
-              _context4.next = 30;
+              _context3.next = 30;
               break;
             }
-            _context4.next = 28;
+            _context3.next = 28;
             return handleAuthSuccess(sessionResponse.credentialBundle, (_authConfig$sessionLe = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe === void 0 ? void 0 : _authConfig$sessionLe.toString());
           case 28:
-            _context4.next = 31;
+            _context3.next = 31;
             break;
           case 30:
             setPasskeySignupError(authErrors.passkey.loginFailed);
           case 31:
-            _context4.next = 36;
+            _context3.next = 36;
             break;
           case 33:
-            _context4.prev = 33;
-            _context4.t1 = _context4["catch"](4);
+            _context3.prev = 33;
+            _context3.t1 = _context3["catch"](4);
             setPasskeySignupError(authErrors.passkey.timeoutOrNotAllowed);
           case 36:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
-      }, _callee4, null, [[4, 33]]);
+      }, _callee3, null, [[4, 33]]);
     }));
     return function handleSignupWithPasskey() {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var handleLoginWithPasskey = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var _turnkey$config$defau2, sessionResponse, _authConfig$sessionLe2;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context5.prev = 0;
-            _context5.next = 3;
+            _context4.prev = 0;
+            _context4.next = 3;
             return passkeyClient === null || passkeyClient === void 0 ? void 0 : passkeyClient.createReadWriteSession(_objectSpread2(_objectSpread2({
               targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey
             }, authConfig.sessionLengthSeconds !== undefined && {
@@ -386,45 +309,57 @@ var Auth = function Auth(_ref) {
               organizationId: (_turnkey$config$defau2 = turnkey === null || turnkey === void 0 ? void 0 : turnkey.config.defaultOrganizationId) !== null && _turnkey$config$defau2 !== void 0 ? _turnkey$config$defau2 : process.env.NEXT_PUBLIC_ORGANIZATION_ID
             }));
           case 3:
-            sessionResponse = _context5.sent;
+            sessionResponse = _context4.sent;
             if (!(sessionResponse !== null && sessionResponse !== void 0 && sessionResponse.credentialBundle)) {
-              _context5.next = 9;
+              _context4.next = 9;
               break;
             }
-            _context5.next = 7;
+            _context4.next = 7;
             return handleAuthSuccess(sessionResponse.credentialBundle, (_authConfig$sessionLe2 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe2 === void 0 ? void 0 : _authConfig$sessionLe2.toString());
           case 7:
-            _context5.next = 10;
+            _context4.next = 10;
             break;
           case 9:
           case 10:
-            _context5.next = 15;
+            _context4.next = 15;
             break;
           case 12:
-            _context5.prev = 12;
-            _context5.t0 = _context5["catch"](0);
+            _context4.prev = 12;
+            _context4.t0 = _context4["catch"](0);
             onError(authErrors.passkey.loginFailed);
           case 15:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5, null, [[0, 12]]);
+      }, _callee4, null, [[0, 12]]);
     }));
     return function handleLoginWithPasskey() {
-      return _ref7.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var handleOtpLogin = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(type, value, otpType) {
-      var suborgId, initAuthResponse;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(type, value, otpType) {
+      var resp, suborgIds, suborgId, initAuthResponse;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context6.next = 2;
-            return handleGetOrCreateSuborg(type, value);
+            _context5.next = 2;
+            return server.getOrCreateSuborg({
+              filterType: type,
+              filterValue: value
+            });
           case 2:
-            suborgId = _context6.sent;
-            _context6.next = 5;
+            resp = _context5.sent;
+            suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
+            if (!(!suborgIds || suborgIds.length === 0)) {
+              _context5.next = 7;
+              break;
+            }
+            onError(authErrors.oauth.loginFailed);
+            return _context5.abrupt("return");
+          case 7:
+            suborgId = suborgIds[0];
+            _context5.next = 10;
             return server.sendOtp(_objectSpread2(_objectSpread2({
               suborgID: suborgId,
               otpType: otpType,
@@ -434,8 +369,8 @@ var Auth = function Auth(_ref) {
             }), {}, {
               userIdentifier: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey
             }));
-          case 5:
-            initAuthResponse = _context6.sent;
+          case 10:
+            initAuthResponse = _context5.sent;
             if (initAuthResponse && initAuthResponse.otpId) {
               setSuborgId(suborgId);
               setOtpId(initAuthResponse === null || initAuthResponse === void 0 ? void 0 : initAuthResponse.otpId);
@@ -443,60 +378,73 @@ var Auth = function Auth(_ref) {
             } else {
               onError(authErrors.otp.sendFailed);
             }
-          case 7:
+          case 12:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6);
+      }, _callee5);
     }));
-    return function handleOtpLogin(_x5, _x6, _x7) {
-      return _ref8.apply(this, arguments);
+    return function handleOtpLogin(_x3, _x4, _x5) {
+      return _ref7.apply(this, arguments);
     };
   }();
   var handleOAuthLogin = /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(credential, providerName) {
-      var suborgId, oauthResponse, _authConfig$sessionLe3;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(credential, providerName) {
+      var resp, suborgIds, suborgId, oauthResponse, _authConfig$sessionLe3;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             setOauthLoading(providerName);
-            _context7.next = 3;
-            return handleGetOrCreateSuborg(FilterType.OidcToken, credential, {
-              oauthProviders: [{
-                providerName: providerName,
-                oidcToken: credential
-              }]
+            _context6.next = 3;
+            return server.getOrCreateSuborg({
+              filterType: FilterType.OidcToken,
+              filterValue: credential,
+              additionalData: {
+                oauthProviders: [{
+                  providerName: providerName,
+                  oidcToken: credential
+                }]
+              }
             });
           case 3:
-            suborgId = _context7.sent;
-            _context7.next = 6;
+            resp = _context6.sent;
+            suborgIds = resp === null || resp === void 0 ? void 0 : resp.subOrganizationIds;
+            if (!(!suborgIds || suborgIds.length === 0)) {
+              _context6.next = 8;
+              break;
+            }
+            onError(authErrors.oauth.loginFailed);
+            return _context6.abrupt("return");
+          case 8:
+            suborgId = suborgIds[0];
+            _context6.next = 11;
             return server.oauth({
               suborgID: suborgId,
               oidcToken: credential,
               targetPublicKey: authIframeClient === null || authIframeClient === void 0 ? void 0 : authIframeClient.iframePublicKey,
               sessionLengthSeconds: authConfig.sessionLengthSeconds
             });
-          case 6:
-            oauthResponse = _context7.sent;
+          case 11:
+            oauthResponse = _context6.sent;
             if (!(oauthResponse && oauthResponse.token)) {
-              _context7.next = 12;
+              _context6.next = 17;
               break;
             }
-            _context7.next = 10;
+            _context6.next = 15;
             return handleAuthSuccess(oauthResponse.token, (_authConfig$sessionLe3 = authConfig.sessionLengthSeconds) === null || _authConfig$sessionLe3 === void 0 ? void 0 : _authConfig$sessionLe3.toString());
-          case 10:
-            _context7.next = 13;
+          case 15:
+            _context6.next = 18;
             break;
-          case 12:
+          case 17:
             onError(authErrors.oauth.loginFailed);
-          case 13:
+          case 18:
           case "end":
-            return _context7.stop();
+            return _context6.stop();
         }
-      }, _callee7);
+      }, _callee6);
     }));
-    return function handleOAuthLogin(_x8, _x9) {
-      return _ref9.apply(this, arguments);
+    return function handleOAuthLogin(_x6, _x7) {
+      return _ref8.apply(this, arguments);
     };
   }();
   var renderBackButton = function renderBackButton() {