@basiq/connect-auth 1.0.6 → 1.0.8

package/dist/components/pages/StartScreen.d.ts

@@ -5,6 +5,8 @@ interface IProps {
     shadow: boolean;
     appName: string;
     authRequestId?: string;
+    smsSent: boolean;
+    setSmsSent: (code: boolean) => void;
     test?: boolean;
 }
 declare function StartScreen(props: IProps): JSX.Element;

package/dist/connect-auth.cjs.development.js

@@ -931,6 +931,8 @@ function StartScreen(props) {
     shadow = props.shadow,
     authRequestId = props.authRequestId,
     showErrorScreen = props.showErrorScreen,
+    smsSent = props.smsSent,
+    setSmsSent = props.setSmsSent,
     test = props.test;
   var _useState = React.useState(false),
     loading = _useState[0],
@@ -954,8 +956,8 @@ function StartScreen(props) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setLoading(true);
-            if (!authRequestId) {
-              _context.next = 6;
+            if (!(authRequestId && !smsSent)) {
+              _context.next = 8;
               break;
             }
             _context.next = 4;
@@ -966,12 +968,20 @@ function StartScreen(props) {
           case 4:
             response = _context.sent;
             if (response != null && response.ok) {
+              setSmsSent(true);
               setLoading(false);
               onContinue();
             } else {
               showErrorScreen(response == null ? void 0 : response.statusCode.toString());
             }
-          case 6:
+            _context.next = 9;
+            break;
+          case 8:
+            if (smsSent) {
+              setLoading(false);
+              onContinue();
+            }
+          case 9:
           case "end":
             return _context.stop();
         }
@@ -1061,6 +1071,9 @@ function AuthScreen(_ref) {
   var _useState5 = React.useState(false),
     loading = _useState5[0],
     setLoading = _useState5[1];
+  var _useState6 = React.useState(false),
+    tooManyAttemps = _useState6[0],
+    setTooManyAttemps = _useState6[1];
   var handleCodeApply = React.useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
       var _response$data, response, _response$data2;
@@ -1068,7 +1081,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);
@@ -1082,12 +1095,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();
         }
@@ -1161,14 +1177,15 @@ 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__default.createElement(PageConnectFooterControl, null, resend && React__default.createElement(StatusMessage, null, t('new_sms_code_has_been_sent')), !!error && React__default.createElement(StatusMessage, {
     error: true
   }, error), React__default.createElement(PageConnectFooterText, null, React__default.createElement("span", null, React__default.createElement(React__default.Fragment, null, t('didnt_receive_the_code'), " ", React__default.createElement(DivAsLink, {
-    disabled: resendLoading,
+    disabled: tooManyAttemps || resendLoading,
     onClick: function onClick() {
       return !resendLoading && handleResend();
     }
@@ -1207,6 +1224,9 @@ function App(props) {
   var _useState9 = React.useState(''),
     errorCode = _useState9[0],
     setErrorCode = _useState9[1];
+  var _useState10 = React.useState(false),
+    smsSent = _useState10[0],
+    setSmsSent = _useState10[1];
   var handleConnectionsScroll = function handleConnectionsScroll(event) {
     setShadow(detectScrollToBottom(event));
   };
@@ -1288,6 +1308,8 @@ function App(props) {
             return setCurrentScreen(2);
           },
           authRequestId: authId,
+          smsSent: smsSent,
+          setSmsSent: setSmsSent,
           test: test
         });
       case 2:
@@ -1346,6 +1368,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,
@@ -1373,7 +1396,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