@alfalab/core-components-confirmation 12.2.0 → 12.2.2

package/modern/{countdown-section-2212ec31.js → countdown-section-9ba68311.js}

@@ -2,11 +2,11 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { formatMsAsMinutes } from './utils.js';
 import { ConfirmationContext } from './context.js';
-import { Typography } from '@alfalab/core-components-typography/modern';
 import { Button } from '@alfalab/core-components-button/modern';
+import { Typography } from '@alfalab/core-components-typography/modern';
 import { Loader } from '@alfalab/core-components-loader/modern';
 
-var styles = {"component":"confirmation__component_1bham","typographyTheme":"confirmation__typographyTheme_1bham","phone":"confirmation__phone_1bham","compact":"confirmation__compact_1bham","loaderWrap":"confirmation__loaderWrap_1bham","left":"confirmation__left_1bham","center":"confirmation__center_1bham","codeInput":"confirmation__codeInput_1bham","smsComeLink":"confirmation__smsComeLink_1bham","countdownContainer":"confirmation__countdownContainer_1bham","countdownMobile":"confirmation__countdownMobile_1bham","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1bham","getCodeButton":"confirmation__getCodeButton_1bham","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1bham","containerInput":"confirmation__containerInput_1bham"};
+var styles = {"component":"confirmation__component_lii92","typographyTheme":"confirmation__typographyTheme_lii92","phone":"confirmation__phone_lii92","compact":"confirmation__compact_lii92","loaderWrap":"confirmation__loaderWrap_lii92","left":"confirmation__left_lii92","center":"confirmation__center_lii92","codeInput":"confirmation__codeInput_lii92","smsComeLink":"confirmation__smsComeLink_lii92","countdownContainer":"confirmation__countdownContainer_lii92","countdownMobile":"confirmation__countdownMobile_lii92","countdownLoaderMobile":"confirmation__countdownLoaderMobile_lii92","getCodeButton":"confirmation__getCodeButton_lii92","getCodeButtonMobile":"confirmation__getCodeButtonMobile_lii92","containerInput":"confirmation__containerInput_lii92"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/modern/desktop.js

@@ -4,13 +4,13 @@ import '@alfalab/hooks';
 import './utils.js';
 import './context.js';
 import './types.js';
+import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
-import '@alfalab/core-components-button/modern';
 import './components/header/component.js';
 import '@alfalab/core-components-loader/modern';
-import './countdown-section-2212ec31.js';
+import './countdown-section-9ba68311.js';
 import './components/screens/initial/component.js';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/modern/index.d.ts

@@ -1,4 +1,4 @@
-export { ConfirmationDesktop as Confirmation, DesktopConfirmationProps as ConfirmationProps } from "./desktop";
+export { ConfirmationDesktop as Confirmation } from "./desktop";
 export * from "./responsive";
 export * from "./components/index";
 export * from "./context";

package/modern/index.js

@@ -4,13 +4,13 @@ import '@alfalab/hooks';
 export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, useConfirmation, useCountdown } from './utils.js';
 export { ConfirmationContext } from './context.js';
 export { defaultTexts } from './types.js';
+import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
-import '@alfalab/core-components-button/modern';
 import './components/header/component.js';
 import '@alfalab/core-components-loader/modern';
-import './countdown-section-2212ec31.js';
+import './countdown-section-9ba68311.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/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: zjzyn */
-.confirmation__container_wf4yk {
+/* hash: 3noga */
+.confirmation__container_ixlq6 {
     max-width: 288px;
 }

package/modern/mobile.js

@@ -4,13 +4,13 @@ import '@alfalab/hooks';
 import './utils.js';
 import './context.js';
 import './types.js';
+import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
-import '@alfalab/core-components-button/modern';
 import './components/header/component.js';
 import '@alfalab/core-components-loader/modern';
-import './countdown-section-2212ec31.js';
+import './countdown-section-9ba68311.js';
 import './components/screens/initial/component.js';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/modern/responsive.js

@@ -4,13 +4,13 @@ import '@alfalab/hooks';
 import './utils.js';
 import './context.js';
 import './types.js';
+import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
-import '@alfalab/core-components-button/modern';
 import './components/header/component.js';
 import '@alfalab/core-components-loader/modern';
-import './countdown-section-2212ec31.js';
+import './countdown-section-9ba68311.js';
 import './components/screens/initial/component.js';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/modern/utils.js

@@ -48,10 +48,8 @@ const useCountdown = (countdownDuration, tick = 1000) => {
         timerId.current = window.setInterval(updateProgress, tick);
     }, [stopTimer, updateProgress, tick]);
     const timeLeft = countdownDuration - timePassed;
-    useEffect(() => {
-        return () => {
-            stopTimer();
-        };
+    useEffect(() => () => {
+        stopTimer();
     }, [stopTimer]);
     return [timeLeft, startTimer, stopTimer];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "12.2.0",
+    "version": "12.2.2",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -14,7 +14,7 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^6.1.1",
+        "@alfalab/core-components-button": "^7.0.0",
         "@alfalab/core-components-code-input": "^2.1.1",
         "@alfalab/core-components-link": "^5.0.1",
         "@alfalab/core-components-loader": "^3.0.2",

package/responsive.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-40c9adb0.js');
+require('./component-be4e19ca.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
 require('./utils.js');
 require('./context.js');
 require('./types.js');
+require('@alfalab/core-components-button');
 require('@alfalab/core-components-code-input');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
-require('@alfalab/core-components-button');
 require('./components/header/component.js');
 require('@alfalab/core-components-loader');
-require('./countdown-section-d04caa75.js');
+require('./countdown-section-828d7b52.js');
 require('./components/screens/initial/component.js');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/utils.js

@@ -53,11 +53,9 @@ var useCountdown = function (countdownDuration, tick) {
         timerId.current = window.setInterval(updateProgress, tick);
     }, [stopTimer, updateProgress, tick]);
     var timeLeft = countdownDuration - timePassed;
-    React.useEffect(function () {
-        return function () {
-            stopTimer();
-        };
-    }, [stopTimer]);
+    React.useEffect(function () { return function () {
+        stopTimer();
+    }; }, [stopTimer]);
     return [timeLeft, startTimer, stopTimer];
 };
 var ONE_DAY = 24 * 60 * 60 * 1000;