@alfalab/core-components-confirmation 13.3.2 → 13.3.4

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

@@ -1,4 +1,4 @@
-/* hash: l66tg */
+/* hash: 1a5k3 */
 :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_gl1gu {
+} .confirmation__component_1p05f {
     display: flex;
     flex-direction: column;
-} .confirmation__center_gl1gu {
+} .confirmation__center_1p05f {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_gl1gu.confirmation__typographyTheme_gl1gu {
+} .confirmation__typographyTheme_1p05f.confirmation__typographyTheme_1p05f {
     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_gl1gu.confirmation__description_gl1gu {
+} .confirmation__description_1p05f.confirmation__description_1p05f {
     margin-bottom: var(--gap-xs);
-} .confirmation__countdownWrap_gl1gu {
+} .confirmation__countdownWrap_1p05f {
     display: flex;
     align-items: center;
-} .confirmation__loader_gl1gu {
+} .confirmation__loader_1p05f {
     margin-right: var(--gap-xs);
 }

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

@@ -1,8 +1 @@
 export { TempBlock } from './component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/core-components-typography/modern';
-import '../../../context.js';
-import '../../../utils.js';
-import '../../countdown-loader/component.js';
-import '../../header/component.js';

package/modern/{countdown-section-7331d9e5.js → countdown-section-dbc9c917.js}

@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-const styles = {"component":"confirmation__component_er3sy","typographyTheme":"confirmation__typographyTheme_er3sy","phone":"confirmation__phone_er3sy","compact":"confirmation__compact_er3sy","loaderWrap":"confirmation__loaderWrap_er3sy","left":"confirmation__left_er3sy","center":"confirmation__center_er3sy","codeInput":"confirmation__codeInput_er3sy","smsComeLink":"confirmation__smsComeLink_er3sy","countdownContainer":"confirmation__countdownContainer_er3sy","countdownMobile":"confirmation__countdownMobile_er3sy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_er3sy","getCodeButton":"confirmation__getCodeButton_er3sy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_er3sy","containerInput":"confirmation__containerInput_er3sy"};
+const styles = {"component":"confirmation__component_15d3w","typographyTheme":"confirmation__typographyTheme_15d3w","phone":"confirmation__phone_15d3w","compact":"confirmation__compact_15d3w","loaderWrap":"confirmation__loaderWrap_15d3w","left":"confirmation__left_15d3w","center":"confirmation__center_15d3w","codeInput":"confirmation__codeInput_15d3w","smsComeLink":"confirmation__smsComeLink_15d3w","countdownContainer":"confirmation__countdownContainer_15d3w","countdownMobile":"confirmation__countdownMobile_15d3w","countdownLoaderMobile":"confirmation__countdownLoaderMobile_15d3w","getCodeButton":"confirmation__getCodeButton_15d3w","getCodeButtonMobile":"confirmation__getCodeButtonMobile_15d3w","containerInput":"confirmation__containerInput_15d3w"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/modern/desktop/component.desktop.js

@@ -1,24 +1,5 @@
 import React from 'react';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../context.js';
-import '../utils.js';
-import '../types.js';
-import '../components/screens/initial/component.js';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-code-input/modern/desktop';
-import '@alfalab/core-components-code-input/modern/mobile';
-import '@alfalab/core-components-link/modern';
-import '@alfalab/core-components-typography/modern';
-import '../components/header/component.js';
-import '../countdown-section-7331d9e5.js';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-spinner/modern';
-import '../components/screens/hint/component.js';
-import '../components/screens/fatal-error/component.js';
-import '../components/screens/temp-block/component.js';
-import '../components/countdown-loader/component.js';
 
 const ConfirmationDesktop = (props) => (React.createElement(BaseConfirmation, { ...props }));
 

package/modern/desktop/index.js

@@ -1,22 +1,2 @@
 export { ConfirmationDesktop } from './component.desktop.js';
 export { useConfirmation, useCountdown } from '../utils.js';
-import 'react';
-import '../components/base-confirmation/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../context.js';
-import '../types.js';
-import '../components/screens/initial/component.js';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-code-input/modern/desktop';
-import '@alfalab/core-components-code-input/modern/mobile';
-import '@alfalab/core-components-link/modern';
-import '@alfalab/core-components-typography/modern';
-import '../components/header/component.js';
-import '../countdown-section-7331d9e5.js';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-spinner/modern';
-import '../components/screens/hint/component.js';
-import '../components/screens/fatal-error/component.js';
-import '../components/screens/temp-block/component.js';
-import '../components/countdown-loader/component.js';

package/modern/index.js

@@ -1,25 +1,2 @@
 export { ConfirmationResponsive as Confirmation } from './component.responsive.js';
 export { useConfirmation, useCountdown } from './utils.js';
-import 'react';
-import '@alfalab/core-components-mq/modern';
-import './desktop/component.desktop.js';
-import './components/base-confirmation/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import './context.js';
-import './types.js';
-import './components/screens/initial/component.js';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-code-input/modern/desktop';
-import '@alfalab/core-components-code-input/modern/mobile';
-import '@alfalab/core-components-link/modern';
-import '@alfalab/core-components-typography/modern';
-import './components/header/component.js';
-import './countdown-section-7331d9e5.js';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-spinner/modern';
-import './components/screens/hint/component.js';
-import './components/screens/fatal-error/component.js';
-import './components/screens/temp-block/component.js';
-import './components/countdown-loader/component.js';
-import './mobile/component.mobile.js';

package/modern/mobile/component.mobile.js

@@ -1,26 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
-import '@alfalab/hooks';
-import '../context.js';
-import '../utils.js';
-import '../types.js';
-import '../components/screens/initial/component.js';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-code-input/modern/desktop';
-import '@alfalab/core-components-code-input/modern/mobile';
-import '@alfalab/core-components-link/modern';
-import '@alfalab/core-components-typography/modern';
-import '../components/header/component.js';
-import '../countdown-section-7331d9e5.js';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-spinner/modern';
-import '../components/screens/hint/component.js';
-import '../components/screens/fatal-error/component.js';
-import '../components/screens/temp-block/component.js';
-import '../components/countdown-loader/component.js';
 
-const styles = {"container":"confirmation__container_10kd0"};
+const styles = {"container":"confirmation__container_1ttvw"};
 require('./mobile.css')
 
 const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));

package/modern/mobile/index.js

@@ -1,22 +1,2 @@
 export { ConfirmationMobile } from './component.mobile.js';
 export { useConfirmation, useCountdown } from '../utils.js';
-import 'react';
-import 'classnames';
-import '../components/base-confirmation/component.js';
-import '@alfalab/hooks';
-import '../context.js';
-import '../types.js';
-import '../components/screens/initial/component.js';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-code-input/modern/desktop';
-import '@alfalab/core-components-code-input/modern/mobile';
-import '@alfalab/core-components-link/modern';
-import '@alfalab/core-components-typography/modern';
-import '../components/header/component.js';
-import '../countdown-section-7331d9e5.js';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-spinner/modern';
-import '../components/screens/hint/component.js';
-import '../components/screens/fatal-error/component.js';
-import '../components/screens/temp-block/component.js';
-import '../components/countdown-loader/component.js';

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1dham */
-.confirmation__container_10kd0 {
+/* hash: 1m3vv */
+.confirmation__container_1ttvw {
     max-width: 288px;
 }

package/modern/shared/index.js

@@ -6,15 +6,3 @@ export { CountdownLoader } from '../components/countdown-loader/component.js';
 export { ConfirmationContext } from '../context.js';
 export { defaultTexts } from '../types.js';
 export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes } from '../utils.js';
-import 'react';
-import 'classnames';
-import '@alfalab/core-components-button/modern/mobile';
-import '@alfalab/core-components-code-input/modern/desktop';
-import '@alfalab/core-components-code-input/modern/mobile';
-import '@alfalab/core-components-link/modern';
-import '@alfalab/core-components-typography/modern';
-import '@alfalab/hooks';
-import '../components/header/component.js';
-import '../countdown-section-7331d9e5.js';
-import '@alfalab/core-components-button/modern';
-import '@alfalab/core-components-spinner/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "13.3.2",
+    "version": "13.3.4",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -11,11 +11,11 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^11.1.1",
+        "@alfalab/core-components-button": "^11.2.0",
         "@alfalab/core-components-code-input": "^3.2.0",
         "@alfalab/core-components-link": "^5.2.0",
         "@alfalab/core-components-spinner": "^3.2.0",
-        "@alfalab/core-components-typography": "^4.4.0",
+        "@alfalab/core-components-typography": "^4.5.0",
         "@alfalab/core-components-mq": "^4.2.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",

package/shared/index.js

@@ -10,18 +10,6 @@ var components_countdownLoader_component = require('../components/countdown-load
 var context = require('../context.js');
 var types = require('../types.js');
 var utils = require('../utils.js');
-require('react');
-require('classnames');
-require('@alfalab/core-components-button/mobile');
-require('@alfalab/core-components-code-input/desktop');
-require('@alfalab/core-components-code-input/mobile');
-require('@alfalab/core-components-link');
-require('@alfalab/core-components-typography');
-require('@alfalab/hooks');
-require('../components/header/component.js');
-require('../countdown-section-bfcf66d3.js');
-require('@alfalab/core-components-button');
-require('@alfalab/core-components-spinner');
 
 
 

package/src/components/screens/initial/component.tsx

@@ -161,13 +161,15 @@ export const Initial: FC<InitialProps> = ({ mobile }) => {
         <div className={cn(styles.component, styles[alignContent])}>
             <Header mobile={mobile}>{texts.title}</Header>
 
-            <Typography.Text
-                view='primary-medium'
-                color='primary'
-                className={cn(styles.phone, { [styles.typographyTheme]: !mobile })}
-            >
-                Код отправлен на {phone}
-            </Typography.Text>
+            {phone ? (
+                <Typography.Text
+                    view='primary-medium'
+                    color='primary'
+                    className={cn(styles.phone, { [styles.typographyTheme]: !mobile })}
+                >
+                    Код отправлен на {phone}
+                </Typography.Text>
+            ) : null}
             <ComponentCodeInput
                 disabled={processing}
                 error={getCodeInputError()}