@stytch/vanilla-js 5.21.0 → 5.21.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @stytch/vanilla-js
 
+## 5.21.1
+
+### Patch Changes
+
+- 25c76b4: Improve error messages when a supplied email address is marked as inactive
+- c20addb: Fix some README typos
+
 ## 5.21.0
 
 ### Minor Changes

package/README.md

@@ -74,22 +74,23 @@ stytch.magicLinks.email.loginOrSignup({
 });
 
 // Render prebuilt UI
-stytch.mountLogin({
+stytch.mount({
   elementId: '#magic-link',
   config: {
+    authFlowType: 'Discovery',
     products: ['emailMagicLinks', 'oauth'],
     emailMagicLinksOptions: {
       loginRedirectURL: 'https://example.com/authenticate',
-      loginExpirationMinutes: 30,
       signupRedirectURL: 'https://example.com/authenticate',
-      signupExpirationMinutes: 30,
-      createUserAsPending: true,
     },
     oauthOptions: {
       providers: [{ type: 'google' }, { type: 'microsoft' }],
       loginRedirectURL: 'https://example.com/authenticate',
       signupRedirectURL: 'https://example.com/authenticate',
     },
+    sessionOptions: {
+      sessionDurationMinutes: 60,
+    },
   },
 });
 ```
@@ -111,7 +112,7 @@ stytch.magicLinks.email.loginOrSignup({
 ```
 
 For more information on how to use the Stytch SDK, please refer to the
-[docs](https://stytch.com/docs/javascript-sdk).
+[docs](https://stytch.com/docs/sdks).
 
 ## See Also
 

package/dist/b2b/index.esm.js

@@ -1867,15 +1867,28 @@ var PasswordUseButton = function PasswordUseButton(_ref50) {
     onClick: handleUsePassword
   }, "Use a password instead"));
 };
+var extractErrorType = function extractErrorType(error) {
+  if (error && _typeof(error) === 'object') {
+    if ('error_type' in error && typeof error.error_type === 'string') {
+      return error.error_type;
+    }
+  }
+};
+var extractEmailSendErrorMessage = function extractEmailSendErrorMessage(error) {
+  var errorType = extractErrorType(error);
+  if (errorType === 'inactive_email') {
+    return 'The email address is marked as inactive. Please try another email address, or contact your admin if you think this is a mistake.';
+  }
+  return 'We were unable to send a passcode to the entered email address. Please try another email address, or contact your admin if you think this is a mistake.';
+};
 var JIT_PROVISIONING_ERRORS = ['email_jit_provisioning_not_allowed', 'invalid_email_for_jit_provisioning'];
 var parseErrorMessage = function parseErrorMessage(error, _ref51) {
   var email = _ref51.email,
     org = _ref51.org;
   if (JIT_PROVISIONING_ERRORS.includes(error.error_type)) {
     return "".concat(email, " does not have access to ").concat(org, ". If you think this is a mistake, contact your admin");
-  } else {
-    return error.error_message;
   }
+  return extractEmailSendErrorMessage(error);
 };
 var EmailForm = function EmailForm(_ref52) {
   var showPasswordButton = _ref52.showPasswordButton;
@@ -2089,7 +2102,7 @@ var EmailDiscoveryForm = function EmailDiscoveryForm(_ref53) {
     email: email,
     setEmail: setEmail
   }), error && /*#__PURE__*/wn.createElement(ErrorText, {
-    errorMessage: error.error_message
+    errorMessage: extractEmailSendErrorMessage(error)
   })), /*#__PURE__*/wn.createElement(SubmitButton, {
     isSubmitting: isMutating,
     text: 'Continue with email'
@@ -4314,7 +4327,7 @@ var EmailOTPEntryScreen = function EmailOTPEntryScreen() {
     resetAuthenticate = _useMutate6.reset;
   var isAuthenticatingAny = isDiscoveryAuthenticating || isAuthenticating;
   var authenticateAnyError = discoveryAuthenticateError || authenticateError;
-  var errorMessage = authenticateAnyError ? 'Invalid passcode, please try again.' : sendError ? extractErrorMessage(sendError) : undefined;
+  var errorMessage = authenticateAnyError ? 'Invalid passcode, please try again.' : sendError ? extractEmailSendErrorMessage(sendError) : undefined;
   var resetAll = function resetAll() {
     resetDiscoveryAuthenticate();
     resetAuthenticate();
@@ -5988,13 +6001,6 @@ var PhoneInput = function PhoneInput(_ref121) {
     required: true
   }, hasPasskeys ? passwordManagerDisableAutofillProps : {})));
 };
-var extractErrorType = function extractErrorType(error) {
-  if (error && _typeof(error) === 'object') {
-    if ('error_type' in error && typeof error.error_type === 'string') {
-      return error.error_type;
-    }
-  }
-};
 var DEFAULT_COUNTRY_CODE = 'US';
 var InvalidPhoneNumberError = /*#__PURE__*/function (_StytchSDKError) {
   function InvalidPhoneNumberError() {

package/dist/b2b/index.headless.esm.js

@@ -216,7 +216,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
     }
   }]);
 }();
-var version = "5.21.0";
+var version = "5.21.1";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);

package/dist/b2b/index.headless.js

@@ -217,7 +217,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
     }
   }]);
 }();
-var version = "5.21.0";
+var version = "5.21.1";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);

package/dist/b2b/index.js

@@ -1868,15 +1868,28 @@ var PasswordUseButton = function PasswordUseButton(_ref50) {
     onClick: handleUsePassword
   }, "Use a password instead"));
 };
+var extractErrorType = function extractErrorType(error) {
+  if (error && _typeof(error) === 'object') {
+    if ('error_type' in error && typeof error.error_type === 'string') {
+      return error.error_type;
+    }
+  }
+};
+var extractEmailSendErrorMessage = function extractEmailSendErrorMessage(error) {
+  var errorType = extractErrorType(error);
+  if (errorType === 'inactive_email') {
+    return 'The email address is marked as inactive. Please try another email address, or contact your admin if you think this is a mistake.';
+  }
+  return 'We were unable to send a passcode to the entered email address. Please try another email address, or contact your admin if you think this is a mistake.';
+};
 var JIT_PROVISIONING_ERRORS = ['email_jit_provisioning_not_allowed', 'invalid_email_for_jit_provisioning'];
 var parseErrorMessage = function parseErrorMessage(error, _ref51) {
   var email = _ref51.email,
     org = _ref51.org;
   if (JIT_PROVISIONING_ERRORS.includes(error.error_type)) {
     return "".concat(email, " does not have access to ").concat(org, ". If you think this is a mistake, contact your admin");
-  } else {
-    return error.error_message;
   }
+  return extractEmailSendErrorMessage(error);
 };
 var EmailForm = function EmailForm(_ref52) {
   var showPasswordButton = _ref52.showPasswordButton;
@@ -2090,7 +2103,7 @@ var EmailDiscoveryForm = function EmailDiscoveryForm(_ref53) {
     email: email,
     setEmail: setEmail
   }), error && /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
-    errorMessage: error.error_message
+    errorMessage: extractEmailSendErrorMessage(error)
   })), /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
     isSubmitting: isMutating,
     text: 'Continue with email'
@@ -4315,7 +4328,7 @@ var EmailOTPEntryScreen = function EmailOTPEntryScreen() {
     resetAuthenticate = _useMutate6.reset;
   var isAuthenticatingAny = isDiscoveryAuthenticating || isAuthenticating;
   var authenticateAnyError = discoveryAuthenticateError || authenticateError;
-  var errorMessage = authenticateAnyError ? 'Invalid passcode, please try again.' : sendError ? extractErrorMessage.extractErrorMessage(sendError) : undefined;
+  var errorMessage = authenticateAnyError ? 'Invalid passcode, please try again.' : sendError ? extractEmailSendErrorMessage(sendError) : undefined;
   var resetAll = function resetAll() {
     resetDiscoveryAuthenticate();
     resetAuthenticate();
@@ -5989,13 +6002,6 @@ var PhoneInput = function PhoneInput(_ref121) {
     required: true
   }, hasPasskeys ? extractErrorMessage.passwordManagerDisableAutofillProps : {})));
 };
-var extractErrorType = function extractErrorType(error) {
-  if (error && _typeof(error) === 'object') {
-    if ('error_type' in error && typeof error.error_type === 'string') {
-      return error.error_type;
-    }
-  }
-};
 var DEFAULT_COUNTRY_CODE = 'US';
 var InvalidPhoneNumberError = /*#__PURE__*/function (_internal$StytchSDKEr) {
   function InvalidPhoneNumberError() {