@alfalab/core-components-confirmation 13.8.3 → 13.9.0

package/modern/components/screens/temp-block/index.css

@@ -1,4 +1,4 @@
-/* hash: 1aigo */
+/* hash: 16l97 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
@@ -37,25 +37,25 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_gfnyn {
+} .confirmation__component_bvit8 {
     display: flex;
     flex-direction: column;
-} .confirmation__center_gfnyn {
+} .confirmation__center_bvit8 {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_gfnyn.confirmation__typographyTheme_gfnyn {
+} .confirmation__typographyTheme_bvit8.confirmation__typographyTheme_bvit8 {
     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);
     color: var(--confirmation-text-color);
-} .confirmation__typographyThemeMobile_gfnyn.confirmation__typographyThemeMobile_gfnyn {
+} .confirmation__typographyThemeMobile_bvit8.confirmation__typographyThemeMobile_bvit8 {
     color: var(--color-light-text-secondary);
-} .confirmation__description_gfnyn.confirmation__description_gfnyn {
+} .confirmation__description_bvit8.confirmation__description_bvit8 {
     margin-bottom: var(--gap-8);
-} .confirmation__countdownWrap_gfnyn {
+} .confirmation__countdownWrap_bvit8 {
     display: flex;
     align-items: center;
-} .confirmation__loader_gfnyn {
+} .confirmation__loader_bvit8 {
     margin-right: var(--gap-8);
 }

package/modern/{countdown-section-7563320f.js → countdown-section-cdcdc727.js}

@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-const styles = {"component":"confirmation__component_6ytgy","phone":"confirmation__phone_6ytgy","typographyTheme":"confirmation__typographyTheme_6ytgy","typographyThemeMobile":"confirmation__typographyThemeMobile_6ytgy","compact":"confirmation__compact_6ytgy","loaderWrap":"confirmation__loaderWrap_6ytgy","left":"confirmation__left_6ytgy","center":"confirmation__center_6ytgy","codeInput":"confirmation__codeInput_6ytgy","smsBtn":"confirmation__smsBtn_6ytgy","smsComeLink":"confirmation__smsComeLink_6ytgy","countdownContainer":"confirmation__countdownContainer_6ytgy","countdownMobile":"confirmation__countdownMobile_6ytgy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_6ytgy","getCodeButton":"confirmation__getCodeButton_6ytgy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_6ytgy","containerInput":"confirmation__containerInput_6ytgy"};
+const styles = {"component":"confirmation__component_ztfvp","phone":"confirmation__phone_ztfvp","typographyTheme":"confirmation__typographyTheme_ztfvp","typographyThemeMobile":"confirmation__typographyThemeMobile_ztfvp","compact":"confirmation__compact_ztfvp","loaderWrap":"confirmation__loaderWrap_ztfvp","left":"confirmation__left_ztfvp","center":"confirmation__center_ztfvp","codeInput":"confirmation__codeInput_ztfvp","smsBtn":"confirmation__smsBtn_ztfvp","smsComeLink":"confirmation__smsComeLink_ztfvp","countdownContainer":"confirmation__countdownContainer_ztfvp","countdownMobile":"confirmation__countdownMobile_ztfvp","countdownLoaderMobile":"confirmation__countdownLoaderMobile_ztfvp","getCodeButton":"confirmation__getCodeButton_ztfvp","getCodeButtonMobile":"confirmation__getCodeButtonMobile_ztfvp","containerInput":"confirmation__containerInput_ztfvp"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/modern/mobile/component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
 
-const styles = {"container":"confirmation__container_n9l9d"};
+const styles = {"container":"confirmation__container_1lmp3"};
 require('./mobile.css')
 
 const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1t5ts */
-.confirmation__container_n9l9d {
+/* hash: 10vh3 */
+.confirmation__container_1lmp3 {
     max-width: 288px;
 }

package/modern/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/modern/types.js

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

package/modern/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/modern/utils.js

@@ -68,5 +68,12 @@ const useConfirmation = ({ state, screen, blockSmsRetry } = {}) => {
         setConfirmationBlockSmsRetry,
     };
 };
+const NON_NUMBER_OR_PLUS_REGEXP = new RegExp(/[^\d+]/g);
+/**
+ * @returns ссылку для набора номера
+ */
+function getPhoneHref(phone) {
+    return `tel:${phone.replace(NON_NUMBER_OR_PLUS_REGEXP, '')}`;
+}
 
-export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, useConfirmation, useCountdown };
+export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, getPhoneHref, useConfirmation, useCountdown };

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

@@ -4,11 +4,13 @@ import { Button } from '@alfalab/core-components-button/moderncssm';
 import { Link } from '@alfalab/core-components-link/moderncssm';
 import { Typography } from '@alfalab/core-components-typography/moderncssm';
 import { ConfirmationContext } from '../../../context.js';
+import { getPhoneHref } from '../../../utils.js';
 import { Header } from '../../header/component.js';
 import styles from './index.module.css';
 
 const Hint = ({ mobile }) => {
     const { alignContent, texts, onChangeScreen, onChangeState, breakpoint, client } = useContext(ConfirmationContext);
+    const { domesticPhone = '', internationalPhone = '', hintButton } = texts;
     const handleReturnButtonClick = () => {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
@@ -23,7 +25,7 @@ const Hint = ({ mobile }) => {
                 [styles.phonesWrapMobile]: mobile,
             }) },
             React.createElement("div", { className: cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile }) },
-                React.createElement(Link, { href: 'tel:+78002000000', underline: false, className: cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile }) }, "8 800 200 00 00"),
+                React.createElement(Link, { href: getPhoneHref(domesticPhone), underline: false, className: cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile }) }, domesticPhone),
                 React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, {
                         [styles.typographyTheme]: !mobile,
                         [styles.typographyThemeMobile]: mobile,
@@ -31,7 +33,7 @@ const Hint = ({ mobile }) => {
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React.createElement("div", { className: cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile }) },
-                React.createElement(Link, { href: 'tel:+74957888878', underline: false, className: cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile }) }, "+7 495 78 888 78"),
+                React.createElement(Link, { href: getPhoneHref(internationalPhone), underline: false, className: cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile }) }, internationalPhone),
                 React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, {
                         [styles.typographyTheme]: !mobile,
                         [styles.typographyThemeMobile]: mobile,
@@ -42,7 +44,7 @@ const Hint = ({ mobile }) => {
                 [styles.typographyTheme]: !mobile,
                 [styles.typographyThemeMobile]: mobile,
             }) }, "\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/moderncssm/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/moderncssm/types.js

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

package/moderncssm/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/moderncssm/utils.js

@@ -68,5 +68,12 @@ const useConfirmation = ({ state, screen, blockSmsRetry } = {}) => {
         setConfirmationBlockSmsRetry,
     };
 };
+const NON_NUMBER_OR_PLUS_REGEXP = new RegExp(/[^\d+]/g);
+/**
+ * @returns ссылку для набора номера
+ */
+function getPhoneHref(phone) {
+    return `tel:${phone.replace(NON_NUMBER_OR_PLUS_REGEXP, '')}`;
+}
 
-export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, useConfirmation, useCountdown };
+export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, getPhoneHref, useConfirmation, useCountdown };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "13.8.3",
+    "version": "13.9.0",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",

package/src/components/screens/hint/component.tsx

@@ -6,6 +6,7 @@ import { Link } from '@alfalab/core-components-link';
 import { Typography } from '@alfalab/core-components-typography';
 
 import { ConfirmationContext } from '../../../context';
+import { getPhoneHref } from '../../../utils';
 import { Header } from '../../header';
 
 import styles from './index.module.css';
@@ -21,6 +22,8 @@ export const Hint: FC<HintProps> = ({ mobile }) => {
     const { alignContent, texts, onChangeScreen, onChangeState, breakpoint, client } =
         useContext(ConfirmationContext);
 
+    const { domesticPhone = '', internationalPhone = '', hintButton } = texts;
+
     const handleReturnButtonClick = () => {
         onChangeScreen('INITIAL');
         onChangeState('INITIAL');
@@ -49,11 +52,11 @@ export const Hint: FC<HintProps> = ({ mobile }) => {
             >
                 <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>
                     <Link
-                        href='tel:+78002000000'
+                        href={getPhoneHref(domesticPhone)}
                         underline={false}
                         className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}
                     >
-                        8 800 200 00 00
+                        {domesticPhone}
                     </Link>
                     <Typography.Text
                         view='primary-medium'
@@ -71,11 +74,11 @@ export const Hint: FC<HintProps> = ({ mobile }) => {
 
                 <div className={cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile })}>
                     <Link
-                        href='tel:+74957888878'
+                        href={getPhoneHref(internationalPhone)}
                         underline={false}
                         className={cn(styles.phoneLink, { [styles.typographyThemeMobile]: mobile })}
                     >
-                        +7 495 78 888 78
+                        {internationalPhone}
                     </Link>
                     <Typography.Text
                         view='primary-medium'
@@ -112,7 +115,7 @@ export const Hint: FC<HintProps> = ({ mobile }) => {
                 breakpoint={breakpoint}
                 client={client}
             >
-                {texts.hintButton}
+                {hintButton}
             </Button>
         </div>
     );

package/src/types.ts

@@ -97,12 +97,12 @@ export type ConfirmationProps = {
     onTempBlockFinished?: () => void;
 
     /**
-     * Возввращает объект, где ключ - название экрана (screen), значение - компонент для экрана
+     * Возвращает объект, где ключ - название экрана (screen), значение - компонент для экрана
      */
-    getScreensMap?: (defaulScreensMap: ScreensMap) => ScreensMap;
+    getScreensMap?: (defaultScreensMap: ScreensMap) => ScreensMap;
 
     /**
-     * Дочерние элементы.
+     * Дочерние элементы
      */
     children?: ReactNode;
 
@@ -185,7 +185,8 @@ export type ConfirmationTexts = {
      * Экран HINT
      */
     hintButton?: string; // кнопка 'Вернуться'
-
+    domesticPhone?: string; // номер телефона для звонков по России
+    internationalPhone?: string; // номер телефона для звонков из-за границы
     /**
      * Экран FATAL_ERROR
      */
@@ -216,7 +217,7 @@ export type ScreensMap = {
     [key: string]: ComponentType;
 };
 
-export const defaultTexts = {
+export const defaultTexts: ConfirmationTexts = {
     title: 'Введите код из\xa0сообщения',
     codeError: 'Код введён неверно',
     codeChecking: '',
@@ -233,4 +234,6 @@ export const defaultTexts = {
     tempBlockDescription: 'Повторное подтверждение кодом будет возможно через 24\xa0часа',
     codeSended: 'Код выслан',
     countdown: 'Запросить повторно можно через',
+    domesticPhone: '8 800 200 00 00',
+    internationalPhone: '+7 495 78 888 78',
 };

package/src/utils.ts

@@ -105,3 +105,12 @@ export const useConfirmation = ({ state, screen, blockSmsRetry }: UseConfirmatio
         setConfirmationBlockSmsRetry,
     };
 };
+
+const NON_NUMBER_OR_PLUS_REGEXP = new RegExp(/[^\d+]/g);
+
+/**
+ * @returns ссылку для набора номера
+ */
+export function getPhoneHref(phone: string): string {
+    return `tel:${phone.replace(NON_NUMBER_OR_PLUS_REGEXP, '')}`;
+}

package/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/types.js

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

package/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/utils.js

@@ -74,9 +74,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;