@alfalab/core-components-confirmation 12.3.4 → 12.4.0
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.
- package/{component-ad8387ce.d.ts → component-ad335d4a.d.ts} +0 -0
- package/{component-ad8387ce.js → component-ad335d4a.js} +9 -9
- package/component.desktop.js +8 -10
- package/component.mobile.js +10 -12
- package/component.responsive.d.ts +7 -1
- package/component.responsive.js +15 -16
- package/components/base-confirmation/component.js +7 -9
- package/components/base-confirmation/index.css +2 -2
- package/components/base-confirmation/index.d.ts +1 -1
- package/components/base-confirmation/index.js +5 -7
- package/components/countdown-loader/component.js +5 -7
- package/components/countdown-loader/index.css +2 -2
- package/components/countdown-loader/index.js +1 -3
- package/components/header/component.js +5 -7
- package/components/header/index.css +4 -4
- package/components/header/index.js +1 -3
- package/components/index.js +10 -12
- package/components/screens/fatal-error/component.js +10 -12
- package/components/screens/fatal-error/index.css +6 -6
- package/components/screens/fatal-error/index.js +3 -5
- package/components/screens/hint/component.js +18 -20
- package/components/screens/hint/index.css +12 -12
- package/components/screens/hint/index.js +3 -5
- package/components/screens/index.js +8 -10
- package/components/screens/initial/component.js +18 -15
- package/components/screens/initial/countdown-section.js +4 -6
- package/components/screens/initial/index.css +18 -18
- package/components/screens/initial/index.js +5 -7
- package/components/screens/temp-block/component.js +12 -14
- package/components/screens/temp-block/index.css +7 -7
- package/components/screens/temp-block/index.js +4 -6
- package/context.js +0 -2
- package/{countdown-section-f4894842.d.ts → countdown-section-6d91891a.d.ts} +0 -0
- package/countdown-section-6d91891a.js +49 -0
- package/cssm/{component-5a4af768.d.ts → component-3c591970.d.ts} +0 -0
- package/cssm/{component-5a4af768.js → component-3c591970.js} +9 -9
- package/cssm/component.desktop.js +12 -14
- package/cssm/component.mobile.js +15 -17
- package/cssm/component.responsive.d.ts +7 -1
- package/cssm/component.responsive.js +19 -20
- package/cssm/components/base-confirmation/component.js +10 -12
- package/cssm/components/base-confirmation/index.d.ts +1 -1
- package/cssm/components/base-confirmation/index.js +9 -11
- package/cssm/components/countdown-loader/component.js +5 -7
- package/cssm/components/countdown-loader/index.js +1 -3
- package/cssm/components/header/component.js +5 -7
- package/cssm/components/header/index.js +1 -3
- package/cssm/components/index.js +12 -14
- package/cssm/components/screens/fatal-error/component.js +11 -13
- package/cssm/components/screens/fatal-error/index.js +4 -6
- package/cssm/components/screens/hint/component.js +19 -21
- package/cssm/components/screens/hint/index.js +4 -6
- package/cssm/components/screens/index.js +10 -12
- package/cssm/components/screens/initial/component.js +21 -18
- package/cssm/components/screens/initial/countdown-section.js +18 -20
- package/cssm/components/screens/initial/index.js +6 -8
- package/cssm/components/screens/temp-block/component.js +14 -16
- package/cssm/components/screens/temp-block/index.js +6 -8
- package/cssm/context.js +0 -2
- package/cssm/desktop.d.ts +1 -0
- package/cssm/desktop.js +10 -12
- package/cssm/index.js +24 -26
- package/cssm/mobile.d.ts +1 -0
- package/cssm/mobile.js +10 -12
- package/cssm/responsive.d.ts +1 -0
- package/cssm/responsive.js +11 -13
- package/cssm/types.js +0 -2
- package/cssm/utils.js +6 -8
- package/desktop.d.ts +1 -0
- package/desktop.js +6 -8
- package/esm/{component-b1ceb5d0.d.ts → component-0eefd74d.d.ts} +0 -0
- package/esm/{component-b1ceb5d0.js → component-0eefd74d.js} +4 -4
- package/esm/component.desktop.js +5 -5
- package/esm/component.mobile.js +6 -6
- package/esm/component.responsive.d.ts +7 -1
- package/esm/component.responsive.js +13 -12
- package/esm/components/base-confirmation/component.js +7 -7
- package/esm/components/base-confirmation/index.css +2 -2
- package/esm/components/base-confirmation/index.d.ts +1 -1
- package/esm/components/base-confirmation/index.js +5 -5
- package/esm/components/countdown-loader/component.js +3 -3
- package/esm/components/countdown-loader/index.css +2 -2
- package/esm/components/countdown-loader/index.js +1 -1
- package/esm/components/header/component.js +1 -1
- package/esm/components/header/index.css +4 -4
- package/esm/components/header/index.js +1 -1
- package/esm/components/index.js +9 -9
- package/esm/components/screens/fatal-error/component.js +3 -3
- package/esm/components/screens/fatal-error/index.css +6 -6
- package/esm/components/screens/fatal-error/index.js +3 -3
- package/esm/components/screens/hint/component.js +3 -3
- package/esm/components/screens/hint/index.css +12 -12
- package/esm/components/screens/hint/index.js +3 -3
- package/esm/components/screens/index.js +8 -8
- package/esm/components/screens/initial/component.js +10 -5
- package/esm/components/screens/initial/countdown-section.js +4 -4
- package/esm/components/screens/initial/index.css +18 -18
- package/esm/components/screens/initial/index.js +5 -5
- package/esm/components/screens/temp-block/component.js +4 -4
- package/esm/components/screens/temp-block/index.css +7 -7
- package/esm/components/screens/temp-block/index.js +4 -4
- package/esm/{countdown-section-608e4e3a.d.ts → countdown-section-0837d1c0.d.ts} +0 -0
- package/esm/{countdown-section-608e4e3a.js → countdown-section-0837d1c0.js} +6 -6
- package/esm/desktop.d.ts +1 -0
- package/esm/desktop.js +6 -6
- package/esm/index.js +12 -12
- package/esm/mobile.css +2 -2
- package/esm/mobile.d.ts +1 -0
- package/esm/mobile.js +6 -6
- package/esm/responsive.d.ts +1 -0
- package/esm/responsive.js +6 -6
- package/esm/utils.js +6 -6
- package/index.js +21 -23
- package/mobile.css +2 -2
- package/mobile.d.ts +1 -0
- package/mobile.js +6 -8
- package/modern/component.desktop.js +5 -5
- package/modern/component.mobile.js +6 -6
- package/modern/component.responsive.d.ts +7 -1
- package/modern/component.responsive.js +12 -12
- package/modern/components/base-confirmation/component.js +8 -8
- package/modern/components/base-confirmation/index.css +2 -2
- package/modern/components/base-confirmation/index.js +5 -5
- package/modern/components/countdown-loader/component.js +1 -1
- package/modern/components/countdown-loader/index.css +2 -2
- package/modern/components/countdown-loader/index.js +1 -1
- package/modern/components/header/component.js +1 -1
- package/modern/components/header/index.css +4 -4
- package/modern/components/header/index.js +1 -1
- package/modern/components/index.js +9 -9
- package/modern/components/screens/fatal-error/component.js +3 -3
- package/modern/components/screens/fatal-error/index.css +6 -6
- package/modern/components/screens/fatal-error/index.js +3 -3
- package/modern/components/screens/hint/component.js +3 -3
- package/modern/components/screens/hint/index.css +12 -12
- package/modern/components/screens/hint/index.js +3 -3
- package/modern/components/screens/index.js +8 -8
- package/modern/components/screens/initial/component.js +10 -5
- package/modern/components/screens/initial/countdown-section.js +4 -4
- package/modern/components/screens/initial/index.css +18 -18
- package/modern/components/screens/initial/index.js +5 -5
- package/modern/components/screens/temp-block/component.js +4 -4
- package/modern/components/screens/temp-block/index.css +7 -7
- package/modern/components/screens/temp-block/index.js +4 -4
- package/modern/{countdown-section-cb87c8ea.d.ts → countdown-section-4c1f4500.d.ts} +0 -0
- package/modern/{countdown-section-cb87c8ea.js → countdown-section-4c1f4500.js} +5 -5
- package/modern/desktop.d.ts +1 -0
- package/modern/desktop.js +6 -6
- package/modern/index.js +12 -12
- package/modern/mobile.css +2 -2
- package/modern/mobile.d.ts +1 -0
- package/modern/mobile.js +6 -6
- package/modern/responsive.d.ts +1 -0
- package/modern/responsive.js +8 -8
- package/package.json +6 -6
- package/responsive.d.ts +1 -0
- package/responsive.js +6 -8
- package/types.js +0 -2
- package/utils.js +6 -8
- package/countdown-section-f4894842.js +0 -49
|
@@ -1,38 +1,36 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var components_baseConfirmation_component = require('./component-5a4af768.js');
|
|
3
|
+
var components_baseConfirmation_component = require('./component-3c591970.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
require('classnames');
|
|
8
6
|
require('@alfalab/hooks');
|
|
9
|
-
require('./utils.js');
|
|
10
7
|
require('./context.js');
|
|
8
|
+
require('./utils.js');
|
|
11
9
|
require('./types.js');
|
|
10
|
+
require('./components/screens/initial/component.js');
|
|
12
11
|
require('@alfalab/core-components-button/cssm');
|
|
13
12
|
require('@alfalab/core-components-code-input/cssm');
|
|
14
13
|
require('@alfalab/core-components-link/cssm');
|
|
15
14
|
require('@alfalab/core-components-typography/cssm');
|
|
16
|
-
require('./components/header/index.module.css');
|
|
17
15
|
require('./components/header/component.js');
|
|
16
|
+
require('./components/header/index.module.css');
|
|
17
|
+
require('./components/screens/initial/countdown-section.js');
|
|
18
18
|
require('@alfalab/core-components-loader/cssm');
|
|
19
19
|
require('./components/screens/initial/index.module.css');
|
|
20
|
-
require('./components/screens/initial/countdown-section.js');
|
|
21
|
-
require('./components/screens/initial/component.js');
|
|
22
|
-
require('./components/screens/hint/index.module.css');
|
|
23
20
|
require('./components/screens/hint/component.js');
|
|
24
|
-
require('./components/screens/
|
|
21
|
+
require('./components/screens/hint/index.module.css');
|
|
25
22
|
require('./components/screens/fatal-error/component.js');
|
|
26
|
-
require('./components/
|
|
23
|
+
require('./components/screens/fatal-error/index.module.css');
|
|
24
|
+
require('./components/screens/temp-block/component.js');
|
|
27
25
|
require('./components/countdown-loader/component.js');
|
|
26
|
+
require('./components/countdown-loader/index.module.css');
|
|
28
27
|
require('./components/screens/temp-block/index.module.css');
|
|
29
|
-
require('./components/screens/temp-block/component.js');
|
|
30
28
|
require('./components/base-confirmation/index.module.css');
|
|
31
29
|
|
|
32
|
-
function
|
|
30
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
33
31
|
|
|
34
|
-
var React__default = /*#__PURE__*/
|
|
32
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
35
33
|
|
|
36
|
-
var ConfirmationDesktop = function (props) { return (React__default
|
|
34
|
+
var ConfirmationDesktop = function (props) { return (React__default.default.createElement(components_baseConfirmation_component.BaseConfirmation, components_baseConfirmation_component.__assign({}, props))); };
|
|
37
35
|
|
|
38
36
|
exports.ConfirmationDesktop = ConfirmationDesktop;
|
package/cssm/component.mobile.js
CHANGED
|
@@ -1,44 +1,42 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var components_baseConfirmation_component = require('./component-5a4af768.js');
|
|
3
|
+
var components_baseConfirmation_component = require('./component-3c591970.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
6
|
+
var styles = require('./mobile.module.css');
|
|
8
7
|
require('@alfalab/hooks');
|
|
9
|
-
require('./utils.js');
|
|
10
8
|
require('./context.js');
|
|
9
|
+
require('./utils.js');
|
|
11
10
|
require('./types.js');
|
|
11
|
+
require('./components/screens/initial/component.js');
|
|
12
12
|
require('@alfalab/core-components-button/cssm');
|
|
13
13
|
require('@alfalab/core-components-code-input/cssm');
|
|
14
14
|
require('@alfalab/core-components-link/cssm');
|
|
15
15
|
require('@alfalab/core-components-typography/cssm');
|
|
16
|
-
require('./components/header/index.module.css');
|
|
17
16
|
require('./components/header/component.js');
|
|
17
|
+
require('./components/header/index.module.css');
|
|
18
|
+
require('./components/screens/initial/countdown-section.js');
|
|
18
19
|
require('@alfalab/core-components-loader/cssm');
|
|
19
20
|
require('./components/screens/initial/index.module.css');
|
|
20
|
-
require('./components/screens/initial/countdown-section.js');
|
|
21
|
-
require('./components/screens/initial/component.js');
|
|
22
|
-
require('./components/screens/hint/index.module.css');
|
|
23
21
|
require('./components/screens/hint/component.js');
|
|
24
|
-
require('./components/screens/
|
|
22
|
+
require('./components/screens/hint/index.module.css');
|
|
25
23
|
require('./components/screens/fatal-error/component.js');
|
|
26
|
-
require('./components/
|
|
24
|
+
require('./components/screens/fatal-error/index.module.css');
|
|
25
|
+
require('./components/screens/temp-block/component.js');
|
|
27
26
|
require('./components/countdown-loader/component.js');
|
|
27
|
+
require('./components/countdown-loader/index.module.css');
|
|
28
28
|
require('./components/screens/temp-block/index.module.css');
|
|
29
|
-
require('./components/screens/temp-block/component.js');
|
|
30
29
|
require('./components/base-confirmation/index.module.css');
|
|
31
|
-
var styles = require('./mobile.module.css');
|
|
32
30
|
|
|
33
|
-
function
|
|
31
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
34
32
|
|
|
35
|
-
var React__default = /*#__PURE__*/
|
|
36
|
-
var cn__default = /*#__PURE__*/
|
|
37
|
-
var styles__default = /*#__PURE__*/
|
|
33
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
34
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
35
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
38
36
|
|
|
39
37
|
var ConfirmationMobile = function (_a) {
|
|
40
38
|
var className = _a.className, resProps = components_baseConfirmation_component.__rest(_a, ["className"]);
|
|
41
|
-
return (React__default
|
|
39
|
+
return (React__default.default.createElement(components_baseConfirmation_component.BaseConfirmation, components_baseConfirmation_component.__assign({ mobile: true, className: cn__default.default(className, styles__default.default.container) }, resProps)));
|
|
42
40
|
};
|
|
43
41
|
|
|
44
42
|
exports.ConfirmationMobile = ConfirmationMobile;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ConfirmationProps } from "./types";
|
|
3
|
-
type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
|
|
3
|
+
type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'> & {
|
|
4
|
+
/**
|
|
5
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
6
|
+
* @default 1024
|
|
7
|
+
*/
|
|
8
|
+
breakpoint?: number;
|
|
9
|
+
};
|
|
4
10
|
type ConfirmationMedia = 'desktop' | 'mobile';
|
|
5
11
|
declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
|
|
6
12
|
export { ResponsiveConfirmationProps, ConfirmationMedia, ConfirmationResponsive };
|
|
@@ -1,47 +1,46 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var components_baseConfirmation_component = require('./component-5a4af768.js');
|
|
3
|
+
var components_baseConfirmation_component = require('./component-3c591970.js');
|
|
6
4
|
var React = require('react');
|
|
7
|
-
require('classnames');
|
|
8
5
|
var hooks = require('@alfalab/hooks');
|
|
9
|
-
require('./
|
|
6
|
+
var component_desktop = require('./component.desktop.js');
|
|
7
|
+
var component_mobile = require('./component.mobile.js');
|
|
8
|
+
require('classnames');
|
|
10
9
|
require('./context.js');
|
|
10
|
+
require('./utils.js');
|
|
11
11
|
require('./types.js');
|
|
12
|
+
require('./components/screens/initial/component.js');
|
|
12
13
|
require('@alfalab/core-components-button/cssm');
|
|
13
14
|
require('@alfalab/core-components-code-input/cssm');
|
|
14
15
|
require('@alfalab/core-components-link/cssm');
|
|
15
16
|
require('@alfalab/core-components-typography/cssm');
|
|
16
|
-
require('./components/header/index.module.css');
|
|
17
17
|
require('./components/header/component.js');
|
|
18
|
+
require('./components/header/index.module.css');
|
|
19
|
+
require('./components/screens/initial/countdown-section.js');
|
|
18
20
|
require('@alfalab/core-components-loader/cssm');
|
|
19
21
|
require('./components/screens/initial/index.module.css');
|
|
20
|
-
require('./components/screens/initial/countdown-section.js');
|
|
21
|
-
require('./components/screens/initial/component.js');
|
|
22
|
-
require('./components/screens/hint/index.module.css');
|
|
23
22
|
require('./components/screens/hint/component.js');
|
|
24
|
-
require('./components/screens/
|
|
23
|
+
require('./components/screens/hint/index.module.css');
|
|
25
24
|
require('./components/screens/fatal-error/component.js');
|
|
26
|
-
require('./components/
|
|
25
|
+
require('./components/screens/fatal-error/index.module.css');
|
|
26
|
+
require('./components/screens/temp-block/component.js');
|
|
27
27
|
require('./components/countdown-loader/component.js');
|
|
28
|
+
require('./components/countdown-loader/index.module.css');
|
|
28
29
|
require('./components/screens/temp-block/index.module.css');
|
|
29
|
-
require('./components/screens/temp-block/component.js');
|
|
30
30
|
require('./components/base-confirmation/index.module.css');
|
|
31
|
-
var component_desktop = require('./component.desktop.js');
|
|
32
31
|
require('./mobile.module.css');
|
|
33
|
-
var component_mobile = require('./component.mobile.js');
|
|
34
32
|
|
|
35
|
-
function
|
|
33
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
36
34
|
|
|
37
|
-
var React__default = /*#__PURE__*/
|
|
35
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
38
36
|
|
|
39
|
-
var ConfirmationResponsive = function (
|
|
37
|
+
var ConfirmationResponsive = function (_a) {
|
|
38
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = components_baseConfirmation_component.__rest(_a, ["breakpoint"]);
|
|
40
39
|
var view = hooks.useMedia([
|
|
41
|
-
['mobile',
|
|
42
|
-
['desktop',
|
|
40
|
+
['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
|
|
41
|
+
['desktop', "(min-width: ".concat(breakpoint, "px)")],
|
|
43
42
|
], 'desktop')[0];
|
|
44
|
-
return view === 'desktop' ? (React__default
|
|
43
|
+
return view === 'desktop' ? (React__default.default.createElement(component_desktop.ConfirmationDesktop, components_baseConfirmation_component.__assign({}, restProps))) : (React__default.default.createElement(component_mobile.ConfirmationMobile, components_baseConfirmation_component.__assign({}, restProps)));
|
|
45
44
|
};
|
|
46
45
|
|
|
47
46
|
exports.ConfirmationResponsive = ConfirmationResponsive;
|
|
@@ -1,33 +1,31 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var components_baseConfirmation_component = require('../../component-5a4af768.js');
|
|
3
|
+
var components_baseConfirmation_component = require('../../component-3c591970.js');
|
|
6
4
|
require('react');
|
|
7
5
|
require('classnames');
|
|
8
6
|
require('@alfalab/hooks');
|
|
9
|
-
require('../../utils.js');
|
|
10
7
|
require('../../context.js');
|
|
11
8
|
require('../../types.js');
|
|
9
|
+
require('../../utils.js');
|
|
10
|
+
require('../screens/initial/component.js');
|
|
11
|
+
require('../screens/hint/component.js');
|
|
12
|
+
require('../screens/fatal-error/component.js');
|
|
13
|
+
require('../screens/temp-block/component.js');
|
|
14
|
+
require('./index.module.css');
|
|
12
15
|
require('@alfalab/core-components-button/cssm');
|
|
13
16
|
require('@alfalab/core-components-code-input/cssm');
|
|
14
17
|
require('@alfalab/core-components-link/cssm');
|
|
15
18
|
require('@alfalab/core-components-typography/cssm');
|
|
16
|
-
require('../header/index.module.css');
|
|
17
19
|
require('../header/component.js');
|
|
20
|
+
require('../header/index.module.css');
|
|
21
|
+
require('../screens/initial/countdown-section.js');
|
|
18
22
|
require('@alfalab/core-components-loader/cssm');
|
|
19
23
|
require('../screens/initial/index.module.css');
|
|
20
|
-
require('../screens/initial/countdown-section.js');
|
|
21
|
-
require('../screens/initial/component.js');
|
|
22
24
|
require('../screens/hint/index.module.css');
|
|
23
|
-
require('../screens/hint/component.js');
|
|
24
25
|
require('../screens/fatal-error/index.module.css');
|
|
25
|
-
require('../screens/fatal-error/component.js');
|
|
26
|
-
require('../countdown-loader/index.module.css');
|
|
27
26
|
require('../countdown-loader/component.js');
|
|
27
|
+
require('../countdown-loader/index.module.css');
|
|
28
28
|
require('../screens/temp-block/index.module.css');
|
|
29
|
-
require('../screens/temp-block/component.js');
|
|
30
|
-
require('./index.module.css');
|
|
31
29
|
|
|
32
30
|
|
|
33
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-3c591970";
|
|
@@ -1,32 +1,30 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var components_baseConfirmation_component = require('../../component-5a4af768.js');
|
|
3
|
+
var components_baseConfirmation_component = require('../../component-3c591970.js');
|
|
6
4
|
require('react');
|
|
7
5
|
require('classnames');
|
|
8
6
|
require('@alfalab/hooks');
|
|
9
|
-
require('../../utils.js');
|
|
10
7
|
require('../../context.js');
|
|
8
|
+
require('../../utils.js');
|
|
11
9
|
require('../../types.js');
|
|
10
|
+
require('../screens/initial/component.js');
|
|
12
11
|
require('@alfalab/core-components-button/cssm');
|
|
13
12
|
require('@alfalab/core-components-code-input/cssm');
|
|
14
13
|
require('@alfalab/core-components-link/cssm');
|
|
15
14
|
require('@alfalab/core-components-typography/cssm');
|
|
16
|
-
require('../header/index.module.css');
|
|
17
15
|
require('../header/component.js');
|
|
16
|
+
require('../header/index.module.css');
|
|
17
|
+
require('../screens/initial/countdown-section.js');
|
|
18
18
|
require('@alfalab/core-components-loader/cssm');
|
|
19
19
|
require('../screens/initial/index.module.css');
|
|
20
|
-
require('../screens/initial/countdown-section.js');
|
|
21
|
-
require('../screens/initial/component.js');
|
|
22
|
-
require('../screens/hint/index.module.css');
|
|
23
20
|
require('../screens/hint/component.js');
|
|
24
|
-
require('../screens/
|
|
21
|
+
require('../screens/hint/index.module.css');
|
|
25
22
|
require('../screens/fatal-error/component.js');
|
|
26
|
-
require('../
|
|
23
|
+
require('../screens/fatal-error/index.module.css');
|
|
24
|
+
require('../screens/temp-block/component.js');
|
|
27
25
|
require('../countdown-loader/component.js');
|
|
26
|
+
require('../countdown-loader/index.module.css');
|
|
28
27
|
require('../screens/temp-block/index.module.css');
|
|
29
|
-
require('../screens/temp-block/component.js');
|
|
30
28
|
require('./index.module.css');
|
|
31
29
|
|
|
32
30
|
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var styles = require('./index.module.css');
|
|
7
5
|
|
|
8
|
-
function
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
7
|
|
|
10
|
-
var React__default = /*#__PURE__*/
|
|
11
|
-
var styles__default = /*#__PURE__*/
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
12
10
|
|
|
13
11
|
var SIZE = 16;
|
|
14
12
|
var STROKE_WIDTH = 2;
|
|
@@ -21,8 +19,8 @@ var CountdownLoader = function (_a) {
|
|
|
21
19
|
var value = Math.min(progress, 1);
|
|
22
20
|
var strokeDasharray = CIRCUMFERENCE.toFixed(2);
|
|
23
21
|
var strokeDashoffset = (value * CIRCUMFERENCE).toFixed(2);
|
|
24
|
-
return (React__default
|
|
25
|
-
React__default
|
|
22
|
+
return (React__default.default.createElement("svg", { width: SIZE, height: SIZE, viewBox: "0 0 ".concat(SIZE, " ").concat(SIZE), className: className },
|
|
23
|
+
React__default.default.createElement("circle", { cx: CENTER, cy: CENTER, r: RADIUS, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, transform: "rotate(-90 ".concat(CENTER, " ").concat(CENTER, ")"), className: styles__default.default.circle })));
|
|
26
24
|
};
|
|
27
25
|
|
|
28
26
|
exports.CountdownLoader = CountdownLoader;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var components_countdownLoader_component = require('./component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('./index.module.css');
|
|
7
|
-
var components_countdownLoader_component = require('./component.js');
|
|
8
6
|
|
|
9
7
|
|
|
10
8
|
|
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
5
|
var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
|
|
8
6
|
var styles = require('./index.module.css');
|
|
9
7
|
|
|
10
|
-
function
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
9
|
|
|
12
|
-
var React__default = /*#__PURE__*/
|
|
13
|
-
var cn__default = /*#__PURE__*/
|
|
14
|
-
var styles__default = /*#__PURE__*/
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
15
13
|
|
|
16
14
|
var Header = function (_a) {
|
|
17
15
|
var _b;
|
|
18
16
|
var mobile = _a.mobile, children = _a.children;
|
|
19
|
-
return (React__default
|
|
17
|
+
return (React__default.default.createElement(coreComponentsTypography.Typography.Title, { className: cn__default.default(styles__default.default.header, styles__default.default.typography, (_b = {}, _b[styles__default.default.typographyMobile] = mobile, _b)), tag: 'h3', color: 'primary' }, children));
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
exports.Header = Header;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var components_header_component = require('./component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
6
|
require('@alfalab/core-components-typography/cssm');
|
|
8
7
|
require('./index.module.css');
|
|
9
|
-
var components_header_component = require('./component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
package/cssm/components/index.js
CHANGED
|
@@ -1,35 +1,33 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var components_screens_initial_component = require('./screens/initial/component.js');
|
|
4
|
+
var components_screens_hint_component = require('./screens/hint/component.js');
|
|
5
|
+
var components_screens_fatalError_component = require('./screens/fatal-error/component.js');
|
|
6
|
+
var components_screens_tempBlock_component = require('./screens/temp-block/component.js');
|
|
7
|
+
var components_countdownLoader_component = require('./countdown-loader/component.js');
|
|
5
8
|
require('react');
|
|
6
9
|
require('classnames');
|
|
7
|
-
require('@alfalab/hooks');
|
|
8
|
-
require('../utils.js');
|
|
9
|
-
require('../context.js');
|
|
10
10
|
require('@alfalab/core-components-button/cssm');
|
|
11
11
|
require('@alfalab/core-components-code-input/cssm');
|
|
12
12
|
require('@alfalab/core-components-link/cssm');
|
|
13
13
|
require('@alfalab/core-components-typography/cssm');
|
|
14
|
-
require('
|
|
14
|
+
require('@alfalab/hooks');
|
|
15
|
+
require('../context.js');
|
|
16
|
+
require('../utils.js');
|
|
15
17
|
require('./header/component.js');
|
|
18
|
+
require('./header/index.module.css');
|
|
19
|
+
require('./screens/initial/countdown-section.js');
|
|
16
20
|
require('@alfalab/core-components-loader/cssm');
|
|
17
21
|
require('./screens/initial/index.module.css');
|
|
18
|
-
require('./screens/initial/countdown-section.js');
|
|
19
|
-
var components_screens_initial_component = require('./screens/initial/component.js');
|
|
20
22
|
require('./screens/hint/index.module.css');
|
|
21
|
-
var components_screens_hint_component = require('./screens/hint/component.js');
|
|
22
23
|
require('./screens/fatal-error/index.module.css');
|
|
23
|
-
var components_screens_fatalError_component = require('./screens/fatal-error/component.js');
|
|
24
|
-
require('./countdown-loader/index.module.css');
|
|
25
|
-
var components_countdownLoader_component = require('./countdown-loader/component.js');
|
|
26
24
|
require('./screens/temp-block/index.module.css');
|
|
27
|
-
|
|
25
|
+
require('./countdown-loader/index.module.css');
|
|
28
26
|
|
|
29
27
|
|
|
30
28
|
|
|
31
29
|
exports.Initial = components_screens_initial_component.Initial;
|
|
32
30
|
exports.Hint = components_screens_hint_component.Hint;
|
|
33
31
|
exports.FatalError = components_screens_fatalError_component.FatalError;
|
|
34
|
-
exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
|
|
35
32
|
exports.TempBlock = components_screens_tempBlock_component.TempBlock;
|
|
33
|
+
exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
|
|
@@ -1,31 +1,29 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
|
-
require('../../../utils.js');
|
|
8
|
-
var context = require('../../../context.js');
|
|
9
5
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
10
6
|
var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
|
|
11
|
-
require('
|
|
7
|
+
var context = require('../../../context.js');
|
|
12
8
|
var components_header_component = require('../../header/component.js');
|
|
13
9
|
var styles = require('./index.module.css');
|
|
10
|
+
require('../../../utils.js');
|
|
11
|
+
require('../../header/index.module.css');
|
|
14
12
|
|
|
15
|
-
function
|
|
13
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
16
14
|
|
|
17
|
-
var React__default = /*#__PURE__*/
|
|
18
|
-
var cn__default = /*#__PURE__*/
|
|
19
|
-
var styles__default = /*#__PURE__*/
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
20
18
|
|
|
21
19
|
var FatalError = function (_a) {
|
|
22
20
|
var _b;
|
|
23
21
|
var mobile = _a.mobile;
|
|
24
22
|
var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick;
|
|
25
|
-
return (React__default
|
|
26
|
-
React__default
|
|
27
|
-
React__default
|
|
28
|
-
React__default
|
|
23
|
+
return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[alignContent]) },
|
|
24
|
+
React__default.default.createElement(components_header_component.Header, { mobile: mobile }, texts.fatalErrorTitle),
|
|
25
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default((_b = {}, _b[styles__default.default.typographyTheme] = !mobile, _b)) }, texts.fatalErrorDescription),
|
|
26
|
+
React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles__default.default.button }, texts.fatalErrorButton)));
|
|
29
27
|
};
|
|
30
28
|
|
|
31
29
|
exports.FatalError = FatalError;
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var components_screens_fatalError_component = require('./component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
|
-
require('../../../utils.js');
|
|
8
|
-
require('../../../context.js');
|
|
9
6
|
require('@alfalab/core-components-button/cssm');
|
|
10
7
|
require('@alfalab/core-components-typography/cssm');
|
|
11
|
-
require('
|
|
8
|
+
require('../../../context.js');
|
|
9
|
+
require('../../../utils.js');
|
|
12
10
|
require('../../header/component.js');
|
|
11
|
+
require('../../header/index.module.css');
|
|
13
12
|
require('./index.module.css');
|
|
14
|
-
var components_screens_fatalError_component = require('./component.js');
|
|
15
13
|
|
|
16
14
|
|
|
17
15
|
|
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
|
-
require('../../../utils.js');
|
|
8
|
-
var context = require('../../../context.js');
|
|
9
5
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
10
6
|
var coreComponentsLink = require('@alfalab/core-components-link/cssm');
|
|
11
7
|
var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
|
|
12
|
-
require('
|
|
8
|
+
var context = require('../../../context.js');
|
|
13
9
|
var components_header_component = require('../../header/component.js');
|
|
14
10
|
var styles = require('./index.module.css');
|
|
11
|
+
require('../../../utils.js');
|
|
12
|
+
require('../../header/index.module.css');
|
|
15
13
|
|
|
16
|
-
function
|
|
14
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
17
15
|
|
|
18
|
-
var React__default = /*#__PURE__*/
|
|
19
|
-
var cn__default = /*#__PURE__*/
|
|
20
|
-
var styles__default = /*#__PURE__*/
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
21
19
|
|
|
22
20
|
var Hint = function (_a) {
|
|
23
21
|
var _b, _c, _d, _e, _f, _g;
|
|
@@ -27,22 +25,22 @@ var Hint = function (_a) {
|
|
|
27
25
|
onChangeScreen('INITIAL');
|
|
28
26
|
onChangeState('INITIAL');
|
|
29
27
|
};
|
|
30
|
-
return (React__default
|
|
31
|
-
React__default
|
|
32
|
-
React__default
|
|
33
|
-
React__default
|
|
34
|
-
React__default
|
|
35
|
-
React__default
|
|
36
|
-
React__default
|
|
28
|
+
return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[alignContent]) },
|
|
29
|
+
React__default.default.createElement(components_header_component.Header, { mobile: mobile }, "\u041D\u0435\u00A0\u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"),
|
|
30
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_b = {}, _b[styles__default.default.typographyTheme] = !mobile, _b)) }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0437\u0432\u043E\u043D\u0438\u0442\u0435 \u043D\u0430\u043C \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430."),
|
|
31
|
+
React__default.default.createElement("div", { className: styles__default.default.phonesWrap },
|
|
32
|
+
React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_c = {}, _c[styles__default.default.phoneContentMobile] = mobile, _c)) },
|
|
33
|
+
React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', underline: false, className: styles__default.default.phoneLink }, "8 800 200-00-00"),
|
|
34
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_d = {}, _d[styles__default.default.typographyTheme] = !mobile, _d)) }, mobile
|
|
37
35
|
? 'Для\u00A0 звонков по\u00A0России'
|
|
38
36
|
: ' \u2014\u00A0для звонков по\u00A0России')),
|
|
39
|
-
React__default
|
|
40
|
-
React__default
|
|
41
|
-
React__default
|
|
37
|
+
React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_e = {}, _e[styles__default.default.phoneContentMobile] = mobile, _e)) },
|
|
38
|
+
React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', underline: false, className: styles__default.default.phoneLink }, "+7 495 78-888-78"),
|
|
39
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_f = {}, _f[styles__default.default.typographyTheme] = !mobile, _f)) }, mobile
|
|
42
40
|
? 'В\u00A0Москве и\u00A0за\u00A0границей'
|
|
43
41
|
: ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей'))),
|
|
44
|
-
React__default
|
|
45
|
-
React__default
|
|
42
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_g = {}, _g[styles__default.default.typographyTheme] = !mobile, _g)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
|
|
43
|
+
React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.hintButton }, texts.hintButton)));
|
|
46
44
|
};
|
|
47
45
|
|
|
48
46
|
exports.Hint = Hint;
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var components_screens_hint_component = require('./component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
|
-
require('../../../utils.js');
|
|
8
|
-
require('../../../context.js');
|
|
9
6
|
require('@alfalab/core-components-button/cssm');
|
|
10
7
|
require('@alfalab/core-components-link/cssm');
|
|
11
8
|
require('@alfalab/core-components-typography/cssm');
|
|
12
|
-
require('
|
|
9
|
+
require('../../../context.js');
|
|
10
|
+
require('../../../utils.js');
|
|
13
11
|
require('../../header/component.js');
|
|
12
|
+
require('../../header/index.module.css');
|
|
14
13
|
require('./index.module.css');
|
|
15
|
-
var components_screens_hint_component = require('./component.js');
|
|
16
14
|
|
|
17
15
|
|
|
18
16
|
|