@alfalab/core-components-confirmation 13.8.2 → 13.8.3

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 (93) hide show
  1. package/component.responsive.d.ts +5 -0
  2. package/component.responsive.js +2 -3
  3. package/components/base-confirmation/component.js +4 -4
  4. package/components/base-confirmation/index.css +2 -2
  5. package/components/countdown-loader/component.js +1 -1
  6. package/components/countdown-loader/index.css +2 -2
  7. package/components/header/component.js +1 -1
  8. package/components/header/index.css +4 -4
  9. package/components/screens/fatal-error/component.js +3 -3
  10. package/components/screens/fatal-error/index.css +7 -7
  11. package/components/screens/hint/component.js +3 -3
  12. package/components/screens/hint/index.css +13 -13
  13. package/components/screens/initial/component.js +1 -1
  14. package/components/screens/initial/countdown-section.js +1 -1
  15. package/components/screens/initial/index.css +19 -19
  16. package/components/screens/temp-block/component.js +1 -1
  17. package/components/screens/temp-block/index.css +8 -8
  18. package/context.js +1 -0
  19. package/{countdown-section-b633717a.js → countdown-section-0f785844.js} +4 -4
  20. package/cssm/component.responsive.d.ts +5 -0
  21. package/cssm/component.responsive.js +2 -3
  22. package/cssm/components/base-confirmation/component.js +3 -3
  23. package/cssm/components/screens/fatal-error/component.js +2 -2
  24. package/cssm/components/screens/hint/component.js +2 -2
  25. package/cssm/components/screens/initial/countdown-section.js +3 -3
  26. package/cssm/context.js +1 -0
  27. package/cssm/types.d.ts +5 -7
  28. package/esm/component.responsive.d.ts +5 -0
  29. package/esm/component.responsive.js +3 -4
  30. package/esm/components/base-confirmation/component.js +4 -4
  31. package/esm/components/base-confirmation/index.css +2 -2
  32. package/esm/components/countdown-loader/component.js +1 -1
  33. package/esm/components/countdown-loader/index.css +2 -2
  34. package/esm/components/header/component.js +1 -1
  35. package/esm/components/header/index.css +4 -4
  36. package/esm/components/screens/fatal-error/component.js +3 -3
  37. package/esm/components/screens/fatal-error/index.css +7 -7
  38. package/esm/components/screens/hint/component.js +3 -3
  39. package/esm/components/screens/hint/index.css +13 -13
  40. package/esm/components/screens/initial/component.js +1 -1
  41. package/esm/components/screens/initial/countdown-section.js +1 -1
  42. package/esm/components/screens/initial/index.css +19 -19
  43. package/esm/components/screens/temp-block/component.js +1 -1
  44. package/esm/components/screens/temp-block/index.css +8 -8
  45. package/esm/context.js +1 -0
  46. package/esm/{countdown-section-88d8eded.js → countdown-section-3516a8a6.js} +4 -4
  47. package/esm/mobile/component.mobile.js +1 -1
  48. package/esm/mobile/mobile.css +2 -2
  49. package/esm/types.d.ts +5 -7
  50. package/mobile/component.mobile.js +1 -1
  51. package/mobile/mobile.css +2 -2
  52. package/modern/component.responsive.d.ts +5 -0
  53. package/modern/component.responsive.js +3 -4
  54. package/modern/components/base-confirmation/component.js +3 -3
  55. package/modern/components/base-confirmation/index.css +2 -2
  56. package/modern/components/countdown-loader/component.js +1 -1
  57. package/modern/components/countdown-loader/index.css +2 -2
  58. package/modern/components/header/component.js +1 -1
  59. package/modern/components/header/index.css +4 -4
  60. package/modern/components/screens/fatal-error/component.js +3 -3
  61. package/modern/components/screens/fatal-error/index.css +7 -7
  62. package/modern/components/screens/hint/component.js +3 -3
  63. package/modern/components/screens/hint/index.css +13 -13
  64. package/modern/components/screens/initial/component.js +1 -1
  65. package/modern/components/screens/initial/countdown-section.js +1 -1
  66. package/modern/components/screens/initial/index.css +19 -19
  67. package/modern/components/screens/temp-block/component.js +1 -1
  68. package/modern/components/screens/temp-block/index.css +8 -8
  69. package/modern/context.js +1 -0
  70. package/modern/{countdown-section-9cd2a918.js → countdown-section-7563320f.js} +4 -4
  71. package/modern/mobile/component.mobile.js +1 -1
  72. package/modern/mobile/mobile.css +2 -2
  73. package/modern/types.d.ts +5 -7
  74. package/moderncssm/component.responsive.d.ts +5 -0
  75. package/moderncssm/component.responsive.js +3 -4
  76. package/moderncssm/components/base-confirmation/component.js +2 -2
  77. package/moderncssm/components/screens/fatal-error/component.js +2 -2
  78. package/moderncssm/components/screens/hint/component.js +2 -2
  79. package/moderncssm/components/screens/initial/countdown-section.js +3 -3
  80. package/moderncssm/context.js +1 -0
  81. package/moderncssm/types.d.ts +5 -7
  82. package/package.json +5 -5
  83. package/src/component.responsive.tsx +11 -5
  84. package/src/components/base-confirmation/component.tsx +3 -2
  85. package/src/components/screens/fatal-error/component.tsx +2 -1
  86. package/src/components/screens/hint/component.tsx +2 -1
  87. package/src/components/screens/initial/countdown-section.tsx +4 -2
  88. package/src/context.ts +1 -0
  89. package/src/types.ts +7 -6
  90. package/types.d.ts +5 -7
  91. /package/{countdown-section-b633717a.d.ts → countdown-section-0f785844.d.ts} +0 -0
  92. /package/esm/{countdown-section-88d8eded.d.ts → countdown-section-3516a8a6.d.ts} +0 -0
  93. /package/modern/{countdown-section-9cd2a918.d.ts → countdown-section-7563320f.d.ts} +0 -0
@@ -13,13 +13,13 @@ 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_15b9w","phone":"confirmation__phone_15b9w","typographyTheme":"confirmation__typographyTheme_15b9w","typographyThemeMobile":"confirmation__typographyThemeMobile_15b9w","compact":"confirmation__compact_15b9w","loaderWrap":"confirmation__loaderWrap_15b9w","left":"confirmation__left_15b9w","center":"confirmation__center_15b9w","codeInput":"confirmation__codeInput_15b9w","smsBtn":"confirmation__smsBtn_15b9w","smsComeLink":"confirmation__smsComeLink_15b9w","countdownContainer":"confirmation__countdownContainer_15b9w","countdownMobile":"confirmation__countdownMobile_15b9w","countdownLoaderMobile":"confirmation__countdownLoaderMobile_15b9w","getCodeButton":"confirmation__getCodeButton_15b9w","getCodeButtonMobile":"confirmation__getCodeButtonMobile_15b9w","containerInput":"confirmation__containerInput_15b9w"};
16
+ var styles = {"component":"confirmation__component_6ytgy","phone":"confirmation__phone_6ytgy","typographyTheme":"confirmation__typographyTheme_6ytgy","typographyThemeMobile":"confirmation__typographyThemeMobile_6ytgy","compact":"confirmation__compact_6ytgy","loaderWrap":"confirmation__loaderWrap_6ytgy","left":"confirmation__left_6ytgy","center":"confirmation__center_6ytgy","codeInput":"confirmation__codeInput_6ytgy","smsBtn":"confirmation__smsBtn_6ytgy","smsComeLink":"confirmation__smsComeLink_6ytgy","countdownContainer":"confirmation__countdownContainer_6ytgy","countdownMobile":"confirmation__countdownMobile_6ytgy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_6ytgy","getCodeButton":"confirmation__getCodeButton_6ytgy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_6ytgy","containerInput":"confirmation__containerInput_6ytgy"};
17
17
  require('./components/screens/initial/index.css')
18
18
 
19
19
  var CountdownSection = function (_a) {
20
20
  var _b, _c;
21
21
  var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
22
- var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint;
22
+ var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint, client = _d.client;
23
23
  var renderText = function (text) {
24
24
  var _a;
25
25
  return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: cn__default.default(styles.countdownContainer, (_a = {},
@@ -34,13 +34,13 @@ var CountdownSection = function (_a) {
34
34
  _b[styles.countdownLoaderMobile] = mobile,
35
35
  _b[styles.typographyTheme] = !mobile,
36
36
  _b)) },
37
- React__default.default.createElement(coreComponentsSpinner.Spinner, { visible: true }),
37
+ React__default.default.createElement(coreComponentsSpinner.Spinner, { preset: 24, visible: true }),
38
38
  React__default.default.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
39
39
  }
40
40
  if (blockSmsRetry)
41
41
  return renderText(texts.noAttemptsLeft);
42
42
  if (timePassed) {
43
- return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(styles.getCodeButton, (_c = {}, _c[styles.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint }, texts.buttonRetry));
43
+ return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(styles.getCodeButton, (_c = {}, _c[styles.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint, client: client }, texts.buttonRetry));
44
44
  }
45
45
  return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
46
46
  };
@@ -6,8 +6,13 @@ type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
6
6
  * @default 1024
7
7
  */
8
8
  breakpoint?: number;
9
+ /**
10
+ * Версия, которая будет использоваться при серверном рендеринге
11
+ */
12
+ client?: 'desktop' | 'mobile';
9
13
  /**
10
14
  * Значение по-умолчанию для хука useMatchMedia
15
+ * @deprecated Используйте client
11
16
  */
12
17
  defaultMatchMediaValue?: boolean | (() => boolean);
13
18
  };
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
8
- var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
8
  var desktop_component_desktop = require('./desktop/component.desktop.js');
10
9
  var mobile_component_mobile = require('./mobile/component.mobile.js');
11
10
 
@@ -14,8 +13,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
14
 
16
15
  var ConfirmationResponsive = function (_a) {
17
- var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
18
- var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
16
+ var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
17
+ var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
19
18
  return isDesktop ? (React__default.default.createElement(desktop_component_desktop.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(mobile_component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
20
19
  };
21
20
 
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
8
  var hooks = require('@alfalab/hooks');
10
9
  var context = require('../../context.js');
11
10
  var types = require('../../types.js');
@@ -29,8 +28,8 @@ var confirmationScreens = {
29
28
  TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
30
29
  };
31
30
  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 ? coreComponentsShared.getComponentBreakpoint() : _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
- var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
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, breakpoint = _a.breakpoint, client = _a.client, 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", "client", "initialScreenHintSlot", "errorVisibleDuration"]);
32
+ var _h = utils.useCountdown(countdownDuration), timeLeft = _h[0], startTimer = _h[1], stopTimer = _h[2];
34
33
  var prevState = hooks.usePrevious(state);
35
34
  React.useEffect(function () {
36
35
  startTimer();
@@ -78,6 +77,7 @@ var BaseConfirmation = function (_a) {
78
77
  phone: phone,
79
78
  blockSmsRetry: blockSmsRetry,
80
79
  breakpoint: breakpoint,
80
+ client: client,
81
81
  onTempBlockFinished: onTempBlockFinished,
82
82
  onChangeState: onChangeState,
83
83
  onChangeScreen: onChangeScreen,
@@ -19,14 +19,14 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
19
19
  var FatalError = function (_a) {
20
20
  var _b;
21
21
  var mobile = _a.mobile;
22
- var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint;
22
+ var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint, client = _c.client;
23
23
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[alignContent]) },
24
24
  React__default.default.createElement(components_header_component.Header, { mobile: mobile }, texts.fatalErrorTitle),
25
25
  React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default((_b = {},
26
26
  _b[styles__default.default.typographyTheme] = !mobile,
27
27
  _b[styles__default.default.typographyThemeMobile] = mobile,
28
28
  _b)) }, texts.fatalErrorDescription),
29
- React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles__default.default.button, breakpoint: breakpoint }, texts.fatalErrorButton)));
29
+ React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles__default.default.button, breakpoint: breakpoint, client: client }, texts.fatalErrorButton)));
30
30
  };
31
31
 
32
32
  exports.FatalError = FatalError;
@@ -20,7 +20,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
20
20
  var Hint = function (_a) {
21
21
  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
22
22
  var mobile = _a.mobile;
23
- var _l = React.useContext(context.ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint;
23
+ var _l = React.useContext(context.ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
24
24
  var handleReturnButtonClick = function () {
25
25
  onChangeScreen('INITIAL');
26
26
  onChangeState('INITIAL');
@@ -54,7 +54,7 @@ var Hint = function (_a) {
54
54
  _k[styles__default.default.typographyTheme] = !mobile,
55
55
  _k[styles__default.default.typographyThemeMobile] = mobile,
56
56
  _k)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
57
- React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.hintButton, breakpoint: breakpoint }, texts.hintButton)));
57
+ React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.hintButton, breakpoint: breakpoint, client: client }, texts.hintButton)));
58
58
  };
59
59
 
60
60
  exports.Hint = Hint;
@@ -20,7 +20,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
20
20
  var CountdownSection = function (_a) {
21
21
  var _b, _c;
22
22
  var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
23
- var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint;
23
+ var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint, client = _d.client;
24
24
  var renderText = function (text) {
25
25
  var _a;
26
26
  return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: cn__default.default(styles__default.default.countdownContainer, (_a = {},
@@ -35,13 +35,13 @@ var CountdownSection = function (_a) {
35
35
  _b[styles__default.default.countdownLoaderMobile] = mobile,
36
36
  _b[styles__default.default.typographyTheme] = !mobile,
37
37
  _b)) },
38
- React__default.default.createElement(coreComponentsSpinner.Spinner, { visible: true }),
38
+ React__default.default.createElement(coreComponentsSpinner.Spinner, { preset: 24, visible: true }),
39
39
  React__default.default.createElement("span", { className: styles__default.default.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
40
40
  }
41
41
  if (blockSmsRetry)
42
42
  return renderText(texts.noAttemptsLeft);
43
43
  if (timePassed) {
44
- return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(styles__default.default.getCodeButton, (_c = {}, _c[styles__default.default.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint }, texts.buttonRetry));
44
+ return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(styles__default.default.getCodeButton, (_c = {}, _c[styles__default.default.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint, client: client }, texts.buttonRetry));
45
45
  }
46
46
  return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
47
47
  };
package/cssm/context.js CHANGED
@@ -18,6 +18,7 @@ var ConfirmationContext = React.createContext({
18
18
  phone: '',
19
19
  hideCountdownSection: false,
20
20
  breakpoint: 1024,
21
+ client: 'desktop',
21
22
  initialScreenHintSlot: null,
22
23
  onTempBlockFinished: mockFn,
23
24
  onInputFinished: mockFn,
package/cssm/types.d.ts CHANGED
@@ -98,20 +98,18 @@ type ConfirmationProps = {
98
98
  * @default 1024
99
99
  */
100
100
  breakpoint?: number;
101
+ /**
102
+ * Версия, которая будет использоваться при серверном рендеринге
103
+ */
104
+ client?: 'desktop' | 'mobile';
101
105
  /**
102
106
  * Продолжительность отображения ошибки
103
107
  * @default 1300
104
108
  */
105
109
  errorVisibleDuration?: number;
106
110
  };
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'> & {
111
+ 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' | 'breakpoint' | 'client'> & {
108
112
  timeLeft: number;
109
- } & {
110
- /**
111
- * Контрольная точка для кнопки, с нее начинается desktop версия
112
- * @default 1024
113
- */
114
- breakpoint?: number;
115
113
  };
116
114
  type ConfirmationTexts = {
117
115
  /**
@@ -6,8 +6,13 @@ type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
6
6
  * @default 1024
7
7
  */
8
8
  breakpoint?: number;
9
+ /**
10
+ * Версия, которая будет использоваться при серверном рендеринге
11
+ */
12
+ client?: 'desktop' | 'mobile';
9
13
  /**
10
14
  * Значение по-умолчанию для хука useMatchMedia
15
+ * @deprecated Используйте client
11
16
  */
12
17
  defaultMatchMediaValue?: boolean | (() => boolean);
13
18
  };
@@ -1,13 +1,12 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
- import { useMatchMedia } from '@alfalab/core-components-mq/esm';
4
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
3
+ import { useIsDesktop } from '@alfalab/core-components-mq/esm';
5
4
  import { ConfirmationDesktop } from './desktop/component.desktop.js';
6
5
  import { ConfirmationMobile } from './mobile/component.mobile.js';
7
6
 
8
7
  var ConfirmationResponsive = function (_a) {
9
- var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
10
- var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
8
+ var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = __rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
9
+ var isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
11
10
  return isDesktop ? (React.createElement(ConfirmationDesktop, __assign({}, restProps))) : (React.createElement(ConfirmationMobile, __assign({ breakpoint: breakpoint }, restProps)));
12
11
  };
13
12
 
@@ -1,7 +1,6 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { useEffect, useMemo } from 'react';
3
3
  import cn from 'classnames';
4
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
5
4
  import { usePrevious } from '@alfalab/hooks';
6
5
  import { ConfirmationContext } from '../../context.js';
7
6
  import { defaultTexts } from '../../types.js';
@@ -11,7 +10,7 @@ import { Hint } from '../screens/hint/component.js';
11
10
  import { FatalError } from '../screens/fatal-error/component.js';
12
11
  import { TempBlock } from '../screens/temp-block/component.js';
13
12
 
14
- var styles = {"component":"confirmation__component_6ppf0"};
13
+ var styles = {"component":"confirmation__component_104jd"};
15
14
  require('./index.css')
16
15
 
17
16
  var confirmationScreens = {
@@ -21,8 +20,8 @@ var confirmationScreens = {
21
20
  TEMP_BLOCK: TempBlock,
22
21
  };
23
22
  var BaseConfirmation = function (_a) {
24
- 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 ? getComponentBreakpoint() : _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"]);
25
- var _j = useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
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, breakpoint = _a.breakpoint, client = _a.client, 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", "client", "initialScreenHintSlot", "errorVisibleDuration"]);
24
+ var _h = useCountdown(countdownDuration), timeLeft = _h[0], startTimer = _h[1], stopTimer = _h[2];
26
25
  var prevState = usePrevious(state);
27
26
  useEffect(function () {
28
27
  startTimer();
@@ -70,6 +69,7 @@ var BaseConfirmation = function (_a) {
70
69
  phone: phone,
71
70
  blockSmsRetry: blockSmsRetry,
72
71
  breakpoint: breakpoint,
72
+ client: client,
73
73
  onTempBlockFinished: onTempBlockFinished,
74
74
  onChangeState: onChangeState,
75
75
  onChangeScreen: onChangeScreen,
@@ -1,4 +1,4 @@
1
- /* hash: 123wf */
1
+ /* hash: 28a25 */
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,7 +20,7 @@
20
20
  --gap-0: 0;
21
21
  } :root {
22
22
  } :root {
23
- } /* сбрасывает синюю подсветку при нажатии */ .confirmation__component_6ppf0 {
23
+ } /* сбрасывает синюю подсветку при нажатии */ .confirmation__component_104jd {
24
24
  width: 100%;
25
25
  max-width: 388px;
26
26
  margin: var(--gap-0) auto;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"circle":"confirmation__circle_1v6v5"};
3
+ var styles = {"circle":"confirmation__circle_1qprn"};
4
4
  require('./index.css')
5
5
 
6
6
  var SIZE = 16;
@@ -1,4 +1,4 @@
1
- /* hash: ya7ux */
1
+ /* hash: dzcwl */
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,7 +19,7 @@
19
19
  /* новые значения, используйте их */
20
20
  } :root {
21
21
  } :root {
22
- } /* сбрасывает синюю подсветку при нажатии */ .confirmation__circle_1v6v5 {
22
+ } /* сбрасывает синюю подсветку при нажатии */ .confirmation__circle_1qprn {
23
23
  fill: transparent;
24
24
  stroke: var(--color-light-neutral-500);
25
25
  stroke-width: 2px;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Typography } from '@alfalab/core-components-typography/esm';
4
4
 
5
- var styles = {"header":"confirmation__header_17w4g","typography":"confirmation__typography_17w4g","typographyMobile":"confirmation__typographyMobile_17w4g"};
5
+ var styles = {"header":"confirmation__header_9jo14","typography":"confirmation__typography_9jo14","typographyMobile":"confirmation__typographyMobile_9jo14"};
6
6
  require('./index.css')
7
7
 
8
8
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: w5t0b */
1
+ /* hash: 1rw5x */
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -39,15 +39,15 @@
39
39
 
40
40
  /* header */
41
41
  --confirmation-header-font-feature-settings: normal
42
- } .confirmation__header_17w4g.confirmation__header_17w4g {
42
+ } .confirmation__header_9jo14.confirmation__header_9jo14 {
43
43
  margin-bottom: var(--gap-24);
44
- } .confirmation__typography_17w4g.confirmation__typography_17w4g.confirmation__typography_17w4g {
44
+ } .confirmation__typography_9jo14.confirmation__typography_9jo14.confirmation__typography_9jo14 {
45
45
  font-feature-settings: var(--confirmation-header-font-feature-settings);
46
46
  font-size: var(--confirmation-header-desktop-font-size);
47
47
  line-height: var(--confirmation-header-desktop-line-height);
48
48
  font-weight: var(--confirmation-header-desktop-font-weight);
49
49
  font-family: var(--confirmation-header-desktop-font-family);
50
- } .confirmation__typographyMobile_17w4g.confirmation__typographyMobile_17w4g.confirmation__typographyMobile_17w4g {
50
+ } .confirmation__typographyMobile_9jo14.confirmation__typographyMobile_9jo14.confirmation__typographyMobile_9jo14 {
51
51
  font-feature-settings: var(--confirmation-header-font-feature-settings);
52
52
  font-size: var(--confirmation-header-mobile-font-size);
53
53
  line-height: var(--confirmation-header-mobile-line-height);
@@ -5,20 +5,20 @@ import { Typography } from '@alfalab/core-components-typography/esm';
5
5
  import { ConfirmationContext } from '../../../context.js';
6
6
  import { Header } from '../../header/component.js';
7
7
 
8
- var styles = {"component":"confirmation__component_xvumn","typographyTheme":"confirmation__typographyTheme_xvumn","typographyThemeMobile":"confirmation__typographyThemeMobile_xvumn","left":"confirmation__left_xvumn","center":"confirmation__center_xvumn","button":"confirmation__button_xvumn"};
8
+ var styles = {"component":"confirmation__component_1yki9","typographyTheme":"confirmation__typographyTheme_1yki9","typographyThemeMobile":"confirmation__typographyThemeMobile_1yki9","left":"confirmation__left_1yki9","center":"confirmation__center_1yki9","button":"confirmation__button_1yki9"};
9
9
  require('./index.css')
10
10
 
11
11
  var FatalError = function (_a) {
12
12
  var _b;
13
13
  var mobile = _a.mobile;
14
- var _c = useContext(ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint;
14
+ var _c = useContext(ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint, client = _c.client;
15
15
  return (React.createElement("div", { className: cn(styles.component, styles[alignContent]) },
16
16
  React.createElement(Header, { mobile: mobile }, texts.fatalErrorTitle),
17
17
  React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn((_b = {},
18
18
  _b[styles.typographyTheme] = !mobile,
19
19
  _b[styles.typographyThemeMobile] = mobile,
20
20
  _b)) }, texts.fatalErrorDescription),
21
- React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles.button, breakpoint: breakpoint }, texts.fatalErrorButton)));
21
+ React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles.button, breakpoint: breakpoint, client: client }, texts.fatalErrorButton)));
22
22
  };
23
23
 
24
24
  export { FatalError };
@@ -1,4 +1,4 @@
1
- /* hash: 3pp3a */
1
+ /* hash: zg20o */
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: rgba(3, 3, 6, 0.88);
@@ -37,22 +37,22 @@
37
37
  --confirmation-text-color: var(--color-light-text-primary)
38
38
 
39
39
  /* header */
40
- } .confirmation__component_xvumn {
40
+ } .confirmation__component_1yki9 {
41
41
  display: flex;
42
42
  flex-direction: column;
43
- } .confirmation__typographyTheme_xvumn.confirmation__typographyTheme_xvumn {
43
+ } .confirmation__typographyTheme_1yki9.confirmation__typographyTheme_1yki9 {
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__typographyThemeMobile_xvumn.confirmation__typographyThemeMobile_xvumn {
49
+ } .confirmation__typographyThemeMobile_1yki9.confirmation__typographyThemeMobile_1yki9 {
50
50
  color: var(--color-light-text-secondary);
51
- } .confirmation__left_xvumn {
51
+ } .confirmation__left_1yki9 {
52
52
  align-items: flex-start;
53
- } .confirmation__center_xvumn {
53
+ } .confirmation__center_1yki9 {
54
54
  align-items: center;
55
55
  text-align: center;
56
- } .confirmation__button_xvumn.confirmation__button_xvumn {
56
+ } .confirmation__button_1yki9.confirmation__button_1yki9 {
57
57
  margin-top: var(--gap-32);
58
58
  }
@@ -6,13 +6,13 @@ import { Typography } from '@alfalab/core-components-typography/esm';
6
6
  import { ConfirmationContext } from '../../../context.js';
7
7
  import { Header } from '../../header/component.js';
8
8
 
9
- var styles = {"component":"confirmation__component_1oj0v","center":"confirmation__center_1oj0v","text":"confirmation__text_1oj0v","typographyTheme":"confirmation__typographyTheme_1oj0v","typographyThemeMobile":"confirmation__typographyThemeMobile_1oj0v","phonesWrap":"confirmation__phonesWrap_1oj0v","phoneWrap":"confirmation__phoneWrap_1oj0v","phoneLink":"confirmation__phoneLink_1oj0v","hintButton":"confirmation__hintButton_1oj0v","phoneContentMobile":"confirmation__phoneContentMobile_1oj0v"};
9
+ var styles = {"component":"confirmation__component_iwqs7","center":"confirmation__center_iwqs7","text":"confirmation__text_iwqs7","typographyTheme":"confirmation__typographyTheme_iwqs7","typographyThemeMobile":"confirmation__typographyThemeMobile_iwqs7","phonesWrap":"confirmation__phonesWrap_iwqs7","phoneWrap":"confirmation__phoneWrap_iwqs7","phoneLink":"confirmation__phoneLink_iwqs7","hintButton":"confirmation__hintButton_iwqs7","phoneContentMobile":"confirmation__phoneContentMobile_iwqs7"};
10
10
  require('./index.css')
11
11
 
12
12
  var Hint = function (_a) {
13
13
  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
14
14
  var mobile = _a.mobile;
15
- var _l = useContext(ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint;
15
+ var _l = useContext(ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
16
16
  var handleReturnButtonClick = function () {
17
17
  onChangeScreen('INITIAL');
18
18
  onChangeState('INITIAL');
@@ -46,7 +46,7 @@ var Hint = function (_a) {
46
46
  _k[styles.typographyTheme] = !mobile,
47
47
  _k[styles.typographyThemeMobile] = mobile,
48
48
  _k)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
49
- React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint }, texts.hintButton)));
49
+ React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint, client: client }, texts.hintButton)));
50
50
  };
51
51
 
52
52
  export { Hint };