@alfalab/core-components-confirmation 12.4.10 → 12.4.12

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 (137) hide show
  1. package/component.desktop.js +3 -1
  2. package/component.mobile.js +4 -2
  3. package/component.responsive.js +3 -1
  4. package/components/base-confirmation/component.js +7 -4
  5. package/components/base-confirmation/index.css +4 -4
  6. package/components/base-confirmation/index.js +3 -1
  7. package/components/countdown-loader/component.js +3 -1
  8. package/components/countdown-loader/index.css +4 -4
  9. package/components/countdown-loader/index.js +2 -0
  10. package/components/header/component.js +3 -1
  11. package/components/header/index.css +6 -6
  12. package/components/header/index.js +2 -0
  13. package/components/index.js +3 -1
  14. package/components/screens/fatal-error/component.js +3 -1
  15. package/components/screens/fatal-error/index.css +8 -8
  16. package/components/screens/fatal-error/index.js +2 -0
  17. package/components/screens/hint/component.js +3 -1
  18. package/components/screens/hint/index.css +14 -14
  19. package/components/screens/hint/index.js +2 -0
  20. package/components/screens/index.js +3 -1
  21. package/components/screens/initial/component.js +5 -3
  22. package/components/screens/initial/countdown-section.js +3 -1
  23. package/components/screens/initial/index.css +21 -21
  24. package/components/screens/initial/index.js +3 -1
  25. package/components/screens/temp-block/component.js +3 -1
  26. package/components/screens/temp-block/index.css +9 -9
  27. package/components/screens/temp-block/index.js +2 -0
  28. package/context.js +3 -0
  29. package/{countdown-section-5babd6c6.js → countdown-section-eeb2aaea.js} +1 -1
  30. package/cssm/component.desktop.js +2 -0
  31. package/cssm/component.mobile.js +2 -0
  32. package/cssm/component.responsive.js +2 -0
  33. package/cssm/components/base-confirmation/component.js +5 -2
  34. package/cssm/components/base-confirmation/index.js +2 -0
  35. package/cssm/components/base-confirmation/index.module.css +2 -2
  36. package/cssm/components/countdown-loader/component.js +2 -0
  37. package/cssm/components/countdown-loader/index.js +2 -0
  38. package/cssm/components/countdown-loader/index.module.css +2 -2
  39. package/cssm/components/header/component.js +2 -0
  40. package/cssm/components/header/index.js +2 -0
  41. package/cssm/components/header/index.module.css +2 -2
  42. package/cssm/components/index.js +2 -0
  43. package/cssm/components/screens/fatal-error/component.js +2 -0
  44. package/cssm/components/screens/fatal-error/index.js +2 -0
  45. package/cssm/components/screens/fatal-error/index.module.css +2 -2
  46. package/cssm/components/screens/hint/component.js +2 -0
  47. package/cssm/components/screens/hint/index.js +2 -0
  48. package/cssm/components/screens/hint/index.module.css +2 -2
  49. package/cssm/components/screens/index.js +2 -0
  50. package/cssm/components/screens/initial/component.js +4 -2
  51. package/cssm/components/screens/initial/countdown-section.js +2 -0
  52. package/cssm/components/screens/initial/index.js +2 -0
  53. package/cssm/components/screens/initial/index.module.css +3 -3
  54. package/cssm/components/screens/temp-block/component.js +2 -0
  55. package/cssm/components/screens/temp-block/index.js +2 -0
  56. package/cssm/components/screens/temp-block/index.module.css +2 -2
  57. package/cssm/context.js +3 -0
  58. package/cssm/desktop.js +2 -0
  59. package/cssm/index.js +5 -3
  60. package/cssm/mobile.js +2 -0
  61. package/cssm/responsive.js +2 -0
  62. package/cssm/types.d.ts +6 -1
  63. package/cssm/types.js +2 -0
  64. package/cssm/utils.js +2 -0
  65. package/cssm/vars.css +2 -2
  66. package/desktop.js +3 -1
  67. package/esm/component.desktop.js +1 -1
  68. package/esm/component.mobile.js +2 -2
  69. package/esm/component.responsive.js +1 -1
  70. package/esm/components/base-confirmation/component.js +5 -4
  71. package/esm/components/base-confirmation/index.css +4 -4
  72. package/esm/components/base-confirmation/index.js +1 -1
  73. package/esm/components/countdown-loader/component.js +1 -1
  74. package/esm/components/countdown-loader/index.css +4 -4
  75. package/esm/components/header/component.js +1 -1
  76. package/esm/components/header/index.css +6 -6
  77. package/esm/components/index.js +1 -1
  78. package/esm/components/screens/fatal-error/component.js +1 -1
  79. package/esm/components/screens/fatal-error/index.css +8 -8
  80. package/esm/components/screens/hint/component.js +1 -1
  81. package/esm/components/screens/hint/index.css +14 -14
  82. package/esm/components/screens/index.js +1 -1
  83. package/esm/components/screens/initial/component.js +3 -3
  84. package/esm/components/screens/initial/countdown-section.js +1 -1
  85. package/esm/components/screens/initial/index.css +21 -21
  86. package/esm/components/screens/initial/index.js +1 -1
  87. package/esm/components/screens/temp-block/component.js +1 -1
  88. package/esm/components/screens/temp-block/index.css +9 -9
  89. package/esm/context.js +1 -0
  90. package/esm/{countdown-section-b2e6a96e.js → countdown-section-11874006.js} +1 -1
  91. package/esm/desktop.js +1 -1
  92. package/esm/index.js +2 -2
  93. package/esm/mobile.css +2 -2
  94. package/esm/mobile.js +1 -1
  95. package/esm/responsive.js +1 -1
  96. package/esm/types.d.ts +6 -1
  97. package/index.js +4 -2
  98. package/mobile.css +2 -2
  99. package/mobile.js +3 -1
  100. package/modern/component.desktop.js +1 -1
  101. package/modern/component.mobile.js +2 -2
  102. package/modern/component.responsive.js +1 -1
  103. package/modern/components/base-confirmation/component.js +4 -3
  104. package/modern/components/base-confirmation/index.css +4 -4
  105. package/modern/components/base-confirmation/index.js +1 -1
  106. package/modern/components/countdown-loader/component.js +1 -1
  107. package/modern/components/countdown-loader/index.css +4 -4
  108. package/modern/components/header/component.js +1 -1
  109. package/modern/components/header/index.css +6 -6
  110. package/modern/components/index.js +1 -1
  111. package/modern/components/screens/fatal-error/component.js +1 -1
  112. package/modern/components/screens/fatal-error/index.css +8 -8
  113. package/modern/components/screens/hint/component.js +1 -1
  114. package/modern/components/screens/hint/index.css +14 -14
  115. package/modern/components/screens/index.js +1 -1
  116. package/modern/components/screens/initial/component.js +3 -3
  117. package/modern/components/screens/initial/countdown-section.js +1 -1
  118. package/modern/components/screens/initial/index.css +21 -21
  119. package/modern/components/screens/initial/index.js +1 -1
  120. package/modern/components/screens/temp-block/component.js +1 -1
  121. package/modern/components/screens/temp-block/index.css +9 -9
  122. package/modern/context.js +1 -0
  123. package/modern/{countdown-section-55d78e2b.js → countdown-section-a44bf760.js} +1 -1
  124. package/modern/desktop.js +1 -1
  125. package/modern/index.js +2 -2
  126. package/modern/mobile.css +2 -2
  127. package/modern/mobile.js +1 -1
  128. package/modern/responsive.js +1 -1
  129. package/modern/types.d.ts +6 -1
  130. package/package.json +6 -6
  131. package/responsive.js +3 -1
  132. package/types.d.ts +6 -1
  133. package/types.js +2 -0
  134. package/utils.js +2 -0
  135. /package/{countdown-section-5babd6c6.d.ts → countdown-section-eeb2aaea.d.ts} +0 -0
  136. /package/esm/{countdown-section-b2e6a96e.d.ts → countdown-section-11874006.d.ts} +0 -0
  137. /package/modern/{countdown-section-55d78e2b.d.ts → countdown-section-a44bf760.d.ts} +0 -0
@@ -1,8 +1,8 @@
1
- /* hash: zk7c2 */
1
+ /* hash: 1tt6l */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-primary: #0b1f35;
5
- } :root {
4
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
8
8
 
@@ -31,23 +31,23 @@
31
31
  --confirmation-text-color: var(--color-light-text-primary)
32
32
 
33
33
  /* header */
34
- } .confirmation__component_rw03s {
34
+ } .confirmation__component_bi00i {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__center_rw03s {
37
+ } .confirmation__center_bi00i {
38
38
  align-items: center;
39
39
  text-align: center;
40
- } .confirmation__typographyTheme_rw03s.confirmation__typographyTheme_rw03s {
40
+ } .confirmation__typographyTheme_bi00i.confirmation__typographyTheme_bi00i {
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_rw03s.confirmation__description_rw03s {
46
+ } .confirmation__description_bi00i.confirmation__description_bi00i {
47
47
  margin-bottom: var(--gap-xs);
48
- } .confirmation__countdownWrap_rw03s {
48
+ } .confirmation__countdownWrap_bi00i {
49
49
  display: flex;
50
50
  align-items: center;
51
- } .confirmation__loader_rw03s {
51
+ } .confirmation__loader_bi00i {
52
52
  margin-right: var(--gap-xs);
53
53
  }
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_tempBlock_component = require('./component.js');
4
6
  require('react');
5
7
  require('classnames');
package/context.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var utils = require('./utils.js');
5
7
 
@@ -14,6 +16,7 @@ var ConfirmationContext = React.createContext({
14
16
  timeLeft: utils.ONE_MINUTE,
15
17
  tempBlockDuration: utils.ONE_DAY,
16
18
  phone: '',
19
+ hideCountdownSection: false,
17
20
  onTempBlockFinished: mockFn,
18
21
  onInputFinished: mockFn,
19
22
  onChangeState: mockFn,
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"confirmation__component_ifjbp","typographyTheme":"confirmation__typographyTheme_ifjbp","phone":"confirmation__phone_ifjbp","compact":"confirmation__compact_ifjbp","loaderWrap":"confirmation__loaderWrap_ifjbp","left":"confirmation__left_ifjbp","center":"confirmation__center_ifjbp","codeInput":"confirmation__codeInput_ifjbp","smsComeLink":"confirmation__smsComeLink_ifjbp","countdownContainer":"confirmation__countdownContainer_ifjbp","countdownMobile":"confirmation__countdownMobile_ifjbp","countdownLoaderMobile":"confirmation__countdownLoaderMobile_ifjbp","getCodeButton":"confirmation__getCodeButton_ifjbp","getCodeButtonMobile":"confirmation__getCodeButtonMobile_ifjbp","containerInput":"confirmation__containerInput_ifjbp"};
16
+ var styles = {"component":"confirmation__component_ytjey","typographyTheme":"confirmation__typographyTheme_ytjey","phone":"confirmation__phone_ytjey","compact":"confirmation__compact_ytjey","loaderWrap":"confirmation__loaderWrap_ytjey","left":"confirmation__left_ytjey","center":"confirmation__center_ytjey","codeInput":"confirmation__codeInput_ytjey","smsComeLink":"confirmation__smsComeLink_ytjey","countdownContainer":"confirmation__countdownContainer_ytjey","countdownMobile":"confirmation__countdownMobile_ytjey","countdownLoaderMobile":"confirmation__countdownLoaderMobile_ytjey","getCodeButton":"confirmation__getCodeButton_ytjey","getCodeButtonMobile":"confirmation__getCodeButtonMobile_ytjey","containerInput":"confirmation__containerInput_ytjey"};
17
17
  require('./components/screens/initial/index.css')
18
18
 
19
19
  var CountdownSection = function (_a) {
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var components_baseConfirmation_component = require('./components/base-confirmation/component.js');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var hooks = require('@alfalab/hooks');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -40,8 +42,8 @@ var confirmationScreens = {
40
42
  TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
41
43
  };
42
44
  var BaseConfirmation = function (_a) {
43
- var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError"]);
44
- var _g = utils.useCountdown(countdownDuration), timeLeft = _g[0], startTimer = _g[1], stopTimer = _g[2];
45
+ var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection"]);
46
+ var _h = utils.useCountdown(countdownDuration), timeLeft = _h[0], startTimer = _h[1], stopTimer = _h[2];
45
47
  var prevState = hooks.usePrevious(state);
46
48
  React.useEffect(function () {
47
49
  startTimer();
@@ -77,6 +79,7 @@ var BaseConfirmation = function (_a) {
77
79
  };
78
80
  // eslint-disable-next-line react/jsx-no-constructed-context-values
79
81
  var contextValue = {
82
+ hideCountdownSection: hideCountdownSection,
80
83
  alignContent: alignContent,
81
84
  texts: tslib.__assign(tslib.__assign({}, types.defaultTexts), restProps.texts),
82
85
  state: state,
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_baseConfirmation_component = require('./component.js');
4
6
  require('tslib');
5
7
  require('react');
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
4
- } :root {
3
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var styles = require('./index.module.css');
5
7
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_countdownLoader_component = require('./component.js');
4
6
  require('react');
5
7
  require('./index.module.css');
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-graphic-tertiary: #b6bcc3;
4
- } :root {
3
+ --color-light-graphic-tertiary: #c1c1c3; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var cn = require('classnames');
5
7
  var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_header_component = require('./component.js');
4
6
  require('react');
5
7
  require('classnames');
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root {
5
5
  } :root {
6
6
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_initial_component = require('./screens/initial/component.js');
4
6
  var components_screens_hint_component = require('./screens/hint/component.js');
5
7
  var components_screens_fatalError_component = require('./screens/fatal-error/component.js');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var cn = require('classnames');
5
7
  var coreComponentsButton = require('@alfalab/core-components-button/cssm');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_fatalError_component = require('./component.js');
4
6
  require('react');
5
7
  require('classnames');
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-primary: #0b1f35;
4
- } :root {
3
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var cn = require('classnames');
5
7
  var coreComponentsButton = require('@alfalab/core-components-button/cssm');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_hint_component = require('./component.js');
4
6
  require('react');
5
7
  require('classnames');
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-primary: #0b1f35;
4
- } :root {
3
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_initial_component = require('./initial/component.js');
4
6
  var components_screens_hint_component = require('./hint/component.js');
5
7
  var components_screens_fatalError_component = require('./fatal-error/component.js');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var cn = require('classnames');
5
7
  var coreComponentsButton = require('@alfalab/core-components-button/cssm');
@@ -25,7 +27,7 @@ var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
25
27
  var Initial = function (_a) {
26
28
  var _b;
27
29
  var mobile = _a.mobile;
28
- var _c = React.useContext(context.ConfirmationContext), state = _c.state, alignContent = _c.alignContent, texts = _c.texts, requiredCharAmount = _c.requiredCharAmount, timeLeft = _c.timeLeft, phone = _c.phone, clearCodeOnError = _c.clearCodeOnError, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
30
+ var _c = React.useContext(context.ConfirmationContext), state = _c.state, alignContent = _c.alignContent, texts = _c.texts, requiredCharAmount = _c.requiredCharAmount, timeLeft = _c.timeLeft, phone = _c.phone, clearCodeOnError = _c.clearCodeOnError, hideCountdownSection = _c.hideCountdownSection, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
29
31
  var prevState = hooks.usePrevious(state);
30
32
  var inputRef = React.useRef(null);
31
33
  var _d = React.useState(false), codeSendHintVisible = _d[0], setCodeSendHintVisible = _d[1];
@@ -97,7 +99,7 @@ var Initial = function (_a) {
97
99
  "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
98
100
  phone),
99
101
  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, onErrorAnimationEnd: handleErrorAnimationEnd }),
100
- React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile }),
102
+ !hideCountdownSection && (React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile })),
101
103
  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))));
102
104
  };
103
105
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var cn = require('classnames');
5
7
  var coreComponentsButton = require('@alfalab/core-components-button/cssm');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_initial_component = require('./component.js');
4
6
  require('react');
5
7
  require('classnames');
@@ -1,8 +1,8 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-primary: #0b1f35;
4
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- } :root {
3
+ --color-light-text-primary: #0e0e0e;
4
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
8
8
 
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var cn = require('classnames');
5
7
  var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var components_screens_tempBlock_component = require('./component.js');
4
6
  require('react');
5
7
  require('classnames');
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-primary: #0b1f35;
4
- } :root {
3
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
package/cssm/context.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
  var utils = require('./utils.js');
5
7
 
@@ -14,6 +16,7 @@ var ConfirmationContext = React.createContext({
14
16
  timeLeft: utils.ONE_MINUTE,
15
17
  tempBlockDuration: utils.ONE_DAY,
16
18
  phone: '',
19
+ hideCountdownSection: false,
17
20
  onTempBlockFinished: mockFn,
18
21
  onInputFinished: mockFn,
19
22
  onChangeState: mockFn,
package/cssm/desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var component_desktop = require('./component.desktop.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var component_desktop = require('./component.desktop.js');
4
6
  var component_responsive = require('./component.responsive.js');
5
7
  var components_screens_initial_component = require('./components/screens/initial/component.js');
@@ -16,6 +18,8 @@ require('./components/base-confirmation/component.js');
16
18
  require('classnames');
17
19
  require('@alfalab/hooks');
18
20
  require('./components/base-confirmation/index.module.css');
21
+ require('./component.mobile.js');
22
+ require('./mobile.module.css');
19
23
  require('@alfalab/core-components-button/cssm');
20
24
  require('@alfalab/core-components-code-input/cssm');
21
25
  require('@alfalab/core-components-link/cssm');
@@ -27,10 +31,8 @@ require('@alfalab/core-components-loader/cssm');
27
31
  require('./components/screens/initial/index.module.css');
28
32
  require('./components/screens/hint/index.module.css');
29
33
  require('./components/screens/fatal-error/index.module.css');
30
- require('./components/countdown-loader/index.module.css');
31
34
  require('./components/screens/temp-block/index.module.css');
32
- require('./component.mobile.js');
33
- require('./mobile.module.css');
35
+ require('./components/countdown-loader/index.module.css');
34
36
 
35
37
 
36
38
 
package/cssm/mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var component_mobile = require('./component.mobile.js');
4
6
  require('tslib');
5
7
  require('react');
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var component_responsive = require('./component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/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/cssm/types.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var defaultTexts = {
4
6
  title: 'Введите код из\xa0сообщения',
5
7
  codeError: 'Код введён неверно',
package/cssm/utils.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var React = require('react');
4
6
 
5
7
  /**
package/cssm/vars.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root {
5
5
  } :root {
6
6
 
package/desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var component_desktop = require('./component.desktop.js');
4
6
  require('tslib');
5
7
  require('react');
@@ -15,7 +17,7 @@ require('@alfalab/core-components-code-input');
15
17
  require('@alfalab/core-components-link');
16
18
  require('@alfalab/core-components-typography');
17
19
  require('./components/header/component.js');
18
- require('./countdown-section-5babd6c6.js');
20
+ require('./countdown-section-eeb2aaea.js');
19
21
  require('@alfalab/core-components-loader');
20
22
  require('./components/screens/hint/component.js');
21
23
  require('./components/screens/fatal-error/component.js');
@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/esm';
12
12
  import '@alfalab/core-components-link/esm';
13
13
  import '@alfalab/core-components-typography/esm';
14
14
  import './components/header/component.js';
15
- import './countdown-section-b2e6a96e.js';
15
+ import './countdown-section-11874006.js';
16
16
  import '@alfalab/core-components-loader/esm';
17
17
  import './components/screens/hint/component.js';
18
18
  import './components/screens/fatal-error/component.js';
@@ -12,14 +12,14 @@ import '@alfalab/core-components-code-input/esm';
12
12
  import '@alfalab/core-components-link/esm';
13
13
  import '@alfalab/core-components-typography/esm';
14
14
  import './components/header/component.js';
15
- import './countdown-section-b2e6a96e.js';
15
+ import './countdown-section-11874006.js';
16
16
  import '@alfalab/core-components-loader/esm';
17
17
  import './components/screens/hint/component.js';
18
18
  import './components/screens/fatal-error/component.js';
19
19
  import './components/screens/temp-block/component.js';
20
20
  import './components/countdown-loader/component.js';
21
21
 
22
- var styles = {"container":"confirmation__container_1m1oa"};
22
+ var styles = {"container":"confirmation__container_15no7"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var ConfirmationMobile = function (_a) {
@@ -14,7 +14,7 @@ import '@alfalab/core-components-code-input/esm';
14
14
  import '@alfalab/core-components-link/esm';
15
15
  import '@alfalab/core-components-typography/esm';
16
16
  import './components/header/component.js';
17
- import './countdown-section-b2e6a96e.js';
17
+ import './countdown-section-11874006.js';
18
18
  import '@alfalab/core-components-loader/esm';
19
19
  import './components/screens/hint/component.js';
20
20
  import './components/screens/fatal-error/component.js';