@basiq/connect-auth 1.0.7 → 1.0.9

package/dist/connect-auth.esm.js

@@ -662,7 +662,8 @@ function Page(props) {
     title = props.title,
     subTitle = props.subTitle,
     shadow = props.shadow,
-    onBack = props.onBack;
+    onBack = props.onBack,
+    backDisabled = props.backDisabled;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return React.createElement(PageStyled, {
@@ -670,7 +671,8 @@ function Page(props) {
   }, onBack && React.createElement(Button, {
     onClick: onBack,
     label: t('back'),
-    buttonType: "back"
+    buttonType: "back",
+    disabled: backDisabled
   }), title && React.createElement("h3", null, title), subTitle && React.createElement(PageSubtitle, null, subTitle), React.createElement(PageMainContainer, null, children), React.createElement(PageControlsSection, {
     notEmpty: ((_buttons$length = buttons == null ? void 0 : buttons.length) != null ? _buttons$length : 0) > 0
   }, React.createElement(PageShadowWrapper, null, shadow && React.createElement(PageShadow, null), buttons == null ? void 0 : buttons.map(function (b, index) {
@@ -1063,6 +1065,9 @@ function AuthScreen(_ref) {
   var _useState5 = useState(false),
     loading = _useState5[0],
     setLoading = _useState5[1];
+  var _useState6 = useState(false),
+    tooManyAttemps = _useState6[0],
+    setTooManyAttemps = _useState6[1];
   var handleCodeApply = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
       var _response$data, response, _response$data2;
@@ -1070,7 +1075,7 @@ function AuthScreen(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(smsCode.length === 4 && error.length === 0 && (!e || (e == null ? void 0 : e.key) === 'Enter'))) {
-              _context.next = 7;
+              _context.next = 6;
               break;
             }
             setLoading(true);
@@ -1084,12 +1089,15 @@ function AuthScreen(_ref) {
             response = _context.sent;
             if (response != null && (_response$data = response.data) != null && _response$data.access_token) {
               window.open("https://consent.basiq.io/home?token=" + (response == null || (_response$data2 = response.data) == null ? void 0 : _response$data2.access_token) + "&action=" + (action.length > 0 ? action : 'connect'), "_self");
-            }
-            if (response != null && response.error) {
+            } else if ((response == null ? void 0 : response.statusCode) === 204) {
+              setLoading(false);
+              setTooManyAttemps(true);
+              setError(t('too_many_attempts'));
+            } else if (response != null && response.error) {
               setLoading(false);
               setError(t('this_code_doesnt_appear_to_be_valid'));
             }
-          case 7:
+          case 6:
           case "end":
             return _context.stop();
         }
@@ -1153,7 +1161,8 @@ function AuthScreen(_ref) {
     }),
     shadow: shadow,
     buttons: buttons,
-    onBack: onBack
+    onBack: onBack,
+    backDisabled: tooManyAttemps
   }, React.createElement(InnerContainer, null, React.createElement(InputContainer, null, React.createElement(InputStyled, {
     pattern: "\\d{4}",
     inputMode: "numeric",
@@ -1163,16 +1172,17 @@ function AuthScreen(_ref) {
     onChange: handleInput,
     value: smsCode,
     filled: smsCode.length === 4,
-    error: !!error,
+    error: tooManyAttemps || !!error,
+    disabled: tooManyAttemps,
     onKeyPress: function onKeyPress(e) {
       return handleCodeApply(e);
     }
   })), React.createElement(PageConnectFooterControl, null, resend && React.createElement(StatusMessage, null, t('new_sms_code_has_been_sent')), !!error && React.createElement(StatusMessage, {
     error: true
   }, error), React.createElement(PageConnectFooterText, null, React.createElement("span", null, React.createElement(React.Fragment, null, t('didnt_receive_the_code'), " ", React.createElement(DivAsLink, {
-    disabled: resendLoading,
+    disabled: tooManyAttemps || resendLoading,
     onClick: function onClick() {
-      return !resendLoading && handleResend();
+      return !tooManyAttemps && !resendLoading && handleResend();
     }
   }, t('resend_sms')))))), React.createElement(LoadingModal, {
     isOpen: loading
@@ -1353,6 +1363,7 @@ var resend_sms = "Resend SMS";
 var failed_to_send_sms = "Failed to send SMS.";
 var page_not_found = "Page not found";
 var missing_authentication_token = "Missing Authentication Token";
+var too_many_attempts = "Too many attempts. Please use a new link to try again.";
 var translationEN = {
 	back: back,
 	error: error,
@@ -1380,7 +1391,8 @@ var translationEN = {
 	resend_sms: resend_sms,
 	failed_to_send_sms: failed_to_send_sms,
 	page_not_found: page_not_found,
-	missing_authentication_token: missing_authentication_token
+	missing_authentication_token: missing_authentication_token,
+	too_many_attempts: too_many_attempts
 };
 
 // the translations