@alfalab/core-components-confirmation 12.3.5 → 12.4.1
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-5a9a6986.d.ts → component-c264f662.d.ts} +0 -0
- package/{component-5a9a6986.js → component-c264f662.js} +8 -3
- package/component.desktop.js +7 -3
- package/component.mobile.js +9 -4
- package/component.responsive.d.ts +7 -1
- package/component.responsive.js +11 -6
- package/components/base-confirmation/component.js +2 -2
- package/components/base-confirmation/index.css +2 -2
- package/components/base-confirmation/index.d.ts +1 -1
- package/components/base-confirmation/index.js +2 -2
- package/components/countdown-loader/component.js +7 -3
- package/components/countdown-loader/index.css +2 -2
- package/components/header/component.js +7 -2
- package/components/header/index.css +4 -4
- package/components/index.js +1 -1
- package/components/screens/fatal-error/component.js +10 -5
- package/components/screens/fatal-error/index.css +6 -6
- package/components/screens/hint/component.js +18 -13
- package/components/screens/hint/index.css +12 -12
- package/components/screens/index.js +1 -1
- package/components/screens/initial/component.js +12 -7
- package/components/screens/initial/countdown-section.js +1 -1
- package/components/screens/initial/index.css +18 -18
- package/components/screens/initial/index.js +1 -1
- package/components/screens/temp-block/component.js +11 -6
- package/components/screens/temp-block/index.css +7 -7
- package/{countdown-section-b356354f.d.ts → countdown-section-b5d05328.d.ts} +0 -0
- package/countdown-section-b5d05328.js +49 -0
- package/cssm/{component-895f6f86.d.ts → component-3c591970.d.ts} +0 -0
- package/cssm/{component-895f6f86.js → component-3c591970.js} +8 -2
- package/cssm/component.desktop.js +6 -2
- package/cssm/component.mobile.js +8 -2
- package/cssm/component.responsive.d.ts +7 -1
- package/cssm/component.responsive.js +10 -5
- package/cssm/components/base-confirmation/component.js +1 -1
- package/cssm/components/base-confirmation/index.d.ts +1 -1
- package/cssm/components/base-confirmation/index.js +1 -1
- package/cssm/components/countdown-loader/component.js +7 -2
- package/cssm/components/header/component.js +7 -1
- package/cssm/components/screens/fatal-error/component.js +10 -4
- package/cssm/components/screens/hint/component.js +18 -12
- package/cssm/components/screens/initial/component.js +12 -6
- package/cssm/components/screens/initial/countdown-section.js +15 -9
- package/cssm/components/screens/initial/index.module.css +1 -1
- package/cssm/components/screens/temp-block/component.js +11 -5
- package/cssm/desktop.js +1 -1
- package/cssm/index.js +1 -1
- package/cssm/mobile.js +1 -1
- package/cssm/responsive.js +1 -1
- package/desktop.js +2 -2
- package/esm/{component-3212dc9c.d.ts → component-00575dc2.d.ts} +0 -0
- package/esm/{component-3212dc9c.js → component-00575dc2.js} +1 -1
- package/esm/component.desktop.js +2 -2
- package/esm/component.mobile.js +3 -3
- package/esm/component.responsive.d.ts +7 -1
- package/esm/component.responsive.js +7 -6
- package/esm/components/base-confirmation/component.js +2 -2
- 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 +2 -2
- package/esm/components/countdown-loader/component.js +1 -1
- package/esm/components/countdown-loader/index.css +2 -2
- package/esm/components/header/component.js +1 -1
- package/esm/components/header/index.css +4 -4
- package/esm/components/index.js +1 -1
- package/esm/components/screens/fatal-error/component.js +1 -1
- package/esm/components/screens/fatal-error/index.css +6 -6
- package/esm/components/screens/hint/component.js +1 -1
- package/esm/components/screens/hint/index.css +12 -12
- package/esm/components/screens/index.js +1 -1
- package/esm/components/screens/initial/component.js +1 -1
- package/esm/components/screens/initial/countdown-section.js +1 -1
- package/esm/components/screens/initial/index.css +18 -18
- package/esm/components/screens/initial/index.js +1 -1
- package/esm/components/screens/temp-block/component.js +1 -1
- package/esm/components/screens/temp-block/index.css +7 -7
- package/esm/{countdown-section-5a8d74ee.d.ts → countdown-section-562d90f1.d.ts} +0 -0
- package/esm/{countdown-section-5a8d74ee.js → countdown-section-562d90f1.js} +1 -1
- package/esm/desktop.js +2 -2
- package/esm/index.js +2 -2
- package/esm/mobile.css +2 -2
- package/esm/mobile.js +2 -2
- package/esm/responsive.js +2 -2
- package/index.js +2 -2
- package/mobile.css +2 -2
- package/mobile.js +2 -2
- package/modern/component.desktop.js +1 -1
- package/modern/component.mobile.js +2 -2
- package/modern/component.responsive.d.ts +7 -1
- package/modern/component.responsive.js +5 -5
- package/modern/components/base-confirmation/component.js +2 -2
- package/modern/components/base-confirmation/index.css +2 -2
- package/modern/components/base-confirmation/index.js +1 -1
- package/modern/components/countdown-loader/component.js +1 -1
- package/modern/components/countdown-loader/index.css +2 -2
- package/modern/components/header/component.js +1 -1
- package/modern/components/header/index.css +4 -4
- package/modern/components/index.js +1 -1
- package/modern/components/screens/fatal-error/component.js +1 -1
- package/modern/components/screens/fatal-error/index.css +6 -6
- package/modern/components/screens/hint/component.js +1 -1
- package/modern/components/screens/hint/index.css +12 -12
- package/modern/components/screens/index.js +1 -1
- package/modern/components/screens/initial/component.js +1 -1
- package/modern/components/screens/initial/countdown-section.js +1 -1
- package/modern/components/screens/initial/index.css +18 -18
- package/modern/components/screens/initial/index.js +1 -1
- package/modern/components/screens/temp-block/component.js +1 -1
- package/modern/components/screens/temp-block/index.css +7 -7
- package/modern/{countdown-section-b8b393a2.d.ts → countdown-section-311c1fac.d.ts} +0 -0
- package/modern/{countdown-section-b8b393a2.js → countdown-section-311c1fac.js} +1 -1
- package/modern/desktop.js +1 -1
- package/modern/index.js +1 -1
- package/modern/mobile.css +2 -2
- package/modern/mobile.js +1 -1
- package/modern/responsive.js +1 -1
- package/package.json +6 -6
- package/responsive.js +2 -2
- package/countdown-section-b356354f.js +0 -44
package/modern/index.js
CHANGED
|
@@ -17,6 +17,6 @@ import '@alfalab/core-components-code-input/modern';
|
|
|
17
17
|
import '@alfalab/core-components-link/modern';
|
|
18
18
|
import '@alfalab/core-components-typography/modern';
|
|
19
19
|
import './components/header/component.js';
|
|
20
|
-
import './countdown-section-
|
|
20
|
+
import './countdown-section-311c1fac.js';
|
|
21
21
|
import '@alfalab/core-components-loader/modern';
|
|
22
22
|
import './component.mobile.js';
|
package/modern/mobile.css
CHANGED
package/modern/mobile.js
CHANGED
|
@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/modern';
|
|
|
12
12
|
import '@alfalab/core-components-link/modern';
|
|
13
13
|
import '@alfalab/core-components-typography/modern';
|
|
14
14
|
import './components/header/component.js';
|
|
15
|
-
import './countdown-section-
|
|
15
|
+
import './countdown-section-311c1fac.js';
|
|
16
16
|
import '@alfalab/core-components-loader/modern';
|
|
17
17
|
import './components/screens/hint/component.js';
|
|
18
18
|
import './components/screens/fatal-error/component.js';
|
package/modern/responsive.js
CHANGED
|
@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/modern';
|
|
|
13
13
|
import '@alfalab/core-components-link/modern';
|
|
14
14
|
import '@alfalab/core-components-typography/modern';
|
|
15
15
|
import './components/header/component.js';
|
|
16
|
-
import './countdown-section-
|
|
16
|
+
import './countdown-section-311c1fac.js';
|
|
17
17
|
import '@alfalab/core-components-loader/modern';
|
|
18
18
|
import './components/screens/hint/component.js';
|
|
19
19
|
import './components/screens/fatal-error/component.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-confirmation",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.4.1",
|
|
4
4
|
"description": "Sms confirmation component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"directory": "dist"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@alfalab/core-components-button": "^7.0.
|
|
18
|
-
"@alfalab/core-components-code-input": "^2.3.
|
|
19
|
-
"@alfalab/core-components-link": "^5.0.
|
|
20
|
-
"@alfalab/core-components-loader": "^3.0.
|
|
21
|
-
"@alfalab/core-components-typography": "^3.0.
|
|
17
|
+
"@alfalab/core-components-button": "^7.0.2",
|
|
18
|
+
"@alfalab/core-components-code-input": "^2.3.1",
|
|
19
|
+
"@alfalab/core-components-link": "^5.0.2",
|
|
20
|
+
"@alfalab/core-components-loader": "^3.0.4",
|
|
21
|
+
"@alfalab/core-components-typography": "^3.0.7",
|
|
22
22
|
"@alfalab/hooks": "^1.4.1",
|
|
23
23
|
"@alfalab/icons-glyph": "^2.71.0",
|
|
24
24
|
"@alfalab/utils": "^1.13.3",
|
package/responsive.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var component_responsive = require('./component.responsive.js');
|
|
4
|
-
require('./component-
|
|
4
|
+
require('./component-c264f662.js');
|
|
5
5
|
require('react');
|
|
6
6
|
require('classnames');
|
|
7
7
|
require('@alfalab/hooks');
|
|
@@ -14,7 +14,7 @@ require('@alfalab/core-components-code-input');
|
|
|
14
14
|
require('@alfalab/core-components-link');
|
|
15
15
|
require('@alfalab/core-components-typography');
|
|
16
16
|
require('./components/header/component.js');
|
|
17
|
-
require('./countdown-section-
|
|
17
|
+
require('./countdown-section-b5d05328.js');
|
|
18
18
|
require('@alfalab/core-components-loader');
|
|
19
19
|
require('./components/screens/hint/component.js');
|
|
20
20
|
require('./components/screens/fatal-error/component.js');
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var cn = require('classnames');
|
|
5
|
-
var coreComponentsButton = require('@alfalab/core-components-button');
|
|
6
|
-
var coreComponentsLoader = require('@alfalab/core-components-loader');
|
|
7
|
-
var coreComponentsTypography = require('@alfalab/core-components-typography');
|
|
8
|
-
var context = require('./context.js');
|
|
9
|
-
var utils = require('./utils.js');
|
|
10
|
-
|
|
11
|
-
var styles = {"component":"confirmation__component_14vvl","typographyTheme":"confirmation__typographyTheme_14vvl","phone":"confirmation__phone_14vvl","compact":"confirmation__compact_14vvl","loaderWrap":"confirmation__loaderWrap_14vvl","left":"confirmation__left_14vvl","center":"confirmation__center_14vvl","codeInput":"confirmation__codeInput_14vvl","smsComeLink":"confirmation__smsComeLink_14vvl","countdownContainer":"confirmation__countdownContainer_14vvl","countdownMobile":"confirmation__countdownMobile_14vvl","countdownLoaderMobile":"confirmation__countdownLoaderMobile_14vvl","getCodeButton":"confirmation__getCodeButton_14vvl","getCodeButtonMobile":"confirmation__getCodeButtonMobile_14vvl","containerInput":"confirmation__containerInput_14vvl"};
|
|
12
|
-
require('./components/screens/initial/index.css')
|
|
13
|
-
|
|
14
|
-
var CountdownSection = function (_a) {
|
|
15
|
-
var _b, _c;
|
|
16
|
-
var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
|
|
17
|
-
var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry;
|
|
18
|
-
var renderText = function (text) {
|
|
19
|
-
var _a;
|
|
20
|
-
return (React.createElement(coreComponentsTypography.Typography.Text, { className: cn(styles.countdownContainer, (_a = {},
|
|
21
|
-
_a[styles.countdownMobile] = mobile,
|
|
22
|
-
_a[styles.typographyTheme] = !mobile,
|
|
23
|
-
_a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, text));
|
|
24
|
-
};
|
|
25
|
-
if (codeSendHintVisible)
|
|
26
|
-
return renderText(texts.codeSended);
|
|
27
|
-
if (processing) {
|
|
28
|
-
return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer, (_b = {},
|
|
29
|
-
_b[styles.countdownLoaderMobile] = mobile,
|
|
30
|
-
_b[styles.typographyTheme] = !mobile,
|
|
31
|
-
_b)) },
|
|
32
|
-
React.createElement(coreComponentsLoader.Loader, null),
|
|
33
|
-
React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
|
|
34
|
-
}
|
|
35
|
-
if (blockSmsRetry)
|
|
36
|
-
return renderText(texts.noAttemptsLeft);
|
|
37
|
-
if (timePassed) {
|
|
38
|
-
return (React.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn(styles.getCodeButton, (_c = {}, _c[styles.getCodeButtonMobile] = mobile, _c)) }, texts.buttonRetry));
|
|
39
|
-
}
|
|
40
|
-
return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
exports.CountdownSection = CountdownSection;
|
|
44
|
-
exports.styles = styles;
|