npm - @alfalab/core-components-confirmation - Versions diffs - 14.3.1 → 15.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2 - Mend

@alfalab/core-components-confirmation 14.3.1 → 15.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2

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 (145) hide show

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

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

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

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"component":"confirmation__component_qdg69","center":"confirmation__center_qdg69"};
+var styles = {"component":"confirmation__component_ckd9l","center":"confirmation__center_ckd9l"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/countdown-loader/index.css CHANGED Viewed

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

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

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

package/components/header/component.js CHANGED Viewed

@@ -3,19 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var cn = require('classnames');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 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 Header = function (_a) {
-    var _b;
-    var mobile = _a.mobile, children = _a.children, _c = _a.titleTag, titleTag = _c === void 0 ? 'h3' : _c;
-    return (React__default.default.createElement(coreComponentsTypography.TitleDesktop, { className: cn__default.default(index_module.header, index_module.typography, (_b = {}, _b[index_module.typographyMobile] = mobile, _b)), tag: titleTag, color: 'primary' }, children));
+    var mobile = _a.mobile, children = _a.children, _b = _a.titleTag, titleTag = _b === void 0 ? 'h3' : _b;
+    var Tag = mobile ? coreComponentsTypography.TitleMobile : coreComponentsTypography.TitleDesktop;
+    return (React__default.default.createElement(Tag, { font: 'system', view: 'small', className: index_module.header, tag: titleTag, color: 'primary', defaultMargins: false }, children));
 };
 exports.Header = Header;

package/components/header/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../src/components/header/component.tsx"],"sourcesContent":["import React, { type FC, type ReactNode } from 'react';\~~nimport cn from 'classnames';\~~n\nimport { TitleDesktop } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n /*\n Контент шапки\n /\n children?: ReactNode;\n\n /\n Отображать в мобильной версии экран компонента\n /\n mobile?: boolean;\n\n /\n HTML тег для заголовка\n * @default 'h3'\n */\n titleTag?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n};\n\nexport const Header: FC<HeaderProps> = ({ mobile, children, titleTag = 'h3' }) => (\n <TitleDesktop\n className={~~cn(~~styles.header~~, styles.typography, { [styles.typographyMobile]: mobile~~ })}\n tag={titleTag}\n color='primary'\n >\n {children}\n </~~TitleDesktop~~>\n);\n"],"names":["~~React~~","TitleDesktop","cn","styles"],"mappings":"~~;;;;;;;;;;;;;;AAyBO~~,IAAM,MAAM,GAAoB,UAAC,EAAqC,EAAA;;QAAnC,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,gBAAe,EAAf,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA;~~AAAO~~,~~IAAA~~,~~QAC9EA~~,~~sBAAA~~,~~CAAA~~,~~aAAA~~,~~CAACC~~,qCAAY,~~EAAA~~,~~EACT~~,~~SAAS~~,~~EAAEC~~,~~mBAAE~~,~~CAACC~~,~~YAAM~~,~~CAAC~~,~~MAAM~~,~~EAAEA~~,~~YAAM~~,~~CAAC~~,~~UAAU~~,~~GAAI~~,~~EAAA~~,~~GAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~CAACA,~~YAAM,CAAC,~~gBAAgB,CAAA,GAAG,~~MAAM,~~EAAA~~,~~EAAA,EAAG,EACtF,~~GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,SAAS,~~EAEd~~,EAAA,QAAQ,~~CACE~~;~~AAP+D~~;;;;"}
1	+ {"version":3,"file":"component.js","sources":["../../src/components/header/component.tsx"],"sourcesContent":["import React, { type FC, type ReactNode } from 'react';\n\nimport { TitleDesktop, TitleMobile } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n /*\n Контент шапки\n /\n children?: ReactNode;\n\n /\n Отображать в мобильной версии экран компонента\n /\n mobile?: boolean;\n\n /\n HTML тег для заголовка\n * @default 'h3'\n */\n titleTag?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n};\n\nexport const Header: FC<HeaderProps> = ({ mobile, children, titleTag = 'h3' }) => {\n const Tag = mobile ? TitleMobile : TitleDesktop;\n\n return (\n <Tag\n font='system'\n view='small'\n className={styles.header}\n tag={titleTag}\n color='primary'\n defaultMargins={false}\n >\n {children}\n </Tag>\n );\n};\n"],"names":["TitleMobile","TitleDesktop","React","styles"],"mappings":";;;;;;;;;;;;AAwBO,IAAM,MAAM,GAAoB,UAAC,EAAqC,EAAA;QAAnC,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,gBAAe,EAAf,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA;IACvE,IAAM,GAAG,GAAG,MAAM,GAAGA,oCAAW,GAAGC,qCAAY;AAE/C,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACA,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,SAAS,EAAEC,YAAM,CAAC,MAAM,EACxB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,cAAc,EAAE,KAAK,EAAA,EAEpB,QAAQ,CACP;AAEd;;;;"}

package/components/header/index.css CHANGED Viewed

@@ -1,31 +1,7 @@
 :root {
     --gap-xl: 24px;
     --gap-24: var(--gap-xl);
-} :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
-} :root {
-    --confirmation-header-desktop-font-size: 22px;
-    --confirmation-header-desktop-line-height: 26px;
-    --confirmation-header-desktop-font-weight: bold;
-    --confirmation-header-desktop-font-family: var(--font-family-system);
-    --confirmation-header-mobile-font-size: 20px;
-    --confirmation-header-mobile-line-height: 28px;
-    --confirmation-header-mobile-font-weight: 600;
-    --confirmation-header-mobile-font-family: var(--font-family-system);
-    --confirmation-header-font-feature-settings: normal
-} .confirmation__header_cayx9.confirmation__header_cayx9 {
+}
+.confirmation__header_1hham.confirmation__header_1hham {
     margin-bottom: var(--gap-24);
-} .confirmation__typography_cayx9.confirmation__typography_cayx9.confirmation__typography_cayx9 {
-    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_cayx9.confirmation__typographyMobile_cayx9.confirmation__typographyMobile_cayx9 {
-    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);
-    font-weight: var(--confirmation-header-mobile-font-weight);
-    font-family: var(--confirmation-header-mobile-font-family);
 }

package/components/header/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"header":"confirmation__header_cayx9","typography":"confirmation__typography_cayx9","typographyMobile":"confirmation__typographyMobile_cayx9"};
+var styles = {"header":"confirmation__header_1hham"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/index.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.header.header {\n margin-bottom: var(--gap-24);\n}\n\n.typography.typography.typography {\n font-feature-settings: var(--confirmation-header-font-feature-settings);\n font-size: var(--confirmation-header-desktop-font-size);\n line-height: var(--confirmation-header-desktop-line-height);\n font-weight: var(--confirmation-header-desktop-font-weight);\n font-family: var(--confirmation-header-desktop-font-family);\n}\n\n.typographyMobile.typographyMobile.typographyMobile {\n font-feature-settings: var(--confirmation-header-font-feature-settings);\n font-size: var(--confirmation-header-mobile-font-size);\n line-height: var(--confirmation-header-mobile-line-height);\n font-weight: var(--confirmation-header-mobile-font-weight);\n font-family: var(--confirmation-header-mobile-font-family);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC~~,YAAY,CAAC,gCAAgC,CAAC,kBAAkB,CAAC,sCAAsC,CAAC~~;;;;"}
1	+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.header.header {\n margin-bottom: var(--gap-24);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}

package/components/screens/fatal-error/component.js CHANGED Viewed

@@ -21,11 +21,11 @@ var FatalError = function (_a) {
     var _c = React.useContext(context.ConfirmationContext), alignContent = _c.alignContent, titleTag = _c.titleTag, texts = _c.texts, onFatalErrorOkButtonClick = _c.onFatalErrorOkButtonClick, breakpoint = _c.breakpoint, client = _c.client;
     return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, index_module[alignContent]) },
         React__default.default.createElement(component.Header, { mobile: mobile, titleTag: titleTag }, texts.fatalErrorTitle),
-        React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default((_b = {},
+        React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', color: 'primary', className: cn__default.default((_b = {},
                 _b[index_module.typographyTheme] = !mobile,
                 _b[index_module.typographyThemeMobile] = mobile,
                 _b)) }, texts.fatalErrorDescription),
-        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: onFatalErrorOkButtonClick, className: index_module.button, breakpoint: breakpoint, client: client }, texts.fatalErrorButton)));
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 40 : 48, view: 'secondary', onClick: onFatalErrorOkButtonClick, className: index_module.button, breakpoint: breakpoint, client: client }, texts.fatalErrorButton)));
 };
 exports.FatalError = FatalError;

package/components/screens/fatal-error/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../src/components/screens/fatal-error/component.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { ~~Text~~ } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type FatalErrorProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nexport const FatalError: FC<FatalErrorProps> = ({ mobile }) => {\n const { alignContent, titleTag, texts, onFatalErrorOkButtonClick, breakpoint, client } =\n useContext(ConfirmationContext);\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.fatalErrorTitle}\n </Header>\n\n <~~Text~~\n view='primary-medium'\n color='primary'\n className={cn({\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {texts.fatalErrorDescription}\n </~~Text~~>\n\n <Button\n size={mobile ? ~~'xs'~~ : ~~'s'~~}\n view='secondary'\n onClick={onFatalErrorOkButtonClick}\n className={styles.button}\n breakpoint={breakpoint}\n client={client}\n >\n {texts.fatalErrorButton}\n </Button>\n </div>\n );\n};\n"],"names":["useContext","ConfirmationContext","React","cn","styles","Header","~~Text~~","Button"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,IAAM,UAAU,GAAwB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAC9C,IAAA,EAAA,GACFA,gBAAU,CAACC,2BAAmB,CAAC,EAD3B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MACjD;AAEnC,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,YAAY,CAAC,CAAC,EAAA;AACtD,QAAAF,sBAAA,CAAA,aAAA,CAACG,gBAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACrC,KAAK,CAAC,eAAe,CACjB;AAET,QAAAH,sBAAA,CAAA,aAAA,CAACI,~~6BAAI~~,EAAA,~~EACD~~,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAEH,mBAAE,EAAA,EAAA,GAAA,EAAA;AACT,gBAAA,EAAA,CAACC,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,qBAAqB,~~CACzB~~;~~AAEP~~,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,~~IAAI~~,GAAG,~~GAAG~~,~~EACzB~~,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,yBAAyB,EAClC,SAAS,EAAEH,YAAM,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,gBAAgB,CAClB,CACP;AAEd;;;;"}
1	+ {"version":3,"file":"component.js","sources":["../../../src/components/screens/fatal-error/component.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type FatalErrorProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nexport const FatalError: FC<FatalErrorProps> = ({ mobile }) => {\n const { alignContent, titleTag, texts, onFatalErrorOkButtonClick, breakpoint, client } =\n useContext(ConfirmationContext);\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.fatalErrorTitle}\n </Header>\n\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn({\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {texts.fatalErrorDescription}\n </TypographyText>\n\n <Button\n size={mobile ? 40 : 48}\n view='secondary'\n onClick={onFatalErrorOkButtonClick}\n className={styles.button}\n breakpoint={breakpoint}\n client={client}\n >\n {texts.fatalErrorButton}\n </Button>\n </div>\n );\n};\n"],"names":["useContext","ConfirmationContext","React","cn","styles","Header","TypographyText","Button"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,IAAM,UAAU,GAAwB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAC9C,IAAA,EAAA,GACFA,gBAAU,CAACC,2BAAmB,CAAC,EAD3B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MACjD;AAEnC,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,YAAY,CAAC,CAAC,EAAA;AACtD,QAAAF,sBAAA,CAAA,aAAA,CAACG,gBAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACrC,KAAK,CAAC,eAAe,CACjB;AAET,QAAAH,sBAAA,CAAA,aAAA,CAACI,uCAAc,EAAA,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAEH,mBAAE,EAAA,EAAA,GAAA,EAAA;AACT,gBAAA,EAAA,CAACC,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,qBAAqB,CACf;AAEjB,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,EACtB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,yBAAyB,EAClC,SAAS,EAAEH,YAAM,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,gBAAgB,CAClB,CACP;AAEd;;;;"}

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

@@ -1,34 +1,39 @@
 :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-} :root {
+}
+:root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} :root {
+}
+:root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
-} :root {
-    --confirmation-text-font-size: 16px;
-    --confirmation-text-line-height: 24px;
-    --confirmation-text-font-weight: 400;
-    --confirmation-text-font-family: var(--font-family-system);
+}
+:root {
     --confirmation-text-color: var(--color-light-text-primary)
-} .confirmation__component_1vd87 {
+}
+.confirmation__component_1vobt {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_1vd87.confirmation__typographyTheme_1vd87 {
-    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);
+}
+.confirmation__typographyTheme_1vobt.confirmation__typographyTheme_1vobt {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
-} .confirmation__typographyThemeMobile_1vd87.confirmation__typographyThemeMobile_1vd87 {
+}
+.confirmation__typographyThemeMobile_1vobt.confirmation__typographyThemeMobile_1vobt {
     color: var(--color-light-text-secondary);
-} .confirmation__left_1vd87 {
+}
+.confirmation__left_1vobt {
     align-items: flex-start;
-} .confirmation__center_1vd87 {
+}
+.confirmation__center_1vobt {
     align-items: center;
     text-align: center;
-} .confirmation__button_1vd87.confirmation__button_1vd87 {
+}
+.confirmation__button_1vobt.confirmation__button_1vobt {
     margin-top: var(--gap-32);
 }

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

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"component":"confirmation__component_1vd87","typographyTheme":"confirmation__typographyTheme_1vd87","typographyThemeMobile":"confirmation__typographyThemeMobile_1vd87","left":"confirmation__left_1vd87","center":"confirmation__center_1vd87","button":"confirmation__button_1vd87"};
+var styles = {"component":"confirmation__component_1vobt","typographyTheme":"confirmation__typographyTheme_1vobt","typographyThemeMobile":"confirmation__typographyThemeMobile_1vobt","left":"confirmation__left_1vobt","center":"confirmation__center_1vobt","button":"confirmation__button_1vobt"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/screens/hint/component.js CHANGED Viewed

@@ -28,7 +28,7 @@ var Hint = function (_a) {
     };
     return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, index_module[alignContent]) },
         React__default.default.createElement(component.Header, { mobile: mobile, titleTag: titleTag }, texts.hintTitle),
-        React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_b = {},
+        React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_b = {},
                 _b[index_module.typographyTheme] = !mobile,
                 _b[index_module.typographyThemeMobile] = mobile,
                 _b)) }, texts.hintDescription),
@@ -37,7 +37,7 @@ var Hint = function (_a) {
                 _c)) },
             React__default.default.createElement("div", { className: cn__default.default(index_module.phoneWrap, (_d = {}, _d[index_module.phoneContentMobile] = mobile, _d)) },
                 React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(index_module.phoneLink, (_e = {}, _e[index_module.typographyThemeMobile] = mobile, _e)) }, internationalPhone),
-                React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_f = {},
+                React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_f = {},
                         _f[index_module.typographyTheme] = !mobile,
                         _f[index_module.typographyThemeMobile] = mobile,
                         _f)) }, mobile
@@ -45,17 +45,17 @@ var Hint = function (_a) {
                     : ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей')),
             React__default.default.createElement("div", { className: cn__default.default(index_module.phoneWrap, (_g = {}, _g[index_module.phoneContentMobile] = mobile, _g)) },
                 React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(index_module.phoneLink, (_h = {}, _h[index_module.typographyThemeMobile] = mobile, _h)) }, domesticPhone),
-                React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_j = {},
+                React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_j = {},
                         _j[index_module.typographyTheme] = !mobile,
                         _j[index_module.typographyThemeMobile] = mobile,
                         _j)) }, mobile
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России'))),
-        React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_k = {},
+        React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.text, (_k = {},
                 _k[index_module.typographyTheme] = !mobile,
                 _k[index_module.typographyThemeMobile] = mobile,
                 _k)) }, texts.hintNotification),
-        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: index_module.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 40 : 48, view: 'secondary', onClick: handleReturnButtonClick, className: index_module.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
 };
 exports.Hint = Hint;

package/components/screens/hint/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../src/components/screens/hint/component.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Link } from '@alfalab/core-components-link';\nimport { ~~Text~~ } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { getPhoneHref } from '../../../utils';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type HintProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nexport const Hint: FC<HintProps> = ({ mobile }) => {\n const { alignContent, titleTag, texts, onChangeScreen, onChangeState, breakpoint, client } =\n useContext(ConfirmationContext);\n\n const { domesticPhone = '', internationalPhone = '', hintButton } = texts;\n\n const handleReturnButtonClick = () => {\n onChangeScreen('INITIAL');\n onChangeState('INITIAL');\n };\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.hintTitle}\n </Header>\n\n <~~Text~~\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {texts.hintDescription}\n </~~Text~~>\n\n <div\n className={cn(styles.phonesWrap, {\n [styles.phonesWrapMobile]: mobile,\n })}\n >\n <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n <Link\n href={getPhoneHref(internationalPhone)}\n underline={false}\n className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n >\n {internationalPhone}\n </Link>\n <~~Text~~\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {mobile\n ? 'В\\u00A0Москве и\\u00A0за\\u00A0границей'\n : ' \\u2014\\u00A0в\\u00A0Москве и\\u00A0за\\u00A0границей'}\n </~~Text~~>\n </div>\n\n <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n <Link\n href={getPhoneHref(domesticPhone)}\n underline={false}\n className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n >\n {domesticPhone}\n </Link>\n <~~Text~~\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {mobile\n ? 'Для\\u00A0звонков по\\u00A0России'\n : ' \\u2014\\u00A0для звонков по\\u00A0России'}\n </~~Text~~>\n </div>\n </div>\n\n <~~Text~~\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {texts.hintNotification}\n </~~Text~~>\n <Button\n size={mobile ? ~~'xs'~~ : ~~'s'~~}\n view='secondary'\n onClick={handleReturnButtonClick}\n className={styles.hintButton}\n breakpoint={breakpoint}\n client={client}\n >\n {hintButton}\n </Button>\n </div>\n );\n};\n"],"names":["useContext","ConfirmationContext","React","cn","styles","Header","~~Text~~","Link","getPhoneHref","Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBO,IAAM,IAAI,GAAkB,UAAC,EAAU,EAAA;;AAAR,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA;IAClC,IAAA,EAAA,GACFA,gBAAU,CAACC,2BAAmB,CAAC,EAD3B,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,WAAA,EAAE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MACrD;IAE3B,IAAA,EAAA,GAA4D,KAAK,CAA/C,aAAA,EAAlB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAE,EAAwC,GAAA,KAAK,mBAAtB,EAAvB,kBAAkB,mBAAG,EAAE,GAAA,EAAA,EAAE,UAAU,GAAK,KAAK,CAAA,UAAV;AAE/D,IAAA,IAAM,uBAAuB,GAAG,YAAA;QAC5B,cAAc,CAAC,SAAS,CAAC;QACzB,aAAa,CAAC,SAAS,CAAC;AAC5B,KAAC;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,YAAY,CAAC,CAAC,EAAA;AACtD,QAAAF,sBAAA,CAAA,aAAA,CAACG,gBAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACrC,KAAK,CAAC,SAAS,CACX;AAET,QAAAH,sBAAA,CAAA,aAAA,CAACI,~~6BAAI~~,~~EACD~~,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,gBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,eAAe,~~CACnB~~;~~AAEP~~,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,UAAU,GAAA,EAAA,GAAA,EAAA;AAC3B,gBAAA,EAAA,CAACA,YAAM,CAAC,gBAAgB,CAAA,GAAG,MAAM;AACnC,gBAAA,EAAA,EAAA,EAAA;AAEF,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,kBAAkB,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACzE,gBAAAF,sBAAA,CAAA,aAAA,CAACK,uBAAI,EAAA,EACD,IAAI,EAAEC,kBAAY,CAAC,kBAAkB,CAAC,EACtC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,YAAM,CAAC,qBAAqB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAAA,EAE1E,kBAAkB,CAChB;AACP,gBAAAF,sBAAA,CAAA,aAAA,CAACI,~~6BAAI~~,~~EACD~~,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,wBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,wBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACxC,wBAAA,EAAA,EAAA,EAAA,EAED;AACG,sBAAE;sBACA,oDAAoD,~~CACvD~~,~~CACL~~;AAEN,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,kBAAkB,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACzE,gBAAAF,sBAAA,CAAA,aAAA,CAACK,uBAAI,EAAA,EACD,IAAI,EAAEC,kBAAY,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,KAAK,EAChB,SAAS,EAAEL,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,YAAM,CAAC,qBAAqB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAAA,EAE1E,aAAa,CACX;AACP,gBAAAF,sBAAA,CAAA,aAAA,CAACI,~~6BAAI~~,~~EACD~~,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,wBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,wBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACxC,wBAAA,EAAA,EAAA,EAAA,EAED;AACG,sBAAE;AACF,sBAAE,yCAAyC,~~CAC5C~~,~~CACL~~,CACJ;AAEN,QAAAF,sBAAA,CAAA,aAAA,CAACI,~~6BAAI~~,~~EACD~~,EAAA,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,gBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACjC,gBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;oBACxC,EAED,EAAA,KAAK,CAAC,gBAAgB,~~CACpB~~;~~AACP~~,QAAAF,sBAAA,CAAA,aAAA,CAACO,2BAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,~~IAAI~~,GAAG,~~GAAG~~,~~EACzB~~,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAEL,YAAM,CAAC,UAAU,EAC5B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EAAA,EAEb,UAAU,CACN,CACP;AAEd;;;;"}
1	+ {"version":3,"file":"component.js","sources":["../../../src/components/screens/hint/component.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Link } from '@alfalab/core-components-link';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { getPhoneHref } from '../../../utils';\nimport { Header } from '../../header';\n\nimport styles from './index.module.css';\n\nexport type HintProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nexport const Hint: FC<HintProps> = ({ mobile }) => {\n const { alignContent, titleTag, texts, onChangeScreen, onChangeState, breakpoint, client } =\n useContext(ConfirmationContext);\n\n const { domesticPhone = '', internationalPhone = '', hintButton } = texts;\n\n const handleReturnButtonClick = () => {\n onChangeScreen('INITIAL');\n onChangeState('INITIAL');\n };\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.hintTitle}\n </Header>\n\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {texts.hintDescription}\n </TypographyText>\n\n <div\n className={cn(styles.phonesWrap, {\n [styles.phonesWrapMobile]: mobile,\n })}\n >\n <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n <Link\n href={getPhoneHref(internationalPhone)}\n underline={false}\n className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n >\n {internationalPhone}\n </Link>\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {mobile\n ? 'В\\u00A0Москве и\\u00A0за\\u00A0границей'\n : ' \\u2014\\u00A0в\\u00A0Москве и\\u00A0за\\u00A0границей'}\n </TypographyText>\n </div>\n\n <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>\n <Link\n href={getPhoneHref(domesticPhone)}\n underline={false}\n className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}\n >\n {domesticPhone}\n </Link>\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {mobile\n ? 'Для\\u00A0звонков по\\u00A0России'\n : ' \\u2014\\u00A0для звонков по\\u00A0России'}\n </TypographyText>\n </div>\n </div>\n\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.text, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n {texts.hintNotification}\n </TypographyText>\n <Button\n size={mobile ? 40 : 48}\n view='secondary'\n onClick={handleReturnButtonClick}\n className={styles.hintButton}\n breakpoint={breakpoint}\n client={client}\n >\n {hintButton}\n </Button>\n </div>\n );\n};\n"],"names":["useContext","ConfirmationContext","React","cn","styles","Header","TypographyText","Link","getPhoneHref","Button"],"mappings":"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"}

package/components/screens/hint/index.css CHANGED Viewed

@@ -1,7 +1,8 @@
 :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-} :root {
+}
+:root {
     --gap-xs: 8px;
     --gap-xl: 24px;
     --gap-2xl: 32px;
@@ -9,49 +10,60 @@
     --gap-8: var(--gap-xs);
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
-} :root {
+}
+:root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
-} :root {
-    --confirmation-text-font-size: 16px;
-    --confirmation-text-line-height: 24px;
-    --confirmation-text-font-weight: 400;
-    --confirmation-text-font-family: var(--font-family-system);
+}
+:root {
     --confirmation-text-color: var(--color-light-text-primary)
-} .confirmation__component_fggj1 {
+}
+.confirmation__component_17zxo {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation__component_fggj1 span:last-of-type {
+}
+.confirmation__component_17zxo span:last-of-type {
         margin-bottom: var(--gap-0);
-    } .confirmation__center_fggj1 {
+    }
+.confirmation__center_17zxo {
     align-items: center;
     text-align: center;
-} .confirmation__text_fggj1.confirmation__text_fggj1 {
+}
+.confirmation__text_17zxo.confirmation__text_17zxo {
     margin-bottom: var(--gap-24);
-} .confirmation__typographyTheme_fggj1.confirmation__typographyTheme_fggj1 {
-    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);
+}
+.confirmation__typographyTheme_17zxo.confirmation__typographyTheme_17zxo {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    font-family: var(--font-family-system);
     color: var(--confirmation-text-color);
-} .confirmation__typographyThemeMobile_fggj1.confirmation__typographyThemeMobile_fggj1 {
+}
+.confirmation__typographyThemeMobile_17zxo.confirmation__typographyThemeMobile_17zxo {
     color: var(--color-light-text-secondary);
-} .confirmation__phonesWrap_fggj1 {
+}
+.confirmation__phonesWrap_17zxo {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-24);
-} .confirmation__phoneWrap_fggj1 {
+}
+.confirmation__phoneWrap_17zxo {
     margin-bottom: var(--gap-8);
-} .confirmation__phoneWrap_fggj1:last-child {
+}
+.confirmation__phoneWrap_17zxo:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation__phoneLink_fggj1.confirmation__phoneLink_fggj1 {
+    }
+.confirmation__phoneLink_17zxo.confirmation__phoneLink_17zxo {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_fggj1 {
+    font-family: var(--font-family-system);
+}
+.confirmation__hintButton_17zxo {
     margin-top: var(--gap-32);
-} .confirmation__phoneContentMobile_fggj1 {
+}
+.confirmation__phoneContentMobile_17zxo {
     display: flex;
     flex-direction: column;
 }

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

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"component":"confirmation__component_fggj1","center":"confirmation__center_fggj1","text":"confirmation__text_fggj1","typographyTheme":"confirmation__typographyTheme_fggj1","typographyThemeMobile":"confirmation__typographyThemeMobile_fggj1","phonesWrap":"confirmation__phonesWrap_fggj1","phoneWrap":"confirmation__phoneWrap_fggj1","phoneLink":"confirmation__phoneLink_fggj1","hintButton":"confirmation__hintButton_fggj1","phoneContentMobile":"confirmation__phoneContentMobile_fggj1"};
+var styles = {"component":"confirmation__component_17zxo","center":"confirmation__center_17zxo","text":"confirmation__text_17zxo","typographyTheme":"confirmation__typographyTheme_17zxo","typographyThemeMobile":"confirmation__typographyThemeMobile_17zxo","phonesWrap":"confirmation__phonesWrap_17zxo","phoneWrap":"confirmation__phoneWrap_17zxo","phoneLink":"confirmation__phoneLink_17zxo","hintButton":"confirmation__hintButton_17zxo","phoneContentMobile":"confirmation__phoneContentMobile_17zxo"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/screens/initial/component.js CHANGED Viewed

@@ -96,7 +96,7 @@ var Initial = function (_a) {
             return initialScreenHintSlot;
         }
         if (mobile$2) {
-            return (React__default.default.createElement(mobile$1.ButtonMobile, { onClick: handleSmsHintLinkClick, className: index_module.smsBtn, view: 'text', size: 'xs' }, texts.linkToHint));
+            return (React__default.default.createElement(mobile$1.ButtonMobile, { onClick: handleSmsHintLinkClick, className: index_module.smsBtn, view: 'text', size: 40 }, texts.linkToHint));
         }
         return (React__default.default.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: index_module.smsComeLink, view: mobile$2 ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
     };
@@ -105,7 +105,7 @@ var Initial = function (_a) {
     var ComponentCodeInput = mobile$2 ? mobile.CodeInputMobile : desktop.CodeInputDesktop;
     return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, index_module[alignContent]) },
         React__default.default.createElement(component.Header, { mobile: mobile$2, titleTag: titleTag }, texts.title),
-        phone ? (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.phone, (_b = {},
+        phone ? (React__default.default.createElement(coreComponentsTypography.TypographyText, { view: 'primary-medium', color: 'primary', className: cn__default.default(index_module.phone, (_b = {},
                 _b[index_module.typographyTheme] = !mobile$2,
                 _b[index_module.typographyThemeMobile] = mobile$2,
                 _b)) },

package/components/screens/initial/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../src/components/screens/initial/component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CodeInputDesktop } from '@alfalab/core-components-code-input/desktop';\nimport { CodeInputMobile } from '@alfalab/core-components-code-input/mobile';\nimport {\n type BaseCodeInputProps,\n type CustomInputRef,\n} from '@alfalab/core-components-code-input/shared';\nimport { Link } from '@alfalab/core-components-link';\nimport { Text } from '@alfalab/core-components-typography';\nimport { useLayoutEffect_SAFE_FOR_SSR, usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport { CountdownSection } from './countdown-section';\n\nimport styles from './index.module.css';\n\nexport type InitialProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nconst CODE_SEND_HINT_VISIBLE_DURATION = 2000;\n\nexport const Initial: FC<InitialProps> = ({ mobile }) => {\n const {\n state,\n alignContent,\n titleTag,\n texts,\n requiredCharAmount,\n timeLeft,\n phone,\n clearCodeOnError,\n hideCountdownSection,\n initialScreenHintSlot,\n errorVisibleDuration,\n onChangeState,\n onInputFinished,\n onChangeScreen,\n onSmsRetryClick,\n } = useContext(ConfirmationContext);\n\n const prevState = usePrevious(state);\n\n const inputRef = useRef<CustomInputRef>(null);\n\n const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);\n\n const timerId = useRef(0);\n\n const handleInputComplete: BaseCodeInputProps['onComplete'] = (code) => {\n onInputFinished(code);\n };\n\n const handleSmsHintLinkClick = () => {\n onChangeScreen('HINT');\n };\n\n const handleInputChange = () => {\n if (state === 'CODE_ERROR') {\n onChangeState('INITIAL');\n }\n };\n\n const handleSmsRetryClick = () => {\n if (inputRef.current) {\n inputRef.current.reset();\n }\n\n onSmsRetryClick();\n };\n\n const handleErrorAnimationEnd = () => {\n if (clearCodeOnError && state !== 'INITIAL') {\n onChangeState('INITIAL');\n }\n };\n\n const clearTimer = useCallback(() => {\n window.clearTimeout(timerId.current);\n }, []);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n\n return () => {\n clearTimer();\n };\n }, [clearTimer]);\n\n useEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n inputRef.current.focus();\n }\n }, [prevState, state, requiredCharAmount]);\n\n useLayoutEffect_SAFE_FOR_SSR(() => {\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n setCodeSendHintVisible(true);\n\n clearTimer();\n\n timerId.current = window.setTimeout(() => {\n setCodeSendHintVisible(false);\n }, CODE_SEND_HINT_VISIBLE_DURATION);\n }\n }, [prevState, state, clearTimer]);\n\n const getCodeInputError = (): string \| boolean => {\n if (state === 'CODE_EXPIRED') {\n return texts.codeErrorExpired \|\| true;\n }\n\n if (state === 'CODE_EXPIRED_ENDED') {\n return texts.codeErrorExpiredEnded \|\| true;\n }\n\n if (state === 'CODE_ERROR') {\n return texts.codeError \|\| true;\n }\n\n return false;\n };\n\n const renderHintButton = () => {\n if (initialScreenHintSlot) {\n return initialScreenHintSlot;\n }\n\n if (mobile) {\n return (\n <ButtonMobile\n onClick={handleSmsHintLinkClick}\n className={styles.smsBtn}\n view='text'\n size='xs'\n >\n {texts.linkToHint}\n </ButtonMobile>\n );\n }\n\n return (\n <Link\n onClick={handleSmsHintLinkClick}\n className={styles.smsComeLink}\n view={mobile ? 'primary' : 'secondary'}\n pseudo={true}\n >\n {texts.linkToHint}\n </Link>\n );\n };\n\n const processing = ['CODE_CHECKING', 'CODE_SENDING'].includes(state);\n\n const timePassed = timeLeft === 0;\n\n const ComponentCodeInput = mobile ? CodeInputMobile : CodeInputDesktop;\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.title}\n </Header>\n\n {phone ? (\n <Text\n view='primary-medium'\n color='primary'\n className={cn(styles.phone, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n Отправили на {phone}\n </Text>\n ) : null}\n <ComponentCodeInput\n disabled={processing}\n error={getCodeInputError()}\n ref={inputRef}\n fields={requiredCharAmount}\n className={cn(styles.containerInput, styles.codeInput)}\n onComplete={handleInputComplete}\n onChange={handleInputChange}\n clearCodeOnError={clearCodeOnError}\n errorVisibleDuration={errorVisibleDuration}\n onErrorAnimationEnd={handleErrorAnimationEnd}\n />\n {!hideCountdownSection && (\n <CountdownSection\n processing={processing}\n timePassed={timePassed}\n codeSendHintVisible={codeSendHintVisible}\n handleSmsRetryClick={handleSmsRetryClick}\n mobile={mobile}\n />\n )}\n\n {renderHintButton()}\n </div>\n );\n};\n"],"names":["mobile","useContext","ConfirmationContext","usePrevious","useRef","useState","useCallback","useEffect","useLayoutEffect_SAFE_FOR_SSR","React","ButtonMobile","styles","Link","CodeInputMobile","CodeInputDesktop","cn","Header","Text","CountdownSection"],"mappings":"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"}
1	+ {"version":3,"file":"component.js","sources":["../../../src/components/screens/initial/component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CodeInputDesktop } from '@alfalab/core-components-code-input/desktop';\nimport { CodeInputMobile } from '@alfalab/core-components-code-input/mobile';\nimport {\n type BaseCodeInputProps,\n type CustomInputRef,\n} from '@alfalab/core-components-code-input/shared';\nimport { Link } from '@alfalab/core-components-link';\nimport { TypographyText } from '@alfalab/core-components-typography';\nimport { useLayoutEffect_SAFE_FOR_SSR, usePrevious } from '@alfalab/hooks';\n\nimport { ConfirmationContext } from '../../../context';\nimport { Header } from '../../header';\n\nimport { CountdownSection } from './countdown-section';\n\nimport styles from './index.module.css';\n\nexport type InitialProps = {\n /*\n Отображать в мобильной версии экран компонента\n */\n mobile?: boolean;\n};\n\nconst CODE_SEND_HINT_VISIBLE_DURATION = 2000;\n\nexport const Initial: FC<InitialProps> = ({ mobile }) => {\n const {\n state,\n alignContent,\n titleTag,\n texts,\n requiredCharAmount,\n timeLeft,\n phone,\n clearCodeOnError,\n hideCountdownSection,\n initialScreenHintSlot,\n errorVisibleDuration,\n onChangeState,\n onInputFinished,\n onChangeScreen,\n onSmsRetryClick,\n } = useContext(ConfirmationContext);\n\n const prevState = usePrevious(state);\n\n const inputRef = useRef<CustomInputRef>(null);\n\n const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);\n\n const timerId = useRef(0);\n\n const handleInputComplete: BaseCodeInputProps['onComplete'] = (code) => {\n onInputFinished(code);\n };\n\n const handleSmsHintLinkClick = () => {\n onChangeScreen('HINT');\n };\n\n const handleInputChange = () => {\n if (state === 'CODE_ERROR') {\n onChangeState('INITIAL');\n }\n };\n\n const handleSmsRetryClick = () => {\n if (inputRef.current) {\n inputRef.current.reset();\n }\n\n onSmsRetryClick();\n };\n\n const handleErrorAnimationEnd = () => {\n if (clearCodeOnError && state !== 'INITIAL') {\n onChangeState('INITIAL');\n }\n };\n\n const clearTimer = useCallback(() => {\n window.clearTimeout(timerId.current);\n }, []);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n\n return () => {\n clearTimer();\n };\n }, [clearTimer]);\n\n useEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n inputRef.current.focus();\n }\n }, [prevState, state, requiredCharAmount]);\n\n useLayoutEffect_SAFE_FOR_SSR(() => {\n if (prevState === 'CODE_SENDING' && state !== 'CODE_SENDING') {\n setCodeSendHintVisible(true);\n\n clearTimer();\n\n timerId.current = window.setTimeout(() => {\n setCodeSendHintVisible(false);\n }, CODE_SEND_HINT_VISIBLE_DURATION);\n }\n }, [prevState, state, clearTimer]);\n\n const getCodeInputError = (): string \| boolean => {\n if (state === 'CODE_EXPIRED') {\n return texts.codeErrorExpired \|\| true;\n }\n\n if (state === 'CODE_EXPIRED_ENDED') {\n return texts.codeErrorExpiredEnded \|\| true;\n }\n\n if (state === 'CODE_ERROR') {\n return texts.codeError \|\| true;\n }\n\n return false;\n };\n\n const renderHintButton = () => {\n if (initialScreenHintSlot) {\n return initialScreenHintSlot;\n }\n\n if (mobile) {\n return (\n <ButtonMobile\n onClick={handleSmsHintLinkClick}\n className={styles.smsBtn}\n view='text'\n size={40}\n >\n {texts.linkToHint}\n </ButtonMobile>\n );\n }\n\n return (\n <Link\n onClick={handleSmsHintLinkClick}\n className={styles.smsComeLink}\n view={mobile ? 'primary' : 'secondary'}\n pseudo={true}\n >\n {texts.linkToHint}\n </Link>\n );\n };\n\n const processing = ['CODE_CHECKING', 'CODE_SENDING'].includes(state);\n\n const timePassed = timeLeft === 0;\n\n const ComponentCodeInput = mobile ? CodeInputMobile : CodeInputDesktop;\n\n return (\n <div className={cn(styles.component, styles[alignContent])}>\n <Header mobile={mobile} titleTag={titleTag}>\n {texts.title}\n </Header>\n\n {phone ? (\n <TypographyText\n view='primary-medium'\n color='primary'\n className={cn(styles.phone, {\n [styles.typographyTheme]: !mobile,\n [styles.typographyThemeMobile]: mobile,\n })}\n >\n Отправили на {phone}\n </TypographyText>\n ) : null}\n <ComponentCodeInput\n disabled={processing}\n error={getCodeInputError()}\n ref={inputRef}\n fields={requiredCharAmount}\n className={cn(styles.containerInput, styles.codeInput)}\n onComplete={handleInputComplete}\n onChange={handleInputChange}\n clearCodeOnError={clearCodeOnError}\n errorVisibleDuration={errorVisibleDuration}\n onErrorAnimationEnd={handleErrorAnimationEnd}\n />\n {!hideCountdownSection && (\n <CountdownSection\n processing={processing}\n timePassed={timePassed}\n codeSendHintVisible={codeSendHintVisible}\n handleSmsRetryClick={handleSmsRetryClick}\n mobile={mobile}\n />\n )}\n\n {renderHintButton()}\n </div>\n );\n};\n"],"names":["mobile","useContext","ConfirmationContext","usePrevious","useRef","useState","useCallback","useEffect","useLayoutEffect_SAFE_FOR_SSR","React","ButtonMobile","styles","Link","CodeInputMobile","CodeInputDesktop","cn","Header","TypographyText","CountdownSection"],"mappings":"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"}

package/components/screens/initial/countdown-section.js CHANGED Viewed

@@ -22,7 +22,7 @@ var CountdownSection = function (_a) {
     var _d = React.useContext(context.ConfirmationContext), state = _d.state, texts = _d.texts, timeLeft = _d.timeLeft, blockSmsRetry = _d.blockSmsRetry, breakpoint = _d.breakpoint, client = _d.client;
     var renderText = function (content) {
         var _a;
-        return (React__default.default.createElement(coreComponentsTypography.Text, { className: cn__default.default(index_module.countdownContainer, (_a = {},
+        return (React__default.default.createElement(coreComponentsTypography.TypographyText, { className: cn__default.default(index_module.countdownContainer, (_a = {},
                 _a[index_module.countdownMobile] = mobile,
                 _a[index_module.typographyTheme] = !mobile,
                 _a)), view: mobile ? 'primary-small' : 'primary-medium', tag: 'div' }, content));
@@ -40,7 +40,7 @@ var CountdownSection = function (_a) {
     if (blockSmsRetry)
         return renderText(texts.noAttemptsLeft);
     if (timePassed) {
-        return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 'xxs', view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(index_module.getCodeButton, (_c = {}, _c[index_module.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint, client: client }, texts.buttonRetry));
+        return (React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 40 : 32, view: 'secondary', onClick: handleSmsRetryClick, className: cn__default.default(index_module.getCodeButton, (_c = {}, _c[index_module.getCodeButtonMobile] = mobile, _c)), breakpoint: breakpoint, client: client }, texts.buttonRetry));
     }
     return renderText(React__default.default.createElement(React.Fragment, null,
         texts.countdown,

package/components/screens/initial/countdown-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"countdown-section.js","sources":["../../../src/components/screens/initial/countdown-section.tsx"],"sourcesContent":["import React, { type FC, Fragment, type ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Spinner } from '@alfalab/core-components-spinner';\nimport { ~~Text~~ } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { formatMsAsMinutes } from '../../../utils';\n\nimport styles from './index.module.css';\n\ntype CountdownSectionProps = {\n codeSendHintVisible: boolean;\n timePassed: boolean;\n processing: boolean;\n mobile?: boolean;\n handleSmsRetryClick: () => void;\n};\n\nexport const CountdownSection: FC<CountdownSectionProps> = ({\n codeSendHintVisible,\n timePassed,\n processing,\n mobile,\n handleSmsRetryClick,\n}) => {\n const { state, texts, timeLeft, blockSmsRetry, breakpoint, client } =\n useContext(ConfirmationContext);\n\n const renderText = (content: ReactNode) => (\n <~~Text~~\n className={cn(styles.countdownContainer, {\n [styles.countdownMobile]: mobile,\n [styles.typographyTheme]: !mobile,\n })}\n view={mobile ? 'primary-small' : 'primary-medium'}\n tag='div'\n >\n {content}\n </~~Text~~>\n );\n\n if (codeSendHintVisible) return renderText(texts.codeSended);\n\n if (processing) {\n return (\n <div\n className={cn(styles.loaderWrap, styles.countdownContainer, {\n [styles.countdownLoaderMobile]: mobile,\n [styles.typographyTheme]: !mobile,\n })}\n >\n <Spinner preset={24} visible={true} />\n\n <span className={styles.loaderText}>\n {state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending}\n </span>\n </div>\n );\n }\n\n if (blockSmsRetry) return renderText(texts.noAttemptsLeft);\n\n if (timePassed) {\n return (\n <Button\n size={mobile ? ~~'xs'~~ : ~~'xxs'~~}\n view='secondary'\n onClick={handleSmsRetryClick}\n className={cn(styles.getCodeButton, { [styles.getCodeButtonMobile]: mobile })}\n breakpoint={breakpoint}\n client={client}\n >\n {texts.buttonRetry}\n </Button>\n );\n }\n\n return renderText(\n <Fragment>\n {texts.countdown}\n {'\\u00A0'}\n <time className={styles.timeCounter}>{formatMsAsMinutes(timeLeft)}</time>\n </Fragment>,\n );\n};\n"],"names":["useContext","ConfirmationContext","React","~~Text~~","cn","styles","Spinner","Button","Fragment","formatMsAsMinutes"],"mappings":";;;;;;;;;;;;;;;;;;AAoBO,IAAM,gBAAgB,GAA8B,UAAC,EAM3D,EAAA;;AALG,IAAA,IAAA,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,mBAAmB,GAAA,EAAA,CAAA,mBAAA;IAEb,IAAA,EAAA,GACFA,gBAAU,CAACC,2BAAmB,CAAC,EAD3B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAC9B;IAEnC,IAAM,UAAU,GAAG,UAAC,OAAkB,EAAA;;QAAK,QACvCC,sBAAC,CAAA,aAAA,CAAAC,~~6BAAI~~,~~EACD~~,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,kBAAkB,GAAA,EAAA,GAAA,EAAA;AACnC,gBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,MAAM;AAChC,gBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACnC,gBAAA,EAAA,EAAA,EACF,IAAI,EAAE,MAAM,GAAG,eAAe,GAAG,gBAAgB,EACjD,GAAG,EAAC,KAAK,EAER,EAAA,OAAO,~~CACL~~;~~AAVgC~~,KAW1C;AAED,IAAA,IAAI,mBAAmB;AAAE,QAAA,OAAO,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;AAE5D,IAAA,IAAI,UAAU,EAAE;AACZ,QAAA,QACIH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,UAAU,EAAEA,YAAM,CAAC,kBAAkB,GAAA,EAAA,GAAA,EAAA;AACtD,gBAAA,EAAA,CAACA,YAAM,CAAC,qBAAqB,CAAA,GAAG,MAAM;AACtC,gBAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,CAAC,MAAM;AACnC,gBAAA,EAAA,EAAA,EAAA;YAEFH,sBAAC,CAAA,aAAA,CAAAI,6BAAO,IAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAI,CAAA;YAEtCJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEG,YAAM,CAAC,UAAU,IAC7B,KAAK,KAAK,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAChE,CACL;AAEb;AAED,IAAA,IAAI,aAAa;AAAE,QAAA,OAAO,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;AAE1D,IAAA,IAAI,UAAU,EAAE;QACZ,QACIH,sBAAC,CAAA,aAAA,CAAAK,2BAAM,EACH,EAAA,IAAI,EAAE,MAAM,GAAG,~~IAAI~~,GAAG,~~KAAK~~,~~EAC3B~~,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,aAAa,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,mBAAmB,CAAG,GAAA,MAAM,EAAG,EAAA,EAAA,EAC7E,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EAEb,EAAA,KAAK,CAAC,WAAW,CACb;AAEhB;IAED,OAAO,UAAU,CACbH,sBAAA,CAAA,aAAA,CAACM,cAAQ,EAAA,IAAA;AACJ,QAAA,KAAK,CAAC,SAAS;QACf,QAAQ;AACT,QAAAN,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEG,YAAM,CAAC,WAAW,EAAA,EAAGI,uBAAiB,CAAC,QAAQ,CAAC,CAAQ,CAClE,CACd;AACL;;;;"}
1	+ {"version":3,"file":"countdown-section.js","sources":["../../../src/components/screens/initial/countdown-section.tsx"],"sourcesContent":["import React, { type FC, Fragment, type ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '@alfalab/core-components-button';\nimport { Spinner } from '@alfalab/core-components-spinner';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { ConfirmationContext } from '../../../context';\nimport { formatMsAsMinutes } from '../../../utils';\n\nimport styles from './index.module.css';\n\ntype CountdownSectionProps = {\n codeSendHintVisible: boolean;\n timePassed: boolean;\n processing: boolean;\n mobile?: boolean;\n handleSmsRetryClick: () => void;\n};\n\nexport const CountdownSection: FC<CountdownSectionProps> = ({\n codeSendHintVisible,\n timePassed,\n processing,\n mobile,\n handleSmsRetryClick,\n}) => {\n const { state, texts, timeLeft, blockSmsRetry, breakpoint, client } =\n useContext(ConfirmationContext);\n\n const renderText = (content: ReactNode) => (\n <TypographyText\n className={cn(styles.countdownContainer, {\n [styles.countdownMobile]: mobile,\n [styles.typographyTheme]: !mobile,\n })}\n view={mobile ? 'primary-small' : 'primary-medium'}\n tag='div'\n >\n {content}\n </TypographyText>\n );\n\n if (codeSendHintVisible) return renderText(texts.codeSended);\n\n if (processing) {\n return (\n <div\n className={cn(styles.loaderWrap, styles.countdownContainer, {\n [styles.countdownLoaderMobile]: mobile,\n [styles.typographyTheme]: !mobile,\n })}\n >\n <Spinner preset={24} visible={true} />\n\n <span className={styles.loaderText}>\n {state === 'CODE_CHECKING' ? texts.codeChecking : texts.codeSending}\n </span>\n </div>\n );\n }\n\n if (blockSmsRetry) return renderText(texts.noAttemptsLeft);\n\n if (timePassed) {\n return (\n <Button\n size={mobile ? 40 : 32}\n view='secondary'\n onClick={handleSmsRetryClick}\n className={cn(styles.getCodeButton, { [styles.getCodeButtonMobile]: mobile })}\n breakpoint={breakpoint}\n client={client}\n >\n {texts.buttonRetry}\n </Button>\n );\n }\n\n return renderText(\n <Fragment>\n {texts.countdown}\n {'\\u00A0'}\n <time className={styles.timeCounter}>{formatMsAsMinutes(timeLeft)}</time>\n </Fragment>,\n );\n};\n"],"names":["useContext","ConfirmationContext","React","TypographyText","cn","styles","Spinner","Button","Fragment","formatMsAsMinutes"],"mappings":"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"}