@basiq/connect-auth 0.1.86 → 0.1.89

package/dist/App.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare function App(): JSX.Element;
+import { IBCProps } from "./components/BasiqConnect";
+declare function App(props: IBCProps): JSX.Element;
 export default App;

package/dist/actions/actions.d.ts

@@ -1,4 +1,8 @@
-export declare const verifySmsCode: (authRequestId: string, smsCode: string) => Promise<{
+export declare const verifySmsCode: ({ authRequestId, smsCode, test }: {
+    authRequestId: string;
+    smsCode: string;
+    test?: boolean;
+}) => Promise<{
     data: any;
     headers: Headers;
     statusCode: number;
@@ -11,7 +15,11 @@ export declare const verifySmsCode: (authRequestId: string, smsCode: string) =>
     ok: boolean;
     data?: undefined;
 }>;
-export declare const authUser: (authRequestId: string, method?: 'POST' | 'GET') => Promise<{
+export declare const authUser: ({ authRequestId, method, test }: {
+    authRequestId: string;
+    method?: 'POST' | 'GET';
+    test?: boolean;
+}) => Promise<{
     data: any;
     headers: Headers;
     statusCode: number;

package/dist/components/BasiqConnect.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import '../locales/i18n';
+export interface IBCProps {
+    test?: boolean;
+}
+export declare function BasiqConnect(props: IBCProps): JSX.Element;

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

@@ -3,7 +3,8 @@ interface IProps {
     shadow: boolean;
     onBack: () => void;
     number: string;
-    authId: string;
+    authRequestId: string;
+    test?: boolean;
 }
-declare function AuthScreen({ onBack, number, authId, shadow }: IProps): JSX.Element;
+declare function AuthScreen({ onBack, number, authRequestId, shadow, test }: IProps): JSX.Element;
 export default AuthScreen;

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

@@ -4,7 +4,8 @@ interface IProps {
     showErrorScreen: (code: string) => void;
     shadow: boolean;
     appName: string;
-    authId?: string;
+    authRequestId?: string;
+    test?: boolean;
 }
 declare function StartScreen(props: IProps): JSX.Element;
 export default StartScreen;

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

@@ -475,7 +475,7 @@ var hexToRGBa = function hexToRGBa(hex, opacity) {
   return "rgba(" + (hexToRGBA == null ? void 0 : hexToRGBA.concat(opp).join()) + ")";
 };
 
-// export const DASHBOARD_API_URL = 'https://c9joivz12f.execute-api.ap-southeast-2.amazonaws.com/Development/';
+var DASHBOARD_API_URL_TEST = 'https://c9joivz12f.execute-api.ap-southeast-2.amazonaws.com/Development/';
 var DASHBOARD_API_URL = 'https://p4c8zn20r9.execute-api.ap-southeast-2.amazonaws.com/Production_v1/';
 
 var _templateObject$2, _templateObject2$2, _templateObject3$1;
@@ -781,12 +781,13 @@ function NotFound(_ref) {
 }
 
 var verifySmsCode = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(authRequestId, smsCode) {
-    var body, reqData, result, json;
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var authRequestId, smsCode, test, body, reqData, result, json;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
+            authRequestId = _ref.authRequestId, smsCode = _ref.smsCode, test = _ref.test;
             body = {
               'sms-code': smsCode
             };
@@ -798,34 +799,34 @@ var verifySmsCode = /*#__PURE__*/function () {
               method: 'POST',
               body: JSON.stringify(body)
             };
-            _context.next = 4;
-            return fetch(DASHBOARD_API_URL + "client_auth/" + authRequestId + "/token", reqData);
+            _context.next = 5;
+            return fetch((test ? DASHBOARD_API_URL_TEST : DASHBOARD_API_URL) + "client_auth/" + authRequestId + "/token", reqData);
 
-          case 4:
+          case 5:
             result = _context.sent;
 
             if (!(result.status >= 200 && result.status < 300)) {
-              _context.next = 15;
+              _context.next = 16;
               break;
             }
 
             if (!(result.status === 204)) {
-              _context.next = 10;
+              _context.next = 11;
               break;
             }
 
             _context.t0 = null;
-            _context.next = 13;
+            _context.next = 14;
             break;
 
-          case 10:
-            _context.next = 12;
+          case 11:
+            _context.next = 13;
             return result.json();
 
-          case 12:
+          case 13:
             _context.t0 = _context.sent;
 
-          case 13:
+          case 14:
             json = _context.t0;
             return _context.abrupt("return", {
               data: json,
@@ -834,9 +835,9 @@ var verifySmsCode = /*#__PURE__*/function () {
               ok: true
             });
 
-          case 15:
+          case 16:
             if (!(result.status >= 400)) {
-              _context.next = 17;
+              _context.next = 18;
               break;
             }
 
@@ -847,7 +848,7 @@ var verifySmsCode = /*#__PURE__*/function () {
               ok: false
             });
 
-          case 17:
+          case 18:
             return _context.abrupt("return", {
               headers: result.headers,
               statusCode: result.status,
@@ -855,7 +856,7 @@ var verifySmsCode = /*#__PURE__*/function () {
               ok: false
             });
 
-          case 18:
+          case 19:
           case "end":
             return _context.stop();
         }
@@ -863,30 +864,27 @@ var verifySmsCode = /*#__PURE__*/function () {
     }, _callee);
   }));
 
-  return function verifySmsCode(_x, _x2) {
-    return _ref.apply(this, arguments);
+  return function verifySmsCode(_x) {
+    return _ref2.apply(this, arguments);
   };
 }();
 var authUser = /*#__PURE__*/function () {
-  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(authRequestId, method) {
-    var reqData, result, json, _json;
+  var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+    var authRequestId, method, test, reqData, result, json, _json;
 
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            if (method === void 0) {
-              method = 'POST';
-            }
-
+            authRequestId = _ref3.authRequestId, method = _ref3.method, test = _ref3.test;
             reqData = {
               headers: {
                 'Content-Type': 'application/json'
               },
-              method: method
+              method: method || 'POST'
             };
             _context2.next = 4;
-            return fetch(DASHBOARD_API_URL + "client_auth/" + authRequestId, reqData);
+            return fetch((test ? DASHBOARD_API_URL_TEST : DASHBOARD_API_URL) + "client_auth/" + authRequestId, reqData);
 
           case 4:
             result = _context2.sent;
@@ -948,7 +946,7 @@ var authUser = /*#__PURE__*/function () {
             return _context2.abrupt("return", {
               headers: result.headers,
               statusCode: result.status,
-              error: _json.message || result.statusText || 'Something went wrong',
+              error: (_json == null ? void 0 : _json.message) || result.statusText || 'Something went wrong',
               ok: false
             });
 
@@ -968,8 +966,8 @@ var authUser = /*#__PURE__*/function () {
     }, _callee2);
   }));
 
-  return function authUser(_x3, _x4) {
-    return _ref2.apply(this, arguments);
+  return function authUser(_x2) {
+    return _ref4.apply(this, arguments);
   };
 }();
 
@@ -1017,7 +1015,9 @@ function StartScreen(props) {
   var onContinue = props.onContinue,
       appName = props.appName,
       shadow = props.shadow,
-      authId = props.authId;
+      authRequestId = props.authRequestId,
+      showErrorScreen = props.showErrorScreen,
+      test = props.test;
 
   var _useState = React.useState(false),
       loading = _useState[0],
@@ -1028,28 +1028,32 @@ function StartScreen(props) {
 
   var handleContinue = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _response$data, response;
-
+      var response;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               setLoading(true);
 
-              if (!authId) {
+              if (!authRequestId) {
                 _context.next = 6;
                 break;
               }
 
               _context.next = 4;
-              return authUser(authId);
+              return authUser({
+                authRequestId: authRequestId,
+                test: test
+              });
 
             case 4:
               response = _context.sent;
 
-              if ((response == null ? void 0 : (_response$data = response.data) == null ? void 0 : _response$data.status) === 'code-sent') {
+              if (response != null && response.ok) {
                 setLoading(false);
                 onContinue();
+              } else {
+                showErrorScreen(response == null ? void 0 : response.statusCode.toString());
               }
 
             case 6:
@@ -1120,8 +1124,9 @@ function StartScreen(props) {
 function AuthScreen(_ref) {
   var onBack = _ref.onBack,
       number = _ref.number,
-      authId = _ref.authId,
-      shadow = _ref.shadow;
+      authRequestId = _ref.authRequestId,
+      shadow = _ref.shadow,
+      test = _ref.test;
 
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
@@ -1131,8 +1136,8 @@ function AuthScreen(_ref) {
       setError = _useState[1];
 
   var _useState2 = React.useState(''),
-      code = _useState2[0],
-      setCode = _useState2[1];
+      smsCode = _useState2[0],
+      setSmsCode = _useState2[1];
 
   var _useState3 = React.useState(false),
       resend = _useState3[0],
@@ -1154,7 +1159,11 @@ function AuthScreen(_ref) {
             case 0:
               setLoading(true);
               _context.next = 3;
-              return verifySmsCode(authId, code);
+              return verifySmsCode({
+                authRequestId: authRequestId,
+                smsCode: smsCode,
+                test: test
+              });
 
             case 3:
               response = _context.sent;
@@ -1196,10 +1205,13 @@ function AuthScreen(_ref) {
           switch (_context2.prev = _context2.next) {
             case 0:
               setError('');
-              setCode('');
+              setSmsCode('');
               setLoading(true);
               _context2.next = 5;
-              return authUser(authId);
+              return authUser({
+                authRequestId: authRequestId,
+                test: test
+              });
 
             case 5:
               response = _context2.sent;
@@ -1227,7 +1239,7 @@ function AuthScreen(_ref) {
   var handleInput = function handleInput(e) {
     setError('');
     setResend(false);
-    setCode(e.target.value);
+    setSmsCode(e.target.value);
   };
 
   return React__default.createElement(Page, {
@@ -1245,8 +1257,8 @@ function AuthScreen(_ref) {
     type: "text",
     maxLength: 4,
     onChange: handleInput,
-    value: code,
-    filled: code.length === 4,
+    value: smsCode,
+    filled: smsCode.length === 4,
     error: !!error
   })), 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
@@ -1259,7 +1271,7 @@ function AuthScreen(_ref) {
   })));
 }
 
-function App() {
+function App(props) {
   var ref = React.createRef();
 
   var _useState = React.useState(false),
@@ -1301,7 +1313,7 @@ function App() {
   React.useEffect(function () {
     var getData = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var id, _response$data, response, _response$data2, _response$data3, _response$data5, _response$data5$partn, _response$data4, _response$data6, _response$data6$partn;
+        var id, response, _response$data, _response$data2, _response$data4, _response$data4$partn, _response$data3, _response$data5, _response$data5$partn;
 
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) {
@@ -1317,21 +1329,25 @@ function App() {
                 setAuthId(id);
                 setLoading(true);
                 _context.next = 6;
-                return authUser(id, 'GET');
+                return authUser({
+                  authRequestId: id,
+                  method: 'GET',
+                  test: props.test
+                });
 
               case 6:
                 response = _context.sent;
 
-                if (response != null && (_response$data = response.data) != null && _response$data.ok) {
+                if (response != null && response.ok) {
                   setCurrentScreen(1);
-                  setMobile(response == null ? void 0 : (_response$data2 = response.data) == null ? void 0 : _response$data2.mobile);
+                  setMobile(response == null ? void 0 : (_response$data = response.data) == null ? void 0 : _response$data.mobile);
 
-                  if (response != null && (_response$data3 = response.data) != null && _response$data3.appName) {
-                    setAppName(response == null ? void 0 : (_response$data4 = response.data) == null ? void 0 : _response$data4.appName);
+                  if (response != null && (_response$data2 = response.data) != null && _response$data2.appName) {
+                    setAppName(response == null ? void 0 : (_response$data3 = response.data) == null ? void 0 : _response$data3.appName);
                   }
 
-                  if (response != null && (_response$data5 = response.data) != null && (_response$data5$partn = _response$data5.partner) != null && _response$data5$partn.logoUrl) {
-                    setLogo(response == null ? void 0 : (_response$data6 = response.data) == null ? void 0 : (_response$data6$partn = _response$data6.partner) == null ? void 0 : _response$data6$partn.logoUrl);
+                  if (response != null && (_response$data4 = response.data) != null && (_response$data4$partn = _response$data4.partner) != null && _response$data4$partn.logoUrl) {
+                    setLogo(response == null ? void 0 : (_response$data5 = response.data) == null ? void 0 : (_response$data5$partn = _response$data5.partner) == null ? void 0 : _response$data5$partn.logoUrl);
                   }
                 } else {
                   showErrorScreen(response == null ? void 0 : response.statusCode.toString());
@@ -1385,7 +1401,8 @@ function App() {
           onContinue: function onContinue() {
             return setCurrentScreen(2);
           },
-          authId: authId
+          authRequestId: authId,
+          test: props.test
         });
 
       case 2:
@@ -1395,7 +1412,8 @@ function App() {
             return setCurrentScreen(1);
           },
           shadow: shadow,
-          authId: authId
+          authRequestId: authId,
+          test: props.test
         });
 
       case 3:
@@ -1492,10 +1510,12 @@ i18n.use(reactI18next.initReactI18next) // passes i18n down to react-i18next
   }
 });
 
-function BasiqConnect() {
+function BasiqConnect(props) {
   return React__default.createElement(React__default.StrictMode, null, React__default.createElement(styled.ThemeProvider, {
     theme: theme
-  }, React__default.createElement(App, null)));
+  }, React__default.createElement(App, {
+    test: props.test
+  })));
 }
 
 exports.BasiqConnect = BasiqConnect;