@alfalab/core-components 47.26.0-beta.0 → 48.0.0-beta.0

package/collapse/esm/Component.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from 'react';
+type CollapseProps = {
+    /**
+     * Состояние компонента
+     *
+     */
+    expanded?: boolean;
+    /**
+     * Текст ссылки в `expanded` состоянии
+     *
+     */
+    collapsedLabel?: string;
+    /**
+     * Текст ссылки в `collapsed` состоянии
+     *
+     */
+    expandedLabel?: string;
+    /**
+     * Дочерние элементы `Collapse`
+     */
+    children?: React.ReactNode;
+    /**
+     * Дополнительный класс обертки
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для скрываемого контента
+     */
+    expandedContentClassName?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Начальное состояние uncontrolled компонента
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Обработчик смены состояний `expanded/collapsed`
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Обработчик события завершения анимации
+     */
+    onTransitionEnd?: (expanded: boolean) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+export { CollapseProps, Collapse };

package/collapse/esm/index.d.ts

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

package/collapse/index.d.ts

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

package/collapse/modern/Component.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from 'react';
+type CollapseProps = {
+    /**
+     * Состояние компонента
+     *
+     */
+    expanded?: boolean;
+    /**
+     * Текст ссылки в `expanded` состоянии
+     *
+     */
+    collapsedLabel?: string;
+    /**
+     * Текст ссылки в `collapsed` состоянии
+     *
+     */
+    expandedLabel?: string;
+    /**
+     * Дочерние элементы `Collapse`
+     */
+    children?: React.ReactNode;
+    /**
+     * Дополнительный класс обертки
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для скрываемого контента
+     */
+    expandedContentClassName?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Начальное состояние uncontrolled компонента
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Обработчик смены состояний `expanded/collapsed`
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Обработчик события завершения анимации
+     */
+    onTransitionEnd?: (expanded: boolean) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+export { CollapseProps, Collapse };

package/collapse/modern/index.d.ts

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

package/collapse/moderncssm/Component.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from 'react';
+type CollapseProps = {
+    /**
+     * Состояние компонента
+     *
+     */
+    expanded?: boolean;
+    /**
+     * Текст ссылки в `expanded` состоянии
+     *
+     */
+    collapsedLabel?: string;
+    /**
+     * Текст ссылки в `collapsed` состоянии
+     *
+     */
+    expandedLabel?: string;
+    /**
+     * Дочерние элементы `Collapse`
+     */
+    children?: React.ReactNode;
+    /**
+     * Дополнительный класс обертки
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для скрываемого контента
+     */
+    expandedContentClassName?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Начальное состояние uncontrolled компонента
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Обработчик смены состояний `expanded/collapsed`
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Обработчик события завершения анимации
+     */
+    onTransitionEnd?: (expanded: boolean) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+export { CollapseProps, Collapse };

package/collapse/moderncssm/index.d.ts

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

package/comment/Component.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type CommentProps = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 2 | 5;
+    /**
+     *  Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Comment: React.FC<CommentProps>;
+export { CommentProps, Comment };

package/comment/cssm/Component.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type CommentProps = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 2 | 5;
+    /**
+     *  Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Comment: React.FC<CommentProps>;
+export { CommentProps, Comment };

package/comment/cssm/index.d.ts

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

package/comment/esm/Component.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type CommentProps = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 2 | 5;
+    /**
+     *  Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Comment: React.FC<CommentProps>;
+export { CommentProps, Comment };

package/comment/esm/index.d.ts

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

package/comment/index.d.ts

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

package/comment/modern/Component.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type CommentProps = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 2 | 5;
+    /**
+     *  Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Comment: React.FC<CommentProps>;
+export { CommentProps, Comment };

package/comment/modern/index.d.ts

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

package/comment/moderncssm/Component.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type CommentProps = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 2 | 5;
+    /**
+     *  Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Comment: React.FC<CommentProps>;
+export { CommentProps, Comment };

package/comment/moderncssm/index.d.ts

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

package/confirmation/component.responsive.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { ConfirmationProps } from "./types";
+type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens' | 'breakpoint'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
+export { ResponsiveConfirmationProps, ConfirmationResponsive };

package/confirmation/component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_component_desktop = require('./desktop/component.desktop.js');
 var mobile_component_mobile = require('./mobile/component.mobile.js');
 
@@ -12,8 +11,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ConfirmationResponsive = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
+    var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
     return isDesktop ? (React__default.default.createElement(desktop_component_desktop.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(mobile_component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
 };
 

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

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

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsShared = require('../../../shared');
 var hooks = require('@alfalab/hooks');
 var context = require('../../context.js');
 var types = require('../../types.js');
@@ -28,8 +27,8 @@ var confirmationScreens = {
     TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
 };
 var BaseConfirmation = function (_a) {
-    var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, _h = _a.breakpoint, breakpoint = _h === void 0 ? coreComponentsShared.getComponentBreakpoint() : _h, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "initialScreenHintSlot", "errorVisibleDuration"]);
-    var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
+    var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, breakpoint = _a.breakpoint, client = _a.client, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "client", "initialScreenHintSlot", "errorVisibleDuration"]);
+    var _h = utils.useCountdown(countdownDuration), timeLeft = _h[0], startTimer = _h[1], stopTimer = _h[2];
     var prevState = hooks.usePrevious(state);
     React.useEffect(function () {
         startTimer();
@@ -77,6 +76,7 @@ var BaseConfirmation = function (_a) {
         phone: phone,
         blockSmsRetry: blockSmsRetry,
         breakpoint: breakpoint,
+        client: client,
         onTempBlockFinished: onTempBlockFinished,
         onChangeState: onChangeState,
         onChangeScreen: onChangeScreen,

package/confirmation/components/base-confirmation/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    progress: number;
+    className?: string;
+};
+declare const CountdownLoader: FC<Props>;
+export { CountdownLoader };

package/confirmation/components/countdown-loader/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+type HeaderProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/confirmation/components/header/index.d.ts

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

package/confirmation/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./screens/index";
+export * from "./countdown-loader/index";

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type FatalErrorProps = {
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const FatalError: FC<FatalErrorProps>;
+export { FatalErrorProps, FatalError };

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

@@ -18,14 +18,14 @@ require('./index.css');
 var FatalError = function (_a) {
     var _b;
     var mobile = _a.mobile;
-    var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint;
+    var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint, client = _c.client;
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, styles[alignContent]) },
         React__default.default.createElement(components_header_component.Header, { mobile: mobile }, texts.fatalErrorTitle),
         React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default((_b = {},
                 _b[styles.typographyTheme] = !mobile,
                 _b[styles.typographyThemeMobile] = mobile,
                 _b)) }, texts.fatalErrorDescription),
-        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles.button, breakpoint: breakpoint }, texts.fatalErrorButton)));
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: styles.button, breakpoint: breakpoint, client: client }, texts.fatalErrorButton)));
 };
 
 exports.FatalError = FatalError;

package/confirmation/components/screens/fatal-error/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type HintProps = {
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const Hint: FC<HintProps>;
+export { HintProps, Hint };

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

@@ -19,7 +19,7 @@ require('./index.css');
 var Hint = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var mobile = _a.mobile;
-    var _l = React.useContext(context.ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint;
+    var _l = React.useContext(context.ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
     var handleReturnButtonClick = function () {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
@@ -53,7 +53,7 @@ var Hint = function (_a) {
                 _k[styles.typographyTheme] = !mobile,
                 _k[styles.typographyThemeMobile] = mobile,
                 _k)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
-        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint }, texts.hintButton)));
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint, client: client }, texts.hintButton)));
 };
 
 exports.Hint = Hint;

package/confirmation/components/screens/hint/index.d.ts

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

package/confirmation/components/screens/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./initial/index";
+export * from "./hint/index";
+export * from "./fatal-error/index";
+export * from "./temp-block/index";

package/confirmation/components/screens/initial/component.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type InitialProps = {
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const Initial: FC<InitialProps>;
+export { InitialProps, Initial };

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

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-fb90d7fb.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-90289ec0.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../../button');
-require('../../../../spinner');
+require('../../../../spinner/preset');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-fb90d7fb.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-90289ec0.js');
 
 
 

package/confirmation/components/screens/initial/index.d.ts

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

package/confirmation/components/screens/temp-block/component.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type TempBlockProps = {
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const TempBlock: FC<TempBlockProps>;
+export { TempBlockProps, TempBlock };

package/confirmation/components/screens/temp-block/index.d.ts

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

package/confirmation/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TConfirmationContext } from "./types";
+declare const ConfirmationContext: import("react").Context<TConfirmationContext>;
+export { ConfirmationContext };

package/confirmation/context.js

@@ -16,6 +16,7 @@ var ConfirmationContext = React.createContext({
     phone: '',
     hideCountdownSection: false,
     breakpoint: 1024,
+    client: 'desktop',
     initialScreenHintSlot: null,
     onTempBlockFinished: mockFn,
     onInputFinished: mockFn,

package/confirmation/countdown-section-90289ec0.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type CountdownSectionProps = {
+    codeSendHintVisible: boolean;
+    timePassed: boolean;
+    processing: boolean;
+    mobile?: boolean;
+    handleSmsRetryClick: () => void;
+};
+declare const CountdownSection: FC<CountdownSectionProps>;
+export { CountdownSection };

package/confirmation/countdown-section-90289ec0.js

@@ -0,0 +1,47 @@
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsButton = require('../button');
+var preset = require('../spinner/preset');
+var coreComponentsTypography = require('../typography');
+var context = require('./context.js');
+var utils = require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"confirmation__component_1mmrz","phone":"confirmation__phone_1mmrz","typographyTheme":"confirmation__typographyTheme_1mmrz","typographyThemeMobile":"confirmation__typographyThemeMobile_1mmrz","compact":"confirmation__compact_1mmrz","loaderWrap":"confirmation__loaderWrap_1mmrz","left":"confirmation__left_1mmrz","center":"confirmation__center_1mmrz","codeInput":"confirmation__codeInput_1mmrz","smsBtn":"confirmation__smsBtn_1mmrz","smsComeLink":"confirmation__smsComeLink_1mmrz","countdownContainer":"confirmation__countdownContainer_1mmrz","countdownMobile":"confirmation__countdownMobile_1mmrz","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1mmrz","getCodeButton":"confirmation__getCodeButton_1mmrz","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1mmrz","containerInput":"confirmation__containerInput_1mmrz"};
+require('./components/screens/initial/index.css');
+
+var CountdownSection = function (_a) {
+    var _b, _c;
+    var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
+    var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint, client = _d.client;
+    var renderText = function (text) {
+        var _a;
+        return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: cn__default.default(styles.countdownContainer, (_a = {},
+                _a[styles.countdownMobile] = mobile,
+                _a[styles.typographyTheme] = !mobile,
+                _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, text));
+    };
+    if (codeSendHintVisible)
+        return renderText(texts.codeSended);
+    if (processing) {
+        return (React__default.default.createElement("div", { className: cn__default.default(styles.loaderWrap, styles.countdownContainer, (_b = {},
+                _b[styles.countdownLoaderMobile] = mobile,
+                _b[styles.typographyTheme] = !mobile,
+                _b)) },
+            React__default.default.createElement(preset.SpinnerPreset, { visible: true }),
+            React__default.default.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
+    }
+    if (blockSmsRetry)
+        return renderText(texts.noAttemptsLeft);
+    if (timePassed) {
+        return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(styles.getCodeButton, (_c = {}, _c[styles.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint, client: client }, texts.buttonRetry));
+    }
+    return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
+};
+
+exports.CountdownSection = CountdownSection;
+exports.styles = styles;