@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.
Files changed (98) hide show
  1. package/component.desktop.js +1 -1
  2. package/component.mobile.js +2 -2
  3. package/component.responsive.js +1 -1
  4. package/components/base-confirmation/component.js +5 -4
  5. package/components/base-confirmation/index.css +2 -2
  6. package/components/base-confirmation/index.js +1 -1
  7. package/components/countdown-loader/component.js +1 -1
  8. package/components/countdown-loader/index.css +2 -2
  9. package/components/header/component.js +1 -1
  10. package/components/header/index.css +4 -4
  11. package/components/index.js +1 -1
  12. package/components/screens/fatal-error/component.js +1 -1
  13. package/components/screens/fatal-error/index.css +6 -6
  14. package/components/screens/hint/component.js +1 -1
  15. package/components/screens/hint/index.css +12 -12
  16. package/components/screens/index.js +1 -1
  17. package/components/screens/initial/component.js +3 -3
  18. package/components/screens/initial/countdown-section.js +1 -1
  19. package/components/screens/initial/index.css +18 -18
  20. package/components/screens/initial/index.js +1 -1
  21. package/components/screens/temp-block/component.js +1 -1
  22. package/components/screens/temp-block/index.css +7 -7
  23. package/context.js +1 -0
  24. package/{countdown-section-784df003.js → countdown-section-f2b92c2a.js} +1 -1
  25. package/cssm/components/base-confirmation/component.js +3 -2
  26. package/cssm/components/screens/initial/component.js +2 -2
  27. package/cssm/context.js +1 -0
  28. package/cssm/types.d.ts +6 -1
  29. package/desktop.js +1 -1
  30. package/esm/component.desktop.js +1 -1
  31. package/esm/component.mobile.js +2 -2
  32. package/esm/component.responsive.js +1 -1
  33. package/esm/components/base-confirmation/component.js +5 -4
  34. package/esm/components/base-confirmation/index.css +2 -2
  35. package/esm/components/base-confirmation/index.js +1 -1
  36. package/esm/components/countdown-loader/component.js +1 -1
  37. package/esm/components/countdown-loader/index.css +2 -2
  38. package/esm/components/header/component.js +1 -1
  39. package/esm/components/header/index.css +4 -4
  40. package/esm/components/index.js +1 -1
  41. package/esm/components/screens/fatal-error/component.js +1 -1
  42. package/esm/components/screens/fatal-error/index.css +6 -6
  43. package/esm/components/screens/hint/component.js +1 -1
  44. package/esm/components/screens/hint/index.css +12 -12
  45. package/esm/components/screens/index.js +1 -1
  46. package/esm/components/screens/initial/component.js +3 -3
  47. package/esm/components/screens/initial/countdown-section.js +1 -1
  48. package/esm/components/screens/initial/index.css +18 -18
  49. package/esm/components/screens/initial/index.js +1 -1
  50. package/esm/components/screens/temp-block/component.js +1 -1
  51. package/esm/components/screens/temp-block/index.css +7 -7
  52. package/esm/context.js +1 -0
  53. package/esm/{countdown-section-b5a76e1e.js → countdown-section-25f6de16.js} +1 -1
  54. package/esm/desktop.js +1 -1
  55. package/esm/index.js +1 -1
  56. package/esm/mobile.css +2 -2
  57. package/esm/mobile.js +1 -1
  58. package/esm/responsive.js +1 -1
  59. package/esm/types.d.ts +6 -1
  60. package/index.js +1 -1
  61. package/mobile.css +2 -2
  62. package/mobile.js +1 -1
  63. package/modern/component.desktop.js +1 -1
  64. package/modern/component.mobile.js +2 -2
  65. package/modern/component.responsive.js +1 -1
  66. package/modern/components/base-confirmation/component.js +4 -3
  67. package/modern/components/base-confirmation/index.css +2 -2
  68. package/modern/components/base-confirmation/index.js +1 -1
  69. package/modern/components/countdown-loader/component.js +1 -1
  70. package/modern/components/countdown-loader/index.css +2 -2
  71. package/modern/components/header/component.js +1 -1
  72. package/modern/components/header/index.css +4 -4
  73. package/modern/components/index.js +1 -1
  74. package/modern/components/screens/fatal-error/component.js +1 -1
  75. package/modern/components/screens/fatal-error/index.css +6 -6
  76. package/modern/components/screens/hint/component.js +1 -1
  77. package/modern/components/screens/hint/index.css +12 -12
  78. package/modern/components/screens/index.js +1 -1
  79. package/modern/components/screens/initial/component.js +3 -3
  80. package/modern/components/screens/initial/countdown-section.js +1 -1
  81. package/modern/components/screens/initial/index.css +18 -18
  82. package/modern/components/screens/initial/index.js +1 -1
  83. package/modern/components/screens/temp-block/component.js +1 -1
  84. package/modern/components/screens/temp-block/index.css +7 -7
  85. package/modern/context.js +1 -0
  86. package/modern/{countdown-section-3ccbe0d1.js → countdown-section-caba9c9c.js} +1 -1
  87. package/modern/desktop.js +1 -1
  88. package/modern/index.js +1 -1
  89. package/modern/mobile.css +2 -2
  90. package/modern/mobile.js +1 -1
  91. package/modern/responsive.js +1 -1
  92. package/modern/types.d.ts +6 -1
  93. package/package.json +2 -2
  94. package/responsive.js +1 -1
  95. package/types.d.ts +6 -1
  96. /package/{countdown-section-784df003.d.ts → countdown-section-f2b92c2a.d.ts} +0 -0
  97. /package/esm/{countdown-section-b5a76e1e.d.ts → countdown-section-25f6de16.d.ts} +0 -0
  98. /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-3ccbe0d1.js';
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,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- const styles = {"circle":"confirmation__circle_168oo"};
3
+ const styles = {"circle":"confirmation__circle_2fqx3"};
4
4
  require('./index.css')
5
5
 
6
6
  const SIZE = 16;
@@ -1,4 +1,4 @@
1
- /* hash: c4kcl */
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
- } .confirmation__circle_168oo {
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":"confirmation__header_qenrm","typography":"confirmation__typography_qenrm","typographyMobile":"confirmation__typographyMobile_qenrm"};
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: y6rl2 */
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
- } .confirmation__header_qenrm.confirmation__header_qenrm {
37
+ } .confirmation__header_twzvs.confirmation__header_twzvs {
38
38
  margin-bottom: var(--gap-xl);
39
- } .confirmation__typography_qenrm.confirmation__typography_qenrm {
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
- } .confirmation__typographyMobile_qenrm.confirmation__typographyMobile_qenrm {
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);
@@ -13,5 +13,5 @@ import '@alfalab/hooks';
13
13
  import '../context.js';
14
14
  import '../utils.js';
15
15
  import './header/component.js';
16
- import '../countdown-section-3ccbe0d1.js';
16
+ import '../countdown-section-caba9c9c.js';
17
17
  import '@alfalab/core-components-loader/modern';
@@ -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":"confirmation__component_107nq","typographyTheme":"confirmation__typographyTheme_107nq","left":"confirmation__left_107nq","center":"confirmation__center_107nq","button":"confirmation__button_107nq"};
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: 17zrj */
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
- } .confirmation__component_107nq {
34
+ } .confirmation__component_1gvyq {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__typographyTheme_107nq.confirmation__typographyTheme_107nq {
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
- } .confirmation__left_107nq {
43
+ } .confirmation__left_1gvyq {
44
44
  align-items: flex-start;
45
- } .confirmation__center_107nq {
45
+ } .confirmation__center_1gvyq {
46
46
  align-items: center;
47
47
  text-align: center;
48
- } .confirmation__button_107nq {
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":"confirmation__component_1g700","center":"confirmation__center_1g700","text":"confirmation__text_1g700","typographyTheme":"confirmation__typographyTheme_1g700","phonesWrap":"confirmation__phonesWrap_1g700","phoneWrap":"confirmation__phoneWrap_1g700","phoneLink":"confirmation__phoneLink_1g700","hintButton":"confirmation__hintButton_1g700","phoneContentMobile":"confirmation__phoneContentMobile_1g700"};
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: 1unc0 */
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
- } .confirmation__component_1g700 {
36
+ } .confirmation__component_1962e {
37
37
  display: flex;
38
38
  flex-direction: column;
39
39
  align-items: flex-start
40
- } .confirmation__component_1g700 span:last-of-type {
40
+ } .confirmation__component_1962e span:last-of-type {
41
41
  margin-bottom: 0;
42
- } .confirmation__center_1g700 {
42
+ } .confirmation__center_1962e {
43
43
  align-items: center;
44
44
  text-align: center;
45
- } .confirmation__text_1g700.confirmation__text_1g700 {
45
+ } .confirmation__text_1962e.confirmation__text_1962e {
46
46
  margin-bottom: var(--gap-xl);
47
- } .confirmation__typographyTheme_1g700.confirmation__typographyTheme_1g700 {
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
- } .confirmation__phonesWrap_1g700 {
53
+ } .confirmation__phonesWrap_1962e {
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  margin-bottom: var(--gap-xl);
57
- } .confirmation__phoneWrap_1g700 {
57
+ } .confirmation__phoneWrap_1962e {
58
58
  margin-bottom: var(--gap-xs)
59
- } .confirmation__phoneWrap_1g700:last-child {
59
+ } .confirmation__phoneWrap_1962e:last-child {
60
60
  margin-bottom: 0;
61
- } .confirmation__phoneLink_1g700.confirmation__phoneLink_1g700 {
61
+ } .confirmation__phoneLink_1962e.confirmation__phoneLink_1962e {
62
62
  font-size: 16px;
63
63
  line-height: 24px;
64
64
  font-weight: 500;
65
- } .confirmation__hintButton_1g700 {
65
+ } .confirmation__hintButton_1962e {
66
66
  margin-top: var(--gap-2xl);
67
- } .confirmation__phoneContentMobile_1g700 {
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-3ccbe0d1.js';
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-3ccbe0d1.js';
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-3ccbe0d1.js';
8
+ export { C as CountdownSection } from '../../../countdown-section-caba9c9c.js';
@@ -1,4 +1,4 @@
1
- /* hash: fi51q */
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
- } .confirmation__component_gszlg {
41
+ } .confirmation__component_1fjrc {
42
42
  display: flex;
43
43
  flex-direction: column;
44
- } .confirmation__typographyTheme_gszlg.confirmation__typographyTheme_gszlg {
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
- } .confirmation__phone_gszlg.confirmation__phone_gszlg {
50
+ } .confirmation__phone_1fjrc.confirmation__phone_1fjrc {
51
51
  color: var(--color-light-text-primary);
52
52
  margin-bottom: var(--gap-2xl);
53
- } .confirmation__compact_gszlg {
53
+ } .confirmation__compact_1fjrc {
54
54
  margin-bottom: var(--gap-xl);
55
- } .confirmation__loaderWrap_gszlg {
55
+ } .confirmation__loaderWrap_1fjrc {
56
56
  display: flex;
57
57
  align-items: center;
58
- } .confirmation__left_gszlg {
58
+ } .confirmation__left_1fjrc {
59
59
  align-items: flex-start;
60
- } .confirmation__center_gszlg {
60
+ } .confirmation__center_1fjrc {
61
61
  align-items: center;
62
62
  text-align: center
63
- } .confirmation__center_gszlg .confirmation__loaderWrap_gszlg {
63
+ } .confirmation__center_1fjrc .confirmation__loaderWrap_1fjrc {
64
64
  justify-content: center;
65
- } .confirmation__center_gszlg input {
65
+ } .confirmation__center_1fjrc input {
66
66
  margin: 0 var(--gap-2xs);
67
- } .confirmation__codeInput_gszlg {
67
+ } .confirmation__codeInput_1fjrc {
68
68
  margin-bottom: var(--gap-s);
69
- } .confirmation__smsComeLink_gszlg.confirmation__smsComeLink_gszlg {
69
+ } .confirmation__smsComeLink_1fjrc.confirmation__smsComeLink_1fjrc {
70
70
  font-size: 14px;
71
71
  line-height: 20px;
72
72
  font-weight: 500;
73
- } .confirmation__countdownContainer_gszlg.confirmation__countdownContainer_gszlg {
73
+ } .confirmation__countdownContainer_1fjrc.confirmation__countdownContainer_1fjrc {
74
74
  color: var(--color-light-text-secondary);
75
75
  margin-bottom: var(--gap-xl);
76
- } .confirmation__countdownMobile_gszlg.confirmation__countdownMobile_gszlg {
76
+ } .confirmation__countdownMobile_1fjrc.confirmation__countdownMobile_1fjrc {
77
77
  margin-bottom: var(--gap-l);
78
- } .confirmation__countdownLoaderMobile_gszlg.confirmation__countdownLoaderMobile_gszlg {
78
+ } .confirmation__countdownLoaderMobile_1fjrc.confirmation__countdownLoaderMobile_1fjrc {
79
79
  margin-bottom: var(--gap-m);
80
- } .confirmation__getCodeButton_gszlg {
80
+ } .confirmation__getCodeButton_1fjrc {
81
81
  position: relative;
82
82
  top: var(--gap-2xs-neg);
83
83
  margin-bottom: var(--gap-m);
84
- } .confirmation__getCodeButtonMobile_gszlg {
84
+ } .confirmation__getCodeButtonMobile_1fjrc {
85
85
  margin-bottom: 0;
86
- } .confirmation__containerInput_gszlg {
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-3ccbe0d1.js';
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":"confirmation__component_1sik8","center":"confirmation__center_1sik8","typographyTheme":"confirmation__typographyTheme_1sik8","description":"confirmation__description_1sik8","countdownWrap":"confirmation__countdownWrap_1sik8","loader":"confirmation__loader_1sik8"};
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: a2ax1 */
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
- } .confirmation__component_1sik8 {
34
+ } .confirmation__component_1p084 {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__center_1sik8 {
37
+ } .confirmation__center_1p084 {
38
38
  align-items: center;
39
39
  text-align: center;
40
- } .confirmation__typographyTheme_1sik8.confirmation__typographyTheme_1sik8 {
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
- } .confirmation__description_1sik8.confirmation__description_1sik8 {
46
+ } .confirmation__description_1p084.confirmation__description_1p084 {
47
47
  margin-bottom: var(--gap-xs);
48
- } .confirmation__countdownWrap_1sik8 {
48
+ } .confirmation__countdownWrap_1p084 {
49
49
  display: flex;
50
50
  align-items: center;
51
- } .confirmation__loader_1sik8 {
51
+ } .confirmation__loader_1p084 {
52
52
  margin-right: var(--gap-xs);
53
53
  }
package/modern/context.js CHANGED
@@ -12,6 +12,7 @@ const ConfirmationContext = createContext({
12
12
  timeLeft: ONE_MINUTE,
13
13
  tempBlockDuration: ONE_DAY,
14
14
  phone: '',
15
+ hideCountdownSection: false,
15
16
  onTempBlockFinished: mockFn,
16
17
  onInputFinished: mockFn,
17
18
  onChangeState: mockFn,
@@ -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":"confirmation__component_gszlg","typographyTheme":"confirmation__typographyTheme_gszlg","phone":"confirmation__phone_gszlg","compact":"confirmation__compact_gszlg","loaderWrap":"confirmation__loaderWrap_gszlg","left":"confirmation__left_gszlg","center":"confirmation__center_gszlg","codeInput":"confirmation__codeInput_gszlg","smsComeLink":"confirmation__smsComeLink_gszlg","countdownContainer":"confirmation__countdownContainer_gszlg","countdownMobile":"confirmation__countdownMobile_gszlg","countdownLoaderMobile":"confirmation__countdownLoaderMobile_gszlg","getCodeButton":"confirmation__getCodeButton_gszlg","getCodeButtonMobile":"confirmation__getCodeButtonMobile_gszlg","containerInput":"confirmation__containerInput_gszlg"};
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-3ccbe0d1.js';
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-3ccbe0d1.js';
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
@@ -1,4 +1,4 @@
1
- /* hash: 1h5n8 */
2
- .confirmation__container_nn4ds {
1
+ /* hash: ynq7a */
2
+ .confirmation__container_k4s9n {
3
3
  max-width: 288px;
4
4
  }
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-3ccbe0d1.js';
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';
@@ -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-3ccbe0d1.js';
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.9",
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.0",
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-784df003.js');
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 = {