@alfalab/core-components 48.25.0-beta.0 → 48.25.0

package/confirmation/components/screens/temp-block-over/index.css

@@ -0,0 +1,59 @@
+/* hash: 1cf84 */
+: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 */ :root {
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --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 */
+} :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 */
+} :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 */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-32: var(--gap-2xl);
+} :root {
+    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    /* desktop */
+
+    /* mobile */
+
+    /* text */
+    --confirmation-text-font-size: 16px;
+    --confirmation-text-line-height: 24px;
+    --confirmation-text-font-weight: 400;
+    --confirmation-text-font-family: var(--font-family-system);
+    --confirmation-text-color: var(--color-light-text-primary)
+
+    /* header */
+} .confirmation__component_1fn9p {
+    display: flex;
+    flex-direction: column;
+} .confirmation__center_1fn9p {
+    align-items: center;
+    text-align: center;
+} .confirmation__typographyTheme_1fn9p.confirmation__typographyTheme_1fn9p {
+    font-size: var(--confirmation-text-font-size);
+    line-height: var(--confirmation-text-line-height);
+    font-weight: var(--confirmation-text-font-weight);
+    font-family: var(--confirmation-text-font-family);
+    color: var(--confirmation-text-color);
+} .confirmation__typographyThemeMobile_1fn9p.confirmation__typographyThemeMobile_1fn9p {
+    color: var(--color-light-text-secondary);
+} .confirmation__button_1fn9p.confirmation__button_1fn9p {
+    margin-top: var(--gap-32);
+}

package/confirmation/components/screens/temp-block-over/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/confirmation/components/screens/temp-block-over/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_screens_tempBlockOver_component = require('./component.js');
+
+
+
+exports.TempBlockOver = components_screens_tempBlockOver_component.TempBlockOver;

package/confirmation/{countdown-section-8494fee7.js → countdown-section-66246bfb.js}

@@ -11,19 +11,19 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_1v2a0","phone":"confirmation__phone_1v2a0","typographyTheme":"confirmation__typographyTheme_1v2a0","typographyThemeMobile":"confirmation__typographyThemeMobile_1v2a0","compact":"confirmation__compact_1v2a0","loaderWrap":"confirmation__loaderWrap_1v2a0","left":"confirmation__left_1v2a0","center":"confirmation__center_1v2a0","codeInput":"confirmation__codeInput_1v2a0","smsBtn":"confirmation__smsBtn_1v2a0","smsComeLink":"confirmation__smsComeLink_1v2a0","countdownContainer":"confirmation__countdownContainer_1v2a0","countdownMobile":"confirmation__countdownMobile_1v2a0","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1v2a0","getCodeButton":"confirmation__getCodeButton_1v2a0","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1v2a0","containerInput":"confirmation__containerInput_1v2a0"};
+var styles = {"component":"confirmation__component_1v2a0","phone":"confirmation__phone_1v2a0","typographyTheme":"confirmation__typographyTheme_1v2a0","typographyThemeMobile":"confirmation__typographyThemeMobile_1v2a0","compact":"confirmation__compact_1v2a0","loaderWrap":"confirmation__loaderWrap_1v2a0","left":"confirmation__left_1v2a0","center":"confirmation__center_1v2a0","codeInput":"confirmation__codeInput_1v2a0","smsBtn":"confirmation__smsBtn_1v2a0","smsComeLink":"confirmation__smsComeLink_1v2a0","countdownContainer":"confirmation__countdownContainer_1v2a0","countdownMobile":"confirmation__countdownMobile_1v2a0","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1v2a0","timeCounter":"confirmation__timeCounter_1v2a0","getCodeButton":"confirmation__getCodeButton_1v2a0","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1v2a0","containerInput":"confirmation__containerInput_1v2a0"};
 require('./components/screens/initial/index.css');
 
 var CountdownSection = function (_a) {
     var _b, _c;
     var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
     var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint, client = _d.client;
-    var renderText = function (text) {
+    var renderText = function (content) {
         var _a;
         return (React__default.default.createElement(coreComponentsTypography.Text, { className: cn__default.default(styles.countdownContainer, (_a = {},
                 _a[styles.countdownMobile] = mobile,
                 _a[styles.typographyTheme] = !mobile,
-                _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, text));
+                _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, content));
     };
     if (codeSendHintVisible)
         return renderText(texts.codeSended);
@@ -40,7 +40,10 @@ var CountdownSection = function (_a) {
     if (timePassed) {
         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));
     }
-    return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
+    return renderText(React__default.default.createElement(React.Fragment, null,
+        texts.countdown,
+        '\u00A0',
+        React__default.default.createElement("time", { className: styles.timeCounter }, utils.formatMsAsMinutes(timeLeft))));
 };
 
 exports.CountdownSection = CountdownSection;

package/confirmation/cssm/components/base-confirmation/component.js

@@ -11,6 +11,7 @@ var components_screens_initial_component = require('../screens/initial/component
 var components_screens_hint_component = require('../screens/hint/component.js');
 var components_screens_fatalError_component = require('../screens/fatal-error/component.js');
 var components_screens_tempBlock_component = require('../screens/temp-block/component.js');
+var components_screens_tempBlockOver_component = require('../screens/temp-block-over/component.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -24,6 +25,7 @@ var confirmationScreens = {
     HINT: components_screens_hint_component.Hint,
     FATAL_ERROR: components_screens_fatalError_component.FatalError,
     TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
+    TEMP_BLOCK_OVER: components_screens_tempBlockOver_component.TempBlockOver,
 };
 var BaseConfirmation = function (_a) {
     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"]);
@@ -44,7 +46,8 @@ var BaseConfirmation = function (_a) {
         /**
          * Останавливаем таймер, если новый экран/состояние не содержит таймер
          */
-        if (!['INITIAL', 'HINT', 'TEMP_BLOCK'].includes(screen) || blockSmsRetry) {
+        if (!['INITIAL', 'HINT', 'TEMP_BLOCK', 'TEMP_BLOCK_OVER'].includes(screen) ||
+            blockSmsRetry) {
             stopTimer();
         }
     }, [state, screen, blockSmsRetry, stopTimer]);

package/confirmation/cssm/components/index.js

@@ -4,6 +4,7 @@ var components_screens_initial_component = require('./screens/initial/component.
 var components_screens_hint_component = require('./screens/hint/component.js');
 var components_screens_fatalError_component = require('./screens/fatal-error/component.js');
 var components_screens_tempBlock_component = require('./screens/temp-block/component.js');
+var components_screens_tempBlockOver_component = require('./screens/temp-block-over/component.js');
 var components_countdownLoader_component = require('./countdown-loader/component.js');
 
 
@@ -12,4 +13,5 @@ exports.Initial = components_screens_initial_component.Initial;
 exports.Hint = components_screens_hint_component.Hint;
 exports.FatalError = components_screens_fatalError_component.FatalError;
 exports.TempBlock = components_screens_tempBlock_component.TempBlock;
+exports.TempBlockOver = components_screens_tempBlockOver_component.TempBlockOver;
 exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;

package/confirmation/cssm/components/screens/hint/component.js

@@ -26,34 +26,34 @@ var Hint = function (_a) {
         onChangeState('INITIAL');
     };
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[alignContent]) },
-        React__default.default.createElement(components_header_component.Header, { mobile: mobile }, "\u041D\u0435\u00A0\u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"),
+        React__default.default.createElement(components_header_component.Header, { mobile: mobile }, texts.hintTitle),
         React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_b = {},
                 _b[styles__default.default.typographyTheme] = !mobile,
                 _b[styles__default.default.typographyThemeMobile] = mobile,
-                _b)) }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0437\u0432\u043E\u043D\u0438\u0442\u0435 \u043D\u0430\u043C \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430."),
+                _b)) }, texts.hintDescription),
         React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phonesWrap, (_c = {},
                 _c[styles__default.default.phonesWrapMobile] = mobile,
                 _c)) },
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_d = {}, _d[styles__default.default.phoneContentMobile] = mobile, _d)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(styles__default.default.phoneLink, (_e = {}, _e[styles__default.default.typographyThemeMobile] = mobile, _e)) }, domesticPhone),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(styles__default.default.phoneLink, (_e = {}, _e[styles__default.default.typographyThemeMobile] = mobile, _e)) }, internationalPhone),
                 React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_f = {},
                         _f[styles__default.default.typographyTheme] = !mobile,
                         _f[styles__default.default.typographyThemeMobile] = mobile,
                         _f)) }, mobile
-                    ? 'Для\u00A0звонков по\u00A0России'
-                    : ' \u2014\u00A0для звонков по\u00A0России')),
+                    ? 'В\u00A0Москве и\u00A0за\u00A0границей'
+                    : ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей')),
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_g = {}, _g[styles__default.default.phoneContentMobile] = mobile, _g)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(styles__default.default.phoneLink, (_h = {}, _h[styles__default.default.typographyThemeMobile] = mobile, _h)) }, internationalPhone),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(styles__default.default.phoneLink, (_h = {}, _h[styles__default.default.typographyThemeMobile] = mobile, _h)) }, domesticPhone),
                 React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_j = {},
                         _j[styles__default.default.typographyTheme] = !mobile,
                         _j[styles__default.default.typographyThemeMobile] = mobile,
                         _j)) }, mobile
-                    ? 'В\u00A0Москве и\u00A0за\u00A0границей'
-                    : ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей'))),
+                    ? 'Для\u00A0звонков по\u00A0России'
+                    : ' \u2014\u00A0для звонков по\u00A0России'))),
         React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_k = {},
                 _k[styles__default.default.typographyTheme] = !mobile,
                 _k[styles__default.default.typographyThemeMobile] = mobile,
-                _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."),
+                _k)) }, texts.hintNotification),
         React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
 };
 

package/confirmation/cssm/components/screens/index.d.ts

@@ -2,3 +2,4 @@ export * from "./initial/index";
 export * from "./hint/index";
 export * from "./fatal-error/index";
 export * from "./temp-block/index";
+export * from "./temp-block-over/index";

package/confirmation/cssm/components/screens/index.js

@@ -4,6 +4,7 @@ var components_screens_initial_component = require('./initial/component.js');
 var components_screens_hint_component = require('./hint/component.js');
 var components_screens_fatalError_component = require('./fatal-error/component.js');
 var components_screens_tempBlock_component = require('./temp-block/component.js');
+var components_screens_tempBlockOver_component = require('./temp-block-over/component.js');
 
 
 
@@ -11,3 +12,4 @@ exports.Initial = components_screens_initial_component.Initial;
 exports.Hint = components_screens_hint_component.Hint;
 exports.FatalError = components_screens_fatalError_component.FatalError;
 exports.TempBlock = components_screens_tempBlock_component.TempBlock;
+exports.TempBlockOver = components_screens_tempBlockOver_component.TempBlockOver;

package/confirmation/cssm/components/screens/initial/component.js

@@ -65,9 +65,6 @@ var Initial = function (_a) {
         if (!inputRef.current) {
             return;
         }
-        if (state === 'CODE_ERROR' && prevState !== 'CODE_ERROR') {
-            inputRef.current.focus(requiredCharAmount - 1);
-        }
         if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {
             inputRef.current.focus();
         }
@@ -82,6 +79,12 @@ var Initial = function (_a) {
         }
     }, [prevState, state, clearTimer]);
     var getCodeInputError = function () {
+        if (state === 'CODE_EXPIRED') {
+            return texts.codeErrorExpired || true;
+        }
+        if (state === 'CODE_EXPIRED_ENDED') {
+            return texts.codeErrorExpiredEnded || true;
+        }
         if (state === 'CODE_ERROR') {
             return texts.codeError || true;
         }
@@ -105,7 +108,7 @@ var Initial = function (_a) {
                 _b[styles__default.default.typographyTheme] = !mobile$2,
                 _b[styles__default.default.typographyThemeMobile] = mobile$2,
                 _b)) },
-            "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
+            "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u043B\u0438 \u043D\u0430 ",
             phone)) : null,
         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 }),
         !hideCountdownSection && (React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile$2 })),

package/confirmation/cssm/components/screens/initial/countdown-section.js

@@ -19,12 +19,12 @@ var CountdownSection = function (_a) {
     var _b, _c;
     var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
     var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint, client = _d.client;
-    var renderText = function (text) {
+    var renderText = function (content) {
         var _a;
         return (React__default.default.createElement(coreComponentsTypography.Text, { className: cn__default.default(styles__default.default.countdownContainer, (_a = {},
                 _a[styles__default.default.countdownMobile] = mobile,
                 _a[styles__default.default.typographyTheme] = !mobile,
-                _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, text));
+                _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, content));
     };
     if (codeSendHintVisible)
         return renderText(texts.codeSended);
@@ -41,7 +41,10 @@ var CountdownSection = function (_a) {
     if (timePassed) {
         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));
     }
-    return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
+    return renderText(React__default.default.createElement(React.Fragment, null,
+        texts.countdown,
+        '\u00A0',
+        React__default.default.createElement("time", { className: styles__default.default.timeCounter }, utils.formatMsAsMinutes(timeLeft))));
 };
 
 exports.CountdownSection = CountdownSection;

package/confirmation/cssm/components/screens/initial/index.module.css

@@ -92,6 +92,13 @@
     margin-bottom: var(--gap-20);
 } .countdownLoaderMobile.countdownLoaderMobile {
     margin-bottom: var(--gap-16);
+} .timeCounter {
+    display: inline-block;
+    min-width: 47px;
+    color: var(--color-light-text-secondary);
+    text-align: left;
+    font-feature-settings: lining-nums tabular-nums;
+    font-variant-numeric: lining-nums tabular-nums;
 } .getCodeButton {
     position: relative;
     top: var(--gap-4-neg);

package/confirmation/cssm/components/screens/temp-block/component.js

@@ -36,7 +36,7 @@ var TempBlock = function (_a) {
                 _b)) }, texts.tempBlockDescription),
         React__default.default.createElement("div", { className: cn__default.default(styles__default.default.countdownWrap, (_c = {}, _c[styles__default.default.typographyTheme] = !mobile, _c)) },
             React__default.default.createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles__default.default.loader }),
-            utils.formatMsAsMinutes(timeLeft))));
+            React__default.default.createElement("time", { className: styles__default.default.timeCounter }, utils.formatMsAsMinutes(timeLeft)))));
 };
 
 exports.TempBlock = TempBlock;

package/confirmation/cssm/components/screens/temp-block/index.module.css

@@ -58,6 +58,13 @@
 } .countdownWrap {
     display: flex;
     align-items: center;
+} .timeCounter {
+    display: inline-block;
+    min-width: 47px;
+    color: var(--color-light-text-secondary);
+    text-align: left;
+    font-feature-settings: lining-nums tabular-nums;
+    font-variant-numeric: lining-nums tabular-nums;
 } .loader {
     margin-right: var(--gap-8);
 }

package/confirmation/cssm/components/screens/temp-block-over/component.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type TempBlockOverProps = {
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const TempBlockOver: FC<TempBlockOverProps>;
+export { TempBlockOverProps, TempBlockOver };

package/confirmation/cssm/components/screens/temp-block-over/component.js

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsButton = require('../../../../../button/cssm');
+var coreComponentsTypography = require('../../../../../typography/cssm');
+var context = require('../../../context.js');
+var components_header_component = require('../../header/component.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var TempBlockOver = function (_a) {
+    var _b;
+    var mobile = _a.mobile;
+    var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, breakpoint = _c.breakpoint, client = _c.client, onChangeScreen = _c.onChangeScreen, onChangeState = _c.onChangeState;
+    var handleReturnButtonClick = function () {
+        onChangeScreen('INITIAL');
+        onChangeState('INITIAL');
+    };
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[alignContent]) },
+        React__default.default.createElement(components_header_component.Header, { mobile: mobile }, texts.tempBlockOverTitle),
+        React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.description, (_b = {},
+                _b[styles__default.default.typographyTheme] = !mobile,
+                _b[styles__default.default.typographyThemeMobile] = mobile,
+                _b)) }, texts.tempBlockOverDescription),
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.button, breakpoint: breakpoint, client: client }, texts.tempBlockOverButton)));
+};
+
+exports.TempBlockOver = TempBlockOver;

package/confirmation/cssm/components/screens/temp-block-over/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/confirmation/cssm/components/screens/temp-block-over/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_screens_tempBlockOver_component = require('./component.js');
+
+
+
+exports.TempBlockOver = components_screens_tempBlockOver_component.TempBlockOver;

package/confirmation/cssm/components/screens/temp-block-over/index.module.css

@@ -0,0 +1,58 @@
+: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 */ :root {
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --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 */
+} :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 */
+} :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 */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-32: var(--gap-2xl);
+} :root {
+    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    /* desktop */
+
+    /* mobile */
+
+    /* text */
+    --confirmation-text-font-size: 16px;
+    --confirmation-text-line-height: 24px;
+    --confirmation-text-font-weight: 400;
+    --confirmation-text-font-family: var(--font-family-system);
+    --confirmation-text-color: var(--color-light-text-primary)
+
+    /* header */
+} .component {
+    display: flex;
+    flex-direction: column;
+} .center {
+    align-items: center;
+    text-align: center;
+} .typographyTheme.typographyTheme {
+    font-size: var(--confirmation-text-font-size);
+    line-height: var(--confirmation-text-line-height);
+    font-weight: var(--confirmation-text-font-weight);
+    font-family: var(--confirmation-text-font-family);
+    color: var(--confirmation-text-color);
+} .typographyThemeMobile.typographyThemeMobile {
+    color: var(--color-light-text-secondary);
+} .button.button {
+    margin-top: var(--gap-32);
+}

package/confirmation/cssm/shared/index.js

@@ -4,6 +4,7 @@ var components_screens_initial_component = require('../components/screens/initia
 var components_screens_hint_component = require('../components/screens/hint/component.js');
 var components_screens_fatalError_component = require('../components/screens/fatal-error/component.js');
 var components_screens_tempBlock_component = require('../components/screens/temp-block/component.js');
+var components_screens_tempBlockOver_component = require('../components/screens/temp-block-over/component.js');
 var components_countdownLoader_component = require('../components/countdown-loader/component.js');
 var context = require('../context.js');
 var types = require('../types.js');
@@ -15,6 +16,7 @@ exports.Initial = components_screens_initial_component.Initial;
 exports.Hint = components_screens_hint_component.Hint;
 exports.FatalError = components_screens_fatalError_component.FatalError;
 exports.TempBlock = components_screens_tempBlock_component.TempBlock;
+exports.TempBlockOver = components_screens_tempBlockOver_component.TempBlockOver;
 exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
 exports.ConfirmationContext = context.ConfirmationContext;
 exports.defaultTexts = types.defaultTexts;

package/confirmation/cssm/types.d.ts

@@ -117,6 +117,8 @@ type ConfirmationTexts = {
      */
     title?: ReactNode;
     codeError?: string;
+    codeErrorExpired?: string;
+    codeErrorExpiredEnded?: string;
     codeChecking?: string;
     codeSending?: string;
     codeSended?: string;
@@ -127,6 +129,9 @@ type ConfirmationTexts = {
     /**
      * Экран HINT
      */
+    hintTitle?: string;
+    hintDescription?: string;
+    hintNotification?: string;
     hintButton?: string;
     domesticPhone?: string;
     internationalPhone?: string;
@@ -141,9 +146,15 @@ type ConfirmationTexts = {
      */
     tempBlockTitle?: ReactNode;
     tempBlockDescription?: ReactNode;
+    /**
+     * Экран TEMP_BLOCK_OVER
+     */
+    tempBlockOverTitle?: ReactNode;
+    tempBlockOverDescription?: ReactNode;
+    tempBlockOverButton?: string;
 };
-type ConfirmationScreen = 'INITIAL' | 'HINT' | 'FATAL_ERROR' | 'TEMP_BLOCK';
-type ConfirmationState = 'INITIAL' | 'CODE_CHECKING' | 'CODE_SENDING' | 'CODE_ERROR';
+type ConfirmationScreen = 'INITIAL' | 'HINT' | 'FATAL_ERROR' | 'TEMP_BLOCK' | 'TEMP_BLOCK_OVER';
+type ConfirmationState = 'INITIAL' | 'CODE_CHECKING' | 'CODE_SENDING' | 'CODE_ERROR' | 'CODE_EXPIRED' | 'CODE_EXPIRED_ENDED';
 type ScreensMap = {
     [key: string]: ComponentType;
 };