@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.2

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

@@ -1,12 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index_module = require('../../index.module-c2d8412c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var styles = require("./index.module.css");
+
 var SIZE = 16;
 var STROKE_WIDTH = 2;
 var CENTER = SIZE / 2;
@@ -19,7 +20,7 @@ var CountdownLoader = function (_a) {
     var strokeDasharray = CIRCUMFERENCE.toFixed(2);
     var strokeDashoffset = (value * CIRCUMFERENCE).toFixed(2);
     return (React__default['default'].createElement("svg", { width: SIZE, height: SIZE, viewBox: "0 0 " + SIZE + " " + SIZE, className: className },
-        React__default['default'].createElement("circle", { cx: CENTER, cy: CENTER, r: RADIUS, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, transform: "rotate(-90 " + CENTER + " " + CENTER + ")", className: index_module.styles.circle })));
+        React__default['default'].createElement("circle", { cx: CENTER, cy: CENTER, r: RADIUS, strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, transform: "rotate(-90 " + CENTER + " " + CENTER + ")", className: styles.circle })));
 };
 
 exports.CountdownLoader = CountdownLoader;

package/confirmation/cssm/components/countdown-loader/index.js

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../../index.module-c2d8412c.js');
 var components_countdownLoader_component = require('./component.js');
 
 

package/confirmation/cssm/components/index.js

@@ -7,10 +7,9 @@ require('../utils.js');
 require('../context.js');
 require('../../../code-input/cssm');
 require('../../../link/cssm');
-require('../index.module-c2d8412c.js');
+require('../countdown-section-58321f96.js');
 require('../../../loader/cssm');
 require('../../../button/cssm');
-require('./screens/initial/countdown-section.js');
 var components_screens_initial_component = require('./screens/initial/component.js');
 var components_screens_hint_component = require('./screens/hint/component.js');
 var components_screens_fatalError_component = require('./screens/fatal-error/component.js');

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

@@ -3,18 +3,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 require('../../../utils.js');
 var context = require('../../../context.js');
-var index_module = require('../../../index.module-c2d8412c.js');
 var coreComponentsButton = require('../../../../../button/cssm');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var styles = require("./index.module.css");
+
 var FatalError = function () {
     var _a = React.useContext(context.ConfirmationContext), texts = _a.texts, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick;
     return (React__default['default'].createElement(React.Fragment, null,
-        React__default['default'].createElement("h3", { className: index_module.styles.header }, texts.fatalErrorTitle),
-        React__default['default'].createElement("div", { className: index_module.styles.description }, texts.fatalErrorDescription),
+        React__default['default'].createElement("h3", { className: styles.header }, texts.fatalErrorTitle),
+        React__default['default'].createElement("div", { className: styles.description }, texts.fatalErrorDescription),
         React__default['default'].createElement(coreComponentsButton.Button, { size: 'xs', view: 'secondary', onClick: onFatalErrorOkButtonClick }, texts.fatalErrorButton)));
 };
 

package/confirmation/cssm/components/screens/fatal-error/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../utils.js');
 require('../../../context.js');
-require('../../../index.module-c2d8412c.js');
 require('../../../../../button/cssm');
 var components_screens_fatalError_component = require('./component.js');
 

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

@@ -5,7 +5,6 @@ var cn = require('classnames');
 require('../../../utils.js');
 var context = require('../../../context.js');
 var coreComponentsLink = require('../../../../../link/cssm');
-var index_module = require('../../../index.module-c2d8412c.js');
 var coreComponentsButton = require('../../../../../button/cssm');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,29 +12,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
+var styles = require("./index.module.css");
+
 var Hint = function () {
     var _a = React.useContext(context.ConfirmationContext), alignContent = _a.alignContent, texts = _a.texts, onChangeScreen = _a.onChangeScreen, onChangeState = _a.onChangeState;
     var handleReturnButtonClick = function () {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
     };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, index_module.styles[alignContent]) },
-        React__default['default'].createElement("div", { className: index_module.styles.hintWrap },
-            React__default['default'].createElement("h3", { className: index_module.styles.title }, "\u041D\u0435\u00A0\u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"),
-            React__default['default'].createElement("span", { className: index_module.styles.text }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0437\u0432\u043E\u043D\u0438\u0442\u0435 \u043D\u0430\u043C \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430."),
-            React__default['default'].createElement("div", { className: index_module.styles.phonesWrap },
-                React__default['default'].createElement("div", { className: index_module.styles.phoneWrap },
-                    React__default['default'].createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', className: index_module.styles.phoneLink }, "8 800 200-00-00"),
-                    React__default['default'].createElement("span", { className: index_module.styles.phoneDescription },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[alignContent]) },
+        React__default['default'].createElement("div", { className: styles.hintWrap },
+            React__default['default'].createElement("h3", { className: styles.title }, "\u041D\u0435\u00A0\u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"),
+            React__default['default'].createElement("span", { className: styles.text }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0437\u0432\u043E\u043D\u0438\u0442\u0435 \u043D\u0430\u043C \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430."),
+            React__default['default'].createElement("div", { className: styles.phonesWrap },
+                React__default['default'].createElement("div", { className: styles.phoneWrap },
+                    React__default['default'].createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', className: styles.phoneLink }, "8 800 200-00-00"),
+                    React__default['default'].createElement("span", { className: styles.phoneDescription },
                         ' ',
                         "\u2014\u00A0\u0434\u043B\u044F \u0437\u0432\u043E\u043D\u043A\u043E\u0432 \u043F\u043E\u00A0\u0420\u043E\u0441\u0441\u0438\u0438")),
-                React__default['default'].createElement("div", { className: index_module.styles.phoneWrap },
-                    React__default['default'].createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', className: index_module.styles.phoneLink }, "+7 495 78-888-78"),
-                    React__default['default'].createElement("span", { className: index_module.styles.phoneDescription },
+                React__default['default'].createElement("div", { className: styles.phoneWrap },
+                    React__default['default'].createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', className: styles.phoneLink }, "+7 495 78-888-78"),
+                    React__default['default'].createElement("span", { className: styles.phoneDescription },
                         ' ',
                         "\u2014\u00A0\u0432\u00A0\u041C\u043E\u0441\u043A\u0432\u0435 \u0438\u00A0\u0437\u0430\u00A0\u0433\u0440\u0430\u043D\u0438\u0446\u0435\u0439"))),
-            React__default['default'].createElement("span", { className: index_module.styles.text }, "\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: 's', view: 'secondary', onClick: handleReturnButtonClick, className: index_module.styles.hintButton }, texts.hintButton))));
+            React__default['default'].createElement("span", { className: styles.text }, "\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: 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton }, texts.hintButton))));
 };
 
 exports.Hint = Hint;

package/confirmation/cssm/components/screens/hint/index.js

@@ -5,7 +5,6 @@ require('classnames');
 require('../../../utils.js');
 require('../../../context.js');
 require('../../../../../link/cssm');
-require('../../../index.module-c2d8412c.js');
 require('../../../../../button/cssm');
 var components_screens_hint_component = require('./component.js');
 

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

@@ -7,10 +7,9 @@ require('../../utils.js');
 require('../../context.js');
 require('../../../../code-input/cssm');
 require('../../../../link/cssm');
-require('../../index.module-c2d8412c.js');
+require('../../countdown-section-58321f96.js');
 require('../../../../loader/cssm');
 require('../../../../button/cssm');
-require('./initial/countdown-section.js');
 var components_screens_initial_component = require('./initial/component.js');
 var components_screens_hint_component = require('./hint/component.js');
 var components_screens_fatalError_component = require('./fatal-error/component.js');

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

@@ -7,10 +7,9 @@ require('../../../utils.js');
 var context = require('../../../context.js');
 var coreComponentsCodeInput = require('../../../../../code-input/cssm');
 var coreComponentsLink = require('../../../../../link/cssm');
-var index_module = require('../../../index.module-c2d8412c.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-58321f96.js');
 require('../../../../../loader/cssm');
 require('../../../../../button/cssm');
-var components_screens_initial_countdownSection = require('./countdown-section.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -80,15 +79,15 @@ var Initial = function () {
     };
     var processing = ['CODE_CHECKING', 'CODE_SENDING'].includes(state);
     var timePassed = timeLeft === 0;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, index_module.styles[alignContent]) },
-        React__default['default'].createElement("h3", { className: index_module.styles.header }, texts.title),
-        phone && React__default['default'].createElement("div", { className: index_module.styles.phone },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](components_screens_initial_countdownSection.styles.component, components_screens_initial_countdownSection.styles[alignContent]) },
+        React__default['default'].createElement("h3", { className: components_screens_initial_countdownSection.styles.header }, texts.title),
+        phone && React__default['default'].createElement("div", { className: components_screens_initial_countdownSection.styles.phone },
             "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
             phone),
-        React__default['default'].createElement("div", { className: index_module.styles.inputContainer },
-            React__default['default'].createElement(coreComponentsCodeInput.CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: index_module.styles.codeInput, onComplete: handleInputComplete, onChange: handleInputChange })),
+        React__default['default'].createElement("div", { className: components_screens_initial_countdownSection.styles.inputContainer },
+            React__default['default'].createElement(coreComponentsCodeInput.CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: components_screens_initial_countdownSection.styles.codeInput, onComplete: handleInputComplete, onChange: handleInputChange })),
         React__default['default'].createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick }),
-        React__default['default'].createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: index_module.styles.smsComeLink, view: 'secondary', pseudo: true }, texts.linkToHint)));
+        React__default['default'].createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: components_screens_initial_countdownSection.styles.smsComeLink, view: 'secondary', pseudo: true }, texts.linkToHint)));
 };
 
 exports.Initial = Initial;

package/confirmation/cssm/components/screens/initial/countdown-section.d.ts

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

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

@@ -1,38 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var cn = require('classnames');
-var utils = require('../../../utils.js');
-var context = require('../../../context.js');
-var index_module = require('../../../index.module-c2d8412c.js');
-var coreComponentsLoader = require('../../../../../loader/cssm');
-var coreComponentsButton = require('../../../../../button/cssm');
+require('react');
+require('classnames');
+require('../../../utils.js');
+require('../../../context.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-58321f96.js');
+require('../../../../../loader/cssm');
+require('../../../../../button/cssm');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var CountdownSection = function (_a) {
-    var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, handleSmsRetryClick = _a.handleSmsRetryClick;
-    var _b = React.useContext(context.ConfirmationContext), state = _b.state, texts = _b.texts, timeLeft = _b.timeLeft, blockSmsRetry = _b.blockSmsRetry;
-    if (codeSendHintVisible) {
-        return React__default['default'].createElement("div", { className: index_module.styles.countdownContainer }, texts.codeSended);
-    }
-    if (processing) {
-        return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.loaderWrap, index_module.styles.countdownContainer) },
-            React__default['default'].createElement(coreComponentsLoader.Loader, null),
-            React__default['default'].createElement("span", { className: index_module.styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
-    }
-    if (blockSmsRetry) {
-        return React__default['default'].createElement("div", { className: index_module.styles.countdownContainer }, texts.noAttemptsLeft);
-    }
-    if (timePassed) {
-        return (React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: index_module.styles.getCodeButton }, texts.buttonRetry));
-    }
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.countdown, index_module.styles.countdownContainer) },
-        texts.countdown,
-        React__default['default'].createElement("div", { className: index_module.styles.countdownTimer }, utils.formatMsAsMinutes(timeLeft))));
-};
-
-exports.CountdownSection = CountdownSection;
+exports.CountdownSection = components_screens_initial_countdownSection.CountdownSection;

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

@@ -7,10 +7,9 @@ require('../../../utils.js');
 require('../../../context.js');
 require('../../../../../code-input/cssm');
 require('../../../../../link/cssm');
-require('../../../index.module-c2d8412c.js');
+require('../../../countdown-section-58321f96.js');
 require('../../../../../loader/cssm');
 require('../../../../../button/cssm');
-require('./countdown-section.js');
 var components_screens_initial_component = require('./component.js');
 
 

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

@@ -3,13 +3,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('../../../utils.js');
 var context = require('../../../context.js');
-var index_module = require('../../../index.module-c2d8412c.js');
 var components_countdownLoader_component = require('../../countdown-loader/component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var styles = require("./index.module.css");
+
 var TempBlock = function () {
     var _a = React.useContext(context.ConfirmationContext), texts = _a.texts, tempBlockDuration = _a.tempBlockDuration, onChangeScreen = _a.onChangeScreen, onTempBlockFinished = _a.onTempBlockFinished;
     var _b = utils.useCountdown(tempBlockDuration), timeLeft = _b[0], startTimer = _b[1];
@@ -22,10 +23,10 @@ var TempBlock = function () {
         }
     }, [timeLeft, onChangeScreen, onTempBlockFinished]);
     return (React__default['default'].createElement(React.Fragment, null,
-        React__default['default'].createElement("h3", { className: index_module.styles.header }, texts.tempBlockTitle),
-        React__default['default'].createElement("div", { className: index_module.styles.description }, texts.tempBlockDescription),
-        React__default['default'].createElement("div", { className: index_module.styles.countdownWrap },
-            React__default['default'].createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: index_module.styles.loader }),
+        React__default['default'].createElement("h3", { className: styles.header }, texts.tempBlockTitle),
+        React__default['default'].createElement("div", { className: styles.description }, texts.tempBlockDescription),
+        React__default['default'].createElement("div", { className: styles.countdownWrap },
+            React__default['default'].createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles.loader }),
             utils.formatMsAsMinutes(timeLeft))));
 };
 

package/confirmation/cssm/components/screens/temp-block/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../utils.js');
 require('../../../context.js');
-require('../../../index.module-c2d8412c.js');
 require('../../countdown-loader/component.js');
 var components_screens_tempBlock_component = require('./component.js');
 

package/confirmation/cssm/countdown-section-58321f96.js

@@ -0,0 +1,38 @@
+var React = require('react');
+var cn = require('classnames');
+var utils = require('./utils.js');
+var context = require('./context.js');
+var coreComponentsLoader = require('../../loader/cssm');
+var coreComponentsButton = require('../../button/cssm');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = require("./index.module.css");
+
+var CountdownSection = function (_a) {
+    var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, handleSmsRetryClick = _a.handleSmsRetryClick;
+    var _b = React.useContext(context.ConfirmationContext), state = _b.state, texts = _b.texts, timeLeft = _b.timeLeft, blockSmsRetry = _b.blockSmsRetry;
+    if (codeSendHintVisible) {
+        return React__default['default'].createElement("div", { className: styles.countdownContainer }, texts.codeSended);
+    }
+    if (processing) {
+        return (React__default['default'].createElement("div", { className: cn__default['default'](styles.loaderWrap, styles.countdownContainer) },
+            React__default['default'].createElement(coreComponentsLoader.Loader, null),
+            React__default['default'].createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
+    }
+    if (blockSmsRetry) {
+        return React__default['default'].createElement("div", { className: styles.countdownContainer }, texts.noAttemptsLeft);
+    }
+    if (timePassed) {
+        return (React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: styles.getCodeButton }, texts.buttonRetry));
+    }
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.countdown, styles.countdownContainer) },
+        texts.countdown,
+        React__default['default'].createElement("div", { className: styles.countdownTimer }, utils.formatMsAsMinutes(timeLeft))));
+};
+
+exports.CountdownSection = CountdownSection;
+exports.styles = styles;

package/confirmation/cssm/index.js

@@ -9,10 +9,9 @@ var context = require('./context.js');
 var types = require('./types.js');
 require('../../code-input/cssm');
 require('../../link/cssm');
-require('./index.module-c2d8412c.js');
+require('./countdown-section-58321f96.js');
 require('../../loader/cssm');
 require('../../button/cssm');
-require('./components/screens/initial/countdown-section.js');
 var components_screens_initial_component = require('./components/screens/initial/component.js');
 var components_screens_hint_component = require('./components/screens/hint/component.js');
 var components_screens_fatalError_component = require('./components/screens/fatal-error/component.js');

package/confirmation/esm/component.js

@@ -8,7 +8,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../loader/esm';
 import '../../button/esm';
-import './countdown-section-5fb3a7fd.js';
+import './countdown-section-9785d71b.js';
 import { Initial } from './components/screens/initial/component.js';
 import { Hint } from './components/screens/hint/component.js';
 import { FatalError } from './components/screens/fatal-error/component.js';

package/confirmation/esm/components/index.js

@@ -7,7 +7,7 @@ import '../../../code-input/esm';
 import '../../../link/esm';
 import '../../../loader/esm';
 import '../../../button/esm';
-import '../countdown-section-5fb3a7fd.js';
+import '../countdown-section-9785d71b.js';
 export { Initial } from './screens/initial/component.js';
 export { Hint } from './screens/hint/component.js';
 export { FatalError } from './screens/fatal-error/component.js';

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

@@ -7,7 +7,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../loader/esm';
 import '../../../../button/esm';
-import '../../countdown-section-5fb3a7fd.js';
+import '../../countdown-section-9785d71b.js';
 export { Initial } from './initial/component.js';
 export { Hint } from './hint/component.js';
 export { FatalError } from './fatal-error/component.js';

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

@@ -7,7 +7,7 @@ import { CodeInput } from '../../../../../code-input/esm';
 import { Link } from '../../../../../link/esm';
 import '../../../../../loader/esm';
 import '../../../../../button/esm';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-5fb3a7fd.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-9785d71b.js';
 
 var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
 var Initial = function () {

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

@@ -4,4 +4,4 @@ import '../../../utils.js';
 import '../../../context.js';
 import '../../../../../loader/esm';
 import '../../../../../button/esm';
-export { C as CountdownSection } from '../../../countdown-section-5fb3a7fd.js';
+export { C as CountdownSection } from '../../../countdown-section-9785d71b.js';

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

@@ -7,5 +7,5 @@ import '../../../../../code-input/esm';
 import '../../../../../link/esm';
 import '../../../../../loader/esm';
 import '../../../../../button/esm';
-import '../../../countdown-section-5fb3a7fd.js';
+import '../../../countdown-section-9785d71b.js';
 export { Initial } from './component.js';

package/confirmation/esm/index.js

@@ -8,7 +8,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../loader/esm';
 import '../../button/esm';
-import './countdown-section-5fb3a7fd.js';
+import './countdown-section-9785d71b.js';
 export { Initial } from './components/screens/initial/component.js';
 export { Hint } from './components/screens/hint/component.js';
 export { FatalError } from './components/screens/fatal-error/component.js';

package/confirmation/index.js

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

package/confirmation/modern/component.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../loader/modern';
 import '../../button/modern';
-import './countdown-section-f33c971e.js';
+import './countdown-section-878e216f.js';
 import { Initial } from './components/screens/initial/component.js';
 import { Hint } from './components/screens/hint/component.js';
 import { FatalError } from './components/screens/fatal-error/component.js';

package/confirmation/modern/components/index.js

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

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

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

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

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

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

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

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

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

package/confirmation/modern/countdown-section-878e216f.d.ts

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

package/confirmation/modern/index.js

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

package/date-input/cssm/Component.d.ts

@@ -22,7 +22,7 @@ type DateInputProps = Omit<InputProps, 'onChange'> & {
         value: string;
     }) => void;
 };
-declare const DateInput: React.ForwardRefExoticComponent<Pick<InputProps, "dir" | "form" | "label" | "slot" | "style" | "title" | "type" | "value" | "className" | "dataTestId" | "pattern" | "children" | "leftAddons" | "rightAddons" | "size" | "block" | "colors" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "fieldClassName" | "labelClassName" | "addonsClassName" | "error" | "hint" | "bottomAddons" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "width" | "clear" | "success" | "inputClassName" | "focusedClassName" | "filledClassName" | "onClear" | "wrapperRef"> & {
+declare const DateInput: React.ForwardRefExoticComponent<Pick<InputProps, "className" | "dataTestId" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "leftAddons" | "rightAddons" | "size" | "block" | "colors" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "fieldClassName" | "labelClassName" | "addonsClassName" | "error" | "hint" | "bottomAddons" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "width" | "clear" | "success" | "inputClassName" | "focusedClassName" | "filledClassName" | "onClear" | "wrapperRef"> & {
     /**
      * Управление нативным режимом на мобильных устройствах
      */