@alfalab/core-components-phone-input 7.5.8 → 8.0.0-snapshot-6a9d3fc

package/Component.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
     clearableCountryCode?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/Component.js

@@ -7,8 +7,8 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var textMaskCore = require('text-mask-core');
 var coreComponentsMaskedInput = require('@alfalab/core-components-masked-input');
-var utils_checkInsertBefore = require('./utils/check-insert-before.js');
-var utils_index = require('./utils/index.js');
+var checkInsertBefore = require('./utils/check-insert-before.js');
+var index = require('./utils/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -40,7 +40,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var handleBeforeDisplay = React.useCallback(function (conformedValue, config) {
         var rawValue = config.rawValue, previousConformedValue = config.previousConformedValue, currentCaretPosition = config.currentCaretPosition;
         var previousValueWithoutFormatting = previousConformedValue
-            ? utils_index.deleteFormatting(previousConformedValue)
+            ? index.deleteFormatting(previousConformedValue)
             : '';
         // Вставка номера с 10 или 11 цифрами без кода страны
         var digits = rawValue.replace(/\D/g, '');
@@ -56,11 +56,11 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         /*
          * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.
          */
-        if (utils_checkInsertBefore.checkInsertBefore(previousConformedValue, rawValue)) {
-            var newRaw = utils_index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
+        if (checkInsertBefore.checkInsertBefore(previousConformedValue, rawValue)) {
+            var newRaw = index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
             conformedValue = textMaskCore.conformToMask(newRaw, mask, config).conformedValue;
         }
-        var currentValueWithoutFormatting = utils_index.deleteFormatting(conformedValue) || '';
+        var currentValueWithoutFormatting = index.deleteFormatting(conformedValue) || '';
         /*
          * код ниже нужен для фикса следующих багов библиотеки text-mask:
          * 1) так как код страны указан в маске жестко как "+7",
@@ -75,17 +75,17 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
                     currentValueWithoutFormatting.length) === 1) ||
                 ([7, 10, 13].includes(currentCaretPosition) &&
                     previousConformedValue.length > currentCaretPosition))) {
-            utils_index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
+            index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
         }
         // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.
         if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {
-            utils_index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
         }
         // Удаление цифры перед кодом страны удаляет только саму цифру, код остается ("+7 1" -> "+7 ")
         if (rawValue === countryPrefix) {
             return rawValue;
         }
-        var insertedNumber = utils_index.getInsertedNumber({
+        var insertedNumber = index.getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,
             countryPrefix: countryPrefix,
@@ -103,7 +103,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         }
         // Запрет на удаление кода страны
         if (!clearableCountryCode && !conformedValue) {
-            utils_index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
             return rawValue.length ? false : countryPrefix;
         }
         return conformedValue;
@@ -113,3 +113,4 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
 PhoneInput.displayName = 'PhoneInputs';
 
 exports.PhoneInput = PhoneInput;
+//# sourceMappingURL=Component.js.map

package/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":["React","__rest","useRef","useCallback","deleteFormatting","conformToMask","checkInsertBefore","deleteMaskChar","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}

package/cssm/Component.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
     clearableCountryCode?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/cssm/Component.js

@@ -6,9 +6,9 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var textMaskCore = require('text-mask-core');
-var coreComponentsMaskedInput = require('@alfalab/core-components-masked-input/cssm');
-var utils_checkInsertBefore = require('./utils/check-insert-before.js');
-var utils_index = require('./utils/index.js');
+var cssm = require('@alfalab/core-components-masked-input/cssm');
+var checkInsertBefore = require('./utils/check-insert-before.js');
+var index = require('./utils/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -40,7 +40,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var handleBeforeDisplay = React.useCallback(function (conformedValue, config) {
         var rawValue = config.rawValue, previousConformedValue = config.previousConformedValue, currentCaretPosition = config.currentCaretPosition;
         var previousValueWithoutFormatting = previousConformedValue
-            ? utils_index.deleteFormatting(previousConformedValue)
+            ? index.deleteFormatting(previousConformedValue)
             : '';
         // Вставка номера с 10 или 11 цифрами без кода страны
         var digits = rawValue.replace(/\D/g, '');
@@ -56,11 +56,11 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         /*
          * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.
          */
-        if (utils_checkInsertBefore.checkInsertBefore(previousConformedValue, rawValue)) {
-            var newRaw = utils_index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
+        if (checkInsertBefore.checkInsertBefore(previousConformedValue, rawValue)) {
+            var newRaw = index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
             conformedValue = textMaskCore.conformToMask(newRaw, mask, config).conformedValue;
         }
-        var currentValueWithoutFormatting = utils_index.deleteFormatting(conformedValue) || '';
+        var currentValueWithoutFormatting = index.deleteFormatting(conformedValue) || '';
         /*
          * код ниже нужен для фикса следующих багов библиотеки text-mask:
          * 1) так как код страны указан в маске жестко как "+7",
@@ -75,17 +75,17 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
                     currentValueWithoutFormatting.length) === 1) ||
                 ([7, 10, 13].includes(currentCaretPosition) &&
                     previousConformedValue.length > currentCaretPosition))) {
-            utils_index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
+            index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
         }
         // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.
         if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {
-            utils_index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
         }
         // Удаление цифры перед кодом страны удаляет только саму цифру, код остается ("+7 1" -> "+7 ")
         if (rawValue === countryPrefix) {
             return rawValue;
         }
-        var insertedNumber = utils_index.getInsertedNumber({
+        var insertedNumber = index.getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,
             countryPrefix: countryPrefix,
@@ -103,13 +103,14 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         }
         // Запрет на удаление кода страны
         if (!clearableCountryCode && !conformedValue) {
-            utils_index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
             return rawValue.length ? false : countryPrefix;
         }
         return conformedValue;
     }, [clearableCountryCode]);
-    return (React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
+    return (React__default.default.createElement(cssm.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
 });
 PhoneInput.displayName = 'PhoneInputs';
 
 exports.PhoneInput = PhoneInput;
+//# sourceMappingURL=Component.js.map

package/cssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":["React","__rest","useRef","useCallback","deleteFormatting","conformToMask","checkInsertBefore","deleteMaskChar","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}

package/cssm/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/cssm/index.js

@@ -7,3 +7,4 @@ var Component = require('./Component.js');
 
 
 exports.PhoneInput = Component.PhoneInput;
+//# sourceMappingURL=index.js.map

package/cssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cssm/utils/check-insert-before.d.ts

@@ -3,5 +3,4 @@
  * @description +7 123 => paste 222 => +2227 123
  * @description +7 123 => paste 222 => 222+7 123
  */
-declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;
-export { checkInsertBefore };
+export declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;

package/cssm/utils/check-insert-before.js

@@ -42,3 +42,4 @@ var checkInsertBefore = function (baseNumber, modifiedNumber) {
 };
 
 exports.checkInsertBefore = checkInsertBefore;
+//# sourceMappingURL=check-insert-before.js.map

package/cssm/utils/check-insert-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-insert-before.js","sources":["../../src/utils/check-insert-before.ts"],"sourcesContent":["/**\n * Позволяет проверить что цифры были вставлены до или после знака плюс [+]\n * @description +7 123 => paste 222 => +2227 123\n * @description +7 123 => paste 222 => 222+7 123\n */\nexport const checkInsertBefore = (baseNumber: string | undefined, modifiedNumber: string) => {\n    if (baseNumber) {\n        try {\n            /** Удаляем лишние символы */\n            // +7 123 => 7123\n            const base = baseNumber.replace(/\\s+/g, '').replace('+', '');\n            // +7 123 => +7123\n            const modified = modifiedNumber.replace(/\\s+/g, '');\n\n            /**\n             * Числа вставлены между [+] и номером\n             * +7 123 => paste 222 => +2227 123\n             */\n            const afterPlusPattern = new RegExp(`^\\\\+\\\\d*${base}$`);\n\n            if (afterPlusPattern.test(modified)) {\n                return true;\n            }\n\n            /**\n             * Числа вставлены перед [+]\n             * +7 123 => paste 222 => 222+7 123\n             */\n            const beforePlusPattern = new RegExp(`^\\\\d*\\\\+${base}$`);\n\n            if (beforePlusPattern.test(modified)) {\n                return true;\n            }\n\n            return false;\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error('checkInsertAtBeginning', e);\n        }\n    }\n\n    return false;\n};\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AACU,IAAA,iBAAiB,GAAG,UAAC,UAA8B,EAAE,cAAsB,EAAA;AACpF,IAAA,IAAI,UAAU,EAAE;QACZ,IAAI;;;AAGA,YAAA,IAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;YAE5D,IAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AAEnD;;;AAGG;YACH,IAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,EAAG,GAAA,CAAA,CAAC;AAEvD,YAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI;AACd;AAED;;;AAGG;YACH,IAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,EAAG,GAAA,CAAA,CAAC;AAExD,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,OAAO,IAAI;AACd;AAED,YAAA,OAAO,KAAK;AACf;AAAC,QAAA,OAAO,CAAC,EAAE;;AAER,YAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC7C;AACJ;AAED,IAAA,OAAO,KAAK;AAChB;;;;"}

package/cssm/utils/index.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
     position: number;
     inputRef: React.RefObject<HTMLInputElement>;
 }): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
     rawValue: string;
     clearableCountryCode: boolean;
     countryPrefix: string;
     previousConformedValue: string;
 }): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/cssm/utils/index.js

@@ -48,3 +48,4 @@ exports.deleteFormatting = deleteFormatting;
 exports.deleteMaskChar = deleteMaskChar;
 exports.getInsertedNumber = getInsertedNumber;
 exports.setCaretPosition = setCaretPosition;
+//# sourceMappingURL=index.js.map

package/cssm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAA;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAA3D;AAEE,SAAU,gBAAgB,CAAC,EAMhC,EAAA;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAKR,MAAM,CAAC,qBAAqB,CAAC,YAAA;AACzB,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAUjC,EAAA;QATG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAOtB,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,IAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,UAAC,IAAI,EAAA;QAC3B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;;;;"}

package/esm/Component.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
     clearableCountryCode?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/esm/Component.js

@@ -104,3 +104,4 @@ var PhoneInput = React.forwardRef(function (_a, ref) {
 PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };
+//# sourceMappingURL=Component.js.map

package/esm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":[],"mappings":"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"}

package/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/esm/index.js

@@ -1 +1,2 @@
 export { PhoneInput } from './Component.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/utils/check-insert-before.d.ts

@@ -3,5 +3,4 @@
  * @description +7 123 => paste 222 => +2227 123
  * @description +7 123 => paste 222 => 222+7 123
  */
-declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;
-export { checkInsertBefore };
+export declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;

package/esm/utils/check-insert-before.js

@@ -38,3 +38,4 @@ var checkInsertBefore = function (baseNumber, modifiedNumber) {
 };
 
 export { checkInsertBefore };
+//# sourceMappingURL=check-insert-before.js.map

package/esm/utils/check-insert-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-insert-before.js","sources":["../../src/utils/check-insert-before.ts"],"sourcesContent":["/**\n * Позволяет проверить что цифры были вставлены до или после знака плюс [+]\n * @description +7 123 => paste 222 => +2227 123\n * @description +7 123 => paste 222 => 222+7 123\n */\nexport const checkInsertBefore = (baseNumber: string | undefined, modifiedNumber: string) => {\n    if (baseNumber) {\n        try {\n            /** Удаляем лишние символы */\n            // +7 123 => 7123\n            const base = baseNumber.replace(/\\s+/g, '').replace('+', '');\n            // +7 123 => +7123\n            const modified = modifiedNumber.replace(/\\s+/g, '');\n\n            /**\n             * Числа вставлены между [+] и номером\n             * +7 123 => paste 222 => +2227 123\n             */\n            const afterPlusPattern = new RegExp(`^\\\\+\\\\d*${base}$`);\n\n            if (afterPlusPattern.test(modified)) {\n                return true;\n            }\n\n            /**\n             * Числа вставлены перед [+]\n             * +7 123 => paste 222 => 222+7 123\n             */\n            const beforePlusPattern = new RegExp(`^\\\\d*\\\\+${base}$`);\n\n            if (beforePlusPattern.test(modified)) {\n                return true;\n            }\n\n            return false;\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error('checkInsertAtBeginning', e);\n        }\n    }\n\n    return false;\n};\n"],"names":[],"mappings":"AAAA;;;;AAIG;AACU,IAAA,iBAAiB,GAAG,UAAC,UAA8B,EAAE,cAAsB,EAAA;AACpF,IAAA,IAAI,UAAU,EAAE;QACZ,IAAI;;;AAGA,YAAA,IAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;YAE5D,IAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AAEnD;;;AAGG;YACH,IAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,EAAG,GAAA,CAAA,CAAC;AAEvD,YAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI;AACd;AAED;;;AAGG;YACH,IAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,EAAG,GAAA,CAAA,CAAC;AAExD,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,OAAO,IAAI;AACd;AAED,YAAA,OAAO,KAAK;AACf;AAAC,QAAA,OAAO,CAAC,EAAE;;AAER,YAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC7C;AACJ;AAED,IAAA,OAAO,KAAK;AAChB;;;;"}

package/esm/utils/index.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
     position: number;
     inputRef: React.RefObject<HTMLInputElement>;
 }): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
     rawValue: string;
     clearableCountryCode: boolean;
     countryPrefix: string;
     previousConformedValue: string;
 }): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/esm/utils/index.js

@@ -41,3 +41,4 @@ function deleteMaskChar(previousValue, rawValue) {
 }
 
 export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };
+//# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAA;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAA3D;AAEE,SAAU,gBAAgB,CAAC,EAMhC,EAAA;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAKR,MAAM,CAAC,qBAAqB,CAAC,YAAA;AACzB,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAUjC,EAAA;QATG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAOtB,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,IAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,UAAC,IAAI,EAAA;QAC3B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;"}

package/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/index.js

@@ -7,3 +7,4 @@ var Component = require('./Component.js');
 
 
 exports.PhoneInput = Component.PhoneInput;
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/modern/Component.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
     clearableCountryCode?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/modern/Component.js

@@ -103,3 +103,4 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
 PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };
+//# sourceMappingURL=Component.js.map

package/modern/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":[],"mappings":"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"}

package/modern/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/modern/index.js

@@ -1 +1,2 @@
 export { PhoneInput } from './Component.js';
+//# sourceMappingURL=index.js.map

package/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/modern/utils/check-insert-before.d.ts

@@ -3,5 +3,4 @@
  * @description +7 123 => paste 222 => +2227 123
  * @description +7 123 => paste 222 => 222+7 123
  */
-declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;
-export { checkInsertBefore };
+export declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;

package/modern/utils/check-insert-before.js

@@ -38,3 +38,4 @@ const checkInsertBefore = (baseNumber, modifiedNumber) => {
 };
 
 export { checkInsertBefore };
+//# sourceMappingURL=check-insert-before.js.map

package/modern/utils/check-insert-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-insert-before.js","sources":["../../src/utils/check-insert-before.ts"],"sourcesContent":["/**\n * Позволяет проверить что цифры были вставлены до или после знака плюс [+]\n * @description +7 123 => paste 222 => +2227 123\n * @description +7 123 => paste 222 => 222+7 123\n */\nexport const checkInsertBefore = (baseNumber: string | undefined, modifiedNumber: string) => {\n    if (baseNumber) {\n        try {\n            /** Удаляем лишние символы */\n            // +7 123 => 7123\n            const base = baseNumber.replace(/\\s+/g, '').replace('+', '');\n            // +7 123 => +7123\n            const modified = modifiedNumber.replace(/\\s+/g, '');\n\n            /**\n             * Числа вставлены между [+] и номером\n             * +7 123 => paste 222 => +2227 123\n             */\n            const afterPlusPattern = new RegExp(`^\\\\+\\\\d*${base}$`);\n\n            if (afterPlusPattern.test(modified)) {\n                return true;\n            }\n\n            /**\n             * Числа вставлены перед [+]\n             * +7 123 => paste 222 => 222+7 123\n             */\n            const beforePlusPattern = new RegExp(`^\\\\d*\\\\+${base}$`);\n\n            if (beforePlusPattern.test(modified)) {\n                return true;\n            }\n\n            return false;\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error('checkInsertAtBeginning', e);\n        }\n    }\n\n    return false;\n};\n"],"names":[],"mappings":"AAAA;;;;AAIG;MACU,iBAAiB,GAAG,CAAC,UAA8B,EAAE,cAAsB,KAAI;AACxF,IAAA,IAAI,UAAU,EAAE;QACZ,IAAI;;;AAGA,YAAA,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;YAE5D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AAEnD;;;AAGG;YACH,MAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,CAAW,QAAA,EAAA,IAAI,CAAG,CAAA,CAAA,CAAC;AAEvD,YAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI;AACd;AAED;;;AAGG;YACH,MAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,CAAW,QAAA,EAAA,IAAI,CAAG,CAAA,CAAA,CAAC;AAExD,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,OAAO,IAAI;AACd;AAED,YAAA,OAAO,KAAK;AACf;AAAC,QAAA,OAAO,CAAC,EAAE;;AAER,YAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC7C;AACJ;AAED,IAAA,OAAO,KAAK;AAChB;;;;"}

package/modern/utils/index.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
     position: number;
     inputRef: React.RefObject<HTMLInputElement>;
 }): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
     rawValue: string;
     clearableCountryCode: boolean;
     countryPrefix: string;
     previousConformedValue: string;
 }): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/modern/utils/index.js

@@ -37,3 +37,4 @@ function deleteMaskChar(previousValue, rawValue) {
 }
 
 export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };
+//# sourceMappingURL=index.js.map

package/modern/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEI,MAAM,gBAAgB,GAAG,CAAC,KAAa,KAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE;SAE9C,gBAAgB,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIX,EAAA;AACG,IAAA,MAAM,CAAC,qBAAqB,CAAC,MAAK;AAC9B,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,sBAAsB,GAMzB,EAAA;AACG,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,MAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;QAC/B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;"}

package/moderncssm/Component.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
     clearableCountryCode?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/moderncssm/Component.js

@@ -103,3 +103,4 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
 PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };
+//# sourceMappingURL=Component.js.map

package/moderncssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":[],"mappings":"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"}

package/moderncssm/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/moderncssm/index.js

@@ -1 +1,2 @@
 export { PhoneInput } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/utils/check-insert-before.d.ts

@@ -3,5 +3,4 @@
  * @description +7 123 => paste 222 => +2227 123
  * @description +7 123 => paste 222 => 222+7 123
  */
-declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;
-export { checkInsertBefore };
+export declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;

package/moderncssm/utils/check-insert-before.js

@@ -38,3 +38,4 @@ const checkInsertBefore = (baseNumber, modifiedNumber) => {
 };
 
 export { checkInsertBefore };
+//# sourceMappingURL=check-insert-before.js.map

package/moderncssm/utils/check-insert-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-insert-before.js","sources":["../../src/utils/check-insert-before.ts"],"sourcesContent":["/**\n * Позволяет проверить что цифры были вставлены до или после знака плюс [+]\n * @description +7 123 => paste 222 => +2227 123\n * @description +7 123 => paste 222 => 222+7 123\n */\nexport const checkInsertBefore = (baseNumber: string | undefined, modifiedNumber: string) => {\n    if (baseNumber) {\n        try {\n            /** Удаляем лишние символы */\n            // +7 123 => 7123\n            const base = baseNumber.replace(/\\s+/g, '').replace('+', '');\n            // +7 123 => +7123\n            const modified = modifiedNumber.replace(/\\s+/g, '');\n\n            /**\n             * Числа вставлены между [+] и номером\n             * +7 123 => paste 222 => +2227 123\n             */\n            const afterPlusPattern = new RegExp(`^\\\\+\\\\d*${base}$`);\n\n            if (afterPlusPattern.test(modified)) {\n                return true;\n            }\n\n            /**\n             * Числа вставлены перед [+]\n             * +7 123 => paste 222 => 222+7 123\n             */\n            const beforePlusPattern = new RegExp(`^\\\\d*\\\\+${base}$`);\n\n            if (beforePlusPattern.test(modified)) {\n                return true;\n            }\n\n            return false;\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error('checkInsertAtBeginning', e);\n        }\n    }\n\n    return false;\n};\n"],"names":[],"mappings":"AAAA;;;;AAIG;MACU,iBAAiB,GAAG,CAAC,UAA8B,EAAE,cAAsB,KAAI;AACxF,IAAA,IAAI,UAAU,EAAE;QACZ,IAAI;;;AAGA,YAAA,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;YAE5D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AAEnD;;;AAGG;YACH,MAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,CAAW,QAAA,EAAA,IAAI,CAAG,CAAA,CAAA,CAAC;AAEvD,YAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI;AACd;AAED;;;AAGG;YACH,MAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,CAAW,QAAA,EAAA,IAAI,CAAG,CAAA,CAAA,CAAC;AAExD,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,OAAO,IAAI;AACd;AAED,YAAA,OAAO,KAAK;AACf;AAAC,QAAA,OAAO,CAAC,EAAE;;AAER,YAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC7C;AACJ;AAED,IAAA,OAAO,KAAK;AAChB;;;;"}

package/moderncssm/utils/index.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
     position: number;
     inputRef: React.RefObject<HTMLInputElement>;
 }): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
     rawValue: string;
     clearableCountryCode: boolean;
     countryPrefix: string;
     previousConformedValue: string;
 }): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/moderncssm/utils/index.js

@@ -37,3 +37,4 @@ function deleteMaskChar(previousValue, rawValue) {
 }
 
 export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };
+//# sourceMappingURL=index.js.map

package/moderncssm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEI,MAAM,gBAAgB,GAAG,CAAC,KAAa,KAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE;SAE9C,gBAAgB,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIX,EAAA;AACG,IAAA,MAAM,CAAC,qBAAqB,CAAC,MAAK;AAC9B,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,sBAAsB,GAMzB,EAAA;AACG,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,MAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;QAC/B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-phone-input",
-    "version": "7.5.8",
+    "version": "8.0.0-snapshot-6a9d3fc",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,14 +12,15 @@
     },
     "sideEffects": false,
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-masked-input": "^6.3.39",
+        "@alfalab/core-components-masked-input": "7.0.0-snapshot-6a9d3fc",
         "react-merge-refs": "^1.1.0",
         "text-mask-core": "^5.1.2",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.4",
-    "varsVersion": "9.20.1"
+    "themesVersion": "14.0.0-snapshot-6a9d3fc",
+    "varsVersion": "10.0.0-snapshot-6a9d3fc"
 }

package/src/text-mask-core.d.ts

@@ -0,0 +1,44 @@
+declare module 'text-mask-core' {
+    export type Mask = Array<string | RegExp>;
+
+    export type TextMaskConfig = {
+        currentCaretPosition: number;
+        rawValue: string;
+        previousConformedValue: string;
+        mask?: Mask | ((rawValue: string) => Mask);
+        guide?: boolean;
+        showMask?: boolean;
+        placeholderChar?: string;
+        keepCharPositions?: boolean;
+        pipe?: (
+            conformedValue: string,
+            config: TextMaskConfig,
+        ) => false | string | { value: string; indexesOfPipedChars: number[] };
+    };
+
+    export type TextMaskInputElement = {
+        state: { previousConformedValue: string; previousPlaceholder: string };
+        update: (
+            rawValue?: string,
+            textMaskConfig?: TextMaskConfig & { inputElement: HTMLInputElement },
+        ) => void;
+    };
+
+    export function createTextMaskInputElement(
+        config: TextMaskConfig & { inputElement: HTMLInputElement },
+    ): TextMaskInputElement;
+
+    export function conformToMask(
+        text: string,
+        mask: Mask | ((rawValue: string) => Mask),
+        config?: TextMaskConfig,
+    ): conformToMaskResult;
+
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    export type conformToMaskResult = {
+        conformedValue: string;
+        meta: {
+            someCharsRejected: boolean;
+        };
+    };
+}

package/utils/check-insert-before.d.ts

@@ -3,5 +3,4 @@
  * @description +7 123 => paste 222 => +2227 123
  * @description +7 123 => paste 222 => 222+7 123
  */
-declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;
-export { checkInsertBefore };
+export declare const checkInsertBefore: (baseNumber: string | undefined, modifiedNumber: string) => boolean;

package/utils/check-insert-before.js

@@ -42,3 +42,4 @@ var checkInsertBefore = function (baseNumber, modifiedNumber) {
 };
 
 exports.checkInsertBefore = checkInsertBefore;
+//# sourceMappingURL=check-insert-before.js.map

package/utils/check-insert-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-insert-before.js","sources":["../src/utils/check-insert-before.ts"],"sourcesContent":["/**\n * Позволяет проверить что цифры были вставлены до или после знака плюс [+]\n * @description +7 123 => paste 222 => +2227 123\n * @description +7 123 => paste 222 => 222+7 123\n */\nexport const checkInsertBefore = (baseNumber: string | undefined, modifiedNumber: string) => {\n    if (baseNumber) {\n        try {\n            /** Удаляем лишние символы */\n            // +7 123 => 7123\n            const base = baseNumber.replace(/\\s+/g, '').replace('+', '');\n            // +7 123 => +7123\n            const modified = modifiedNumber.replace(/\\s+/g, '');\n\n            /**\n             * Числа вставлены между [+] и номером\n             * +7 123 => paste 222 => +2227 123\n             */\n            const afterPlusPattern = new RegExp(`^\\\\+\\\\d*${base}$`);\n\n            if (afterPlusPattern.test(modified)) {\n                return true;\n            }\n\n            /**\n             * Числа вставлены перед [+]\n             * +7 123 => paste 222 => 222+7 123\n             */\n            const beforePlusPattern = new RegExp(`^\\\\d*\\\\+${base}$`);\n\n            if (beforePlusPattern.test(modified)) {\n                return true;\n            }\n\n            return false;\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error('checkInsertAtBeginning', e);\n        }\n    }\n\n    return false;\n};\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AACU,IAAA,iBAAiB,GAAG,UAAC,UAA8B,EAAE,cAAsB,EAAA;AACpF,IAAA,IAAI,UAAU,EAAE;QACZ,IAAI;;;AAGA,YAAA,IAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;YAE5D,IAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AAEnD;;;AAGG;YACH,IAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,EAAG,GAAA,CAAA,CAAC;AAEvD,YAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACjC,gBAAA,OAAO,IAAI;AACd;AAED;;;AAGG;YACH,IAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,IAAI,EAAG,GAAA,CAAA,CAAC;AAExD,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,gBAAA,OAAO,IAAI;AACd;AAED,YAAA,OAAO,KAAK;AACf;AAAC,QAAA,OAAO,CAAC,EAAE;;AAER,YAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC7C;AACJ;AAED,IAAA,OAAO,KAAK;AAChB;;;;"}

package/utils/index.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 /**
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
     position: number;
     inputRef: React.RefObject<HTMLInputElement>;
 }): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
     rawValue: string;
     clearableCountryCode: boolean;
     countryPrefix: string;
     previousConformedValue: string;
 }): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/utils/index.js

@@ -48,3 +48,4 @@ exports.deleteFormatting = deleteFormatting;
 exports.deleteMaskChar = deleteMaskChar;
 exports.getInsertedNumber = getInsertedNumber;
 exports.setCaretPosition = setCaretPosition;
+//# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAA;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAA3D;AAEE,SAAU,gBAAgB,CAAC,EAMhC,EAAA;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAKR,MAAM,CAAC,qBAAqB,CAAC,YAAA;AACzB,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAUjC,EAAA;QATG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAOtB,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,IAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,UAAC,IAAI,EAAA;QAC3B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;;;;"}