@alfalab/core-components-confirmation 14.0.0 → 14.1.0-snapshot-92b8690

package/components/base-confirmation/index.css

@@ -2,10 +2,10 @@
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
 } :root {
     --gap-0: 0px;
-} .confirmation__component_1icbt {
+} .confirmation__component_1yg0t {
     width: 100%;
     max-width: 388px;
     color: var(--color-light-text-secondary)
-} .confirmation__component_1icbt.confirmation__center_1icbt {
+} .confirmation__component_1yg0t.confirmation__center_1yg0t {
         margin: var(--gap-0) auto;
     }

package/components/base-confirmation/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_1icbt","center":"confirmation__center_1icbt"};
+var styles = {"component":"confirmation__component_1yg0t","center":"confirmation__center_1yg0t"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-confirmation/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    width: 100%;\n    max-width: 388px;\n    color: var(--color-light-text-secondary);\n\n    &.center {\n        margin: var(--gap-0) auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    width: 100%;\n    max-width: 388px;\n    color: var(--color-light-text-secondary);\n\n    &.center {\n        margin: var(--gap-0) auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/components/countdown-loader/index.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-neutral-500: #babbc2;
-} .confirmation__circle_ynj3x {
+} .confirmation__circle_34sg7 {
     fill: transparent;
     stroke: var(--color-light-neutral-500);
     stroke-width: 2px;

package/components/countdown-loader/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"circle":"confirmation__circle_ynj3x"};
+var styles = {"circle":"confirmation__circle_34sg7"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/countdown-loader/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/countdown-loader/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.circle {\n    fill: transparent;\n    stroke: var(--color-light-neutral-500);\n    stroke-width: 2px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/countdown-loader/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.circle {\n    fill: transparent;\n    stroke: var(--color-light-neutral-500);\n    stroke-width: 2px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/components/header/index.css

@@ -14,15 +14,15 @@
     --confirmation-header-mobile-font-weight: 600;
     --confirmation-header-mobile-font-family: var(--font-family-system);
     --confirmation-header-font-feature-settings: normal
-} .confirmation__header_1050z.confirmation__header_1050z {
+} .confirmation__header_1keem.confirmation__header_1keem {
     margin-bottom: var(--gap-24);
-} .confirmation__typography_1050z.confirmation__typography_1050z.confirmation__typography_1050z {
+} .confirmation__typography_1keem.confirmation__typography_1keem.confirmation__typography_1keem {
     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_1050z.confirmation__typographyMobile_1050z.confirmation__typographyMobile_1050z {
+} .confirmation__typographyMobile_1keem.confirmation__typographyMobile_1keem.confirmation__typographyMobile_1keem {
     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/header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"confirmation__header_1050z","typography":"confirmation__typography_1050z","typographyMobile":"confirmation__typographyMobile_1050z"};
+var styles = {"header":"confirmation__header_1keem","typography":"confirmation__typography_1keem","typographyMobile":"confirmation__typographyMobile_1keem"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -15,22 +15,22 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_k667q {
+} .confirmation__component_1cd5g {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_k667q.confirmation__typographyTheme_k667q {
+} .confirmation__typographyTheme_1cd5g.confirmation__typographyTheme_1cd5g {
     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__typographyThemeMobile_k667q.confirmation__typographyThemeMobile_k667q {
+} .confirmation__typographyThemeMobile_1cd5g.confirmation__typographyThemeMobile_1cd5g {
     color: var(--color-light-text-secondary);
-} .confirmation__left_k667q {
+} .confirmation__left_1cd5g {
     align-items: flex-start;
-} .confirmation__center_k667q {
+} .confirmation__center_1cd5g {
     align-items: center;
     text-align: center;
-} .confirmation__button_k667q.confirmation__button_k667q {
+} .confirmation__button_1cd5g.confirmation__button_1cd5g {
     margin-top: var(--gap-32);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_k667q","typographyTheme":"confirmation__typographyTheme_k667q","typographyThemeMobile":"confirmation__typographyThemeMobile_k667q","left":"confirmation__left_k667q","center":"confirmation__center_k667q","button":"confirmation__button_k667q"};
+var styles = {"component":"confirmation__component_1cd5g","typographyTheme":"confirmation__typographyTheme_1cd5g","typographyThemeMobile":"confirmation__typographyThemeMobile_1cd5g","left":"confirmation__left_1cd5g","center":"confirmation__center_1cd5g","button":"confirmation__button_1cd5g"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/screens/hint/index.css

@@ -20,40 +20,40 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_17fc5 {
+} .confirmation__component_1oog5 {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_17fc5 span:last-of-type {
+} .confirmation__component_1oog5 span:last-of-type {
         margin-bottom: var(--gap-0);
-    } .confirmation__center_17fc5 {
+    } .confirmation__center_1oog5 {
     align-items: center;
     text-align: center;
-} .confirmation__text_17fc5.confirmation__text_17fc5 {
+} .confirmation__text_1oog5.confirmation__text_1oog5 {
     margin-bottom: var(--gap-24);
-} .confirmation__typographyTheme_17fc5.confirmation__typographyTheme_17fc5 {
+} .confirmation__typographyTheme_1oog5.confirmation__typographyTheme_1oog5 {
     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__typographyThemeMobile_17fc5.confirmation__typographyThemeMobile_17fc5 {
+} .confirmation__typographyThemeMobile_1oog5.confirmation__typographyThemeMobile_1oog5 {
     color: var(--color-light-text-secondary);
-} .confirmation__phonesWrap_17fc5 {
+} .confirmation__phonesWrap_1oog5 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-24);
-} .confirmation__phoneWrap_17fc5 {
+} .confirmation__phoneWrap_1oog5 {
     margin-bottom: var(--gap-8)
-} .confirmation__phoneWrap_17fc5:last-child {
+} .confirmation__phoneWrap_1oog5:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation__phoneLink_17fc5.confirmation__phoneLink_17fc5 {
+    } .confirmation__phoneLink_1oog5.confirmation__phoneLink_1oog5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_17fc5 {
+} .confirmation__hintButton_1oog5 {
     margin-top: var(--gap-32);
-} .confirmation__phoneContentMobile_17fc5 {
+} .confirmation__phoneContentMobile_1oog5 {
     display: flex;
     flex-direction: column;
 }

package/components/screens/hint/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_17fc5","center":"confirmation__center_17fc5","text":"confirmation__text_17fc5","typographyTheme":"confirmation__typographyTheme_17fc5","typographyThemeMobile":"confirmation__typographyThemeMobile_17fc5","phonesWrap":"confirmation__phonesWrap_17fc5","phoneWrap":"confirmation__phoneWrap_17fc5","phoneLink":"confirmation__phoneLink_17fc5","hintButton":"confirmation__hintButton_17fc5","phoneContentMobile":"confirmation__phoneContentMobile_17fc5"};
+var styles = {"component":"confirmation__component_1oog5","center":"confirmation__center_1oog5","text":"confirmation__text_1oog5","typographyTheme":"confirmation__typographyTheme_1oog5","typographyThemeMobile":"confirmation__typographyThemeMobile_1oog5","phonesWrap":"confirmation__phonesWrap_1oog5","phoneWrap":"confirmation__phoneWrap_1oog5","phoneLink":"confirmation__phoneLink_1oog5","hintButton":"confirmation__hintButton_1oog5","phoneContentMobile":"confirmation__phoneContentMobile_1oog5"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/screens/initial/index.css

@@ -28,60 +28,60 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_xt6hj {
+} .confirmation__component_zxerz {
     display: flex;
     flex-direction: column;
-} .confirmation__phone_xt6hj.confirmation__phone_xt6hj {
+} .confirmation__phone_zxerz.confirmation__phone_zxerz {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-32);
-} .confirmation__typographyTheme_xt6hj.confirmation__typographyTheme_xt6hj {
+} .confirmation__typographyTheme_zxerz.confirmation__typographyTheme_zxerz {
     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__typographyThemeMobile_xt6hj.confirmation__typographyThemeMobile_xt6hj {
+} .confirmation__typographyThemeMobile_zxerz.confirmation__typographyThemeMobile_zxerz {
     color: var(--color-light-text-secondary);
-} .confirmation__compact_xt6hj {
+} .confirmation__compact_zxerz {
     margin-bottom: var(--gap-24);
-} .confirmation__loaderWrap_xt6hj {
+} .confirmation__loaderWrap_zxerz {
     display: flex;
     align-items: center;
-} .confirmation__left_xt6hj {
+} .confirmation__left_zxerz {
     align-items: flex-start;
-} .confirmation__center_xt6hj {
+} .confirmation__center_zxerz {
     align-items: center;
     text-align: center
-} .confirmation__center_xt6hj .confirmation__loaderWrap_xt6hj {
+} .confirmation__center_zxerz .confirmation__loaderWrap_zxerz {
         justify-content: center;
-    } .confirmation__codeInput_xt6hj {
+    } .confirmation__codeInput_zxerz {
     margin-bottom: var(--gap-12);
-} .confirmation__smsBtn_xt6hj.confirmation__smsBtn_xt6hj {
+} .confirmation__smsBtn_zxerz.confirmation__smsBtn_zxerz {
     min-height: var(--size-xs-height);
-} .confirmation__smsComeLink_xt6hj.confirmation__smsComeLink_xt6hj {
+} .confirmation__smsComeLink_zxerz.confirmation__smsComeLink_zxerz {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_xt6hj.confirmation__countdownContainer_xt6hj {
+} .confirmation__countdownContainer_zxerz.confirmation__countdownContainer_zxerz {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-24);
-} .confirmation__countdownMobile_xt6hj.confirmation__countdownMobile_xt6hj {
+} .confirmation__countdownMobile_zxerz.confirmation__countdownMobile_zxerz {
     margin-bottom: var(--gap-20);
-} .confirmation__countdownLoaderMobile_xt6hj.confirmation__countdownLoaderMobile_xt6hj {
+} .confirmation__countdownLoaderMobile_zxerz.confirmation__countdownLoaderMobile_zxerz {
     margin-bottom: var(--gap-16);
-} .confirmation__timeCounter_xt6hj {
+} .confirmation__timeCounter_zxerz {
     display: inline-block;
     min-width: 47px;
     color: var(--color-light-text-secondary);
     text-align: left;
     font-feature-settings: lining-nums tabular-nums;
     font-variant-numeric: lining-nums tabular-nums;
-} .confirmation__getCodeButton_xt6hj {
+} .confirmation__getCodeButton_zxerz {
     position: relative;
     top: var(--gap-4-neg);
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButtonMobile_xt6hj {
+} .confirmation__getCodeButtonMobile_zxerz {
     margin-bottom: var(--gap-0);
-} .confirmation__containerInput_xt6hj {
+} .confirmation__containerInput_zxerz {
     min-height: 80px;
 }

package/components/screens/initial/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_xt6hj","phone":"confirmation__phone_xt6hj","typographyTheme":"confirmation__typographyTheme_xt6hj","typographyThemeMobile":"confirmation__typographyThemeMobile_xt6hj","compact":"confirmation__compact_xt6hj","loaderWrap":"confirmation__loaderWrap_xt6hj","left":"confirmation__left_xt6hj","center":"confirmation__center_xt6hj","codeInput":"confirmation__codeInput_xt6hj","smsBtn":"confirmation__smsBtn_xt6hj","smsComeLink":"confirmation__smsComeLink_xt6hj","countdownContainer":"confirmation__countdownContainer_xt6hj","countdownMobile":"confirmation__countdownMobile_xt6hj","countdownLoaderMobile":"confirmation__countdownLoaderMobile_xt6hj","timeCounter":"confirmation__timeCounter_xt6hj","getCodeButton":"confirmation__getCodeButton_xt6hj","getCodeButtonMobile":"confirmation__getCodeButtonMobile_xt6hj","containerInput":"confirmation__containerInput_xt6hj"};
+var styles = {"component":"confirmation__component_zxerz","phone":"confirmation__phone_zxerz","typographyTheme":"confirmation__typographyTheme_zxerz","typographyThemeMobile":"confirmation__typographyThemeMobile_zxerz","compact":"confirmation__compact_zxerz","loaderWrap":"confirmation__loaderWrap_zxerz","left":"confirmation__left_zxerz","center":"confirmation__center_zxerz","codeInput":"confirmation__codeInput_zxerz","smsBtn":"confirmation__smsBtn_zxerz","smsComeLink":"confirmation__smsComeLink_zxerz","countdownContainer":"confirmation__countdownContainer_zxerz","countdownMobile":"confirmation__countdownMobile_zxerz","countdownLoaderMobile":"confirmation__countdownLoaderMobile_zxerz","timeCounter":"confirmation__timeCounter_zxerz","getCodeButton":"confirmation__getCodeButton_zxerz","getCodeButtonMobile":"confirmation__getCodeButtonMobile_zxerz","containerInput":"confirmation__containerInput_zxerz"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -15,32 +15,32 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_67tgn {
+} .confirmation__component_1q5cl {
     display: flex;
     flex-direction: column;
-} .confirmation__center_67tgn {
+} .confirmation__center_1q5cl {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_67tgn.confirmation__typographyTheme_67tgn {
+} .confirmation__typographyTheme_1q5cl.confirmation__typographyTheme_1q5cl {
     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__typographyThemeMobile_67tgn.confirmation__typographyThemeMobile_67tgn {
+} .confirmation__typographyThemeMobile_1q5cl.confirmation__typographyThemeMobile_1q5cl {
     color: var(--color-light-text-secondary);
-} .confirmation__description_67tgn.confirmation__description_67tgn {
+} .confirmation__description_1q5cl.confirmation__description_1q5cl {
     margin-bottom: var(--gap-8);
-} .confirmation__countdownWrap_67tgn {
+} .confirmation__countdownWrap_1q5cl {
     display: flex;
     align-items: center;
-} .confirmation__timeCounter_67tgn {
+} .confirmation__timeCounter_1q5cl {
     display: inline-block;
     min-width: 47px;
     color: var(--color-light-text-secondary);
     text-align: left;
     font-feature-settings: lining-nums tabular-nums;
     font-variant-numeric: lining-nums tabular-nums;
-} .confirmation__loader_67tgn {
+} .confirmation__loader_1q5cl {
     margin-right: var(--gap-8);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_67tgn","center":"confirmation__center_67tgn","typographyTheme":"confirmation__typographyTheme_67tgn","typographyThemeMobile":"confirmation__typographyThemeMobile_67tgn","description":"confirmation__description_67tgn","countdownWrap":"confirmation__countdownWrap_67tgn","timeCounter":"confirmation__timeCounter_67tgn","loader":"confirmation__loader_67tgn"};
+var styles = {"component":"confirmation__component_1q5cl","center":"confirmation__center_1q5cl","typographyTheme":"confirmation__typographyTheme_1q5cl","typographyThemeMobile":"confirmation__typographyThemeMobile_1q5cl","description":"confirmation__description_1q5cl","countdownWrap":"confirmation__countdownWrap_1q5cl","timeCounter":"confirmation__timeCounter_1q5cl","loader":"confirmation__loader_1q5cl"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -15,20 +15,20 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_10zoj {
+} .confirmation__component_pr5th {
     display: flex;
     flex-direction: column;
-} .confirmation__center_10zoj {
+} .confirmation__center_pr5th {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_10zoj.confirmation__typographyTheme_10zoj {
+} .confirmation__typographyTheme_pr5th.confirmation__typographyTheme_pr5th {
     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__typographyThemeMobile_10zoj.confirmation__typographyThemeMobile_10zoj {
+} .confirmation__typographyThemeMobile_pr5th.confirmation__typographyThemeMobile_pr5th {
     color: var(--color-light-text-secondary);
-} .confirmation__button_10zoj.confirmation__button_10zoj {
+} .confirmation__button_pr5th.confirmation__button_pr5th {
     margin-top: var(--gap-32);
 }

package/components/screens/temp-block-over/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_10zoj","center":"confirmation__center_10zoj","typographyTheme":"confirmation__typographyTheme_10zoj","typographyThemeMobile":"confirmation__typographyThemeMobile_10zoj","button":"confirmation__button_10zoj"};
+var styles = {"component":"confirmation__component_pr5th","center":"confirmation__center_pr5th","typographyTheme":"confirmation__typographyTheme_pr5th","typographyThemeMobile":"confirmation__typographyThemeMobile_pr5th","button":"confirmation__button_pr5th"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/component.responsive.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { ConfirmationProps } from './types';
+export declare type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens' | 'breakpoint'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+export declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;

package/dynamic-mixins/component.responsive.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var dynamicMixins = require('@alfalab/core-components-mq/dynamic-mixins');
+var component_desktop = require('./desktop/component.desktop.js');
+var component_mobile = require('./mobile/component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ConfirmationResponsive = function (_a) {
+    var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue"]);
+    var isDesktop = dynamicMixins.useIsDesktop(breakpoint, defaultMatchMediaValue);
+    return isDesktop ? (React__default.default.createElement(component_desktop.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
+};
+
+exports.ConfirmationResponsive = ConfirmationResponsive;
+//# sourceMappingURL=component.responsive.js.map

package/dynamic-mixins/component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.responsive.js","sources":["../src/component.responsive.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ConfirmationDesktop } from './desktop';\nimport { ConfirmationMobile } from './mobile';\nimport { ConfirmationProps } from './types';\n\nexport type ResponsiveConfirmationProps = Omit<\n    ConfirmationProps,\n    'confirmationScreens' | 'breakpoint'\n> & {\n    /**\n     * Контрольная точка, с нее начинается desktop версия\n     * @default 1024\n     */\n    breakpoint?: number;\n\n    /**\n     * Версия, которая будет использоваться при серверном рендеринге\n     */\n    client?: 'desktop' | 'mobile';\n\n    /**\n     * Значение по-умолчанию для хука useMatchMedia\n     * @deprecated Используйте client\n     */\n    defaultMatchMediaValue?: boolean | (() => boolean);\n};\n\nexport const ConfirmationResponsive: FC<ResponsiveConfirmationProps> = ({\n    breakpoint,\n    client,\n    defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n    ...restProps\n}) => {\n    const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n    return isDesktop ? (\n        <ConfirmationDesktop {...restProps} />\n    ) : (\n        <ConfirmationMobile breakpoint={breakpoint} {...restProps} />\n    );\n};\n"],"names":["__rest","useIsDesktop","React","ConfirmationDesktop","__assign","ConfirmationMobile"],"mappings":";;;;;;;;;;;;;;AA8BO,IAAM,sBAAsB,GAAoC,UAAC,EAKvE,EAAA;AAJG,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAJwDA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,wBAAA,CAKvE,CADe;IAEZ,IAAM,SAAS,GAAGC,0BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZC,qCAACC,qCAAmB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,CAAA,CAAI,KAEtCF,sBAAC,CAAA,aAAA,CAAAG,mCAAkB,EAACD,cAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,CAAI,CAAA,CAChE;AACL;;;;"}

package/dynamic-mixins/components/base-confirmation/component.d.ts

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

package/dynamic-mixins/components/base-confirmation/component.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var context = require('../../context.js');
+var types = require('../../types.js');
+var utils = require('../../utils.js');
+var component$4 = require('../screens/initial/component.js');
+var component$3 = require('../screens/hint/component.js');
+var component$2 = require('../screens/fatal-error/component.js');
+var component$1 = require('../screens/temp-block/component.js');
+var component = require('../screens/temp-block-over/component.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var confirmationScreens = {
+    INITIAL: component$4.Initial,
+    HINT: component$3.Hint,
+    FATAL_ERROR: component$2.FatalError,
+    TEMP_BLOCK: component$1.TempBlock,
+    TEMP_BLOCK_OVER: component.TempBlockOver,
+};
+var BaseConfirmation = function (_a) {
+    var _b;
+    var state = _a.state, screen = _a.screen, _c = _a.alignContent, alignContent = _c === void 0 ? 'left' : _c; _a.children; var _d = _a.requiredCharAmount, requiredCharAmount = _d === void 0 ? 5 : _d, _e = _a.countdownDuration, countdownDuration = _e === void 0 ? utils.ONE_MINUTE : _e, _f = _a.tempBlockDuration, tempBlockDuration = _f === void 0 ? utils.ONE_DAY : _f, phone = _a.phone, blockSmsRetry = _a.blockSmsRetry, dataTestId = _a.dataTestId, className = _a.className, getScreensMap = _a.getScreensMap, onInputFinished = _a.onInputFinished, onChangeState = _a.onChangeState, onSmsRetryClick = _a.onSmsRetryClick, onChangeScreen = _a.onChangeScreen, onFatalErrorOkButtonClick = _a.onFatalErrorOkButtonClick, onTempBlockFinished = _a.onTempBlockFinished, mobile = _a.mobile, _g = _a.clearCodeOnError, clearCodeOnError = _g === void 0 ? true : _g, _h = _a.hideCountdownSection, hideCountdownSection = _h === void 0 ? false : _h, breakpoint = _a.breakpoint, client = _a.client, initialScreenHintSlot = _a.initialScreenHintSlot, errorVisibleDuration = _a.errorVisibleDuration, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError", "hideCountdownSection", "breakpoint", "client", "initialScreenHintSlot", "errorVisibleDuration"]);
+    var _j = utils.useCountdown(countdownDuration), timeLeft = _j[0], startTimer = _j[1], stopTimer = _j[2];
+    var prevState = hooks.usePrevious(state);
+    React.useEffect(function () {
+        startTimer();
+    }, [startTimer]);
+    React.useEffect(function () {
+        /**
+         * Перезапускаем таймер после повторного запроса кода
+         */
+        if (state === 'INITIAL' && prevState === 'CODE_SENDING') {
+            startTimer();
+        }
+    }, [state, prevState, startTimer]);
+    React.useEffect(function () {
+        /**
+         * Останавливаем таймер, если новый экран/состояние не содержит таймер
+         */
+        if (!['INITIAL', 'HINT', 'TEMP_BLOCK', 'TEMP_BLOCK_OVER'].includes(screen) ||
+            blockSmsRetry) {
+            stopTimer();
+        }
+    }, [state, screen, blockSmsRetry, stopTimer]);
+    var handleSmsRetry = function () {
+        onChangeState('CODE_SENDING');
+        onSmsRetryClick();
+    };
+    var handleInputFinished = function (code) {
+        onChangeState('CODE_CHECKING');
+        onInputFinished(code);
+    };
+    var handleFatalErrorOkButtonClick = function () {
+        if (onFatalErrorOkButtonClick) {
+            onFatalErrorOkButtonClick();
+        }
+    };
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    var contextValue = {
+        hideCountdownSection: hideCountdownSection,
+        alignContent: alignContent,
+        texts: tslib.__assign(tslib.__assign({}, types.defaultTexts), restProps.texts),
+        state: state,
+        screen: screen,
+        requiredCharAmount: requiredCharAmount,
+        countdownDuration: countdownDuration,
+        timeLeft: timeLeft,
+        tempBlockDuration: tempBlockDuration,
+        phone: phone,
+        blockSmsRetry: blockSmsRetry,
+        breakpoint: breakpoint,
+        client: client,
+        onTempBlockFinished: onTempBlockFinished,
+        onChangeState: onChangeState,
+        onChangeScreen: onChangeScreen,
+        clearCodeOnError: clearCodeOnError,
+        errorVisibleDuration: errorVisibleDuration,
+        initialScreenHintSlot: initialScreenHintSlot,
+        onInputFinished: handleInputFinished,
+        onSmsRetryClick: handleSmsRetry,
+        onFatalErrorOkButtonClick: handleFatalErrorOkButtonClick,
+    };
+    var customScreen = React.useMemo(function () { return getScreensMap && getScreensMap(confirmationScreens); }, [getScreensMap]);
+    var screensMap = customScreen || confirmationScreens;
+    var CurrentScreen = screensMap[screen];
+    return (React__default.default.createElement(context.ConfirmationContext.Provider, { value: contextValue },
+        React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, (_b = {},
+                _b[index_module.center] = alignContent === 'center',
+                _b)), "data-test-id": dataTestId }, CurrentScreen && React__default.default.createElement(CurrentScreen, { mobile: mobile }))));
+};
+
+exports.BaseConfirmation = BaseConfirmation;
+//# sourceMappingURL=component.js.map

package/dynamic-mixins/components/base-confirmation/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/base-confirmation/component.tsx"],"sourcesContent":["import React, { ComponentType, FC, useEffect, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../context';\nimport { ConfirmationProps, defaultTexts, TConfirmationContext } from '../../types';\nimport { ONE_DAY, ONE_MINUTE, useCountdown } from '../../utils';\nimport { FatalError, Hint, Initial, TempBlock, TempBlockOver } from '../screens';\n\nimport styles from './index.module.css';\n\nconst confirmationScreens: { [key: string]: ComponentType<{ mobile?: boolean }> } = {\n    INITIAL: Initial,\n    HINT: Hint,\n    FATAL_ERROR: FatalError,\n    TEMP_BLOCK: TempBlock,\n    TEMP_BLOCK_OVER: TempBlockOver,\n};\n\nexport const BaseConfirmation: FC<ConfirmationProps> = ({\n    state,\n    screen,\n    alignContent = 'left',\n    children,\n    requiredCharAmount = 5,\n    countdownDuration = ONE_MINUTE,\n    tempBlockDuration = ONE_DAY,\n    phone,\n    blockSmsRetry,\n    dataTestId,\n    className,\n    getScreensMap,\n    onInputFinished,\n    onChangeState,\n    onSmsRetryClick,\n    onChangeScreen,\n    onFatalErrorOkButtonClick,\n    onTempBlockFinished,\n    mobile,\n    clearCodeOnError = true,\n    hideCountdownSection = false,\n    breakpoint,\n    client,\n    initialScreenHintSlot,\n    errorVisibleDuration,\n    ...restProps\n}) => {\n    const [timeLeft, startTimer, stopTimer] = useCountdown(countdownDuration);\n\n    const prevState = usePrevious(state);\n\n    useEffect(() => {\n        startTimer();\n    }, [startTimer]);\n\n    useEffect(() => {\n        /**\n         * Перезапускаем таймер после повторного запроса кода\n         */\n        if (state === 'INITIAL' && prevState === 'CODE_SENDING') {\n            startTimer();\n        }\n    }, [state, prevState, startTimer]);\n\n    useEffect(() => {\n        /**\n         * Останавливаем таймер, если новый экран/состояние не содержит таймер\n         */\n        if (\n            !['INITIAL', 'HINT', 'TEMP_BLOCK', 'TEMP_BLOCK_OVER'].includes(screen) ||\n            blockSmsRetry\n        ) {\n            stopTimer();\n        }\n    }, [state, screen, blockSmsRetry, stopTimer]);\n\n    const handleSmsRetry = () => {\n        onChangeState('CODE_SENDING');\n\n        onSmsRetryClick();\n    };\n\n    const handleInputFinished = (code: string) => {\n        onChangeState('CODE_CHECKING');\n\n        onInputFinished(code);\n    };\n\n    const handleFatalErrorOkButtonClick = () => {\n        if (onFatalErrorOkButtonClick) {\n            onFatalErrorOkButtonClick();\n        }\n    };\n\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    const contextValue: TConfirmationContext = {\n        hideCountdownSection,\n        alignContent,\n        texts: { ...defaultTexts, ...restProps.texts },\n        state,\n        screen,\n        requiredCharAmount,\n        countdownDuration,\n        timeLeft,\n        tempBlockDuration,\n        phone,\n        blockSmsRetry,\n        breakpoint,\n        client,\n        onTempBlockFinished,\n        onChangeState,\n        onChangeScreen,\n        clearCodeOnError,\n        errorVisibleDuration,\n        initialScreenHintSlot,\n        onInputFinished: handleInputFinished,\n        onSmsRetryClick: handleSmsRetry,\n        onFatalErrorOkButtonClick: handleFatalErrorOkButtonClick,\n    };\n\n    const customScreen = useMemo(\n        () => getScreensMap && getScreensMap(confirmationScreens),\n        [getScreensMap],\n    );\n\n    const screensMap = customScreen || confirmationScreens;\n\n    const CurrentScreen = screensMap[screen];\n\n    return (\n        <ConfirmationContext.Provider value={contextValue}>\n            <div\n                className={cn(styles.component, className, {\n                    [styles.center]: alignContent === 'center',\n                })}\n                data-test-id={dataTestId}\n            >\n                {CurrentScreen && <CurrentScreen mobile={mobile} />}\n            </div>\n        </ConfirmationContext.Provider>\n    );\n};\n"],"names":["Initial","Hint","FatalError","TempBlock","TempBlockOver","ONE_MINUTE","ONE_DAY","__rest","useCountdown","usePrevious","useEffect","defaultTexts","useMemo","React","ConfirmationContext","cn","styles"],"mappings":"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"}

package/dynamic-mixins/components/base-confirmation/index.css

@@ -0,0 +1,11 @@
+:root {
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+} :root {
+    --gap-0: 0px;
+} .confirmation__component_1yg0t {
+    width: 100%;
+    max-width: 388px;
+    color: var(--color-light-text-secondary)
+} .confirmation__component_1yg0t.confirmation__center_1yg0t {
+        margin: var(--gap-0) auto;
+    }

package/dynamic-mixins/components/base-confirmation/index.d.ts

@@ -0,0 +1 @@
+export * from './component';

package/dynamic-mixins/components/base-confirmation/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var component = require('./component.js');
+
+
+
+exports.BaseConfirmation = component.BaseConfirmation;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/base-confirmation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/base-confirmation/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"confirmation__component_1yg0t","center":"confirmation__center_1yg0t"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/base-confirmation/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    width: 100%;\n    max-width: 388px;\n    color: var(--color-light-text-secondary);\n\n    &.center {\n        margin: var(--gap-0) auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/dynamic-mixins/components/countdown-loader/component.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+declare type Props = {
+    progress: number;
+    className?: string;
+};
+export declare const CountdownLoader: FC<Props>;
+export {};