@alfalab/core-components-confirmation 13.3.5 → 13.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/components/base-confirmation/component.js +3 -2
  2. package/components/base-confirmation/index.css +2 -2
  3. package/components/countdown-loader/component.js +1 -1
  4. package/components/countdown-loader/index.css +2 -2
  5. package/components/header/component.js +1 -1
  6. package/components/header/index.css +4 -4
  7. package/components/screens/fatal-error/component.js +1 -1
  8. package/components/screens/fatal-error/index.css +6 -6
  9. package/components/screens/hint/component.js +1 -1
  10. package/components/screens/hint/index.css +12 -12
  11. package/components/screens/initial/component.js +4 -4
  12. package/components/screens/initial/countdown-section.js +1 -1
  13. package/components/screens/initial/index.css +17 -17
  14. package/components/screens/temp-block/component.js +1 -1
  15. package/components/screens/temp-block/index.css +7 -7
  16. package/{countdown-section-0d14ca9c.js → countdown-section-c7b95621.js} +1 -1
  17. package/cssm/components/base-confirmation/component.js +2 -1
  18. package/cssm/components/screens/fatal-error/index.module.css +1 -1
  19. package/cssm/components/screens/initial/component.js +3 -3
  20. package/cssm/types.d.ts +6 -1
  21. package/esm/components/base-confirmation/component.js +3 -2
  22. package/esm/components/base-confirmation/index.css +2 -2
  23. package/esm/components/countdown-loader/component.js +1 -1
  24. package/esm/components/countdown-loader/index.css +2 -2
  25. package/esm/components/header/component.js +1 -1
  26. package/esm/components/header/index.css +4 -4
  27. package/esm/components/screens/fatal-error/component.js +1 -1
  28. package/esm/components/screens/fatal-error/index.css +6 -6
  29. package/esm/components/screens/hint/component.js +1 -1
  30. package/esm/components/screens/hint/index.css +12 -12
  31. package/esm/components/screens/initial/component.js +4 -4
  32. package/esm/components/screens/initial/countdown-section.js +1 -1
  33. package/esm/components/screens/initial/index.css +17 -17
  34. package/esm/components/screens/temp-block/component.js +1 -1
  35. package/esm/components/screens/temp-block/index.css +7 -7
  36. package/esm/{countdown-section-b671a460.js → countdown-section-b0eafcff.js} +1 -1
  37. package/esm/mobile/component.mobile.js +1 -1
  38. package/esm/mobile/mobile.css +2 -2
  39. package/esm/types.d.ts +6 -1
  40. package/mobile/component.mobile.js +1 -1
  41. package/mobile/mobile.css +2 -2
  42. package/modern/components/base-confirmation/component.js +3 -2
  43. package/modern/components/base-confirmation/index.css +2 -2
  44. package/modern/components/countdown-loader/component.js +1 -1
  45. package/modern/components/countdown-loader/index.css +2 -2
  46. package/modern/components/header/component.js +1 -1
  47. package/modern/components/header/index.css +4 -4
  48. package/modern/components/screens/fatal-error/component.js +1 -1
  49. package/modern/components/screens/fatal-error/index.css +6 -6
  50. package/modern/components/screens/hint/component.js +1 -1
  51. package/modern/components/screens/hint/index.css +12 -12
  52. package/modern/components/screens/initial/component.js +4 -4
  53. package/modern/components/screens/initial/countdown-section.js +1 -1
  54. package/modern/components/screens/initial/index.css +17 -17
  55. package/modern/components/screens/temp-block/component.js +1 -1
  56. package/modern/components/screens/temp-block/index.css +7 -7
  57. package/modern/{countdown-section-29121ff7.js → countdown-section-0eefd440.js} +1 -1
  58. package/modern/mobile/component.mobile.js +1 -1
  59. package/modern/mobile/mobile.css +2 -2
  60. package/modern/types.d.ts +6 -1
  61. package/package.json +4 -4
  62. package/src/components/base-confirmation/component.tsx +2 -0
  63. package/src/components/screens/fatal-error/index.module.css +1 -1
  64. package/src/components/screens/initial/component.tsx +3 -1
  65. package/src/types.ts +7 -0
  66. package/types.d.ts +6 -1
  67. /package/{countdown-section-0d14ca9c.d.ts → countdown-section-c7b95621.d.ts} +0 -0
  68. /package/esm/{countdown-section-b671a460.d.ts → countdown-section-b0eafcff.d.ts} +0 -0
  69. /package/modern/{countdown-section-29121ff7.d.ts → countdown-section-0eefd440.d.ts} +0 -0
package/components/base-confirmation/component.js CHANGED
@@ -19,7 +19,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
 
22
- var styles = {"component":"confirmation__component_a4t95"};
22
+ var styles = {"component":"confirmation__component_3htkq"};
23
23
  require('./index.css')
24
24
 
25
25
  var confirmationScreens = {
@@ -29,7 +29,7 @@ var confirmationScreens = {
29
29
  TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
30
30
  };
31
31
  var BaseConfirmation = function (_a) {
32
- 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, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, 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", "breakpoint", "initialScreenHintSlot"]);
32
+ 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, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, 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", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
33
33
  var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
34
34
  var prevState = hooks.usePrevious(state);
35
35
  React.useEffect(function () {
@@ -82,6 +82,7 @@ var BaseConfirmation = function (_a) {
82
82
  onChangeState: onChangeState,
83
83
  onChangeScreen: onChangeScreen,
84
84
  clearCodeOnError: clearCodeOnError,
85
+ errorVisibleDuration: errorVisibleDuration,
85
86
  initialScreenHintSlot: initialScreenHintSlot,
86
87
  onInputFinished: handleInputFinished,
87
88
  onSmsRetryClick: handleSmsRetry,
package/components/base-confirmation/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bwqg3 */
1
+ /* hash: hc7d7 */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .confirmation__component_a4t95 {
18
+ } .confirmation__component_3htkq {
19
19
  width: 100%;
20
20
  max-width: 388px;
21
21
  margin: 0 auto;
package/components/countdown-loader/component.js CHANGED
@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
8
8
 
9
9
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
10
10
 
11
- var styles = {"circle":"confirmation__circle_vx39a"};
11
+ var styles = {"circle":"confirmation__circle_wjx8w"};
12
12
  require('./index.css')
13
13
 
14
14
  var SIZE = 16;
package/components/countdown-loader/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: eukeq */
1
+ /* hash: ghupi */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-500: #babbc2; /* 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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .confirmation__circle_vx39a {
18
+ } .confirmation__circle_wjx8w {
19
19
  fill: transparent;
20
20
  stroke: var(--color-light-neutral-500);
21
21
  stroke-width: 2px;
package/components/header/component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"header":"confirmation__header_10e6v","typography":"confirmation__typography_10e6v","typographyMobile":"confirmation__typographyMobile_10e6v"};
14
+ var styles = {"header":"confirmation__header_15060","typography":"confirmation__typography_15060","typographyMobile":"confirmation__typographyMobile_15060"};
15
15
  require('./index.css')
16
16
 
17
17
  var Header = function (_a) {
package/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 110pi */
1
+ /* hash: 1mx1s */
2
2
  :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 */ /* 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
3
  } /* 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 */
4
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 */
@@ -34,15 +34,15 @@
34
34
 
35
35
  /* header */
36
36
  --confirmation-header-font-feature-settings: normal
37
- } .confirmation__header_10e6v.confirmation__header_10e6v {
37
+ } .confirmation__header_15060.confirmation__header_15060 {
38
38
  margin-bottom: var(--gap-xl);
39
- } .confirmation__typography_10e6v.confirmation__typography_10e6v.confirmation__typography_10e6v {
39
+ } .confirmation__typography_15060.confirmation__typography_15060.confirmation__typography_15060 {
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_10e6v.confirmation__typographyMobile_10e6v.confirmation__typographyMobile_10e6v {
45
+ } .confirmation__typographyMobile_15060.confirmation__typographyMobile_15060.confirmation__typographyMobile_15060 {
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);
package/components/screens/fatal-error/component.js CHANGED
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"confirmation__component_1d91a","typographyTheme":"confirmation__typographyTheme_1d91a","left":"confirmation__left_1d91a","center":"confirmation__center_1d91a","button":"confirmation__button_1d91a"};
17
+ var styles = {"component":"confirmation__component_9i7m9","typographyTheme":"confirmation__typographyTheme_9i7m9","left":"confirmation__left_9i7m9","center":"confirmation__center_9i7m9","button":"confirmation__button_9i7m9"};
18
18
  require('./index.css')
19
19
 
20
20
  var FatalError = function (_a) {
package/components/screens/fatal-error/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10gjf */
1
+ /* hash: 1wq1q */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
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 */
@@ -31,20 +31,20 @@
31
31
  --confirmation-text-color: var(--color-light-text-primary)
32
32
 
33
33
  /* header */
34
- } .confirmation__component_1d91a {
34
+ } .confirmation__component_9i7m9 {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__typographyTheme_1d91a.confirmation__typographyTheme_1d91a {
37
+ } .confirmation__typographyTheme_9i7m9.confirmation__typographyTheme_9i7m9 {
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_1d91a {
43
+ } .confirmation__left_9i7m9 {
44
44
  align-items: flex-start;
45
- } .confirmation__center_1d91a {
45
+ } .confirmation__center_9i7m9 {
46
46
  align-items: center;
47
47
  text-align: center;
48
- } .confirmation__button_1d91a {
48
+ } .confirmation__button_9i7m9.confirmation__button_9i7m9 {
49
49
  margin-top: var(--gap-2xl);
50
50
  }
package/components/screens/hint/component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"confirmation__component_s1itd","center":"confirmation__center_s1itd","text":"confirmation__text_s1itd","typographyTheme":"confirmation__typographyTheme_s1itd","phonesWrap":"confirmation__phonesWrap_s1itd","phoneWrap":"confirmation__phoneWrap_s1itd","phoneLink":"confirmation__phoneLink_s1itd","hintButton":"confirmation__hintButton_s1itd","phoneContentMobile":"confirmation__phoneContentMobile_s1itd"};
18
+ var styles = {"component":"confirmation__component_1c2ud","center":"confirmation__center_1c2ud","text":"confirmation__text_1c2ud","typographyTheme":"confirmation__typographyTheme_1c2ud","phonesWrap":"confirmation__phonesWrap_1c2ud","phoneWrap":"confirmation__phoneWrap_1c2ud","phoneLink":"confirmation__phoneLink_1c2ud","hintButton":"confirmation__hintButton_1c2ud","phoneContentMobile":"confirmation__phoneContentMobile_1c2ud"};
19
19
  require('./index.css')
20
20
 
21
21
  var Hint = function (_a) {
package/components/screens/hint/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gefi5 */
1
+ /* hash: w72gc */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
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 */
@@ -33,38 +33,38 @@
33
33
  --confirmation-text-color: var(--color-light-text-primary)
34
34
 
35
35
  /* header */
36
- } .confirmation__component_s1itd {
36
+ } .confirmation__component_1c2ud {
37
37
  display: flex;
38
38
  flex-direction: column;
39
39
  align-items: flex-start
40
- } .confirmation__component_s1itd span:last-of-type {
40
+ } .confirmation__component_1c2ud span:last-of-type {
41
41
  margin-bottom: 0;
42
- } .confirmation__center_s1itd {
42
+ } .confirmation__center_1c2ud {
43
43
  align-items: center;
44
44
  text-align: center;
45
- } .confirmation__text_s1itd.confirmation__text_s1itd {
45
+ } .confirmation__text_1c2ud.confirmation__text_1c2ud {
46
46
  margin-bottom: var(--gap-xl);
47
- } .confirmation__typographyTheme_s1itd.confirmation__typographyTheme_s1itd {
47
+ } .confirmation__typographyTheme_1c2ud.confirmation__typographyTheme_1c2ud {
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_s1itd {
53
+ } .confirmation__phonesWrap_1c2ud {
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  margin-bottom: var(--gap-xl);
57
- } .confirmation__phoneWrap_s1itd {
57
+ } .confirmation__phoneWrap_1c2ud {
58
58
  margin-bottom: var(--gap-xs)
59
- } .confirmation__phoneWrap_s1itd:last-child {
59
+ } .confirmation__phoneWrap_1c2ud:last-child {
60
60
  margin-bottom: 0;
61
- } .confirmation__phoneLink_s1itd.confirmation__phoneLink_s1itd {
61
+ } .confirmation__phoneLink_1c2ud.confirmation__phoneLink_1c2ud {
62
62
  font-size: 16px;
63
63
  line-height: 24px;
64
64
  font-weight: 500;
65
- } .confirmation__hintButton_s1itd {
65
+ } .confirmation__hintButton_1c2ud {
66
66
  margin-top: var(--gap-2xl);
67
- } .confirmation__phoneContentMobile_s1itd {
67
+ } .confirmation__phoneContentMobile_1c2ud {
68
68
  display: flex;
69
69
  flex-direction: column;
70
70
  align-items: center;
package/components/screens/initial/component.js CHANGED
@@ -12,7 +12,7 @@ var coreComponentsTypography = require('@alfalab/core-components-typography');
12
12
  var hooks = require('@alfalab/hooks');
13
13
  var context = require('../../../context.js');
14
14
  var components_header_component = require('../../header/component.js');
15
- var components_screens_initial_countdownSection = require('../../../countdown-section-0d14ca9c.js');
15
+ var components_screens_initial_countdownSection = require('../../../countdown-section-c7b95621.js');
16
16
 
17
17
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
18
18
 
@@ -23,7 +23,7 @@ var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
23
23
  var Initial = function (_a) {
24
24
  var _b;
25
25
  var mobile$2 = _a.mobile;
26
- 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, initialScreenHintSlot = _c.initialScreenHintSlot, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
26
+ 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, initialScreenHintSlot = _c.initialScreenHintSlot, errorVisibleDuration = _c.errorVisibleDuration, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
27
27
  var prevState = hooks.usePrevious(state);
28
28
  var inputRef = React.useRef(null);
29
29
  var _d = React.useState(false), codeSendHintVisible = _d[0], setCodeSendHintVisible = _d[1];
@@ -92,7 +92,7 @@ var Initial = function (_a) {
92
92
  return initialScreenHintSlot;
93
93
  }
94
94
  if (mobile$2) {
95
- return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint));
95
+ return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
96
96
  }
97
97
  return (React__default.default.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: components_screens_initial_countdownSection.styles.smsComeLink, view: mobile$2 ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
98
98
  };
@@ -104,7 +104,7 @@ var Initial = function (_a) {
104
104
  phone ? (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(components_screens_initial_countdownSection.styles.phone, (_b = {}, _b[components_screens_initial_countdownSection.styles.typographyTheme] = !mobile$2, _b)) },
105
105
  "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
106
106
  phone)) : null,
107
- React__default.default.createElement(ComponentCodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn__default.default(components_screens_initial_countdownSection.styles.containerInput, components_screens_initial_countdownSection.styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, onErrorAnimationEnd: handleErrorAnimationEnd }),
107
+ React__default.default.createElement(ComponentCodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn__default.default(components_screens_initial_countdownSection.styles.containerInput, components_screens_initial_countdownSection.styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, errorVisibleDuration: errorVisibleDuration, onErrorAnimationEnd: handleErrorAnimationEnd }),
108
108
  !hideCountdownSection && (React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile$2 })),
109
109
  renderHintButton()));
110
110
  };
package/components/screens/initial/countdown-section.js CHANGED
@@ -9,7 +9,7 @@ require('@alfalab/core-components-spinner');
9
9
  require('@alfalab/core-components-typography');
10
10
  require('../../../context.js');
11
11
  require('../../../utils.js');
12
- var components_screens_initial_countdownSection = require('../../../countdown-section-0d14ca9c.js');
12
+ var components_screens_initial_countdownSection = require('../../../countdown-section-c7b95621.js');
13
13
 
14
14
 
15
15
 
package/components/screens/initial/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1txan */
1
+ /* hash: 11fyz */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e;
@@ -37,49 +37,49 @@
37
37
  --confirmation-text-color: var(--color-light-text-primary)
38
38
 
39
39
  /* header */
40
- } .confirmation__component_1aoq4 {
40
+ } .confirmation__component_84m2v {
41
41
  display: flex;
42
42
  flex-direction: column;
43
- } .confirmation__typographyTheme_1aoq4.confirmation__typographyTheme_1aoq4 {
43
+ } .confirmation__typographyTheme_84m2v.confirmation__typographyTheme_84m2v {
44
44
  font-size: var(--confirmation-text-font-size);
45
45
  line-height: var(--confirmation-text-line-height);
46
46
  font-weight: var(--confirmation-text-font-weight);
47
47
  font-family: var(--confirmation-text-font-family);
48
48
  color: var(--confirmation-text-color);
49
- } .confirmation__phone_1aoq4.confirmation__phone_1aoq4 {
49
+ } .confirmation__phone_84m2v.confirmation__phone_84m2v {
50
50
  color: var(--color-light-text-primary);
51
51
  margin-bottom: var(--gap-2xl);
52
- } .confirmation__compact_1aoq4 {
52
+ } .confirmation__compact_84m2v {
53
53
  margin-bottom: var(--gap-xl);
54
- } .confirmation__loaderWrap_1aoq4 {
54
+ } .confirmation__loaderWrap_84m2v {
55
55
  display: flex;
56
56
  align-items: center;
57
- } .confirmation__left_1aoq4 {
57
+ } .confirmation__left_84m2v {
58
58
  align-items: flex-start;
59
- } .confirmation__center_1aoq4 {
59
+ } .confirmation__center_84m2v {
60
60
  align-items: center;
61
61
  text-align: center
62
- } .confirmation__center_1aoq4 .confirmation__loaderWrap_1aoq4 {
62
+ } .confirmation__center_84m2v .confirmation__loaderWrap_84m2v {
63
63
  justify-content: center;
64
- } .confirmation__codeInput_1aoq4 {
64
+ } .confirmation__codeInput_84m2v {
65
65
  margin-bottom: var(--gap-s);
66
- } .confirmation__smsComeLink_1aoq4.confirmation__smsComeLink_1aoq4 {
66
+ } .confirmation__smsComeLink_84m2v.confirmation__smsComeLink_84m2v {
67
67
  font-size: 14px;
68
68
  line-height: 20px;
69
69
  font-weight: 500;
70
- } .confirmation__countdownContainer_1aoq4.confirmation__countdownContainer_1aoq4 {
70
+ } .confirmation__countdownContainer_84m2v.confirmation__countdownContainer_84m2v {
71
71
  color: var(--color-light-text-secondary);
72
72
  margin-bottom: var(--gap-xl);
73
- } .confirmation__countdownMobile_1aoq4.confirmation__countdownMobile_1aoq4 {
73
+ } .confirmation__countdownMobile_84m2v.confirmation__countdownMobile_84m2v {
74
74
  margin-bottom: var(--gap-l);
75
- } .confirmation__countdownLoaderMobile_1aoq4.confirmation__countdownLoaderMobile_1aoq4 {
75
+ } .confirmation__countdownLoaderMobile_84m2v.confirmation__countdownLoaderMobile_84m2v {
76
76
  margin-bottom: var(--gap-m);
77
- } .confirmation__getCodeButton_1aoq4 {
77
+ } .confirmation__getCodeButton_84m2v {
78
78
  position: relative;
79
79
  top: var(--gap-2xs-neg);
80
80
  margin-bottom: var(--gap-m);
81
- } .confirmation__getCodeButtonMobile_1aoq4 {
81
+ } .confirmation__getCodeButtonMobile_84m2v {
82
82
  margin-bottom: 0;
83
- } .confirmation__containerInput_1aoq4 {
83
+ } .confirmation__containerInput_84m2v {
84
84
  min-height: 80px;
85
85
  }
package/components/screens/temp-block/component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"confirmation__component_1ubrn","center":"confirmation__center_1ubrn","typographyTheme":"confirmation__typographyTheme_1ubrn","description":"confirmation__description_1ubrn","countdownWrap":"confirmation__countdownWrap_1ubrn","loader":"confirmation__loader_1ubrn"};
18
+ var styles = {"component":"confirmation__component_1ifyu","center":"confirmation__center_1ifyu","typographyTheme":"confirmation__typographyTheme_1ifyu","description":"confirmation__description_1ifyu","countdownWrap":"confirmation__countdownWrap_1ifyu","loader":"confirmation__loader_1ifyu"};
19
19
  require('./index.css')
20
20
 
21
21
  var TempBlock = function (_a) {
package/components/screens/temp-block/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 5c4xs */
1
+ /* hash: w04ue */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
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 */
@@ -31,23 +31,23 @@
31
31
  --confirmation-text-color: var(--color-light-text-primary)
32
32
 
33
33
  /* header */
34
- } .confirmation__component_1ubrn {
34
+ } .confirmation__component_1ifyu {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__center_1ubrn {
37
+ } .confirmation__center_1ifyu {
38
38
  align-items: center;
39
39
  text-align: center;
40
- } .confirmation__typographyTheme_1ubrn.confirmation__typographyTheme_1ubrn {
40
+ } .confirmation__typographyTheme_1ifyu.confirmation__typographyTheme_1ifyu {
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_1ubrn.confirmation__description_1ubrn {
46
+ } .confirmation__description_1ifyu.confirmation__description_1ifyu {
47
47
  margin-bottom: var(--gap-xs);
48
- } .confirmation__countdownWrap_1ubrn {
48
+ } .confirmation__countdownWrap_1ifyu {
49
49
  display: flex;
50
50
  align-items: center;
51
- } .confirmation__loader_1ubrn {
51
+ } .confirmation__loader_1ifyu {
52
52
  margin-right: var(--gap-xs);
53
53
  }
package/{countdown-section-0d14ca9c.js → countdown-section-c7b95621.js} RENAMED
@@ -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_1aoq4","typographyTheme":"confirmation__typographyTheme_1aoq4","phone":"confirmation__phone_1aoq4","compact":"confirmation__compact_1aoq4","loaderWrap":"confirmation__loaderWrap_1aoq4","left":"confirmation__left_1aoq4","center":"confirmation__center_1aoq4","codeInput":"confirmation__codeInput_1aoq4","smsComeLink":"confirmation__smsComeLink_1aoq4","countdownContainer":"confirmation__countdownContainer_1aoq4","countdownMobile":"confirmation__countdownMobile_1aoq4","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1aoq4","getCodeButton":"confirmation__getCodeButton_1aoq4","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1aoq4","containerInput":"confirmation__containerInput_1aoq4"};
16
+ var styles = {"component":"confirmation__component_84m2v","typographyTheme":"confirmation__typographyTheme_84m2v","phone":"confirmation__phone_84m2v","compact":"confirmation__compact_84m2v","loaderWrap":"confirmation__loaderWrap_84m2v","left":"confirmation__left_84m2v","center":"confirmation__center_84m2v","codeInput":"confirmation__codeInput_84m2v","smsComeLink":"confirmation__smsComeLink_84m2v","countdownContainer":"confirmation__countdownContainer_84m2v","countdownMobile":"confirmation__countdownMobile_84m2v","countdownLoaderMobile":"confirmation__countdownLoaderMobile_84m2v","getCodeButton":"confirmation__getCodeButton_84m2v","getCodeButtonMobile":"confirmation__getCodeButtonMobile_84m2v","containerInput":"confirmation__containerInput_84m2v"};
17
17
  require('./components/screens/initial/index.css')
18
18
 
19
19
  var CountdownSection = function (_a) {
package/cssm/components/base-confirmation/component.js CHANGED
@@ -28,7 +28,7 @@ var confirmationScreens = {
28
28
  TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
29
29
  };
30
30
  var BaseConfirmation = function (_a) {
31
- 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, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, 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", "breakpoint", "initialScreenHintSlot"]);
31
+ 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, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, 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", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
32
32
  var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
33
33
  var prevState = hooks.usePrevious(state);
34
34
  React.useEffect(function () {
@@ -81,6 +81,7 @@ var BaseConfirmation = function (_a) {
81
81
  onChangeState: onChangeState,
82
82
  onChangeScreen: onChangeScreen,
83
83
  clearCodeOnError: clearCodeOnError,
84
+ errorVisibleDuration: errorVisibleDuration,
84
85
  initialScreenHintSlot: initialScreenHintSlot,
85
86
  onInputFinished: handleInputFinished,
86
87
  onSmsRetryClick: handleSmsRetry,
package/cssm/components/screens/fatal-error/index.module.css CHANGED
@@ -44,6 +44,6 @@
44
44
  } .center {
45
45
  align-items: center;
46
46
  text-align: center;
47
- } .button {
47
+ } .button.button {
48
48
  margin-top: var(--gap-2xl);
49
49
  }
package/cssm/components/screens/initial/component.js CHANGED
@@ -25,7 +25,7 @@ var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
25
25
  var Initial = function (_a) {
26
26
  var _b;
27
27
  var mobile$2 = _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, hideCountdownSection = _c.hideCountdownSection, initialScreenHintSlot = _c.initialScreenHintSlot, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
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, hideCountdownSection = _c.hideCountdownSection, initialScreenHintSlot = _c.initialScreenHintSlot, errorVisibleDuration = _c.errorVisibleDuration, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
29
29
  var prevState = hooks.usePrevious(state);
30
30
  var inputRef = React.useRef(null);
31
31
  var _d = React.useState(false), codeSendHintVisible = _d[0], setCodeSendHintVisible = _d[1];
@@ -94,7 +94,7 @@ var Initial = function (_a) {
94
94
  return initialScreenHintSlot;
95
95
  }
96
96
  if (mobile$2) {
97
- return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint));
97
+ return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
98
98
  }
99
99
  return (React__default.default.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: styles__default.default.smsComeLink, view: mobile$2 ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
100
100
  };
@@ -106,7 +106,7 @@ var Initial = function (_a) {
106
106
  phone ? (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$2, _b)) },
107
107
  "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
108
108
  phone)) : null,
109
- React__default.default.createElement(ComponentCodeInput, { 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 }),
109
+ React__default.default.createElement(ComponentCodeInput, { 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, errorVisibleDuration: errorVisibleDuration, onErrorAnimationEnd: handleErrorAnimationEnd }),
110
110
  !hideCountdownSection && (React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile$2 })),
111
111
  renderHintButton()));
112
112
  };
package/cssm/types.d.ts CHANGED
@@ -98,8 +98,13 @@ type ConfirmationProps = {
98
98
  * @default 1024
99
99
  */
100
100
  breakpoint?: number;
101
+ /**
102
+ * Продолжительность отображения ошибки
103
+ * @default 1300
104
+ */
105
+ errorVisibleDuration?: number;
101
106
  };
102
- type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError' | 'initialScreenHintSlot'> & {
107
+ type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError' | 'initialScreenHintSlot' | 'errorVisibleDuration'> & {
103
108
  timeLeft: number;
104
109
  } & {
105
110
  /**
package/esm/components/base-confirmation/component.js CHANGED
@@ -10,7 +10,7 @@ import { Hint } from '../screens/hint/component.js';
10
10
  import { FatalError } from '../screens/fatal-error/component.js';
11
11
  import { TempBlock } from '../screens/temp-block/component.js';
12
12
 
13
- var styles = {"component":"confirmation__component_a4t95"};
13
+ var styles = {"component":"confirmation__component_3htkq"};
14
14
  require('./index.css')
15
15
 
16
16
  var confirmationScreens = {
@@ -20,7 +20,7 @@ var confirmationScreens = {
20
20
  TEMP_BLOCK: TempBlock,
21
21
  };
22
22
  var BaseConfirmation = function (_a) {
23
- 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 ? ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? 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, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "initialScreenHintSlot"]);
23
+ 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 ? ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? 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, _h = _a.breakpoint, breakpoint = _h === void 0 ? 1024 : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
24
24
  var _j = useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
25
25
  var prevState = usePrevious(state);
26
26
  useEffect(function () {
@@ -73,6 +73,7 @@ var BaseConfirmation = function (_a) {
73
73
  onChangeState: onChangeState,
74
74
  onChangeScreen: onChangeScreen,
75
75
  clearCodeOnError: clearCodeOnError,
76
+ errorVisibleDuration: errorVisibleDuration,
76
77
  initialScreenHintSlot: initialScreenHintSlot,
77
78
  onInputFinished: handleInputFinished,
78
79
  onSmsRetryClick: handleSmsRetry,
package/esm/components/base-confirmation/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bwqg3 */
1
+ /* hash: hc7d7 */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .confirmation__component_a4t95 {
18
+ } .confirmation__component_3htkq {
19
19
  width: 100%;
20
20
  max-width: 388px;
21
21
  margin: 0 auto;
package/esm/components/countdown-loader/component.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"circle":"confirmation__circle_vx39a"};
3
+ var styles = {"circle":"confirmation__circle_wjx8w"};
4
4
  require('./index.css')
5
5
 
6
6
  var SIZE = 16;
package/esm/components/countdown-loader/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: eukeq */
1
+ /* hash: ghupi */
2
2
  :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 */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-500: #babbc2; /* 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 */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .confirmation__circle_vx39a {
18
+ } .confirmation__circle_wjx8w {
19
19
  fill: transparent;
20
20
  stroke: var(--color-light-neutral-500);
21
21
  stroke-width: 2px;