@alfalab/core-components-confirmation 12.4.10 → 12.4.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/component.desktop.js +3 -1
- package/component.mobile.js +4 -2
- package/component.responsive.js +3 -1
- package/components/base-confirmation/component.js +7 -4
- package/components/base-confirmation/index.css +4 -4
- package/components/base-confirmation/index.js +3 -1
- package/components/countdown-loader/component.js +3 -1
- package/components/countdown-loader/index.css +4 -4
- package/components/countdown-loader/index.js +2 -0
- package/components/header/component.js +3 -1
- package/components/header/index.css +6 -6
- package/components/header/index.js +2 -0
- package/components/index.js +3 -1
- package/components/screens/fatal-error/component.js +3 -1
- package/components/screens/fatal-error/index.css +8 -8
- package/components/screens/fatal-error/index.js +2 -0
- package/components/screens/hint/component.js +3 -1
- package/components/screens/hint/index.css +14 -14
- package/components/screens/hint/index.js +2 -0
- package/components/screens/index.js +3 -1
- package/components/screens/initial/component.js +5 -3
- package/components/screens/initial/countdown-section.js +3 -1
- package/components/screens/initial/index.css +21 -21
- package/components/screens/initial/index.js +3 -1
- package/components/screens/temp-block/component.js +3 -1
- package/components/screens/temp-block/index.css +9 -9
- package/components/screens/temp-block/index.js +2 -0
- package/context.js +3 -0
- package/{countdown-section-5babd6c6.js → countdown-section-eeb2aaea.js} +1 -1
- package/cssm/component.desktop.js +2 -0
- package/cssm/component.mobile.js +2 -0
- package/cssm/component.responsive.js +2 -0
- package/cssm/components/base-confirmation/component.js +5 -2
- package/cssm/components/base-confirmation/index.js +2 -0
- package/cssm/components/base-confirmation/index.module.css +2 -2
- package/cssm/components/countdown-loader/component.js +2 -0
- package/cssm/components/countdown-loader/index.js +2 -0
- package/cssm/components/countdown-loader/index.module.css +2 -2
- package/cssm/components/header/component.js +2 -0
- package/cssm/components/header/index.js +2 -0
- package/cssm/components/header/index.module.css +2 -2
- package/cssm/components/index.js +2 -0
- package/cssm/components/screens/fatal-error/component.js +2 -0
- package/cssm/components/screens/fatal-error/index.js +2 -0
- package/cssm/components/screens/fatal-error/index.module.css +2 -2
- package/cssm/components/screens/hint/component.js +2 -0
- package/cssm/components/screens/hint/index.js +2 -0
- package/cssm/components/screens/hint/index.module.css +2 -2
- package/cssm/components/screens/index.js +2 -0
- package/cssm/components/screens/initial/component.js +4 -2
- package/cssm/components/screens/initial/countdown-section.js +2 -0
- package/cssm/components/screens/initial/index.js +2 -0
- package/cssm/components/screens/initial/index.module.css +3 -3
- package/cssm/components/screens/temp-block/component.js +2 -0
- package/cssm/components/screens/temp-block/index.js +2 -0
- package/cssm/components/screens/temp-block/index.module.css +2 -2
- package/cssm/context.js +3 -0
- package/cssm/desktop.js +2 -0
- package/cssm/index.js +5 -3
- package/cssm/mobile.js +2 -0
- package/cssm/responsive.js +2 -0
- package/cssm/types.d.ts +6 -1
- package/cssm/types.js +2 -0
- package/cssm/utils.js +2 -0
- package/cssm/vars.css +2 -2
- package/desktop.js +3 -1
- package/esm/component.desktop.js +1 -1
- package/esm/component.mobile.js +2 -2
- package/esm/component.responsive.js +1 -1
- package/esm/components/base-confirmation/component.js +5 -4
- package/esm/components/base-confirmation/index.css +4 -4
- package/esm/components/base-confirmation/index.js +1 -1
- package/esm/components/countdown-loader/component.js +1 -1
- package/esm/components/countdown-loader/index.css +4 -4
- package/esm/components/header/component.js +1 -1
- package/esm/components/header/index.css +6 -6
- package/esm/components/index.js +1 -1
- package/esm/components/screens/fatal-error/component.js +1 -1
- package/esm/components/screens/fatal-error/index.css +8 -8
- package/esm/components/screens/hint/component.js +1 -1
- package/esm/components/screens/hint/index.css +14 -14
- package/esm/components/screens/index.js +1 -1
- package/esm/components/screens/initial/component.js +3 -3
- package/esm/components/screens/initial/countdown-section.js +1 -1
- package/esm/components/screens/initial/index.css +21 -21
- package/esm/components/screens/initial/index.js +1 -1
- package/esm/components/screens/temp-block/component.js +1 -1
- package/esm/components/screens/temp-block/index.css +9 -9
- package/esm/context.js +1 -0
- package/esm/{countdown-section-b2e6a96e.js → countdown-section-11874006.js} +1 -1
- package/esm/desktop.js +1 -1
- package/esm/index.js +2 -2
- package/esm/mobile.css +2 -2
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/esm/types.d.ts +6 -1
- package/index.js +4 -2
- package/mobile.css +2 -2
- package/mobile.js +3 -1
- package/modern/component.desktop.js +1 -1
- package/modern/component.mobile.js +2 -2
- package/modern/component.responsive.js +1 -1
- package/modern/components/base-confirmation/component.js +4 -3
- package/modern/components/base-confirmation/index.css +4 -4
- package/modern/components/base-confirmation/index.js +1 -1
- package/modern/components/countdown-loader/component.js +1 -1
- package/modern/components/countdown-loader/index.css +4 -4
- package/modern/components/header/component.js +1 -1
- package/modern/components/header/index.css +6 -6
- package/modern/components/index.js +1 -1
- package/modern/components/screens/fatal-error/component.js +1 -1
- package/modern/components/screens/fatal-error/index.css +8 -8
- package/modern/components/screens/hint/component.js +1 -1
- package/modern/components/screens/hint/index.css +14 -14
- package/modern/components/screens/index.js +1 -1
- package/modern/components/screens/initial/component.js +3 -3
- package/modern/components/screens/initial/countdown-section.js +1 -1
- package/modern/components/screens/initial/index.css +21 -21
- package/modern/components/screens/initial/index.js +1 -1
- package/modern/components/screens/temp-block/component.js +1 -1
- package/modern/components/screens/temp-block/index.css +9 -9
- package/modern/context.js +1 -0
- package/modern/{countdown-section-55d78e2b.js → countdown-section-a44bf760.js} +1 -1
- package/modern/desktop.js +1 -1
- package/modern/index.js +2 -2
- package/modern/mobile.css +2 -2
- package/modern/mobile.js +1 -1
- package/modern/responsive.js +1 -1
- package/modern/types.d.ts +6 -1
- package/package.json +6 -6
- package/responsive.js +3 -1
- package/types.d.ts +6 -1
- package/types.js +2 -0
- package/utils.js +2 -0
- /package/{countdown-section-5babd6c6.d.ts → countdown-section-eeb2aaea.d.ts} +0 -0
- /package/esm/{countdown-section-b2e6a96e.d.ts → countdown-section-11874006.d.ts} +0 -0
- /package/modern/{countdown-section-55d78e2b.d.ts → countdown-section-a44bf760.d.ts} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1tt6l */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
|
-
--color-light-text-primary: #
|
|
5
|
-
} :root {
|
|
4
|
+
--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 */
|
|
5
|
+
} :root { /* 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 */
|
|
6
6
|
} :root {
|
|
7
7
|
} :root {
|
|
8
8
|
|
|
@@ -31,23 +31,23 @@
|
|
|
31
31
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
32
32
|
|
|
33
33
|
/* header */
|
|
34
|
-
} .
|
|
34
|
+
} .confirmation__component_bi00i {
|
|
35
35
|
display: flex;
|
|
36
36
|
flex-direction: column;
|
|
37
|
-
} .
|
|
37
|
+
} .confirmation__center_bi00i {
|
|
38
38
|
align-items: center;
|
|
39
39
|
text-align: center;
|
|
40
|
-
} .
|
|
40
|
+
} .confirmation__typographyTheme_bi00i.confirmation__typographyTheme_bi00i {
|
|
41
41
|
font-size: var(--confirmation-text-font-size);
|
|
42
42
|
line-height: var(--confirmation-text-line-height);
|
|
43
43
|
font-weight: var(--confirmation-text-font-weight);
|
|
44
44
|
font-family: var(--confirmation-text-font-family);
|
|
45
45
|
color: var(--confirmation-text-color);
|
|
46
|
-
} .
|
|
46
|
+
} .confirmation__description_bi00i.confirmation__description_bi00i {
|
|
47
47
|
margin-bottom: var(--gap-xs);
|
|
48
|
-
} .
|
|
48
|
+
} .confirmation__countdownWrap_bi00i {
|
|
49
49
|
display: flex;
|
|
50
50
|
align-items: center;
|
|
51
|
-
} .
|
|
51
|
+
} .confirmation__loader_bi00i {
|
|
52
52
|
margin-right: var(--gap-xs);
|
|
53
53
|
}
|
package/context.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var React = require('react');
|
|
4
6
|
var utils = require('./utils.js');
|
|
5
7
|
|
|
@@ -14,6 +16,7 @@ var ConfirmationContext = React.createContext({
|
|
|
14
16
|
timeLeft: utils.ONE_MINUTE,
|
|
15
17
|
tempBlockDuration: utils.ONE_DAY,
|
|
16
18
|
phone: '',
|
|
19
|
+
hideCountdownSection: false,
|
|
17
20
|
onTempBlockFinished: mockFn,
|
|
18
21
|
onInputFinished: mockFn,
|
|
19
22
|
onChangeState: mockFn,
|
|
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
15
15
|
|
|
16
|
-
var styles = {"component":"
|
|
16
|
+
var styles = {"component":"confirmation__component_ytjey","typographyTheme":"confirmation__typographyTheme_ytjey","phone":"confirmation__phone_ytjey","compact":"confirmation__compact_ytjey","loaderWrap":"confirmation__loaderWrap_ytjey","left":"confirmation__left_ytjey","center":"confirmation__center_ytjey","codeInput":"confirmation__codeInput_ytjey","smsComeLink":"confirmation__smsComeLink_ytjey","countdownContainer":"confirmation__countdownContainer_ytjey","countdownMobile":"confirmation__countdownMobile_ytjey","countdownLoaderMobile":"confirmation__countdownLoaderMobile_ytjey","getCodeButton":"confirmation__getCodeButton_ytjey","getCodeButtonMobile":"confirmation__getCodeButtonMobile_ytjey","containerInput":"confirmation__containerInput_ytjey"};
|
|
17
17
|
require('./components/screens/initial/index.css')
|
|
18
18
|
|
|
19
19
|
var CountdownSection = function (_a) {
|
package/cssm/component.mobile.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var React = require('react');
|
|
5
7
|
var cn = require('classnames');
|
|
@@ -40,8 +42,8 @@ var confirmationScreens = {
|
|
|
40
42
|
TEMP_BLOCK: components_screens_tempBlock_component.TempBlock,
|
|
41
43
|
};
|
|
42
44
|
var BaseConfirmation = function (_a) {
|
|
43
|
-
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _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, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, restProps = tslib.__rest(_a, ["state", "screen", "alignContent", "children", "requiredCharAmount", "countdownDuration", "tempBlockDuration", "phone", "blockSmsRetry", "dataTestId", "className", "getScreensMap", "onInputFinished", "onChangeState", "onSmsRetryClick", "onChangeScreen", "onFatalErrorOkButtonClick", "onTempBlockFinished", "mobile", "clearCodeOnError"]);
|
|
44
|
-
var
|
|
45
|
+
var state = _a.state, screen = _a.screen, _b = _a.alignContent, alignContent = _b === void 0 ? 'left' : _b; _a.children; var _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, _f = _a.clearCodeOnError, clearCodeOnError = _f === void 0 ? true : _f, _g = _a.hideCountdownSection, hideCountdownSection = _g === void 0 ? false : _g, 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"]);
|
|
46
|
+
var _h = utils.useCountdown(countdownDuration), timeLeft = _h[0], startTimer = _h[1], stopTimer = _h[2];
|
|
45
47
|
var prevState = hooks.usePrevious(state);
|
|
46
48
|
React.useEffect(function () {
|
|
47
49
|
startTimer();
|
|
@@ -77,6 +79,7 @@ var BaseConfirmation = function (_a) {
|
|
|
77
79
|
};
|
|
78
80
|
// eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
79
81
|
var contextValue = {
|
|
82
|
+
hideCountdownSection: hideCountdownSection,
|
|
80
83
|
alignContent: alignContent,
|
|
81
84
|
texts: tslib.__assign(tslib.__assign({}, types.defaultTexts), restProps.texts),
|
|
82
85
|
state: state,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
|
-
--color-light-text-secondary: rgba(
|
|
4
|
-
} :root {
|
|
3
|
+
--color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
|
|
4
|
+
} :root { /* 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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
|
-
--color-light-graphic-tertiary: #
|
|
4
|
-
} :root {
|
|
3
|
+
--color-light-graphic-tertiary: #c1c1c3; /* 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 */
|
|
4
|
+
} :root { /* 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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
} /* deprecated */ :root {
|
|
3
|
-
} :root {
|
|
2
|
+
} /* deprecated */ :root { /* 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 */
|
|
3
|
+
} :root { /* 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 */
|
|
4
4
|
} :root {
|
|
5
5
|
} :root {
|
|
6
6
|
|
package/cssm/components/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var components_screens_initial_component = require('./screens/initial/component.js');
|
|
4
6
|
var components_screens_hint_component = require('./screens/hint/component.js');
|
|
5
7
|
var components_screens_fatalError_component = require('./screens/fatal-error/component.js');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
|
-
--color-light-text-primary: #
|
|
4
|
-
} :root {
|
|
3
|
+
--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 */
|
|
4
|
+
} :root { /* 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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
|
-
--color-light-text-primary: #
|
|
4
|
-
} :root {
|
|
3
|
+
--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 */
|
|
4
|
+
} :root { /* 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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var components_screens_initial_component = require('./initial/component.js');
|
|
4
6
|
var components_screens_hint_component = require('./hint/component.js');
|
|
5
7
|
var components_screens_fatalError_component = require('./fatal-error/component.js');
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var React = require('react');
|
|
4
6
|
var cn = require('classnames');
|
|
5
7
|
var coreComponentsButton = require('@alfalab/core-components-button/cssm');
|
|
@@ -25,7 +27,7 @@ var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
|
|
|
25
27
|
var Initial = function (_a) {
|
|
26
28
|
var _b;
|
|
27
29
|
var mobile = _a.mobile;
|
|
28
|
-
var _c = React.useContext(context.ConfirmationContext), state = _c.state, alignContent = _c.alignContent, texts = _c.texts, requiredCharAmount = _c.requiredCharAmount, timeLeft = _c.timeLeft, phone = _c.phone, clearCodeOnError = _c.clearCodeOnError, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
|
|
30
|
+
var _c = React.useContext(context.ConfirmationContext), state = _c.state, alignContent = _c.alignContent, texts = _c.texts, requiredCharAmount = _c.requiredCharAmount, timeLeft = _c.timeLeft, phone = _c.phone, clearCodeOnError = _c.clearCodeOnError, hideCountdownSection = _c.hideCountdownSection, onChangeState = _c.onChangeState, onInputFinished = _c.onInputFinished, onChangeScreen = _c.onChangeScreen, onSmsRetryClick = _c.onSmsRetryClick;
|
|
29
31
|
var prevState = hooks.usePrevious(state);
|
|
30
32
|
var inputRef = React.useRef(null);
|
|
31
33
|
var _d = React.useState(false), codeSendHintVisible = _d[0], setCodeSendHintVisible = _d[1];
|
|
@@ -97,7 +99,7 @@ var Initial = function (_a) {
|
|
|
97
99
|
"\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
|
|
98
100
|
phone),
|
|
99
101
|
React__default.default.createElement(coreComponentsCodeInput.CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn__default.default(styles__default.default.containerInput, styles__default.default.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, onErrorAnimationEnd: handleErrorAnimationEnd }),
|
|
100
|
-
React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile }),
|
|
102
|
+
!hideCountdownSection && (React__default.default.createElement(components_screens_initial_countdownSection.CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile })),
|
|
101
103
|
mobile ? (React__default.default.createElement(coreComponentsButton.Button, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint)) : (React__default.default.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: styles__default.default.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint))));
|
|
102
104
|
};
|
|
103
105
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
|
-
--color-light-text-primary: #
|
|
4
|
-
--color-light-text-secondary: rgba(
|
|
5
|
-
} :root {
|
|
3
|
+
--color-light-text-primary: #0e0e0e;
|
|
4
|
+
--color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
|
|
5
|
+
} :root { /* 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 */
|
|
6
6
|
} :root {
|
|
7
7
|
} :root {
|
|
8
8
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
} /* deprecated */ :root {
|
|
3
|
-
--color-light-text-primary: #
|
|
4
|
-
} :root {
|
|
3
|
+
--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 */
|
|
4
|
+
} :root { /* 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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
package/cssm/context.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var React = require('react');
|
|
4
6
|
var utils = require('./utils.js');
|
|
5
7
|
|
|
@@ -14,6 +16,7 @@ var ConfirmationContext = React.createContext({
|
|
|
14
16
|
timeLeft: utils.ONE_MINUTE,
|
|
15
17
|
tempBlockDuration: utils.ONE_DAY,
|
|
16
18
|
phone: '',
|
|
19
|
+
hideCountdownSection: false,
|
|
17
20
|
onTempBlockFinished: mockFn,
|
|
18
21
|
onInputFinished: mockFn,
|
|
19
22
|
onChangeState: mockFn,
|
package/cssm/desktop.js
CHANGED
package/cssm/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var component_desktop = require('./component.desktop.js');
|
|
4
6
|
var component_responsive = require('./component.responsive.js');
|
|
5
7
|
var components_screens_initial_component = require('./components/screens/initial/component.js');
|
|
@@ -16,6 +18,8 @@ require('./components/base-confirmation/component.js');
|
|
|
16
18
|
require('classnames');
|
|
17
19
|
require('@alfalab/hooks');
|
|
18
20
|
require('./components/base-confirmation/index.module.css');
|
|
21
|
+
require('./component.mobile.js');
|
|
22
|
+
require('./mobile.module.css');
|
|
19
23
|
require('@alfalab/core-components-button/cssm');
|
|
20
24
|
require('@alfalab/core-components-code-input/cssm');
|
|
21
25
|
require('@alfalab/core-components-link/cssm');
|
|
@@ -27,10 +31,8 @@ require('@alfalab/core-components-loader/cssm');
|
|
|
27
31
|
require('./components/screens/initial/index.module.css');
|
|
28
32
|
require('./components/screens/hint/index.module.css');
|
|
29
33
|
require('./components/screens/fatal-error/index.module.css');
|
|
30
|
-
require('./components/countdown-loader/index.module.css');
|
|
31
34
|
require('./components/screens/temp-block/index.module.css');
|
|
32
|
-
require('./
|
|
33
|
-
require('./mobile.module.css');
|
|
35
|
+
require('./components/countdown-loader/index.module.css');
|
|
34
36
|
|
|
35
37
|
|
|
36
38
|
|
package/cssm/mobile.js
CHANGED
package/cssm/responsive.js
CHANGED
package/cssm/types.d.ts
CHANGED
|
@@ -84,8 +84,13 @@ type ConfirmationProps = {
|
|
|
84
84
|
* Дочерние элементы.
|
|
85
85
|
*/
|
|
86
86
|
children?: ReactNode;
|
|
87
|
+
/**
|
|
88
|
+
* Скрыть секцию с повторной отправкой кода
|
|
89
|
+
* @default false
|
|
90
|
+
*/
|
|
91
|
+
hideCountdownSection?: boolean;
|
|
87
92
|
};
|
|
88
|
-
type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
|
|
93
|
+
type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
|
|
89
94
|
timeLeft: number;
|
|
90
95
|
};
|
|
91
96
|
type ConfirmationTexts = {
|
package/cssm/types.js
CHANGED
package/cssm/utils.js
CHANGED
package/cssm/vars.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
} /* deprecated */ :root {
|
|
3
|
-
} :root {
|
|
2
|
+
} /* deprecated */ :root { /* 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 */
|
|
3
|
+
} :root { /* 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 */
|
|
4
4
|
} :root {
|
|
5
5
|
} :root {
|
|
6
6
|
|
package/desktop.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var component_desktop = require('./component.desktop.js');
|
|
4
6
|
require('tslib');
|
|
5
7
|
require('react');
|
|
@@ -15,7 +17,7 @@ require('@alfalab/core-components-code-input');
|
|
|
15
17
|
require('@alfalab/core-components-link');
|
|
16
18
|
require('@alfalab/core-components-typography');
|
|
17
19
|
require('./components/header/component.js');
|
|
18
|
-
require('./countdown-section-
|
|
20
|
+
require('./countdown-section-eeb2aaea.js');
|
|
19
21
|
require('@alfalab/core-components-loader');
|
|
20
22
|
require('./components/screens/hint/component.js');
|
|
21
23
|
require('./components/screens/fatal-error/component.js');
|
package/esm/component.desktop.js
CHANGED
|
@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
12
12
|
import '@alfalab/core-components-link/esm';
|
|
13
13
|
import '@alfalab/core-components-typography/esm';
|
|
14
14
|
import './components/header/component.js';
|
|
15
|
-
import './countdown-section-
|
|
15
|
+
import './countdown-section-11874006.js';
|
|
16
16
|
import '@alfalab/core-components-loader/esm';
|
|
17
17
|
import './components/screens/hint/component.js';
|
|
18
18
|
import './components/screens/fatal-error/component.js';
|
package/esm/component.mobile.js
CHANGED
|
@@ -12,14 +12,14 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
12
12
|
import '@alfalab/core-components-link/esm';
|
|
13
13
|
import '@alfalab/core-components-typography/esm';
|
|
14
14
|
import './components/header/component.js';
|
|
15
|
-
import './countdown-section-
|
|
15
|
+
import './countdown-section-11874006.js';
|
|
16
16
|
import '@alfalab/core-components-loader/esm';
|
|
17
17
|
import './components/screens/hint/component.js';
|
|
18
18
|
import './components/screens/fatal-error/component.js';
|
|
19
19
|
import './components/screens/temp-block/component.js';
|
|
20
20
|
import './components/countdown-loader/component.js';
|
|
21
21
|
|
|
22
|
-
var styles = {"container":"
|
|
22
|
+
var styles = {"container":"confirmation__container_15no7"};
|
|
23
23
|
require('./mobile.css')
|
|
24
24
|
|
|
25
25
|
var ConfirmationMobile = function (_a) {
|
|
@@ -14,7 +14,7 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
14
14
|
import '@alfalab/core-components-link/esm';
|
|
15
15
|
import '@alfalab/core-components-typography/esm';
|
|
16
16
|
import './components/header/component.js';
|
|
17
|
-
import './countdown-section-
|
|
17
|
+
import './countdown-section-11874006.js';
|
|
18
18
|
import '@alfalab/core-components-loader/esm';
|
|
19
19
|
import './components/screens/hint/component.js';
|
|
20
20
|
import './components/screens/fatal-error/component.js';
|