@alfalab/core-components 32.1.1 → 32.2.0-beta.0

package/calendar-range/modern/index.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-9904f5bf.js';
+import './index.module-5c7a2591.js';
 import './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

package/calendar-range/modern/views/popover.js

@@ -9,7 +9,7 @@ import 'date-fns/isEqual';
 import { isValidInputValue, parseDateString, CalendarInput } from '../../../calendar-input/modern';
 import { isCompleteDateInput } from '../../../date-input/modern';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-9904f5bf.js';
+import { s as styles } from '../index.module-5c7a2591.js';
 
 const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);

package/calendar-range/modern/views/static.js

@@ -10,7 +10,7 @@ import endOfMonth from 'date-fns/endOfMonth';
 import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/modern';
 import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
-import { s as styles } from '../index.module-9904f5bf.js';
+import { s as styles } from '../index.module-5c7a2591.js';
 import { usePeriodWithReset, Calendar } from '../../../calendar/modern';
 import { isDayButton } from '../utils.js';
 

package/calendar-range/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isDayButton = function (node) { return node && node.tagName === 'BUTTON' && node.dataset.date; };
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
 
 exports.isDayButton = isDayButton;

package/calendar-range/views/popover.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-19e21434.js');
+var index_module = require('../index.module-e7fa54f0.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/calendar-range/views/static.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-19e21434.js');
+var index_module = require('../index.module-e7fa54f0.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/chart/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e32b513b.js');
+var tslib_es6 = require('./tslib.es6-937234cf.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-682a1620.js';
+import { _ as __assign } from './tslib.es6-5016e1d8.js';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';

package/chart/esm/hooks/useSettings/index.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-682a1620.js';
+import { _ as __assign } from '../../tslib.es6-5016e1d8.js';
 import { useState, useEffect } from 'react';
 import { setComposedChartsMargin } from './utils/setComposedChartsMargin.js';
 import { setDatas } from './utils/setDatas.js';

package/chart/esm/hooks/useSettings/utils/setDatas.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-682a1620.js';
+import { _ as __assign } from '../../../tslib.es6-5016e1d8.js';
 
 var setDatas = function (series, labels) {
     var initData = [];

package/chart/esm/hooks/useSettings/utils/setGradientCharts.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-682a1620.js';
+import { _ as __assign } from '../../../tslib.es6-5016e1d8.js';
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-682a1620.js';
+import './tslib.es6-5016e1d8.js';
 import 'react';
 import 'classnames';
 import 'recharts';

package/chart/hooks/useSettings/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-e32b513b.js');
+var tslib_es6 = require('../../tslib.es6-937234cf.js');
 var React = require('react');
 var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
 var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');

package/chart/hooks/useSettings/utils/setDatas.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-e32b513b.js');
+var tslib_es6 = require('../../../tslib.es6-937234cf.js');
 
 var setDatas = function (series, labels) {
     var initData = [];

package/chart/hooks/useSettings/utils/setGradientCharts.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-e32b513b.js');
+var tslib_es6 = require('../../../tslib.es6-937234cf.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-e32b513b.js');
+require('./tslib.es6-937234cf.js');
 require('react');
 require('classnames');
 require('recharts');

package/collapse/Component.js

@@ -65,11 +65,18 @@ var Collapse = React.forwardRef(function (_a, ref) {
         };
     }, [recalculate]);
     React.useEffect(function () { return recalculate(); }, [isExpanded, recalculate]);
+    var contentStyles = React.useMemo(function () {
+        var _a;
+        var contentHeight = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
+        return {
+            height: isExpanded && !contentHeight ? '0px' : contentHeight + "px",
+        };
+    }, [isExpanded]);
     var ToggledIcon = isExpanded ? ArrowUpMBlackIcon.ArrowUpMBlackIcon : ArrowDownMBlackIcon.ArrowDownMBlackIcon;
     return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](className, styles.collapse), id: id, "data-test-id": dataTestId },
         React__default['default'].createElement("div", { ref: contentRef, className: cn__default['default'](styles.content, (_b = {},
                 _b[styles.expandedContent] = isExpanded,
-                _b)), onTransitionEnd: handleTransitionEnd },
+                _b)), style: contentStyles, onTransitionEnd: handleTransitionEnd },
             React__default['default'].createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React__default['default'].createElement(coreComponentsLink.Link, { className: cn__default['default']((_c = {}, _c[styles.expandedLabel] = isExpanded, _c)), pseudo: true, onClick: handleExpandedChange, rightAddons: React__default['default'].createElement(ToggledIcon, null) }, isExpanded ? expandedLabel : collapsedLabel))));
 });

package/collapse/cssm/Component.js

@@ -64,11 +64,18 @@ var Collapse = React.forwardRef(function (_a, ref) {
         };
     }, [recalculate]);
     React.useEffect(function () { return recalculate(); }, [isExpanded, recalculate]);
+    var contentStyles = React.useMemo(function () {
+        var _a;
+        var contentHeight = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
+        return {
+            height: isExpanded && !contentHeight ? '0px' : contentHeight + "px",
+        };
+    }, [isExpanded]);
     var ToggledIcon = isExpanded ? ArrowUpMBlackIcon.ArrowUpMBlackIcon : ArrowDownMBlackIcon.ArrowDownMBlackIcon;
     return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](className, styles__default['default'].collapse), id: id, "data-test-id": dataTestId },
         React__default['default'].createElement("div", { ref: contentRef, className: cn__default['default'](styles__default['default'].content, (_b = {},
                 _b[styles__default['default'].expandedContent] = isExpanded,
-                _b)), onTransitionEnd: handleTransitionEnd },
+                _b)), style: contentStyles, onTransitionEnd: handleTransitionEnd },
             React__default['default'].createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React__default['default'].createElement(coreComponentsLink.Link, { className: cn__default['default']((_c = {}, _c[styles__default['default'].expandedLabel] = isExpanded, _c)), pseudo: true, onClick: handleExpandedChange, rightAddons: React__default['default'].createElement(ToggledIcon, null) }, isExpanded ? expandedLabel : collapsedLabel))));
 });

package/collapse/esm/Component.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { ArrowDownMBlackIcon } from '@alfalab/icons-classic/ArrowDownMBlackIcon';
@@ -57,11 +57,18 @@ var Collapse = forwardRef(function (_a, ref) {
         };
     }, [recalculate]);
     useEffect(function () { return recalculate(); }, [isExpanded, recalculate]);
+    var contentStyles = useMemo(function () {
+        var _a;
+        var contentHeight = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
+        return {
+            height: isExpanded && !contentHeight ? '0px' : contentHeight + "px",
+        };
+    }, [isExpanded]);
     var ToggledIcon = isExpanded ? ArrowUpMBlackIcon : ArrowDownMBlackIcon;
     return (React.createElement("div", { ref: ref, className: cn(className, styles.collapse), id: id, "data-test-id": dataTestId },
         React.createElement("div", { ref: contentRef, className: cn(styles.content, (_b = {},
                 _b[styles.expandedContent] = isExpanded,
-                _b)), onTransitionEnd: handleTransitionEnd },
+                _b)), style: contentStyles, onTransitionEnd: handleTransitionEnd },
             React.createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React.createElement(Link, { className: cn((_c = {}, _c[styles.expandedLabel] = isExpanded, _c)), pseudo: true, onClick: handleExpandedChange, rightAddons: React.createElement(ToggledIcon, null) }, isExpanded ? expandedLabel : collapsedLabel))));
 });

package/collapse/modern/Component.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { ArrowDownMBlackIcon } from '@alfalab/icons-classic/ArrowDownMBlackIcon';
@@ -55,11 +55,17 @@ const Collapse = forwardRef(({ expanded, collapsedLabel, expandedLabel, children
         };
     }, [recalculate]);
     useEffect(() => recalculate(), [isExpanded, recalculate]);
+    const contentStyles = useMemo(() => {
+        const contentHeight = contentRef.current?.offsetHeight;
+        return {
+            height: isExpanded && !contentHeight ? '0px' : `${contentHeight}px`,
+        };
+    }, [isExpanded]);
     const ToggledIcon = isExpanded ? ArrowUpMBlackIcon : ArrowDownMBlackIcon;
     return (React.createElement("div", { ref: ref, className: cn(className, styles.collapse), id: id, "data-test-id": dataTestId },
         React.createElement("div", { ref: contentRef, className: cn(styles.content, {
                 [styles.expandedContent]: isExpanded,
-            }), onTransitionEnd: handleTransitionEnd },
+            }), style: contentStyles, onTransitionEnd: handleTransitionEnd },
             React.createElement("div", { ref: contentCaseRef }, children)),
         (expandedLabel || collapsedLabel) && (React.createElement(Link, { className: cn({ [styles.expandedLabel]: isExpanded }), pseudo: true, onClick: handleExpandedChange, rightAddons: React.createElement(ToggledIcon, null) }, isExpanded ? expandedLabel : collapsedLabel))));
 });

package/confirmation/component-9e76b0fb.d.ts

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { ConfirmationProps } from "./types";
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+declare function __spread(...args: any[]): any[];
+declare function __spreadArrays(...args: any[]): any[];
+declare function __await(v: any): any;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
+declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+declare const BaseConfirmation: FC<ConfirmationProps>;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, BaseConfirmation };

package/confirmation/{component.js → component-9e76b0fb.js}

@@ -1,20 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 var utils = require('./utils.js');
 var context = require('./context.js');
 var types = require('./types.js');
-require('../code-input');
-require('../link');
-require('./countdown-section-44184a06.js');
-require('../loader');
-require('../button');
 var components_screens_initial_component = require('./components/screens/initial/component.js');
 var components_screens_hint_component = require('./components/screens/hint/component.js');
 var components_screens_fatalError_component = require('./components/screens/fatal-error/component.js');
-require('./components/countdown-loader/component.js');
 var components_screens_tempBlock_component = require('./components/screens/temp-block/component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -36,8 +28,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
+exports.__assign = function () {
+    exports.__assign = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s)
@@ -46,7 +38,7 @@ var __assign = function () {
         }
         return t;
     };
-    return __assign.apply(this, arguments);
+    return exports.__assign.apply(this, arguments);
 };
 function __rest(s, e) {
     var t = {};
@@ -61,8 +53,8 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"confirmation__component_1sztg","center":"confirmation__center_1sztg"};
-require('./index.css');
+var styles = {"component":"confirmation__component_1hl87","center":"confirmation__center_1hl87"};
+require('./components/base-confirmation/index.css');
 
 var confirmationScreens = {
     INITIAL: components_screens_initial_component.Initial,
@@ -70,8 +62,8 @@ var confirmationScreens = {
     FATAL_ERROR: components_screens_fatalError_component.FatalError,
     TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
 };
-var Confirmation = function (_a) {
-    var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b, children = _a.children, _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, 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, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished"]);
+var BaseConfirmation = function (_a) {
+    var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b, children = _a.children, _c = _a.requiredCharAmount, requiredCharAmount = _c === void 0 ? 5 : _c, _d = _a.countdownDuration, countdownDuration = _d === void 0 ? utils.ONE_MINUTE : _d, _e = _a.tempBlockDuration, tempBlockDuration = _e === void 0 ? utils.ONE_DAY : _e, 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, restProps = __rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile"]);
     var _f = utils.useCountdown(countdownDuration), timeLeft = _f[0], startTimer = _f[1], stopTimer = _f[2];
     var prevState = hooks.usePrevious(state);
     React.useEffect(function () {
@@ -108,7 +100,7 @@ var Confirmation = function (_a) {
     };
     var contextValue = {
         alignContent: alignContent,
-        texts: __assign(__assign({}, types.defaultTexts), restProps.texts),
+        texts: exports.__assign(exports.__assign({}, types.defaultTexts), restProps.texts),
         state: state,
         screen: screen,
         requiredCharAmount: requiredCharAmount,
@@ -127,7 +119,8 @@ var Confirmation = function (_a) {
     var screensMap = getScreensMap ? getScreensMap(confirmationScreens) : confirmationScreens;
     var CurrentScreen = screensMap[screen];
     return (React__default['default'].createElement(context.ConfirmationContext.Provider, { value: contextValue },
-        React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[alignContent], className), "data-test-id": dataTestId }, CurrentScreen && React__default['default'].createElement(CurrentScreen, null))));
+        React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[alignContent], className), "data-test-id": dataTestId }, CurrentScreen && React__default['default'].createElement(CurrentScreen, { mobile: mobile }))));
 };
 
-exports.Confirmation = Confirmation;
+exports.BaseConfirmation = BaseConfirmation;
+exports.__rest = __rest;

package/confirmation/component.desktop.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ConfirmationProps } from "./types";
+type DesktopConfirmationProps = Omit<ConfirmationProps, 'mobile'>;
+declare const ConfirmationDesktop: FC<DesktopConfirmationProps>;
+export { DesktopConfirmationProps, ConfirmationDesktop };

package/confirmation/component.desktop.js

@@ -0,0 +1,29 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseConfirmation_component = require('./component-9e76b0fb.js');
+var React = require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('./utils.js');
+require('./context.js');
+require('./types.js');
+require('../code-input');
+require('../link');
+require('../typography');
+require('../button');
+require('./components/header/component.js');
+require('../loader');
+require('./countdown-section-6f3b9bf2.js');
+require('./components/screens/initial/component.js');
+require('./components/screens/hint/component.js');
+require('./components/screens/fatal-error/component.js');
+require('./components/countdown-loader/component.js');
+require('./components/screens/temp-block/component.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ConfirmationDesktop = function (props) { return (React__default['default'].createElement(components_baseConfirmation_component.BaseConfirmation, components_baseConfirmation_component.__assign({}, props))); };
+
+exports.ConfirmationDesktop = ConfirmationDesktop;

package/confirmation/component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ConfirmationProps } from "./types";
+type MobileConfirmationProps = Omit<ConfirmationProps, 'mobile'>;
+declare const ConfirmationMobile: FC<MobileConfirmationProps>;
+export { MobileConfirmationProps, ConfirmationMobile };

package/confirmation/component.mobile.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseConfirmation_component = require('./component-9e76b0fb.js');
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/hooks');
+require('./utils.js');
+require('./context.js');
+require('./types.js');
+require('../code-input');
+require('../link');
+require('../typography');
+require('../button');
+require('./components/header/component.js');
+require('../loader');
+require('./countdown-section-6f3b9bf2.js');
+require('./components/screens/initial/component.js');
+require('./components/screens/hint/component.js');
+require('./components/screens/fatal-error/component.js');
+require('./components/countdown-loader/component.js');
+require('./components/screens/temp-block/component.js');
+
+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 = {"container":"confirmation__container_1q5fm"};
+require('./mobile.css');
+
+var ConfirmationMobile = function (_a) {
+    var className = _a.className, resProps = components_baseConfirmation_component.__rest(_a, ["className"]);
+    return (React__default['default'].createElement(components_baseConfirmation_component.BaseConfirmation, components_baseConfirmation_component.__assign({ mobile: true, className: cn__default['default'](className, styles.container) }, resProps)));
+};
+
+exports.ConfirmationMobile = ConfirmationMobile;

package/confirmation/component.responsive.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ConfirmationProps } from "./types";
+type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'>;
+type ConfirmationMedia = 'desktop' | 'mobile';
+declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
+export { ResponsiveConfirmationProps, ConfirmationMedia, ConfirmationResponsive };

package/confirmation/component.responsive.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseConfirmation_component = require('./component-9e76b0fb.js');
+var React = require('react');
+require('classnames');
+var hooks = require('@alfalab/hooks');
+require('./utils.js');
+require('./context.js');
+require('./types.js');
+require('../code-input');
+require('../link');
+require('../typography');
+require('../button');
+require('./components/header/component.js');
+require('../loader');
+require('./countdown-section-6f3b9bf2.js');
+require('./components/screens/initial/component.js');
+require('./components/screens/hint/component.js');
+require('./components/screens/fatal-error/component.js');
+require('./components/countdown-loader/component.js');
+require('./components/screens/temp-block/component.js');
+var component_desktop = require('./component.desktop.js');
+var component_mobile = require('./component.mobile.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ConfirmationResponsive = function (props) {
+    var view = hooks.useMedia([
+        ['mobile', '(max-width: 1023px)'],
+        ['desktop', '(min-width: 1024px)'],
+    ], 'desktop')[0];
+    return view === 'desktop' ? (React__default['default'].createElement(component_desktop.ConfirmationDesktop, components_baseConfirmation_component.__assign({}, props))) : (React__default['default'].createElement(component_mobile.ConfirmationMobile, components_baseConfirmation_component.__assign({}, props)));
+};
+
+exports.ConfirmationResponsive = ConfirmationResponsive;

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

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseConfirmation_component = require('../../component-9e76b0fb.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../utils.js');
+require('../../context.js');
+require('../../types.js');
+require('../../../code-input');
+require('../../../link');
+require('../../../typography');
+require('../../../button');
+require('../header/component.js');
+require('../../../loader');
+require('../../countdown-section-6f3b9bf2.js');
+require('../screens/initial/component.js');
+require('../screens/hint/component.js');
+require('../screens/fatal-error/component.js');
+require('../countdown-loader/component.js');
+require('../screens/temp-block/component.js');
+
+
+
+exports.BaseConfirmation = components_baseConfirmation_component.BaseConfirmation;

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

@@ -0,0 +1,24 @@
+/* hash: 1vrkf */
+:root {
+    --color-light-text-secondary: #546272;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.confirmation__component_1hl87 {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: 388px;
+    margin: 0 auto;
+    color: var(--color-light-text-secondary);
+}
+.confirmation__center_1hl87 {
+    align-items: center;
+    text-align: center;
+}

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

@@ -0,0 +1 @@
+export * from "../../component-9e76b0fb";

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

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseConfirmation_component = require('../../component-9e76b0fb.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../utils.js');
+require('../../context.js');
+require('../../types.js');
+require('../../../code-input');
+require('../../../link');
+require('../../../typography');
+require('../../../button');
+require('../header/component.js');
+require('../../../loader');
+require('../../countdown-section-6f3b9bf2.js');
+require('../screens/initial/component.js');
+require('../screens/hint/component.js');
+require('../screens/fatal-error/component.js');
+require('../countdown-loader/component.js');
+require('../screens/temp-block/component.js');
+
+
+
+exports.BaseConfirmation = components_baseConfirmation_component.BaseConfirmation;

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

@@ -10,15 +10,6 @@
 
     /* Hard up */
 }
-:root {
-    /* title */
-
-    /* text */
-
-    /* error */
-
-    /* input */
-}
 .confirmation__circle_16p6f {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);

package/confirmation/components/header/component.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+type HeaderProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Отображать в мобильной версии экран компонента
+     */
+    mobile?: boolean;
+};
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };