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

package/bottom-sheet/moderncssm/hooks/index.d.ts

@@ -1 +1 @@
-export { useVisualViewportSize, useVisibleViewportSize } from "./use-visualviewport-size";
+export { useVisibleViewportSize } from "./use-visualviewport-size";

package/bottom-sheet/moderncssm/hooks/index.js

@@ -1,3 +1,3 @@
-export { useVisibleViewportSize, useVisualViewportSize } from './use-visualviewport-size.js';
-import 'use-sync-external-store/shim';
+export { useVisibleViewportSize } from './use-visualviewport-size.js';
+import 'react';
 import '../../../shared/moderncssm';

package/bottom-sheet/moderncssm/hooks/use-visualviewport-size.d.ts

@@ -1,7 +1,3 @@
-type VisualViewportSize = Pick<VisualViewport, 'height' | 'offsetLeft' | 'offsetTop' | 'pageLeft' | 'pageTop' | 'scale' | 'width'>;
-declare function useVisualViewportSize(): VisualViewportSize | null;
-/**
- * @deprecated use {@link useVisualViewportSize}
- */
+type VisualViewportSize = Pick<VisualViewport, 'height' | 'offsetTop'>;
 declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
-export { useVisualViewportSize, useVisibleViewportSize };
+export { useVisibleViewportSize };

package/bottom-sheet/moderncssm/hooks/use-visualviewport-size.js

@@ -1,55 +1,27 @@
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
-import { isClient, isNullable, noop } from '../../../shared/moderncssm';
+import { useState, useEffect } from 'react';
+import { isClient, fnUtils } from '../../../shared/moderncssm';
 
-let visualViewportSize = isClient() ? getVisualViewportSize() : null;
-let listeners = [];
-function getVisualViewportSize() {
-    const { visualViewport } = window;
-    if (isNullable(visualViewport)) {
+const measureVisualViewport = (visualViewport) => {
+    if (!visualViewport)
         return null;
-    }
-    const { height, offsetLeft, offsetTop, pageLeft, pageTop, scale, width } = visualViewport;
-    return { height, offsetLeft, offsetTop, pageLeft, pageTop, scale, width };
-}
-function callback() {
-    visualViewportSize = getVisualViewportSize();
-    listeners.forEach((listener) => {
-        listener();
-    });
-}
-function subscribe(listener) {
-    const { visualViewport } = window;
-    if (isNullable(visualViewport)) {
-        return noop;
-    }
-    if (listeners.length === 0) {
-        visualViewport.addEventListener('resize', callback);
-        visualViewport.addEventListener('scroll', callback);
-    }
-    listeners = [...listeners, listener];
-    return () => {
-        listeners = listeners.filter((l) => l !== listener);
-        if (listeners.length === 0) {
-            visualViewport.removeEventListener('resize', callback);
-            visualViewport.removeEventListener('scroll', callback);
-        }
-    };
-}
-function getSnapshot() {
-    return visualViewportSize;
-}
-function getServerSnapshot() {
-    return null;
-}
-function useVisualViewportSize() {
-    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-/**
- * @deprecated use {@link useVisualViewportSize}
- */
+    const { height, offsetTop } = visualViewport;
+    return { height, offsetTop };
+};
 function useVisibleViewportSize(enabled = false) {
-    const size = useVisualViewportSize();
-    return enabled ? size : null;
+    const [size, setSize] = useState(() => isClient() ? measureVisualViewport(window.visualViewport) : null);
+    useEffect(() => {
+        const { visualViewport } = window;
+        if (!isClient() || !enabled || !visualViewport)
+            return fnUtils.noop;
+        const listener = (event) => setSize(measureVisualViewport(event.target));
+        visualViewport.addEventListener('resize', listener);
+        visualViewport.addEventListener('scroll', listener);
+        return () => {
+            visualViewport.removeEventListener('resize', listener);
+            visualViewport.removeEventListener('scroll', listener);
+        };
+    }, [enabled]);
+    return size;
 }
 
-export { useVisibleViewportSize, useVisualViewportSize };
+export { useVisibleViewportSize };

package/bottom-sheet/moderncssm/index.js

@@ -17,5 +17,4 @@ import '../../backdrop/moderncssm';
 import './consts/swipeConsts.js';
 import './enums/swipeEnums.js';
 import './hooks/use-visualviewport-size.js';
-import 'use-sync-external-store/shim';
 import './index.module.css';

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-154be5cd.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-154be5cd.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-154be5cd";

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-154be5cd.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-c4b0990e.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-c4b0990e.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-c4b0990e.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-c4b0990e";

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-c4b0990e.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-c4b0990e.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-c4b0990e.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-154be5cd.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-5228af9c.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-5228af9c.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-5228af9c.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-5228af9c";

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-5228af9c.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-5228af9c.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-5228af9c.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-ed5afdf6.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-ed5afdf6.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 };