@alfalab/core-components-confirmation 12.5.3 → 13.1.0

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.
Files changed (181) hide show
  1. package/component.desktop.d.ts +1 -1
  2. package/component.desktop.js +6 -4
  3. package/component.mobile.js +7 -5
  4. package/component.responsive.d.ts +2 -3
  5. package/component.responsive.js +10 -10
  6. package/components/base-confirmation/component.js +11 -7
  7. package/components/base-confirmation/index.css +2 -2
  8. package/components/base-confirmation/index.js +6 -4
  9. package/components/countdown-loader/component.js +1 -1
  10. package/components/countdown-loader/index.css +2 -2
  11. package/components/header/component.js +1 -1
  12. package/components/header/index.css +4 -4
  13. package/components/index.js +6 -4
  14. package/components/screens/fatal-error/component.js +3 -3
  15. package/components/screens/fatal-error/index.css +6 -6
  16. package/components/screens/hint/component.js +3 -3
  17. package/components/screens/hint/index.css +12 -12
  18. package/components/screens/index.js +6 -4
  19. package/components/screens/initial/component.js +23 -11
  20. package/components/screens/initial/countdown-section.js +2 -2
  21. package/components/screens/initial/index.css +17 -20
  22. package/components/screens/initial/index.js +6 -4
  23. package/components/screens/temp-block/component.js +1 -1
  24. package/components/screens/temp-block/index.css +7 -7
  25. package/context.js +2 -0
  26. package/{countdown-section-751424e6.js → countdown-section-b212c5b4.js} +5 -5
  27. package/cssm/component.desktop.d.ts +1 -1
  28. package/cssm/component.desktop.js +5 -3
  29. package/cssm/component.mobile.js +5 -3
  30. package/cssm/component.responsive.d.ts +2 -3
  31. package/cssm/component.responsive.js +9 -9
  32. package/cssm/components/base-confirmation/component.js +9 -5
  33. package/cssm/components/base-confirmation/index.js +5 -3
  34. package/cssm/components/index.js +5 -3
  35. package/cssm/components/screens/fatal-error/component.js +2 -2
  36. package/cssm/components/screens/hint/component.js +2 -2
  37. package/cssm/components/screens/index.js +5 -3
  38. package/cssm/components/screens/initial/component.js +22 -10
  39. package/cssm/components/screens/initial/countdown-section.js +4 -4
  40. package/cssm/components/screens/initial/index.js +5 -3
  41. package/cssm/components/screens/initial/index.module.css +0 -3
  42. package/cssm/context.js +2 -0
  43. package/cssm/desktop.d.ts +1 -1
  44. package/cssm/desktop.js +8 -4
  45. package/cssm/index.d.ts +2 -6
  46. package/cssm/index.js +19 -27
  47. package/cssm/mobile.d.ts +1 -1
  48. package/cssm/mobile.js +8 -4
  49. package/cssm/shared.d.ts +4 -0
  50. package/cssm/shared.js +43 -0
  51. package/cssm/types.d.ts +16 -1
  52. package/desktop.d.ts +1 -1
  53. package/desktop.js +9 -5
  54. package/esm/component.desktop.d.ts +1 -1
  55. package/esm/component.desktop.js +6 -4
  56. package/esm/component.mobile.js +7 -5
  57. package/esm/component.responsive.d.ts +2 -3
  58. package/esm/component.responsive.js +10 -10
  59. package/esm/components/base-confirmation/component.js +11 -7
  60. package/esm/components/base-confirmation/index.css +2 -2
  61. package/esm/components/base-confirmation/index.js +6 -4
  62. package/esm/components/countdown-loader/component.js +1 -1
  63. package/esm/components/countdown-loader/index.css +2 -2
  64. package/esm/components/header/component.js +1 -1
  65. package/esm/components/header/index.css +4 -4
  66. package/esm/components/index.js +6 -4
  67. package/esm/components/screens/fatal-error/component.js +3 -3
  68. package/esm/components/screens/fatal-error/index.css +6 -6
  69. package/esm/components/screens/hint/component.js +3 -3
  70. package/esm/components/screens/hint/index.css +12 -12
  71. package/esm/components/screens/index.js +6 -4
  72. package/esm/components/screens/initial/component.js +19 -7
  73. package/esm/components/screens/initial/countdown-section.js +2 -2
  74. package/esm/components/screens/initial/index.css +17 -20
  75. package/esm/components/screens/initial/index.js +6 -4
  76. package/esm/components/screens/temp-block/component.js +1 -1
  77. package/esm/components/screens/temp-block/index.css +7 -7
  78. package/esm/context.js +2 -0
  79. package/esm/{countdown-section-c4ca26d0.js → countdown-section-83d922ef.js} +5 -5
  80. package/esm/desktop.d.ts +1 -1
  81. package/esm/desktop.js +7 -5
  82. package/esm/index.d.ts +2 -6
  83. package/esm/index.js +18 -15
  84. package/esm/mobile.css +2 -2
  85. package/esm/mobile.d.ts +1 -1
  86. package/esm/mobile.js +7 -5
  87. package/esm/shared.d.ts +4 -0
  88. package/esm/shared.js +20 -0
  89. package/esm/types.d.ts +16 -1
  90. package/index.d.ts +2 -6
  91. package/index.js +17 -25
  92. package/mobile.css +2 -2
  93. package/mobile.d.ts +1 -1
  94. package/mobile.js +9 -5
  95. package/modern/component.desktop.d.ts +1 -1
  96. package/modern/component.desktop.js +6 -4
  97. package/modern/component.mobile.js +7 -5
  98. package/modern/component.responsive.d.ts +2 -3
  99. package/modern/component.responsive.js +10 -10
  100. package/modern/components/base-confirmation/component.js +10 -6
  101. package/modern/components/base-confirmation/index.css +2 -2
  102. package/modern/components/base-confirmation/index.js +6 -4
  103. package/modern/components/countdown-loader/component.js +1 -1
  104. package/modern/components/countdown-loader/index.css +2 -2
  105. package/modern/components/header/component.js +1 -1
  106. package/modern/components/header/index.css +4 -4
  107. package/modern/components/index.js +6 -4
  108. package/modern/components/screens/fatal-error/component.js +3 -3
  109. package/modern/components/screens/fatal-error/index.css +6 -6
  110. package/modern/components/screens/hint/component.js +3 -3
  111. package/modern/components/screens/hint/index.css +12 -12
  112. package/modern/components/screens/index.js +6 -4
  113. package/modern/components/screens/initial/component.js +19 -7
  114. package/modern/components/screens/initial/countdown-section.js +2 -2
  115. package/modern/components/screens/initial/index.css +17 -20
  116. package/modern/components/screens/initial/index.js +6 -4
  117. package/modern/components/screens/temp-block/component.js +1 -1
  118. package/modern/components/screens/temp-block/index.css +7 -7
  119. package/modern/context.js +2 -0
  120. package/modern/{countdown-section-473f17f4.js → countdown-section-ea7af879.js} +5 -5
  121. package/modern/desktop.d.ts +1 -1
  122. package/modern/desktop.js +7 -5
  123. package/modern/index.d.ts +2 -6
  124. package/modern/index.js +18 -15
  125. package/modern/mobile.css +2 -2
  126. package/modern/mobile.d.ts +1 -1
  127. package/modern/mobile.js +7 -5
  128. package/modern/shared.d.ts +4 -0
  129. package/modern/shared.js +20 -0
  130. package/modern/types.d.ts +16 -1
  131. package/package.json +31 -6
  132. package/shared.d.ts +4 -0
  133. package/shared.js +37 -0
  134. package/src/component.desktop.tsx +10 -0
  135. package/src/component.mobile.tsx +13 -0
  136. package/src/component.responsive.tsx +31 -0
  137. package/src/components/base-confirmation/component.tsx +125 -0
  138. package/src/components/base-confirmation/index.module.css +8 -0
  139. package/src/components/base-confirmation/index.ts +1 -0
  140. package/src/components/countdown-loader/component.tsx +37 -0
  141. package/src/components/countdown-loader/index.module.css +7 -0
  142. package/src/components/countdown-loader/index.ts +1 -0
  143. package/src/components/header/component.tsx +28 -0
  144. package/src/components/header/index.module.css +21 -0
  145. package/src/components/header/index.ts +1 -0
  146. package/src/components/index.ts +2 -0
  147. package/src/components/screens/fatal-error/component.tsx +46 -0
  148. package/src/components/screens/fatal-error/index.module.css +23 -0
  149. package/src/components/screens/fatal-error/index.ts +1 -0
  150. package/src/components/screens/hint/component.tsx +94 -0
  151. package/src/components/screens/hint/index.module.css +51 -0
  152. package/src/components/screens/hint/index.ts +1 -0
  153. package/src/components/screens/index.ts +4 -0
  154. package/src/components/screens/initial/component.tsx +203 -0
  155. package/src/components/screens/initial/countdown-section.tsx +79 -0
  156. package/src/components/screens/initial/index.module.css +71 -0
  157. package/src/components/screens/initial/index.ts +1 -0
  158. package/src/components/screens/temp-block/component.tsx +58 -0
  159. package/src/components/screens/temp-block/index.module.css +28 -0
  160. package/src/components/screens/temp-block/index.ts +1 -0
  161. package/src/context.ts +27 -0
  162. package/src/desktop.ts +3 -0
  163. package/src/index.ts +6 -0
  164. package/src/mobile.module.css +3 -0
  165. package/src/mobile.ts +3 -0
  166. package/src/shared.ts +4 -0
  167. package/src/types.ts +228 -0
  168. package/src/utils.ts +107 -0
  169. package/src/vars.css +33 -0
  170. package/types.d.ts +16 -1
  171. package/cssm/responsive.d.ts +0 -2
  172. package/cssm/responsive.js +0 -39
  173. package/esm/responsive.d.ts +0 -2
  174. package/esm/responsive.js +0 -23
  175. package/modern/responsive.d.ts +0 -2
  176. package/modern/responsive.js +0 -22
  177. package/responsive.d.ts +0 -2
  178. package/responsive.js +0 -31
  179. /package/{countdown-section-751424e6.d.ts → countdown-section-b212c5b4.d.ts} +0 -0
  180. /package/esm/{countdown-section-c4ca26d0.d.ts → countdown-section-83d922ef.d.ts} +0 -0
  181. /package/modern/{countdown-section-473f17f4.d.ts → countdown-section-ea7af879.d.ts} +0 -0
package/types.d.ts CHANGED
@@ -89,9 +89,24 @@ type ConfirmationProps = {
89
89
  * @default false
90
90
  */
91
91
  hideCountdownSection?: boolean;
92
+ /**
93
+ * Слот для контента с подсказкой на главном экране
94
+ */
95
+ initialScreenHintSlot?: ReactNode;
96
+ /**
97
+ * Контрольная точка для кнопки, с нее начинается desktop версия
98
+ * @default 1024
99
+ */
100
+ breakpoint?: number;
92
101
  };
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'> & {
102
+ type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError' | 'initialScreenHintSlot'> & {
94
103
  timeLeft: number;
104
+ } & {
105
+ /**
106
+ * Контрольная точка для кнопки, с нее начинается desktop версия
107
+ * @default 1024
108
+ */
109
+ breakpoint?: number;
95
110
  };
96
111
  type ConfirmationTexts = {
97
112
  /**
@@ -1,2 +0,0 @@
1
- export * from "./component.responsive";
2
- export {};
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var component_responsive = require('./component.responsive.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/hooks');
9
- require('./component.desktop.js');
10
- require('./components/base-confirmation/component.js');
11
- require('classnames');
12
- require('./context.js');
13
- require('./utils.js');
14
- require('./types.js');
15
- require('./components/screens/initial/component.js');
16
- require('@alfalab/core-components-button/cssm');
17
- require('@alfalab/core-components-code-input/cssm');
18
- require('@alfalab/core-components-link/cssm');
19
- require('@alfalab/core-components-typography/cssm');
20
- require('./components/header/component.js');
21
- require('./components/header/index.module.css');
22
- require('./components/screens/initial/countdown-section.js');
23
- require('@alfalab/core-components-loader/cssm');
24
- require('./components/screens/initial/index.module.css');
25
- require('./components/screens/hint/component.js');
26
- require('./components/screens/hint/index.module.css');
27
- require('./components/screens/fatal-error/component.js');
28
- require('./components/screens/fatal-error/index.module.css');
29
- require('./components/screens/temp-block/component.js');
30
- require('./components/countdown-loader/component.js');
31
- require('./components/countdown-loader/index.module.css');
32
- require('./components/screens/temp-block/index.module.css');
33
- require('./components/base-confirmation/index.module.css');
34
- require('./component.mobile.js');
35
- require('./mobile.module.css');
36
-
37
-
38
-
39
- exports.ConfirmationResponsive = component_responsive.ConfirmationResponsive;
@@ -1,2 +0,0 @@
1
- export * from "./component.responsive";
2
- export {};
package/esm/responsive.js DELETED
@@ -1,23 +0,0 @@
1
- export { ConfirmationResponsive } from './component.responsive.js';
2
- import 'tslib';
3
- import 'react';
4
- import '@alfalab/hooks';
5
- import './component.desktop.js';
6
- import './components/base-confirmation/component.js';
7
- import 'classnames';
8
- import './context.js';
9
- import './utils.js';
10
- import './types.js';
11
- import './components/screens/initial/component.js';
12
- import '@alfalab/core-components-button/esm';
13
- import '@alfalab/core-components-code-input/esm';
14
- import '@alfalab/core-components-link/esm';
15
- import '@alfalab/core-components-typography/esm';
16
- import './components/header/component.js';
17
- import './countdown-section-c4ca26d0.js';
18
- import '@alfalab/core-components-loader/esm';
19
- import './components/screens/hint/component.js';
20
- import './components/screens/fatal-error/component.js';
21
- import './components/screens/temp-block/component.js';
22
- import './components/countdown-loader/component.js';
23
- import './component.mobile.js';
@@ -1,2 +0,0 @@
1
- export * from "./component.responsive";
2
- export {};
@@ -1,22 +0,0 @@
1
- export { ConfirmationResponsive } from './component.responsive.js';
2
- import 'react';
3
- import '@alfalab/hooks';
4
- import './component.desktop.js';
5
- import './components/base-confirmation/component.js';
6
- import 'classnames';
7
- import './context.js';
8
- import './utils.js';
9
- import './types.js';
10
- import './components/screens/initial/component.js';
11
- import '@alfalab/core-components-button/modern';
12
- import '@alfalab/core-components-code-input/modern';
13
- import '@alfalab/core-components-link/modern';
14
- import '@alfalab/core-components-typography/modern';
15
- import './components/header/component.js';
16
- import './countdown-section-473f17f4.js';
17
- import '@alfalab/core-components-loader/modern';
18
- import './components/screens/hint/component.js';
19
- import './components/screens/fatal-error/component.js';
20
- import './components/screens/temp-block/component.js';
21
- import './components/countdown-loader/component.js';
22
- import './component.mobile.js';
package/responsive.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./component.responsive";
2
- export {};
package/responsive.js DELETED
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var component_responsive = require('./component.responsive.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/hooks');
9
- require('./component.desktop.js');
10
- require('./components/base-confirmation/component.js');
11
- require('classnames');
12
- require('./context.js');
13
- require('./utils.js');
14
- require('./types.js');
15
- require('./components/screens/initial/component.js');
16
- require('@alfalab/core-components-button');
17
- require('@alfalab/core-components-code-input');
18
- require('@alfalab/core-components-link');
19
- require('@alfalab/core-components-typography');
20
- require('./components/header/component.js');
21
- require('./countdown-section-751424e6.js');
22
- require('@alfalab/core-components-loader');
23
- require('./components/screens/hint/component.js');
24
- require('./components/screens/fatal-error/component.js');
25
- require('./components/screens/temp-block/component.js');
26
- require('./components/countdown-loader/component.js');
27
- require('./component.mobile.js');
28
-
29
-
30
-
31
- exports.ConfirmationResponsive = component_responsive.ConfirmationResponsive;