@alfalab/core-components-confirmation 13.1.4 → 13.1.6

package/component.desktop.js

@@ -17,7 +17,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('./components/header/component.js');
-require('./countdown-section-abea0408.js');
+require('./countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('./components/screens/hint/component.js');

package/component.mobile.js

@@ -17,7 +17,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('./components/header/component.js');
-require('./countdown-section-abea0408.js');
+require('./countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('./components/screens/hint/component.js');
@@ -30,7 +30,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"confirmation__container_1jwo5"};
+var styles = {"container":"confirmation__container_18e25"};
 require('./mobile.css')
 
 var ConfirmationMobile = function (_a) {

package/component.responsive.js

@@ -20,7 +20,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('./components/header/component.js');
-require('./countdown-section-abea0408.js');
+require('./countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('./components/screens/hint/component.js');

package/components/base-confirmation/component.js

@@ -19,7 +19,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('../header/component.js');
-require('../../countdown-section-abea0408.js');
+require('../../countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('../countdown-loader/component.js');
@@ -29,7 +29,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_vdfyp"};
+var styles = {"component":"confirmation__component_15mit"};
 require('./index.css')
 
 var confirmationScreens = {

package/components/base-confirmation/index.css

@@ -1,4 +1,4 @@
-/* hash: lg1bh */
+/* hash: ntfmw */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation__component_vdfyp {
+} .confirmation__component_15mit {
     width: 100%;
     max-width: 388px;
     margin: 0 auto;

package/components/base-confirmation/index.js

@@ -17,7 +17,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('../header/component.js');
-require('../../countdown-section-abea0408.js');
+require('../../countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('../screens/hint/component.js');

package/components/countdown-loader/component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"circle":"confirmation__circle_9djg9"};
+var styles = {"circle":"confirmation__circle_1o3jh"};
 require('./index.css')
 
 var SIZE = 16;

package/components/countdown-loader/index.css

@@ -1,4 +1,4 @@
-/* hash: 1we07 */
+/* hash: mz2z7 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #c1c1c3; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation__circle_9djg9 {
+} .confirmation__circle_1o3jh {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/components/header/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"header":"confirmation__header_q63zu","typography":"confirmation__typography_q63zu","typographyMobile":"confirmation__typographyMobile_q63zu"};
+var styles = {"header":"confirmation__header_qeh8z","typography":"confirmation__typography_qeh8z","typographyMobile":"confirmation__typographyMobile_qeh8z"};
 require('./index.css')
 
 var Header = function (_a) {

package/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1esx9 */
+/* hash: 1wxi4 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -34,15 +34,15 @@
 
     /* header */
     --confirmation-header-font-feature-settings: normal
-} .confirmation__header_q63zu.confirmation__header_q63zu {
+} .confirmation__header_qeh8z.confirmation__header_qeh8z {
     margin-bottom: var(--gap-xl);
-} .confirmation__typography_q63zu.confirmation__typography_q63zu.confirmation__typography_q63zu {
+} .confirmation__typography_qeh8z.confirmation__typography_qeh8z.confirmation__typography_qeh8z {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-desktop-font-size);
     line-height: var(--confirmation-header-desktop-line-height);
     font-weight: var(--confirmation-header-desktop-font-weight);
     font-family: var(--confirmation-header-desktop-font-family);
-} .confirmation__typographyMobile_q63zu.confirmation__typographyMobile_q63zu.confirmation__typographyMobile_q63zu {
+} .confirmation__typographyMobile_qeh8z.confirmation__typographyMobile_qeh8z.confirmation__typographyMobile_qeh8z {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-mobile-font-size);
     line-height: var(--confirmation-header-mobile-line-height);

package/components/index.js

@@ -18,7 +18,7 @@ require('@alfalab/hooks');
 require('../context.js');
 require('../utils.js');
 require('./header/component.js');
-require('../countdown-section-abea0408.js');
+require('../countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 

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

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_kg0c2","typographyTheme":"confirmation__typographyTheme_kg0c2","left":"confirmation__left_kg0c2","center":"confirmation__center_kg0c2","button":"confirmation__button_kg0c2"};
+var styles = {"component":"confirmation__component_81yvr","typographyTheme":"confirmation__typographyTheme_81yvr","left":"confirmation__left_81yvr","center":"confirmation__center_81yvr","button":"confirmation__button_81yvr"};
 require('./index.css')
 
 var FatalError = function (_a) {

package/components/screens/fatal-error/index.css

@@ -1,4 +1,4 @@
-/* hash: mctcp */
+/* hash: 1wdc2 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,20 +31,20 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_kg0c2 {
+} .confirmation__component_81yvr {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_kg0c2.confirmation__typographyTheme_kg0c2 {
+} .confirmation__typographyTheme_81yvr.confirmation__typographyTheme_81yvr {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
-} .confirmation__left_kg0c2 {
+} .confirmation__left_81yvr {
     align-items: flex-start;
-} .confirmation__center_kg0c2 {
+} .confirmation__center_81yvr {
     align-items: center;
     text-align: center;
-} .confirmation__button_kg0c2 {
+} .confirmation__button_81yvr {
     margin-top: var(--gap-2xl);
 }

package/components/screens/hint/component.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_up7fo","center":"confirmation__center_up7fo","text":"confirmation__text_up7fo","typographyTheme":"confirmation__typographyTheme_up7fo","phonesWrap":"confirmation__phonesWrap_up7fo","phoneWrap":"confirmation__phoneWrap_up7fo","phoneLink":"confirmation__phoneLink_up7fo","hintButton":"confirmation__hintButton_up7fo","phoneContentMobile":"confirmation__phoneContentMobile_up7fo"};
+var styles = {"component":"confirmation__component_g2hop","center":"confirmation__center_g2hop","text":"confirmation__text_g2hop","typographyTheme":"confirmation__typographyTheme_g2hop","phonesWrap":"confirmation__phonesWrap_g2hop","phoneWrap":"confirmation__phoneWrap_g2hop","phoneLink":"confirmation__phoneLink_g2hop","hintButton":"confirmation__hintButton_g2hop","phoneContentMobile":"confirmation__phoneContentMobile_g2hop"};
 require('./index.css')
 
 var Hint = function (_a) {

package/components/screens/hint/index.css

@@ -1,4 +1,4 @@
-/* hash: 1x2wl */
+/* hash: sb4ox */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,38 +33,38 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_up7fo {
+} .confirmation__component_g2hop {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_up7fo span:last-of-type {
+} .confirmation__component_g2hop span:last-of-type {
         margin-bottom: 0;
-    } .confirmation__center_up7fo {
+    } .confirmation__center_g2hop {
     align-items: center;
     text-align: center;
-} .confirmation__text_up7fo.confirmation__text_up7fo {
+} .confirmation__text_g2hop.confirmation__text_g2hop {
     margin-bottom: var(--gap-xl);
-} .confirmation__typographyTheme_up7fo.confirmation__typographyTheme_up7fo {
+} .confirmation__typographyTheme_g2hop.confirmation__typographyTheme_g2hop {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
-} .confirmation__phonesWrap_up7fo {
+} .confirmation__phonesWrap_g2hop {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-xl);
-} .confirmation__phoneWrap_up7fo {
+} .confirmation__phoneWrap_g2hop {
     margin-bottom: var(--gap-xs)
-} .confirmation__phoneWrap_up7fo:last-child {
+} .confirmation__phoneWrap_g2hop:last-child {
         margin-bottom: 0;
-    } .confirmation__phoneLink_up7fo.confirmation__phoneLink_up7fo {
+    } .confirmation__phoneLink_g2hop.confirmation__phoneLink_g2hop {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_up7fo {
+} .confirmation__hintButton_g2hop {
     margin-top: var(--gap-2xl);
-} .confirmation__phoneContentMobile_up7fo {
+} .confirmation__phoneContentMobile_g2hop {
     display: flex;
     flex-direction: column;
     align-items: center;

package/components/screens/index.js

@@ -17,7 +17,7 @@ require('@alfalab/hooks');
 require('../../context.js');
 require('../../utils.js');
 require('../header/component.js');
-require('../../countdown-section-abea0408.js');
+require('../../countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('../countdown-loader/component.js');

package/components/screens/initial/component.js

@@ -12,7 +12,7 @@ var coreComponentsTypography = require('@alfalab/core-components-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-abea0408.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-a349a8ff.js');
 require('../../../utils.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
@@ -75,7 +75,7 @@ var Initial = function (_a) {
             inputRef.current.focus();
         }
     }, [prevState, state, requiredCharAmount]);
-    React.useLayoutEffect(function () {
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
         if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {
             setCodeSendHintVisible(true);
             clearTimer();

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

@@ -9,7 +9,7 @@ require('@alfalab/core-components-spinner');
 require('@alfalab/core-components-typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-abea0408.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-a349a8ff.js');
 
 
 

package/components/screens/initial/index.css

@@ -1,4 +1,4 @@
-/* hash: 100vt */
+/* hash: 11son */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e;
@@ -37,49 +37,49 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_1c8tj {
+} .confirmation__component_yvw20 {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_1c8tj.confirmation__typographyTheme_1c8tj {
+} .confirmation__typographyTheme_yvw20.confirmation__typographyTheme_yvw20 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
-} .confirmation__phone_1c8tj.confirmation__phone_1c8tj {
+} .confirmation__phone_yvw20.confirmation__phone_yvw20 {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-2xl);
-} .confirmation__compact_1c8tj {
+} .confirmation__compact_yvw20 {
     margin-bottom: var(--gap-xl);
-} .confirmation__loaderWrap_1c8tj {
+} .confirmation__loaderWrap_yvw20 {
     display: flex;
     align-items: center;
-} .confirmation__left_1c8tj {
+} .confirmation__left_yvw20 {
     align-items: flex-start;
-} .confirmation__center_1c8tj {
+} .confirmation__center_yvw20 {
     align-items: center;
     text-align: center
-} .confirmation__center_1c8tj .confirmation__loaderWrap_1c8tj {
+} .confirmation__center_yvw20 .confirmation__loaderWrap_yvw20 {
         justify-content: center;
-    } .confirmation__codeInput_1c8tj {
+    } .confirmation__codeInput_yvw20 {
     margin-bottom: var(--gap-s);
-} .confirmation__smsComeLink_1c8tj.confirmation__smsComeLink_1c8tj {
+} .confirmation__smsComeLink_yvw20.confirmation__smsComeLink_yvw20 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_1c8tj.confirmation__countdownContainer_1c8tj {
+} .confirmation__countdownContainer_yvw20.confirmation__countdownContainer_yvw20 {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-xl);
-} .confirmation__countdownMobile_1c8tj.confirmation__countdownMobile_1c8tj {
+} .confirmation__countdownMobile_yvw20.confirmation__countdownMobile_yvw20 {
     margin-bottom: var(--gap-l);
-} .confirmation__countdownLoaderMobile_1c8tj.confirmation__countdownLoaderMobile_1c8tj {
+} .confirmation__countdownLoaderMobile_yvw20.confirmation__countdownLoaderMobile_yvw20 {
     margin-bottom: var(--gap-m);
-} .confirmation__getCodeButton_1c8tj {
+} .confirmation__getCodeButton_yvw20 {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
-} .confirmation__getCodeButtonMobile_1c8tj {
+} .confirmation__getCodeButtonMobile_yvw20 {
     margin-bottom: 0;
-} .confirmation__containerInput_1c8tj {
+} .confirmation__containerInput_yvw20 {
     min-height: 80px;
 }

package/components/screens/initial/index.js

@@ -14,7 +14,7 @@ require('@alfalab/hooks');
 require('../../../context.js');
 require('../../../utils.js');
 require('../../header/component.js');
-require('../../../countdown-section-abea0408.js');
+require('../../../countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 

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

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_1i4fs","center":"confirmation__center_1i4fs","typographyTheme":"confirmation__typographyTheme_1i4fs","description":"confirmation__description_1i4fs","countdownWrap":"confirmation__countdownWrap_1i4fs","loader":"confirmation__loader_1i4fs"};
+var styles = {"component":"confirmation__component_raowx","center":"confirmation__center_raowx","typographyTheme":"confirmation__typographyTheme_raowx","description":"confirmation__description_raowx","countdownWrap":"confirmation__countdownWrap_raowx","loader":"confirmation__loader_raowx"};
 require('./index.css')
 
 var TempBlock = function (_a) {

package/components/screens/temp-block/index.css

@@ -1,4 +1,4 @@
-/* hash: nrhbq */
+/* hash: lzohn */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,23 +31,23 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_1i4fs {
+} .confirmation__component_raowx {
     display: flex;
     flex-direction: column;
-} .confirmation__center_1i4fs {
+} .confirmation__center_raowx {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_1i4fs.confirmation__typographyTheme_1i4fs {
+} .confirmation__typographyTheme_raowx.confirmation__typographyTheme_raowx {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
-} .confirmation__description_1i4fs.confirmation__description_1i4fs {
+} .confirmation__description_raowx.confirmation__description_raowx {
     margin-bottom: var(--gap-xs);
-} .confirmation__countdownWrap_1i4fs {
+} .confirmation__countdownWrap_raowx {
     display: flex;
     align-items: center;
-} .confirmation__loader_1i4fs {
+} .confirmation__loader_raowx {
     margin-right: var(--gap-xs);
 }

package/{countdown-section-abea0408.js → countdown-section-a349a8ff.js}

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_1c8tj","typographyTheme":"confirmation__typographyTheme_1c8tj","phone":"confirmation__phone_1c8tj","compact":"confirmation__compact_1c8tj","loaderWrap":"confirmation__loaderWrap_1c8tj","left":"confirmation__left_1c8tj","center":"confirmation__center_1c8tj","codeInput":"confirmation__codeInput_1c8tj","smsComeLink":"confirmation__smsComeLink_1c8tj","countdownContainer":"confirmation__countdownContainer_1c8tj","countdownMobile":"confirmation__countdownMobile_1c8tj","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1c8tj","getCodeButton":"confirmation__getCodeButton_1c8tj","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1c8tj","containerInput":"confirmation__containerInput_1c8tj"};
+var styles = {"component":"confirmation__component_yvw20","typographyTheme":"confirmation__typographyTheme_yvw20","phone":"confirmation__phone_yvw20","compact":"confirmation__compact_yvw20","loaderWrap":"confirmation__loaderWrap_yvw20","left":"confirmation__left_yvw20","center":"confirmation__center_yvw20","codeInput":"confirmation__codeInput_yvw20","smsComeLink":"confirmation__smsComeLink_yvw20","countdownContainer":"confirmation__countdownContainer_yvw20","countdownMobile":"confirmation__countdownMobile_yvw20","countdownLoaderMobile":"confirmation__countdownLoaderMobile_yvw20","getCodeButton":"confirmation__getCodeButton_yvw20","getCodeButtonMobile":"confirmation__getCodeButtonMobile_yvw20","containerInput":"confirmation__containerInput_yvw20"};
 require('./components/screens/initial/index.css')
 
 var CountdownSection = function (_a) {

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

@@ -78,7 +78,7 @@ var Initial = function (_a) {
             inputRef.current.focus();
         }
     }, [prevState, state, requiredCharAmount]);
-    React.useLayoutEffect(function () {
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
         if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {
             setCodeSendHintVisible(true);
             clearTimer();

package/desktop.js

@@ -18,7 +18,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('./components/header/component.js');
-require('./countdown-section-abea0408.js');
+require('./countdown-section-a349a8ff.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('./components/screens/hint/component.js');

package/esm/component.desktop.js

@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
-import './countdown-section-eec99fc8.js';
+import './countdown-section-a04248a9.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import './components/screens/hint/component.js';

package/esm/component.mobile.js

@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
-import './countdown-section-eec99fc8.js';
+import './countdown-section-a04248a9.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import './components/screens/hint/component.js';
@@ -21,7 +21,7 @@ import './components/screens/fatal-error/component.js';
 import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 
-var styles = {"container":"confirmation__container_1jwo5"};
+var styles = {"container":"confirmation__container_18e25"};
 require('./mobile.css')
 
 var ConfirmationMobile = function (_a) {

package/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
-import './countdown-section-eec99fc8.js';
+import './countdown-section-a04248a9.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import './components/screens/hint/component.js';

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

@@ -15,12 +15,12 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import '../header/component.js';
-import '../../countdown-section-eec99fc8.js';
+import '../../countdown-section-a04248a9.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import '../countdown-loader/component.js';
 
-var styles = {"component":"confirmation__component_vdfyp"};
+var styles = {"component":"confirmation__component_15mit"};
 require('./index.css')
 
 var confirmationScreens = {

package/esm/components/base-confirmation/index.css

@@ -1,4 +1,4 @@
-/* hash: lg1bh */
+/* hash: ntfmw */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation__component_vdfyp {
+} .confirmation__component_15mit {
     width: 100%;
     max-width: 388px;
     margin: 0 auto;

package/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import '../header/component.js';
-import '../../countdown-section-eec99fc8.js';
+import '../../countdown-section-a04248a9.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import '../screens/hint/component.js';

package/esm/components/countdown-loader/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"circle":"confirmation__circle_9djg9"};
+var styles = {"circle":"confirmation__circle_1o3jh"};
 require('./index.css')
 
 var SIZE = 16;

package/esm/components/countdown-loader/index.css

@@ -1,4 +1,4 @@
-/* hash: 1we07 */
+/* hash: mz2z7 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #c1c1c3; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation__circle_9djg9 {
+} .confirmation__circle_1o3jh {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/esm/components/header/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '@alfalab/core-components-typography/esm';
 
-var styles = {"header":"confirmation__header_q63zu","typography":"confirmation__typography_q63zu","typographyMobile":"confirmation__typographyMobile_q63zu"};
+var styles = {"header":"confirmation__header_qeh8z","typography":"confirmation__typography_qeh8z","typographyMobile":"confirmation__typographyMobile_qeh8z"};
 require('./index.css')
 
 var Header = function (_a) {