@alfalab/core-components 48.0.1 → 48.1.0

package/calendar/modern/Component.responsive.d.ts

@@ -30,7 +30,7 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView"> & {
+} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/calendar/modern/components/calendar-mobile/Component.d.ts

@@ -4,7 +4,7 @@ declare const CalendarMonthOnlyView: ({ value, mode, rangeBehavior, month: month
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView") | ("contentClassName" | "headerClassName")> & {
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & {
     /**
      * FIXME нужно сделать для компонента CalendarMonthOnlyView отдельный тип пропсов, т.к. тип CalendarContentProps intersection для типа CalendarMobileProps
      * FIXME это приводит к тому, что в доку сторибука попадают типы пропсов, которые нужны для работы компонента CalendarMonthOnlyView, но не нужны для компонента CalendarMobile
@@ -25,5 +25,5 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<{
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & React.RefAttributes<HTMLDivElement>>;
 export { CalendarMonthOnlyView, CalendarMonthOnlyViewHeader, CalendarMobile };

package/calendar-input/moderncssm/components/calendar-input/Component.d.ts

@@ -146,7 +146,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
         onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
         yearsAmount?: number | undefined;
         scrollableContainer?: HTMLElement | undefined;
-    } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView"> & Record<string, unknown>) | undefined;
+    } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Record<string, unknown>) | undefined;
     /**
      * Значение инпута (используется и для календаря)
      */

package/calendar-range/esm/Component.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-5db3272a.js';
+import './index.module-fefd05f6.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/esm/desktop';

package/calendar-range/esm/index.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-5db3272a.js';
+import './index.module-fefd05f6.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

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

@@ -8,7 +8,7 @@ import { isCompleteDateInput } from '../../../date-input/esm';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-5db3272a.js';
+import { s as styles } from '../index.module-fefd05f6.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

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

@@ -14,7 +14,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/esm';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-5db3272a.js';
+import { s as styles } from '../index.module-fefd05f6.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/modern/Component.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-7414d5c5.js';
+import './index.module-7f63e6cc.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/modern/desktop';

package/calendar-range/modern/index.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-7414d5c5.js';
+import './index.module-7f63e6cc.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

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

@@ -7,7 +7,7 @@ import { isCompleteDateInput } from '../../../date-input/modern';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-7414d5c5.js';
+import { s as styles } from '../index.module-7f63e6cc.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

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

@@ -13,7 +13,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-7414d5c5.js';
+import { s as styles } from '../index.module-7f63e6cc.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/views/popover.js

@@ -10,7 +10,7 @@ var coreComponentsDateInput = require('../../date-input');
 var hooks$1 = require('@alfalab/hooks');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
-var index_module = require('../index.module-9e0f92ad.js');
+var index_module = require('../index.module-0fb0c9bd.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar-range/views/static.js

@@ -16,7 +16,7 @@ var coreComponentsDateInput = require('../../date-input');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-var index_module = require('../index.module-9e0f92ad.js');
+var index_module = require('../index.module-0fb0c9bd.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/hint/component.js

@@ -6,6 +6,7 @@ var coreComponentsButton = require('../../../../button');
 var coreComponentsLink = require('../../../../link');
 var coreComponentsTypography = require('../../../../typography');
 var context = require('../../../context.js');
+var utils = require('../../../utils.js');
 var components_header_component = require('../../header/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -20,6 +21,7 @@ var Hint = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var mobile = _a.mobile;
     var _l = React.useContext(context.ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
+    var _m = texts.domesticPhone, domesticPhone = _m === void 0 ? '' : _m, _o = texts.internationalPhone, internationalPhone = _o === void 0 ? '' : _o, hintButton = texts.hintButton;
     var handleReturnButtonClick = function () {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
@@ -34,7 +36,7 @@ var Hint = function (_a) {
                 _c[styles.phonesWrapMobile] = mobile,
                 _c)) },
             React__default.default.createElement("div", { className: cn__default.default(styles.phoneWrap, (_d = {}, _d[styles.phoneContentMobile] = mobile, _d)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', underline: false, className: cn__default.default(styles.phoneLink, (_e = {}, _e[styles.typographyThemeMobile] = mobile, _e)) }, "8 800 200 00 00"),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(styles.phoneLink, (_e = {}, _e[styles.typographyThemeMobile] = mobile, _e)) }, domesticPhone),
                 React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles.text, (_f = {},
                         _f[styles.typographyTheme] = !mobile,
                         _f[styles.typographyThemeMobile] = mobile,
@@ -42,7 +44,7 @@ var Hint = function (_a) {
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React__default.default.createElement("div", { className: cn__default.default(styles.phoneWrap, (_g = {}, _g[styles.phoneContentMobile] = mobile, _g)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', underline: false, className: cn__default.default(styles.phoneLink, (_h = {}, _h[styles.typographyThemeMobile] = mobile, _h)) }, "+7 495 78 888 78"),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(styles.phoneLink, (_h = {}, _h[styles.typographyThemeMobile] = mobile, _h)) }, internationalPhone),
                 React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles.text, (_j = {},
                         _j[styles.typographyTheme] = !mobile,
                         _j[styles.typographyThemeMobile] = mobile,
@@ -53,7 +55,7 @@ var Hint = function (_a) {
                 _k[styles.typographyTheme] = !mobile,
                 _k[styles.typographyThemeMobile] = mobile,
                 _k)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
-        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint, client: client }, texts.hintButton)));
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
 };
 
 exports.Hint = Hint;

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-1f4c6da2.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-d7a44cd1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-1f4c6da2.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-d7a44cd1.js');
 
 
 

package/confirmation/cssm/components/screens/hint/component.js

@@ -6,6 +6,7 @@ var coreComponentsButton = require('../../../../../button/cssm');
 var coreComponentsLink = require('../../../../../link/cssm');
 var coreComponentsTypography = require('../../../../../typography/cssm');
 var context = require('../../../context.js');
+var utils = require('../../../utils.js');
 var components_header_component = require('../../header/component.js');
 var styles = require('./index.module.css');
 
@@ -19,6 +20,7 @@ var Hint = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var mobile = _a.mobile;
     var _l = React.useContext(context.ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
+    var _m = texts.domesticPhone, domesticPhone = _m === void 0 ? '' : _m, _o = texts.internationalPhone, internationalPhone = _o === void 0 ? '' : _o, hintButton = texts.hintButton;
     var handleReturnButtonClick = function () {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
@@ -33,7 +35,7 @@ var Hint = function (_a) {
                 _c[styles__default.default.phonesWrapMobile] = mobile,
                 _c)) },
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_d = {}, _d[styles__default.default.phoneContentMobile] = mobile, _d)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', underline: false, className: cn__default.default(styles__default.default.phoneLink, (_e = {}, _e[styles__default.default.typographyThemeMobile] = mobile, _e)) }, "8 800 200 00 00"),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(domesticPhone), underline: false, className: cn__default.default(styles__default.default.phoneLink, (_e = {}, _e[styles__default.default.typographyThemeMobile] = mobile, _e)) }, domesticPhone),
                 React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_f = {},
                         _f[styles__default.default.typographyTheme] = !mobile,
                         _f[styles__default.default.typographyThemeMobile] = mobile,
@@ -41,7 +43,7 @@ var Hint = function (_a) {
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_g = {}, _g[styles__default.default.phoneContentMobile] = mobile, _g)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', underline: false, className: cn__default.default(styles__default.default.phoneLink, (_h = {}, _h[styles__default.default.typographyThemeMobile] = mobile, _h)) }, "+7 495 78 888 78"),
+                React__default.default.createElement(coreComponentsLink.Link, { href: utils.getPhoneHref(internationalPhone), underline: false, className: cn__default.default(styles__default.default.phoneLink, (_h = {}, _h[styles__default.default.typographyThemeMobile] = mobile, _h)) }, internationalPhone),
                 React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_j = {},
                         _j[styles__default.default.typographyTheme] = !mobile,
                         _j[styles__default.default.typographyThemeMobile] = mobile,
@@ -52,7 +54,7 @@ var Hint = function (_a) {
                 _k[styles__default.default.typographyTheme] = !mobile,
                 _k[styles__default.default.typographyThemeMobile] = mobile,
                 _k)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
-        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.hintButton, breakpoint: breakpoint, client: client }, texts.hintButton)));
+        React__default.default.createElement(coreComponentsButton.Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles__default.default.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
 };
 
 exports.Hint = Hint;

package/confirmation/cssm/types.d.ts

@@ -77,11 +77,11 @@ type ConfirmationProps = {
      */
     onTempBlockFinished?: () => void;
     /**
-     * Возввращает объект, где ключ - название экрана (screen), значение - компонент для экрана
+     * Возвращает объект, где ключ - название экрана (screen), значение - компонент для экрана
      */
-    getScreensMap?: (defaulScreensMap: ScreensMap) => ScreensMap;
+    getScreensMap?: (defaultScreensMap: ScreensMap) => ScreensMap;
     /**
-     * Дочерние элементы.
+     * Дочерние элементы
      */
     children?: ReactNode;
     /**
@@ -128,6 +128,8 @@ type ConfirmationTexts = {
      * Экран HINT
      */
     hintButton?: string;
+    domesticPhone?: string;
+    internationalPhone?: string;
     /**
      * Экран FATAL_ERROR
      */
@@ -145,21 +147,5 @@ type ConfirmationState = 'INITIAL' | 'CODE_CHECKING' | 'CODE_SENDING' | 'CODE_ER
 type ScreensMap = {
     [key: string]: ComponentType;
 };
-declare const defaultTexts: {
-    title: string;
-    codeError: string;
-    codeChecking: string;
-    codeSending: string;
-    buttonRetry: string;
-    linkToHint: string;
-    hintButton: string;
-    noAttemptsLeft: string;
-    fatalErrorTitle: string;
-    fatalErrorDescription: string;
-    fatalErrorButton: string;
-    tempBlockTitle: string;
-    tempBlockDescription: string;
-    codeSended: string;
-    countdown: string;
-};
+declare const defaultTexts: ConfirmationTexts;
 export { ConfirmationProps, TConfirmationContext, ConfirmationTexts, ConfirmationScreen, ConfirmationState, ScreensMap, defaultTexts };

package/confirmation/cssm/types.js

@@ -16,6 +16,8 @@ var defaultTexts = {
     tempBlockDescription: 'Повторное подтверждение кодом будет возможно через 24\xa0часа',
     codeSended: 'Код выслан',
     countdown: 'Запросить повторно можно через',
+    domesticPhone: '8 800 200 00 00',
+    internationalPhone: '+7 495 78 888 78',
 };
 
 exports.defaultTexts = defaultTexts;

package/confirmation/cssm/utils.d.ts

@@ -27,4 +27,8 @@ declare const useConfirmation: ({ state, screen, blockSmsRetry }?: UseConfirmati
     setConfirmationScreen: import("react").Dispatch<import("react").SetStateAction<string>>;
     setConfirmationBlockSmsRetry: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
-export { formatMsAsMinutes, useCountdown, ONE_DAY, ONE_MINUTE, useConfirmation };
+/**
+ * @returns ссылку для набора номера
+ */
+declare function getPhoneHref(phone: string): string;
+export { formatMsAsMinutes, useCountdown, ONE_DAY, ONE_MINUTE, useConfirmation, getPhoneHref };

package/confirmation/cssm/utils.js

@@ -72,9 +72,17 @@ var useConfirmation = function (_a) {
         setConfirmationBlockSmsRetry: setConfirmationBlockSmsRetry,
     };
 };
+var NON_NUMBER_OR_PLUS_REGEXP = new RegExp(/[^\d+]/g);
+/**
+ * @returns ссылку для набора номера
+ */
+function getPhoneHref(phone) {
+    return "tel:".concat(phone.replace(NON_NUMBER_OR_PLUS_REGEXP, ''));
+}
 
 exports.ONE_DAY = ONE_DAY;
 exports.ONE_MINUTE = ONE_MINUTE;
 exports.formatMsAsMinutes = formatMsAsMinutes;
+exports.getPhoneHref = getPhoneHref;
 exports.useConfirmation = useConfirmation;
 exports.useCountdown = useCountdown;

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-70a51a64.js';
+import './countdown-section-25714e1f.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

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

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-70a51a64.js';
+import '../../countdown-section-25714e1f.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

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

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-70a51a64.js';
+import '../../countdown-section-25714e1f.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-70a51a64.js';
+import '../countdown-section-25714e1f.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/hint/component.js

@@ -4,8 +4,8 @@ import { Button } from '../../../../../button/esm';
 import { Link } from '../../../../../link/esm';
 import { Typography } from '../../../../../typography/esm';
 import { ConfirmationContext } from '../../../context.js';
+import { getPhoneHref } from '../../../utils.js';
 import { Header } from '../../header/component.js';
-import '../../../utils.js';
 
 var styles = {"component":"confirmation__component_b2x4l","center":"confirmation__center_b2x4l","text":"confirmation__text_b2x4l","typographyTheme":"confirmation__typographyTheme_b2x4l","typographyThemeMobile":"confirmation__typographyThemeMobile_b2x4l","phonesWrap":"confirmation__phonesWrap_b2x4l","phoneWrap":"confirmation__phoneWrap_b2x4l","phoneLink":"confirmation__phoneLink_b2x4l","hintButton":"confirmation__hintButton_b2x4l","phoneContentMobile":"confirmation__phoneContentMobile_b2x4l"};
 require('./index.css');
@@ -14,6 +14,7 @@ var Hint = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var mobile = _a.mobile;
     var _l = useContext(ConfirmationContext), alignContent = _l.alignContent, texts = _l.texts, onChangeScreen = _l.onChangeScreen, onChangeState = _l.onChangeState, breakpoint = _l.breakpoint, client = _l.client;
+    var _m = texts.domesticPhone, domesticPhone = _m === void 0 ? '' : _m, _o = texts.internationalPhone, internationalPhone = _o === void 0 ? '' : _o, hintButton = texts.hintButton;
     var handleReturnButtonClick = function () {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
@@ -28,7 +29,7 @@ var Hint = function (_a) {
                 _c[styles.phonesWrapMobile] = mobile,
                 _c)) },
             React.createElement("div", { className: cn(styles.phoneWrap, (_d = {}, _d[styles.phoneContentMobile] = mobile, _d)) },
-                React.createElement(Link, { href: 'tel:+78002000000', underline: false, className: cn(styles.phoneLink, (_e = {}, _e[styles.typographyThemeMobile] = mobile, _e)) }, "8 800 200 00 00"),
+                React.createElement(Link, { href: getPhoneHref(domesticPhone), underline: false, className: cn(styles.phoneLink, (_e = {}, _e[styles.typographyThemeMobile] = mobile, _e)) }, domesticPhone),
                 React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, (_f = {},
                         _f[styles.typographyTheme] = !mobile,
                         _f[styles.typographyThemeMobile] = mobile,
@@ -36,7 +37,7 @@ var Hint = function (_a) {
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React.createElement("div", { className: cn(styles.phoneWrap, (_g = {}, _g[styles.phoneContentMobile] = mobile, _g)) },
-                React.createElement(Link, { href: 'tel:+74957888878', underline: false, className: cn(styles.phoneLink, (_h = {}, _h[styles.typographyThemeMobile] = mobile, _h)) }, "+7 495 78 888 78"),
+                React.createElement(Link, { href: getPhoneHref(internationalPhone), underline: false, className: cn(styles.phoneLink, (_h = {}, _h[styles.typographyThemeMobile] = mobile, _h)) }, internationalPhone),
                 React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, (_j = {},
                         _j[styles.typographyTheme] = !mobile,
                         _j[styles.typographyThemeMobile] = mobile,
@@ -47,7 +48,7 @@ var Hint = function (_a) {
                 _k[styles.typographyTheme] = !mobile,
                 _k[styles.typographyThemeMobile] = mobile,
                 _k)) }, "\u0415\u0441\u043B\u0438 \u043D\u043E\u043C\u0435\u0440 \u043D\u0435\u00A0\u043C\u0435\u043D\u044F\u043B\u0441\u044F, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043F\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043D \u0441\u0435\u0440\u0432\u0438\u0441 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043C\u0438\u043D\u0443\u0442."),
-        React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint, client: client }, texts.hintButton)));
+        React.createElement(Button, { size: mobile ? 'xs' : 's', view: 'secondary', onClick: handleReturnButtonClick, className: styles.hintButton, breakpoint: breakpoint, client: client }, hintButton)));
 };
 
 export { Hint };

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-70a51a64.js';
+import '../../countdown-section-25714e1f.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-70a51a64.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-25714e1f.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-70a51a64.js';
+export { C as CountdownSection } from '../../../countdown-section-25714e1f.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-70a51a64.js';
+import '../../../countdown-section-25714e1f.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-70a51a64.js';
+import '../countdown-section-25714e1f.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-70a51a64.js';
+import '../countdown-section-25714e1f.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-70a51a64.js';
+import './countdown-section-25714e1f.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-70a51a64.js';
+import '../countdown-section-25714e1f.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-70a51a64.js';
+import '../countdown-section-25714e1f.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-70a51a64.js';
+import '../countdown-section-25714e1f.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/types.d.ts

@@ -77,11 +77,11 @@ type ConfirmationProps = {
      */
     onTempBlockFinished?: () => void;
     /**
-     * Возввращает объект, где ключ - название экрана (screen), значение - компонент для экрана
+     * Возвращает объект, где ключ - название экрана (screen), значение - компонент для экрана
      */
-    getScreensMap?: (defaulScreensMap: ScreensMap) => ScreensMap;
+    getScreensMap?: (defaultScreensMap: ScreensMap) => ScreensMap;
     /**
-     * Дочерние элементы.
+     * Дочерние элементы
      */
     children?: ReactNode;
     /**
@@ -128,6 +128,8 @@ type ConfirmationTexts = {
      * Экран HINT
      */
     hintButton?: string;
+    domesticPhone?: string;
+    internationalPhone?: string;
     /**
      * Экран FATAL_ERROR
      */
@@ -145,21 +147,5 @@ type ConfirmationState = 'INITIAL' | 'CODE_CHECKING' | 'CODE_SENDING' | 'CODE_ER
 type ScreensMap = {
     [key: string]: ComponentType;
 };
-declare const defaultTexts: {
-    title: string;
-    codeError: string;
-    codeChecking: string;
-    codeSending: string;
-    buttonRetry: string;
-    linkToHint: string;
-    hintButton: string;
-    noAttemptsLeft: string;
-    fatalErrorTitle: string;
-    fatalErrorDescription: string;
-    fatalErrorButton: string;
-    tempBlockTitle: string;
-    tempBlockDescription: string;
-    codeSended: string;
-    countdown: string;
-};
+declare const defaultTexts: ConfirmationTexts;
 export { ConfirmationProps, TConfirmationContext, ConfirmationTexts, ConfirmationScreen, ConfirmationState, ScreensMap, defaultTexts };

package/confirmation/esm/types.js

@@ -14,6 +14,8 @@ var defaultTexts = {
     tempBlockDescription: 'Повторное подтверждение кодом будет возможно через 24\xa0часа',
     codeSended: 'Код выслан',
     countdown: 'Запросить повторно можно через',
+    domesticPhone: '8 800 200 00 00',
+    internationalPhone: '+7 495 78 888 78',
 };
 
 export { defaultTexts };

package/confirmation/esm/utils.d.ts

@@ -27,4 +27,8 @@ declare const useConfirmation: ({ state, screen, blockSmsRetry }?: UseConfirmati
     setConfirmationScreen: import("react").Dispatch<import("react").SetStateAction<string>>;
     setConfirmationBlockSmsRetry: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
-export { formatMsAsMinutes, useCountdown, ONE_DAY, ONE_MINUTE, useConfirmation };
+/**
+ * @returns ссылку для набора номера
+ */
+declare function getPhoneHref(phone: string): string;
+export { formatMsAsMinutes, useCountdown, ONE_DAY, ONE_MINUTE, useConfirmation, getPhoneHref };