@alfalab/core-components-confirmation 12.1.3 → 12.2.0

package/cssm/component.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { ConfirmationProps } from "./types";
-declare const Confirmation: FC<ConfirmationProps>;
-export { Confirmation };

package/cssm/index.module.css

@@ -1,46 +0,0 @@
-:root {
-    --color-light-text-secondary: #546272;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-}
-:root {
-    /* title */
-
-    /* text */
-    --confirmation-text-font-size: 16px;
-    --confirmation-text-line-height: 24px;
-    --confirmation-text-font-weight: 400;
-    --confirmation-text-font-family: var(--font-family-system);
-    --confirmation-text-color: var(--color-light-text-secondary);
-
-    /* error */
-
-    /* input */
-}
-.component {
-    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);
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    max-width: 400px;
-    margin: 0 auto;
-}
-.center {
-    align-items: center;
-    text-align: center;
-}

package/esm/component.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { ConfirmationProps } from "./types";
-declare const Confirmation: FC<ConfirmationProps>;
-export { Confirmation };

package/esm/countdown-section-3aba82dd.js

@@ -1,33 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { formatMsAsMinutes } from './utils.js';
-import { ConfirmationContext } from './context.js';
-import { Loader } from '@alfalab/core-components-loader/esm';
-import { Button } from '@alfalab/core-components-button/esm';
-
-var styles = {"component":"confirmation__component_66h8v","header":"confirmation__header_66h8v","phone":"confirmation__phone_66h8v","inputContainer":"confirmation__inputContainer_66h8v","compact":"confirmation__compact_66h8v","loaderWrap":"confirmation__loaderWrap_66h8v","center":"confirmation__center_66h8v","codeInput":"confirmation__codeInput_66h8v","smsComeLink":"confirmation__smsComeLink_66h8v","countdownContainer":"confirmation__countdownContainer_66h8v","getCodeButton":"confirmation__getCodeButton_66h8v","countdown":"confirmation__countdown_66h8v","countdownTimer":"confirmation__countdownTimer_66h8v"};
-require('./components/screens/initial/index.css')
-
-var CountdownSection = function (_a) {
-    var codeSendHintVisible = _a.codeSendHintVisible, timePassed = _a.timePassed, processing = _a.processing, handleSmsRetryClick = _a.handleSmsRetryClick;
-    var _b = useContext(ConfirmationContext), state = _b.state, texts = _b.texts, timeLeft = _b.timeLeft, blockSmsRetry = _b.blockSmsRetry;
-    if (codeSendHintVisible) {
-        return React.createElement("div", { className: styles.countdownContainer }, texts.codeSended);
-    }
-    if (processing) {
-        return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer) },
-            React.createElement(Loader, null),
-            React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
-    }
-    if (blockSmsRetry) {
-        return React.createElement("div", { className: styles.countdownContainer }, texts.noAttemptsLeft);
-    }
-    if (timePassed) {
-        return (React.createElement(Button, { size: 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: styles.getCodeButton }, texts.buttonRetry));
-    }
-    return (React.createElement("div", { className: cn(styles.countdown, styles.countdownContainer) },
-        texts.countdown,
-        React.createElement("div", { className: styles.countdownTimer }, formatMsAsMinutes(timeLeft))));
-};
-
-export { CountdownSection as C, styles as s };

package/esm/index.css

@@ -1,47 +0,0 @@
-/* hash: bzxbf */
-:root {
-    --color-light-text-secondary: #546272;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-}
-:root {
-    /* title */
-
-    /* text */
-    --confirmation-text-font-size: 16px;
-    --confirmation-text-line-height: 24px;
-    --confirmation-text-font-weight: 400;
-    --confirmation-text-font-family: var(--font-family-system);
-    --confirmation-text-color: var(--color-light-text-secondary);
-
-    /* error */
-
-    /* input */
-}
-.confirmation__component_1sztg {
-    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);
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    max-width: 400px;
-    margin: 0 auto;
-}
-.confirmation__center_1sztg {
-    align-items: center;
-    text-align: center;
-}

package/index.css

@@ -1,47 +0,0 @@
-/* hash: bzxbf */
-:root {
-    --color-light-text-secondary: #546272;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-}
-:root {
-    /* title */
-
-    /* text */
-    --confirmation-text-font-size: 16px;
-    --confirmation-text-line-height: 24px;
-    --confirmation-text-font-weight: 400;
-    --confirmation-text-font-family: var(--font-family-system);
-    --confirmation-text-color: var(--color-light-text-secondary);
-
-    /* error */
-
-    /* input */
-}
-.confirmation__component_1sztg {
-    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);
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    max-width: 400px;
-    margin: 0 auto;
-}
-.confirmation__center_1sztg {
-    align-items: center;
-    text-align: center;
-}

package/modern/component.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { ConfirmationProps } from "./types";
-declare const Confirmation: FC<ConfirmationProps>;
-export { Confirmation };

package/modern/countdown-section-7a5f6574.js

@@ -1,32 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { formatMsAsMinutes } from './utils.js';
-import { ConfirmationContext } from './context.js';
-import { Loader } from '@alfalab/core-components-loader/modern';
-import { Button } from '@alfalab/core-components-button/modern';
-
-var styles = {"component":"confirmation__component_66h8v","header":"confirmation__header_66h8v","phone":"confirmation__phone_66h8v","inputContainer":"confirmation__inputContainer_66h8v","compact":"confirmation__compact_66h8v","loaderWrap":"confirmation__loaderWrap_66h8v","center":"confirmation__center_66h8v","codeInput":"confirmation__codeInput_66h8v","smsComeLink":"confirmation__smsComeLink_66h8v","countdownContainer":"confirmation__countdownContainer_66h8v","getCodeButton":"confirmation__getCodeButton_66h8v","countdown":"confirmation__countdown_66h8v","countdownTimer":"confirmation__countdownTimer_66h8v"};
-require('./components/screens/initial/index.css')
-
-const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {
-    const { state, texts, timeLeft, blockSmsRetry } = useContext(ConfirmationContext);
-    if (codeSendHintVisible) {
-        return React.createElement("div", { className: styles.countdownContainer }, texts.codeSended);
-    }
-    if (processing) {
-        return (React.createElement("div", { className: cn(styles.loaderWrap, styles.countdownContainer) },
-            React.createElement(Loader, null),
-            React.createElement("span", { className: styles.loaderText }, state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending)));
-    }
-    if (blockSmsRetry) {
-        return React.createElement("div", { className: styles.countdownContainer }, texts.noAttemptsLeft);
-    }
-    if (timePassed) {
-        return (React.createElement(Button, { size: 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: styles.getCodeButton }, texts.buttonRetry));
-    }
-    return (React.createElement("div", { className: cn(styles.countdown, styles.countdownContainer) },
-        texts.countdown,
-        React.createElement("div", { className: styles.countdownTimer }, formatMsAsMinutes(timeLeft))));
-};
-
-export { CountdownSection as C, styles as s };

package/modern/index.css

@@ -1,47 +0,0 @@
-/* hash: bzxbf */
-:root {
-    --color-light-text-secondary: #546272;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-}
-:root {
-    /* title */
-
-    /* text */
-    --confirmation-text-font-size: 16px;
-    --confirmation-text-line-height: 24px;
-    --confirmation-text-font-weight: 400;
-    --confirmation-text-font-family: var(--font-family-system);
-    --confirmation-text-color: var(--color-light-text-secondary);
-
-    /* error */
-
-    /* input */
-}
-.confirmation__component_1sztg {
-    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);
-
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    max-width: 400px;
-    margin: 0 auto;
-}
-.confirmation__center_1sztg {
-    align-items: center;
-    text-align: center;
-}