@basiq/connect-auth 0.1.73 → 0.1.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/.eslintignore +1 -0
  2. package/dist/60fda426a98e8c5b0470d694e2c66520.otf +1 -0
  3. package/dist/d4bd6e2e30a9c41422cecb85a045da71.otf +1 -0
  4. package/dist/main.js +1 -1
  5. package/package.json +98 -98
  6. package/.eslintrc.json +0 -48
  7. package/.prettierrc +0 -12
  8. package/public/favicon.ico +0 -0
  9. package/public/index.html +0 -43
  10. package/public/logo192.png +0 -0
  11. package/public/logo512.png +0 -0
  12. package/public/manifest.json +0 -25
  13. package/public/robots.txt +0 -3
  14. package/src/App.d.ts +0 -3
  15. package/src/App.js +0 -141
  16. package/src/App.test.d.ts +0 -1
  17. package/src/App.test.js +0 -13
  18. package/src/App.test.tsx +0 -9
  19. package/src/App.tsx +0 -80
  20. package/src/actions/actions.d.ts +0 -22
  21. package/src/actions/actions.js +0 -140
  22. package/src/actions/actions.ts +0 -71
  23. package/src/components/modals/LoadingModal.d.ts +0 -8
  24. package/src/components/modals/LoadingModal.js +0 -20
  25. package/src/components/modals/LoadingModal.tsx +0 -28
  26. package/src/components/modals/index.d.ts +0 -1
  27. package/src/components/modals/index.js +0 -8
  28. package/src/components/modals/index.ts +0 -1
  29. package/src/components/pages/AuthScreen.d.ts +0 -9
  30. package/src/components/pages/AuthScreen.js +0 -148
  31. package/src/components/pages/AuthScreen.tsx +0 -94
  32. package/src/components/pages/NotFound.d.ts +0 -6
  33. package/src/components/pages/NotFound.js +0 -27
  34. package/src/components/pages/NotFound.tsx +0 -44
  35. package/src/components/pages/Page.d.ts +0 -18
  36. package/src/components/pages/Page.js +0 -24
  37. package/src/components/pages/Page.tsx +0 -46
  38. package/src/components/pages/StartScreen.d.ts +0 -9
  39. package/src/components/pages/StartScreen.js +0 -127
  40. package/src/components/pages/StartScreen.tsx +0 -77
  41. package/src/components/pages/index.d.ts +0 -4
  42. package/src/components/pages/index.js +0 -14
  43. package/src/components/pages/index.ts +0 -4
  44. package/src/components/ui/Button.d.ts +0 -10
  45. package/src/components/ui/Button.js +0 -17
  46. package/src/components/ui/Button.tsx +0 -24
  47. package/src/components/ui/Modal.d.ts +0 -9
  48. package/src/components/ui/Modal.js +0 -17
  49. package/src/components/ui/Modal.tsx +0 -29
  50. package/src/components/ui/icon.d.ts +0 -7
  51. package/src/components/ui/icon.js +0 -13
  52. package/src/components/ui/icon.tsx +0 -18
  53. package/src/components/ui/index.d.ts +0 -1
  54. package/src/components/ui/index.js +0 -8
  55. package/src/components/ui/index.ts +0 -1
  56. package/src/fonts/Mark-W1G-Bold.otf +0 -0
  57. package/src/fonts/Mark-W1G-Book.otf +0 -0
  58. package/src/fonts.d.ts +0 -1
  59. package/src/helpers/constants.d.ts +0 -1
  60. package/src/helpers/constants.js +0 -5
  61. package/src/helpers/constants.ts +0 -3
  62. package/src/helpers/hookUtils.d.ts +0 -2
  63. package/src/helpers/hookUtils.js +0 -10
  64. package/src/helpers/hookUtils.ts +0 -8
  65. package/src/helpers/index.d.ts +0 -3
  66. package/src/helpers/index.js +0 -19
  67. package/src/helpers/index.ts +0 -3
  68. package/src/helpers/utils.d.ts +0 -3
  69. package/src/helpers/utils.js +0 -15
  70. package/src/helpers/utils.ts +0 -12
  71. package/src/images/back.svg +0 -8
  72. package/src/images/error.svg +0 -10
  73. package/src/images/loading_indicator.svg +0 -14
  74. package/src/index.d.ts +0 -4
  75. package/src/index.js +0 -23
  76. package/src/index.tsx +0 -19
  77. package/src/locales/en/translation.json +0 -28
  78. package/src/locales/i18n.d.ts +0 -35
  79. package/src/locales/i18n.js +0 -28
  80. package/src/locales/i18n.ts +0 -27
  81. package/src/logo.svg +0 -1
  82. package/src/react-app-env.d.ts +0 -1
  83. package/src/react-i18next.d.ts +0 -9
  84. package/src/reportWebVitals.d.ts +0 -3
  85. package/src/reportWebVitals.js +0 -38
  86. package/src/reportWebVitals.ts +0 -15
  87. package/src/setupTests.d.ts +0 -1
  88. package/src/setupTests.js +0 -7
  89. package/src/setupTests.ts +0 -5
  90. package/src/styled.d.ts +0 -6
  91. package/src/styledComponents/base.d.ts +0 -4
  92. package/src/styledComponents/base.js +0 -32
  93. package/src/styledComponents/base.ts +0 -73
  94. package/src/styledComponents/breakpoints.d.ts +0 -15
  95. package/src/styledComponents/breakpoints.js +0 -35
  96. package/src/styledComponents/breakpoints.ts +0 -32
  97. package/src/styledComponents/index.d.ts +0 -4
  98. package/src/styledComponents/index.js +0 -20
  99. package/src/styledComponents/index.ts +0 -4
  100. package/src/styledComponents/pages/auth.d.ts +0 -10
  101. package/src/styledComponents/pages/auth.js +0 -29
  102. package/src/styledComponents/pages/auth.ts +0 -49
  103. package/src/styledComponents/pages/basic.d.ts +0 -23
  104. package/src/styledComponents/pages/basic.js +0 -75
  105. package/src/styledComponents/pages/basic.ts +0 -126
  106. package/src/styledComponents/pages/index.d.ts +0 -4
  107. package/src/styledComponents/pages/index.js +0 -20
  108. package/src/styledComponents/pages/index.ts +0 -4
  109. package/src/styledComponents/pages/notFound.d.ts +0 -9
  110. package/src/styledComponents/pages/notFound.js +0 -37
  111. package/src/styledComponents/pages/notFound.ts +0 -70
  112. package/src/styledComponents/pages/start.d.ts +0 -1
  113. package/src/styledComponents/pages/start.js +0 -13
  114. package/src/styledComponents/pages/start.ts +0 -6
  115. package/src/styledComponents/styles.d.ts +0 -2
  116. package/src/styledComponents/styles.js +0 -14
  117. package/src/styledComponents/styles.ts +0 -25
  118. package/src/styledComponents/theme.d.ts +0 -45
  119. package/src/styledComponents/theme.js +0 -47
  120. package/src/styledComponents/theme.ts +0 -58
  121. package/src/styledComponents/ui/basic.d.ts +0 -10
  122. package/src/styledComponents/ui/basic.js +0 -71
  123. package/src/styledComponents/ui/basic.ts +0 -96
  124. package/src/styledComponents/ui/button.d.ts +0 -9
  125. package/src/styledComponents/ui/button.js +0 -65
  126. package/src/styledComponents/ui/button.ts +0 -112
  127. package/src/styledComponents/ui/index.d.ts +0 -3
  128. package/src/styledComponents/ui/index.js +0 -19
  129. package/src/styledComponents/ui/index.ts +0 -3
  130. package/src/styledComponents/ui/modals.d.ts +0 -7
  131. package/src/styledComponents/ui/modals.js +0 -26
  132. package/src/styledComponents/ui/modals.ts +0 -48
  133. package/webpack.config.js +0 -66
package/src/index.js DELETED
@@ -1,23 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var react_dom_1 = __importDefault(require("react-dom"));
8
- var styled_components_1 = require("styled-components");
9
- var App_1 = __importDefault(require("./App"));
10
- require("./locales/i18n");
11
- var styledComponents_1 = require("./styledComponents");
12
- var BasiqConnect = function (inputs) {
13
- if (inputs && inputs.containerId !== null) {
14
- react_dom_1.default.render(react_1.default.createElement(react_1.default.StrictMode, null,
15
- react_1.default.createElement(styled_components_1.ThemeProvider, { theme: styledComponents_1.theme },
16
- react_1.default.createElement(App_1.default, null))), document.getElementById(inputs.containerId));
17
- }
18
- else {
19
- // eslint-disable-next-line no-console
20
- console.error("BASIQ CONNECT CONTROL ERROR: Provided container node doesn't exist.");
21
- }
22
- };
23
- exports.default = BasiqConnect;
package/src/index.tsx DELETED
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { ThemeProvider } from 'styled-components';
3
- import App from './App';
4
- import './locales/i18n';
5
- import { theme } from './styledComponents';
6
-
7
-
8
- function BasiqConnect() {
9
- return(
10
- <React.StrictMode>
11
- <ThemeProvider theme={theme}>
12
- <App />
13
- </ThemeProvider>
14
- </React.StrictMode>
15
- );
16
-
17
- }
18
-
19
- export default BasiqConnect;
@@ -1,28 +0,0 @@
1
- {
2
- "back": "Back",
3
- "error": "Error",
4
- "loading": "Loading",
5
- "continue": "Continue",
6
- "to_do_this_we_will_ask_you_to": "To do this we will ask you to",
7
- "verify_your_mobile_number_bold": "<strong>Verify</strong> your mobile number",
8
- "verify_your_mobile_number": "Verify your mobile number",
9
- "consent_to_share_your_data_with_us": "<strong>Consent</strong> to share your data with us",
10
- "share_your_financial_data": "<strong>Share</strong> your financial data",
11
- "things_you_should_know": "Things you should know",
12
- "we_dont_share_your_data_without_your_consent": "We don’t share your data without your consent",
13
- "you_can_easily_stop_sharing_your_data_at_any_time": "You can easily stop sharing your data at any time",
14
- "you_can_choose_to_delete_shared_data_when_we_no_longer_need_it": "You can choose to delete shared data when we no longer need it",
15
- "by_proceeding_you_agree_to_the": "By proceeding, you agree to the",
16
- "terms_of_service": "Terms of service",
17
- "privacy_notice": "Privacy notice",
18
- "and": "and",
19
- "use_basiq_to_connect_your_accounts": "${name} use <strong>Basiq</strong> to connect your accounts",
20
- "we_use_basiq_to_connect_your_accounts": "We use <strong>Basiq</strong> to connect your accounts",
21
- "please_enter_the_sms_code_sent_to_your_mobile_number": "Please enter the SMS code sent to your mobile number (ending in xxx${number}).",
22
- "new_sms_code_has_been_sent": "New SMS code has been sent.",
23
- "this_code_doesnt_appear_to_be_valid": "This code doesn't appear to be valid.",
24
- "didnt_receive_the_code": "Didn’t receive the code?",
25
- "resend_sms": "Resend SMS",
26
- "failed_to_send_sms": "Failed to send SMS.",
27
- "page_not_found": "Page not found"
28
- }
@@ -1,35 +0,0 @@
1
- import i18n from 'i18next';
2
- export declare const defaultNS = "ns1";
3
- export declare const resources: {
4
- readonly en: {
5
- readonly ns1: {
6
- back: string;
7
- error: string;
8
- loading: string;
9
- continue: string;
10
- to_do_this_we_will_ask_you_to: string;
11
- verify_your_mobile_number_bold: string;
12
- verify_your_mobile_number: string;
13
- consent_to_share_your_data_with_us: string;
14
- share_your_financial_data: string;
15
- things_you_should_know: string;
16
- we_dont_share_your_data_without_your_consent: string;
17
- you_can_easily_stop_sharing_your_data_at_any_time: string;
18
- you_can_choose_to_delete_shared_data_when_we_no_longer_need_it: string;
19
- by_proceeding_you_agree_to_the: string;
20
- terms_of_service: string;
21
- privacy_notice: string;
22
- and: string;
23
- use_basiq_to_connect_your_accounts: string;
24
- we_use_basiq_to_connect_your_accounts: string;
25
- please_enter_the_sms_code_sent_to_your_mobile_number: string;
26
- new_sms_code_has_been_sent: string;
27
- this_code_doesnt_appear_to_be_valid: string;
28
- didnt_receive_the_code: string;
29
- resend_sms: string;
30
- failed_to_send_sms: string;
31
- page_not_found: string;
32
- };
33
- };
34
- };
35
- export default i18n;
@@ -1,28 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.resources = exports.defaultNS = void 0;
7
- var i18next_1 = __importDefault(require("i18next"));
8
- var react_i18next_1 = require("react-i18next");
9
- var translation_json_1 = __importDefault(require("./en/translation.json"));
10
- exports.defaultNS = 'ns1';
11
- // the translations
12
- exports.resources = {
13
- en: {
14
- ns1: translation_json_1.default
15
- }
16
- };
17
- i18next_1.default.use(react_i18next_1.initReactI18next) // passes i18n down to react-i18next
18
- .init({
19
- resources: exports.resources,
20
- lng: 'en',
21
- ns: ['ns1'],
22
- interpolation: {
23
- escapeValue: false,
24
- prefix: '${',
25
- suffix: '}'
26
- }
27
- });
28
- exports.default = i18next_1.default;
@@ -1,27 +0,0 @@
1
- import i18n from 'i18next';
2
- import { initReactI18next } from 'react-i18next';
3
-
4
- import translationEN from './en/translation.json';
5
-
6
- export const defaultNS = 'ns1';
7
-
8
- // the translations
9
- export const resources = {
10
- en: {
11
- ns1: translationEN
12
- }
13
- } as const;
14
-
15
- i18n.use(initReactI18next) // passes i18n down to react-i18next
16
- .init({
17
- resources,
18
- lng: 'en',
19
- ns: ['ns1'],
20
- interpolation: {
21
- escapeValue: false, // react already safes from xss
22
- prefix: '${',
23
- suffix: '}'
24
- }
25
- });
26
-
27
- export default i18n;
package/src/logo.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
@@ -1 +0,0 @@
1
- /// <reference types="react-scripts" />
@@ -1,9 +0,0 @@
1
- import { resources, defaultNS } from './locales/i18n';
2
-
3
- // react-i18next versions higher than 11.11.0
4
- declare module 'react-i18next' {
5
- interface CustomTypeOptions {
6
- defaultNS: typeof defaultNS;
7
- resources: typeof resources['en'];
8
- }
9
- }
@@ -1,3 +0,0 @@
1
- import { ReportHandler } from 'web-vitals';
2
- declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
3
- export default reportWebVitals;
@@ -1,38 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- var reportWebVitals = function (onPerfEntry) {
27
- if (onPerfEntry && onPerfEntry instanceof Function) {
28
- Promise.resolve().then(function () { return __importStar(require('web-vitals')); }).then(function (_a) {
29
- var getCLS = _a.getCLS, getFID = _a.getFID, getFCP = _a.getFCP, getLCP = _a.getLCP, getTTFB = _a.getTTFB;
30
- getCLS(onPerfEntry);
31
- getFID(onPerfEntry);
32
- getFCP(onPerfEntry);
33
- getLCP(onPerfEntry);
34
- getTTFB(onPerfEntry);
35
- });
36
- }
37
- };
38
- exports.default = reportWebVitals;
@@ -1,15 +0,0 @@
1
- import { ReportHandler } from 'web-vitals';
2
-
3
- const reportWebVitals = (onPerfEntry?: ReportHandler) => {
4
- if (onPerfEntry && onPerfEntry instanceof Function) {
5
- import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
6
- getCLS(onPerfEntry);
7
- getFID(onPerfEntry);
8
- getFCP(onPerfEntry);
9
- getLCP(onPerfEntry);
10
- getTTFB(onPerfEntry);
11
- });
12
- }
13
- };
14
-
15
- export default reportWebVitals;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
package/src/setupTests.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // jest-dom adds custom jest matchers for asserting on DOM nodes.
4
- // allows you to do things like:
5
- // expect(element).toHaveTextContent(/react/i)
6
- // learn more: https://github.com/testing-library/jest-dom
7
- require("@testing-library/jest-dom");
package/src/setupTests.ts DELETED
@@ -1,5 +0,0 @@
1
- // jest-dom adds custom jest matchers for asserting on DOM nodes.
2
- // allows you to do things like:
3
- // expect(element).toHaveTextContent(/react/i)
4
- // learn more: https://github.com/testing-library/jest-dom
5
- import '@testing-library/jest-dom';
package/src/styled.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import 'styled-components';
2
- import { ThemeType } from './styledComponents';
3
-
4
- declare module 'styled-components' {
5
- export interface DefaultTheme extends ThemeType {}
6
- }
@@ -1,4 +0,0 @@
1
- export declare const Root: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const AppContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const AppContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const AppContainerPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.AppContainerPage = exports.AppContainerWrapper = exports.AppContainer = exports.Root = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var breakpoints_1 = require("./breakpoints");
13
- 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) {
14
- var theme = _a.theme;
15
- return theme.color.endeavour;
16
- }, function (_a) {
17
- var theme = _a.theme;
18
- return theme.mixin.title();
19
- }, function (_a) {
20
- var theme = _a.theme;
21
- return theme.mixin.title();
22
- }, breakpoints_1.devices.phone);
23
- 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) {
24
- var theme = _a.theme;
25
- return theme.color.white;
26
- }, breakpoints_1.devices.phone);
27
- 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) {
28
- var theme = _a.theme;
29
- return theme.color.porcelain;
30
- }, breakpoints_1.devices.phone);
31
- 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"])));
32
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1,73 +0,0 @@
1
- import styled from 'styled-components';
2
- import { devices } from './breakpoints';
3
-
4
- export const Root = styled.div`
5
- white-space: pre-line;
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
- position: fixed;
10
- top: 50%;
11
- left: 0;
12
- right: 0;
13
- transform: translate(0, -50%);
14
- height: 100%;
15
- max-height: 812px;
16
-
17
- a {
18
- text-decoration: none;
19
- color: ${({ theme }) => theme.color.endeavour};
20
- }
21
- h3 {
22
- font-weight: normal;
23
- ${({ theme }) => theme.mixin.title()};
24
- strong {
25
- ${({ theme }) => theme.mixin.title()};
26
- }
27
- }
28
- ${devices.phone} {
29
- width: 100%;
30
- height: 100%;
31
- max-height: none;
32
- padding: 0;
33
- }
34
- `;
35
- export const AppContainer = styled.div`
36
- width: 539px;
37
- background-color: ${({ theme }) => theme.color.white};
38
- display: flex;
39
- flex-direction: column;
40
- align-items: center;
41
- padding: 16px;
42
- box-sizing: border-box;
43
- height: 100%;
44
-
45
- ${devices.phone} {
46
- width: 100%;
47
- }
48
-
49
- &::-webkit-scrollbar {
50
- display: none;
51
- }
52
- -ms-overflow-style: none;
53
- scrollbar-width: none;
54
- overflow-y: scroll;
55
- `;
56
- export const AppContainerWrapper = styled.div`
57
- height: 100%;
58
- position: relative;
59
- border: 1px solid ${({ theme }) => theme.color.porcelain};
60
- border-radius: 8px;
61
- overflow: hidden;
62
- ${devices.phone} {
63
- width: 100%;
64
- border-radius: unset;
65
- border: unset;
66
- }
67
- `;
68
- export const AppContainerPage = styled.div`
69
- width: 100%;
70
- display: flex;
71
- flex-direction: column;
72
- align-items: center;
73
- `;
@@ -1,15 +0,0 @@
1
- export declare const devices: {
2
- fold: string;
3
- phoneXs: string;
4
- phone: string;
5
- phoneLandscape: string;
6
- tabletOnly: string;
7
- iPadProLandscape: string;
8
- iPadProPortrait: string;
9
- iPad: string;
10
- tablet: string;
11
- desktop: string;
12
- laptop: string;
13
- laptopRegularScreenWidth: string;
14
- bigDesktop: string;
15
- };
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.devices = void 0;
4
- var breakpoints = {
5
- mobileS: '320px',
6
- mobileL: '480px',
7
- tabletMinus: '767px',
8
- tabletH: '781px',
9
- tablet: '768px',
10
- tabletL: '992px',
11
- laptop: '1024px',
12
- laptopH: '1080px',
13
- laptopXS: '1110px',
14
- laptopS: '1280px',
15
- laptopM: '1366px',
16
- laptopL: '1440px',
17
- laptopXL: '1540px',
18
- desktopS: '1800px',
19
- desktop: '2560px'
20
- };
21
- exports.devices = {
22
- fold: "@media only screen and (max-width: ".concat(breakpoints.mobileS, ")"),
23
- phoneXs: "@media only screen and (max-width: ".concat(breakpoints.mobileL, ")"),
24
- phone: "@media only screen and (max-width: ".concat(breakpoints.tabletMinus, ")"),
25
- phoneLandscape: "@media only screen and (max-width: ".concat(breakpoints.mobileL, ")"),
26
- tabletOnly: "@media only screen and (min-width: ".concat(breakpoints.tablet, ") and (max-width: ").concat(breakpoints.tabletL, ")"),
27
- iPadProLandscape: "@media only screen and (height: ".concat(breakpoints.laptop, ") and (width: ").concat(breakpoints.laptopM, ")"),
28
- iPadProPortrait: "@media only screen and (max-width: ".concat(breakpoints.laptop, ") and (max-height: ").concat(breakpoints.laptopM, ")"),
29
- iPad: "@media only screen and (max-width: ".concat(breakpoints.laptop, ") and (max-height: ").concat(breakpoints.tablet, ") "),
30
- tablet: "@media only screen and (max-width: ".concat(breakpoints.tabletL, ") "),
31
- desktop: "@media only screen and (min-height: ".concat(breakpoints.tabletH, " ) and (min-width: ").concat(breakpoints.laptopS, " ) "),
32
- laptop: "@media only screen and (max-width: ".concat(breakpoints.laptopS, ") "),
33
- laptopRegularScreenWidth: "@media only screen (max-height: ".concat(breakpoints.laptopXS, ") and and (max-width: ").concat(breakpoints.laptopXL, ") "),
34
- bigDesktop: "@media only screen and (min-width: ".concat(breakpoints.desktopS, ") and (min-height: ").concat(breakpoints.laptopH, ")) ")
35
- };
@@ -1,32 +0,0 @@
1
- const breakpoints = {
2
- mobileS: '320px',
3
- mobileL: '480px',
4
- tabletMinus: '767px',
5
- tabletH: '781px',
6
- tablet: '768px',
7
- tabletL: '992px',
8
- laptop: '1024px',
9
- laptopH: '1080px',
10
- laptopXS: '1110px',
11
- laptopS: '1280px',
12
- laptopM: '1366px',
13
- laptopL: '1440px',
14
- laptopXL: '1540px',
15
- desktopS: '1800px',
16
- desktop: '2560px'
17
- };
18
- export const devices = {
19
- fold: `@media only screen and (max-width: ${breakpoints.mobileS})`,
20
- phoneXs: `@media only screen and (max-width: ${breakpoints.mobileL})`,
21
- phone: `@media only screen and (max-width: ${breakpoints.tabletMinus})`,
22
- phoneLandscape: `@media only screen and (max-width: ${breakpoints.mobileL})`,
23
- tabletOnly: `@media only screen and (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.tabletL})`,
24
- iPadProLandscape: `@media only screen and (height: ${breakpoints.laptop}) and (width: ${breakpoints.laptopM})`,
25
- iPadProPortrait: `@media only screen and (max-width: ${breakpoints.laptop}) and (max-height: ${breakpoints.laptopM})`,
26
- iPad: `@media only screen and (max-width: ${breakpoints.laptop}) and (max-height: ${breakpoints.tablet}) `,
27
- tablet: `@media only screen and (max-width: ${breakpoints.tabletL}) `,
28
- desktop: `@media only screen and (min-height: ${breakpoints.tabletH} ) and (min-width: ${breakpoints.laptopS} ) `,
29
- laptop: `@media only screen and (max-width: ${breakpoints.laptopS}) `,
30
- laptopRegularScreenWidth: `@media only screen (max-height: ${breakpoints.laptopXS}) and and (max-width: ${breakpoints.laptopXL}) `,
31
- bigDesktop: `@media only screen and (min-width: ${breakpoints.desktopS}) and (min-height: ${breakpoints.laptopH})) `
32
- };
@@ -1,4 +0,0 @@
1
- export * from './ui';
2
- export * from './theme';
3
- export * from './pages';
4
- export * from './base';
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./ui"), exports);
18
- __exportStar(require("./theme"), exports);
19
- __exportStar(require("./pages"), exports);
20
- __exportStar(require("./base"), exports);
@@ -1,4 +0,0 @@
1
- export * from './ui';
2
- export * from './theme';
3
- export * from './pages';
4
- export * from './base';
@@ -1,10 +0,0 @@
1
- interface IInputStyled {
2
- filled: boolean;
3
- error: boolean;
4
- }
5
- export declare const PageConnectFooterControl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const PageConnectFooterText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
7
- export declare const InputStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, IInputStyled, never>;
8
- export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- export declare const DivAsLink: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
10
- export {};
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.DivAsLink = exports.InputContainer = exports.InputStyled = exports.PageConnectFooterText = exports.PageConnectFooterControl = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.PageConnectFooterControl = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tposition: absolute;\n\tbottom: 80px;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tleft: 0;\n\tflex-direction: column;\n\tbox-sizing: border-box;\n\tpadding: 16px;\n"], ["\n\tposition: absolute;\n\tbottom: 80px;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tleft: 0;\n\tflex-direction: column;\n\tbox-sizing: border-box;\n\tpadding: 16px;\n"])));
13
- exports.PageConnectFooterText = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tcolor: ", ";\n\tfont-size: 12px;\n"], ["\n\tcolor: ", ";\n\tfont-size: 12px;\n"])), function (_a) {
14
- var theme = _a.theme;
15
- return theme.color.abbey;
16
- });
17
- exports.InputStyled = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\twidth: 100%;\n\theight: 64px;\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: 2px;\n\ttext-align: center;\n\tfont-size: 32px;\n\tborder: none;\n\tbox-shadow: none;\n\tletter-spacing: 20px;\n\ttext-indent: 20px;\n"], ["\n\twidth: 100%;\n\theight: 64px;\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: 2px;\n\ttext-align: center;\n\tfont-size: 32px;\n\tborder: none;\n\tbox-shadow: none;\n\tletter-spacing: 20px;\n\ttext-indent: 20px;\n"])), function (_a) {
18
- var theme = _a.theme, filled = _a.filled, error = _a.error;
19
- return (error ? theme.color.wePeep : filled ? theme.color.linkWater : theme.color.porcelainSecond);
20
- }, function (_a) {
21
- var theme = _a.theme, error = _a.error;
22
- return (error ? theme.color.cerise : theme.color.endeavour);
23
- });
24
- exports.InputContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n"], ["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n"])));
25
- exports.DivAsLink = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tcolor: ", ";\n\tdisplay: inherit;\n\tcursor: pointer;\n"], ["\n\tcolor: ", ";\n\tdisplay: inherit;\n\tcursor: pointer;\n"])), function (_a) {
26
- var theme = _a.theme;
27
- return theme.color.endeavour;
28
- });
29
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -1,49 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- interface IInputStyled {
4
- filled: boolean;
5
- error: boolean;
6
- }
7
-
8
- export const PageConnectFooterControl = styled.div`
9
- position: absolute;
10
- bottom: 80px;
11
- width: 100%;
12
- display: flex;
13
- align-items: center;
14
- justify-content: center;
15
- left: 0;
16
- flex-direction: column;
17
- box-sizing: border-box;
18
- padding: 16px;
19
- `;
20
- export const PageConnectFooterText = styled.span`
21
- color: ${({ theme }) => theme.color.abbey};
22
- font-size: 12px;
23
- `;
24
-
25
- export const InputStyled = styled.input<IInputStyled>`
26
- width: 100%;
27
- height: 64px;
28
- background: ${({ theme, filled, error }) => (error ? theme.color.wePeep : filled ? theme.color.linkWater : theme.color.porcelainSecond)};
29
- color: ${({ theme, error }) => (error ? theme.color.cerise : theme.color.endeavour)};
30
- border-radius: 2px;
31
- text-align: center;
32
- font-size: 32px;
33
- border: none;
34
- box-shadow: none;
35
- letter-spacing: 20px;
36
- text-indent: 20px;
37
- `;
38
-
39
- export const InputContainer = styled.div`
40
- width: 100%;
41
- display: flex;
42
- align-items: center;
43
- justify-content: center;
44
- `;
45
- export const DivAsLink = styled.div`
46
- color: ${({ theme }) => theme.color.endeavour};
47
- display: inherit;
48
- cursor: pointer;
49
- `;
@@ -1,23 +0,0 @@
1
- interface IPageStyledProps {
2
- buttonCount?: number;
3
- horizontal?: boolean;
4
- }
5
- interface IStatusMessage {
6
- error?: boolean;
7
- }
8
- interface IPageControlsSectionProps {
9
- notEmpty: boolean;
10
- }
11
- interface IHorizontalProps {
12
- horizontal?: boolean;
13
- }
14
- export declare const PageStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPageStyledProps, never>;
15
- export declare const PageSubtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
- export declare const PageMainContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
17
- export declare const PageControlsSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPageControlsSectionProps, never>;
18
- export declare const PageShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHorizontalProps, never>;
19
- export declare const PageShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
20
- export declare const PageHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
21
- export declare const PageContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
22
- export declare const StatusMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStatusMessage, never>;
23
- export {};