{"version":3,"file":"static/chunks/5110-4e359a2590e64672.js","mappings":"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","sources":["webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/PhoneForm/styled.ts","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/PhoneForm/index.tsx","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/PhoneVerifyForm/styled.ts","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/PhoneVerifyForm/index.tsx","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/PromoDurationBlock/styled.ts","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/PromoDurationBlock/index.tsx","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/styled.ts","webpack://_N_E/./src/features/domru-tv/packages/components/TryAndBuyConnectionPopup/index.tsx","webpack://_N_E/./src/helpers/date.js","webpack://_N_E/./src/store/selectors/domain.ts","webpack://_N_E/../../packages/ui-react/src/components/controls/baseRadio/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/controls/baseRadio/index.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nconst formGap = 12;\n\nexport const Wrapper = styled.div`\n    flex-direction: column;\n    width: 100%;\n    gap: 8px;\n`;\n\nexport const ForWrapper = styled.div`\n    position: relative;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    column-gap: ${formGap}px;\n\n    > div:last-child {\n        margin-bottom: 0;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        flex-direction: column;\n        row-gap: ${formGap}px;\n    }\n`;\n","import { CreatablePhoneSelect, IOption } from '@r1-frontend/ui-react/components/select/creatableSelect';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\n\nimport * as ST from './styled';\n\nexport const handleInputValue = -1;\n\ninterface IProps {\n    options: IOption[],\n    value: IOption | undefined,\n    onChange: (option: IOption) => void,\n    inputValue: string,\n    createValue: number,\n    createLabel: string,\n    onInputChange: (option: IOption) => void,\n}\n\nconst PhoneForm = ({ ...props }: IProps): JSX.Element => (\n    <ST.Wrapper>\n        <Paragraph4 $smaller>Ваш номер телефона</Paragraph4>\n        <ST.ForWrapper>\n            <CreatablePhoneSelect masked {...props}/>\n        </ST.ForWrapper>\n    </ST.Wrapper>\n);\n\nexport default PhoneForm;\n","import styled from 'styled-components';\n\nimport InputSimple from '@r1-frontend/ui-react/components/inputSimple';\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\n\nexport const VerificationBlock = styled.div`\n    flex-direction: column;\n    margin-top: 8px;\n    row-gap: 12px;\n`;\n\nexport const CodeInput = styled(InputSimple)`\n    margin-bottom: 0;\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        max-width: 100%;\n    }\n`;\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { doRequest } from '@r1-frontend/do-request';\nimport { ISuccessResponse } from '@r1-frontend/api-domru/phone-validator/validation/dto/ISuccessResponse';\nimport { TValidationType } from '@r1-frontend/api-domru/phone-validator/validation/dto/TValidationType';\nimport { validate } from '@r1-frontend/api-domru/phone-validator/validation/validate';\n\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport { TTimeStatus } from '@r1-frontend/shared/hooks/useTimer';\n\nimport { ButtonWithTimer } from '~/src/components/ButtonWithTimer';\n\nimport * as ST from './styled';\n\nexport const CODE_LENGTH = 4;\n\ninterface IProps {\n    isCodeSended: boolean,\n    phone: string,\n    verifyType: TValidationType,\n    timeStatus: TTimeStatus,\n    seconds: number,\n    start: (countSeconds: number) => void,\n    stop: () => void,\n    onSendSms: () => Promise<void>, // запрос кода, вызывается при клике на кнопке с таймером\n    onConfirmed: () => void, // подключение пакета, вызывается после успешной валидации\n}\n\nconst PhoneVerifyForm = ({\n    isCodeSended,\n    phone,\n    verifyType,\n    timeStatus,\n    seconds,\n    start,\n    stop,\n    onSendSms,\n    onConfirmed,\n}: IProps): JSX.Element => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const [smsCode, setSmsCode] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n    const [isSmsRequestOnceSent, setIsSmsRequestOnceSent] = useState(true);\n    const [codeValidationErrorMessage, setCodeValidationErrorMessage] = useState('');\n\n    const onRequestCode = useCallback(() => async() => {\n        setIsSmsRequestOnceSent(false);\n        setIsLoading(true);\n\n        setSmsCode('');\n\n        await onSendSms();\n\n        setIsLoading(false);\n    }, [onSendSms]);\n\n    const onValidateCode = useCallback(async(smsValue: string) => {\n        setCodeValidationErrorMessage('');\n        setIsLoading(true);\n\n        const resp = await doRequest.phoneValidator<ISuccessResponse>(\n            validate({\n                phone,\n                code: smsValue,\n            }),\n        );\n\n        if (resp.isSuccess && resp.payload.success) {\n            setSmsCode('');\n            onConfirmed();\n        } else {\n            setCodeValidationErrorMessage('Неверно. Попробуйте ещё раз.');\n            setIsLoading(false);\n        }\n    }, [phone, onConfirmed]);\n\n    const onInputSms = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.target;\n\n        if (value.length <= CODE_LENGTH) {\n            setSmsCode(value);\n\n            if (value.length === CODE_LENGTH) {\n                onValidateCode(value);\n            }\n        }\n    }, [onValidateCode]);\n\n    useEffect(() => {\n        if (inputRef?.current && isCodeSended) {\n            inputRef.current.focus();\n        }\n    }, [inputRef, isCodeSended]);\n\n    useEffect(() => {\n        return () => {\n            stop();\n            setSmsCode('');\n            setIsLoading(false);\n            setIsSmsRequestOnceSent(false);\n            setCodeValidationErrorMessage('');\n        };\n    }, []);\n\n    return (\n        <ST.VerificationBlock>\n            <Paragraph4 $smaller>\n                {verifyType === 'sms'\n                    ? 'Введите код из смс'\n                    : 'Введите последние 4 цифры номера, с которого вам только что позвонили'\n                }\n            </Paragraph4>\n            <ST.CodeInput\n                ref={inputRef}\n                value={smsCode}\n                placeholder={'Код'}\n                onChange={onInputSms}\n                errorMessage={codeValidationErrorMessage}\n                isNotValid={smsCode.length === CODE_LENGTH && !!codeValidationErrorMessage}\n                disabled={isLoading}\n            />\n            <ButtonWithTimer\n                isLoading={isLoading}\n                autoStart={isSmsRequestOnceSent}\n                status={timeStatus}\n                seconds={seconds}\n                onStart={start}\n                onBtnClick={onRequestCode}\n            />\n        </ST.VerificationBlock>\n    );\n};\n\nexport default PhoneVerifyForm;\n","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { BorderRadius } from '@r1-frontend/ui-react/tokens/borderRadius';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport const Wrapper = styled.div`\n    flex-direction: column;\n    width: 100%;\n    padding: 12px 16px;\n    row-gap: 4px;\n    border-radius: ${BorderRadius.componentRadius};\n    background-color: ${COLORS.BgSurface};\n`;\n\nexport const TextBlock = styled.div`\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    column-gap: 4px;\n`;\n\nexport const ReminderWrapper = styled.div`\n    max-width: 110px;\n    text-align: right;\n`;\n\nexport const ProgressBarWrapper = styled.div`\n    width: 100%;\n    align-items: center;\n    padding: 6px 0;\n`;\n\nexport const ProgressBar = styled.div`\n    position: relative;\n    width: 100%;\n    height: 4px;\n    border-radius: ${BorderRadius.labelRadius};\n    background: linear-gradient(90deg, ${COLORS.LabelsText_2} 81%, ${COLORS.LabelsBg_2} 81%);\n\n    &:after {\n        content: '';\n        position: absolute;\n        top: -4px;\n        right: 18%;\n        width: 12px;\n        height: 12px;\n        border-radius: ${BorderRadius.alert};\n        background-color: ${COLORS.LabelsText_2};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        background: linear-gradient(90deg, ${COLORS.LabelsText_2} 86%, ${COLORS.LabelsBg_2} 86%);\n\n        &:after {\n            right: 13%;\n        }\n    }\n`;\n","import { Label } from '@r1-frontend/ui-react/components/label';\nimport { Paragraph5 } from '@r1-frontend/ui-react/components/typography/paragraph';\n\nimport * as ST from './styled';\n\ninterface IProps {\n    labelText: string,\n}\n\nconst PromoDurationBlock = ({ labelText }: IProps): JSX.Element => {\n    return (\n        <ST.Wrapper>\n            <ST.TextBlock>\n                <Label type={'LabelsText_2'}>{labelText}</Label>\n                <ST.ReminderWrapper>\n                    <Paragraph5>Пришлём смс за&nbsp;3&nbsp;дня до&nbsp;оплаты</Paragraph5>\n                </ST.ReminderWrapper>\n            </ST.TextBlock>\n            <ST.ProgressBarWrapper>\n                <ST.ProgressBar/>\n            </ST.ProgressBarWrapper>\n        </ST.Wrapper>\n    );\n};\n\nexport default PromoDurationBlock;\n","import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { IDefaultPopupCustomStyles } from '@r1-frontend/ui-react/components/popups/defaultPopup';\n\nexport const popupCustomStyles: IDefaultPopupCustomStyles = {\n    popup: {\n        default: {\n            padding: '32px',\n            overflowY: 'initial',\n        },\n        mobile: {\n            padding: '24px',\n        },\n    },\n};\n\nconst Wrapper = styled.div`\n    flex-direction: column;\n    width: 100%;\n`;\n\nexport const PopupContentWrapper = styled(Wrapper)`\n    row-gap: 20px;\n\n    h3 {\n        width: calc(100% - 36px - 8px);\n        white-space: break-spaces;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        row-gap: 16px;\n\n        h3 {\n            width: calc(100% - 28px - 8px);\n            white-space: break-spaces;\n        }\n    }\n`;\n\nexport const PhoneFormWrapper = styled(Wrapper)`\n    row-gap: 16px;\n`;\n\nexport const VerifyTypesWrapper = styled.div`\n    flex-direction: row;\n    flex-wrap: nowrap;\n    column-gap: 16px;\n`;\n","import { useEffect, useMemo, useState } from 'react';\nimport { shallowEqual, useSelector } from 'react-redux';\n\nimport { doRequest } from '@r1-frontend/do-request';\nimport { EContactStatuses } from '@r1-frontend/api-domru/api-profile/v2/info/all/dto/ResponseDto';\nimport { ISuccessResponse } from '@r1-frontend/api-domru/phone-validator/validation/dto/ISuccessResponse';\nimport { TValidationType } from '@r1-frontend/api-domru/phone-validator/validation/dto/TValidationType';\nimport { send } from '@r1-frontend/api-domru/phone-validator/validation/send';\n\nimport Button from '@r1-frontend/ui-react/components/buttons/button';\nimport { ButtonGroup } from '@r1-frontend/ui-react/components/buttons/buttonGroup/ButtonGroup';\nimport BaseRadio from '@r1-frontend/ui-react/components/controls/baseRadio';\nimport DefaultPopup, { IDefaultPopup } from '@r1-frontend/ui-react/components/popups/defaultPopup';\nimport { IOption } from '@r1-frontend/ui-react/components/select/creatableSelect';\nimport { H3 } from '@r1-frontend/ui-react/components/typography/heading';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport { useTimer } from '@r1-frontend/shared/hooks/useTimer';\n\nimport { TState } from '~/src/store';\n\nimport PhoneForm, { handleInputValue } from './PhoneForm';\nimport PhoneVerifyForm from './PhoneVerifyForm';\nimport PromoDurationBlock from './PromoDurationBlock';\n\nimport * as ST from './styled';\n\nconst inputPhoneLength = 11;\nconst defaultOption: IOption = { value: '', label: '' };\n\ninterface IVerifyTypeData {\n    value: TValidationType,\n    label: string,\n}\n\nexport const verifyTypeData: IVerifyTypeData[] = [\n    {\n        value: 'sms',\n        label: 'Пришлите смс',\n    },\n    {\n        value: 'call',\n        label: 'Позвоните мне',\n    },\n];\n\ninterface IProps extends IDefaultPopup {\n    isConnectionInProgress: boolean,\n    title: string,\n    labelText: string,\n    onConnect: (phone: IOption) => void,\n}\n\nconst TryAndBuyConnectionPopup = ({\n    isOpen,\n    isConnectionInProgress,\n    title,\n    labelText,\n    onConnect,\n    onClose,\n}: IProps): JSX.Element => {\n    const { timeStatus, seconds, start, stop } = useTimer();\n\n    const { clientContacts } = useSelector((state: TState) => state.auth, shallowEqual);\n\n    const phoneOptions = useMemo(() => {\n        const options: IOption[] = [];\n\n        if (clientContacts?.phone.length) {\n            clientContacts.phone.forEach(phone => {\n                if (phone.status === EContactStatuses.confirmed) {\n                    options.push({\n                        value: phone.id,\n                        label: phone.value,\n                    });\n                }\n            });\n        }\n\n        return options;\n    }, [clientContacts]);\n\n    const [selectedPhone, setSelectedPhone] = useState<IOption>();\n    const [enteredPhone, setEnteredPhone] = useState<IOption>(defaultOption);\n    const [verifyType, setVerifyType] = useState<TValidationType>('sms');\n    const [isFirstCodeRequest, setIsFirstCodeRequest] = useState(true);\n    const [isCodeSended, setIsCodeSended] = useState(false);\n\n    const onSelectPhone = (phoneOption: IOption) => {\n        setSelectedPhone(phoneOption);\n\n        if (phoneOption.value === handleInputValue) {\n            return;\n        }\n\n        if (!isFirstCodeRequest) {\n            setIsFirstCodeRequest(true);\n        }\n\n        if (enteredPhone.value) {\n            setEnteredPhone(defaultOption);\n        }\n    };\n\n    const onInputPhone = (phoneOption: IOption) => {\n        setEnteredPhone(phoneOption);\n    };\n\n    const onSelectVerifyType = (type: string) => {\n        if (type !== verifyType) {\n            // @ts-ignore BaseRadio при onChange возвращает string\n            setVerifyType(type);\n\n            if (!isFirstCodeRequest) {\n                setIsFirstCodeRequest(true);\n            }\n        }\n    };\n\n    const onConnectHandler = () => {\n        const currentPhone = selectedPhone?.value === handleInputValue ? enteredPhone : selectedPhone;\n\n        if (currentPhone) {\n            onConnect(currentPhone);\n        }\n    };\n\n    const onConfirmPhone = async() => {\n        if (isFirstCodeRequest) {\n            setIsFirstCodeRequest(false);\n        }\n\n        const resp = await doRequest.phoneValidator<ISuccessResponse>(\n            send({\n                phone: enteredPhone.value,\n                type: verifyType,\n            }),\n        );\n\n        if (resp.isSuccess) {\n            setIsCodeSended(true);\n        }\n    };\n\n    const onCloseHandler = () => {\n        stop();\n        setSelectedPhone(phoneOptions[0] ?? undefined);\n        setEnteredPhone(defaultOption);\n        setIsFirstCodeRequest(true);\n        setIsCodeSended(false);\n        onClose();\n    };\n\n    useEffect(() => {\n        if (phoneOptions.length) {\n            setSelectedPhone(phoneOptions[0]);\n        }\n    }, []);\n\n    return (\n        <DefaultPopup\n            isOpen={isOpen}\n            customStyles={ST.popupCustomStyles}\n            onClose={onCloseHandler}\n        >\n            <ST.PopupContentWrapper>\n                <H3 $withIndent={false}>{title}</H3>\n                <ST.PhoneFormWrapper>\n                    <PromoDurationBlock labelText={labelText}/>\n                    <PhoneForm\n                        options={phoneOptions}\n                        value={selectedPhone}\n                        onChange={onSelectPhone}\n                        inputValue={enteredPhone.value}\n                        createValue={handleInputValue}\n                        createLabel={'Указать новый номер'}\n                        onInputChange={onInputPhone}\n                    />\n                    {selectedPhone?.value === handleInputValue\n                        ? <>\n                            <Paragraph4 $smaller>Подтвердите ваш номер телефона любым удобным способом</Paragraph4>\n                            <ST.VerifyTypesWrapper>\n                                {verifyTypeData.map(type => (\n                                    <BaseRadio\n                                        key={type.value}\n                                        size={'XS'}\n                                        value={type.value}\n                                        checked={type.value === verifyType}\n                                        disabled={!!seconds}\n                                        onChange={onSelectVerifyType}\n                                    >\n                                        {type.label}\n                                    </BaseRadio>\n                                ))}\n                            </ST.VerifyTypesWrapper>\n                            {isFirstCodeRequest\n                                ? <Button\n                                    size={'large'}\n                                    bType={'action'}\n                                    onClick={onConfirmPhone}\n                                    disabled={(`${enteredPhone.value}`).length < inputPhoneLength}\n                                >\n                                    Подтвердить номер\n                                </Button>\n                                : <PhoneVerifyForm\n                                    isCodeSended={isCodeSended}\n                                    phone={enteredPhone.value}\n                                    verifyType={verifyType}\n                                    timeStatus={timeStatus}\n                                    seconds={seconds}\n                                    start={start}\n                                    stop={stop}\n                                    onSendSms={onConfirmPhone}\n                                    onConfirmed={onConnectHandler}\n                                />\n                            }\n                        </>\n                        : <ButtonGroup>\n                            <Button\n                                size={'large'}\n                                bType={'action'}\n                                onClick={onConnectHandler}\n                                loading={isConnectionInProgress}\n                                disabled={!selectedPhone}\n                            >\n                                Подключить\n                            </Button>\n                        </ButtonGroup>\n                    }\n                </ST.PhoneFormWrapper>\n            </ST.PopupContentWrapper>\n        </DefaultPopup>\n    );\n};\n\nexport default TryAndBuyConnectionPopup;\n","import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\nconst months = [\n    'января',\n    'февраля',\n    'марта',\n    'апреля',\n    'мая',\n    'июня',\n    'июля',\n    'августа',\n    'сентября',\n    'октября',\n    'ноября',\n    'декабря',\n];\n\nexport const hhmm = date => {\n    const hh = String(date.getHours()).padStart(2, '0');\n    const mm = String(date.getMinutes()).padStart(2, '0');\n\n    return `${hh}:${mm}`;\n};\n\n/**\n * Дата, месяц\n * @param {Date} date\n * @returns {string} '01.09'\n */\nexport const dateWithoutYear = date => date.toLocaleString('ru-RU', { day: 'numeric', month: 'numeric' });\n\n/** Дата, месяц, год строкой месяц\n * @param {Date | number} date - дата\n * @return {string} '01.09.2021'\n */\nexport const ddmmyyyy = date => {\n    const dd = String(date.getDate()).padStart(2, '0');\n    const mm = String(date.getMonth() + 1).padStart(2, '0');\n    const yyyy = date.getFullYear();\n\n    return dd + '.' + mm + '.' + yyyy;\n};\n\n/**\n * Дата, месяц, год строкой месяц в родительном падеже\n * @param {Date} date - дата\n * @param {boolean} isGenitive - в родительном\n * @return {string} дата вида '10 января 2020'\n */\nexport function ddmmmmyyyy(date, isGenitive = true, withUTC = false) {\n    if (date instanceof Date) {\n        let dd;\n        if (withUTC) {\n            dd = String(date.getUTCDate()).padStart(2, '0');\n        } else {\n            dd = String(date.getDate()).padStart(2, '0');\n        }\n        const mmmm = monthString(date, !isGenitive);\n        const yyyy = date.getFullYear();\n\n        return dd + ' ' + mmmm + ' ' + yyyy;\n    }\n    throw Error('аргумент date должен быть экземплятором класса Date');\n}\n\n/**\n * День месяца, числом\n * @param {string} date - дата строкой '03.09.2021'\n * @return {number} день вида 3\n */\nexport const dd = date => {\n    const dateArr = date.split('.');\n    return parseInt(dateArr[0], 10);\n};\n\n/**\n * Дата, месяц строкой\n * @param {string} date - дата строкой '03.09.2021'\n * @return {string} дата вида '3 сентября'\n */\nexport const ddmm = date => {\n    const dateArr = date.split('.');\n    const dd = parseInt(dateArr[0], 10);\n    const mm = months[parseInt(dateArr[1] - 1)];\n\n    return dd + ' ' + mm;\n};\n\n/**\n * @param {Date} date\n * @param {Boolean} padStart\n * @return {string} '03 сентября'\n */\nexport function ddmmm(date, padStart = true) {\n    let dd = date.getDate().toString();\n    if (padStart) {\n        dd = dd.padStart(2, '0');\n    }\n    const mmm = months[date.getMonth()];\n    return `${dd} ${mmm}`;\n}\n\n/**\n * get month string from date\n * @param {Date} date\n * @param {boolean} plain\n * @returns {string}\n */\nexport const monthString = (date, plain = true) => {\n    switch (date.getMonth()) {\n        case 0:\n            return plain ? 'январь' : 'января';\n        case 1:\n            return plain ? 'февраль' : 'февраля';\n        case 2:\n            return plain ? 'март' : 'марта';\n        case 3:\n            return plain ? 'апрель' : 'апреля';\n        case 4:\n            return plain ? 'май' : 'мая';\n        case 5:\n            return plain ? 'июнь' : 'июня';\n        case 6:\n            return plain ? 'июль' : 'июля';\n        case 7:\n            return plain ? 'август' : 'августа';\n        case 8:\n            return plain ? 'сентябрь' : 'сентября';\n        case 9:\n            return plain ? 'октябрь' : 'октября';\n        case 10:\n            return plain ? 'ноябрь' : 'ноября';\n        case 11:\n            return plain ? 'декабрь' : 'декабря';\n    }\n};\n\n/**\n * @param {Date} date\n * @param {Number} nextMonthCount\n * @param {Boolean} isPlain\n * @returns {string}\n */\nexport function getMonthName(date, nextMonthCount = 0, isPlain = true) {\n    const innerDate = new Date(date);\n    if (nextMonthCount > 0) {\n        innerDate.setMonth(innerDate.getMonth() + nextMonthCount);\n    }\n    return monthString(innerDate, isPlain);\n}\n\n/**\n * Месяц в Родительном падеже\n * @param {Number} num - номер месяца начиная с 0\n * @return {string}\n */\nexport const getNameMonth = num => {\n    return months[num];\n};\n\n/**\n * Преобразование даты формата 11.12.2019 в формат 2019-12-11 или наоборот\n * @param {string} date - дата в формате 11.12.2019 или 2019-12-11\n * @return {string}\n */\nexport const formatDate = (date) => {\n    // разделитель - тире или точка\n    return date.indexOf('-') !== -1\n        ? date.split('-').reverse().join('.')\n        : date.split('.').reverse().join('-');\n};\n\n/**\n * Парсим дату вида \"25.06.2020 12:38:30\", \"25.06.2020 4:38\" или \"25.06.2020\"\n * @param  {string} string\n * @return {Date}\n */\nexport function parseRusDate(string) {\n    //                1        2        3      4  5       6       7\n    const regExp = /^(\\d{2})\\.(\\d{2})\\.(\\d{4})(\\s(\\d{1,2}):(\\d{2}):?(\\d{2})?)?$/g;\n    const matched = regExp.exec(string.trim());\n\n    if (matched == null) {\n        throw Error('Некорректная строка c датой');\n    }\n\n    if (matched[4] == null) {\n        return new Date(Date.UTC(matched[3], +matched[2] - 1, matched[1], 0, 0, 0));\n    } else {\n        return new Date(Date.UTC(matched[3], +matched[2] - 1, matched[1], matched[5], matched[6], matched[7] || 0));\n    }\n}\n\n/**\n * @param {Date} date\n * @return {string} \"2020-12-20\"\n */\nexport function toISODateString(date) {\n    return dayjs(date).format('YYYY-MM-DD');\n}\n\n\n/** TODO - аналог addDays убрать дубль, ps:addDays - более понятное название, оставить его\n * Новая дата + count дней\n * @deprecated use addDays\n * @param {number} count\n * @param {Date} date\n * @return {Date}\n */\nexport function dateNextDay(count, date = new Date()) {\n    const now = new Date(date);\n    now.setDate(now.getDate() + count);\n    return now;\n}\n\n/** TODO - аналог dateNextDay убрать дубль\n * Добавляет к дате указанное кол-во дней\n * @param {Date} date\n * @param {number} days\n * @returns {Date}\n */\nexport const addDays = (date, days) => {\n    const dateTo = new Date(date);\n    dateTo.setDate(dateTo.getDate() + days);\n    return dateTo;\n};\n\nexport const generateArrayOfYears = (threshold = 9) => {\n    const max = new Date().getFullYear();\n    const min = max - threshold;\n    const years = [];\n\n    for (let i = max; i >= min; i--) {\n        years.push(i);\n    }\n\n    return years;\n};\n\n/** Вычисление даты с прибавлением нескольких месяцев\n * @param {number | string | Date} dateValue - дата\n * @param {number} amount - количество месяцев\n * @return {Date}\n */\nexport const addMonths = (dateValue, amount) => {\n    const date = new Date(dateValue);\n    const dayOfMonth = date.getDate();\n\n    const endOfDesiredMonth = new Date(dateValue);\n    endOfDesiredMonth.setTime(date.getTime());\n    endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);\n    const daysInMonth = endOfDesiredMonth.getDate();\n\n    if (dayOfMonth >= daysInMonth) {\n        return endOfDesiredMonth;\n    } else {\n        date.setFullYear(\n            endOfDesiredMonth.getFullYear(),\n            endOfDesiredMonth.getMonth(),\n            dayOfMonth,\n        );\n        return date;\n    }\n};\n\n/** Приведение даты к формату 'ru-RU'\n * @param {number | string | Date} date - дата\n * @return {string} '22.30.15'\n */\nexport const dateToLocaleRu = (date) => new Date(date).toLocaleDateString('ru-RU');\n\nexport const daysDifinition = {\n    yesterday: 'вчера',\n    today: 'сегодня',\n    tomorrow: 'завтра',\n    afterTomorrow: 'послезавтра',\n};\n\n/**\n * Возвращает Сегодня/Завтра/Послезавтра/Вчера\n * @param {number} diffDay - разница в днях между датами (\"11.10.2020\" - \"10.10.2020\" равна 1 день)\n * @return {string} 'Сегодня' || ''\n */\nexport const getDateDefinition = (diffDay) => {\n    switch (true) {\n        case (diffDay === -1):\n            return daysDifinition.yesterday;\n        case (diffDay === 0):\n            return daysDifinition.today;\n        case (diffDay === 1):\n            return daysDifinition.tomorrow;\n        case (diffDay === 2):\n            return daysDifinition.afterTomorrow;\n        default:\n            return '';\n    }\n};\n","import get from 'lodash/get';\n\nimport { TState } from '~/src/store';\n\n// @todo remove lodash from getting value from expected and described structure `TState`\nexport function selectDomain(state: TState): string {\n   return get(state, 'auth.billingDomain') || get(state, 'city.currentCity.domain');\n}\n\nexport function selectHostname(state: TState): string {\n   const domain = get(state, 'auth.billingDomain');\n\n   if (domain && domain !== 'interzet') {\n      return 'https://' + domain + '.db.ertelecom.ru';\n   } else {\n      return get(state, 'city.currentCity.billingHost');\n   }\n}\n","import styled from 'styled-components';\n\nimport { COLORS } from '../../../tokens/colors';\nimport { getSizes, radioSizes, TControlDirection, TControlSize } from '../baseControlsData';\n\nconst getRadioSizes = (size: TControlSize) => getSizes(size, radioSizes);\n\ntype IStyleProps = {\n    size: TControlSize,\n    disabled: boolean,\n    withLabel: boolean,\n    direction: TControlDirection,\n}\n\nexport const Label = styled.label<IStyleProps>`\n    display: flex;\n    flex-direction: ${({ direction }) => direction === 'right' ? 'row-reverse' : 'row'};\n    flex-wrap: nowrap;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    ${p => getRadioSizes(p.size).font};\n    color: ${({ disabled }) => disabled ? COLORS.TextDisabled : COLORS.TextPrimary};\n    user-select: none;\n\n    input[type=\"radio\"] {\n        position: relative;\n        appearance: none;\n        flex: 0 0 auto;\n        width: ${p => getRadioSizes(p.size).inputSize}px;\n        height: ${p => getRadioSizes(p.size).inputSize}px;\n        margin: 0;\n        margin-right: ${p => p.withLabel && p.direction !== 'right' ? getRadioSizes(p.size).rMargin + 'px' : 0 };\n        margin-left: ${p => p.withLabel && p.direction === 'right' ? getRadioSizes(p.size).rMargin + 'px' : 0 };\n        padding: 0;\n        background-color: ${COLORS.BgMain};\n        border-width: 2px;\n        border-style: solid;\n        border-color: ${COLORS.Brand_Blue};\n        border-radius: 50%;\n        transition: .3s;\n        outline: none;\n        box-sizing: border-box;\n        cursor: pointer;\n        align-self: flex-start;\n\n        @media (hover: hover) {\n            &:hover {\n                border-color: ${COLORS.Link};\n            }\n        }\n\n        &:required:invalid {\n            border-color: ${COLORS.Error};\n            background-color: ${COLORS.BgError};\n\n            &:hover {\n                border-color: ${COLORS.Link};\n                background-color: ${COLORS.BgMain};\n            }\n        }\n\n        &:disabled {\n            border-color: ${COLORS.GRAY_LIGHT};\n            background-color: ${COLORS.GRAY_LIGHT};\n            cursor: default;\n            pointer-events: none;\n\n            @media (hover: hover) {\n                &:hover {\n                    border-color: ${COLORS.GRAY_LIGHT};\n                }\n            }\n        }\n\n        &:checked {\n            border-color: ${COLORS.Control};\n            background-color: ${COLORS.Control};\n\n            &:after {\n                content: '';\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                transform-origin: center;\n                width: ${p => getRadioSizes(p.size).radioCheckSize}px;\n                height: ${p => getRadioSizes(p.size).radioCheckSize}px;\n                border-radius: 50%;\n                background-color: ${COLORS.BgMain};\n            }\n\n            @media (hover: hover) {\n                &:hover {\n                    border-color: ${COLORS.Link};\n                    background-color: ${COLORS.Outline_Dark};\n                }\n            }\n\n            &:disabled {\n                border-color: ${COLORS.GRAY_DARK};\n                background-color: ${COLORS.GRAY_DARK};\n                pointer-events: none;\n\n                &:after {\n                    background-color: ${COLORS.GRAY_LIGHT};\n                }\n            }\n        }\n    }\n`;\n","import React, { FC, useCallback } from 'react';\n\nimport { TControlDirection, TControlSize } from '../baseControlsData';\n\nimport { Label } from './styled';\n\nexport interface IRadioProps {\n    size?: TControlSize,\n    id?: string,\n    name?: string,\n    value?: string,\n    checked?: boolean,\n    disabled?: boolean,\n    required?: boolean,\n    onChange?: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void,\n    className?: string,\n    direction?: TControlDirection,\n    [key: string]: unknown,\n}\n\nconst BaseRadio: FC<IRadioProps> = ({\n    size = 'XS',\n    id,\n    name = '',\n    value = '',\n    checked,\n    disabled = false,\n    required,\n    children,\n    onChange,\n    className,\n    direction = 'left',\n    ...props\n}) => {\n    const onChangeHandler = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n        if (!disabled) {\n            onChange && onChange(event.target.value, event);\n        }\n    }, [disabled, onChange]);\n\n    return (\n        <Label\n            size={size}\n            disabled={disabled}\n            withLabel={!!children}\n            className={className}\n            direction={direction}\n            {...props}\n        >\n            <input\n                type='radio'\n                id={id}\n                name={name}\n                value={value}\n                checked={checked}\n                disabled={disabled}\n                required={required}\n                onChange={onChangeHandler}\n            />\n            {children}\n        </Label>\n    );\n};\n\nexport default BaseRadio;\n"],"names":["Wrapper","styled","ForWrapper","wideBreakpoints","props","ST","Paragraph4","$smaller","CreatablePhoneSelect","masked","VerificationBlock","CodeInput","InputSimple","isCodeSended","phone","verifyType","timeStatus","seconds","start","stop","onSendSms","onConfirmed","inputRef","useRef","useState","smsCode","setSmsCode","isLoading","setIsLoading","isSmsRequestOnceSent","setIsSmsRequestOnceSent","codeValidationErrorMessage","setCodeValidationErrorMessage","onRequestCode","useCallback","onValidateCode","smsValue","resp","doRequest","validate","code","isSuccess","payload","success","onInputSms","event","target","value","length","useEffect","current","focus","ref","placeholder","onChange","errorMessage","isNotValid","disabled","ButtonWithTimer","autoStart","status","onStart","onBtnClick","BorderRadius","COLORS","TextBlock","ReminderWrapper","ProgressBarWrapper","ProgressBar","labelText","Label","type","Paragraph5","popupCustomStyles","popup","default","padding","overflowY","mobile","PopupContentWrapper","PhoneFormWrapper","VerifyTypesWrapper","defaultOption","label","verifyTypeData","isOpen","isConnectionInProgress","title","onConnect","onClose","useTimer","useSelector","state","auth","shallowEqual","clientContacts","phoneOptions","useMemo","options","forEach","EContactStatuses","push","id","selectedPhone","setSelectedPhone","enteredPhone","setEnteredPhone","setVerifyType","isFirstCodeRequest","setIsFirstCodeRequest","setIsCodeSended","onSelectVerifyType","onConnectHandler","currentPhone","onConfirmPhone","send","DefaultPopup","customStyles","undefined","H3","$withIndent","PromoDurationBlock","PhoneForm","phoneOption","inputValue","createValue","createLabel","onInputChange","map","BaseRadio","size","checked","Button","bType","onClick","PhoneVerifyForm","ButtonGroup","loading","dayjs","customParseFormat","months","hhmm","date","hh","String","getHours","padStart","mm","getMinutes","dateWithoutYear","toLocaleString","day","month","ddmmyyyy","getDate","getMonth","getFullYear","ddmmmmyyyy","isGenitive","withUTC","Date","dd","getUTCDate","mmmm","monthString","yyyy","Error","dateArr","split","parseInt","ddmm","ddmmm","toString","mmm","plain","getNameMonth","num","formatDate","indexOf","reverse","join","parseRusDate","string","matched","exec","trim","UTC","toISODateString","format","dateNextDay","count","now","setDate","addDays","days","dateTo","generateArrayOfYears","threshold","max","min","years","i","addMonths","dateValue","amount","dayOfMonth","endOfDesiredMonth","setTime","getTime","setMonth","setFullYear","dateToLocaleRu","toLocaleDateString","daysDifinition","getDateDefinition","diffDay","selectDomain","get","selectHostname","domain","getRadioSizes","getSizes","radioSizes","direction","p","font","inputSize","withLabel","rMargin","radioCheckSize","name","required","children","className","onChangeHandler","input"],"sourceRoot":""}