@alfalab/core-components-confirmation 12.3.3 → 12.3.5

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 (164) hide show
  1. package/{component-c18159ad.d.ts → component-5a9a6986.d.ts} +0 -0
  2. package/{component-c18159ad.js → component-5a9a6986.js} +6 -11
  3. package/component.desktop.js +6 -12
  4. package/component.mobile.js +7 -14
  5. package/component.responsive.js +9 -15
  6. package/components/base-confirmation/component.js +7 -9
  7. package/components/base-confirmation/index.css +2 -8
  8. package/components/base-confirmation/index.d.ts +1 -1
  9. package/components/base-confirmation/index.js +5 -7
  10. package/components/countdown-loader/component.js +3 -9
  11. package/components/countdown-loader/index.css +2 -2
  12. package/components/countdown-loader/index.js +1 -3
  13. package/components/header/component.js +2 -9
  14. package/components/header/index.css +4 -4
  15. package/components/header/index.js +1 -3
  16. package/components/index.js +10 -12
  17. package/components/screens/fatal-error/component.js +7 -14
  18. package/components/screens/fatal-error/index.css +10 -5
  19. package/components/screens/fatal-error/index.js +3 -5
  20. package/components/screens/hint/component.js +19 -27
  21. package/components/screens/hint/index.css +15 -14
  22. package/components/screens/hint/index.js +3 -5
  23. package/components/screens/index.js +8 -10
  24. package/components/screens/initial/component.js +15 -17
  25. package/components/screens/initial/countdown-section.js +4 -6
  26. package/components/screens/initial/index.css +18 -18
  27. package/components/screens/initial/index.js +5 -7
  28. package/components/screens/temp-block/component.js +10 -17
  29. package/components/screens/temp-block/index.css +13 -5
  30. package/components/screens/temp-block/index.js +4 -6
  31. package/context.js +0 -2
  32. package/{countdown-section-fa5d99c6.d.ts → countdown-section-b356354f.d.ts} +0 -0
  33. package/countdown-section-b356354f.js +44 -0
  34. package/cssm/{component-cbe72bf1.d.ts → component-895f6f86.d.ts} +0 -0
  35. package/cssm/{component-cbe72bf1.js → component-895f6f86.js} +5 -11
  36. package/cssm/component.desktop.js +10 -16
  37. package/cssm/component.mobile.js +11 -19
  38. package/cssm/component.responsive.js +13 -19
  39. package/cssm/components/base-confirmation/component.js +10 -12
  40. package/cssm/components/base-confirmation/index.d.ts +1 -1
  41. package/cssm/components/base-confirmation/index.js +9 -11
  42. package/cssm/components/base-confirmation/index.module.css +0 -6
  43. package/cssm/components/countdown-loader/component.js +2 -9
  44. package/cssm/components/countdown-loader/index.js +1 -3
  45. package/cssm/components/header/component.js +1 -9
  46. package/cssm/components/header/index.js +1 -3
  47. package/cssm/components/header/index.module.css +3 -3
  48. package/cssm/components/index.js +12 -14
  49. package/cssm/components/screens/fatal-error/component.js +7 -15
  50. package/cssm/components/screens/fatal-error/index.js +4 -6
  51. package/cssm/components/screens/fatal-error/index.module.css +6 -1
  52. package/cssm/components/screens/hint/component.js +19 -28
  53. package/cssm/components/screens/hint/index.js +4 -6
  54. package/cssm/components/screens/hint/index.module.css +9 -8
  55. package/cssm/components/screens/index.js +10 -12
  56. package/cssm/components/screens/initial/component.js +17 -20
  57. package/cssm/components/screens/initial/countdown-section.js +24 -39
  58. package/cssm/components/screens/initial/index.js +6 -8
  59. package/cssm/components/screens/initial/index.module.css +5 -5
  60. package/cssm/components/screens/temp-block/component.js +11 -19
  61. package/cssm/components/screens/temp-block/index.js +6 -8
  62. package/cssm/components/screens/temp-block/index.module.css +10 -2
  63. package/cssm/context.js +0 -2
  64. package/cssm/desktop.d.ts +1 -0
  65. package/cssm/desktop.js +10 -12
  66. package/cssm/index.js +24 -26
  67. package/cssm/mobile.d.ts +1 -0
  68. package/cssm/mobile.js +10 -12
  69. package/cssm/responsive.d.ts +1 -0
  70. package/cssm/responsive.js +11 -13
  71. package/cssm/types.js +0 -2
  72. package/cssm/utils.js +6 -8
  73. package/desktop.d.ts +1 -0
  74. package/desktop.js +6 -8
  75. package/esm/{component-2c4a15b0.d.ts → component-3212dc9c.d.ts} +0 -0
  76. package/esm/{component-2c4a15b0.js → component-3212dc9c.js} +5 -5
  77. package/esm/component.desktop.js +5 -5
  78. package/esm/component.mobile.js +6 -6
  79. package/esm/component.responsive.js +8 -8
  80. package/esm/components/base-confirmation/component.js +7 -7
  81. package/esm/components/base-confirmation/index.css +2 -8
  82. package/esm/components/base-confirmation/index.d.ts +1 -1
  83. package/esm/components/base-confirmation/index.js +5 -5
  84. package/esm/components/countdown-loader/component.js +3 -3
  85. package/esm/components/countdown-loader/index.css +2 -2
  86. package/esm/components/countdown-loader/index.js +1 -1
  87. package/esm/components/header/component.js +1 -1
  88. package/esm/components/header/index.css +4 -4
  89. package/esm/components/header/index.js +1 -1
  90. package/esm/components/index.js +9 -9
  91. package/esm/components/screens/fatal-error/component.js +3 -3
  92. package/esm/components/screens/fatal-error/index.css +10 -5
  93. package/esm/components/screens/fatal-error/index.js +3 -3
  94. package/esm/components/screens/hint/component.js +18 -19
  95. package/esm/components/screens/hint/index.css +15 -14
  96. package/esm/components/screens/hint/index.js +3 -3
  97. package/esm/components/screens/index.js +8 -8
  98. package/esm/components/screens/initial/component.js +10 -5
  99. package/esm/components/screens/initial/countdown-section.js +4 -4
  100. package/esm/components/screens/initial/index.css +18 -18
  101. package/esm/components/screens/initial/index.js +5 -5
  102. package/esm/components/screens/temp-block/component.js +7 -7
  103. package/esm/components/screens/temp-block/index.css +13 -5
  104. package/esm/components/screens/temp-block/index.js +4 -4
  105. package/esm/{countdown-section-a819b4f1.d.ts → countdown-section-5a8d74ee.d.ts} +0 -0
  106. package/esm/countdown-section-5a8d74ee.js +41 -0
  107. package/esm/desktop.d.ts +1 -0
  108. package/esm/desktop.js +6 -6
  109. package/esm/index.js +12 -12
  110. package/esm/mobile.css +2 -2
  111. package/esm/mobile.d.ts +1 -0
  112. package/esm/mobile.js +6 -6
  113. package/esm/responsive.d.ts +1 -0
  114. package/esm/responsive.js +6 -6
  115. package/esm/utils.js +6 -6
  116. package/index.js +21 -23
  117. package/mobile.css +2 -2
  118. package/mobile.d.ts +1 -0
  119. package/mobile.js +6 -8
  120. package/modern/component.desktop.js +5 -5
  121. package/modern/component.mobile.js +6 -6
  122. package/modern/component.responsive.js +8 -8
  123. package/modern/components/base-confirmation/component.js +9 -9
  124. package/modern/components/base-confirmation/index.css +2 -8
  125. package/modern/components/base-confirmation/index.js +5 -5
  126. package/modern/components/countdown-loader/component.js +1 -1
  127. package/modern/components/countdown-loader/index.css +2 -2
  128. package/modern/components/countdown-loader/index.js +1 -1
  129. package/modern/components/header/component.js +1 -1
  130. package/modern/components/header/index.css +4 -4
  131. package/modern/components/header/index.js +1 -1
  132. package/modern/components/index.js +9 -9
  133. package/modern/components/screens/fatal-error/component.js +3 -3
  134. package/modern/components/screens/fatal-error/index.css +10 -5
  135. package/modern/components/screens/fatal-error/index.js +3 -3
  136. package/modern/components/screens/hint/component.js +18 -19
  137. package/modern/components/screens/hint/index.css +15 -14
  138. package/modern/components/screens/hint/index.js +3 -3
  139. package/modern/components/screens/index.js +8 -8
  140. package/modern/components/screens/initial/component.js +10 -5
  141. package/modern/components/screens/initial/countdown-section.js +4 -4
  142. package/modern/components/screens/initial/index.css +18 -18
  143. package/modern/components/screens/initial/index.js +5 -5
  144. package/modern/components/screens/temp-block/component.js +7 -7
  145. package/modern/components/screens/temp-block/index.css +13 -5
  146. package/modern/components/screens/temp-block/index.js +4 -4
  147. package/modern/{countdown-section-5519e1b6.d.ts → countdown-section-b8b393a2.d.ts} +0 -0
  148. package/modern/countdown-section-b8b393a2.js +36 -0
  149. package/modern/desktop.d.ts +1 -0
  150. package/modern/desktop.js +6 -6
  151. package/modern/index.js +12 -12
  152. package/modern/mobile.css +2 -2
  153. package/modern/mobile.d.ts +1 -0
  154. package/modern/mobile.js +6 -6
  155. package/modern/responsive.d.ts +1 -0
  156. package/modern/responsive.js +8 -8
  157. package/package.json +2 -2
  158. package/responsive.d.ts +1 -0
  159. package/responsive.js +6 -8
  160. package/types.js +0 -2
  161. package/utils.js +6 -8
  162. package/countdown-section-fa5d99c6.js +0 -56
  163. package/esm/countdown-section-a819b4f1.js +0 -48
  164. package/modern/countdown-section-5519e1b6.js +0 -46
@@ -1,30 +1,28 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
3
+ var components_screens_initial_component = require('./initial/component.js');
4
+ var components_screens_hint_component = require('./hint/component.js');
5
+ var components_screens_fatalError_component = require('./fatal-error/component.js');
6
+ var components_screens_tempBlock_component = require('./temp-block/component.js');
5
7
  require('react');
6
8
  require('classnames');
7
- require('@alfalab/hooks');
8
- require('../../utils.js');
9
- require('../../context.js');
10
9
  require('@alfalab/core-components-button/cssm');
11
10
  require('@alfalab/core-components-code-input/cssm');
12
11
  require('@alfalab/core-components-link/cssm');
13
12
  require('@alfalab/core-components-typography/cssm');
14
- require('../header/index.module.css');
13
+ require('@alfalab/hooks');
14
+ require('../../context.js');
15
+ require('../../utils.js');
15
16
  require('../header/component.js');
17
+ require('../header/index.module.css');
18
+ require('./initial/countdown-section.js');
16
19
  require('@alfalab/core-components-loader/cssm');
17
20
  require('./initial/index.module.css');
18
- require('./initial/countdown-section.js');
19
- var components_screens_initial_component = require('./initial/component.js');
20
21
  require('./hint/index.module.css');
21
- var components_screens_hint_component = require('./hint/component.js');
22
22
  require('./fatal-error/index.module.css');
23
- var components_screens_fatalError_component = require('./fatal-error/component.js');
24
- require('../countdown-loader/index.module.css');
25
23
  require('../countdown-loader/component.js');
24
+ require('../countdown-loader/index.module.css');
26
25
  require('./temp-block/index.module.css');
27
- var components_screens_tempBlock_component = require('./temp-block/component.js');
28
26
 
29
27
 
30
28
 
@@ -1,27 +1,19 @@
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
- var hooks = require('@alfalab/hooks');
8
- require('../../../utils.js');
9
- var context = require('../../../context.js');
10
5
  var coreComponentsButton = require('@alfalab/core-components-button/cssm');
11
6
  var coreComponentsCodeInput = require('@alfalab/core-components-code-input/cssm');
12
7
  var coreComponentsLink = require('@alfalab/core-components-link/cssm');
13
8
  var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
14
- require('../../header/index.module.css');
9
+ var hooks = require('@alfalab/hooks');
10
+ var context = require('../../../context.js');
15
11
  var components_header_component = require('../../header/component.js');
16
- require('@alfalab/core-components-loader/cssm');
17
- var styles = require('./index.module.css');
18
12
  var components_screens_initial_countdownSection = require('./countdown-section.js');
19
-
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
24
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
13
+ var styles = require('./index.module.css');
14
+ require('../../../utils.js');
15
+ require('../../header/index.module.css');
16
+ require('@alfalab/core-components-loader/cssm');
25
17
 
26
18
  var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
27
19
  var Initial = function (_a) {
@@ -49,6 +41,11 @@ var Initial = function (_a) {
49
41
  }
50
42
  onSmsRetryClick();
51
43
  };
44
+ var handleErrorAnimationEnd = function () {
45
+ if (clearCodeOnError && state !== 'INITIAL') {
46
+ onChangeState('INITIAL');
47
+ }
48
+ };
52
49
  var clearTimer = React.useCallback(function () {
53
50
  window.clearTimeout(timerId.current);
54
51
  }, []);
@@ -88,14 +85,14 @@ var Initial = function (_a) {
88
85
  };
89
86
  var processing = ['CODE_CHECKING', 'CODE_SENDING'].includes(state);
90
87
  var timePassed = timeLeft === 0;
91
- return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][alignContent]) },
92
- React__default['default'].createElement(components_header_component.Header, { mobile: mobile }, texts.title),
93
- React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default['default'](styles__default['default'].phone, (_b = {}, _b[styles__default['default'].typographyTheme] = !mobile, _b)) },
88
+ return (React.createElement("div", { className: cn(styles.component, styles[alignContent]) },
89
+ React.createElement(components_header_component.Header, { mobile: mobile }, texts.title),
90
+ React.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.phone, (_b = {}, _b[styles.typographyTheme] = !mobile, _b)) },
94
91
  "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
95
92
  phone),
96
- React__default['default'].createElement(coreComponentsCodeInput.CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn__default['default'](styles__default['default'].containerInput, styles__default['default'].codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError }),
97
- React__default['default'].createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile }),
98
- mobile ? (React__default['default'].createElement(coreComponentsButton.Button, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint)) : (React__default['default'].createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: styles__default['default'].smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint))));
93
+ React.createElement(coreComponentsCodeInput.CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn(styles.containerInput, styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, onErrorAnimationEnd: handleErrorAnimationEnd }),
94
+ React.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile }),
95
+ mobile ? (React.createElement(coreComponentsButton.Button, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint)) : (React.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint))));
99
96
  };
100
97
 
101
98
  exports.Initial = Initial;
@@ -1,56 +1,41 @@
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
- var utils = require('../../../utils.js');
8
- var context = require('../../../context.js');
9
5
  var coreComponentsButton = require('@alfalab/core-components-button/cssm');
10
- var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
11
6
  var coreComponentsLoader = require('@alfalab/core-components-loader/cssm');
7
+ var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
8
+ var context = require('../../../context.js');
9
+ var utils = require('../../../utils.js');
12
10
  var styles = require('./index.module.css');
13
11
 
14
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
18
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
19
-
20
12
  var CountdownSection = function (_a) {
21
- var _b, _c, _d, _e, _f;
13
+ var _b, _c;
22
14
  var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
23
- var _g = React.useContext(context.ConfirmationContext), state = _g.state, texts = _g.texts, timeLeft = _g.timeLeft, blockSmsRetry = _g.blockSmsRetry;
24
- if (codeSendHintVisible) {
25
- return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles__default['default'].countdownContainer, (_b = {},
26
- _b[styles__default['default'].countdownMobile] = mobile,
27
- _b[styles__default['default'].typographyTheme] = !mobile,
28
- _b)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.codeSended));
29
- }
15
+ var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry;
16
+ var renderText = function (text) {
17
+ var _a;
18
+ return (React.createElement(coreComponentsTypography.Typography.Text, { className: cn(styles.countdownContainer, (_a = {},
19
+ _a[styles.countdownMobile] = mobile,
20
+ _a[styles.typographyTheme] = !mobile,
21
+ _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, text));
22
+ };
23
+ if (codeSendHintVisible)
24
+ return renderText(texts.codeSended);
30
25
  if (processing) {
31
- return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].loaderWrap, styles__default['default'].countdownContainer, (_c = {},
32
- _c[styles__default['default'].countdownLoaderMobile] = mobile,
33
- _c[styles__default['default'].typographyTheme] = !mobile,
34
- _c)) },
35
- React__default['default'].createElement(coreComponentsLoader.Loader, null),
36
- React__default['default'].createElement("span", { className: styles__default['default'].loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
37
- }
38
- if (blockSmsRetry) {
39
- return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles__default['default'].countdownContainer, (_d = {},
40
- _d[styles__default['default'].countdownMobile] = mobile,
41
- _d[styles__default['default'].typographyTheme] = !mobile,
42
- _d)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.noAttemptsLeft));
26
+ return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer, (_b = {},
27
+ _b[styles.countdownLoaderMobile] = mobile,
28
+ _b[styles.typographyTheme] = !mobile,
29
+ _b)) },
30
+ React.createElement(coreComponentsLoader.Loader, null),
31
+ React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
43
32
  }
33
+ if (blockSmsRetry)
34
+ return renderText(texts.noAttemptsLeft);
44
35
  if (timePassed) {
45
- return (React__default['default'].createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default['default'](styles__default['default'].getCodeButton, (_e = {}, _e[styles__default['default'].getCodeButtonMobile] = mobile, _e)) }, texts.buttonRetry));
36
+ 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));
46
37
  }
47
- return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles__default['default'].countdown, styles__default['default'].countdownContainer, (_f = {},
48
- _f[styles__default['default'].countdownMobile] = mobile,
49
- _f[styles__default['default'].typographyTheme] = !mobile,
50
- _f)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' },
51
- texts.countdown,
52
- " ",
53
- utils.formatMsAsMinutes(timeLeft)));
38
+ return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
54
39
  };
55
40
 
56
41
  exports.CountdownSection = CountdownSection;
@@ -1,22 +1,20 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
3
+ var components_screens_initial_component = require('./component.js');
5
4
  require('react');
6
5
  require('classnames');
7
- require('@alfalab/hooks');
8
- require('../../../utils.js');
9
- require('../../../context.js');
10
6
  require('@alfalab/core-components-button/cssm');
11
7
  require('@alfalab/core-components-code-input/cssm');
12
8
  require('@alfalab/core-components-link/cssm');
13
9
  require('@alfalab/core-components-typography/cssm');
14
- require('../../header/index.module.css');
10
+ require('@alfalab/hooks');
11
+ require('../../../context.js');
12
+ require('../../../utils.js');
15
13
  require('../../header/component.js');
14
+ require('../../header/index.module.css');
15
+ require('./countdown-section.js');
16
16
  require('@alfalab/core-components-loader/cssm');
17
17
  require('./index.module.css');
18
- require('./countdown-section.js');
19
- var components_screens_initial_component = require('./component.js');
20
18
 
21
19
 
22
20
 
@@ -41,14 +41,14 @@
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  }
44
- .typographyTheme {
44
+ .typographyTheme.typographyTheme {
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
  }
51
- .phone {
51
+ .phone.phone {
52
52
  color: var(--color-light-text-primary);
53
53
  margin-bottom: var(--gap-2xl);
54
54
  }
@@ -75,16 +75,16 @@
75
75
  .codeInput {
76
76
  margin-bottom: var(--gap-s);
77
77
  }
78
- .smsComeLink {
78
+ .smsComeLink.smsComeLink {
79
79
  font-size: 14px;
80
80
  line-height: 20px;
81
81
  font-weight: 500;
82
82
  }
83
- .countdownContainer {
83
+ .countdownContainer.countdownContainer {
84
84
  color: var(--color-light-text-secondary);
85
85
  margin-bottom: var(--gap-xl);
86
86
  }
87
- .countdownMobile {
87
+ .countdownMobile.countdownMobile {
88
88
  margin-bottom: var(--gap-l);
89
89
  }
90
90
  .countdownLoaderMobile {
@@ -1,28 +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
- var utils = require('../../../utils.js');
8
- var context = require('../../../context.js');
9
5
  var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
10
- require('../../header/index.module.css');
11
- var components_header_component = require('../../header/component.js');
12
- require('../../countdown-loader/index.module.css');
6
+ var context = require('../../../context.js');
7
+ var utils = require('../../../utils.js');
13
8
  var components_countdownLoader_component = require('../../countdown-loader/component.js');
9
+ var components_header_component = require('../../header/component.js');
14
10
  var styles = require('./index.module.css');
15
-
16
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
-
18
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
20
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
11
+ require('../../countdown-loader/index.module.css');
12
+ require('../../header/index.module.css');
21
13
 
22
14
  var TempBlock = function (_a) {
23
15
  var _b, _c;
24
16
  var mobile = _a.mobile;
25
- var _d = React.useContext(context.ConfirmationContext), texts = _d.texts, tempBlockDuration = _d.tempBlockDuration, onChangeScreen = _d.onChangeScreen, onTempBlockFinished = _d.onTempBlockFinished;
17
+ var _d = React.useContext(context.ConfirmationContext), alignContent = _d.alignContent, texts = _d.texts, tempBlockDuration = _d.tempBlockDuration, onChangeScreen = _d.onChangeScreen, onTempBlockFinished = _d.onTempBlockFinished;
26
18
  var _e = utils.useCountdown(tempBlockDuration), timeLeft = _e[0], startTimer = _e[1];
27
19
  React.useEffect(function () {
28
20
  startTimer();
@@ -32,11 +24,11 @@ var TempBlock = function (_a) {
32
24
  onTempBlockFinished();
33
25
  }
34
26
  }, [timeLeft, onChangeScreen, onTempBlockFinished]);
35
- return (React__default['default'].createElement(React.Fragment, null,
36
- React__default['default'].createElement(components_header_component.Header, { mobile: mobile }, texts.tempBlockTitle),
37
- React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default['default'](styles__default['default'].description, (_b = {}, _b[styles__default['default'].typographyTheme] = !mobile, _b)) }, texts.tempBlockDescription),
38
- React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].countdownWrap, (_c = {}, _c[styles__default['default'].typographyTheme] = !mobile, _c)) },
39
- React__default['default'].createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles__default['default'].loader }),
27
+ return (React.createElement("div", { className: cn(styles.component, styles[alignContent]) },
28
+ React.createElement(components_header_component.Header, { mobile: mobile }, texts.tempBlockTitle),
29
+ React.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.description, (_b = {}, _b[styles.typographyTheme] = !mobile, _b)) }, texts.tempBlockDescription),
30
+ React.createElement("div", { className: cn(styles.countdownWrap, (_c = {}, _c[styles.typographyTheme] = !mobile, _c)) },
31
+ React.createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles.loader }),
40
32
  utils.formatMsAsMinutes(timeLeft))));
41
33
  };
42
34
 
@@ -1,18 +1,16 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
3
+ var components_screens_tempBlock_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-typography/cssm');
10
- require('../../header/index.module.css');
11
- require('../../header/component.js');
12
- require('../../countdown-loader/index.module.css');
7
+ require('../../../context.js');
8
+ require('../../../utils.js');
13
9
  require('../../countdown-loader/component.js');
10
+ require('../../countdown-loader/index.module.css');
11
+ require('../../header/component.js');
12
+ require('../../header/index.module.css');
14
13
  require('./index.module.css');
15
- var components_screens_tempBlock_component = require('./component.js');
16
14
 
17
15
 
18
16
 
@@ -30,14 +30,22 @@
30
30
 
31
31
  /* header */
32
32
  }
33
- .typographyTheme {
33
+ .component {
34
+ display: flex;
35
+ flex-direction: column;
36
+ }
37
+ .center {
38
+ align-items: center;
39
+ text-align: center;
40
+ }
41
+ .typographyTheme.typographyTheme {
34
42
  font-size: var(--confirmation-text-font-size);
35
43
  line-height: var(--confirmation-text-line-height);
36
44
  font-weight: var(--confirmation-text-font-weight);
37
45
  font-family: var(--confirmation-text-font-family);
38
46
  color: var(--confirmation-text-color);
39
47
  }
40
- .description {
48
+ .description.description {
41
49
  margin-bottom: var(--gap-xs);
42
50
  }
43
51
  .countdownWrap {
package/cssm/context.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var utils = require('./utils.js');
7
5
 
package/cssm/desktop.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./component.desktop";
2
+ export {};
package/cssm/desktop.js CHANGED
@@ -1,34 +1,32 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./component-cbe72bf1.js');
3
+ var component_desktop = require('./component.desktop.js');
4
+ require('./component-895f6f86.js');
6
5
  require('react');
7
6
  require('classnames');
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/fatal-error/index.module.css');
22
+ require('./components/screens/hint/index.module.css');
25
23
  require('./components/screens/fatal-error/component.js');
26
- require('./components/countdown-loader/index.module.css');
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 component_desktop = require('./component.desktop.js');
32
30
 
33
31
 
34
32
 
package/cssm/index.js CHANGED
@@ -1,51 +1,49 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./component-cbe72bf1.js');
3
+ var component_desktop = require('./component.desktop.js');
4
+ var component_responsive = require('./component.responsive.js');
5
+ var components_screens_initial_component = require('./components/screens/initial/component.js');
6
+ var components_screens_hint_component = require('./components/screens/hint/component.js');
7
+ var components_screens_fatalError_component = require('./components/screens/fatal-error/component.js');
8
+ var components_screens_tempBlock_component = require('./components/screens/temp-block/component.js');
9
+ var components_countdownLoader_component = require('./components/countdown-loader/component.js');
10
+ var context = require('./context.js');
11
+ var types = require('./types.js');
12
+ var utils = require('./utils.js');
13
+ require('./component-895f6f86.js');
6
14
  require('react');
7
15
  require('classnames');
8
16
  require('@alfalab/hooks');
9
- var utils = require('./utils.js');
10
- var context = require('./context.js');
11
- var types = require('./types.js');
17
+ require('./components/base-confirmation/index.module.css');
12
18
  require('@alfalab/core-components-button/cssm');
13
19
  require('@alfalab/core-components-code-input/cssm');
14
20
  require('@alfalab/core-components-link/cssm');
15
21
  require('@alfalab/core-components-typography/cssm');
16
- require('./components/header/index.module.css');
17
22
  require('./components/header/component.js');
23
+ require('./components/header/index.module.css');
24
+ require('./components/screens/initial/countdown-section.js');
18
25
  require('@alfalab/core-components-loader/cssm');
19
26
  require('./components/screens/initial/index.module.css');
20
- require('./components/screens/initial/countdown-section.js');
21
- var components_screens_initial_component = require('./components/screens/initial/component.js');
22
27
  require('./components/screens/hint/index.module.css');
23
- var components_screens_hint_component = require('./components/screens/hint/component.js');
24
28
  require('./components/screens/fatal-error/index.module.css');
25
- var components_screens_fatalError_component = require('./components/screens/fatal-error/component.js');
26
29
  require('./components/countdown-loader/index.module.css');
27
- var components_countdownLoader_component = require('./components/countdown-loader/component.js');
28
30
  require('./components/screens/temp-block/index.module.css');
29
- var components_screens_tempBlock_component = require('./components/screens/temp-block/component.js');
30
- require('./components/base-confirmation/index.module.css');
31
- var component_desktop = require('./component.desktop.js');
32
- require('./mobile.module.css');
33
31
  require('./component.mobile.js');
34
- var component_responsive = require('./component.responsive.js');
32
+ require('./mobile.module.css');
35
33
 
36
34
 
37
35
 
36
+ exports.Confirmation = component_desktop.ConfirmationDesktop;
37
+ exports.ConfirmationResponsive = component_responsive.ConfirmationResponsive;
38
+ exports.Initial = components_screens_initial_component.Initial;
39
+ exports.Hint = components_screens_hint_component.Hint;
40
+ exports.FatalError = components_screens_fatalError_component.FatalError;
41
+ exports.TempBlock = components_screens_tempBlock_component.TempBlock;
42
+ exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
43
+ exports.ConfirmationContext = context.ConfirmationContext;
44
+ exports.defaultTexts = types.defaultTexts;
38
45
  exports.ONE_DAY = utils.ONE_DAY;
39
46
  exports.ONE_MINUTE = utils.ONE_MINUTE;
40
47
  exports.formatMsAsMinutes = utils.formatMsAsMinutes;
41
48
  exports.useConfirmation = utils.useConfirmation;
42
49
  exports.useCountdown = utils.useCountdown;
43
- exports.ConfirmationContext = context.ConfirmationContext;
44
- exports.defaultTexts = types.defaultTexts;
45
- exports.Initial = components_screens_initial_component.Initial;
46
- exports.Hint = components_screens_hint_component.Hint;
47
- exports.FatalError = components_screens_fatalError_component.FatalError;
48
- exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
49
- exports.TempBlock = components_screens_tempBlock_component.TempBlock;
50
- exports.Confirmation = component_desktop.ConfirmationDesktop;
51
- exports.ConfirmationResponsive = component_responsive.ConfirmationResponsive;
package/cssm/mobile.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./component.mobile";
2
+ export {};
package/cssm/mobile.js CHANGED
@@ -1,35 +1,33 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./component-cbe72bf1.js');
3
+ var component_mobile = require('./component.mobile.js');
4
+ require('./component-895f6f86.js');
6
5
  require('react');
7
6
  require('classnames');
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/fatal-error/index.module.css');
22
+ require('./components/screens/hint/index.module.css');
25
23
  require('./components/screens/fatal-error/component.js');
26
- require('./components/countdown-loader/index.module.css');
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
30
  require('./mobile.module.css');
32
- var component_mobile = require('./component.mobile.js');
33
31
 
34
32
 
35
33
 
@@ -1 +1,2 @@
1
1
  export * from "./component.responsive";
2
+ export {};
@@ -1,37 +1,35 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./component-cbe72bf1.js');
3
+ var component_responsive = require('./component.responsive.js');
4
+ require('./component-895f6f86.js');
6
5
  require('react');
7
6
  require('classnames');
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/fatal-error/index.module.css');
22
+ require('./components/screens/hint/index.module.css');
25
23
  require('./components/screens/fatal-error/component.js');
26
- require('./components/countdown-loader/index.module.css');
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
30
  require('./component.desktop.js');
32
- require('./mobile.module.css');
33
31
  require('./component.mobile.js');
34
- var component_responsive = require('./component.responsive.js');
32
+ require('./mobile.module.css');
35
33
 
36
34
 
37
35
 
package/cssm/types.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var defaultTexts = {
6
4
  title: 'Введите код из\xa0сообщения',
7
5
  codeError: 'Код введён неверно',