@alfalab/core-components 31.2.0 → 31.3.1

package/confirmation/esm/{countdown-section-fd2ab2f7.js → countdown-section-86c94924.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '../../loader/esm';
 import { Button } from '../../button/esm';
 
-var styles = {"component":"confirmation__component_7usm7","header":"confirmation__header_7usm7","phone":"confirmation__phone_7usm7","inputContainer":"confirmation__inputContainer_7usm7","compact":"confirmation__compact_7usm7","loaderWrap":"confirmation__loaderWrap_7usm7","center":"confirmation__center_7usm7","codeInput":"confirmation__codeInput_7usm7","smsComeLink":"confirmation__smsComeLink_7usm7","countdownContainer":"confirmation__countdownContainer_7usm7","getCodeButton":"confirmation__getCodeButton_7usm7","countdown":"confirmation__countdown_7usm7","countdownTimer":"confirmation__countdownTimer_7usm7"};
+var styles = {"component":"confirmation__component_cd64g","header":"confirmation__header_cd64g","phone":"confirmation__phone_cd64g","inputContainer":"confirmation__inputContainer_cd64g","compact":"confirmation__compact_cd64g","loaderWrap":"confirmation__loaderWrap_cd64g","center":"confirmation__center_cd64g","codeInput":"confirmation__codeInput_cd64g","smsComeLink":"confirmation__smsComeLink_cd64g","countdownContainer":"confirmation__countdownContainer_cd64g","getCodeButton":"confirmation__getCodeButton_cd64g","countdown":"confirmation__countdown_cd64g","countdownTimer":"confirmation__countdownTimer_cd64g"};
 require('./components/screens/initial/index.css');
 
 var CountdownSection = function (_a) {

package/confirmation/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 14fqt */
+/* hash: v743t */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_1iw5a {
+.confirmation__component_yml8h {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_1iw5a {
+.confirmation__center_yml8h {
     align-items: center;
     text-align: center;
 }

package/confirmation/esm/index.js

@@ -8,7 +8,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../loader/esm';
 import '../../button/esm';
-import './countdown-section-fd2ab2f7.js';
+import './countdown-section-86c94924.js';
 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';

package/confirmation/index.css

@@ -1,4 +1,4 @@
-/* hash: 14fqt */
+/* hash: v743t */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_1iw5a {
+.confirmation__component_yml8h {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_1iw5a {
+.confirmation__center_yml8h {
     align-items: center;
     text-align: center;
 }

package/confirmation/index.js

@@ -9,7 +9,7 @@ var context = require('./context.js');
 var types = require('./types.js');
 require('../code-input');
 require('../link');
-require('./countdown-section-21358bfa.js');
+require('./countdown-section-f6f53511.js');
 require('../loader');
 require('../button');
 var components_screens_initial_component = require('./components/screens/initial/component.js');

package/confirmation/modern/component.js

@@ -8,14 +8,14 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../loader/modern';
 import '../../button/modern';
-import './countdown-section-29fb8ecc.js';
+import './countdown-section-b2bafa76.js';
 import { Initial } from './components/screens/initial/component.js';
 import { Hint } from './components/screens/hint/component.js';
 import { FatalError } from './components/screens/fatal-error/component.js';
 import './components/countdown-loader/component.js';
 import { TempBlock } from './components/screens/temp-block/component.js';
 
-var styles = {"component":"confirmation__component_1iw5a","center":"confirmation__center_1iw5a"};
+var styles = {"component":"confirmation__component_yml8h","center":"confirmation__center_yml8h"};
 require('./index.css');
 
 const confirmationScreens = {

package/confirmation/modern/components/countdown-loader/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"circle":"confirmation__circle_trw8i"};
+var styles = {"circle":"confirmation__circle_onx8w"};
 require('./index.css');
 
 const SIZE = 16;

package/confirmation/modern/components/countdown-loader/index.css

@@ -1,4 +1,4 @@
-/* hash: 12hea */
+/* hash: 1bq0z */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -19,7 +19,7 @@
 
     /* input */
 }
-.confirmation__circle_trw8i {
+.confirmation__circle_onx8w {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/confirmation/modern/components/index.js

@@ -7,7 +7,7 @@ import '../../../code-input/modern';
 import '../../../link/modern';
 import '../../../loader/modern';
 import '../../../button/modern';
-import '../countdown-section-29fb8ecc.js';
+import '../countdown-section-b2bafa76.js';
 export { Initial } from './screens/initial/component.js';
 export { Hint } from './screens/hint/component.js';
 export { FatalError } from './screens/fatal-error/component.js';

package/confirmation/modern/components/screens/fatal-error/component.js

@@ -3,7 +3,7 @@ import '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { Button } from '../../../../../button/modern';
 
-var styles = {"header":"confirmation__header_st1a5","description":"confirmation__description_st1a5"};
+var styles = {"header":"confirmation__header_1do6t","description":"confirmation__description_1do6t"};
 require('./index.css');
 
 const FatalError = () => {

package/confirmation/modern/components/screens/fatal-error/index.css

@@ -1,4 +1,4 @@
-/* hash: w3hlg */
+/* hash: xz9zd */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
 
     /* input */
 }
-.confirmation__header_st1a5 {
+.confirmation__header_1do6t {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -49,7 +49,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_st1a5 {
+.confirmation__description_1do6t {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);

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

@@ -5,7 +5,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Link } from '../../../../../link/modern';
 import { Button } from '../../../../../button/modern';
 
-var styles = {"center":"confirmation__center_1h3od","phoneHintWrap":"confirmation__phoneHintWrap_1h3od","hintWrap":"confirmation__hintWrap_1h3od","title":"confirmation__title_1h3od","text":"confirmation__text_1h3od","phonesWrap":"confirmation__phonesWrap_1h3od","phoneWrap":"confirmation__phoneWrap_1h3od","phoneLink":"confirmation__phoneLink_1h3od","phoneDescription":"confirmation__phoneDescription_1h3od","hintButton":"confirmation__hintButton_1h3od"};
+var styles = {"center":"confirmation__center_lqnqh","phoneHintWrap":"confirmation__phoneHintWrap_lqnqh","hintWrap":"confirmation__hintWrap_lqnqh","title":"confirmation__title_lqnqh","text":"confirmation__text_lqnqh","phonesWrap":"confirmation__phonesWrap_lqnqh","phoneWrap":"confirmation__phoneWrap_lqnqh","phoneLink":"confirmation__phoneLink_lqnqh","phoneDescription":"confirmation__phoneDescription_lqnqh","hintButton":"confirmation__hintButton_lqnqh"};
 require('./index.css');
 
 const Hint = () => {

package/confirmation/modern/components/screens/hint/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ir22 */
+/* hash: p64v5 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
 
     /* input */
 }
-.confirmation__center_1h3od .confirmation__phoneHintWrap_1h3od {
+.confirmation__center_lqnqh .confirmation__phoneHintWrap_lqnqh {
         align-items: center;
     }
-.confirmation__center_1h3od .confirmation__hintWrap_1h3od {
+.confirmation__center_lqnqh .confirmation__hintWrap_lqnqh {
         align-items: center;
     }
-.confirmation__hintWrap_1h3od {
+.confirmation__hintWrap_lqnqh {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__title_1h3od {
+.confirmation__title_lqnqh {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -61,7 +61,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__text_1h3od {
+.confirmation__text_lqnqh {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -70,7 +70,7 @@
 
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phonesWrap_1h3od {
+.confirmation__phonesWrap_lqnqh {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -81,23 +81,23 @@
     flex-direction: column;
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phoneWrap_1h3od {
+.confirmation__phoneWrap_lqnqh {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_1h3od:last-child {
+.confirmation__phoneWrap_lqnqh:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneLink_1h3od {
+.confirmation__phoneLink_lqnqh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500
 }
-.confirmation__phoneLink_1h3od > span {
+.confirmation__phoneLink_lqnqh > span {
         border-bottom: none;
     }
-.confirmation__phoneDescription_1h3od {
+.confirmation__phoneDescription_lqnqh {
     color: var(--confirmation-text-color);
 }
-.confirmation__hintButton_1h3od {
+.confirmation__hintButton_lqnqh {
     margin-top: var(--gap-2xl);
 }

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

@@ -7,7 +7,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../loader/modern';
 import '../../../../button/modern';
-import '../../countdown-section-29fb8ecc.js';
+import '../../countdown-section-b2bafa76.js';
 export { Initial } from './initial/component.js';
 export { Hint } from './hint/component.js';
 export { FatalError } from './fatal-error/component.js';

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

@@ -7,7 +7,7 @@ import { CodeInput } from '../../../../../code-input/modern';
 import { Link } from '../../../../../link/modern';
 import '../../../../../loader/modern';
 import '../../../../../button/modern';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-29fb8ecc.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-b2bafa76.js';
 
 const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
 const Initial = () => {

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

@@ -4,4 +4,4 @@ import '../../../utils.js';
 import '../../../context.js';
 import '../../../../../loader/modern';
 import '../../../../../button/modern';
-export { C as CountdownSection } from '../../../countdown-section-29fb8ecc.js';
+export { C as CountdownSection } from '../../../countdown-section-b2bafa76.js';

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

@@ -1,4 +1,4 @@
-/* hash: 15uyz */
+/* hash: 15mof */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_7usm7 {
+.confirmation__component_cd64g {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_7usm7 {
+.confirmation__header_cd64g {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,50 +50,50 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__phone_7usm7 {
+.confirmation__phone_cd64g {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_7usm7 {
+.confirmation__inputContainer_cd64g {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_7usm7 {
+.confirmation__compact_cd64g {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_7usm7 {
+.confirmation__loaderWrap_cd64g {
     display: flex;
     align-items: center;
 }
-.confirmation__center_7usm7 {
+.confirmation__center_cd64g {
     align-items: center;
     text-align: center
 }
-.confirmation__center_7usm7 .confirmation__codeInput_7usm7,
-    .confirmation__center_7usm7 .confirmation__loaderWrap_7usm7 {
+.confirmation__center_cd64g .confirmation__codeInput_cd64g,
+    .confirmation__center_cd64g .confirmation__loaderWrap_cd64g {
         justify-content: center;
     }
-.confirmation__center_7usm7 input {
+.confirmation__center_cd64g input {
         margin: 0 var(--gap-2xs);
     }
-.confirmation__smsComeLink_7usm7 {
+.confirmation__smsComeLink_cd64g {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_7usm7 {
+.confirmation__countdownContainer_cd64g {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_7usm7 {
+.confirmation__getCodeButton_cd64g {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_7usm7 {
+.confirmation__countdown_cd64g {
     display: flex;
 }
-.confirmation__countdownTimer_7usm7 {
+.confirmation__countdownTimer_cd64g {
     display: flex;
     justify-content: flex-start;
     min-width: 45px;

package/confirmation/modern/components/screens/initial/index.js

@@ -7,5 +7,5 @@ import '../../../../../code-input/modern';
 import '../../../../../link/modern';
 import '../../../../../loader/modern';
 import '../../../../../button/modern';
-import '../../../countdown-section-29fb8ecc.js';
+import '../../../countdown-section-b2bafa76.js';
 export { Initial } from './component.js';

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

@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 
-var styles = {"header":"confirmation__header_hb9ea","description":"confirmation__description_hb9ea","countdownWrap":"confirmation__countdownWrap_hb9ea","loader":"confirmation__loader_hb9ea"};
+var styles = {"header":"confirmation__header_csvw0","description":"confirmation__description_csvw0","countdownWrap":"confirmation__countdownWrap_csvw0","loader":"confirmation__loader_csvw0"};
 require('./index.css');
 
 const TempBlock = () => {

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

@@ -1,4 +1,4 @@
-/* hash: 1x750 */
+/* hash: shsq9 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_hb9ea {
+.confirmation__header_csvw0 {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_hb9ea {
+.confirmation__description_csvw0 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
 
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__countdownWrap_hb9ea {
+.confirmation__countdownWrap_csvw0 {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_hb9ea {
+.confirmation__loader_csvw0 {
     margin-right: var(--gap-xs);
 }

package/confirmation/modern/{countdown-section-29fb8ecc.js → countdown-section-b2bafa76.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '../../loader/modern';
 import { Button } from '../../button/modern';
 
-var styles = {"component":"confirmation__component_7usm7","header":"confirmation__header_7usm7","phone":"confirmation__phone_7usm7","inputContainer":"confirmation__inputContainer_7usm7","compact":"confirmation__compact_7usm7","loaderWrap":"confirmation__loaderWrap_7usm7","center":"confirmation__center_7usm7","codeInput":"confirmation__codeInput_7usm7","smsComeLink":"confirmation__smsComeLink_7usm7","countdownContainer":"confirmation__countdownContainer_7usm7","getCodeButton":"confirmation__getCodeButton_7usm7","countdown":"confirmation__countdown_7usm7","countdownTimer":"confirmation__countdownTimer_7usm7"};
+var styles = {"component":"confirmation__component_cd64g","header":"confirmation__header_cd64g","phone":"confirmation__phone_cd64g","inputContainer":"confirmation__inputContainer_cd64g","compact":"confirmation__compact_cd64g","loaderWrap":"confirmation__loaderWrap_cd64g","center":"confirmation__center_cd64g","codeInput":"confirmation__codeInput_cd64g","smsComeLink":"confirmation__smsComeLink_cd64g","countdownContainer":"confirmation__countdownContainer_cd64g","getCodeButton":"confirmation__getCodeButton_cd64g","countdown":"confirmation__countdown_cd64g","countdownTimer":"confirmation__countdownTimer_cd64g"};
 require('./components/screens/initial/index.css');
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {

package/confirmation/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 14fqt */
+/* hash: v743t */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_1iw5a {
+.confirmation__component_yml8h {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_1iw5a {
+.confirmation__center_yml8h {
     align-items: center;
     text-align: center;
 }

package/confirmation/modern/index.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../loader/modern';
 import '../../button/modern';
-import './countdown-section-29fb8ecc.js';
+import './countdown-section-b2bafa76.js';
 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';

package/confirmation-v1/component.d.ts

@@ -0,0 +1,167 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type ContentAlign = 'left' | 'center';
+type ConfirmationV1Props = {
+    /**
+     * Значение поля ввода
+     */
+    code: string;
+    /**
+     * Флаг состояния обработки введенного кода.
+     */
+    codeChecking?: boolean;
+    /**
+     * Флаг состояния отправки кода.
+     */
+    codeSending?: boolean;
+    /**
+     * Состояние ошибки подписания
+     */
+    error?: boolean;
+    /**
+     * Состояние ошибки лимитов - превышено кол-во попыток ввода или запросов кода
+     */
+    errorOverlimit?: boolean;
+    /**
+     * Состояние критической ошибки лимитов - превышены все лимиты и попытки, пользователя блокируют
+     */
+    errorOverlimitIsFatal?: boolean;
+    /**
+     * Текст ошибки подписания
+     */
+    errorText?: string;
+    /**
+     * Дополнительный контент
+     */
+    additionalContent?: ReactNode;
+    /**
+     * Флаг критичности ошибки подписания.
+     * Если true - ошибка подписания рисуется на экране без поля ввода, но с кнопкой "Запросить код"
+     * Если false - ошибка подписания рисуется под полем ввода кода
+     */
+    errorIsFatal?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Номер телефона, на который отправляется сообщение.
+     */
+    phone?: string;
+    /**
+     * Управление необходимостью маскировать номер телефона
+     */
+    hasPhoneMask?: boolean;
+    /**
+     * Количество символов, которое можно ввести в поле ввода подписания до того, как произойдет автоотправка
+     */
+    requiredCharAmount?: number;
+    /**
+     * Управление отображением таймера с кнопкой "Запросить код"
+     */
+    hasSmsCountdown?: boolean;
+    /**
+     * Длительность обратного отсчета на кнопке повторного запроса сообщения, в милисекундах
+     */
+    countdownDuration?: number;
+    /**
+     * Заголовок экрана подписания
+     */
+    signTitle?: string | React.ReactNode;
+    /**
+     * Заголовок экрана ошибки лимитов
+     */
+    overlimitTitle?: string;
+    /**
+     * Текстовое описание блокировки формы при превышении лимитов
+     */
+    overlimitText?: string;
+    /**
+     * Длительно блокировки при превышении лимитов, в милисекундах
+     */
+    overlimitCountdownDuration?: number;
+    /**
+     * Заголовок экрана блокирующей ошибки
+     */
+    errorTitle?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Текст лоадера при проверке кода
+     */
+    codeCheckingText?: string;
+    /**
+     * Текст лоадера при отправке кода
+     */
+    codeSendingText?: string;
+    /**
+     * Текст кнопки при блокирующей ошибке
+     */
+    buttonErrorText?: string;
+    /**
+     * Текст кнопки "Вернуться назад" на экране помощи
+     */
+    buttonReturnText?: string;
+    /**
+     * Текст кнопки "Запросить новый код"
+     */
+    buttonRetryText?: string;
+    /**
+     * Позиционирование контента
+     */
+    alignContent?: ContentAlign;
+    /**
+     * Сообщение, если не осталось попыток ввода кода.
+     * Кнопка повторной отправки смс при этом скрывается.
+     */
+    noAttemptsLeftMessage?: string;
+    /**
+     * Кастомный контент для компонента Countdown
+     */
+    countdownContent?: ReactNode;
+    /**
+     * Обработчик события завершения ввода кода подписания
+     */
+    onInputFinished: ({ code }: {
+        code: string;
+    }) => void;
+    /**
+     * Обработчик события изменения значения поля ввода кода подписания
+     */
+    onInputChange: ({ code }: {
+        code: string;
+    }) => void;
+    /**
+     * Обработчик события нажатия на кнопку "Запросить код"
+     */
+    onSmsRetryClick: () => void;
+    /**
+     * Обработчик события нажатия на кнопку "Запросить код" в блоке превышение лимитов
+     */
+    onOverlimitSmsRetryClick?: () => void;
+    /**
+     * Обработчик события завершения обратного отсчета для повторного запроса сообщения
+     */
+    onCountdownFinished?: () => void;
+    /**
+     * Обработчик события завершения обратного отсчета для блокировки формы
+     */
+    onOverlimitCountdownFinished?: () => void;
+    /**
+     * Обработчик события нажатия на ссылку "не приходит сообщение?"
+     */
+    onSmsHintLinkClick?: () => void;
+    /**
+     * Обработчик события нажатия на кнопку buttonErrorText (по дефолту "Понятно"), которая появляется при критической ошибке.
+     * Если не передан, то вызывается onSmsRetryClick
+     */
+    onActionWithFatalError?: () => void;
+};
+/**
+ * @deprecated
+ */
+declare const ConfirmationV1: React.ForwardRefExoticComponent<ConfirmationV1Props & React.RefAttributes<HTMLDivElement>>;
+export { ContentAlign, ConfirmationV1Props, ConfirmationV1 };