npm - @alfalab/core-components-confirmation - Versions diffs - 15.0.11 → 15.1.0 - Mend

@alfalab/core-components-confirmation 15.0.11 → 15.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

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

@@ -27,64 +27,64 @@
 :root {
     --confirmation-text-color: var(--color-light-text-primary)
 }
-.confirmation__component_1cgem {
+.confirmation__component_dwua5 {
     display: flex;
     flex-direction: column;
 }
-.confirmation__phone_1cgem.confirmation__phone_1cgem {
+.confirmation__phone_dwua5.confirmation__phone_dwua5 {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-32);
 }
-.confirmation__typographyTheme_1cgem.confirmation__typographyTheme_1cgem {
+.confirmation__typographyTheme_dwua5.confirmation__typographyTheme_dwua5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_1cgem.confirmation__typographyThemeMobile_1cgem {
+.confirmation__typographyThemeMobile_dwua5.confirmation__typographyThemeMobile_dwua5 {
     color: var(--color-light-text-secondary);
 }
-.confirmation__compact_1cgem {
+.confirmation__compact_dwua5 {
     margin-bottom: var(--gap-24);
 }
-.confirmation__loaderWrap_1cgem {
+.confirmation__loaderWrap_dwua5 {
     display: flex;
     align-items: center;
 }
-.confirmation__left_1cgem {
+.confirmation__left_dwua5 {
     align-items: flex-start;
 }
-.confirmation__center_1cgem {
+.confirmation__center_dwua5 {
     align-items: center;
     text-align: center;
 }
-.confirmation__center_1cgem .confirmation__loaderWrap_1cgem {
+.confirmation__center_dwua5 .confirmation__loaderWrap_dwua5 {
         justify-content: center;
     }
-.confirmation__codeInput_1cgem {
+.confirmation__codeInput_dwua5 {
     margin-bottom: var(--gap-12);
 }
-.confirmation__smsBtn_1cgem.confirmation__smsBtn_1cgem {
+.confirmation__smsBtn_dwua5.confirmation__smsBtn_dwua5 {
     min-height: var(--size-xs-height);
 }
-.confirmation__smsComeLink_1cgem.confirmation__smsComeLink_1cgem {
+.confirmation__smsComeLink_dwua5.confirmation__smsComeLink_dwua5 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
     font-family: var(--font-family-system);
 }
-.confirmation__countdownContainer_1cgem.confirmation__countdownContainer_1cgem {
+.confirmation__countdownContainer_dwua5.confirmation__countdownContainer_dwua5 {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-24);
 }
-.confirmation__countdownMobile_1cgem.confirmation__countdownMobile_1cgem {
+.confirmation__countdownMobile_dwua5.confirmation__countdownMobile_dwua5 {
     margin-bottom: var(--gap-20);
 }
-.confirmation__countdownLoaderMobile_1cgem.confirmation__countdownLoaderMobile_1cgem {
+.confirmation__countdownLoaderMobile_dwua5.confirmation__countdownLoaderMobile_dwua5 {
     margin-bottom: var(--gap-16);
 }
-.confirmation__timeCounter_1cgem {
+.confirmation__timeCounter_dwua5 {
     display: inline-block;
     min-width: 47px;
     color: var(--color-light-text-secondary);
@@ -92,14 +92,14 @@
     font-feature-settings: lining-nums tabular-nums;
     font-variant-numeric: lining-nums tabular-nums;
 }
-.confirmation__getCodeButton_1cgem {
+.confirmation__getCodeButton_dwua5 {
     position: relative;
     top: var(--gap-4-neg);
     margin-bottom: var(--gap-16);
 }
-.confirmation__getCodeButtonMobile_1cgem {
+.confirmation__getCodeButtonMobile_dwua5 {
     margin-bottom: var(--gap-0);
 }
-.confirmation__containerInput_1cgem {
+.confirmation__containerInput_dwua5 {
     min-height: 80px;
 }

package/esm/components/screens/initial/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"component":"confirmation__component_1cgem","phone":"confirmation__phone_1cgem","typographyTheme":"confirmation__typographyTheme_1cgem","typographyThemeMobile":"confirmation__typographyThemeMobile_1cgem","compact":"confirmation__compact_1cgem","loaderWrap":"confirmation__loaderWrap_1cgem","left":"confirmation__left_1cgem","center":"confirmation__center_1cgem","codeInput":"confirmation__codeInput_1cgem","smsBtn":"confirmation__smsBtn_1cgem","smsComeLink":"confirmation__smsComeLink_1cgem","countdownContainer":"confirmation__countdownContainer_1cgem","countdownMobile":"confirmation__countdownMobile_1cgem","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1cgem","timeCounter":"confirmation__timeCounter_1cgem","getCodeButton":"confirmation__getCodeButton_1cgem","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1cgem","containerInput":"confirmation__containerInput_1cgem"};
+var styles = {"component":"confirmation__component_dwua5","phone":"confirmation__phone_dwua5","typographyTheme":"confirmation__typographyTheme_dwua5","typographyThemeMobile":"confirmation__typographyThemeMobile_dwua5","compact":"confirmation__compact_dwua5","loaderWrap":"confirmation__loaderWrap_dwua5","left":"confirmation__left_dwua5","center":"confirmation__center_dwua5","codeInput":"confirmation__codeInput_dwua5","smsBtn":"confirmation__smsBtn_dwua5","smsComeLink":"confirmation__smsComeLink_dwua5","countdownContainer":"confirmation__countdownContainer_dwua5","countdownMobile":"confirmation__countdownMobile_dwua5","countdownLoaderMobile":"confirmation__countdownLoaderMobile_dwua5","timeCounter":"confirmation__timeCounter_dwua5","getCodeButton":"confirmation__getCodeButton_dwua5","getCodeButtonMobile":"confirmation__getCodeButtonMobile_dwua5","containerInput":"confirmation__containerInput_dwua5"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -13,32 +13,32 @@
 :root {
     --confirmation-text-color: var(--color-light-text-primary)
 }
-.confirmation__component_1m709 {
+.confirmation__component_1lclb {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_1m709 {
+.confirmation__center_1lclb {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_1m709.confirmation__typographyTheme_1m709 {
+.confirmation__typographyTheme_1lclb.confirmation__typographyTheme_1lclb {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_1m709.confirmation__typographyThemeMobile_1m709 {
+.confirmation__typographyThemeMobile_1lclb.confirmation__typographyThemeMobile_1lclb {
     color: var(--color-light-text-secondary);
 }
-.confirmation__description_1m709.confirmation__description_1m709 {
+.confirmation__description_1lclb.confirmation__description_1lclb {
     margin-bottom: var(--gap-8);
 }
-.confirmation__countdownWrap_1m709 {
+.confirmation__countdownWrap_1lclb {
     display: flex;
     align-items: center;
 }
-.confirmation__timeCounter_1m709 {
+.confirmation__timeCounter_1lclb {
     display: inline-block;
     min-width: 47px;
     color: var(--color-light-text-secondary);
@@ -46,6 +46,6 @@
     font-feature-settings: lining-nums tabular-nums;
     font-variant-numeric: lining-nums tabular-nums;
 }
-.confirmation__loader_1m709 {
+.confirmation__loader_1lclb {
     margin-right: var(--gap-8);
 }

package/esm/components/screens/temp-block/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"component":"confirmation__component_1m709","center":"confirmation__center_1m709","typographyTheme":"confirmation__typographyTheme_1m709","typographyThemeMobile":"confirmation__typographyThemeMobile_1m709","description":"confirmation__description_1m709","countdownWrap":"confirmation__countdownWrap_1m709","timeCounter":"confirmation__timeCounter_1m709","loader":"confirmation__loader_1m709"};
+var styles = {"component":"confirmation__component_1lclb","center":"confirmation__center_1lclb","typographyTheme":"confirmation__typographyTheme_1lclb","typographyThemeMobile":"confirmation__typographyThemeMobile_1lclb","description":"confirmation__description_1lclb","countdownWrap":"confirmation__countdownWrap_1lclb","timeCounter":"confirmation__timeCounter_1lclb","loader":"confirmation__loader_1lclb"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/screens/temp-block-over/index.css CHANGED Viewed

@@ -13,24 +13,24 @@
 :root {
     --confirmation-text-color: var(--color-light-text-primary)
 }
-.confirmation__component_uzbk8 {
+.confirmation__component_dkqvd {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_uzbk8 {
+.confirmation__center_dkqvd {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_uzbk8.confirmation__typographyTheme_uzbk8 {
+.confirmation__typographyTheme_dkqvd.confirmation__typographyTheme_dkqvd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_uzbk8.confirmation__typographyThemeMobile_uzbk8 {
+.confirmation__typographyThemeMobile_dkqvd.confirmation__typographyThemeMobile_dkqvd {
     color: var(--color-light-text-secondary);
 }
-.confirmation__button_uzbk8.confirmation__button_uzbk8 {
+.confirmation__button_dkqvd.confirmation__button_dkqvd {
     margin-top: var(--gap-32);
 }

package/esm/components/screens/temp-block-over/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"component":"confirmation__component_uzbk8","center":"confirmation__center_uzbk8","typographyTheme":"confirmation__typographyTheme_uzbk8","typographyThemeMobile":"confirmation__typographyThemeMobile_uzbk8","button":"confirmation__button_uzbk8"};
+var styles = {"component":"confirmation__component_dkqvd","center":"confirmation__center_dkqvd","typographyTheme":"confirmation__typographyTheme_dkqvd","typographyThemeMobile":"confirmation__typographyThemeMobile_dkqvd","button":"confirmation__button_dkqvd"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/context.js CHANGED Viewed

@@ -17,6 +17,7 @@ var ConfirmationContext = createContext({
     breakpoint: 1024,
     client: 'desktop',
     initialScreenHintSlot: null,
+    strictFocus: false,
     onTempBlockFinished: mockFn,
     onInputFinished: mockFn,
     onChangeState: mockFn,

package/esm/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../src/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type TConfirmationContext } from './types';\nimport { ONE_DAY, ONE_MINUTE } from './utils';\n\nconst mockFn = () => undefined;\n\nexport const ConfirmationContext = createContext<TConfirmationContext>({\n alignContent: 'left',\n titleTag: 'h3',\n texts: {},\n state: 'INITIAL',\n screen: 'INITIAL',\n requiredCharAmount: 5,\n countdownDuration: ONE_MINUTE,\n timeLeft: ONE_MINUTE,\n tempBlockDuration: ONE_DAY,\n phone: '',\n hideCountdownSection: false,\n breakpoint: 1024,\n client: 'desktop',\n initialScreenHintSlot: null,\n onTempBlockFinished: mockFn,\n onInputFinished: mockFn,\n onChangeState: mockFn,\n onSmsRetryClick: mockFn,\n onChangeScreen: mockFn,\n onFatalErrorOkButtonClick: mockFn,\n});\n"],"names":[],"mappings":";;;AAKA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,SAAS,CAAA,EAAA;AAEvB,IAAM,mBAAmB,GAAG,aAAa,CAAuB;AACnE,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,iBAAiB,EAAE,UAAU;AAC7B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,iBAAiB,EAAE,OAAO;AAC1B,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,oBAAoB,EAAE,KAAK;AAC3B,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,mBAAmB,EAAE,MAAM;AAC3B,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,yBAAyB,EAAE,MAAM;AACpC,CAAA;;;;"}
1	+ {"version":3,"file":"context.js","sources":["../src/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type TConfirmationContext } from './types';\nimport { ONE_DAY, ONE_MINUTE } from './utils';\n\nconst mockFn = () => undefined;\n\nexport const ConfirmationContext = createContext<TConfirmationContext>({\n alignContent: 'left',\n titleTag: 'h3',\n texts: {},\n state: 'INITIAL',\n screen: 'INITIAL',\n requiredCharAmount: 5,\n countdownDuration: ONE_MINUTE,\n timeLeft: ONE_MINUTE,\n tempBlockDuration: ONE_DAY,\n phone: '',\n hideCountdownSection: false,\n breakpoint: 1024,\n client: 'desktop',\n initialScreenHintSlot: null,\n strictFocus: false,\n onTempBlockFinished: mockFn,\n onInputFinished: mockFn,\n onChangeState: mockFn,\n onSmsRetryClick: mockFn,\n onChangeScreen: mockFn,\n onFatalErrorOkButtonClick: mockFn,\n});\n"],"names":[],"mappings":";;;AAKA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,SAAS,CAAA,EAAA;AAEvB,IAAM,mBAAmB,GAAG,aAAa,CAAuB;AACnE,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,iBAAiB,EAAE,UAAU;AAC7B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,iBAAiB,EAAE,OAAO;AAC1B,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,oBAAoB,EAAE,KAAK;AAC3B,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,mBAAmB,EAAE,MAAM;AAC3B,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,yBAAyB,EAAE,MAAM;AACpC,CAAA;;;;"}

package/esm/types.d.ts CHANGED Viewed

@@ -117,8 +117,13 @@ export interface ConfirmationProps {
      * @default 1300
      */
     errorVisibleDuration?: number;
+    /**
+     * Ограничение навигации фокусом между ячейками
+     * @default false
+     */
+    strictFocus?: boolean;
 }
-export type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'titleTag' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError' | 'initialScreenHintSlot' | 'errorVisibleDuration' | 'breakpoint' | 'client'> & {
+export type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'titleTag' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection' | 'strictFocus'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError' | 'initialScreenHintSlot' | 'errorVisibleDuration' | 'breakpoint' | 'client'> & {
     timeLeft: number;
 };
 export interface ConfirmationTexts {

package/esm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import { type ComponentType, type CSSProperties, 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 * Для mobile по умолчанию используется 288px, если не передано значение.\n /\n maxWidth?: CSSProperties['maxWidth'];\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":"~~AAwPa~~,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;;;;;"}
1	+ {"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import { type ComponentType, type CSSProperties, 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 * Для mobile по умолчанию используется 288px, если не передано значение.\n /\n maxWidth?: CSSProperties['maxWidth'];\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 /\n Ограничение навигации фокусом между ячейками\n * @default false\n /\n strictFocus?: boolean;\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 \| 'strictFocus'\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":"AA+Pa,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/modern/components/base-confirmation/component.js CHANGED Viewed

@@ -18,7 +18,7 @@ const confirmationScreens = {
     TEMP_BLOCK: TempBlock,
     TEMP_BLOCK_OVER: TempBlockOver,
 };
-const BaseConfirmation = ({ state, screen, titleTag = 'h3', alignContent = 'left', children, requiredCharAmount = 5, countdownDuration = ONE_MINUTE, tempBlockDuration = ONE_DAY, phone, blockSmsRetry, dataTestId, className, maxWidth, getScreensMap, onInputFinished, onChangeState, onSmsRetryClick, onChangeScreen, onFatalErrorOkButtonClick, onTempBlockFinished, mobile, clearCodeOnError = true, hideCountdownSection = false, breakpoint, client, initialScreenHintSlot, errorVisibleDuration, ...restProps }) => {
+const BaseConfirmation = ({ state, screen, titleTag = 'h3', alignContent = 'left', children, requiredCharAmount = 5, countdownDuration = ONE_MINUTE, tempBlockDuration = ONE_DAY, phone, blockSmsRetry, dataTestId, className, maxWidth, getScreensMap, onInputFinished, onChangeState, onSmsRetryClick, onChangeScreen, onFatalErrorOkButtonClick, onTempBlockFinished, mobile, clearCodeOnError = true, hideCountdownSection = false, breakpoint, client, initialScreenHintSlot, errorVisibleDuration, strictFocus = false, ...restProps }) => {
     const [timeLeft, startTimer, stopTimer] = useCountdown(countdownDuration);
     const prevState = usePrevious(state);
     useEffect(() => {
@@ -70,6 +70,7 @@ const BaseConfirmation = ({ state, screen, titleTag = 'h3', alignContent = 'left
         blockSmsRetry,
         breakpoint,
         client,
+        strictFocus,
         onTempBlockFinished,
         onChangeState,
         onChangeScreen,

package/modern/components/base-confirmation/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 maxWidth,\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 style={{ maxWidth }}\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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"}
1	+ {"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 maxWidth,\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 strictFocus = false,\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 strictFocus,\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 style={{ maxWidth }}\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/modern/components/base-confirmation/index.css CHANGED Viewed

@@ -4,11 +4,11 @@
 :root {
     --gap-0: 0px;
 }
-.confirmation__component_apbwq {
+.confirmation__component_uxe4n {
     width: 100%;
     max-width: 388px;
     color: var(--color-light-text-secondary);
 }
-.confirmation__component_apbwq.confirmation__center_apbwq {
+.confirmation__component_uxe4n.confirmation__center_uxe4n {
         margin: var(--gap-0) auto;
     }

package/modern/components/base-confirmation/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"component":"confirmation__component_apbwq","center":"confirmation__center_apbwq"};
+const styles = {"component":"confirmation__component_uxe4n","center":"confirmation__center_uxe4n"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/countdown-loader/index.css CHANGED Viewed

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

package/modern/components/countdown-loader/index.module.css.js CHANGED Viewed

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

package/modern/components/header/index.css CHANGED Viewed

@@ -2,6 +2,6 @@
     --gap-xl: 24px;
     --gap-24: var(--gap-xl);
 }
-.confirmation__header_11m6p.confirmation__header_11m6p {
+.confirmation__header_1k1d7.confirmation__header_1k1d7 {
     margin-bottom: var(--gap-24);
 }

package/modern/components/header/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"header":"confirmation__header_11m6p"};
+const styles = {"header":"confirmation__header_1k1d7"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/screens/fatal-error/index.css CHANGED Viewed

@@ -13,27 +13,27 @@
 :root {
     --confirmation-text-color: var(--color-light-text-primary)
 }
-.confirmation__component_95dpi {
+.confirmation__component_142if {
     display: flex;
     flex-direction: column;
 }
-.confirmation__typographyTheme_95dpi.confirmation__typographyTheme_95dpi {
+.confirmation__typographyTheme_142if.confirmation__typographyTheme_142if {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_95dpi.confirmation__typographyThemeMobile_95dpi {
+.confirmation__typographyThemeMobile_142if.confirmation__typographyThemeMobile_142if {
     color: var(--color-light-text-secondary);
 }
-.confirmation__left_95dpi {
+.confirmation__left_142if {
     align-items: flex-start;
 }
-.confirmation__center_95dpi {
+.confirmation__center_142if {
     align-items: center;
     text-align: center;
 }
-.confirmation__button_95dpi.confirmation__button_95dpi {
+.confirmation__button_142if.confirmation__button_142if {
     margin-top: var(--gap-32);
 }

package/modern/components/screens/fatal-error/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"component":"confirmation__component_95dpi","typographyTheme":"confirmation__typographyTheme_95dpi","typographyThemeMobile":"confirmation__typographyThemeMobile_95dpi","left":"confirmation__left_95dpi","center":"confirmation__center_95dpi","button":"confirmation__button_95dpi"};
+const styles = {"component":"confirmation__component_142if","typographyTheme":"confirmation__typographyTheme_142if","typographyThemeMobile":"confirmation__typographyThemeMobile_142if","left":"confirmation__left_142if","center":"confirmation__center_142if","button":"confirmation__button_142if"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/screens/hint/index.css CHANGED Viewed

@@ -18,52 +18,52 @@
 :root {
     --confirmation-text-color: var(--color-light-text-primary)
 }
-.confirmation__component_hfp5y {
+.confirmation__component_k0ehe {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__component_hfp5y span:last-of-type {
+.confirmation__component_k0ehe span:last-of-type {
         margin-bottom: var(--gap-0);
     }
-.confirmation__center_hfp5y {
+.confirmation__center_k0ehe {
     align-items: center;
     text-align: center;
 }
-.confirmation__text_hfp5y.confirmation__text_hfp5y {
+.confirmation__text_k0ehe.confirmation__text_k0ehe {
     margin-bottom: var(--gap-24);
 }
-.confirmation__typographyTheme_hfp5y.confirmation__typographyTheme_hfp5y {
+.confirmation__typographyTheme_k0ehe.confirmation__typographyTheme_k0ehe {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_hfp5y.confirmation__typographyThemeMobile_hfp5y {
+.confirmation__typographyThemeMobile_k0ehe.confirmation__typographyThemeMobile_k0ehe {
     color: var(--color-light-text-secondary);
 }
-.confirmation__phonesWrap_hfp5y {
+.confirmation__phonesWrap_k0ehe {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-24);
 }
-.confirmation__phoneWrap_hfp5y {
+.confirmation__phoneWrap_k0ehe {
     margin-bottom: var(--gap-8);
 }
-.confirmation__phoneWrap_hfp5y:last-child {
+.confirmation__phoneWrap_k0ehe:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneLink_hfp5y.confirmation__phoneLink_hfp5y {
+.confirmation__phoneLink_k0ehe.confirmation__phoneLink_k0ehe {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     font-family: var(--font-family-system);
 }
-.confirmation__hintButton_hfp5y {
+.confirmation__hintButton_k0ehe {
     margin-top: var(--gap-32);
 }
-.confirmation__phoneContentMobile_hfp5y {
+.confirmation__phoneContentMobile_k0ehe {
     display: flex;
     flex-direction: column;
 }

package/modern/components/screens/hint/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"component":"confirmation__component_hfp5y","center":"confirmation__center_hfp5y","text":"confirmation__text_hfp5y","typographyTheme":"confirmation__typographyTheme_hfp5y","typographyThemeMobile":"confirmation__typographyThemeMobile_hfp5y","phonesWrap":"confirmation__phonesWrap_hfp5y","phoneWrap":"confirmation__phoneWrap_hfp5y","phoneLink":"confirmation__phoneLink_hfp5y","hintButton":"confirmation__hintButton_hfp5y","phoneContentMobile":"confirmation__phoneContentMobile_hfp5y"};
+const styles = {"component":"confirmation__component_k0ehe","center":"confirmation__center_k0ehe","text":"confirmation__text_k0ehe","typographyTheme":"confirmation__typographyTheme_k0ehe","typographyThemeMobile":"confirmation__typographyThemeMobile_k0ehe","phonesWrap":"confirmation__phonesWrap_k0ehe","phoneWrap":"confirmation__phoneWrap_k0ehe","phoneLink":"confirmation__phoneLink_k0ehe","hintButton":"confirmation__hintButton_k0ehe","phoneContentMobile":"confirmation__phoneContentMobile_k0ehe"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/screens/initial/component.js CHANGED Viewed

@@ -13,7 +13,7 @@ import styles from './index.module.css.js';
 const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
 const Initial = ({ mobile }) => {
-    const { state, alignContent, titleTag, texts, requiredCharAmount, timeLeft, phone, clearCodeOnError, hideCountdownSection, initialScreenHintSlot, errorVisibleDuration, onChangeState, onInputFinished, onChangeScreen, onSmsRetryClick, } = useContext(ConfirmationContext);
+    const { state, alignContent, titleTag, texts, requiredCharAmount, timeLeft, phone, clearCodeOnError, hideCountdownSection, initialScreenHintSlot, errorVisibleDuration, strictFocus, onChangeState, onInputFinished, onChangeScreen, onSmsRetryClick, } = useContext(ConfirmationContext);
     const prevState = usePrevious(state);
     const inputRef = useRef(null);
     const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);
@@ -100,7 +100,7 @@ const Initial = ({ mobile }) => {
             }) },
             "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u043B\u0438 \u043D\u0430 ",
             phone)) : null,
-        React.createElement(ComponentCodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn(styles.containerInput, styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, errorVisibleDuration: errorVisibleDuration, onErrorAnimationEnd: handleErrorAnimationEnd }),
+        React.createElement(ComponentCodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, strictFocus: strictFocus, className: cn(styles.containerInput, styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, errorVisibleDuration: errorVisibleDuration, onErrorAnimationEnd: handleErrorAnimationEnd }),
         !hideCountdownSection && (React.createElement(CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile })),
         renderHintButton()));
 };

package/modern/components/screens/initial/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../../src/components/screens/initial/component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CodeInputDesktop } from '@alfalab/core-components-code-input/desktop';\nimport { CodeInputMobile } from '@alfalab/core-components-code-input/mobile';\nimport {\n type BaseCodeInputProps,\n type CustomInputRef,\n} from '@alfalab/core-components-code-input/shared';\nimport { Link } from '@alfalab/core-components-link';\nimport { TypographyText } from '@alfalab/core-components-typography';\nimport { useLayoutEffect_SAFE_FOR_SSR, usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport { CountdownSection } from './countdown-section';\n\nimport styles from './index.module.css';\n\nexport type InitialProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nconst CODE_SEND_HINT_VISIBLE_DURATION = 2000;\n\nexport const Initial: FC<InitialProps> = ({ mobile }) => {\n const {\n state,\n alignContent,\n titleTag,\n texts,\n requiredCharAmount,\n timeLeft,\n phone,\n clearCodeOnError,\n hideCountdownSection,\n initialScreenHintSlot,\n errorVisibleDuration,\n onChangeState,\n onInputFinished,\n onChangeScreen,\n onSmsRetryClick,\n } = useContext(ConfirmationContext);\n\n const prevState = usePrevious(state);\n\n const inputRef = useRef<CustomInputRef>(null);\n\n const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);\n\n const timerId = useRef(0);\n\n const handleInputComplete: BaseCodeInputProps['onComplete'] = (code) => {\n onInputFinished(code);\n };\n\n const handleSmsHintLinkClick = () => {\n onChangeScreen('HINT');\n };\n\n const handleInputChange = () => {\n if (state === 'CODE_ERROR') {\n onChangeState('INITIAL');\n }\n };\n\n const handleSmsRetryClick = () => {\n if (inputRef.current) {\n inputRef.current.reset();\n }\n\n onSmsRetryClick();\n };\n\n const handleErrorAnimationEnd = () => {\n if (clearCodeOnError && state !== 'INITIAL') {\n onChangeState('INITIAL');\n }\n };\n\n const clearTimer = useCallback(() => {\n window.clearTimeout(timerId.current);\n }, []);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n\n return () => {\n clearTimer();\n };\n }, [clearTimer]);\n\n useEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n inputRef.current.focus();\n }\n }, [prevState, state, requiredCharAmount]);\n\n useLayoutEffect_SAFE_FOR_SSR(() => {\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n setCodeSendHintVisible(true);\n\n clearTimer();\n\n timerId.current = window.setTimeout(() => {\n setCodeSendHintVisible(false);\n }, CODE_SEND_HINT_VISIBLE_DURATION);\n }\n }, [prevState, state, clearTimer]);\n\n const getCodeInputError = (): string \| boolean => {\n if (state === 'CODE_EXPIRED') {\n return texts.codeErrorExpired \|\| true;\n }\n\n if (state === 'CODE_EXPIRED_ENDED') {\n return texts.codeErrorExpiredEnded \|\| true;\n }\n\n if (state === 'CODE_ERROR') {\n return texts.codeError \|\| true;\n }\n\n return false;\n };\n\n const renderHintButton = () => {\n if (initialScreenHintSlot) {\n return initialScreenHintSlot;\n }\n\n if (mobile) {\n return (\n <ButtonMobile\n onClick={handleSmsHintLinkClick}\n className={styles.smsBtn}\n view='text'\n size={40}\n >\n {texts.linkToHint}\n </ButtonMobile>\n );\n }\n\n return (\n <Link\n onClick={handleSmsHintLinkClick}\n className={styles.smsComeLink}\n view={mobile ? 'primary' : 'secondary'}\n pseudo={true}\n >\n {texts.linkToHint}\n </Link>\n );\n };\n\n const processing = ['CODE_CHECKING', 'CODE_SENDING'].includes(state);\n\n const timePassed = timeLeft === 0;\n\n const ComponentCodeInput = mobile ? CodeInputMobile : CodeInputDesktop;\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.title}\n </Header>\n\n {phone ? (\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.phone, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n Отправили на {phone}\n </TypographyText>\n ) : null}\n <ComponentCodeInput\n disabled={processing}\n error={getCodeInputError()}\n ref={inputRef}\n fields={requiredCharAmount}\n className={cn(styles.containerInput, styles.codeInput)}\n onComplete={handleInputComplete}\n onChange={handleInputChange}\n clearCodeOnError={clearCodeOnError}\n errorVisibleDuration={errorVisibleDuration}\n onErrorAnimationEnd={handleErrorAnimationEnd}\n />\n {!hideCountdownSection && (\n <CountdownSection\n processing={processing}\n timePassed={timePassed}\n codeSendHintVisible={codeSendHintVisible}\n handleSmsRetryClick={handleSmsRetryClick}\n mobile={mobile}\n />\n )}\n\n {renderHintButton()}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"component.js","sources":["../../../../src/components/screens/initial/component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CodeInputDesktop } from '@alfalab/core-components-code-input/desktop';\nimport { CodeInputMobile } from '@alfalab/core-components-code-input/mobile';\nimport {\n type BaseCodeInputProps,\n type CustomInputRef,\n} from '@alfalab/core-components-code-input/shared';\nimport { Link } from '@alfalab/core-components-link';\nimport { TypographyText } from '@alfalab/core-components-typography';\nimport { useLayoutEffect_SAFE_FOR_SSR, usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport { CountdownSection } from './countdown-section';\n\nimport styles from './index.module.css';\n\nexport type InitialProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nconst CODE_SEND_HINT_VISIBLE_DURATION = 2000;\n\nexport const Initial: FC<InitialProps> = ({ mobile }) => {\n const {\n state,\n alignContent,\n titleTag,\n texts,\n requiredCharAmount,\n timeLeft,\n phone,\n clearCodeOnError,\n hideCountdownSection,\n initialScreenHintSlot,\n errorVisibleDuration,\n strictFocus,\n onChangeState,\n onInputFinished,\n onChangeScreen,\n onSmsRetryClick,\n } = useContext(ConfirmationContext);\n\n const prevState = usePrevious(state);\n\n const inputRef = useRef<CustomInputRef>(null);\n\n const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);\n\n const timerId = useRef(0);\n\n const handleInputComplete: BaseCodeInputProps['onComplete'] = (code) => {\n onInputFinished(code);\n };\n\n const handleSmsHintLinkClick = () => {\n onChangeScreen('HINT');\n };\n\n const handleInputChange = () => {\n if (state === 'CODE_ERROR') {\n onChangeState('INITIAL');\n }\n };\n\n const handleSmsRetryClick = () => {\n if (inputRef.current) {\n inputRef.current.reset();\n }\n\n onSmsRetryClick();\n };\n\n const handleErrorAnimationEnd = () => {\n if (clearCodeOnError && state !== 'INITIAL') {\n onChangeState('INITIAL');\n }\n };\n\n const clearTimer = useCallback(() => {\n window.clearTimeout(timerId.current);\n }, []);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n\n return () => {\n clearTimer();\n };\n }, [clearTimer]);\n\n useEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n inputRef.current.focus();\n }\n }, [prevState, state, requiredCharAmount]);\n\n useLayoutEffect_SAFE_FOR_SSR(() => {\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n setCodeSendHintVisible(true);\n\n clearTimer();\n\n timerId.current = window.setTimeout(() => {\n setCodeSendHintVisible(false);\n }, CODE_SEND_HINT_VISIBLE_DURATION);\n }\n }, [prevState, state, clearTimer]);\n\n const getCodeInputError = (): string \| boolean => {\n if (state === 'CODE_EXPIRED') {\n return texts.codeErrorExpired \|\| true;\n }\n\n if (state === 'CODE_EXPIRED_ENDED') {\n return texts.codeErrorExpiredEnded \|\| true;\n }\n\n if (state === 'CODE_ERROR') {\n return texts.codeError \|\| true;\n }\n\n return false;\n };\n\n const renderHintButton = () => {\n if (initialScreenHintSlot) {\n return initialScreenHintSlot;\n }\n\n if (mobile) {\n return (\n <ButtonMobile\n onClick={handleSmsHintLinkClick}\n className={styles.smsBtn}\n view='text'\n size={40}\n >\n {texts.linkToHint}\n </ButtonMobile>\n );\n }\n\n return (\n <Link\n onClick={handleSmsHintLinkClick}\n className={styles.smsComeLink}\n view={mobile ? 'primary' : 'secondary'}\n pseudo={true}\n >\n {texts.linkToHint}\n </Link>\n );\n };\n\n const processing = ['CODE_CHECKING', 'CODE_SENDING'].includes(state);\n\n const timePassed = timeLeft === 0;\n\n const ComponentCodeInput = mobile ? CodeInputMobile : CodeInputDesktop;\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.title}\n </Header>\n\n {phone ? (\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.phone, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n Отправили на {phone}\n </TypographyText>\n ) : null}\n <ComponentCodeInput\n disabled={processing}\n error={getCodeInputError()}\n ref={inputRef}\n fields={requiredCharAmount}\n strictFocus={strictFocus}\n className={cn(styles.containerInput, styles.codeInput)}\n onComplete={handleInputComplete}\n onChange={handleInputChange}\n clearCodeOnError={clearCodeOnError}\n errorVisibleDuration={errorVisibleDuration}\n onErrorAnimationEnd={handleErrorAnimationEnd}\n />\n {!hideCountdownSection && (\n <CountdownSection\n processing={processing}\n timePassed={timePassed}\n codeSendHintVisible={codeSendHintVisible}\n handleSmsRetryClick={handleSmsRetryClick}\n mobile={mobile}\n />\n )}\n\n {renderHintButton()}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}