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

package/calendar/components/calendar-mobile/Component.js

@@ -10,7 +10,7 @@ var mobile = require('../../../modal/mobile');
 var coreComponentsShared = require('../../../shared');
 var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
 var utils = require('../../utils.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-0a5266fb.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-7a1a1ffc.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar/components/calendar-mobile/calendarMonthOnlyView.js

@@ -15,7 +15,7 @@ require('../../useCalendar.js');
 require('../../useRange.js');
 require('../../utils.js');
 require('../days-table/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-0a5266fb.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-7a1a1ffc.js');
 
 
 

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-0a5266fb";
+export * from "../../calendarMonthOnlyView-7a1a1ffc";

package/calendar/components/calendar-mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('./Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-0a5266fb.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-7a1a1ffc.js');
 
 
 

package/calendar/esm/Component.responsive.js

@@ -48,7 +48,7 @@ import '@juggle/resize-observer';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-ee290d74.js';
+import './calendarMonthOnlyView-7a4b7d7b.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/esm/components/calendar-mobile/Component.js

@@ -8,7 +8,7 @@ import { ModalMobile } from '../../../../modal/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-ee290d74.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-7a4b7d7b.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js

@@ -36,7 +36,7 @@ import '../../../../shared/esm';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-ee290d74.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-7a4b7d7b.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-ee290d74";
+export * from "../../calendarMonthOnlyView-7a4b7d7b";

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from './Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-ee290d74.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-7a4b7d7b.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/esm/index.js

@@ -70,6 +70,6 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './useRange.js';
 import './usePeriod.js';
-import './calendarMonthOnlyView-ee290d74.js';
+import './calendarMonthOnlyView-7a4b7d7b.js';
 import 'react-virtuoso';
 import '../../typography/esm';

package/calendar/esm/mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from '../components/calendar-mobile/Component.js';
-export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-ee290d74.js';
+export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-7a4b7d7b.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('../components/calendar-mobile/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-0a5266fb.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-7a1a1ffc.js');
 
 
 

package/calendar/modern/Component.responsive.js

@@ -47,7 +47,7 @@ import '@juggle/resize-observer';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-cb6130fd.js';
+import './calendarMonthOnlyView-e720b520.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/modern/components/calendar-mobile/Component.js

@@ -7,7 +7,7 @@ import { ModalMobile } from '../../../../modal/modern/mobile';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-cb6130fd.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-e720b520.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

package/calendar/modern/components/calendar-mobile/calendarMonthOnlyView.js

@@ -35,7 +35,7 @@ import '../../../../shared/modern';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-cb6130fd.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-e720b520.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/modern/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-cb6130fd";
+export * from "../../calendarMonthOnlyView-e720b520";

package/calendar/modern/components/calendar-mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from './Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-cb6130fd.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-e720b520.js';
 import 'react';
 import 'react-merge-refs';
 import '@juggle/resize-observer';

package/calendar/modern/index.js

@@ -69,6 +69,6 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './useRange.js';
 import './usePeriod.js';
-import './calendarMonthOnlyView-cb6130fd.js';
+import './calendarMonthOnlyView-e720b520.js';
 import 'react-virtuoso';
 import '../../typography/modern';

package/calendar/modern/mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from '../components/calendar-mobile/Component.js';
-export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-cb6130fd.js';
+export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-e720b520.js';
 import 'react';
 import 'react-merge-refs';
 import '@juggle/resize-observer';

package/calendar-range/esm/Component.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-614f41e2.js';
+import './index.module-844e5e20.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/esm/desktop';

package/calendar-range/esm/index.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-614f41e2.js';
+import './index.module-844e5e20.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/calendar-range/esm/views/popover.js

@@ -8,7 +8,7 @@ import { isCompleteDateInput } from '../../../date-input/esm';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-614f41e2.js';
+import { s as styles } from '../index.module-844e5e20.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/esm/views/static.js

@@ -15,7 +15,7 @@ import { getDataTestId } from '../../../shared/esm';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-614f41e2.js';
+import { s as styles } from '../index.module-844e5e20.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/modern/Component.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-23ee63c3.js';
+import './index.module-249bd0bf.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/modern/desktop';

package/calendar-range/modern/index.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-23ee63c3.js';
+import './index.module-249bd0bf.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/calendar-range/modern/views/popover.js

@@ -7,7 +7,7 @@ import { isCompleteDateInput } from '../../../date-input/modern';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-23ee63c3.js';
+import { s as styles } from '../index.module-249bd0bf.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/modern/views/static.js

@@ -14,7 +14,7 @@ import { getDataTestId } from '../../../shared/modern';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-23ee63c3.js';
+import { s as styles } from '../index.module-249bd0bf.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/views/popover.js

@@ -10,7 +10,7 @@ var coreComponentsDateInput = require('../../date-input');
 var hooks$1 = require('@alfalab/hooks');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
-var index_module = require('../index.module-8638edb5.js');
+var index_module = require('../index.module-24b2e6b3.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar-range/views/static.js

@@ -17,7 +17,7 @@ var coreComponentsShared = require('../../shared');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-var index_module = require('../index.module-8638edb5.js');
+var index_module = require('../index.module-24b2e6b3.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/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');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -25,6 +26,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"]);
@@ -45,7 +47,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/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/components/screens/hint/component.js

@@ -27,34 +27,34 @@ var Hint = function (_a) {
         onChangeState('INITIAL');
     };
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, styles[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.text, (_b = {},
                 _b[styles.typographyTheme] = !mobile,
                 _b[styles.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.phonesWrap, (_c = {},
                 _c[styles.phonesWrapMobile] = mobile,
                 _c)) },
             React__default.default.createElement("div", { className: cn__default.default(styles.phoneWrap, (_d = {}, _d[styles.phoneContentMobile] = mobile, _d)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(styles.phoneLink, (_e = {}, _e[styles.typographyThemeMobile] = mobile, _e)) }, domesticPhone),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(styles.phoneLink, (_e = {}, _e[styles.typographyThemeMobile] = mobile, _e)) }, internationalPhone),
                 React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles.text, (_f = {},
                         _f[styles.typographyTheme] = !mobile,
                         _f[styles.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.phoneWrap, (_g = {}, _g[styles.phoneContentMobile] = mobile, _g)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(styles.phoneLink, (_h = {}, _h[styles.typographyThemeMobile] = mobile, _h)) }, internationalPhone),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(styles.phoneLink, (_h = {}, _h[styles.typographyThemeMobile] = mobile, _h)) }, domesticPhone),
                 React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles.text, (_j = {},
                         _j[styles.typographyTheme] = !mobile,
                         _j[styles.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.text, (_k = {},
                 _k[styles.typographyTheme] = !mobile,
                 _k[styles.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.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
 };
 

package/confirmation/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/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/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-8494fee7.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-66246bfb.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -63,9 +63,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();
         }
@@ -80,6 +77,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;
         }
@@ -103,7 +106,7 @@ var Initial = function (_a) {
                 _b[components_screens_initial_countdownSection.styles.typographyTheme] = !mobile$2,
                 _b[components_screens_initial_countdownSection.styles.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(components_screens_initial_countdownSection.styles.containerInput, components_screens_initial_countdownSection.styles.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/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-8494fee7.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-66246bfb.js');
 
 
 

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

@@ -93,6 +93,12 @@
     margin-bottom: var(--gap-20);
 } .confirmation__countdownLoaderMobile_1v2a0.confirmation__countdownLoaderMobile_1v2a0 {
     margin-bottom: var(--gap-16);
+} .confirmation__timeCounter_1v2a0 {
+    display: inline-block;
+    min-width: 47px;
+    color: var(--color-light-text-secondary);
+    text-align: left;
+    font-variant-numeric: lining-nums tabular-nums;
 } .confirmation__getCodeButton_1v2a0 {
     position: relative;
     top: var(--gap-4-neg);

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

@@ -13,7 +13,7 @@ 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_83plh","center":"confirmation__center_83plh","typographyTheme":"confirmation__typographyTheme_83plh","typographyThemeMobile":"confirmation__typographyThemeMobile_83plh","description":"confirmation__description_83plh","countdownWrap":"confirmation__countdownWrap_83plh","loader":"confirmation__loader_83plh"};
+var styles = {"component":"confirmation__component_83plh","center":"confirmation__center_83plh","typographyTheme":"confirmation__typographyTheme_83plh","typographyThemeMobile":"confirmation__typographyThemeMobile_83plh","description":"confirmation__description_83plh","countdownWrap":"confirmation__countdownWrap_83plh","timeCounter":"confirmation__timeCounter_83plh","loader":"confirmation__loader_83plh"};
 require('./index.css');
 
 var TempBlock = function (_a) {
@@ -37,7 +37,7 @@ var TempBlock = function (_a) {
                 _b)) }, texts.tempBlockDescription),
         React__default.default.createElement("div", { className: cn__default.default(styles.countdownWrap, (_c = {}, _c[styles.typographyTheme] = !mobile, _c)) },
             React__default.default.createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles.loader }),
-            utils.formatMsAsMinutes(timeLeft))));
+            React__default.default.createElement("time", { className: styles.timeCounter }, utils.formatMsAsMinutes(timeLeft)))));
 };
 
 exports.TempBlock = TempBlock;

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

@@ -59,6 +59,12 @@
 } .confirmation__countdownWrap_83plh {
     display: flex;
     align-items: center;
+} .confirmation__timeCounter_83plh {
+    display: inline-block;
+    min-width: 47px;
+    color: var(--color-light-text-secondary);
+    text-align: left;
+    font-variant-numeric: lining-nums tabular-nums;
 } .confirmation__loader_83plh {
     margin-right: var(--gap-8);
 }

package/confirmation/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/components/screens/temp-block-over/component.js

@@ -0,0 +1,35 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsButton = require('../../../../button');
+var coreComponentsTypography = require('../../../../typography');
+var context = require('../../../context.js');
+var components_header_component = require('../../header/component.js');
+
+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 = {"component":"confirmation__component_1fn9p","center":"confirmation__center_1fn9p","typographyTheme":"confirmation__typographyTheme_1fn9p","typographyThemeMobile":"confirmation__typographyThemeMobile_1fn9p","button":"confirmation__button_1fn9p"};
+require('./index.css');
+
+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.component, styles[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.description, (_b = {},
+                _b[styles.typographyTheme] = !mobile,
+                _b[styles.typographyThemeMobile] = mobile,
+                _b)) }, texts.tempBlockOverDescription),
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.button, breakpoint: breakpoint, client: client }, texts.tempBlockOverButton)));
+};
+
+exports.TempBlockOver = TempBlockOver;