@alfalab/core-components-confirmation 12.3.3 → 12.3.4

package/countdown-section-fa5d99c6.js

@@ -1,56 +0,0 @@
-'use strict';
-
-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');
-var coreComponentsTypography = require('@alfalab/core-components-typography');
-var coreComponentsLoader = require('@alfalab/core-components-loader');
-
-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 = {"component":"confirmation__component_19pqy","typographyTheme":"confirmation__typographyTheme_19pqy","phone":"confirmation__phone_19pqy","compact":"confirmation__compact_19pqy","loaderWrap":"confirmation__loaderWrap_19pqy","left":"confirmation__left_19pqy","center":"confirmation__center_19pqy","codeInput":"confirmation__codeInput_19pqy","smsComeLink":"confirmation__smsComeLink_19pqy","countdownContainer":"confirmation__countdownContainer_19pqy","countdownMobile":"confirmation__countdownMobile_19pqy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_19pqy","getCodeButton":"confirmation__getCodeButton_19pqy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_19pqy","containerInput":"confirmation__containerInput_19pqy"};
-require('./components/screens/initial/index.css')
-
-var CountdownSection = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
-    var _g = React.useContext(context.ConfirmationContext), state = _g.state, texts = _g.texts, timeLeft = _g.timeLeft, blockSmsRetry = _g.blockSmsRetry;
-    if (codeSendHintVisible) {
-        return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles.countdownContainer, (_b = {},
-                _b[styles.countdownMobile] = mobile,
-                _b[styles.typographyTheme] = !mobile,
-                _b)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.codeSended));
-    }
-    if (processing) {
-        return (React__default['default'].createElement("div", { className: cn__default['default'](styles.loaderWrap, styles.countdownContainer, (_c = {},
-                _c[styles.countdownLoaderMobile] = mobile,
-                _c[styles.typographyTheme] = !mobile,
-                _c)) },
-            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(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles.countdownContainer, (_d = {},
-                _d[styles.countdownMobile] = mobile,
-                _d[styles.typographyTheme] = !mobile,
-                _d)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.noAttemptsLeft));
-    }
-    if (timePassed) {
-        return (React__default['default'].createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default['default'](styles.getCodeButton, (_e = {}, _e[styles.getCodeButtonMobile] = mobile, _e)) }, texts.buttonRetry));
-    }
-    return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { className: cn__default['default'](styles.countdown, styles.countdownContainer, (_f = {},
-            _f[styles.countdownMobile] = mobile,
-            _f[styles.typographyTheme] = !mobile,
-            _f)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' },
-        texts.countdown,
-        " ",
-        utils.formatMsAsMinutes(timeLeft)));
-};
-
-exports.CountdownSection = CountdownSection;
-exports.styles = styles;

package/esm/countdown-section-a819b4f1.js

@@ -1,48 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { formatMsAsMinutes } from './utils.js';
-import { ConfirmationContext } from './context.js';
-import { Button } from '@alfalab/core-components-button/esm';
-import { Typography } from '@alfalab/core-components-typography/esm';
-import { Loader } from '@alfalab/core-components-loader/esm';
-
-var styles = {"component":"confirmation__component_19pqy","typographyTheme":"confirmation__typographyTheme_19pqy","phone":"confirmation__phone_19pqy","compact":"confirmation__compact_19pqy","loaderWrap":"confirmation__loaderWrap_19pqy","left":"confirmation__left_19pqy","center":"confirmation__center_19pqy","codeInput":"confirmation__codeInput_19pqy","smsComeLink":"confirmation__smsComeLink_19pqy","countdownContainer":"confirmation__countdownContainer_19pqy","countdownMobile":"confirmation__countdownMobile_19pqy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_19pqy","getCodeButton":"confirmation__getCodeButton_19pqy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_19pqy","containerInput":"confirmation__containerInput_19pqy"};
-require('./components/screens/initial/index.css')
-
-var CountdownSection = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, mobile = _a.mobile, handleSmsRetryClick = _a.handleSmsRetryClick;
-    var _g = useContext(ConfirmationContext), state = _g.state, texts = _g.texts, timeLeft = _g.timeLeft, blockSmsRetry = _g.blockSmsRetry;
-    if (codeSendHintVisible) {
-        return (React.createElement(Typography.Text, { className: cn(styles.countdownContainer, (_b = {},
-                _b[styles.countdownMobile] = mobile,
-                _b[styles.typographyTheme] = !mobile,
-                _b)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.codeSended));
-    }
-    if (processing) {
-        return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer, (_c = {},
-                _c[styles.countdownLoaderMobile] = mobile,
-                _c[styles.typographyTheme] = !mobile,
-                _c)) },
-            React.createElement(Loader, null),
-            React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
-    }
-    if (blockSmsRetry) {
-        return (React.createElement(Typography.Text, { className: cn(styles.countdownContainer, (_d = {},
-                _d[styles.countdownMobile] = mobile,
-                _d[styles.typographyTheme] = !mobile,
-                _d)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.noAttemptsLeft));
-    }
-    if (timePassed) {
-        return (React.createElement(Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn(styles.getCodeButton, (_e = {}, _e[styles.getCodeButtonMobile] = mobile, _e)) }, texts.buttonRetry));
-    }
-    return (React.createElement(Typography.Text, { className: cn(styles.countdown, styles.countdownContainer, (_f = {},
-            _f[styles.countdownMobile] = mobile,
-            _f[styles.typographyTheme] = !mobile,
-            _f)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' },
-        texts.countdown,
-        " ",
-        formatMsAsMinutes(timeLeft)));
-};
-
-export { CountdownSection as C, styles as s };

package/modern/countdown-section-5519e1b6.js

@@ -1,46 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { formatMsAsMinutes } from './utils.js';
-import { ConfirmationContext } from './context.js';
-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_19pqy","typographyTheme":"confirmation__typographyTheme_19pqy","phone":"confirmation__phone_19pqy","compact":"confirmation__compact_19pqy","loaderWrap":"confirmation__loaderWrap_19pqy","left":"confirmation__left_19pqy","center":"confirmation__center_19pqy","codeInput":"confirmation__codeInput_19pqy","smsComeLink":"confirmation__smsComeLink_19pqy","countdownContainer":"confirmation__countdownContainer_19pqy","countdownMobile":"confirmation__countdownMobile_19pqy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_19pqy","getCodeButton":"confirmation__getCodeButton_19pqy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_19pqy","containerInput":"confirmation__containerInput_19pqy"};
-require('./components/screens/initial/index.css')
-
-const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {
-    const { state, texts, timeLeft, blockSmsRetry } = useContext(ConfirmationContext);
-    if (codeSendHintVisible) {
-        return (React.createElement(Typography.Text, { className: cn(styles.countdownContainer, {
-                [styles.countdownMobile]: mobile,
-                [styles.typographyTheme]: !mobile,
-            }), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.codeSended));
-    }
-    if (processing) {
-        return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer, {
-                [styles.countdownLoaderMobile]: mobile,
-                [styles.typographyTheme]: !mobile,
-            }) },
-            React.createElement(Loader, null),
-            React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
-    }
-    if (blockSmsRetry) {
-        return (React.createElement(Typography.Text, { className: cn(styles.countdownContainer, {
-                [styles.countdownMobile]: mobile,
-                [styles.typographyTheme]: !mobile,
-            }), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, texts.noAttemptsLeft));
-    }
-    if (timePassed) {
-        return (React.createElement(Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn(styles.getCodeButton, { [styles.getCodeButtonMobile]: mobile }) }, texts.buttonRetry));
-    }
-    return (React.createElement(Typography.Text, { className: cn(styles.countdown, styles.countdownContainer, {
-            [styles.countdownMobile]: mobile,
-            [styles.typographyTheme]: !mobile,
-        }), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' },
-        texts.countdown,
-        " ",
-        formatMsAsMinutes(timeLeft)));
-};
-
-export { CountdownSection as C, styles as s };