@basiq/connect-auth 0.1.6 → 0.1.72

package/src/components/pages/StartScreen.js

@@ -0,0 +1,127 @@
+"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 actions_1 = require("../../actions/actions");
+var modals_1 = require("../modals");
+function StartScreen(props) {
+    var _this = this;
+    var onContinue = props.onContinue, appName = props.appName, shadow = props.shadow, authId = props.authId;
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var handleContinue = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setLoading(true);
+                    return [4 /*yield*/, (0, actions_1.authUser)(authId)];
+                case 1:
+                    response = _b.sent();
+                    if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.status) === 'code-sent') {
+                        setLoading(false);
+                        onContinue();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var buttons = [
+        {
+            label: t('continue'),
+            onClick: function () { return handleContinue(); }
+        }
+    ];
+    return (react_1.default.createElement(Page_1.default, { title: appName ? (react_1.default.createElement(react_i18next_1.Trans, { t: t, i18nKey: "use_basiq_to_connect_your_accounts", values: { name: appName }, components: { bold: react_1.default.createElement("strong", null) } })) : (react_1.default.createElement(react_i18next_1.Trans, { t: t, i18nKey: "we_use_basiq_to_connect_your_accounts", components: { bold: react_1.default.createElement("strong", null) } })), shadow: shadow, buttons: buttons },
+        react_1.default.createElement(styledComponents_1.InnerContainer, null,
+            react_1.default.createElement(styledComponents_1.Spacer, null),
+            react_1.default.createElement(styledComponents_1.H4Styled, null, t('to_do_this_we_will_ask_you_to')),
+            react_1.default.createElement("ul", null,
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement(react_i18next_1.Trans, { t: t, i18nKey: "verify_your_mobile_number_bold", components: { bold: react_1.default.createElement("strong", null) } })),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement(react_i18next_1.Trans, { t: t, i18nKey: "consent_to_share_your_data_with_us", components: { bold: react_1.default.createElement("strong", null) } })),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement(react_i18next_1.Trans, { t: t, i18nKey: "share_your_financial_data", components: { bold: react_1.default.createElement("strong", null) } }))),
+            react_1.default.createElement(styledComponents_1.H4Styled, null, t('things_you_should_know')),
+            react_1.default.createElement("ul", null,
+                react_1.default.createElement("li", null, t('we_dont_share_your_data_without_your_consent')),
+                react_1.default.createElement("li", null, t('you_can_easily_stop_sharing_your_data_at_any_time')),
+                react_1.default.createElement("li", null, t('you_can_choose_to_delete_shared_data_when_we_no_longer_need_it'))),
+            react_1.default.createElement(styledComponents_1.Spacer, null),
+            react_1.default.createElement("span", null,
+                t('by_proceeding_you_agree_to_the'),
+                ' ',
+                react_1.default.createElement("a", { href: "https://docs.basiq.io/en/articles/415750-basiq-terms-of-service" }, t('terms_of_service')),
+                " ",
+                t('and'),
+                ' ',
+                react_1.default.createElement("a", { href: "https://docs.basiq.io/en/articles/382581-basiq-privacy-policy" }, t('privacy_notice'))),
+            react_1.default.createElement(modals_1.LoadingModal, { isOpen: loading }))));
+}
+exports.default = StartScreen;

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

@@ -0,0 +1,4 @@
+export { default as Page } from './Page';
+export { default as NotFound } from './NotFound';
+export { default as StartScreen } from './StartScreen';
+export { default as AuthScreen } from './AuthScreen';

package/src/components/pages/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthScreen = exports.StartScreen = exports.NotFound = exports.Page = void 0;
+var Page_1 = require("./Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return __importDefault(Page_1).default; } });
+var NotFound_1 = require("./NotFound");
+Object.defineProperty(exports, "NotFound", { enumerable: true, get: function () { return __importDefault(NotFound_1).default; } });
+var StartScreen_1 = require("./StartScreen");
+Object.defineProperty(exports, "StartScreen", { enumerable: true, get: function () { return __importDefault(StartScreen_1).default; } });
+var AuthScreen_1 = require("./AuthScreen");
+Object.defineProperty(exports, "AuthScreen", { enumerable: true, get: function () { return __importDefault(AuthScreen_1).default; } });

package/src/components/ui/Button.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type ButtonType = 'secondary' | 'tiny' | 'link' | 'back';
+interface Props {
+    onClick: () => void;
+    label: string;
+    buttonType?: ButtonType;
+    disabled?: boolean;
+}
+declare function Button(props: Props): JSX.Element;
+export default Button;

package/src/components/ui/Button.js

@@ -0,0 +1,17 @@
+"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 styledComponents_1 = require("../../styledComponents");
+var back_svg_1 = __importDefault(require("../../images/back.svg"));
+function Button(props) {
+    var onClick = props.onClick, label = props.label, buttonType = props.buttonType, disabled = props.disabled;
+    return (react_1.default.createElement(styledComponents_1.ButtonStyled, { buttonType: buttonType, disabled: disabled || false, onClick: onClick },
+        buttonType === 'back' && react_1.default.createElement("img", { src: back_svg_1.default, alt: "" }),
+        react_1.default.createElement(styledComponents_1.ButtonLabel, null,
+            " ",
+            label || '')));
+}
+exports.default = Button;

package/src/components/ui/Modal.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+interface IProps {
+    children: ReactElement;
+    onClose?: () => void;
+    isOpen: boolean;
+    disableTransparency: boolean;
+}
+declare function Modal(props: IProps): JSX.Element;
+export default Modal;

package/src/components/ui/Modal.js

@@ -0,0 +1,17 @@
+"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 styledComponents_1 = require("../../styledComponents");
+function Modal(props) {
+    var children = props.children, onClose = props.onClose, isOpen = props.isOpen, disableTransparency = props.disableTransparency;
+    var handleOutsideClick = function (e) {
+        if (onClose && e.target.id === 'ui-modal') {
+            onClose();
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null, isOpen ? (react_1.default.createElement(styledComponents_1.ModalStyled, { id: "ui-modal", disableTransparency: disableTransparency, onClick: handleOutsideClick }, children)) : null));
+}
+exports.default = Modal;

package/src/components/ui/icon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IProps {
+    rotating: boolean;
+    img: string;
+}
+declare function Icon(props: IProps): JSX.Element;
+export default Icon;

package/src/components/ui/icon.js

@@ -0,0 +1,13 @@
+"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 styledComponents_1 = require("../../styledComponents");
+function Icon(props) {
+    var rotating = props.rotating, img = props.img;
+    return (react_1.default.createElement(styledComponents_1.IconWrapper, { rotating: rotating },
+        react_1.default.createElement("img", { src: img, alt: "" })));
+}
+exports.default = Icon;

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

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

package/src/components/ui/index.js

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

package/src/helpers/constants.d.ts

@@ -0,0 +1 @@
+export declare const DASHBOARD_API_URL = "https://p4c8zn20r9.execute-api.ap-southeast-2.amazonaws.com/Production_v1/";

package/src/helpers/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DASHBOARD_API_URL = void 0;
+// export const DASHBOARD_API_URL = 'https://c9joivz12f.execute-api.ap-southeast-2.amazonaws.com/Development/';
+exports.DASHBOARD_API_URL = 'https://p4c8zn20r9.execute-api.ap-southeast-2.amazonaws.com/Production_v1/';

package/src/helpers/hookUtils.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useFocus: () => (import("react").MutableRefObject<HTMLInputElement> | (() => void))[];

package/src/helpers/hookUtils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocus = void 0;
+var react_1 = require("react");
+var useFocus = function () {
+    var htmlElRef = (0, react_1.useRef)(null);
+    var setFocus = function () { return htmlElRef.current && htmlElRef.current.focus(); };
+    return [htmlElRef, setFocus];
+};
+exports.useFocus = useFocus;

package/src/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hookUtils';
+export * from './utils';
+export * from './constants';

package/src/helpers/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hookUtils"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./constants"), exports);

package/src/helpers/utils.d.ts

@@ -0,0 +1,3 @@
+import { SyntheticEvent } from 'react';
+export declare function detectScrollToBottom(event: SyntheticEvent<HTMLDivElement>): boolean;
+export declare const hexToRGBa: (hex: string, opacity: number) => string;

package/src/helpers/utils.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hexToRGBa = exports.detectScrollToBottom = void 0;
+function detectScrollToBottom(event) {
+    var _a = event.currentTarget, scrollHeight = _a.scrollHeight, scrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
+    return scrollHeight - scrollTop > clientHeight;
+}
+exports.detectScrollToBottom = detectScrollToBottom;
+var hexToRGBa = function (hex, opacity) {
+    var _a;
+    var hexToRGBA = (_a = hex.match(/[A-Za-z0-9]{2}/g)) === null || _a === void 0 ? void 0 : _a.map(function (v) { return parseInt(v, 16); });
+    var opp = opacity > 1 && opacity < 0 ? 1 : opacity;
+    return "rgba(".concat(hexToRGBA === null || hexToRGBA === void 0 ? void 0 : hexToRGBA.concat(opp).join(), ")");
+};
+exports.hexToRGBa = hexToRGBa;

package/src/index.d.ts

@@ -0,0 +1,6 @@
+import './locales/i18n';
+interface IProps {
+    containerId: string;
+}
+declare const BasiqConnect: (inputs: IProps) => void;
+export default BasiqConnect;

package/src/index.js

@@ -0,0 +1,23 @@
+"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_dom_1 = __importDefault(require("react-dom"));
+var styled_components_1 = require("styled-components");
+var App_1 = __importDefault(require("./App"));
+require("./locales/i18n");
+var styledComponents_1 = require("./styledComponents");
+var BasiqConnect = function (inputs) {
+    if (inputs && inputs.containerId !== null) {
+        react_dom_1.default.render(react_1.default.createElement(react_1.default.StrictMode, null,
+            react_1.default.createElement(styled_components_1.ThemeProvider, { theme: styledComponents_1.theme },
+                react_1.default.createElement(App_1.default, null))), document.getElementById(inputs.containerId));
+    }
+    else {
+        // eslint-disable-next-line no-console
+        console.error("BASIQ CONNECT CONTROL ERROR: Provided container node doesn't exist.");
+    }
+};
+exports.default = BasiqConnect;

package/src/index.tsx

@@ -1,28 +1,19 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
 import { ThemeProvider } from 'styled-components';
 import App from './App';
 import './locales/i18n';
 import { theme } from './styledComponents';
 
 
-const BasiqConnect = (inputs: {
-	containerId: string;
-}) => {
-	if (inputs && inputs.containerId !== null) {
-		ReactDOM.render(
-			<React.StrictMode>
-				<ThemeProvider theme={theme}>
-					<App />
-				</ThemeProvider>
-			</React.StrictMode>,
-			document.getElementById(inputs.containerId)
+function BasiqConnect() {
+return(
+	<React.StrictMode>
+		<ThemeProvider theme={theme}>
+			<App />
+			</ThemeProvider>
+	</React.StrictMode>
 		);
-	} else {
-		// eslint-disable-next-line no-console
-		console.error("BASIQ CONNECT CONTROL ERROR: Provided container node doesn't exist.");
-	}
-};
+
+}
 
 export default BasiqConnect;

package/src/locales/i18n.d.ts

@@ -0,0 +1,35 @@
+import i18n from 'i18next';
+export declare const defaultNS = "ns1";
+export declare const resources: {
+    readonly en: {
+        readonly ns1: {
+            back: string;
+            error: string;
+            loading: string;
+            continue: string;
+            to_do_this_we_will_ask_you_to: string;
+            verify_your_mobile_number_bold: string;
+            verify_your_mobile_number: string;
+            consent_to_share_your_data_with_us: string;
+            share_your_financial_data: string;
+            things_you_should_know: string;
+            we_dont_share_your_data_without_your_consent: string;
+            you_can_easily_stop_sharing_your_data_at_any_time: string;
+            you_can_choose_to_delete_shared_data_when_we_no_longer_need_it: string;
+            by_proceeding_you_agree_to_the: string;
+            terms_of_service: string;
+            privacy_notice: string;
+            and: string;
+            use_basiq_to_connect_your_accounts: string;
+            we_use_basiq_to_connect_your_accounts: string;
+            please_enter_the_sms_code_sent_to_your_mobile_number: string;
+            new_sms_code_has_been_sent: string;
+            this_code_doesnt_appear_to_be_valid: string;
+            didnt_receive_the_code: string;
+            resend_sms: string;
+            failed_to_send_sms: string;
+            page_not_found: string;
+        };
+    };
+};
+export default i18n;

package/src/locales/i18n.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resources = exports.defaultNS = void 0;
+var i18next_1 = __importDefault(require("i18next"));
+var react_i18next_1 = require("react-i18next");
+var translation_json_1 = __importDefault(require("./en/translation.json"));
+exports.defaultNS = 'ns1';
+// the translations
+exports.resources = {
+    en: {
+        ns1: translation_json_1.default
+    }
+};
+i18next_1.default.use(react_i18next_1.initReactI18next) // passes i18n down to react-i18next
+    .init({
+    resources: exports.resources,
+    lng: 'en',
+    ns: ['ns1'],
+    interpolation: {
+        escapeValue: false,
+        prefix: '${',
+        suffix: '}'
+    }
+});
+exports.default = i18next_1.default;

package/src/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

package/src/reportWebVitals.js

@@ -0,0 +1,38 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var reportWebVitals = function (onPerfEntry) {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        Promise.resolve().then(function () { return __importStar(require('web-vitals')); }).then(function (_a) {
+            var getCLS = _a.getCLS, getFID = _a.getFID, getFCP = _a.getFCP, getLCP = _a.getLCP, getTTFB = _a.getTTFB;
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+exports.default = reportWebVitals;

package/src/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/src/setupTests.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+require("@testing-library/jest-dom");

package/src/styledComponents/base.d.ts

@@ -0,0 +1,4 @@
+export declare const Root: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppContainerPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/src/styledComponents/base.js

@@ -0,0 +1,32 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppContainerPage = exports.AppContainerWrapper = exports.AppContainer = exports.Root = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var breakpoints_1 = require("./breakpoints");
+exports.Root = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\twhite-space: pre-line;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 0;\n\tright: 0;\n\ttransform: translate(0, -50%);\n\theight: 100%;\n\tmax-height: 812px;\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: ", ";\n\t}\n\th3 {\n\t\tfont-weight: normal;\n\t\t", ";\n\t\tstrong {\n\t\t\t", ";\n\t\t}\n\t}\n\t", " {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: none;\n\t\tpadding: 0;\n\t}\n"], ["\n\twhite-space: pre-line;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 0;\n\tright: 0;\n\ttransform: translate(0, -50%);\n\theight: 100%;\n\tmax-height: 812px;\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: ", ";\n\t}\n\th3 {\n\t\tfont-weight: normal;\n\t\t", ";\n\t\tstrong {\n\t\t\t", ";\n\t\t}\n\t}\n\t", " {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: none;\n\t\tpadding: 0;\n\t}\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.endeavour;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mixin.title();
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mixin.title();
+}, breakpoints_1.devices.phone);
+exports.AppContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\twidth: 539px;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 100%;\n\n\t", " {\n\t\twidth: 100%;\n\t}\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\toverflow-y: scroll;\n"], ["\n\twidth: 539px;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 100%;\n\n\t", " {\n\t\twidth: 100%;\n\t}\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\toverflow-y: scroll;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.white;
+}, breakpoints_1.devices.phone);
+exports.AppContainerWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\theight: 100%;\n\tposition: relative;\n\tborder: 1px solid ", ";\n\tborder-radius: 8px;\n\toverflow: hidden;\n\t", " {\n\t\twidth: 100%;\n\t\tborder-radius: unset;\n\t\tborder: unset;\n\t}\n"], ["\n\theight: 100%;\n\tposition: relative;\n\tborder: 1px solid ", ";\n\tborder-radius: 8px;\n\toverflow: hidden;\n\t", " {\n\t\twidth: 100%;\n\t\tborder-radius: unset;\n\t\tborder: unset;\n\t}\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelain;
+}, breakpoints_1.devices.phone);
+exports.AppContainerPage = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n"], ["\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/src/styledComponents/breakpoints.d.ts

@@ -0,0 +1,15 @@
+export declare const devices: {
+    fold: string;
+    phoneXs: string;
+    phone: string;
+    phoneLandscape: string;
+    tabletOnly: string;
+    iPadProLandscape: string;
+    iPadProPortrait: string;
+    iPad: string;
+    tablet: string;
+    desktop: string;
+    laptop: string;
+    laptopRegularScreenWidth: string;
+    bigDesktop: string;
+};

package/src/styledComponents/breakpoints.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devices = void 0;
+var breakpoints = {
+    mobileS: '320px',
+    mobileL: '480px',
+    tabletMinus: '767px',
+    tabletH: '781px',
+    tablet: '768px',
+    tabletL: '992px',
+    laptop: '1024px',
+    laptopH: '1080px',
+    laptopXS: '1110px',
+    laptopS: '1280px',
+    laptopM: '1366px',
+    laptopL: '1440px',
+    laptopXL: '1540px',
+    desktopS: '1800px',
+    desktop: '2560px'
+};
+exports.devices = {
+    fold: "@media only screen and (max-width: ".concat(breakpoints.mobileS, ")"),
+    phoneXs: "@media only screen and (max-width: ".concat(breakpoints.mobileL, ")"),
+    phone: "@media only screen and (max-width: ".concat(breakpoints.tabletMinus, ")"),
+    phoneLandscape: "@media only screen and (max-width: ".concat(breakpoints.mobileL, ")"),
+    tabletOnly: "@media only screen and (min-width: ".concat(breakpoints.tablet, ")  and (max-width: ").concat(breakpoints.tabletL, ")"),
+    iPadProLandscape: "@media only screen and (height: ".concat(breakpoints.laptop, ") and (width: ").concat(breakpoints.laptopM, ")"),
+    iPadProPortrait: "@media only screen and (max-width: ".concat(breakpoints.laptop, ") and (max-height: ").concat(breakpoints.laptopM, ")"),
+    iPad: "@media only screen and (max-width: ".concat(breakpoints.laptop, ") and (max-height: ").concat(breakpoints.tablet, ") "),
+    tablet: "@media only screen and (max-width: ".concat(breakpoints.tabletL, ") "),
+    desktop: "@media only screen and (min-height: ".concat(breakpoints.tabletH, " ) and (min-width: ").concat(breakpoints.laptopS, " ) "),
+    laptop: "@media only screen and (max-width: ".concat(breakpoints.laptopS, ") "),
+    laptopRegularScreenWidth: "@media only screen (max-height: ".concat(breakpoints.laptopXS, ") and and (max-width: ").concat(breakpoints.laptopXL, ") "),
+    bigDesktop: "@media only screen and (min-width: ".concat(breakpoints.desktopS, ") and (min-height: ").concat(breakpoints.laptopH, ")) ")
+};

package/src/styledComponents/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ui';
+export * from './theme';
+export * from './pages';
+export * from './base';

package/src/styledComponents/index.js

@@ -0,0 +1,20 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ui"), exports);
+__exportStar(require("./theme"), exports);
+__exportStar(require("./pages"), exports);
+__exportStar(require("./base"), exports);