@alfalab/core-components-confirmation 13.9.11 → 13.10.0

package/esm/components/screens/hint/index.css

@@ -1,4 +1,4 @@
-/* hash: zzsp6 */
+/* hash: bulif */
 :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);
@@ -31,7 +31,7 @@
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     /* desktop */
 
@@ -45,40 +45,40 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_eepdd {
+} .confirmation__component_15dkv {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_eepdd span:last-of-type {
+} .confirmation__component_15dkv span:last-of-type {
         margin-bottom: var(--gap-0);
-    } .confirmation__center_eepdd {
+    } .confirmation__center_15dkv {
     align-items: center;
     text-align: center;
-} .confirmation__text_eepdd.confirmation__text_eepdd {
+} .confirmation__text_15dkv.confirmation__text_15dkv {
     margin-bottom: var(--gap-24);
-} .confirmation__typographyTheme_eepdd.confirmation__typographyTheme_eepdd {
+} .confirmation__typographyTheme_15dkv.confirmation__typographyTheme_15dkv {
     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_eepdd.confirmation__typographyThemeMobile_eepdd {
+} .confirmation__typographyThemeMobile_15dkv.confirmation__typographyThemeMobile_15dkv {
     color: var(--color-light-text-secondary);
-} .confirmation__phonesWrap_eepdd {
+} .confirmation__phonesWrap_15dkv {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-24);
-} .confirmation__phoneWrap_eepdd {
+} .confirmation__phoneWrap_15dkv {
     margin-bottom: var(--gap-8)
-} .confirmation__phoneWrap_eepdd:last-child {
+} .confirmation__phoneWrap_15dkv:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation__phoneLink_eepdd.confirmation__phoneLink_eepdd {
+    } .confirmation__phoneLink_15dkv.confirmation__phoneLink_15dkv {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_eepdd {
+} .confirmation__hintButton_15dkv {
     margin-top: var(--gap-32);
-} .confirmation__phoneContentMobile_eepdd {
+} .confirmation__phoneContentMobile_15dkv {
     display: flex;
     flex-direction: column;
 }

package/esm/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/esm/components/screens/index.js

@@ -2,3 +2,4 @@ export { Initial } from './initial/component.js';
 export { Hint } from './hint/component.js';
 export { FatalError } from './fatal-error/component.js';
 export { TempBlock } from './temp-block/component.js';
+export { TempBlockOver } from './temp-block-over/component.js';

package/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Text } from '@alfalab/core-components-typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-8cccd867.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-b11f4c6f.js';
 
 var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
 var Initial = function (_a) {
@@ -56,9 +56,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();
         }
@@ -73,6 +70,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;
         }
@@ -96,7 +99,7 @@ var Initial = function (_a) {
                 _b[styles.typographyTheme] = !mobile,
                 _b[styles.typographyThemeMobile] = mobile,
                 _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.createElement(ComponentCodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn(styles.containerInput, styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, errorVisibleDuration: errorVisibleDuration, onErrorAnimationEnd: handleErrorAnimationEnd }),
         !hideCountdownSection && (React.createElement(CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile })),

package/esm/components/screens/initial/countdown-section.js

@@ -5,4 +5,4 @@ import '@alfalab/core-components-spinner/esm';
 import '@alfalab/core-components-typography/esm';
 import '../../../context.js';
 import '../../../utils.js';
-export { C as CountdownSection } from '../../../countdown-section-8cccd867.js';
+export { C as CountdownSection } from '../../../countdown-section-b11f4c6f.js';

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

@@ -1,4 +1,4 @@
-/* hash: 192ch */
+/* hash: s6yyj */
 :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);
@@ -37,7 +37,7 @@
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --size-xs-height: 40px;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     /* desktop */
@@ -52,53 +52,59 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_7ukfl {
+} .confirmation__component_1v2a0 {
     display: flex;
     flex-direction: column;
-} .confirmation__phone_7ukfl.confirmation__phone_7ukfl {
+} .confirmation__phone_1v2a0.confirmation__phone_1v2a0 {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-32);
-} .confirmation__typographyTheme_7ukfl.confirmation__typographyTheme_7ukfl {
+} .confirmation__typographyTheme_1v2a0.confirmation__typographyTheme_1v2a0 {
     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_7ukfl.confirmation__typographyThemeMobile_7ukfl {
+} .confirmation__typographyThemeMobile_1v2a0.confirmation__typographyThemeMobile_1v2a0 {
     color: var(--color-light-text-secondary);
-} .confirmation__compact_7ukfl {
+} .confirmation__compact_1v2a0 {
     margin-bottom: var(--gap-24);
-} .confirmation__loaderWrap_7ukfl {
+} .confirmation__loaderWrap_1v2a0 {
     display: flex;
     align-items: center;
-} .confirmation__left_7ukfl {
+} .confirmation__left_1v2a0 {
     align-items: flex-start;
-} .confirmation__center_7ukfl {
+} .confirmation__center_1v2a0 {
     align-items: center;
     text-align: center
-} .confirmation__center_7ukfl .confirmation__loaderWrap_7ukfl {
+} .confirmation__center_1v2a0 .confirmation__loaderWrap_1v2a0 {
         justify-content: center;
-    } .confirmation__codeInput_7ukfl {
+    } .confirmation__codeInput_1v2a0 {
     margin-bottom: var(--gap-12);
-} .confirmation__smsBtn_7ukfl.confirmation__smsBtn_7ukfl {
+} .confirmation__smsBtn_1v2a0.confirmation__smsBtn_1v2a0 {
     min-height: var(--size-xs-height);
-} .confirmation__smsComeLink_7ukfl.confirmation__smsComeLink_7ukfl {
+} .confirmation__smsComeLink_1v2a0.confirmation__smsComeLink_1v2a0 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_7ukfl.confirmation__countdownContainer_7ukfl {
+} .confirmation__countdownContainer_1v2a0.confirmation__countdownContainer_1v2a0 {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-24);
-} .confirmation__countdownMobile_7ukfl.confirmation__countdownMobile_7ukfl {
+} .confirmation__countdownMobile_1v2a0.confirmation__countdownMobile_1v2a0 {
     margin-bottom: var(--gap-20);
-} .confirmation__countdownLoaderMobile_7ukfl.confirmation__countdownLoaderMobile_7ukfl {
+} .confirmation__countdownLoaderMobile_1v2a0.confirmation__countdownLoaderMobile_1v2a0 {
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButton_7ukfl {
+} .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);
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButtonMobile_7ukfl {
+} .confirmation__getCodeButtonMobile_1v2a0 {
     margin-bottom: var(--gap-0);
-} .confirmation__containerInput_7ukfl {
+} .confirmation__containerInput_1v2a0 {
     min-height: 80px;
 }

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

@@ -6,7 +6,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 import { Header } from '../../header/component.js';
 
-var styles = {"component":"confirmation__component_1083x","center":"confirmation__center_1083x","typographyTheme":"confirmation__typographyTheme_1083x","typographyThemeMobile":"confirmation__typographyThemeMobile_1083x","description":"confirmation__description_1083x","countdownWrap":"confirmation__countdownWrap_1083x","loader":"confirmation__loader_1083x"};
+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) {
@@ -30,7 +30,7 @@ var TempBlock = function (_a) {
                 _b)) }, texts.tempBlockDescription),
         React.createElement("div", { className: cn(styles.countdownWrap, (_c = {}, _c[styles.typographyTheme] = !mobile, _c)) },
             React.createElement(CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles.loader }),
-            formatMsAsMinutes(timeLeft))));
+            React.createElement("time", { className: styles.timeCounter }, formatMsAsMinutes(timeLeft)))));
 };
 
 export { TempBlock };

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

@@ -1,4 +1,4 @@
-/* hash: tmern */
+/* hash: 1ahsa */
 :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);
@@ -26,7 +26,7 @@
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     /* desktop */
 
@@ -40,25 +40,31 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_1083x {
+} .confirmation__component_83plh {
     display: flex;
     flex-direction: column;
-} .confirmation__center_1083x {
+} .confirmation__center_83plh {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_1083x.confirmation__typographyTheme_1083x {
+} .confirmation__typographyTheme_83plh.confirmation__typographyTheme_83plh {
     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_1083x.confirmation__typographyThemeMobile_1083x {
+} .confirmation__typographyThemeMobile_83plh.confirmation__typographyThemeMobile_83plh {
     color: var(--color-light-text-secondary);
-} .confirmation__description_1083x.confirmation__description_1083x {
+} .confirmation__description_83plh.confirmation__description_83plh {
     margin-bottom: var(--gap-8);
-} .confirmation__countdownWrap_1083x {
+} .confirmation__countdownWrap_83plh {
     display: flex;
     align-items: center;
-} .confirmation__loader_1083x {
+} .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/esm/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/esm/components/screens/temp-block-over/component.js

@@ -0,0 +1,28 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { Button } from '@alfalab/core-components-button/esm';
+import { Text } from '@alfalab/core-components-typography/esm';
+import { ConfirmationContext } from '../../../context.js';
+import { Header } from '../../header/component.js';
+
+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 = useContext(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.createElement("div", { className: cn(styles.component, styles[alignContent]) },
+        React.createElement(Header, { mobile: mobile }, texts.tempBlockOverTitle),
+        React.createElement(Text, { view: 'primary-medium', color: 'primary', className: cn(styles.description, (_b = {},
+                _b[styles.typographyTheme] = !mobile,
+                _b[styles.typographyThemeMobile] = mobile,
+                _b)) }, texts.tempBlockOverDescription),
+        React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.button, breakpoint: breakpoint, client: client }, texts.tempBlockOverButton)));
+};
+
+export { TempBlockOver };

package/esm/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/esm/components/screens/temp-block-over/index.d.ts

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

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

@@ -0,0 +1 @@
+export { TempBlockOver } from './component.js';

package/esm/{countdown-section-8cccd867.js → countdown-section-b11f4c6f.js}

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, Fragment } from 'react';
 import cn from 'classnames';
 import { Button } from '@alfalab/core-components-button/esm';
 import { Spinner } from '@alfalab/core-components-spinner/esm';
@@ -6,19 +6,19 @@ import { Text } from '@alfalab/core-components-typography/esm';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-var styles = {"component":"confirmation__component_7ukfl","phone":"confirmation__phone_7ukfl","typographyTheme":"confirmation__typographyTheme_7ukfl","typographyThemeMobile":"confirmation__typographyThemeMobile_7ukfl","compact":"confirmation__compact_7ukfl","loaderWrap":"confirmation__loaderWrap_7ukfl","left":"confirmation__left_7ukfl","center":"confirmation__center_7ukfl","codeInput":"confirmation__codeInput_7ukfl","smsBtn":"confirmation__smsBtn_7ukfl","smsComeLink":"confirmation__smsComeLink_7ukfl","countdownContainer":"confirmation__countdownContainer_7ukfl","countdownMobile":"confirmation__countdownMobile_7ukfl","countdownLoaderMobile":"confirmation__countdownLoaderMobile_7ukfl","getCodeButton":"confirmation__getCodeButton_7ukfl","getCodeButtonMobile":"confirmation__getCodeButtonMobile_7ukfl","containerInput":"confirmation__containerInput_7ukfl"};
+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 = useContext(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.createElement(Text, { className: cn(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);
@@ -35,7 +35,10 @@ var CountdownSection = function (_a) {
     if (timePassed) {
         return (React.createElement(Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn(styles.getCodeButton, (_c = {}, _c[styles.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint, client: client }, texts.buttonRetry));
     }
-    return renderText("".concat(texts.countdown, " ").concat(formatMsAsMinutes(timeLeft)));
+    return renderText(React.createElement(Fragment, null,
+        texts.countdown,
+        '\u00A0',
+        React.createElement("time", { className: styles.timeCounter }, formatMsAsMinutes(timeLeft))));
 };
 
 export { CountdownSection as C, styles as s };

package/esm/mobile/component.mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
 
-var styles = {"container":"confirmation__container_z8by6"};
+var styles = {"container":"confirmation__container_1lw1g"};
 require('./mobile.css')
 
 var ConfirmationMobile = function (_a) {

package/esm/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: zjm0h */
-.confirmation__container_z8by6 {
+/* hash: 1gezj */
+.confirmation__container_1lw1g {
     max-width: 288px;
 }

package/esm/shared/index.js

@@ -2,6 +2,7 @@ export { Initial } from '../components/screens/initial/component.js';
 export { Hint } from '../components/screens/hint/component.js';
 export { FatalError } from '../components/screens/fatal-error/component.js';
 export { TempBlock } from '../components/screens/temp-block/component.js';
+export { TempBlockOver } from '../components/screens/temp-block-over/component.js';
 export { CountdownLoader } from '../components/countdown-loader/component.js';
 export { ConfirmationContext } from '../context.js';
 export { defaultTexts } from '../types.js';

package/esm/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;
 };

package/esm/types.js

@@ -1,19 +1,27 @@
 var defaultTexts = {
-    title: 'Введите код из\xa0сообщения',
-    codeError: 'Код введён неверно',
+    title: 'Введите код из\xa0уведомления',
+    codeError: 'Код не подходит, проверьте его',
+    codeErrorExpired: 'Код устарел, запросите новый',
+    codeErrorExpiredEnded: 'Код устарел',
     codeChecking: '',
     codeSending: '',
-    buttonRetry: 'Запросить код повторно',
-    linkToHint: 'Не\xa0приходит сообщение?',
+    buttonRetry: 'Запросить код',
+    hintTitle: 'Не\xa0приходит код?',
+    hintDescription: 'Если\xa0сменили номер, позвоните нам или обратитесь в\xa0любой офис банка.',
+    hintNotification: 'Если номер не\xa0меняли, попробуйте запросить код позже — возможно, перегружен сервис отправки уведомлений.',
+    linkToHint: 'Не\xa0приходит код?',
     hintButton: 'Вернуться к\xa0вводу кода',
     noAttemptsLeft: 'Не\xa0осталось попыток запроса кода',
     fatalErrorTitle: 'Ввести код больше нельзя',
-    fatalErrorDescription: 'Вы\xa0ввели код неверно более 5\xa0раз. В\xa0целях безопасности мы\xa0ограничили дальнейший ввод.',
+    fatalErrorDescription: 'Мы ограничили следующие попытки ввода, потому\xa0что код был введён неверно больше 5 раз.',
     fatalErrorButton: 'Понятно',
-    tempBlockTitle: 'Превышено количество попыток запроса кода',
-    tempBlockDescription: 'Повторное подтверждение кодом будет возможно через 24\xa0часа',
-    codeSended: 'Код выслан',
-    countdown: 'Запросить повторно можно через',
+    tempBlockTitle: 'Ввести код пока нельзя',
+    tempBlockDescription: 'Слишком много неверных попыток. Запросите новый позже',
+    tempBlockOverTitle: 'Ввод разблокирован',
+    tempBlockOverDescription: 'Теперь можно запросить новый код',
+    tempBlockOverButton: 'Запросить новый код',
+    codeSended: 'Код отправлен',
+    countdown: 'Запросить новый можно через',
     domesticPhone: '8 800 200 00 00',
     internationalPhone: '+7 495 78 888 78',
 };

package/mobile/component.mobile.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"confirmation__container_z8by6"};
+var styles = {"container":"confirmation__container_1lw1g"};
 require('./mobile.css')
 
 var ConfirmationMobile = function (_a) {

package/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: zjm0h */
-.confirmation__container_z8by6 {
+/* hash: 1gezj */
+.confirmation__container_1lw1g {
     max-width: 288px;
 }