@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
@@ -1,75 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
- if (k2 === undefined) k2 = k;
8
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || function (mod) {
23
- if (mod && mod.__esModule) return mod;
24
- var result = {};
25
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
- __setModuleDefault(result, mod);
27
- return result;
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.StatusMessage = exports.PageContent = exports.PageHeader = exports.PageShadow = exports.PageShadowWrapper = exports.PageControlsSection = exports.PageMainContainer = exports.PageSubtitle = exports.PageStyled = void 0;
31
- var styled_components_1 = __importStar(require("styled-components"));
32
- var ui_1 = require("../ui");
33
- var helpers_1 = require("../../helpers");
34
- var breakpoints_1 = require("../breakpoints");
35
- exports.PageStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\twidth: 100%;\n\theight: 100%;\n\t", "\n"], ["\n\twidth: 100%;\n\theight: 100%;\n\t", "\n"])), function (_a) {
36
- var buttonCount = _a.buttonCount, horizontal = _a.horizontal;
37
- return buttonCount && buttonCount > 0
38
- ? horizontal
39
- ? 'padding-bottom: 96px;'
40
- : "padding-bottom: ".concat(46 + 50 * buttonCount, "px;")
41
- : 'padding-bottom: 16px;';
42
- });
43
- exports.PageSubtitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t", ";\n"], ["\n\t", ";\n"])), function (_a) {
44
- var theme = _a.theme;
45
- return theme.mixin.subtitle();
46
- });
47
- exports.PageMainContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n"], ["\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n"])));
48
- exports.PageControlsSection = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\t", ";\n\tbackground-color: ", ";\n\tborder-top: 1px solid ", ";\n"], ["\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\t", ";\n\tbackground-color: ", ";\n\tborder-top: 1px solid ", ";\n"])), function (_a) {
49
- var notEmpty = _a.notEmpty;
50
- return "padding: ".concat(notEmpty ? '16px' : '0');
51
- }, function (_a) {
52
- var theme = _a.theme;
53
- return theme.color.white;
54
- }, function (_a) {
55
- var theme = _a.theme;
56
- return theme.color.porcelainLight;
57
- });
58
- exports.PageShadowWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\twidth: 100%;\n\t", "\n"], ["\n\twidth: 100%;\n\t", "\n"])), function (_a) {
59
- var horizontal = _a.horizontal;
60
- return horizontal && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\n\t\t\t", " {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 16px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t"], ["\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\n\t\t\t", " {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 16px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t"])), ui_1.ButtonStyled);
61
- });
62
- exports.PageShadow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\tposition: absolute;\n\theight: 71px;\n\tleft: 0;\n\tright: 0;\n\ttop: -71px;\n\tbackground: linear-gradient(180deg, #cecece 0%, ", " 100%);\n\topacity: 0.8;\n\ttransform: rotate(-180deg);\n\tpointer-events: none;\n"], ["\n\tposition: absolute;\n\theight: 71px;\n\tleft: 0;\n\tright: 0;\n\ttop: -71px;\n\tbackground: linear-gradient(180deg, #cecece 0%, ", " 100%);\n\topacity: 0.8;\n\ttransform: rotate(-180deg);\n\tpointer-events: none;\n"])), (0, helpers_1.hexToRGBa)('#cecece', 0));
63
- exports.PageHeader = styled_components_1.default.header(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n\tmargin-bottom: 32px;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 150px;\n\t", " {\n\t\tbackground-color: unset;\n\t\toverflow: initial;\n\t\theight: 150px;\n\t\tpadding: 16px;\n\t}\n\timg {\n\t\tborder-radius: 4px;\n\t\twidth: auto !important;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\t", " {\n\t\t\twidth: 100%;\n\t\t\tpadding: 16px;\n\t\t}\n\t}\n"], ["\n\tmargin-bottom: 32px;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 150px;\n\t", " {\n\t\tbackground-color: unset;\n\t\toverflow: initial;\n\t\theight: 150px;\n\t\tpadding: 16px;\n\t}\n\timg {\n\t\tborder-radius: 4px;\n\t\twidth: auto !important;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\t", " {\n\t\t\twidth: 100%;\n\t\t\tpadding: 16px;\n\t\t}\n\t}\n"])), function (_a) {
64
- var theme = _a.theme;
65
- return theme.color.porcelainSecond;
66
- }, breakpoints_1.devices.phone, breakpoints_1.devices.phone);
67
- exports.PageContent = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n\twidth: 100%;\n"], ["\n\twidth: 100%;\n"])));
68
- exports.StatusMessage = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n\twidth: 100%;\n\tbackground: ", ";\n\tborder-radius: 4px;\n\tpadding: 11px;\n\tbox-sizing: border-box;\n\ttext-align: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tcolor: ", ";\n\tmargin-bottom: 16px;\n"], ["\n\twidth: 100%;\n\tbackground: ", ";\n\tborder-radius: 4px;\n\tpadding: 11px;\n\tbox-sizing: border-box;\n\ttext-align: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tcolor: ", ";\n\tmargin-bottom: 16px;\n"])), function (_a) {
69
- var theme = _a.theme, error = _a.error;
70
- return (error ? theme.color.wePeep : theme.color.iceberg);
71
- }, function (_a) {
72
- var theme = _a.theme, error = _a.error;
73
- return (error ? theme.color.cerise : theme.color.gossamer);
74
- });
75
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
@@ -1,126 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
- import { ButtonStyled } from '../ui';
3
- import { hexToRGBa } from '../../helpers';
4
- import { devices } from '../breakpoints';
5
-
6
- interface IPageStyledProps {
7
- buttonCount?: number;
8
- horizontal?: boolean;
9
- }
10
-
11
- interface IStatusMessage {
12
- error?: boolean;
13
- }
14
-
15
- interface IPageControlsSectionProps {
16
- notEmpty: boolean;
17
- }
18
- interface IHorizontalProps {
19
- horizontal?: boolean;
20
- }
21
- export const PageStyled = styled.div<IPageStyledProps>`
22
- width: 100%;
23
- height: 100%;
24
- ${({ buttonCount, horizontal }) =>
25
- buttonCount && buttonCount > 0
26
- ? horizontal
27
- ? 'padding-bottom: 96px;'
28
- : `padding-bottom: ${46 + 50 * buttonCount}px;`
29
- : 'padding-bottom: 16px;'}
30
- `;
31
- export const PageSubtitle = styled.div`
32
- ${({ theme }) => theme.mixin.subtitle()};
33
- `;
34
-
35
- export const PageMainContainer = styled.div`
36
- display: flex;
37
- align-items: center;
38
- flex-direction: column;
39
- `;
40
- export const PageControlsSection = styled.div<IPageControlsSectionProps>`
41
- position: absolute;
42
- bottom: 0;
43
- left: 0;
44
- right: 0;
45
- ${({ notEmpty }) => `padding: ${notEmpty ? '16px' : '0'}`};
46
- background-color: ${({ theme }) => theme.color.white};
47
- border-top: 1px solid ${({ theme }) => theme.color.porcelainLight};
48
- `;
49
- export const PageShadowWrapper = styled.div<IHorizontalProps>`
50
- width: 100%;
51
- ${({ horizontal }) =>
52
- horizontal &&
53
- css`
54
- display: flex;
55
- align-items: center;
56
- justify-content: space-between;
57
-
58
- ${ButtonStyled} {
59
- margin-bottom: 0;
60
- margin-right: 16px;
61
-
62
- &:last-child {
63
- margin-right: unset;
64
- }
65
- }
66
- `}
67
- `;
68
- export const PageShadow = styled.div`
69
- position: absolute;
70
- height: 71px;
71
- left: 0;
72
- right: 0;
73
- top: -71px;
74
- background: linear-gradient(180deg, #cecece 0%, ${hexToRGBa('#cecece', 0)} 100%);
75
- opacity: 0.8;
76
- transform: rotate(-180deg);
77
- pointer-events: none;
78
- `;
79
- export const PageHeader = styled.header`
80
- margin-bottom: 32px;
81
- width: 100%;
82
- border-radius: 8px;
83
- display: flex;
84
- align-items: center;
85
- justify-content: center;
86
- background-color: ${({ theme }) => theme.color.porcelainSecond};
87
- padding: 16px;
88
- box-sizing: border-box;
89
- height: 150px;
90
- ${devices.phone} {
91
- background-color: unset;
92
- overflow: initial;
93
- height: 150px;
94
- padding: 16px;
95
- }
96
- img {
97
- border-radius: 4px;
98
- width: auto !important;
99
- height: auto;
100
- max-width: 100%;
101
- max-height: 100%;
102
- ${devices.phone} {
103
- width: 100%;
104
- padding: 16px;
105
- }
106
- }
107
- `;
108
-
109
- export const PageContent = styled.div`
110
- width: 100%;
111
- `;
112
- export const StatusMessage = styled.div<IStatusMessage>`
113
- width: 100%;
114
- background: ${({ theme, error }) => (error ? theme.color.wePeep : theme.color.iceberg)};
115
- border-radius: 4px;
116
- padding: 11px;
117
- box-sizing: border-box;
118
- text-align: center;
119
- display: flex;
120
- justify-content: center;
121
- align-items: center;
122
- font-weight: 400;
123
- font-size: 14px;
124
- color: ${({ theme, error }) => (error ? theme.color.cerise : theme.color.gossamer)};
125
- margin-bottom: 16px;
126
- `;
@@ -1,4 +0,0 @@
1
- export * from './basic';
2
- export * from './auth';
3
- export * from './start';
4
- export * from './notFound';
@@ -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("./basic"), exports);
18
- __exportStar(require("./auth"), exports);
19
- __exportStar(require("./start"), exports);
20
- __exportStar(require("./notFound"), exports);
@@ -1,4 +0,0 @@
1
- export * from './basic';
2
- export * from './auth';
3
- export * from './start';
4
- export * from './notFound';
@@ -1,9 +0,0 @@
1
- interface IStatusScreenCircleContainer {
2
- type: 'success' | 'warning' | 'error';
3
- }
4
- export declare const PageStatusScreenMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const PageStatusScreenContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const StatusScreenCircleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStatusScreenCircleContainer, never>;
7
- export declare const StatusScreenErrorCode: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
8
- export declare const PageSuccessImgContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- export {};
@@ -1,37 +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.PageSuccessImgContainer = exports.StatusScreenErrorCode = exports.StatusScreenCircleContainer = exports.PageStatusScreenContent = exports.PageStatusScreenMain = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var ui_1 = require("../ui");
13
- var basic_1 = require("./basic");
14
- exports.PageStatusScreenMain = (0, styled_components_1.default)(basic_1.PageMainContainer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\theight: 100%;\n"], ["\n\theight: 100%;\n"])));
15
- exports.PageStatusScreenContent = (0, styled_components_1.default)(basic_1.PageContent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\theight: inherit;\n\twidth: 100%;\n\talign-items: center;\n\tjustify-content: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttext-align: center;\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n"], ["\n\theight: inherit;\n\twidth: 100%;\n\talign-items: center;\n\tjustify-content: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttext-align: center;\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n"])));
16
- exports.StatusScreenCircleContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\twidth: 64px;\n\theight: 64px;\n\tbackground-color: ", ";\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 24px;\n\n\t", " {\n\t\twidth: 40px;\n\t\tcolor: ", ";\n\t}\n"], ["\n\twidth: 64px;\n\theight: 64px;\n\tbackground-color: ", ";\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 24px;\n\n\t", " {\n\t\twidth: 40px;\n\t\tcolor: ", ";\n\t}\n"])), function (_a) {
17
- var theme = _a.theme, type = _a.type;
18
- switch (type) {
19
- case 'success':
20
- return theme.color.emerald;
21
- case 'error':
22
- return theme.color.sunsetOrange;
23
- case 'warning':
24
- return theme.color.hokeyPokey;
25
- default:
26
- return theme.color.porcelain;
27
- }
28
- }, ui_1.IconWrapper, function (_a) {
29
- var theme = _a.theme;
30
- return theme.color.white;
31
- });
32
- exports.StatusScreenErrorCode = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tfont-size: 12px;\n\tmargin-top: 16px;\n\tcolor: ", ";\n"], ["\n\tfont-size: 12px;\n\tmargin-top: 16px;\n\tcolor: ", ";\n"])), function (_a) {
33
- var theme = _a.theme;
34
- return theme.color.osloGrey;
35
- });
36
- exports.PageSuccessImgContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tmargin-bottom: 24px;\n\twidth: 64px;\n\theight: 64px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n"], ["\n\tmargin-bottom: 24px;\n\twidth: 64px;\n\theight: 64px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n"])));
37
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -1,70 +0,0 @@
1
- import styled from 'styled-components';
2
- import { IconWrapper } from '../ui';
3
- import { PageContent, PageMainContainer } from './basic';
4
-
5
- interface IStatusScreenCircleContainer {
6
- type: 'success' | 'warning' | 'error';
7
- }
8
-
9
- export const PageStatusScreenMain = styled(PageMainContainer)`
10
- height: 100%;
11
- `;
12
- export const PageStatusScreenContent = styled(PageContent)`
13
- height: inherit;
14
- width: 100%;
15
- align-items: center;
16
- justify-content: center;
17
- display: flex;
18
- flex-direction: column;
19
- text-align: center;
20
- position: absolute;
21
- top: 0;
22
- bottom: 0;
23
- left: 0;
24
- right: 0;
25
- `;
26
- export const StatusScreenCircleContainer = styled.div<IStatusScreenCircleContainer>`
27
- width: 64px;
28
- height: 64px;
29
- background-color: ${({ theme, type }) => {
30
- switch (type) {
31
- case 'success':
32
- return theme.color.emerald;
33
- case 'error':
34
- return theme.color.sunsetOrange;
35
- case 'warning':
36
- return theme.color.hokeyPokey;
37
- default:
38
- return theme.color.porcelain;
39
- }
40
- }};
41
- border-radius: 50%;
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- margin-bottom: 24px;
46
-
47
- ${IconWrapper} {
48
- width: 40px;
49
- color: ${({ theme }) => theme.color.white};
50
- }
51
- `;
52
- export const StatusScreenErrorCode = styled.span`
53
- font-size: 12px;
54
- margin-top: 16px;
55
- color: ${({ theme }) => theme.color.osloGrey};
56
- `;
57
- export const PageSuccessImgContainer = styled.div`
58
- margin-bottom: 24px;
59
- width: 64px;
60
- height: 64px;
61
- display: flex;
62
- align-items: center;
63
- justify-content: center;
64
- border-radius: 50%;
65
- overflow: hidden;
66
- img {
67
- width: 100%;
68
- height: auto;
69
- }
70
- `;
@@ -1 +0,0 @@
1
- export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,13 +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.InnerContainer = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.InnerContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tmargin-top: 16px;\n\twidth: 100%;\n"], ["\n\tmargin-top: 16px;\n\twidth: 100%;\n"])));
13
- var templateObject_1;
@@ -1,6 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- export const InnerContainer = styled.div`
4
- margin-top: 16px;
5
- width: 100%;
6
- `;
@@ -1,2 +0,0 @@
1
- declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
2
- export default _default;
@@ -1,14 +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
- var styled_components_1 = require("styled-components");
11
- var Mark_W1G_Book_otf_1 = __importDefault(require("../fonts/Mark-W1G-Book.otf"));
12
- var Mark_W1G_Bold_otf_1 = __importDefault(require("../fonts/Mark-W1G-Bold.otf"));
13
- exports.default = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n \n@font-face {\n font-family: MarkW1G;\n src: url(", ") format('opentype');\n }\n @font-face {\n font-family: MarkW1G;\n font-weight: bold;\n src: url(", ") format('opentype');\n }\n\nbody{\n font-family: 'MarkW1G', sans-serif;\n}\nbody * {\n font-family: 'MarkW1G', sans-serif;\n font-size: 14px;\n font-style: normal;\n}\n"], ["\n \n@font-face {\n font-family: MarkW1G;\n src: url(", ") format('opentype');\n }\n @font-face {\n font-family: MarkW1G;\n font-weight: bold;\n src: url(", ") format('opentype');\n }\n\nbody{\n font-family: 'MarkW1G', sans-serif;\n}\nbody * {\n font-family: 'MarkW1G', sans-serif;\n font-size: 14px;\n font-style: normal;\n}\n"])), Mark_W1G_Book_otf_1.default, Mark_W1G_Bold_otf_1.default);
14
- var templateObject_1;
@@ -1,25 +0,0 @@
1
- import { createGlobalStyle } from 'styled-components';
2
- import MarkW1GBook from '../fonts/Mark-W1G-Book.otf';
3
- import MarkW1GBold from '../fonts/Mark-W1G-Bold.otf';
4
-
5
- export default createGlobalStyle`
6
-
7
- @font-face {
8
- font-family: MarkW1G;
9
- src: url(${MarkW1GBook}) format('opentype');
10
- }
11
- @font-face {
12
- font-family: MarkW1G;
13
- font-weight: bold;
14
- src: url(${MarkW1GBold}) format('opentype');
15
- }
16
-
17
- body{
18
- font-family: 'MarkW1G', sans-serif;
19
- }
20
- body * {
21
- font-family: 'MarkW1G', sans-serif;
22
- font-size: 14px;
23
- font-style: normal;
24
- }
25
- `;
@@ -1,45 +0,0 @@
1
- export declare const theme: {
2
- color: {
3
- white: string;
4
- porcelain: string;
5
- porcelainSecond: string;
6
- porcelainLight: string;
7
- porcelainSecondLight: string;
8
- iron: string;
9
- ironSecond: string;
10
- casper: string;
11
- mercury: string;
12
- dodgerBlue: string;
13
- dodgerBlueLight: string;
14
- royalBlue: string;
15
- bostonBlue: string;
16
- endeavour: string;
17
- congressBlue: string;
18
- brilliantBlue: string;
19
- curiousBlue: string;
20
- iceberg: string;
21
- linkWater: string;
22
- spindle: string;
23
- cyprus: string;
24
- gossamer: string;
25
- emerald: string;
26
- hokeyPokey: string;
27
- hokeyPokeyLight: string;
28
- anzac: string;
29
- cerise: string;
30
- sunsetOrange: string;
31
- wePeep: string;
32
- ebony: string;
33
- abbey: string;
34
- osloGrey: string;
35
- loblolly: string;
36
- jumbo: string;
37
- blackPearl: string;
38
- blueBayoux: string;
39
- };
40
- mixin: {
41
- subtitle: () => string;
42
- title: () => string;
43
- };
44
- };
45
- export declare type ThemeType = typeof theme;
@@ -1,47 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.theme = void 0;
4
- exports.theme = {
5
- color: {
6
- white: '#fff',
7
- porcelain: '#e2E8Ea',
8
- porcelainSecond: '#f5F7F8',
9
- porcelainLight: '#e5Eaec',
10
- porcelainSecondLight: '#f7F9F9',
11
- iron: '#cbd1D3',
12
- ironSecond: '#dcdedf',
13
- casper: '#90a4Ae',
14
- mercury: '#e5E5E5',
15
- dodgerBlue: '#4c6Cff',
16
- dodgerBlueLight: '#5e7Bff',
17
- royalBlue: '#4461e6',
18
- bostonBlue: '#367ab9',
19
- endeavour: '#0459a8',
20
- congressBlue: '#045097',
21
- brilliantBlue: '#0075dc',
22
- curiousBlue: '#2784da',
23
- iceberg: '#cdf2ed',
24
- linkWater: '#cddeee',
25
- spindle: '#b4Cde5',
26
- cyprus: '#002d3C',
27
- gossamer: '#06bea6',
28
- emerald: '#4fc35A',
29
- hokeyPokey: '#fabe34',
30
- hokeyPokeyLight: '#f9C858',
31
- anzac: '#e1B141',
32
- cerise: '#d63F5a',
33
- sunsetOrange: '#fe493f',
34
- wePeep: '#f7d9de',
35
- ebony: '#130f26',
36
- abbey: '#4e5457',
37
- osloGrey: '#7f888c',
38
- loblolly: '#c1c8cc',
39
- jumbo: '#7d7d84',
40
- blackPearl: '#061D24',
41
- blueBayoux: '#4b6a75'
42
- },
43
- mixin: {
44
- subtitle: function () { return " margin-top: 8px;\n margin-bottom: 4px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;"; },
45
- title: function () { return " font-size: 26px;\n line-height: 30px;\n letter-spacing: -0.2px;\n margin-top: 0;\n margin-bottom: 24px;\n color: #130f26;\n white-space: pre-line;\n "; }
46
- }
47
- };
@@ -1,58 +0,0 @@
1
- export const theme = {
2
- color: {
3
- white: '#fff',
4
- porcelain: '#e2E8Ea',
5
- porcelainSecond: '#f5F7F8',
6
- porcelainLight: '#e5Eaec',
7
- porcelainSecondLight: '#f7F9F9',
8
- iron: '#cbd1D3',
9
- ironSecond: '#dcdedf',
10
- casper: '#90a4Ae',
11
- mercury: '#e5E5E5',
12
- dodgerBlue: '#4c6Cff',
13
- dodgerBlueLight: '#5e7Bff',
14
- royalBlue: '#4461e6',
15
- bostonBlue: '#367ab9',
16
- endeavour: '#0459a8',
17
- congressBlue: '#045097',
18
- brilliantBlue: '#0075dc',
19
- curiousBlue: '#2784da',
20
- iceberg: '#cdf2ed',
21
- linkWater: '#cddeee',
22
- spindle: '#b4Cde5',
23
- cyprus: '#002d3C',
24
- gossamer: '#06bea6',
25
- emerald: '#4fc35A',
26
- hokeyPokey: '#fabe34',
27
- hokeyPokeyLight: '#f9C858',
28
- anzac: '#e1B141',
29
- cerise: '#d63F5a',
30
- sunsetOrange: '#fe493f',
31
- wePeep: '#f7d9de',
32
- ebony: '#130f26',
33
- abbey: '#4e5457',
34
- osloGrey: '#7f888c',
35
- loblolly: '#c1c8cc',
36
- jumbo: '#7d7d84',
37
- blackPearl: '#061D24',
38
- blueBayoux: '#4b6a75'
39
- },
40
- mixin: {
41
- subtitle: () => ` margin-top: 8px;
42
- margin-bottom: 4px;
43
- width: 100%;
44
- display: flex;
45
- align-items: center;
46
- justify-content: space-between;`,
47
-
48
- title: () => ` font-size: 26px;
49
- line-height: 30px;
50
- letter-spacing: -0.2px;
51
- margin-top: 0;
52
- margin-bottom: 24px;
53
- color: #130f26;
54
- white-space: pre-line;
55
- `
56
- }
57
- };
58
- export type ThemeType = typeof theme;
@@ -1,10 +0,0 @@
1
- interface IIconWrapper {
2
- rotating: boolean;
3
- }
4
- export declare const rotate: import("styled-components").Keyframes;
5
- export declare const SimpleButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
7
- export declare const H4Styled: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {}, never>;
8
- export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- export declare const IconWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IIconWrapper, never>;
10
- export {};