@basiq/connect-auth 0.1.72 → 0.1.75

package/src/actions/actions.js

@@ -1,140 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.authUser = exports.verifySmsCode = void 0;
-var helpers_1 = require("../helpers");
-var verifySmsCode = function (authRequestId, smsCode) { return __awaiter(void 0, void 0, void 0, function () {
-    var body, reqData, result, json, _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                body = {
-                    'sms-code': smsCode
-                };
-                reqData = {
-                    headers: {
-                        'Content-Type': 'application/json',
-                        Authorization: "Basic SMS_CODE:".concat(authRequestId)
-                    },
-                    method: 'POST',
-                    body: JSON.stringify(body)
-                };
-                return [4 /*yield*/, fetch("".concat(helpers_1.DASHBOARD_API_URL, "client_auth/").concat(authRequestId, "/token"), reqData)];
-            case 1:
-                result = _b.sent();
-                if (!(result.status >= 200 && result.status < 300)) return [3 /*break*/, 5];
-                if (!(result.status === 204)) return [3 /*break*/, 2];
-                _a = null;
-                return [3 /*break*/, 4];
-            case 2: return [4 /*yield*/, result.json()];
-            case 3:
-                _a = _b.sent();
-                _b.label = 4;
-            case 4:
-                json = _a;
-                return [2 /*return*/, {
-                        data: json,
-                        headers: result.headers,
-                        statusCode: result.status
-                    }];
-            case 5:
-                if (result.status >= 400) {
-                    return [2 /*return*/, {
-                            headers: result.headers,
-                            statusCode: result.status,
-                            error: result.statusText || 'Something went wrong'
-                        }];
-                }
-                return [2 /*return*/, {
-                        headers: result.headers,
-                        statusCode: result.status,
-                        error: result.statusText || 'Something went wrong'
-                    }];
-        }
-    });
-}); };
-exports.verifySmsCode = verifySmsCode;
-var authUser = function (authRequestId, method) {
-    if (method === void 0) { method = 'POST'; }
-    return __awaiter(void 0, void 0, void 0, function () {
-        var reqData, result, json, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    reqData = {
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        method: method
-                    };
-                    return [4 /*yield*/, fetch("".concat(helpers_1.DASHBOARD_API_URL, "client_auth/").concat(authRequestId), reqData)];
-                case 1:
-                    result = _b.sent();
-                    if (!(result.status >= 200 && result.status < 300)) return [3 /*break*/, 5];
-                    if (!(result.status === 204)) return [3 /*break*/, 2];
-                    _a = null;
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, result.json()];
-                case 3:
-                    _a = _b.sent();
-                    _b.label = 4;
-                case 4:
-                    json = _a;
-                    return [2 /*return*/, {
-                            data: json,
-                            headers: result.headers,
-                            statusCode: result.status
-                        }];
-                case 5:
-                    if (result.status >= 400) {
-                        return [2 /*return*/, {
-                                headers: result.headers,
-                                statusCode: result.status,
-                                error: result.statusText || 'Something went wrong'
-                            }];
-                    }
-                    return [2 /*return*/, {
-                            headers: result.headers,
-                            statusCode: result.status,
-                            error: result.statusText || 'Something went wrong'
-                        }];
-            }
-        });
-    });
-};
-exports.authUser = authUser;

package/src/actions/actions.ts

@@ -1,71 +0,0 @@
-import { DASHBOARD_API_URL } from '../helpers';
-
-export const verifySmsCode = async (authRequestId: string, smsCode: string) => {
-	const body = {
-		'sms-code': smsCode
-	};
-
-	const reqData = {
-		headers: {
-			'Content-Type': 'application/json',
-			Authorization: `Basic SMS_CODE:${authRequestId}`
-		},
-		method: 'POST',
-		body: JSON.stringify(body)
-	};
-
-	const result = await fetch(`${DASHBOARD_API_URL}client_auth/${authRequestId}/token`, reqData);
-
-	if (result.status >= 200 && result.status < 300) {
-		const json = result.status === 204 ? null : await result.json();
-		return {
-			data: json,
-			headers: result.headers,
-			statusCode: result.status
-		};
-	}
-	if (result.status >= 400) {
-		return {
-			headers: result.headers,
-			statusCode: result.status,
-			error: result.statusText || 'Something went wrong'
-		};
-	}
-	return {
-		headers: result.headers,
-		statusCode: result.status,
-		error: result.statusText || 'Something went wrong'
-	};
-};
-
-export const authUser = async (authRequestId: string, method: 'POST' | 'GET' = 'POST') => {
-	const reqData = {
-		headers: {
-			'Content-Type': 'application/json'
-		},
-		method
-	};
-
-	const result = await fetch(`${DASHBOARD_API_URL}client_auth/${authRequestId}`, reqData);
-
-	if (result.status >= 200 && result.status < 300) {
-		const json = result.status === 204 ? null : await result.json();
-		return {
-			data: json,
-			headers: result.headers,
-			statusCode: result.status
-		};
-	}
-	if (result.status >= 400) {
-		return {
-			headers: result.headers,
-			statusCode: result.status,
-			error: result.statusText || 'Something went wrong'
-		};
-	}
-	return {
-		headers: result.headers,
-		statusCode: result.status,
-		error: result.statusText || 'Something went wrong'
-	};
-};

package/src/components/modals/LoadingModal.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface IProps {
-    isOpen: boolean;
-    disableTransparency?: boolean;
-    loadingText?: string;
-}
-declare function LoadingModal(props: IProps): JSX.Element;
-export default LoadingModal;

package/src/components/modals/LoadingModal.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var Modal_1 = __importDefault(require("../ui/Modal"));
-var styledComponents_1 = require("../../styledComponents");
-var icon_1 = __importDefault(require("../ui/icon"));
-var loading_indicator_svg_1 = __importDefault(require("../../images/loading_indicator.svg"));
-function LoadingModal(props) {
-    var isOpen = props.isOpen, disableTransparency = props.disableTransparency, loadingText = props.loadingText;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    return (react_1.default.createElement(Modal_1.default, { isOpen: isOpen, disableTransparency: !!disableTransparency },
-        react_1.default.createElement(styledComponents_1.LoadingModalStyled, { disableTransparency: !!disableTransparency },
-            react_1.default.createElement(icon_1.default, { img: loading_indicator_svg_1.default, rotating: true }),
-            react_1.default.createElement(styledComponents_1.LoadingModalText, null, loadingText || t('loading')))));
-}
-exports.default = LoadingModal;

package/src/components/modals/LoadingModal.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { useTranslation } from "react-i18next";
-import Modal from '../ui/Modal';
-import { LoadingModalStyled, LoadingModalText } from '../../styledComponents';
-import Icon from '../ui/icon';
-import loadingIndicator from '../../images/loading_indicator.svg';
-
-interface IProps {
-	isOpen: boolean;
-	disableTransparency?: boolean;
-	loadingText?: string;
-}
-
-function LoadingModal(props: IProps) {
-	const { isOpen, disableTransparency, loadingText } = props;
-	const { t } = useTranslation();
-
-	return (
-		<Modal isOpen={isOpen} disableTransparency={!!disableTransparency}>
-			<LoadingModalStyled disableTransparency={!!disableTransparency}>
-				<Icon img={loadingIndicator} rotating />
-				<LoadingModalText>{loadingText || t('loading')}</LoadingModalText>
-			</LoadingModalStyled>
-		</Modal>
-	);
-}
-
-export default LoadingModal;

package/src/components/modals/index.d.ts

@@ -1 +0,0 @@
-export { default as LoadingModal } from './LoadingModal';

package/src/components/modals/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingModal = void 0;
-var LoadingModal_1 = require("./LoadingModal");
-Object.defineProperty(exports, "LoadingModal", { enumerable: true, get: function () { return __importDefault(LoadingModal_1).default; } });

package/src/components/modals/index.ts

@@ -1 +0,0 @@
-export { default as LoadingModal } from './LoadingModal';

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface IProps {
-    shadow: boolean;
-    onBack: () => void;
-    number: string;
-    authId: string;
-}
-declare function AuthScreen({ onBack, number, authId, shadow }: IProps): JSX.Element;
-export default AuthScreen;

package/src/components/pages/AuthScreen.js

@@ -1,148 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var Page_1 = __importDefault(require("./Page"));
-var styledComponents_1 = require("../../styledComponents");
-var start_1 = require("../../styledComponents/pages/start");
-var modals_1 = require("../modals");
-var actions_1 = require("../../actions/actions");
-function AuthScreen(_a) {
-    var _this = this;
-    var onBack = _a.onBack, number = _a.number, authId = _a.authId, shadow = _a.shadow;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _b = (0, react_1.useState)(''), error = _b[0], setError = _b[1];
-    var _c = (0, react_1.useState)(''), code = _c[0], setCode = _c[1];
-    var _d = (0, react_1.useState)(false), resend = _d[0], setResend = _d[1];
-    var _e = (0, react_1.useState)(false), loading = _e[0], setLoading = _e[1];
-    var handleCodeApply = function () { return __awaiter(_this, void 0, void 0, function () {
-        var response;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    setLoading(true);
-                    return [4 /*yield*/, (0, actions_1.verifySmsCode)(authId, code)];
-                case 1:
-                    response = _c.sent();
-                    setLoading(false);
-                    if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.access_token) {
-                        window.open("https://consent.basiq.io/home?token=".concat((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.access_token));
-                    }
-                    if (response === null || response === void 0 ? void 0 : response.error) {
-                        setError(t('this_code_doesnt_appear_to_be_valid'));
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var buttons = [
-        {
-            label: t('continue'),
-            onClick: function () { return handleCodeApply(); }
-        }
-    ];
-    var handleResend = function () { return __awaiter(_this, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setError('');
-                    setCode('');
-                    setLoading(true);
-                    return [4 /*yield*/, (0, actions_1.authUser)(authId)];
-                case 1:
-                    response = _a.sent();
-                    setLoading(false);
-                    if (response.error) {
-                        setError(t('failed_to_send_sms'));
-                    }
-                    else {
-                        setResend(true);
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleInput = function (e) {
-        setError('');
-        setResend(false);
-        setCode(e.target.value);
-    };
-    return (react_1.default.createElement(Page_1.default, { title: t('verify_your_mobile_number'), subTitle: t('please_enter_the_sms_code_sent_to_your_mobile_number', { number: number }), shadow: shadow, buttons: buttons, onBack: onBack },
-        react_1.default.createElement(start_1.InnerContainer, null,
-            react_1.default.createElement(styledComponents_1.InputContainer, null,
-                react_1.default.createElement(styledComponents_1.InputStyled, { pattern: "\\d{4}", inputMode: "numeric", autoComplete: "one-time-code", type: "text", maxLength: 4, onChange: handleInput, value: code, filled: code.length === 4, error: !!error })),
-            react_1.default.createElement(styledComponents_1.PageConnectFooterControl, null,
-                resend && react_1.default.createElement(styledComponents_1.StatusMessage, null, t('new_sms_code_has_been_sent')),
-                !!error && react_1.default.createElement(styledComponents_1.StatusMessage, { error: true }, error),
-                react_1.default.createElement(styledComponents_1.PageConnectFooterText, null,
-                    react_1.default.createElement("span", null,
-                        t('didnt_receive_the_code'),
-                        " ",
-                        react_1.default.createElement(styledComponents_1.DivAsLink, { onClick: function () { return handleResend(); } }, t('resend_sms'))))),
-            react_1.default.createElement(modals_1.LoadingModal, { isOpen: loading }))));
-}
-exports.default = AuthScreen;

package/src/components/pages/AuthScreen.tsx

@@ -1,94 +0,0 @@
-import React, { ChangeEvent, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import Page, { IButton } from './Page';
-import { DivAsLink, InputContainer, InputStyled, PageConnectFooterControl, PageConnectFooterText, StatusMessage } from '../../styledComponents';
-import { InnerContainer } from '../../styledComponents/pages/start';
-import { LoadingModal } from '../modals';
-import { authUser, verifySmsCode } from '../../actions/actions';
-
-interface IProps {
-	shadow: boolean;
-	onBack: () => void;
-	number: string;
-	authId: string;
-}
-
-function AuthScreen({ onBack, number, authId, shadow }: IProps) {
-	const { t } = useTranslation();
-	const [error, setError] = useState('');
-	const [code, setCode] = useState('');
-	const [resend, setResend] = useState(false);
-	const [loading, setLoading] = useState(false);
-	const handleCodeApply = async () => {
-		setLoading(true);
-		const response = await verifySmsCode(authId, code);
-		setLoading(false);
-		if (response?.data?.access_token) {
-			window.open(`https://consent.basiq.io/home?token=${response?.data?.access_token}`);
-		}
-		if (response?.error) {
-			setError(t('this_code_doesnt_appear_to_be_valid'));
-		}
-	};
-	const buttons: IButton[] = [
-		{
-			label: t('continue'),
-			onClick: () => handleCodeApply()
-		}
-	];
-
-	const handleResend = async () => {
-		setError('');
-		setCode('');
-		setLoading(true);
-		const response = await authUser(authId);
-		setLoading(false);
-		if (response.error) {
-			setError(t('failed_to_send_sms'));
-		} else {
-			setResend(true);
-		}
-	};
-	const handleInput = (e: ChangeEvent<HTMLInputElement>) => {
-		setError('');
-		setResend(false);
-		setCode(e.target.value);
-	};
-	return (
-		<Page
-			title={t('verify_your_mobile_number')}
-			subTitle={t('please_enter_the_sms_code_sent_to_your_mobile_number', { number })}
-			shadow={shadow}
-			buttons={buttons}
-			onBack={onBack}
-		>
-			<InnerContainer>
-				<InputContainer>
-					<InputStyled
-						pattern="\d{4}"
-						inputMode="numeric"
-						autoComplete="one-time-code"
-						type="text"
-						maxLength={4}
-						onChange={handleInput}
-						value={code}
-						filled={code.length === 4}
-						error={!!error}
-					/>
-				</InputContainer>
-				<PageConnectFooterControl>
-					{resend && <StatusMessage>{t('new_sms_code_has_been_sent')}</StatusMessage>}
-					{!!error && <StatusMessage error>{error}</StatusMessage>}
-					<PageConnectFooterText>
-						<span>
-							{t('didnt_receive_the_code')} <DivAsLink onClick={() => handleResend()}>{t('resend_sms')}</DivAsLink>
-						</span>
-					</PageConnectFooterText>
-				</PageConnectFooterControl>
-				<LoadingModal isOpen={loading} />
-			</InnerContainer>
-		</Page>
-	);
-}
-
-export default AuthScreen;

package/src/components/pages/NotFound.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface IProps {
-    messageCode?: string;
-}
-declare function NotFound({ messageCode }: IProps): JSX.Element;
-export default NotFound;

package/src/components/pages/NotFound.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var styledComponents_1 = require("../../styledComponents");
-var icon_1 = __importDefault(require("../ui/icon"));
-var Page_1 = __importDefault(require("./Page"));
-var error_svg_1 = __importDefault(require("../../images/error.svg"));
-function NotFound(_a) {
-    var _b = _a.messageCode, messageCode = _b === void 0 ? '404' : _b;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    return (react_1.default.createElement(Page_1.default, { shadow: false },
-        react_1.default.createElement(styledComponents_1.PageStyled, null,
-            react_1.default.createElement(styledComponents_1.PageStatusScreenMain, null,
-                react_1.default.createElement(styledComponents_1.PageStyled, null,
-                    react_1.default.createElement(styledComponents_1.PageStatusScreenContent, null,
-                        react_1.default.createElement(styledComponents_1.StatusScreenCircleContainer, { type: "warning" },
-                            react_1.default.createElement(icon_1.default, { img: error_svg_1.default, rotating: false })),
-                        react_1.default.createElement("span", null, t('page_not_found')),
-                        react_1.default.createElement(styledComponents_1.StatusScreenErrorCode, null, "".concat(t('error'), ": ").concat(messageCode))))),
-            react_1.default.createElement(styledComponents_1.PageControlsSection, { notEmpty: false },
-                react_1.default.createElement(styledComponents_1.PageShadowWrapper, null)))));
-}
-exports.default = NotFound;

package/src/components/pages/NotFound.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import {
-	PageControlsSection,
-	PageShadowWrapper,
-	PageStatusScreenContent,
-	PageStatusScreenMain,
-	PageStyled,
-	StatusScreenCircleContainer,
-	StatusScreenErrorCode
-} from '../../styledComponents';
-import Icon from '../ui/icon';
-import Page from './Page';
-import err from '../../images/error.svg';
-
-interface IProps {
-	messageCode?: string;
-}
-
-function NotFound({ messageCode = '404' }: IProps) {
-	const { t } = useTranslation();
-	return (
-		<Page shadow={false}>
-			<PageStyled>
-				<PageStatusScreenMain>
-					<PageStyled>
-						<PageStatusScreenContent>
-							<StatusScreenCircleContainer type="warning">
-								<Icon img={err} rotating={false} />
-							</StatusScreenCircleContainer>
-							<span>{t('page_not_found')}</span>
-							<StatusScreenErrorCode>{`${t('error')}: ${messageCode}`}</StatusScreenErrorCode>
-						</PageStatusScreenContent>
-					</PageStyled>
-				</PageStatusScreenMain>
-				<PageControlsSection notEmpty={false}>
-					<PageShadowWrapper />
-				</PageControlsSection>
-			</PageStyled>
-		</Page>
-	);
-}
-
-export default NotFound;

package/src/components/pages/Page.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonType } from '../ui/Button';
-interface IProps {
-    buttons?: IButton[];
-    children: ReactElement;
-    title?: string | ReactElement;
-    subTitle?: string;
-    shadow: boolean;
-    onBack?: () => void;
-}
-export interface IButton {
-    label: string;
-    onClick: () => void;
-    buttonType?: ButtonType;
-    disabled?: boolean;
-}
-declare function Page(props: IProps): JSX.Element;
-export default Page;

package/src/components/pages/Page.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var ui_1 = require("../ui");
-var styledComponents_1 = require("../../styledComponents");
-function Page(props) {
-    var _a;
-    var buttons = props.buttons, children = props.children, title = props.title, subTitle = props.subTitle, shadow = props.shadow, onBack = props.onBack;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    return (react_1.default.createElement(styledComponents_1.PageStyled, { buttonCount: buttons === null || buttons === void 0 ? void 0 : buttons.length },
-        onBack && react_1.default.createElement(ui_1.Button, { onClick: onBack, label: t('back'), buttonType: "back" }),
-        title && react_1.default.createElement("h3", null, title),
-        subTitle && react_1.default.createElement(styledComponents_1.PageSubtitle, null, subTitle),
-        react_1.default.createElement(styledComponents_1.PageMainContainer, null, children),
-        react_1.default.createElement(styledComponents_1.PageControlsSection, { notEmpty: ((_a = buttons === null || buttons === void 0 ? void 0 : buttons.length) !== null && _a !== void 0 ? _a : 0) > 0 },
-            react_1.default.createElement(styledComponents_1.PageShadowWrapper, null,
-                shadow && react_1.default.createElement(styledComponents_1.PageShadow, null), buttons === null || buttons === void 0 ? void 0 :
-                buttons.map(function (b, index) { return (react_1.default.createElement(ui_1.Button, { key: index, onClick: b.onClick, label: b.label, buttonType: b.buttonType, disabled: b.disabled })); })))));
-}
-exports.default = Page;