@alfalab/core-components-confirmation 14.0.1 → 14.1.0

package/cssm/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import { ComponentType, ReactNode } from 'react';\n\nexport type ConfirmationProps = {\n    /**\n     * Экран компонента\n     */\n    screen: ConfirmationScreen | string;\n\n    /**\n     * Состояние компонента\n     */\n    state: ConfirmationState | string;\n\n    /**\n     * Мобильная версия компонента для экрана\n     */\n    mobile?: boolean;\n\n    /**\n     * Позиционирование контента\n     */\n    alignContent?: 'left' | 'center';\n\n    /**\n     * Объект с текстами\n     */\n    texts?: ConfirmationTexts;\n\n    /**\n     * Количество символов, которое можно ввести в поле ввода подписания до того, как произойдет автоотправка\n     */\n    requiredCharAmount?: number;\n\n    /**\n     * Длительность обратного отсчета на кнопке повторного запроса сообщения, в милисекундах\n     */\n    countdownDuration?: number;\n\n    /**\n     * Продолжительность блокировки формы (ms)\n     */\n    tempBlockDuration?: number;\n\n    /**\n     * Номер телефона, на который отправлен код\n     */\n    phone?: string;\n\n    /**\n     * Не осталось попыток ввода кода\n     */\n    blockSmsRetry?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Флаг - нужно ли очищать код при возникновении ошибки\n     */\n    clearCodeOnError?: boolean;\n\n    /**\n     * Функция обновления состояния компонента\n     */\n    onChangeState: (state: ConfirmationState | string) => void;\n\n    /**\n     * Функция обновления состояния компонента\n     */\n    onChangeScreen: (state: ConfirmationScreen | string) => void;\n\n    /**\n     * Обработчик события завершения ввода кода подписания\n     */\n    onInputFinished: (code: string) => void;\n\n    /**\n     * Обработчик события нажатия на кнопку \"Запросить код\"\n     */\n    onSmsRetryClick: () => void;\n\n    /**\n     * Клик по кнопке \"Понятно\" на экране фатальной ошибки\n     */\n    onFatalErrorOkButtonClick?: () => void;\n\n    /**\n     * Временная блокировка формы закончилась\n     */\n    onTempBlockFinished?: () => void;\n\n    /**\n     * Возвращает объект, где ключ - название экрана (screen), значение - компонент для экрана\n     */\n    getScreensMap?: (defaultScreensMap: ScreensMap) => ScreensMap;\n\n    /**\n     * Дочерние элементы\n     */\n    children?: ReactNode;\n\n    /**\n     * Скрыть секцию с повторной отправкой кода\n     * @default false\n     */\n    hideCountdownSection?: boolean;\n\n    /**\n     *  Слот для контента с подсказкой на главном экране\n     */\n    initialScreenHintSlot?: ReactNode;\n\n    /**\n     * Контрольная точка для кнопки, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n\n    /**\n     * Продолжительность отображения ошибки\n     * @default 1300\n     */\n    errorVisibleDuration?: number;\n};\n\nexport type TConfirmationContext = Required<\n    Pick<\n        ConfirmationProps,\n        | 'alignContent'\n        | 'texts'\n        | 'state'\n        | 'screen'\n        | 'requiredCharAmount'\n        | 'onInputFinished'\n        | 'countdownDuration'\n        | 'onChangeState'\n        | 'onSmsRetryClick'\n        | 'onChangeScreen'\n        | 'onFatalErrorOkButtonClick'\n        | 'tempBlockDuration'\n        | 'hideCountdownSection'\n    >\n> &\n    Pick<\n        ConfirmationProps,\n        | 'phone'\n        | 'blockSmsRetry'\n        | 'onTempBlockFinished'\n        | 'clearCodeOnError'\n        | 'initialScreenHintSlot'\n        | 'errorVisibleDuration'\n        | 'breakpoint'\n        | 'client'\n    > & {\n        timeLeft: number;\n    };\n\nexport type ConfirmationTexts = {\n    /**\n     * Экран INITIAL\n     */\n    title?: ReactNode; // заголовок\n    codeError?: string; // ошибка проверки кода\n    codeErrorExpired?: string; // код устарел, запросите новый\n    codeErrorExpiredEnded?: string; // код устарел\n    codeChecking?: string; // код проверяется\n    codeSending?: string; // код отправляется\n    codeSended?: string; // код отправлен\n    buttonRetry?: string; // кнопка повторной отправки кода\n    linkToHint?: string; // ссылка на экран HINT\n    noAttemptsLeft?: string; // не осталось попыток запроса кода\n    countdown?: string; // 'запросить повторно можно через'\n\n    /**\n     * Экран HINT\n     */\n    hintTitle?: string; // заголовок\n    hintDescription?: string; // описание\n    hintNotification?: string; // уведомление\n    hintButton?: string; // кнопка 'Вернуться'\n    domesticPhone?: string; // номер телефона для звонков по России\n    internationalPhone?: string; // номер телефона для звонков из-за границы\n\n    /**\n     * Экран FATAL_ERROR\n     */\n    fatalErrorTitle?: ReactNode; // заголовок\n    fatalErrorDescription?: ReactNode; // описание\n    fatalErrorButton?: string; // кнопка\n\n    /**\n     * Экран TEMP_BLOCK\n     */\n    tempBlockTitle?: ReactNode; // заголовок\n    tempBlockDescription?: ReactNode; // описание\n\n    /**\n     * Экран TEMP_BLOCK_OVER\n     */\n    tempBlockOverTitle?: ReactNode; // заголовок\n    tempBlockOverDescription?: ReactNode; // описание\n    tempBlockOverButton?: string; // кнопка\n};\n\nexport type ConfirmationScreen =\n    | 'INITIAL' // начальный экран\n    | 'HINT' // экран \"Не приходит смс?\"\n    | 'FATAL_ERROR' // экран критической ошибки\n    | 'TEMP_BLOCK' // экран временной блокировки\n    | 'TEMP_BLOCK_OVER'; // экран todo\n\nexport type ConfirmationState =\n    | 'INITIAL' // начальное состояние\n    | 'CODE_CHECKING' // проверка кода\n    | 'CODE_SENDING' // повторная отправка кода\n    | 'CODE_ERROR' // ошибка, когда ввели неверный код\n    | 'CODE_EXPIRED' // ошибка, когда код устарел, но можно запросить новый\n    | 'CODE_EXPIRED_ENDED'; // ошибка, когда код устарел\n\nexport type ScreensMap = {\n    [key: string]: ComponentType;\n};\n\nexport const defaultTexts: ConfirmationTexts = {\n    title: 'Введите код из\\xa0уведомления',\n    codeError: 'Код не подходит, проверьте его',\n    codeErrorExpired: 'Код устарел, запросите новый',\n    codeErrorExpiredEnded: 'Код устарел',\n    codeChecking: '',\n    codeSending: '',\n    buttonRetry: 'Запросить код',\n    hintTitle: 'Не\\xa0приходит код?',\n    hintDescription: 'Если\\xa0сменили номер, позвоните нам или обратитесь в\\xa0любой офис банка.',\n    hintNotification:\n        'Если номер не\\xa0меняли, попробуйте запросить код позже — возможно, перегружен сервис отправки уведомлений.',\n    linkToHint: 'Не\\xa0приходит код?',\n    hintButton: 'Вернуться к\\xa0вводу кода',\n    noAttemptsLeft: 'Не\\xa0осталось попыток запроса кода',\n    fatalErrorTitle: 'Ввести код больше нельзя',\n    fatalErrorDescription:\n        'Мы ограничили следующие попытки ввода, потому\\xa0что код был введён неверно больше 5 раз.',\n    fatalErrorButton: 'Понятно',\n    tempBlockTitle: 'Ввести код пока нельзя',\n    tempBlockDescription: 'Слишком много неверных попыток. Запросите новый позже',\n    tempBlockOverTitle: 'Ввод разблокирован',\n    tempBlockOverDescription: 'Теперь можно запросить новый код',\n    tempBlockOverButton: 'Запросить новый код',\n    codeSended: 'Код отправлен',\n    countdown: 'Запросить новый можно через',\n    domesticPhone: '8 800 200 00 00',\n    internationalPhone: '+7 495 78 888 78',\n};\n"],"names":[],"mappings":";;;;AA2Oa,IAAA,YAAY,GAAsB;AAC3C,IAAA,KAAK,EAAE,+BAA+B;AACtC,IAAA,SAAS,EAAE,gCAAgC;AAC3C,IAAA,gBAAgB,EAAE,8BAA8B;AAChD,IAAA,qBAAqB,EAAE,aAAa;AACpC,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,eAAe,EAAE,4EAA4E;AAC7F,IAAA,gBAAgB,EACZ,6GAA6G;AACjH,IAAA,UAAU,EAAE,qBAAqB;AACjC,IAAA,UAAU,EAAE,2BAA2B;AACvC,IAAA,cAAc,EAAE,qCAAqC;AACrD,IAAA,eAAe,EAAE,0BAA0B;AAC3C,IAAA,qBAAqB,EACjB,2FAA2F;AAC/F,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,cAAc,EAAE,wBAAwB;AACxC,IAAA,oBAAoB,EAAE,uDAAuD;AAC7E,IAAA,kBAAkB,EAAE,oBAAoB;AACxC,IAAA,wBAAwB,EAAE,kCAAkC;AAC5D,IAAA,mBAAmB,EAAE,qBAAqB;AAC1C,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,SAAS,EAAE,6BAA6B;AACxC,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,kBAAkB,EAAE,kBAAkB;;;;;"}
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import { type ComponentType, type ReactNode } from 'react';\n\nexport interface ConfirmationProps {\n    /**\n     * Экран компонента\n     */\n    screen: ConfirmationScreen | string;\n\n    /**\n     * Состояние компонента\n     */\n    state: ConfirmationState | string;\n\n    /**\n     * Мобильная версия компонента для экрана\n     */\n    mobile?: boolean;\n\n    /**\n     * Позиционирование контента\n     */\n    alignContent?: 'left' | 'center';\n\n    /**\n     * HTML тег для заголовка\n     * @default 'h3'\n     */\n    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    /**\n     * Объект с текстами\n     */\n    texts?: ConfirmationTexts;\n\n    /**\n     * Количество символов, которое можно ввести в поле ввода подписания до того, как произойдет автоотправка\n     */\n    requiredCharAmount?: number;\n\n    /**\n     * Длительность обратного отсчета на кнопке повторного запроса сообщения, в милисекундах\n     */\n    countdownDuration?: number;\n\n    /**\n     * Продолжительность блокировки формы (ms)\n     */\n    tempBlockDuration?: number;\n\n    /**\n     * Номер телефона, на который отправлен код\n     */\n    phone?: string;\n\n    /**\n     * Не осталось попыток ввода кода\n     */\n    blockSmsRetry?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Флаг - нужно ли очищать код при возникновении ошибки\n     */\n    clearCodeOnError?: boolean;\n\n    /**\n     * Функция обновления состояния компонента\n     */\n    onChangeState: (state: ConfirmationState | string) => void;\n\n    /**\n     * Функция обновления состояния компонента\n     */\n    onChangeScreen: (state: ConfirmationScreen | string) => void;\n\n    /**\n     * Обработчик события завершения ввода кода подписания\n     */\n    onInputFinished: (code: string) => void;\n\n    /**\n     * Обработчик события нажатия на кнопку \"Запросить код\"\n     */\n    onSmsRetryClick: () => void;\n\n    /**\n     * Клик по кнопке \"Понятно\" на экране фатальной ошибки\n     */\n    onFatalErrorOkButtonClick?: () => void;\n\n    /**\n     * Временная блокировка формы закончилась\n     */\n    onTempBlockFinished?: () => void;\n\n    /**\n     * Возвращает объект, где ключ - название экрана (screen), значение - компонент для экрана\n     */\n    getScreensMap?: (defaultScreensMap: ScreensMap) => ScreensMap;\n\n    /**\n     * Дочерние элементы\n     */\n    children?: ReactNode;\n\n    /**\n     * Скрыть секцию с повторной отправкой кода\n     * @default false\n     */\n    hideCountdownSection?: boolean;\n\n    /**\n     *  Слот для контента с подсказкой на главном экране\n     */\n    initialScreenHintSlot?: ReactNode;\n\n    /**\n     * Контрольная точка для кнопки, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n\n    /**\n     * Продолжительность отображения ошибки\n     * @default 1300\n     */\n    errorVisibleDuration?: number;\n}\n\nexport type TConfirmationContext = Required<\n    Pick<\n        ConfirmationProps,\n        | 'alignContent'\n        | 'titleTag'\n        | 'texts'\n        | 'state'\n        | 'screen'\n        | 'requiredCharAmount'\n        | 'onInputFinished'\n        | 'countdownDuration'\n        | 'onChangeState'\n        | 'onSmsRetryClick'\n        | 'onChangeScreen'\n        | 'onFatalErrorOkButtonClick'\n        | 'tempBlockDuration'\n        | 'hideCountdownSection'\n    >\n> &\n    Pick<\n        ConfirmationProps,\n        | 'phone'\n        | 'blockSmsRetry'\n        | 'onTempBlockFinished'\n        | 'clearCodeOnError'\n        | 'initialScreenHintSlot'\n        | 'errorVisibleDuration'\n        | 'breakpoint'\n        | 'client'\n    > & {\n        timeLeft: number;\n    };\n\nexport interface ConfirmationTexts {\n    /**\n     * Экран INITIAL\n     */\n    title?: ReactNode; // заголовок\n    codeError?: string; // ошибка проверки кода\n    codeErrorExpired?: string; // код устарел, запросите новый\n    codeErrorExpiredEnded?: string; // код устарел\n    codeChecking?: string; // код проверяется\n    codeSending?: string; // код отправляется\n    codeSended?: string; // код отправлен\n    buttonRetry?: string; // кнопка повторной отправки кода\n    linkToHint?: string; // ссылка на экран HINT\n    noAttemptsLeft?: string; // не осталось попыток запроса кода\n    countdown?: string; // 'запросить повторно можно через'\n\n    /**\n     * Экран HINT\n     */\n    hintTitle?: string; // заголовок\n    hintDescription?: string; // описание\n    hintNotification?: string; // уведомление\n    hintButton?: string; // кнопка 'Вернуться'\n    domesticPhone?: string; // номер телефона для звонков по России\n    internationalPhone?: string; // номер телефона для звонков из-за границы\n\n    /**\n     * Экран FATAL_ERROR\n     */\n    fatalErrorTitle?: ReactNode; // заголовок\n    fatalErrorDescription?: ReactNode; // описание\n    fatalErrorButton?: string; // кнопка\n\n    /**\n     * Экран TEMP_BLOCK\n     */\n    tempBlockTitle?: ReactNode; // заголовок\n    tempBlockDescription?: ReactNode; // описание\n\n    /**\n     * Экран TEMP_BLOCK_OVER\n     */\n    tempBlockOverTitle?: ReactNode; // заголовок\n    tempBlockOverDescription?: ReactNode; // описание\n    tempBlockOverButton?: string; // кнопка\n}\n\nexport type ConfirmationScreen =\n    | 'INITIAL' // начальный экран\n    | 'HINT' // экран \"Не приходит смс?\"\n    | 'FATAL_ERROR' // экран критической ошибки\n    | 'TEMP_BLOCK' // экран временной блокировки\n    | 'TEMP_BLOCK_OVER'; // экран todo\n\nexport type ConfirmationState =\n    | 'INITIAL' // начальное состояние\n    | 'CODE_CHECKING' // проверка кода\n    | 'CODE_SENDING' // повторная отправка кода\n    | 'CODE_ERROR' // ошибка, когда ввели неверный код\n    | 'CODE_EXPIRED' // ошибка, когда код устарел, но можно запросить новый\n    | 'CODE_EXPIRED_ENDED'; // ошибка, когда код устарел\n\nexport interface ScreensMap {\n    [key: string]: ComponentType;\n}\n\nexport const defaultTexts: ConfirmationTexts = {\n    title: 'Введите код из\\xa0уведомления',\n    codeError: 'Код не подходит, проверьте его',\n    codeErrorExpired: 'Код устарел, запросите новый',\n    codeErrorExpiredEnded: 'Код устарел',\n    codeChecking: '',\n    codeSending: '',\n    buttonRetry: 'Запросить код',\n    hintTitle: 'Не\\xa0приходит код?',\n    hintDescription: 'Если\\xa0сменили номер, позвоните нам или обратитесь в\\xa0любой офис банка.',\n    hintNotification:\n        'Если номер не\\xa0меняли, попробуйте запросить код позже — возможно, перегружен сервис отправки уведомлений.',\n    linkToHint: 'Не\\xa0приходит код?',\n    hintButton: 'Вернуться к\\xa0вводу кода',\n    noAttemptsLeft: 'Не\\xa0осталось попыток запроса кода',\n    fatalErrorTitle: 'Ввести код больше нельзя',\n    fatalErrorDescription:\n        'Мы ограничили следующие попытки ввода, потому\\xa0что код был введён неверно больше 5 раз.',\n    fatalErrorButton: 'Понятно',\n    tempBlockTitle: 'Ввести код пока нельзя',\n    tempBlockDescription: 'Слишком много неверных попыток. Запросите новый позже',\n    tempBlockOverTitle: 'Ввод разблокирован',\n    tempBlockOverDescription: 'Теперь можно запросить новый код',\n    tempBlockOverButton: 'Запросить новый код',\n    codeSended: 'Код отправлен',\n    countdown: 'Запросить новый можно через',\n    domesticPhone: '8 800 200 00 00',\n    internationalPhone: '+7 495 78 888 78',\n};\n"],"names":[],"mappings":";;;;AAkPa,IAAA,YAAY,GAAsB;AAC3C,IAAA,KAAK,EAAE,+BAA+B;AACtC,IAAA,SAAS,EAAE,gCAAgC;AAC3C,IAAA,gBAAgB,EAAE,8BAA8B;AAChD,IAAA,qBAAqB,EAAE,aAAa;AACpC,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,eAAe,EAAE,4EAA4E;AAC7F,IAAA,gBAAgB,EACZ,6GAA6G;AACjH,IAAA,UAAU,EAAE,qBAAqB;AACjC,IAAA,UAAU,EAAE,2BAA2B;AACvC,IAAA,cAAc,EAAE,qCAAqC;AACrD,IAAA,eAAe,EAAE,0BAA0B;AAC3C,IAAA,qBAAqB,EACjB,2FAA2F;AAC/F,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,cAAc,EAAE,wBAAwB;AACxC,IAAA,oBAAoB,EAAE,uDAAuD;AAC7E,IAAA,kBAAkB,EAAE,oBAAoB;AACxC,IAAA,wBAAwB,EAAE,kCAAkC;AAC5D,IAAA,mBAAmB,EAAE,qBAAqB;AAC1C,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,SAAS,EAAE,6BAA6B;AACxC,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,kBAAkB,EAAE,kBAAkB;;;;;"}

package/cssm/utils.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ConfirmationProps } from './types';
+import { type ConfirmationProps } from './types';
 /**
  * Форматирование миллисекунд в hh:mm:ss.
  *

package/cssm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { ConfirmationProps } from './types';\n\n/**\n * Форматирование миллисекунд в hh:mm:ss.\n *\n * @param {Number} ms миллисекунды\n * @returns {String} время в формате mm:ss\n */\nexport function formatMsAsMinutes(ms: number) {\n    const totalSeconds = Math.ceil(ms / 1000);\n    const totalMinutes = Math.floor(totalSeconds / 60);\n    const totalHours = Math.floor(totalMinutes / 60);\n\n    const seconds = totalSeconds % 60;\n    const paddedSeconds = `00${seconds}`.slice(-2);\n\n    if (totalHours > 0) {\n        const minutes = totalMinutes % 60;\n\n        const paddedMinutes = `00${minutes}`.slice(-2);\n        const paddedHours = `00${totalHours}`.slice(-2);\n\n        return `${paddedHours}:${paddedMinutes}:${paddedSeconds}`;\n    }\n\n    const paddedMinutes = `00${totalMinutes}`.slice(-2);\n\n    return `${paddedMinutes}:${paddedSeconds}`;\n}\n\ntype UseCountdown = (countdownDuration: number, tick?: number) => [number, () => void, () => void];\n\n/**\n * Возвращает время, которое осталось до истечения таймера в ms\n */\nexport const useCountdown: UseCountdown = (countdownDuration, tick = 1000) => {\n    const timerId = useRef(0);\n\n    const start = useRef(0);\n\n    const [timePassed, setTimePassed] = useState(0);\n\n    const stopTimer = useCallback(() => {\n        window.clearInterval(timerId.current);\n    }, []);\n\n    const updateProgress = useCallback(() => {\n        const passed = Date.now() - start.current;\n\n        if (passed >= countdownDuration) {\n            stopTimer();\n\n            setTimePassed(countdownDuration);\n        } else {\n            setTimePassed(passed);\n        }\n    }, [countdownDuration, stopTimer]);\n\n    const startTimer = useCallback(() => {\n        stopTimer();\n\n        start.current = Date.now();\n\n        updateProgress();\n\n        timerId.current = window.setInterval(updateProgress, tick);\n    }, [stopTimer, updateProgress, tick]);\n\n    const timeLeft = countdownDuration - timePassed;\n\n    useEffect(\n        () => () => {\n            stopTimer();\n        },\n        [stopTimer],\n    );\n\n    return [timeLeft, startTimer, stopTimer];\n};\n\nexport const ONE_DAY = 24 * 60 * 60 * 1000;\nexport const ONE_MINUTE = 60 * 1000;\n\ntype UseConfirmationParams = {\n    state?: ConfirmationProps['state'];\n    screen?: ConfirmationProps['screen'];\n    blockSmsRetry?: ConfirmationProps['blockSmsRetry'];\n};\n\nexport const useConfirmation = ({ state, screen, blockSmsRetry }: UseConfirmationParams = {}) => {\n    const [confirmationState, setConfirmationState] = useState(state ?? 'INITIAL');\n    const [confirmationScreen, setConfirmationScreen] = useState(screen ?? 'INITIAL');\n    const [confirmationBlockSmsRetry, setConfirmationBlockSmsRetry] = useState(\n        blockSmsRetry ?? false,\n    );\n\n    return {\n        confirmationState,\n        confirmationScreen,\n        confirmationBlockSmsRetry,\n        setConfirmationState,\n        setConfirmationScreen,\n        setConfirmationBlockSmsRetry,\n    };\n};\n\nconst NON_NUMBER_OR_PLUS_REGEXP = new RegExp(/[^\\d+]/g);\n\n/**\n * @returns ссылку для набора номера\n */\nexport function getPhoneHref(phone: string): string {\n    return `tel:${phone.replace(NON_NUMBER_OR_PLUS_REGEXP, '')}`;\n}\n"],"names":["useRef","useState","useCallback","useEffect"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { type ConfirmationProps } from './types';\n\n/**\n * Форматирование миллисекунд в hh:mm:ss.\n *\n * @param {Number} ms миллисекунды\n * @returns {String} время в формате mm:ss\n */\nexport function formatMsAsMinutes(ms: number) {\n    const totalSeconds = Math.ceil(ms / 1000);\n    const totalMinutes = Math.floor(totalSeconds / 60);\n    const totalHours = Math.floor(totalMinutes / 60);\n\n    const seconds = totalSeconds % 60;\n    const paddedSeconds = `00${seconds}`.slice(-2);\n\n    if (totalHours > 0) {\n        const minutes = totalMinutes % 60;\n\n        const paddedMinutes = `00${minutes}`.slice(-2);\n        const paddedHours = `00${totalHours}`.slice(-2);\n\n        return `${paddedHours}:${paddedMinutes}:${paddedSeconds}`;\n    }\n\n    const paddedMinutes = `00${totalMinutes}`.slice(-2);\n\n    return `${paddedMinutes}:${paddedSeconds}`;\n}\n\ntype UseCountdown = (countdownDuration: number, tick?: number) => [number, () => void, () => void];\n\n/**\n * Возвращает время, которое осталось до истечения таймера в ms\n */\nexport const useCountdown: UseCountdown = (countdownDuration, tick = 1000) => {\n    const timerId = useRef(0);\n\n    const start = useRef(0);\n\n    const [timePassed, setTimePassed] = useState(0);\n\n    const stopTimer = useCallback(() => {\n        window.clearInterval(timerId.current);\n    }, []);\n\n    const updateProgress = useCallback(() => {\n        const passed = Date.now() - start.current;\n\n        if (passed >= countdownDuration) {\n            stopTimer();\n\n            setTimePassed(countdownDuration);\n        } else {\n            setTimePassed(passed);\n        }\n    }, [countdownDuration, stopTimer]);\n\n    const startTimer = useCallback(() => {\n        stopTimer();\n\n        start.current = Date.now();\n\n        updateProgress();\n\n        timerId.current = window.setInterval(updateProgress, tick);\n    }, [stopTimer, updateProgress, tick]);\n\n    const timeLeft = countdownDuration - timePassed;\n\n    useEffect(\n        () => () => {\n            stopTimer();\n        },\n        [stopTimer],\n    );\n\n    return [timeLeft, startTimer, stopTimer];\n};\n\nexport const ONE_DAY = 24 * 60 * 60 * 1000;\nexport const ONE_MINUTE = 60 * 1000;\n\ntype UseConfirmationParams = {\n    state?: ConfirmationProps['state'];\n    screen?: ConfirmationProps['screen'];\n    blockSmsRetry?: ConfirmationProps['blockSmsRetry'];\n};\n\nexport const useConfirmation = ({ state, screen, blockSmsRetry }: UseConfirmationParams = {}) => {\n    const [confirmationState, setConfirmationState] = useState(state ?? 'INITIAL');\n    const [confirmationScreen, setConfirmationScreen] = useState(screen ?? 'INITIAL');\n    const [confirmationBlockSmsRetry, setConfirmationBlockSmsRetry] = useState(\n        blockSmsRetry ?? false,\n    );\n\n    return {\n        confirmationState,\n        confirmationScreen,\n        confirmationBlockSmsRetry,\n        setConfirmationState,\n        setConfirmationScreen,\n        setConfirmationBlockSmsRetry,\n    };\n};\n\nconst NON_NUMBER_OR_PLUS_REGEXP = new RegExp(/[^\\d+]/g);\n\n/**\n * @returns ссылку для набора номера\n */\nexport function getPhoneHref(phone: string): string {\n    return `tel:${phone.replace(NON_NUMBER_OR_PLUS_REGEXP, '')}`;\n}\n"],"names":["useRef","useState","useCallback","useEffect"],"mappings":"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"}

package/desktop/component.desktop.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ConfirmationProps } from '../types';
+import { type FC } from 'react';
+import { type ConfirmationProps } from '../types';
 export declare type DesktopConfirmationProps = Omit<ConfirmationProps, 'mobile' | 'breakpoint'>;
 export declare const ConfirmationDesktop: FC<DesktopConfirmationProps>;

package/desktop/component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.desktop.js","sources":["../src/desktop/component.desktop.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { BaseConfirmation } from '../components/base-confirmation';\nimport { ConfirmationProps } from '../types';\n\nexport type DesktopConfirmationProps = Omit<ConfirmationProps, 'mobile' | 'breakpoint'>;\n\nexport const ConfirmationDesktop: FC<DesktopConfirmationProps> = (props) => (\n    <BaseConfirmation {...props} />\n);\n"],"names":["React","BaseConfirmation","__assign"],"mappings":";;;;;;;;;;;;AAOa,IAAA,mBAAmB,GAAiC,UAAC,KAAK,EAAK,EAAA,QACxEA,sBAAA,CAAA,aAAA,CAACC,0BAAgB,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI,EAClC;;;;"}
+{"version":3,"file":"component.desktop.js","sources":["../src/desktop/component.desktop.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { BaseConfirmation } from '../components/base-confirmation';\nimport { type ConfirmationProps } from '../types';\n\nexport type DesktopConfirmationProps = Omit<ConfirmationProps, 'mobile' | 'breakpoint'>;\n\nexport const ConfirmationDesktop: FC<DesktopConfirmationProps> = (props) => (\n    <BaseConfirmation {...props} />\n);\n"],"names":["React","BaseConfirmation","__assign"],"mappings":";;;;;;;;;;;;AAOa,IAAA,mBAAmB,GAAiC,UAAC,KAAK,EAAK,EAAA,QACxEA,sBAAA,CAAA,aAAA,CAACC,0BAAgB,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI,EAClC;;;;"}

package/esm/component.responsive.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ConfirmationProps } from './types';
+import { type FC } from 'react';
+import { type ConfirmationProps } from './types';
 export declare type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens' | 'breakpoint'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/esm/component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.responsive.js","sources":["../src/component.responsive.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ConfirmationDesktop } from './desktop';\nimport { ConfirmationMobile } from './mobile';\nimport { ConfirmationProps } from './types';\n\nexport type ResponsiveConfirmationProps = Omit<\n    ConfirmationProps,\n    'confirmationScreens' | 'breakpoint'\n> & {\n    /**\n     * Контрольная точка, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n\n    /**\n     * Значение по-умолчанию для хука useMatchMedia\n     * @deprecated Используйте client\n     */\n    defaultMatchMediaValue?: boolean | (() => boolean);\n};\n\nexport const ConfirmationResponsive: FC<ResponsiveConfirmationProps> = ({\n    breakpoint,\n    client,\n    defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n    ...restProps\n}) => {\n    const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n    return isDesktop ? (\n        <ConfirmationDesktop {...restProps} />\n    ) : (\n        <ConfirmationMobile breakpoint={breakpoint} {...restProps} />\n    );\n};\n"],"names":[],"mappings":";;;;;;AA8BO,IAAM,sBAAsB,GAAoC,UAAC,EAKvE,EAAA;AAJG,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAJwD,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,wBAAA,CAKvE,CADe;IAEZ,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,oBAAC,mBAAmB,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA,CAAI,KAEtC,KAAC,CAAA,aAAA,CAAA,kBAAkB,EAAC,QAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,CAAI,CAAA,CAChE;AACL;;;;"}
+{"version":3,"file":"component.responsive.js","sources":["../src/component.responsive.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ConfirmationDesktop } from './desktop';\nimport { ConfirmationMobile } from './mobile';\nimport { type ConfirmationProps } from './types';\n\nexport type ResponsiveConfirmationProps = Omit<\n    ConfirmationProps,\n    'confirmationScreens' | 'breakpoint'\n> & {\n    /**\n     * Контрольная точка, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n\n    /**\n     * Значение по-умолчанию для хука useMatchMedia\n     * @deprecated Используйте client\n     */\n    defaultMatchMediaValue?: boolean | (() => boolean);\n};\n\nexport const ConfirmationResponsive: FC<ResponsiveConfirmationProps> = ({\n    breakpoint,\n    client,\n    defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n    ...restProps\n}) => {\n    const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n    return isDesktop ? (\n        <ConfirmationDesktop {...restProps} />\n    ) : (\n        <ConfirmationMobile breakpoint={breakpoint} {...restProps} />\n    );\n};\n"],"names":[],"mappings":";;;;;;AA8BO,IAAM,sBAAsB,GAAoC,UAAC,EAKvE,EAAA;AAJG,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAJwD,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,wBAAA,CAKvE,CADe;IAEZ,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,oBAAC,mBAAmB,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA,CAAI,KAEtC,KAAC,CAAA,aAAA,CAAA,kBAAkB,EAAC,QAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,CAAI,CAAA,CAChE;AACL;;;;"}

package/esm/components/base-confirmation/component.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { ConfirmationProps } from '../../types';
+import { type FC } from 'react';
+import { type ConfirmationProps } from '../../types';
 export declare const BaseConfirmation: FC<ConfirmationProps>;

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

@@ -21,8 +21,8 @@ var confirmationScreens = {
 };
 var BaseConfirmation = function (_a) {
     var _b;
-    var state = _a.state, screen = _a.screen, _c = _a.alignContent, alignContent = _c === void 0 ? 'left' : _c; _a.children; var _d = _a.requiredCharAmount, requiredCharAmount = _d === void 0 ? 5 : _d, _e = _a.countdownDuration, countdownDuration = _e === void 0 ? ONE_MINUTE : _e, _f = _a.tempBlockDuration, tempBlockDuration = _f === void 0 ? ONE_DAY : _f, 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, _g = _a.clearCodeOnError, clearCodeOnError = _g === void 0 ? true : _g, _h = _a.hideCountdownSection, hideCountdownSection = _h === void 0 ? false : _h, breakpoint = _a.breakpoint, client = _a.client, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = __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"]);
-    var _j = useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
+    var state = _a.state, screen = _a.screen, _c = _a.titleTag, titleTag = _c === void 0 ? 'h3' : _c, _d = _a.alignContent, alignContent = _d === void 0 ? 'left' : _d; _a.children; var _e = _a.requiredCharAmount, requiredCharAmount = _e === void 0 ? 5 : _e, _f = _a.countdownDuration, countdownDuration = _f === void 0 ? ONE_MINUTE : _f, _g = _a.tempBlockDuration, tempBlockDuration = _g === void 0 ? ONE_DAY : _g, 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, _h = _a.clearCodeOnError, clearCodeOnError = _h === void 0 ? true : _h, _j = _a.hideCountdownSection, hideCountdownSection = _j === void 0 ? false : _j, breakpoint = _a.breakpoint, client = _a.client, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = __rest(_a, ["state", "screen", "titleTag", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "client", "initialScreenHintSlot", "errorVisibleDuration"]);
+    var _k = useCountdown(countdownDuration), timeLeft = _k[0], startTimer = _k[1], stopTimer = _k[2];
     var prevState = usePrevious(state);
     useEffect(function () {
         startTimer();
@@ -61,6 +61,7 @@ var BaseConfirmation = function (_a) {
     var contextValue = {
         hideCountdownSection: hideCountdownSection,
         alignContent: alignContent,
+        titleTag: titleTag,
         texts: __assign(__assign({}, defaultTexts), restProps.texts),
         state: state,
         screen: screen,
@@ -82,7 +83,7 @@ var BaseConfirmation = function (_a) {
         onSmsRetryClick: handleSmsRetry,
         onFatalErrorOkButtonClick: handleFatalErrorOkButtonClick,
     };
-    var customScreen = useMemo(function () { return getScreensMap && getScreensMap(confirmationScreens); }, [getScreensMap]);
+    var customScreen = useMemo(function () { return getScreensMap === null || getScreensMap === void 0 ? void 0 : getScreensMap(confirmationScreens); }, [getScreensMap]);
     var screensMap = customScreen || confirmationScreens;
     var CurrentScreen = screensMap[screen];
     return (React.createElement(ConfirmationContext.Provider, { value: contextValue },

package/esm/components/base-confirmation/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/base-confirmation/component.tsx"],"sourcesContent":["import React, { ComponentType, FC, useEffect, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../context';\nimport { ConfirmationProps, defaultTexts, TConfirmationContext } from '../../types';\nimport { ONE_DAY, ONE_MINUTE, useCountdown } from '../../utils';\nimport { FatalError, Hint, Initial, TempBlock, TempBlockOver } from '../screens';\n\nimport styles from './index.module.css';\n\nconst confirmationScreens: { [key: string]: ComponentType<{ mobile?: boolean }> } = {\n    INITIAL: Initial,\n    HINT: Hint,\n    FATAL_ERROR: FatalError,\n    TEMP_BLOCK: TempBlock,\n    TEMP_BLOCK_OVER: TempBlockOver,\n};\n\nexport const BaseConfirmation: FC<ConfirmationProps> = ({\n    state,\n    screen,\n    alignContent = 'left',\n    children,\n    requiredCharAmount = 5,\n    countdownDuration = ONE_MINUTE,\n    tempBlockDuration = ONE_DAY,\n    phone,\n    blockSmsRetry,\n    dataTestId,\n    className,\n    getScreensMap,\n    onInputFinished,\n    onChangeState,\n    onSmsRetryClick,\n    onChangeScreen,\n    onFatalErrorOkButtonClick,\n    onTempBlockFinished,\n    mobile,\n    clearCodeOnError = true,\n    hideCountdownSection = false,\n    breakpoint,\n    client,\n    initialScreenHintSlot,\n    errorVisibleDuration,\n    ...restProps\n}) => {\n    const [timeLeft, startTimer, stopTimer] = useCountdown(countdownDuration);\n\n    const prevState = usePrevious(state);\n\n    useEffect(() => {\n        startTimer();\n    }, [startTimer]);\n\n    useEffect(() => {\n        /**\n         * Перезапускаем таймер после повторного запроса кода\n         */\n        if (state === 'INITIAL' && prevState === 'CODE_SENDING') {\n            startTimer();\n        }\n    }, [state, prevState, startTimer]);\n\n    useEffect(() => {\n        /**\n         * Останавливаем таймер, если новый экран/состояние не содержит таймер\n         */\n        if (\n            !['INITIAL', 'HINT', 'TEMP_BLOCK', 'TEMP_BLOCK_OVER'].includes(screen) ||\n            blockSmsRetry\n        ) {\n            stopTimer();\n        }\n    }, [state, screen, blockSmsRetry, stopTimer]);\n\n    const handleSmsRetry = () => {\n        onChangeState('CODE_SENDING');\n\n        onSmsRetryClick();\n    };\n\n    const handleInputFinished = (code: string) => {\n        onChangeState('CODE_CHECKING');\n\n        onInputFinished(code);\n    };\n\n    const handleFatalErrorOkButtonClick = () => {\n        if (onFatalErrorOkButtonClick) {\n            onFatalErrorOkButtonClick();\n        }\n    };\n\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    const contextValue: TConfirmationContext = {\n        hideCountdownSection,\n        alignContent,\n        texts: { ...defaultTexts, ...restProps.texts },\n        state,\n        screen,\n        requiredCharAmount,\n        countdownDuration,\n        timeLeft,\n        tempBlockDuration,\n        phone,\n        blockSmsRetry,\n        breakpoint,\n        client,\n        onTempBlockFinished,\n        onChangeState,\n        onChangeScreen,\n        clearCodeOnError,\n        errorVisibleDuration,\n        initialScreenHintSlot,\n        onInputFinished: handleInputFinished,\n        onSmsRetryClick: handleSmsRetry,\n        onFatalErrorOkButtonClick: handleFatalErrorOkButtonClick,\n    };\n\n    const customScreen = useMemo(\n        () => getScreensMap && getScreensMap(confirmationScreens),\n        [getScreensMap],\n    );\n\n    const screensMap = customScreen || confirmationScreens;\n\n    const CurrentScreen = screensMap[screen];\n\n    return (\n        <ConfirmationContext.Provider value={contextValue}>\n            <div\n                className={cn(styles.component, className, {\n                    [styles.center]: alignContent === 'center',\n                })}\n                data-test-id={dataTestId}\n            >\n                {CurrentScreen && <CurrentScreen mobile={mobile} />}\n            </div>\n        </ConfirmationContext.Provider>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/base-confirmation/component.tsx"],"sourcesContent":["import React, { type ComponentType, type FC, useEffect, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../context';\nimport { type ConfirmationProps, defaultTexts, type TConfirmationContext } from '../../types';\nimport { ONE_DAY, ONE_MINUTE, useCountdown } from '../../utils';\nimport { FatalError, Hint, Initial, TempBlock, TempBlockOver } from '../screens';\n\nimport styles from './index.module.css';\n\nconst confirmationScreens: { [key: string]: ComponentType<{ mobile?: boolean }> } = {\n    INITIAL: Initial,\n    HINT: Hint,\n    FATAL_ERROR: FatalError,\n    TEMP_BLOCK: TempBlock,\n    TEMP_BLOCK_OVER: TempBlockOver,\n};\n\nexport const BaseConfirmation: FC<ConfirmationProps> = ({\n    state,\n    screen,\n    titleTag = 'h3',\n    alignContent = 'left',\n    children,\n    requiredCharAmount = 5,\n    countdownDuration = ONE_MINUTE,\n    tempBlockDuration = ONE_DAY,\n    phone,\n    blockSmsRetry,\n    dataTestId,\n    className,\n    getScreensMap,\n    onInputFinished,\n    onChangeState,\n    onSmsRetryClick,\n    onChangeScreen,\n    onFatalErrorOkButtonClick,\n    onTempBlockFinished,\n    mobile,\n    clearCodeOnError = true,\n    hideCountdownSection = false,\n    breakpoint,\n    client,\n    initialScreenHintSlot,\n    errorVisibleDuration,\n    ...restProps\n}) => {\n    const [timeLeft, startTimer, stopTimer] = useCountdown(countdownDuration);\n\n    const prevState = usePrevious(state);\n\n    useEffect(() => {\n        startTimer();\n    }, [startTimer]);\n\n    useEffect(() => {\n        /**\n         * Перезапускаем таймер после повторного запроса кода\n         */\n        if (state === 'INITIAL' && prevState === 'CODE_SENDING') {\n            startTimer();\n        }\n    }, [state, prevState, startTimer]);\n\n    useEffect(() => {\n        /**\n         * Останавливаем таймер, если новый экран/состояние не содержит таймер\n         */\n        if (\n            !['INITIAL', 'HINT', 'TEMP_BLOCK', 'TEMP_BLOCK_OVER'].includes(screen) ||\n            blockSmsRetry\n        ) {\n            stopTimer();\n        }\n    }, [state, screen, blockSmsRetry, stopTimer]);\n\n    const handleSmsRetry = () => {\n        onChangeState('CODE_SENDING');\n\n        onSmsRetryClick();\n    };\n\n    const handleInputFinished = (code: string) => {\n        onChangeState('CODE_CHECKING');\n\n        onInputFinished(code);\n    };\n\n    const handleFatalErrorOkButtonClick = () => {\n        if (onFatalErrorOkButtonClick) {\n            onFatalErrorOkButtonClick();\n        }\n    };\n\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    const contextValue: TConfirmationContext = {\n        hideCountdownSection,\n        alignContent,\n        titleTag,\n        texts: { ...defaultTexts, ...restProps.texts },\n        state,\n        screen,\n        requiredCharAmount,\n        countdownDuration,\n        timeLeft,\n        tempBlockDuration,\n        phone,\n        blockSmsRetry,\n        breakpoint,\n        client,\n        onTempBlockFinished,\n        onChangeState,\n        onChangeScreen,\n        clearCodeOnError,\n        errorVisibleDuration,\n        initialScreenHintSlot,\n        onInputFinished: handleInputFinished,\n        onSmsRetryClick: handleSmsRetry,\n        onFatalErrorOkButtonClick: handleFatalErrorOkButtonClick,\n    };\n\n    const customScreen = useMemo(() => getScreensMap?.(confirmationScreens), [getScreensMap]);\n\n    const screensMap = customScreen || confirmationScreens;\n\n    const CurrentScreen = screensMap[screen];\n\n    return (\n        <ConfirmationContext.Provider value={contextValue}>\n            <div\n                className={cn(styles.component, className, {\n                    [styles.center]: alignContent === 'center',\n                })}\n                data-test-id={dataTestId}\n            >\n                {CurrentScreen && <CurrentScreen mobile={mobile} />}\n            </div>\n        </ConfirmationContext.Provider>\n    );\n};\n"],"names":[],"mappings":"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"}

package/esm/components/base-confirmation/index.css

@@ -2,10 +2,10 @@
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
 } :root {
     --gap-0: 0px;
-} .confirmation__component_157mx {
+} .confirmation__component_13wzo {
     width: 100%;
     max-width: 388px;
-    color: var(--color-light-text-secondary)
-} .confirmation__component_157mx.confirmation__center_157mx {
+    color: var(--color-light-text-secondary);
+} .confirmation__component_13wzo.confirmation__center_13wzo {
         margin: var(--gap-0) auto;
     }

package/esm/components/base-confirmation/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"confirmation__component_157mx","center":"confirmation__center_157mx"};
+var styles = {"component":"confirmation__component_13wzo","center":"confirmation__center_13wzo"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/base-confirmation/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    width: 100%;\n    max-width: 388px;\n    color: var(--color-light-text-secondary);\n\n    &.center {\n        margin: var(--gap-0) auto;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    width: 100%;\n    max-width: 388px;\n    color: var(--color-light-text-secondary);\n\n    &.center {\n        margin: var(--gap-0) auto;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/esm/components/countdown-loader/component.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 declare type Props = {
     progress: number;
     className?: string;

package/esm/components/countdown-loader/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/countdown-loader/component.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    progress: number; // 0-1\n    className?: string;\n};\n\nconst SIZE = 16;\nconst STROKE_WIDTH = 2;\n\nconst CENTER = SIZE / 2;\nconst RADIUS = CENTER - STROKE_WIDTH / 2;\n/** Длина окружности */\nconst CIRCUMFERENCE = Math.PI * RADIUS * 2;\n\nexport const CountdownLoader: FC<Props> = ({ progress, className }) => {\n    const value = Math.min(progress, 1);\n\n    const strokeDasharray = CIRCUMFERENCE.toFixed(2);\n    const strokeDashoffset = (value * CIRCUMFERENCE).toFixed(2);\n\n    return (\n        <svg width={SIZE} height={SIZE} viewBox={`0 0 ${SIZE} ${SIZE}`} className={className}>\n            <circle\n                cx={CENTER}\n                cy={CENTER}\n                r={RADIUS}\n                strokeDasharray={strokeDasharray}\n                strokeDashoffset={strokeDashoffset}\n                transform={`rotate(-90 ${CENTER} ${CENTER})`}\n                className={styles.circle}\n            />\n        </svg>\n    );\n};\n"],"names":[],"mappings":";;;AASA,IAAM,IAAI,GAAG,EAAE;AACf,IAAM,YAAY,GAAG,CAAC;AAEtB,IAAM,MAAM,GAAG,IAAI,GAAG,CAAC;AACvB,IAAM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,CAAC;AACxC;AACA,IAAM,aAAa,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC;AAEnC,IAAM,eAAe,GAAc,UAAC,EAAuB,EAAA;QAArB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;IAC5D,IAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnC,IAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AAChD,IAAA,IAAM,gBAAgB,GAAG,CAAC,KAAK,GAAG,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3D,QACI,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAA,CAAA,MAAA,CAAO,IAAI,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,IAAI,CAAE,EAAE,SAAS,EAAE,SAAS,EAAA;AAChF,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,aAAA,CAAA,MAAA,CAAc,MAAM,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,MAAM,EAAG,GAAA,CAAA,EAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,EAC1B,CAAA,CACA;AAEd;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/countdown-loader/component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    progress: number; // 0-1\n    className?: string;\n};\n\nconst SIZE = 16;\nconst STROKE_WIDTH = 2;\n\nconst CENTER = SIZE / 2;\nconst RADIUS = CENTER - STROKE_WIDTH / 2;\n/** Длина окружности */\nconst CIRCUMFERENCE = Math.PI * RADIUS * 2;\n\nexport const CountdownLoader: FC<Props> = ({ progress, className }) => {\n    const value = Math.min(progress, 1);\n\n    const strokeDasharray = CIRCUMFERENCE.toFixed(2);\n    const strokeDashoffset = (value * CIRCUMFERENCE).toFixed(2);\n\n    return (\n        <svg width={SIZE} height={SIZE} viewBox={`0 0 ${SIZE} ${SIZE}`} className={className}>\n            <circle\n                cx={CENTER}\n                cy={CENTER}\n                r={RADIUS}\n                strokeDasharray={strokeDasharray}\n                strokeDashoffset={strokeDashoffset}\n                transform={`rotate(-90 ${CENTER} ${CENTER})`}\n                className={styles.circle}\n            />\n        </svg>\n    );\n};\n"],"names":[],"mappings":";;;AASA,IAAM,IAAI,GAAG,EAAE;AACf,IAAM,YAAY,GAAG,CAAC;AAEtB,IAAM,MAAM,GAAG,IAAI,GAAG,CAAC;AACvB,IAAM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,CAAC;AACxC;AACA,IAAM,aAAa,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC;AAEnC,IAAM,eAAe,GAAc,UAAC,EAAuB,EAAA;QAArB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;IAC5D,IAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnC,IAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AAChD,IAAA,IAAM,gBAAgB,GAAG,CAAC,KAAK,GAAG,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3D,QACI,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAA,CAAA,MAAA,CAAO,IAAI,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,IAAI,CAAE,EAAE,SAAS,EAAE,SAAS,EAAA;AAChF,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,aAAA,CAAA,MAAA,CAAc,MAAM,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,MAAM,EAAG,GAAA,CAAA,EAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,EAC1B,CAAA,CACA;AAEd;;;;"}

package/esm/components/countdown-loader/index.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-neutral-500: #babbc2;
-} .confirmation__circle_1oce5 {
+} .confirmation__circle_1n1qw {
     fill: transparent;
     stroke: var(--color-light-neutral-500);
     stroke-width: 2px;

package/esm/components/countdown-loader/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"circle":"confirmation__circle_1oce5"};
+var styles = {"circle":"confirmation__circle_1n1qw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/countdown-loader/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/countdown-loader/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.circle {\n    fill: transparent;\n    stroke: var(--color-light-neutral-500);\n    stroke-width: 2px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/countdown-loader/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.circle {\n    fill: transparent;\n    stroke: var(--color-light-neutral-500);\n    stroke-width: 2px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/esm/components/header/component.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 export declare type HeaderProps = {
     /**
      * Контент шапки
@@ -8,5 +8,10 @@ export declare type HeaderProps = {
      * Отображать в мобильной версии экран компонента
      */
     mobile?: boolean;
+    /**
+     * HTML тег для заголовка
+     * @default 'h3'
+     */
+    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 };
 export declare const Header: FC<HeaderProps>;

package/esm/components/header/component.js

@@ -5,8 +5,8 @@ import styles from './index.module.css.js';
 
 var Header = function (_a) {
     var _b;
-    var mobile = _a.mobile, children = _a.children;
-    return (React.createElement(TitleDesktop, { className: cn(styles.header, styles.typography, (_b = {}, _b[styles.typographyMobile] = mobile, _b)), tag: 'h3', color: 'primary' }, children));
+    var mobile = _a.mobile, children = _a.children, _c = _a.titleTag, titleTag = _c === void 0 ? 'h3' : _c;
+    return (React.createElement(TitleDesktop, { className: cn(styles.header, styles.typography, (_b = {}, _b[styles.typographyMobile] = mobile, _b)), tag: titleTag, color: 'primary' }, children));
 };
 
 export { Header };

package/esm/components/header/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/header/component.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport cn from 'classnames';\n\nimport { TitleDesktop } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    /**\n     * Контент шапки\n     */\n    children?: ReactNode;\n\n    /**\n     * Отображать в мобильной версии экран компонента\n     */\n    mobile?: boolean;\n};\n\nexport const Header: FC<HeaderProps> = ({ mobile, children }) => (\n    <TitleDesktop\n        className={cn(styles.header, styles.typography, { [styles.typographyMobile]: mobile })}\n        tag='h3'\n        color='primary'\n    >\n        {children}\n    </TitleDesktop>\n);\n"],"names":[],"mappings":";;;;;AAmBO,IAAM,MAAM,GAAoB,UAAC,EAAoB,EAAA;;QAAlB,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,IAAA,QAC7D,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,gBAAgB,CAAA,GAAG,MAAM,EAAA,EAAA,EAAG,EACtF,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,SAAS,EAEd,EAAA,QAAQ,CACE;AAP8C;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/header/component.tsx"],"sourcesContent":["import React, { type FC, type ReactNode } from 'react';\nimport cn from 'classnames';\n\nimport { TitleDesktop } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    /**\n     * Контент шапки\n     */\n    children?: ReactNode;\n\n    /**\n     * Отображать в мобильной версии экран компонента\n     */\n    mobile?: boolean;\n\n    /**\n     * HTML тег для заголовка\n     * @default 'h3'\n     */\n    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport const Header: FC<HeaderProps> = ({ mobile, children, titleTag = 'h3' }) => (\n    <TitleDesktop\n        className={cn(styles.header, styles.typography, { [styles.typographyMobile]: mobile })}\n        tag={titleTag}\n        color='primary'\n    >\n        {children}\n    </TitleDesktop>\n);\n"],"names":[],"mappings":";;;;;AAyBO,IAAM,MAAM,GAAoB,UAAC,EAAqC,EAAA;;QAAnC,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,gBAAe,EAAf,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA;AAAO,IAAA,QAC9E,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,gBAAgB,CAAA,GAAG,MAAM,EAAA,EAAA,EAAG,EACtF,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,SAAS,EAEd,EAAA,QAAQ,CACE;AAP+D;;;;"}

package/esm/components/header/index.css

@@ -2,8 +2,8 @@
     --gap-xl: 24px;
     --gap-24: var(--gap-xl);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --confirmation-header-desktop-font-size: 22px;
     --confirmation-header-desktop-line-height: 26px;
@@ -14,15 +14,15 @@
     --confirmation-header-mobile-font-weight: 600;
     --confirmation-header-mobile-font-family: var(--font-family-system);
     --confirmation-header-font-feature-settings: normal
-} .confirmation__header_16uop.confirmation__header_16uop {
+} .confirmation__header_120td.confirmation__header_120td {
     margin-bottom: var(--gap-24);
-} .confirmation__typography_16uop.confirmation__typography_16uop.confirmation__typography_16uop {
+} .confirmation__typography_120td.confirmation__typography_120td.confirmation__typography_120td {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-desktop-font-size);
     line-height: var(--confirmation-header-desktop-line-height);
     font-weight: var(--confirmation-header-desktop-font-weight);
     font-family: var(--confirmation-header-desktop-font-family);
-} .confirmation__typographyMobile_16uop.confirmation__typographyMobile_16uop.confirmation__typographyMobile_16uop {
+} .confirmation__typographyMobile_120td.confirmation__typographyMobile_120td.confirmation__typographyMobile_120td {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-mobile-font-size);
     line-height: var(--confirmation-header-mobile-line-height);

package/esm/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"header":"confirmation__header_16uop","typography":"confirmation__typography_16uop","typographyMobile":"confirmation__typographyMobile_16uop"};
+var styles = {"header":"confirmation__header_120td","typography":"confirmation__typography_120td","typographyMobile":"confirmation__typographyMobile_120td"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/screens/fatal-error/component.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 export declare type FatalErrorProps = {
     /**
      * Отображать в мобильной версии экран компонента

package/esm/components/screens/fatal-error/component.js

@@ -9,9 +9,9 @@ import styles from './index.module.css.js';
 var FatalError = function (_a) {
     var _b;
     var mobile = _a.mobile;
-    var _c = useContext(ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint, client = _c.client;
+    var _c = useContext(ConfirmationContext), alignContent = _c.alignContent, titleTag = _c.titleTag, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint, client = _c.client;
     return (React.createElement("div", { className: cn(styles.component, styles[alignContent]) },
-        React.createElement(Header, { mobile: mobile }, texts.fatalErrorTitle),
+        React.createElement(Header, { mobile: mobile, titleTag: titleTag }, texts.fatalErrorTitle),
         React.createElement(Text, { view: 'primary-medium', color: 'primary', className: cn((_b = {},
                 _b[styles.typographyTheme] = !mobile,
                 _b[styles.typographyThemeMobile] = mobile,

package/esm/components/screens/fatal-error/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/components/screens/fatal-error/component.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type FatalErrorProps = {\n    /**\n     * Отображать в мобильной версии экран компонента\n     */\n    mobile?: boolean;\n};\n\nexport const FatalError: FC<FatalErrorProps> = ({ mobile }) => {\n    const { alignContent, texts, onFatalErrorOkButtonClick, breakpoint, client } =\n        useContext(ConfirmationContext);\n\n    return (\n        <div className={cn(styles.component, styles[alignContent])}>\n            <Header mobile={mobile}>{texts.fatalErrorTitle}</Header>\n\n            <Text\n                view='primary-medium'\n                color='primary'\n                className={cn({\n                    [styles.typographyTheme]: !mobile,\n                    [styles.typographyThemeMobile]: mobile,\n                })}\n            >\n                {texts.fatalErrorDescription}\n            </Text>\n\n            <Button\n                size={mobile ? 'xs' : 's'}\n                view='secondary'\n                onClick={onFatalErrorOkButtonClick}\n                className={styles.button}\n                breakpoint={breakpoint}\n                client={client}\n            >\n                {texts.fatalErrorButton}\n            </Button>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO,IAAM,UAAU,GAAwB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAC9C,IAAA,EAAA,GACF,UAAU,CAAC,mBAAmB,CAAC,EAD3B,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,yBAAyB,+BAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YACvC;AAEnC,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,EAAA;QACtD,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,MAAM,EAAE,MAAM,EAAG,EAAA,KAAK,CAAC,eAAe,CAAU;AAExD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,EAAA,EAAA,GAAA,EAAA;AACT,gBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,qBAAqB,CACzB;AAEP,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,EACzB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,yBAAyB,EAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,gBAAgB,CAClB,CACP;AAEd;;;;"}
+{"version":3,"file":"component.js","sources":["../../../../src/components/screens/fatal-error/component.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type FatalErrorProps = {\n    /**\n     * Отображать в мобильной версии экран компонента\n     */\n    mobile?: boolean;\n};\n\nexport const FatalError: FC<FatalErrorProps> = ({ mobile }) => {\n    const { alignContent, titleTag, texts, onFatalErrorOkButtonClick, breakpoint, client } =\n        useContext(ConfirmationContext);\n\n    return (\n        <div className={cn(styles.component, styles[alignContent])}>\n            <Header mobile={mobile} titleTag={titleTag}>\n                {texts.fatalErrorTitle}\n            </Header>\n\n            <Text\n                view='primary-medium'\n                color='primary'\n                className={cn({\n                    [styles.typographyTheme]: !mobile,\n                    [styles.typographyThemeMobile]: mobile,\n                })}\n            >\n                {texts.fatalErrorDescription}\n            </Text>\n\n            <Button\n                size={mobile ? 'xs' : 's'}\n                view='secondary'\n                onClick={onFatalErrorOkButtonClick}\n                className={styles.button}\n                breakpoint={breakpoint}\n                client={client}\n            >\n                {texts.fatalErrorButton}\n            </Button>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO,IAAM,UAAU,GAAwB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAC9C,IAAA,EAAA,GACF,UAAU,CAAC,mBAAmB,CAAC,EAD3B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MACjD;AAEnC,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACrC,KAAK,CAAC,eAAe,CACjB;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,EAAA,EAAA,GAAA,EAAA;AACT,gBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,qBAAqB,CACzB;AAEP,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,EACzB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,yBAAyB,EAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,gBAAgB,CAClB,CACP;AAEd;;;;"}

package/esm/components/screens/fatal-error/index.css

@@ -5,32 +5,30 @@
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --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_qvtxu {
+} .confirmation__component_m1yln {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_qvtxu.confirmation__typographyTheme_qvtxu {
+} .confirmation__typographyTheme_m1yln.confirmation__typographyTheme_m1yln {
     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_qvtxu.confirmation__typographyThemeMobile_qvtxu {
+} .confirmation__typographyThemeMobile_m1yln.confirmation__typographyThemeMobile_m1yln {
     color: var(--color-light-text-secondary);
-} .confirmation__left_qvtxu {
+} .confirmation__left_m1yln {
     align-items: flex-start;
-} .confirmation__center_qvtxu {
+} .confirmation__center_m1yln {
     align-items: center;
     text-align: center;
-} .confirmation__button_qvtxu.confirmation__button_qvtxu {
+} .confirmation__button_m1yln.confirmation__button_m1yln {
     margin-top: var(--gap-32);
 }

package/esm/components/screens/fatal-error/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"confirmation__component_qvtxu","typographyTheme":"confirmation__typographyTheme_qvtxu","typographyThemeMobile":"confirmation__typographyThemeMobile_qvtxu","left":"confirmation__left_qvtxu","center":"confirmation__center_qvtxu","button":"confirmation__button_qvtxu"};
+var styles = {"component":"confirmation__component_m1yln","typographyTheme":"confirmation__typographyTheme_m1yln","typographyThemeMobile":"confirmation__typographyThemeMobile_m1yln","left":"confirmation__left_m1yln","center":"confirmation__center_m1yln","button":"confirmation__button_m1yln"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/screens/hint/component.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 export declare type HintProps = {
     /**
      * Отображать в мобильной версии экран компонента

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

@@ -11,14 +11,14 @@ import styles from './index.module.css.js';
 var Hint = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var mobile = _a.mobile;
-    var _l = useContext(ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
+    var _l = useContext(ConfirmationContext), alignContent = _l.alignContent, titleTag = _l.titleTag, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
     var _m = texts.domesticPhone, domesticPhone = _m === void 0 ? '' : _m, _o = texts.internationalPhone, internationalPhone = _o === void 0 ? '' : _o, hintButton = texts.hintButton;
     var handleReturnButtonClick = function () {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
     };
     return (React.createElement("div", { className: cn(styles.component, styles[alignContent]) },
-        React.createElement(Header, { mobile: mobile }, texts.hintTitle),
+        React.createElement(Header, { mobile: mobile, titleTag: titleTag }, texts.hintTitle),
         React.createElement(Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, (_b = {},
                 _b[styles.typographyTheme] = !mobile,
                 _b[styles.typographyThemeMobile] = mobile,

package/esm/components/screens/hint/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/components/screens/hint/component.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Link } from '@alfalab/core-components-link';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { getPhoneHref } from '../../../utils';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type HintProps = {\n    /**\n     * Отображать в мобильной версии экран компонента\n     */\n    mobile?: boolean;\n};\n\nexport const Hint: FC<HintProps> = ({ mobile }) => {\n    const { alignContent, texts, onChangeScreen, onChangeState, breakpoint, client } =\n        useContext(ConfirmationContext);\n\n    const { domesticPhone = '', internationalPhone = '', hintButton } = texts;\n\n    const handleReturnButtonClick = () => {\n        onChangeScreen('INITIAL');\n        onChangeState('INITIAL');\n    };\n\n    return (\n        <div className={cn(styles.component, styles[alignContent])}>\n            <Header mobile={mobile}>{texts.hintTitle}</Header>\n\n            <Text\n                view='primary-medium'\n                color='primary'\n                className={cn(styles.text, {\n                    [styles.typographyTheme]: !mobile,\n                    [styles.typographyThemeMobile]: mobile,\n                })}\n            >\n                {texts.hintDescription}\n            </Text>\n\n            <div\n                className={cn(styles.phonesWrap, {\n                    [styles.phonesWrapMobile]: mobile,\n                })}\n            >\n                <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n                    <Link\n                        href={getPhoneHref(internationalPhone)}\n                        underline={false}\n                        className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n                    >\n                        {internationalPhone}\n                    </Link>\n                    <Text\n                        view='primary-medium'\n                        color='primary'\n                        className={cn(styles.text, {\n                            [styles.typographyTheme]: !mobile,\n                            [styles.typographyThemeMobile]: mobile,\n                        })}\n                    >\n                        {mobile\n                            ? 'В\\u00A0Москве и\\u00A0за\\u00A0границей'\n                            : ' \\u2014\\u00A0в\\u00A0Москве и\\u00A0за\\u00A0границей'}\n                    </Text>\n                </div>\n\n                <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n                    <Link\n                        href={getPhoneHref(domesticPhone)}\n                        underline={false}\n                        className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n                    >\n                        {domesticPhone}\n                    </Link>\n                    <Text\n                        view='primary-medium'\n                        color='primary'\n                        className={cn(styles.text, {\n                            [styles.typographyTheme]: !mobile,\n                            [styles.typographyThemeMobile]: mobile,\n                        })}\n                    >\n                        {mobile\n                            ? 'Для\\u00A0звонков по\\u00A0России'\n                            : ' \\u2014\\u00A0для звонков по\\u00A0России'}\n                    </Text>\n                </div>\n            </div>\n\n            <Text\n                view='primary-medium'\n                color='primary'\n                className={cn(styles.text, {\n                    [styles.typographyTheme]: !mobile,\n                    [styles.typographyThemeMobile]: mobile,\n                })}\n            >\n                {texts.hintNotification}\n            </Text>\n            <Button\n                size={mobile ? 'xs' : 's'}\n                view='secondary'\n                onClick={handleReturnButtonClick}\n                className={styles.hintButton}\n                breakpoint={breakpoint}\n                client={client}\n            >\n                {hintButton}\n            </Button>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,IAAM,IAAI,GAAkB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAClC,IAAA,EAAA,GACF,UAAU,CAAC,mBAAmB,CAAC,EAD3B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAC3C;IAE3B,IAAA,EAAA,GAA4D,KAAK,CAA/C,aAAA,EAAlB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAE,EAAwC,GAAA,KAAK,mBAAtB,EAAvB,kBAAkB,mBAAG,EAAE,GAAA,EAAA,EAAE,UAAU,GAAK,KAAK,CAAA,UAAV;AAE/D,IAAA,IAAM,uBAAuB,GAAG,YAAA;QAC5B,cAAc,CAAC,SAAS,CAAC;QACzB,aAAa,CAAC,SAAS,CAAC;AAC5B,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,EAAA;QACtD,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,MAAM,EAAE,MAAM,EAAG,EAAA,KAAK,CAAC,SAAS,CAAU;AAElD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,gBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,eAAe,CACnB;AAEP,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAA,EAAA,GAAA,EAAA;AAC3B,gBAAA,EAAA,CAAC,MAAM,CAAC,gBAAgB,CAAA,GAAG,MAAM;AACnC,gBAAA,EAAA,EAAA,EAAA;AAEF,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,kBAAkB,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACzE,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,EACtC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAA,MAAM,CAAC,qBAAqB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAAA,EAE1E,kBAAkB,CAChB;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,wBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,wBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACxC,wBAAA,EAAA,EAAA,EAAA,EAED;AACG,sBAAE;sBACA,oDAAoD,CACvD,CACL;AAEN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,kBAAkB,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACzE,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAE,YAAY,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAA,MAAM,CAAC,qBAAqB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAAA,EAE1E,aAAa,CACX;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,wBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,wBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACxC,wBAAA,EAAA,EAAA,EAAA,EAED;AACG,sBAAE;AACF,sBAAE,yCAAyC,CAC5C,CACL,CACJ;AAEN,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,gBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,gBAAgB,CACpB;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,EACzB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EAAA,EAEb,UAAU,CACN,CACP;AAEd;;;;"}
+{"version":3,"file":"component.js","sources":["../../../../src/components/screens/hint/component.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Link } from '@alfalab/core-components-link';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { getPhoneHref } from '../../../utils';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type HintProps = {\n    /**\n     * Отображать в мобильной версии экран компонента\n     */\n    mobile?: boolean;\n};\n\nexport const Hint: FC<HintProps> = ({ mobile }) => {\n    const { alignContent, titleTag, texts, onChangeScreen, onChangeState, breakpoint, client } =\n        useContext(ConfirmationContext);\n\n    const { domesticPhone = '', internationalPhone = '', hintButton } = texts;\n\n    const handleReturnButtonClick = () => {\n        onChangeScreen('INITIAL');\n        onChangeState('INITIAL');\n    };\n\n    return (\n        <div className={cn(styles.component, styles[alignContent])}>\n            <Header mobile={mobile} titleTag={titleTag}>\n                {texts.hintTitle}\n            </Header>\n\n            <Text\n                view='primary-medium'\n                color='primary'\n                className={cn(styles.text, {\n                    [styles.typographyTheme]: !mobile,\n                    [styles.typographyThemeMobile]: mobile,\n                })}\n            >\n                {texts.hintDescription}\n            </Text>\n\n            <div\n                className={cn(styles.phonesWrap, {\n                    [styles.phonesWrapMobile]: mobile,\n                })}\n            >\n                <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n                    <Link\n                        href={getPhoneHref(internationalPhone)}\n                        underline={false}\n                        className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n                    >\n                        {internationalPhone}\n                    </Link>\n                    <Text\n                        view='primary-medium'\n                        color='primary'\n                        className={cn(styles.text, {\n                            [styles.typographyTheme]: !mobile,\n                            [styles.typographyThemeMobile]: mobile,\n                        })}\n                    >\n                        {mobile\n                            ? 'В\\u00A0Москве и\\u00A0за\\u00A0границей'\n                            : ' \\u2014\\u00A0в\\u00A0Москве и\\u00A0за\\u00A0границей'}\n                    </Text>\n                </div>\n\n                <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n                    <Link\n                        href={getPhoneHref(domesticPhone)}\n                        underline={false}\n                        className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n                    >\n                        {domesticPhone}\n                    </Link>\n                    <Text\n                        view='primary-medium'\n                        color='primary'\n                        className={cn(styles.text, {\n                            [styles.typographyTheme]: !mobile,\n                            [styles.typographyThemeMobile]: mobile,\n                        })}\n                    >\n                        {mobile\n                            ? 'Для\\u00A0звонков по\\u00A0России'\n                            : ' \\u2014\\u00A0для звонков по\\u00A0России'}\n                    </Text>\n                </div>\n            </div>\n\n            <Text\n                view='primary-medium'\n                color='primary'\n                className={cn(styles.text, {\n                    [styles.typographyTheme]: !mobile,\n                    [styles.typographyThemeMobile]: mobile,\n                })}\n            >\n                {texts.hintNotification}\n            </Text>\n            <Button\n                size={mobile ? 'xs' : 's'}\n                view='secondary'\n                onClick={handleReturnButtonClick}\n                className={styles.hintButton}\n                breakpoint={breakpoint}\n                client={client}\n            >\n                {hintButton}\n            </Button>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,IAAM,IAAI,GAAkB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAClC,IAAA,EAAA,GACF,UAAU,CAAC,mBAAmB,CAAC,EAD3B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,WAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MACrD;IAE3B,IAAA,EAAA,GAA4D,KAAK,CAA/C,aAAA,EAAlB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAE,EAAwC,GAAA,KAAK,mBAAtB,EAAvB,kBAAkB,mBAAG,EAAE,GAAA,EAAA,EAAE,UAAU,GAAK,KAAK,CAAA,UAAV;AAE/D,IAAA,IAAM,uBAAuB,GAAG,YAAA;QAC5B,cAAc,CAAC,SAAS,CAAC;QACzB,aAAa,CAAC,SAAS,CAAC;AAC5B,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACrC,KAAK,CAAC,SAAS,CACX;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,gBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,eAAe,CACnB;AAEP,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAA,EAAA,GAAA,EAAA;AAC3B,gBAAA,EAAA,CAAC,MAAM,CAAC,gBAAgB,CAAA,GAAG,MAAM;AACnC,gBAAA,EAAA,EAAA,EAAA;AAEF,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,kBAAkB,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACzE,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAC,EACtC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAA,MAAM,CAAC,qBAAqB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAAA,EAE1E,kBAAkB,CAChB;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,wBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,wBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACxC,wBAAA,EAAA,EAAA,EAAA,EAED;AACG,sBAAE;sBACA,oDAAoD,CACvD,CACL;AAEN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,CAAC,kBAAkB,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACzE,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAE,YAAY,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAA,MAAM,CAAC,qBAAqB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAAA,EAE1E,aAAa,CACX;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,wBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,wBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACxC,wBAAA,EAAA,EAAA,EAAA,EAED;AACG,sBAAE;AACF,sBAAE,yCAAyC,CAC5C,CACL,CACJ;AAEN,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,gBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAAC,MAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,gBAAgB,CACpB;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,EACzB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EAAA,EAEb,UAAU,CACN,CACP;AAEd;;;;"}