@alfalab/core-components-confirmation 12.3.4 → 12.3.5

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

@@ -1,49 +1,41 @@
 'use strict';
 
-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 coreComponentsButton = require('@alfalab/core-components-button/cssm');
-var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
 var coreComponentsLoader = require('@alfalab/core-components-loader/cssm');
+var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
+var context = require('../../../context.js');
+var utils = require('../../../utils.js');
 var styles = require('./index.module.css');
 
-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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 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;
     var renderText = function (text) {
         var _a;
-        return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles__default['default'].countdownContainer, (_a = {},
-                _a[styles__default['default'].countdownMobile] = mobile,
-                _a[styles__default['default'].typographyTheme] = !mobile,
+        return (React.createElement(coreComponentsTypography.Typography.Text, { className: cn(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__default['default'].loaderWrap, styles__default['default'].countdownContainer, (_b = {},
-                _b[styles__default['default'].countdownLoaderMobile] = mobile,
-                _b[styles__default['default'].typographyTheme] = !mobile,
+        return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer, (_b = {},
+                _b[styles.countdownLoaderMobile] = mobile,
+                _b[styles.typographyTheme] = !mobile,
                 _b)) },
-            React__default['default'].createElement(coreComponentsLoader.Loader, null),
-            React__default['default'].createElement("span", { className: styles__default['default'].loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
+            React.createElement(coreComponentsLoader.Loader, null),
+            React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
     }
     if (blockSmsRetry)
-        renderText(texts.noAttemptsLeft);
+        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__default['default'].getCodeButton, (_c = {}, _c[styles__default['default'].getCodeButtonMobile] = mobile, _c)) }, texts.buttonRetry));
+        return (React.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn(styles.getCodeButton, (_c = {}, _c[styles.getCodeButtonMobile] = mobile, _c)) }, texts.buttonRetry));
     }
-    return renderText(texts.countdown + " " + utils.formatMsAsMinutes(timeLeft));
+    return renderText("".concat(texts.countdown, " ").concat(utils.formatMsAsMinutes(timeLeft)));
 };
 
 exports.CountdownSection = CountdownSection;

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

@@ -1,22 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_screens_initial_component = require('./component.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
-require('../../../utils.js');
-require('../../../context.js');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-code-input/cssm');
 require('@alfalab/core-components-link/cssm');
 require('@alfalab/core-components-typography/cssm');
-require('../../header/index.module.css');
+require('@alfalab/hooks');
+require('../../../context.js');
+require('../../../utils.js');
 require('../../header/component.js');
+require('../../header/index.module.css');
+require('./countdown-section.js');
 require('@alfalab/core-components-loader/cssm');
 require('./index.module.css');
-require('./countdown-section.js');
-var components_screens_initial_component = require('./component.js');
 
 
 

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

@@ -1,23 +1,15 @@
 'use strict';
 
-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 coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
-require('../../header/index.module.css');
-var components_header_component = require('../../header/component.js');
-require('../../countdown-loader/index.module.css');
+var context = require('../../../context.js');
+var utils = require('../../../utils.js');
 var components_countdownLoader_component = require('../../countdown-loader/component.js');
+var components_header_component = require('../../header/component.js');
 var styles = require('./index.module.css');
-
-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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+require('../../countdown-loader/index.module.css');
+require('../../header/index.module.css');
 
 var TempBlock = function (_a) {
     var _b, _c;
@@ -32,11 +24,11 @@ var TempBlock = function (_a) {
             onTempBlockFinished();
         }
     }, [timeLeft, onChangeScreen, onTempBlockFinished]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][alignContent]) },
-        React__default['default'].createElement(components_header_component.Header, { mobile: mobile }, texts.tempBlockTitle),
-        React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default['default'](styles__default['default'].description, (_b = {}, _b[styles__default['default'].typographyTheme] = !mobile, _b)) }, texts.tempBlockDescription),
-        React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].countdownWrap, (_c = {}, _c[styles__default['default'].typographyTheme] = !mobile, _c)) },
-            React__default['default'].createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles__default['default'].loader }),
+    return (React.createElement("div", { className: cn(styles.component, styles[alignContent]) },
+        React.createElement(components_header_component.Header, { mobile: mobile }, texts.tempBlockTitle),
+        React.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.description, (_b = {}, _b[styles.typographyTheme] = !mobile, _b)) }, texts.tempBlockDescription),
+        React.createElement("div", { className: cn(styles.countdownWrap, (_c = {}, _c[styles.typographyTheme] = !mobile, _c)) },
+            React.createElement(components_countdownLoader_component.CountdownLoader, { progress: 1 - timeLeft / tempBlockDuration, className: styles.loader }),
             utils.formatMsAsMinutes(timeLeft))));
 };
 

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

@@ -1,18 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_screens_tempBlock_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../../utils.js');
-require('../../../context.js');
 require('@alfalab/core-components-typography/cssm');
-require('../../header/index.module.css');
-require('../../header/component.js');
-require('../../countdown-loader/index.module.css');
+require('../../../context.js');
+require('../../../utils.js');
 require('../../countdown-loader/component.js');
+require('../../countdown-loader/index.module.css');
+require('../../header/component.js');
+require('../../header/index.module.css');
 require('./index.module.css');
-var components_screens_tempBlock_component = require('./component.js');
 
 
 

package/cssm/context.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var utils = require('./utils.js');
 

package/cssm/desktop.d.ts

@@ -1 +1,2 @@
 export * from "./component.desktop";
+export {};

package/cssm/desktop.js

@@ -1,34 +1,32 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./component-5a4af768.js');
+var component_desktop = require('./component.desktop.js');
+require('./component-895f6f86.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
-require('./utils.js');
 require('./context.js');
+require('./utils.js');
 require('./types.js');
+require('./components/screens/initial/component.js');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-code-input/cssm');
 require('@alfalab/core-components-link/cssm');
 require('@alfalab/core-components-typography/cssm');
-require('./components/header/index.module.css');
 require('./components/header/component.js');
+require('./components/header/index.module.css');
+require('./components/screens/initial/countdown-section.js');
 require('@alfalab/core-components-loader/cssm');
 require('./components/screens/initial/index.module.css');
-require('./components/screens/initial/countdown-section.js');
-require('./components/screens/initial/component.js');
-require('./components/screens/hint/index.module.css');
 require('./components/screens/hint/component.js');
-require('./components/screens/fatal-error/index.module.css');
+require('./components/screens/hint/index.module.css');
 require('./components/screens/fatal-error/component.js');
-require('./components/countdown-loader/index.module.css');
+require('./components/screens/fatal-error/index.module.css');
+require('./components/screens/temp-block/component.js');
 require('./components/countdown-loader/component.js');
+require('./components/countdown-loader/index.module.css');
 require('./components/screens/temp-block/index.module.css');
-require('./components/screens/temp-block/component.js');
 require('./components/base-confirmation/index.module.css');
-var component_desktop = require('./component.desktop.js');
 
 
 

package/cssm/index.js

@@ -1,51 +1,49 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./component-5a4af768.js');
+var component_desktop = require('./component.desktop.js');
+var component_responsive = require('./component.responsive.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');
+var components_screens_tempBlock_component = require('./components/screens/temp-block/component.js');
+var components_countdownLoader_component = require('./components/countdown-loader/component.js');
+var context = require('./context.js');
+var types = require('./types.js');
+var utils = require('./utils.js');
+require('./component-895f6f86.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
-var utils = require('./utils.js');
-var context = require('./context.js');
-var types = require('./types.js');
+require('./components/base-confirmation/index.module.css');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-code-input/cssm');
 require('@alfalab/core-components-link/cssm');
 require('@alfalab/core-components-typography/cssm');
-require('./components/header/index.module.css');
 require('./components/header/component.js');
+require('./components/header/index.module.css');
+require('./components/screens/initial/countdown-section.js');
 require('@alfalab/core-components-loader/cssm');
 require('./components/screens/initial/index.module.css');
-require('./components/screens/initial/countdown-section.js');
-var components_screens_initial_component = require('./components/screens/initial/component.js');
 require('./components/screens/hint/index.module.css');
-var components_screens_hint_component = require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/index.module.css');
-var components_screens_fatalError_component = require('./components/screens/fatal-error/component.js');
 require('./components/countdown-loader/index.module.css');
-var components_countdownLoader_component = require('./components/countdown-loader/component.js');
 require('./components/screens/temp-block/index.module.css');
-var components_screens_tempBlock_component = require('./components/screens/temp-block/component.js');
-require('./components/base-confirmation/index.module.css');
-var component_desktop = require('./component.desktop.js');
-require('./mobile.module.css');
 require('./component.mobile.js');
-var component_responsive = require('./component.responsive.js');
+require('./mobile.module.css');
 
 
 
+exports.Confirmation = component_desktop.ConfirmationDesktop;
+exports.ConfirmationResponsive = component_responsive.ConfirmationResponsive;
+exports.Initial = components_screens_initial_component.Initial;
+exports.Hint = components_screens_hint_component.Hint;
+exports.FatalError = components_screens_fatalError_component.FatalError;
+exports.TempBlock = components_screens_tempBlock_component.TempBlock;
+exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
+exports.ConfirmationContext = context.ConfirmationContext;
+exports.defaultTexts = types.defaultTexts;
 exports.ONE_DAY = utils.ONE_DAY;
 exports.ONE_MINUTE = utils.ONE_MINUTE;
 exports.formatMsAsMinutes = utils.formatMsAsMinutes;
 exports.useConfirmation = utils.useConfirmation;
 exports.useCountdown = utils.useCountdown;
-exports.ConfirmationContext = context.ConfirmationContext;
-exports.defaultTexts = types.defaultTexts;
-exports.Initial = components_screens_initial_component.Initial;
-exports.Hint = components_screens_hint_component.Hint;
-exports.FatalError = components_screens_fatalError_component.FatalError;
-exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
-exports.TempBlock = components_screens_tempBlock_component.TempBlock;
-exports.Confirmation = component_desktop.ConfirmationDesktop;
-exports.ConfirmationResponsive = component_responsive.ConfirmationResponsive;

package/cssm/mobile.d.ts

@@ -1 +1,2 @@
 export * from "./component.mobile";
+export {};

package/cssm/mobile.js

@@ -1,35 +1,33 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./component-5a4af768.js');
+var component_mobile = require('./component.mobile.js');
+require('./component-895f6f86.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
-require('./utils.js');
 require('./context.js');
+require('./utils.js');
 require('./types.js');
+require('./components/screens/initial/component.js');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-code-input/cssm');
 require('@alfalab/core-components-link/cssm');
 require('@alfalab/core-components-typography/cssm');
-require('./components/header/index.module.css');
 require('./components/header/component.js');
+require('./components/header/index.module.css');
+require('./components/screens/initial/countdown-section.js');
 require('@alfalab/core-components-loader/cssm');
 require('./components/screens/initial/index.module.css');
-require('./components/screens/initial/countdown-section.js');
-require('./components/screens/initial/component.js');
-require('./components/screens/hint/index.module.css');
 require('./components/screens/hint/component.js');
-require('./components/screens/fatal-error/index.module.css');
+require('./components/screens/hint/index.module.css');
 require('./components/screens/fatal-error/component.js');
-require('./components/countdown-loader/index.module.css');
+require('./components/screens/fatal-error/index.module.css');
+require('./components/screens/temp-block/component.js');
 require('./components/countdown-loader/component.js');
+require('./components/countdown-loader/index.module.css');
 require('./components/screens/temp-block/index.module.css');
-require('./components/screens/temp-block/component.js');
 require('./components/base-confirmation/index.module.css');
 require('./mobile.module.css');
-var component_mobile = require('./component.mobile.js');
 
 
 

package/cssm/responsive.d.ts

@@ -1 +1,2 @@
 export * from "./component.responsive";
+export {};

package/cssm/responsive.js

@@ -1,37 +1,35 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./component-5a4af768.js');
+var component_responsive = require('./component.responsive.js');
+require('./component-895f6f86.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
-require('./utils.js');
 require('./context.js');
+require('./utils.js');
 require('./types.js');
+require('./components/screens/initial/component.js');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-code-input/cssm');
 require('@alfalab/core-components-link/cssm');
 require('@alfalab/core-components-typography/cssm');
-require('./components/header/index.module.css');
 require('./components/header/component.js');
+require('./components/header/index.module.css');
+require('./components/screens/initial/countdown-section.js');
 require('@alfalab/core-components-loader/cssm');
 require('./components/screens/initial/index.module.css');
-require('./components/screens/initial/countdown-section.js');
-require('./components/screens/initial/component.js');
-require('./components/screens/hint/index.module.css');
 require('./components/screens/hint/component.js');
-require('./components/screens/fatal-error/index.module.css');
+require('./components/screens/hint/index.module.css');
 require('./components/screens/fatal-error/component.js');
-require('./components/countdown-loader/index.module.css');
+require('./components/screens/fatal-error/index.module.css');
+require('./components/screens/temp-block/component.js');
 require('./components/countdown-loader/component.js');
+require('./components/countdown-loader/index.module.css');
 require('./components/screens/temp-block/index.module.css');
-require('./components/screens/temp-block/component.js');
 require('./components/base-confirmation/index.module.css');
 require('./component.desktop.js');
-require('./mobile.module.css');
 require('./component.mobile.js');
-var component_responsive = require('./component.responsive.js');
+require('./mobile.module.css');
 
 
 

package/cssm/types.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var defaultTexts = {
     title: 'Введите код из\xa0сообщения',
     codeError: 'Код введён неверно',

package/cssm/utils.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 /**
@@ -15,15 +13,15 @@ function formatMsAsMinutes(ms) {
     var totalMinutes = Math.floor(totalSeconds / 60);
     var totalHours = Math.floor(totalMinutes / 60);
     var seconds = totalSeconds % 60;
-    var paddedSeconds = ("00" + seconds).slice(-2);
+    var paddedSeconds = "00".concat(seconds).slice(-2);
     if (totalHours > 0) {
         var minutes = totalMinutes % 60;
-        var paddedMinutes_1 = ("00" + minutes).slice(-2);
-        var paddedHours = ("00" + totalHours).slice(-2);
-        return paddedHours + ":" + paddedMinutes_1 + ":" + paddedSeconds;
+        var paddedMinutes_1 = "00".concat(minutes).slice(-2);
+        var paddedHours = "00".concat(totalHours).slice(-2);
+        return "".concat(paddedHours, ":").concat(paddedMinutes_1, ":").concat(paddedSeconds);
     }
-    var paddedMinutes = ("00" + totalMinutes).slice(-2);
-    return paddedMinutes + ":" + paddedSeconds;
+    var paddedMinutes = "00".concat(totalMinutes).slice(-2);
+    return "".concat(paddedMinutes, ":").concat(paddedSeconds);
 }
 /**
  * Возвращает время, которое осталось до истечения таймера в ms

package/desktop.d.ts

@@ -1 +1,2 @@
 export * from "./component.desktop";
+export {};

package/desktop.js

@@ -1,27 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./component-ad8387ce.js');
+var component_desktop = require('./component.desktop.js');
+require('./component-5a9a6986.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
-require('./utils.js');
 require('./context.js');
+require('./utils.js');
 require('./types.js');
+require('./components/screens/initial/component.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-code-input');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('./components/header/component.js');
+require('./countdown-section-b356354f.js');
 require('@alfalab/core-components-loader');
-require('./countdown-section-f4894842.js');
-require('./components/screens/initial/component.js');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');
-require('./components/countdown-loader/component.js');
 require('./components/screens/temp-block/component.js');
-var component_desktop = require('./component.desktop.js');
+require('./components/countdown-loader/component.js');
 
 
 

package/esm/{component-b1ceb5d0.js → component-3212dc9c.js}

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
 import cn from 'classnames';
 import { usePrevious } from '@alfalab/hooks';
-import { useCountdown, ONE_MINUTE, ONE_DAY } from './utils.js';
 import { ConfirmationContext } from './context.js';
 import { defaultTexts } from './types.js';
+import { useCountdown, ONE_MINUTE, ONE_DAY } from './utils.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';
@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"confirmation__component_jlzzz"};
+var styles = {"component":"confirmation__component_1vjji"};
 require('./components/base-confirmation/index.css')
 
 var confirmationScreens = {
@@ -58,8 +58,8 @@ var confirmationScreens = {
     TEMP_BLOCK: TempBlock,
 };
 var BaseConfirmation = function (_a) {
-    var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b, children = _a.children, _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? 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, clearCodeOnError = _a.clearCodeOnError, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError"]);
-    var _f = useCountdown(countdownDuration), timeLeft = _f[0], startTimer = _f[1], stopTimer = _f[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 ? ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? 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, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError"]);
+    var _g = useCountdown(countdownDuration), timeLeft = _g[0], startTimer = _g[1], stopTimer = _g[2];
     var prevState = usePrevious(state);
     useEffect(function () {
         startTimer();

package/esm/component.desktop.js

@@ -1,22 +1,22 @@
-import { B as BaseConfirmation, _ as __assign } from './component-b1ceb5d0.js';
+import { B as BaseConfirmation, _ as __assign } from './component-3212dc9c.js';
 import React from 'react';
 import 'classnames';
 import '@alfalab/hooks';
-import './utils.js';
 import './context.js';
+import './utils.js';
 import './types.js';
+import './components/screens/initial/component.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-code-input/esm';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
+import './countdown-section-5a8d74ee.js';
 import '@alfalab/core-components-loader/esm';
-import './countdown-section-608e4e3a.js';
-import './components/screens/initial/component.js';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';
-import './components/countdown-loader/component.js';
 import './components/screens/temp-block/component.js';
+import './components/countdown-loader/component.js';
 
 var ConfirmationDesktop = function (props) { return (React.createElement(BaseConfirmation, __assign({}, props))); };
 

package/esm/component.mobile.js

@@ -1,24 +1,24 @@
-import { a as __rest, B as BaseConfirmation, _ as __assign } from './component-b1ceb5d0.js';
+import { a as __rest, B as BaseConfirmation, _ as __assign } from './component-3212dc9c.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/hooks';
-import './utils.js';
 import './context.js';
+import './utils.js';
 import './types.js';
+import './components/screens/initial/component.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-code-input/esm';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
+import './countdown-section-5a8d74ee.js';
 import '@alfalab/core-components-loader/esm';
-import './countdown-section-608e4e3a.js';
-import './components/screens/initial/component.js';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';
-import './components/countdown-loader/component.js';
 import './components/screens/temp-block/component.js';
+import './components/countdown-loader/component.js';
 
-var styles = {"container":"confirmation__container_15921"};
+var styles = {"container":"confirmation__container_12az3"};
 require('./mobile.css')
 
 var ConfirmationMobile = function (_a) {

package/esm/component.responsive.js

@@ -1,24 +1,24 @@
-import { _ as __assign } from './component-b1ceb5d0.js';
+import { _ as __assign } from './component-3212dc9c.js';
 import React from 'react';
-import 'classnames';
 import { useMedia } from '@alfalab/hooks';
-import './utils.js';
+import { ConfirmationDesktop } from './component.desktop.js';
+import { ConfirmationMobile } from './component.mobile.js';
+import 'classnames';
 import './context.js';
+import './utils.js';
 import './types.js';
+import './components/screens/initial/component.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-code-input/esm';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
+import './countdown-section-5a8d74ee.js';
 import '@alfalab/core-components-loader/esm';
-import './countdown-section-608e4e3a.js';
-import './components/screens/initial/component.js';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';
-import './components/countdown-loader/component.js';
 import './components/screens/temp-block/component.js';
-import { ConfirmationDesktop } from './component.desktop.js';
-import { ConfirmationMobile } from './component.mobile.js';
+import './components/countdown-loader/component.js';
 
 var ConfirmationResponsive = function (props) {
     var view = useMedia([