@alfalab/core-components-confirmation 12.4.9 → 12.4.11
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.desktop.js +1 -1
- package/component.mobile.js +2 -2
- package/component.responsive.js +1 -1
- package/components/base-confirmation/component.js +5 -4
- package/components/base-confirmation/index.css +2 -2
- package/components/base-confirmation/index.js +1 -1
- package/components/countdown-loader/component.js +1 -1
- package/components/countdown-loader/index.css +2 -2
- package/components/header/component.js +1 -1
- package/components/header/index.css +4 -4
- package/components/index.js +1 -1
- package/components/screens/fatal-error/component.js +1 -1
- package/components/screens/fatal-error/index.css +6 -6
- package/components/screens/hint/component.js +1 -1
- package/components/screens/hint/index.css +12 -12
- package/components/screens/index.js +1 -1
- package/components/screens/initial/component.js +3 -3
- 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 +1 -1
- package/components/screens/temp-block/index.css +7 -7
- package/context.js +1 -0
- package/{countdown-section-784df003.js → countdown-section-f2b92c2a.js} +1 -1
- package/cssm/components/base-confirmation/component.js +3 -2
- package/cssm/components/screens/initial/component.js +2 -2
- package/cssm/context.js +1 -0
- package/cssm/types.d.ts +6 -1
- package/desktop.js +1 -1
- package/esm/component.desktop.js +1 -1
- package/esm/component.mobile.js +2 -2
- package/esm/component.responsive.js +1 -1
- package/esm/components/base-confirmation/component.js +5 -4
- package/esm/components/base-confirmation/index.css +2 -2
- package/esm/components/base-confirmation/index.js +1 -1
- 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 +3 -3
- 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/context.js +1 -0
- package/esm/{countdown-section-b5a76e1e.js → countdown-section-25f6de16.js} +1 -1
- package/esm/desktop.js +1 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +2 -2
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/esm/types.d.ts +6 -1
- package/index.js +1 -1
- package/mobile.css +2 -2
- package/mobile.js +1 -1
- package/modern/component.desktop.js +1 -1
- package/modern/component.mobile.js +2 -2
- package/modern/component.responsive.js +1 -1
- package/modern/components/base-confirmation/component.js +4 -3
- 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 +3 -3
- 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/context.js +1 -0
- package/modern/{countdown-section-3ccbe0d1.js → countdown-section-caba9c9c.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/modern/types.d.ts +6 -1
- package/package.json +2 -2
- package/responsive.js +1 -1
- package/types.d.ts +6 -1
- /package/{countdown-section-784df003.d.ts → countdown-section-f2b92c2a.d.ts} +0 -0
- /package/esm/{countdown-section-b5a76e1e.d.ts → countdown-section-25f6de16.d.ts} +0 -0
- /package/modern/{countdown-section-3ccbe0d1.d.ts → countdown-section-caba9c9c.d.ts} +0 -0
|
@@ -11,7 +11,7 @@ import '@alfalab/core-components-code-input/modern';
|
|
|
11
11
|
import '@alfalab/core-components-link/modern';
|
|
12
12
|
import '@alfalab/core-components-typography/modern';
|
|
13
13
|
import '../header/component.js';
|
|
14
|
-
import '../../countdown-section-
|
|
14
|
+
import '../../countdown-section-caba9c9c.js';
|
|
15
15
|
import '@alfalab/core-components-loader/modern';
|
|
16
16
|
import '../screens/hint/component.js';
|
|
17
17
|
import '../screens/fatal-error/component.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1x8x5 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-tertiary: #b6bcc3;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
} :root {
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .
|
|
18
|
+
} .confirmation__circle_2fqx3 {
|
|
19
19
|
fill: transparent;
|
|
20
20
|
stroke: var(--color-light-graphic-tertiary);
|
|
21
21
|
stroke-width: 2px;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Typography } from '@alfalab/core-components-typography/modern';
|
|
4
4
|
|
|
5
|
-
const styles = {"header":"
|
|
5
|
+
const styles = {"header":"confirmation__header_twzvs","typography":"confirmation__typography_twzvs","typographyMobile":"confirmation__typographyMobile_twzvs"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
const Header = ({ mobile, children }) => (React.createElement(Typography.Title, { className: cn(styles.header, styles.typography, { [styles.typographyMobile]: mobile }), tag: 'h3', color: 'primary' }, children));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 5c5rp */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
|
|
35
35
|
/* header */
|
|
36
36
|
--confirmation-header-font-feature-settings: normal
|
|
37
|
-
} .
|
|
37
|
+
} .confirmation__header_twzvs.confirmation__header_twzvs {
|
|
38
38
|
margin-bottom: var(--gap-xl);
|
|
39
|
-
} .
|
|
39
|
+
} .confirmation__typography_twzvs.confirmation__typography_twzvs {
|
|
40
40
|
font-feature-settings: var(--confirmation-header-font-feature-settings);
|
|
41
41
|
font-size: var(--confirmation-header-desktop-font-size);
|
|
42
42
|
line-height: var(--confirmation-header-desktop-line-height);
|
|
43
43
|
font-weight: var(--confirmation-header-desktop-font-weight);
|
|
44
44
|
font-family: var(--confirmation-header-desktop-font-family);
|
|
45
|
-
} .
|
|
45
|
+
} .confirmation__typographyMobile_twzvs.confirmation__typographyMobile_twzvs {
|
|
46
46
|
font-feature-settings: var(--confirmation-header-font-feature-settings);
|
|
47
47
|
font-size: var(--confirmation-header-mobile-font-size);
|
|
48
48
|
line-height: var(--confirmation-header-mobile-line-height);
|
|
@@ -6,7 +6,7 @@ import { ConfirmationContext } from '../../../context.js';
|
|
|
6
6
|
import { Header } from '../../header/component.js';
|
|
7
7
|
import '../../../utils.js';
|
|
8
8
|
|
|
9
|
-
const styles = {"component":"
|
|
9
|
+
const styles = {"component":"confirmation__component_1gvyq","typographyTheme":"confirmation__typographyTheme_1gvyq","left":"confirmation__left_1gvyq","center":"confirmation__center_1gvyq","button":"confirmation__button_1gvyq"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
const FatalError = ({ mobile }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 2n7hm */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -31,20 +31,20 @@
|
|
|
31
31
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
32
32
|
|
|
33
33
|
/* header */
|
|
34
|
-
} .
|
|
34
|
+
} .confirmation__component_1gvyq {
|
|
35
35
|
display: flex;
|
|
36
36
|
flex-direction: column;
|
|
37
|
-
} .
|
|
37
|
+
} .confirmation__typographyTheme_1gvyq.confirmation__typographyTheme_1gvyq {
|
|
38
38
|
font-size: var(--confirmation-text-font-size);
|
|
39
39
|
line-height: var(--confirmation-text-line-height);
|
|
40
40
|
font-weight: var(--confirmation-text-font-weight);
|
|
41
41
|
font-family: var(--confirmation-text-font-family);
|
|
42
42
|
color: var(--confirmation-text-color);
|
|
43
|
-
} .
|
|
43
|
+
} .confirmation__left_1gvyq {
|
|
44
44
|
align-items: flex-start;
|
|
45
|
-
} .
|
|
45
|
+
} .confirmation__center_1gvyq {
|
|
46
46
|
align-items: center;
|
|
47
47
|
text-align: center;
|
|
48
|
-
} .
|
|
48
|
+
} .confirmation__button_1gvyq {
|
|
49
49
|
margin-top: var(--gap-2xl);
|
|
50
50
|
}
|
|
@@ -7,7 +7,7 @@ import { ConfirmationContext } from '../../../context.js';
|
|
|
7
7
|
import { Header } from '../../header/component.js';
|
|
8
8
|
import '../../../utils.js';
|
|
9
9
|
|
|
10
|
-
const styles = {"component":"
|
|
10
|
+
const styles = {"component":"confirmation__component_1962e","center":"confirmation__center_1962e","text":"confirmation__text_1962e","typographyTheme":"confirmation__typographyTheme_1962e","phonesWrap":"confirmation__phonesWrap_1962e","phoneWrap":"confirmation__phoneWrap_1962e","phoneLink":"confirmation__phoneLink_1962e","hintButton":"confirmation__hintButton_1962e","phoneContentMobile":"confirmation__phoneContentMobile_1962e"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const Hint = ({ mobile }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ll0t5 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -33,38 +33,38 @@
|
|
|
33
33
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
34
34
|
|
|
35
35
|
/* header */
|
|
36
|
-
} .
|
|
36
|
+
} .confirmation__component_1962e {
|
|
37
37
|
display: flex;
|
|
38
38
|
flex-direction: column;
|
|
39
39
|
align-items: flex-start
|
|
40
|
-
} .
|
|
40
|
+
} .confirmation__component_1962e span:last-of-type {
|
|
41
41
|
margin-bottom: 0;
|
|
42
|
-
} .
|
|
42
|
+
} .confirmation__center_1962e {
|
|
43
43
|
align-items: center;
|
|
44
44
|
text-align: center;
|
|
45
|
-
} .
|
|
45
|
+
} .confirmation__text_1962e.confirmation__text_1962e {
|
|
46
46
|
margin-bottom: var(--gap-xl);
|
|
47
|
-
} .
|
|
47
|
+
} .confirmation__typographyTheme_1962e.confirmation__typographyTheme_1962e {
|
|
48
48
|
font-size: var(--confirmation-text-font-size);
|
|
49
49
|
line-height: var(--confirmation-text-line-height);
|
|
50
50
|
font-weight: var(--confirmation-text-font-weight);
|
|
51
51
|
font-family: var(--confirmation-text-font-family);
|
|
52
52
|
color: var(--confirmation-text-color);
|
|
53
|
-
} .
|
|
53
|
+
} .confirmation__phonesWrap_1962e {
|
|
54
54
|
display: flex;
|
|
55
55
|
flex-direction: column;
|
|
56
56
|
margin-bottom: var(--gap-xl);
|
|
57
|
-
} .
|
|
57
|
+
} .confirmation__phoneWrap_1962e {
|
|
58
58
|
margin-bottom: var(--gap-xs)
|
|
59
|
-
} .
|
|
59
|
+
} .confirmation__phoneWrap_1962e:last-child {
|
|
60
60
|
margin-bottom: 0;
|
|
61
|
-
} .
|
|
61
|
+
} .confirmation__phoneLink_1962e.confirmation__phoneLink_1962e {
|
|
62
62
|
font-size: 16px;
|
|
63
63
|
line-height: 24px;
|
|
64
64
|
font-weight: 500;
|
|
65
|
-
} .
|
|
65
|
+
} .confirmation__hintButton_1962e {
|
|
66
66
|
margin-top: var(--gap-2xl);
|
|
67
|
-
} .
|
|
67
|
+
} .confirmation__phoneContentMobile_1962e {
|
|
68
68
|
display: flex;
|
|
69
69
|
flex-direction: column;
|
|
70
70
|
align-items: center;
|
|
@@ -12,6 +12,6 @@ import '@alfalab/hooks';
|
|
|
12
12
|
import '../../context.js';
|
|
13
13
|
import '../../utils.js';
|
|
14
14
|
import '../header/component.js';
|
|
15
|
-
import '../../countdown-section-
|
|
15
|
+
import '../../countdown-section-caba9c9c.js';
|
|
16
16
|
import '@alfalab/core-components-loader/modern';
|
|
17
17
|
import '../countdown-loader/component.js';
|
|
@@ -7,13 +7,13 @@ import { Typography } from '@alfalab/core-components-typography/modern';
|
|
|
7
7
|
import { usePrevious } from '@alfalab/hooks';
|
|
8
8
|
import { ConfirmationContext } from '../../../context.js';
|
|
9
9
|
import { Header } from '../../header/component.js';
|
|
10
|
-
import { s as styles, C as CountdownSection } from '../../../countdown-section-
|
|
10
|
+
import { s as styles, C as CountdownSection } from '../../../countdown-section-caba9c9c.js';
|
|
11
11
|
import '../../../utils.js';
|
|
12
12
|
import '@alfalab/core-components-loader/modern';
|
|
13
13
|
|
|
14
14
|
const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
|
|
15
15
|
const Initial = ({ mobile }) => {
|
|
16
|
-
const { state, alignContent, texts, requiredCharAmount, timeLeft, phone, clearCodeOnError, onChangeState, onInputFinished, onChangeScreen, onSmsRetryClick, } = useContext(ConfirmationContext);
|
|
16
|
+
const { state, alignContent, texts, requiredCharAmount, timeLeft, phone, clearCodeOnError, hideCountdownSection, onChangeState, onInputFinished, onChangeScreen, onSmsRetryClick, } = useContext(ConfirmationContext);
|
|
17
17
|
const prevState = usePrevious(state);
|
|
18
18
|
const inputRef = useRef(null);
|
|
19
19
|
const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);
|
|
@@ -85,7 +85,7 @@ const Initial = ({ mobile }) => {
|
|
|
85
85
|
"\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
|
|
86
86
|
phone),
|
|
87
87
|
React.createElement(CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn(styles.containerInput, styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, onErrorAnimationEnd: handleErrorAnimationEnd }),
|
|
88
|
-
React.createElement(CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile }),
|
|
88
|
+
!hideCountdownSection && (React.createElement(CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile })),
|
|
89
89
|
mobile ? (React.createElement(Button, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint)) : (React.createElement(Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint))));
|
|
90
90
|
};
|
|
91
91
|
|
|
@@ -5,4 +5,4 @@ import '@alfalab/core-components-loader/modern';
|
|
|
5
5
|
import '@alfalab/core-components-typography/modern';
|
|
6
6
|
import '../../../context.js';
|
|
7
7
|
import '../../../utils.js';
|
|
8
|
-
export { C as CountdownSection } from '../../../countdown-section-
|
|
8
|
+
export { C as CountdownSection } from '../../../countdown-section-caba9c9c.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nmwcx */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -38,51 +38,51 @@
|
|
|
38
38
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
39
39
|
|
|
40
40
|
/* header */
|
|
41
|
-
} .
|
|
41
|
+
} .confirmation__component_1fjrc {
|
|
42
42
|
display: flex;
|
|
43
43
|
flex-direction: column;
|
|
44
|
-
} .
|
|
44
|
+
} .confirmation__typographyTheme_1fjrc.confirmation__typographyTheme_1fjrc {
|
|
45
45
|
font-size: var(--confirmation-text-font-size);
|
|
46
46
|
line-height: var(--confirmation-text-line-height);
|
|
47
47
|
font-weight: var(--confirmation-text-font-weight);
|
|
48
48
|
font-family: var(--confirmation-text-font-family);
|
|
49
49
|
color: var(--confirmation-text-color);
|
|
50
|
-
} .
|
|
50
|
+
} .confirmation__phone_1fjrc.confirmation__phone_1fjrc {
|
|
51
51
|
color: var(--color-light-text-primary);
|
|
52
52
|
margin-bottom: var(--gap-2xl);
|
|
53
|
-
} .
|
|
53
|
+
} .confirmation__compact_1fjrc {
|
|
54
54
|
margin-bottom: var(--gap-xl);
|
|
55
|
-
} .
|
|
55
|
+
} .confirmation__loaderWrap_1fjrc {
|
|
56
56
|
display: flex;
|
|
57
57
|
align-items: center;
|
|
58
|
-
} .
|
|
58
|
+
} .confirmation__left_1fjrc {
|
|
59
59
|
align-items: flex-start;
|
|
60
|
-
} .
|
|
60
|
+
} .confirmation__center_1fjrc {
|
|
61
61
|
align-items: center;
|
|
62
62
|
text-align: center
|
|
63
|
-
} .
|
|
63
|
+
} .confirmation__center_1fjrc .confirmation__loaderWrap_1fjrc {
|
|
64
64
|
justify-content: center;
|
|
65
|
-
} .
|
|
65
|
+
} .confirmation__center_1fjrc input {
|
|
66
66
|
margin: 0 var(--gap-2xs);
|
|
67
|
-
} .
|
|
67
|
+
} .confirmation__codeInput_1fjrc {
|
|
68
68
|
margin-bottom: var(--gap-s);
|
|
69
|
-
} .
|
|
69
|
+
} .confirmation__smsComeLink_1fjrc.confirmation__smsComeLink_1fjrc {
|
|
70
70
|
font-size: 14px;
|
|
71
71
|
line-height: 20px;
|
|
72
72
|
font-weight: 500;
|
|
73
|
-
} .
|
|
73
|
+
} .confirmation__countdownContainer_1fjrc.confirmation__countdownContainer_1fjrc {
|
|
74
74
|
color: var(--color-light-text-secondary);
|
|
75
75
|
margin-bottom: var(--gap-xl);
|
|
76
|
-
} .
|
|
76
|
+
} .confirmation__countdownMobile_1fjrc.confirmation__countdownMobile_1fjrc {
|
|
77
77
|
margin-bottom: var(--gap-l);
|
|
78
|
-
} .
|
|
78
|
+
} .confirmation__countdownLoaderMobile_1fjrc.confirmation__countdownLoaderMobile_1fjrc {
|
|
79
79
|
margin-bottom: var(--gap-m);
|
|
80
|
-
} .
|
|
80
|
+
} .confirmation__getCodeButton_1fjrc {
|
|
81
81
|
position: relative;
|
|
82
82
|
top: var(--gap-2xs-neg);
|
|
83
83
|
margin-bottom: var(--gap-m);
|
|
84
|
-
} .
|
|
84
|
+
} .confirmation__getCodeButtonMobile_1fjrc {
|
|
85
85
|
margin-bottom: 0;
|
|
86
|
-
} .
|
|
86
|
+
} .confirmation__containerInput_1fjrc {
|
|
87
87
|
min-height: 80px;
|
|
88
88
|
}
|
|
@@ -9,5 +9,5 @@ import '@alfalab/hooks';
|
|
|
9
9
|
import '../../../context.js';
|
|
10
10
|
import '../../../utils.js';
|
|
11
11
|
import '../../header/component.js';
|
|
12
|
-
import '../../../countdown-section-
|
|
12
|
+
import '../../../countdown-section-caba9c9c.js';
|
|
13
13
|
import '@alfalab/core-components-loader/modern';
|
|
@@ -6,7 +6,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
|
|
|
6
6
|
import { CountdownLoader } from '../../countdown-loader/component.js';
|
|
7
7
|
import { Header } from '../../header/component.js';
|
|
8
8
|
|
|
9
|
-
const styles = {"component":"
|
|
9
|
+
const styles = {"component":"confirmation__component_1p084","center":"confirmation__center_1p084","typographyTheme":"confirmation__typographyTheme_1p084","description":"confirmation__description_1p084","countdownWrap":"confirmation__countdownWrap_1p084","loader":"confirmation__loader_1p084"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
const TempBlock = ({ mobile }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ag2i */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -31,23 +31,23 @@
|
|
|
31
31
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
32
32
|
|
|
33
33
|
/* header */
|
|
34
|
-
} .
|
|
34
|
+
} .confirmation__component_1p084 {
|
|
35
35
|
display: flex;
|
|
36
36
|
flex-direction: column;
|
|
37
|
-
} .
|
|
37
|
+
} .confirmation__center_1p084 {
|
|
38
38
|
align-items: center;
|
|
39
39
|
text-align: center;
|
|
40
|
-
} .
|
|
40
|
+
} .confirmation__typographyTheme_1p084.confirmation__typographyTheme_1p084 {
|
|
41
41
|
font-size: var(--confirmation-text-font-size);
|
|
42
42
|
line-height: var(--confirmation-text-line-height);
|
|
43
43
|
font-weight: var(--confirmation-text-font-weight);
|
|
44
44
|
font-family: var(--confirmation-text-font-family);
|
|
45
45
|
color: var(--confirmation-text-color);
|
|
46
|
-
} .
|
|
46
|
+
} .confirmation__description_1p084.confirmation__description_1p084 {
|
|
47
47
|
margin-bottom: var(--gap-xs);
|
|
48
|
-
} .
|
|
48
|
+
} .confirmation__countdownWrap_1p084 {
|
|
49
49
|
display: flex;
|
|
50
50
|
align-items: center;
|
|
51
|
-
} .
|
|
51
|
+
} .confirmation__loader_1p084 {
|
|
52
52
|
margin-right: var(--gap-xs);
|
|
53
53
|
}
|
package/modern/context.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
|
|
|
6
6
|
import { ConfirmationContext } from './context.js';
|
|
7
7
|
import { formatMsAsMinutes } from './utils.js';
|
|
8
8
|
|
|
9
|
-
const styles = {"component":"
|
|
9
|
+
const styles = {"component":"confirmation__component_1fjrc","typographyTheme":"confirmation__typographyTheme_1fjrc","phone":"confirmation__phone_1fjrc","compact":"confirmation__compact_1fjrc","loaderWrap":"confirmation__loaderWrap_1fjrc","left":"confirmation__left_1fjrc","center":"confirmation__center_1fjrc","codeInput":"confirmation__codeInput_1fjrc","smsComeLink":"confirmation__smsComeLink_1fjrc","countdownContainer":"confirmation__countdownContainer_1fjrc","countdownMobile":"confirmation__countdownMobile_1fjrc","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1fjrc","getCodeButton":"confirmation__getCodeButton_1fjrc","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1fjrc","containerInput":"confirmation__containerInput_1fjrc"};
|
|
10
10
|
require('./components/screens/initial/index.css')
|
|
11
11
|
|
|
12
12
|
const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {
|
package/modern/desktop.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-caba9c9c.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/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-caba9c9c.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-caba9c9c.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-caba9c9c.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/modern/types.d.ts
CHANGED
|
@@ -84,8 +84,13 @@ type ConfirmationProps = {
|
|
|
84
84
|
* Дочерние элементы.
|
|
85
85
|
*/
|
|
86
86
|
children?: ReactNode;
|
|
87
|
+
/**
|
|
88
|
+
* Скрыть секцию с повторной отправкой кода
|
|
89
|
+
* @default false
|
|
90
|
+
*/
|
|
91
|
+
hideCountdownSection?: boolean;
|
|
87
92
|
};
|
|
88
|
-
type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
|
|
93
|
+
type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
|
|
89
94
|
timeLeft: number;
|
|
90
95
|
};
|
|
91
96
|
type ConfirmationTexts = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-confirmation",
|
|
3
|
-
"version": "12.4.
|
|
3
|
+
"version": "12.4.11",
|
|
4
4
|
"description": "Sms confirmation component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"directory": "dist"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@alfalab/core-components-button": "^7.1.
|
|
17
|
+
"@alfalab/core-components-button": "^7.1.1",
|
|
18
18
|
"@alfalab/core-components-code-input": "^2.3.2",
|
|
19
19
|
"@alfalab/core-components-link": "^5.0.3",
|
|
20
20
|
"@alfalab/core-components-loader": "^3.0.5",
|
package/responsive.js
CHANGED
|
@@ -16,7 +16,7 @@ require('@alfalab/core-components-code-input');
|
|
|
16
16
|
require('@alfalab/core-components-link');
|
|
17
17
|
require('@alfalab/core-components-typography');
|
|
18
18
|
require('./components/header/component.js');
|
|
19
|
-
require('./countdown-section-
|
|
19
|
+
require('./countdown-section-f2b92c2a.js');
|
|
20
20
|
require('@alfalab/core-components-loader');
|
|
21
21
|
require('./components/screens/hint/component.js');
|
|
22
22
|
require('./components/screens/fatal-error/component.js');
|
package/types.d.ts
CHANGED
|
@@ -84,8 +84,13 @@ type ConfirmationProps = {
|
|
|
84
84
|
* Дочерние элементы.
|
|
85
85
|
*/
|
|
86
86
|
children?: ReactNode;
|
|
87
|
+
/**
|
|
88
|
+
* Скрыть секцию с повторной отправкой кода
|
|
89
|
+
* @default false
|
|
90
|
+
*/
|
|
91
|
+
hideCountdownSection?: boolean;
|
|
87
92
|
};
|
|
88
|
-
type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
|
|
93
|
+
type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
|
|
89
94
|
timeLeft: number;
|
|
90
95
|
};
|
|
91
96
|
type ConfirmationTexts = {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|