{"version":3,"file":"static/chunks/8647-dbdcc1b7538df8c2.js","mappings":"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","sources":["webpack://_N_E/./src/components/LazyCallBack/components/SpecialOffer/styled.ts","webpack://_N_E/./src/components/LazyCallBack/components/SpecialOffer/index.tsx","webpack://_N_E/./src/components/LazyCallBack/helpers/lazyCallbackDataLayerPush.ts","webpack://_N_E/./src/components/LazyCallBack/actions/analytics/sendClickContinue.ts","webpack://_N_E/./src/components/LazyCallBack/actions/analytics/sendRequestStatus.ts","webpack://_N_E/./src/components/LazyCallBack/actions/analytics/sendStartInputName.ts","webpack://_N_E/./src/components/LazyCallBack/index.tsx","webpack://_N_E/./src/components/LazyCallBack/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/typography/TextWrapper/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport const SpecialOfferWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    align-items: stretch;\n\n    padding: 16px 24px 24px 24px;\n\n    background: url('/static/images/full-buy/rouble-bg-mobile.svg') no-repeat ${COLORS.Locked};\n    \n    @media (min-width: ${wideBreakpoints.mobile}) {\n        flex-wrap: nowrap;\n        flex-direction: row;\n        align-items: flex-start;\n\n        padding: 16px 32px 24px 32px;\n        background-image: url('/static/images/full-buy/rouble-bg.svg');\n    }\n`;\n","import Button from '@r1-frontend/ui-react/components/buttons/button';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nimport * as ST from './styled';\n\ninterface IProps {\n    btnText: string | undefined,\n    onClickContinue: () => void,\n}\n\nconst SpecialOffer = ({ btnText = 'Продолжить онлайн', onClickContinue }: IProps) => {\n    return (\n        <ST.SpecialOfferWrapper data-test='special-offer'>\n            <Paragraph4 $color={COLORS.TextWhite} data-test='special-offer-title'>\n                Доставка и&nbsp;подключение с&nbsp;бонусом&nbsp;&mdash; только при оформлении онлайн\n            </Paragraph4>\n            <Button\n                bType='white'\n                onClick={onClickContinue}\n                data-test='special-offer-button'\n            >\n                {btnText}\n            </Button>\n        </ST.SpecialOfferWrapper>\n    );\n};\n\nexport default SpecialOffer;\n","import { dataLayerPush, TDataLayerPushArgument } from '@r1-frontend/analytics/dataLayerPush';\n\nimport { CATEGORIES, EVENTS } from '@r1-frontend/shared/constants/analytics';\n\nconst lazyCallbackDataLayerPush = (params: Omit<TDataLayerPushArgument<unknown>, 'category' | 'event'>): void => {\n    return dataLayerPush({\n        ...params,\n        event: EVENTS.UAevent,\n        category: CATEGORIES.applicationForm,\n    });\n};\n\nexport default lazyCallbackDataLayerPush;\n","import { ACTIONS } from '@r1-frontend/shared/constants/analytics';\n\nimport lazyCallbackDataLayerPush from '~/src/components/LazyCallBack/helpers/lazyCallbackDataLayerPush';\n\nconst sendClickContinue = (tariffName: string): void => {\n    lazyCallbackDataLayerPush({\n        action: ACTIONS.clickContinueOnline,\n        label: `${tariffName} | short_form`,\n    });\n};\n\nexport default sendClickContinue;\n","import { ACTIONS } from '@r1-frontend/shared/constants/analytics';\n\nimport { dataLayerForCBPhonePush } from '~/src/helpers/eventsForDataLayer';\n\nconst sendRequestStatus = (\n    tariffName: string,\n    status: boolean,\n    message: string | null,\n    uid: number | null,\n): void => {\n    dataLayerForCBPhonePush({\n        label: `${tariffName} | short_form | ${message || 'Не удалось отправить заявку.'}`,\n        action: status ? ACTIONS.finished : ACTIONS.error,\n        uid,\n    });\n};\n\nexport default sendRequestStatus;\n","import { ACTIONS } from '@r1-frontend/shared/constants/analytics';\n\nimport lazyCallbackDataLayerPush from '~/src/components/LazyCallBack/helpers/lazyCallbackDataLayerPush';\n\nconst sendStartInputName = (tariffName: string): void => {\n    lazyCallbackDataLayerPush({\n        action: ACTIONS.started,\n        label: `${tariffName} | short_form`,\n    });\n};\n\nexport default sendStartInputName;\n","import { Dispatch, ReactNode, SetStateAction, useCallback, useEffect, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useRouter } from 'next/router';\n\nimport { doRequest } from '@r1-frontend/do-request';\nimport {\n    ERequestStatus,\n    requestByConnection,\n    RequestDto,\n    ResponseDto,\n} from '@r1-frontend/api-domru/api-request/v1/user/request-by-connection';\n\nimport Button, { TButtonType } from '@r1-frontend/ui-react/components/buttons/button';\nimport { PolicyNote } from '@r1-frontend/ui-react/components/PolicyNote';\nimport { EResultPopupStatus } from '@r1-frontend/ui-react/components/popups/popupResult';\nimport { Paragraph4 } from '@r1-frontend/ui-react/components/typography/paragraph';\nimport TextWrapper from '@r1-frontend/ui-react/components/typography/TextWrapper';\nimport { TField } from '@r1-frontend/ui-react/organisms/Forms/NamePhoneForm';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nimport SpecialOffer from '~/src/components/LazyCallBack/components/SpecialOffer';\nimport PopupResult from '~/src/components/Popups/PopupResult';\nimport { POLICY_PAGE_LINK } from '~/src/constants';\nimport { TState } from '~/src/store';\nimport { selectCsrf } from '~/src/store/selectors/auth/selectCsrf';\n\nimport { sendClickContinue, sendRequestStatus, sendStartInputName } from './actions/analytics';\n\nimport * as ST from './styled';\n\ninterface IPopupResult {\n    isOrderOpened: boolean,\n    isResultOpened: boolean,\n    resultTitle: string,\n    resultText: string,\n    resultType: EResultPopupStatus,\n}\n\ninterface ILazyCallbackProps {\n    tariffName: string,\n    requestDataParams: Omit<RequestDto, 'fio' | 'phone' | 'domain' | 'ga_cid' | 'check_call_type' | 'csrf'>,\n\n    withPopupResult?: boolean,\n    withSpecialOffer?: boolean,\n    onClose?: () => void,\n    title?: string,\n    description?: string | ReactNode,\n    btnText?: string,\n    btnType?: TButtonType,\n    actionBtnText?: string,\n    onSubmit?: (response: { ok: boolean, message: string, status: ERequestStatus }) => void,\n    onCloseResultPopup?: () => void,\n}\n\nexport const neededSelectors = (state: TState) => ({\n    isAuth: state.auth.isAuth,\n    clientPersonal: state.auth.clientPersonal,\n});\n\nconst LazyCallBack = (\n    {\n        tariffName,\n        requestDataParams,\n        withPopupResult,\n        withSpecialOffer,\n        actionBtnText,\n        title = 'Если не хотите заполнять заявку сами',\n        description = <>Можно сделать это по&nbsp;телефону. Заодно поможем выбрать роутер.</>,\n        btnText = 'Заказать звонок',\n        btnType = 'action',\n        onClose,\n        onSubmit,\n        onCloseResultPopup,\n    }: ILazyCallbackProps,\n): JSX.Element => {\n    const router = useRouter();\n    const { isAuth, clientPersonal } = useSelector(neededSelectors);\n    const csrf = useSelector(selectCsrf);\n\n    const [name, setName] = useState<TField>({} as TField);\n    const [phone, setPhone] = useState<TField>({} as TField);\n    const [startInput, setStartInput] = useState(false);\n    const [isValid, setIsValid] = useState(false);\n    const [popup, setPopup] = useState<IPopupResult>({\n        isOrderOpened: false,\n        isResultOpened: false,\n        resultTitle: '',\n        resultText: '',\n        resultType: EResultPopupStatus.SUCCESS,\n    });\n\n    const uid = isAuth ? clientPersonal?.agreement || null : null;\n\n    useEffect(() => {\n        setIsValid(!!(phone?.isValid && name?.isValid));\n    }, [name, phone]);\n\n    const onChangeHandler = useCallback((stateInput: TField, _setState: Dispatch<SetStateAction<TField>>) => {\n        if (!startInput && stateInput.value !== undefined) {\n            sendStartInputName(tariffName);\n            setStartInput(true);\n        }\n        _setState(stateInput);\n    }, [startInput, tariffName]);\n\n    const openPopupResult = useCallback((ok: boolean, message: string, status: EResultPopupStatus) => {\n        const popupResult = {\n            isOrderOpened: false,\n            isResultOpened: true,\n            resultType: status,\n            resultTitle: ok ? 'Заявка на подключение отправлена' : 'Произошла ошибка',\n            resultText: ok ? 'Мы свяжемся с вами в ближайшее время' : message,\n        };\n\n        setPopup(popupResult);\n    }, []);\n\n    const sendRequestHandler = useCallback(async(fio: string, phone: string) => {\n        const resp = await doRequest.apiRequest<ResponseDto>(\n            requestByConnection({\n                ...requestDataParams,\n                fio,\n                phone,\n                csrf,\n            }),\n        );\n\n        if (resp.isSuccess) {\n            const { status, message } = resp.payload;\n            sendRequestStatus(tariffName, !!status, message, uid);\n\n            return {\n                ok: !!status,\n                message,\n                status: status ? ERequestStatus.success : ERequestStatus.error,\n            };\n        } else {\n            sendRequestStatus(tariffName, false, null, uid);\n\n            return {\n                ok: false,\n                message: 'Не удалось отправить заявку.',\n                status: ERequestStatus.error,\n            };\n        }\n    }, [requestDataParams, tariffName, uid]);\n\n    const onSubmitHandler = useCallback(async() => {\n        if (isValid) {\n            const resp = await sendRequestHandler(name.value, phone.value);\n            const { ok, message, status } = resp;\n\n            openPopupResult(ok, message, status as unknown as EResultPopupStatus);\n\n            phone?.clearInput();\n            name?.clearInput();\n\n            onSubmit && onSubmit(resp);\n        }\n    }, [isValid, name, phone, openPopupResult, sendRequestHandler, onSubmit]);\n\n    const closePopupHandler = useCallback(() => {\n        onCloseResultPopup && onCloseResultPopup();\n\n        setPopup(state => ({\n            ...state,\n            isResultOpened: false,\n        }));\n\n        if (popup.resultType === 'success') {\n            const mainPageUrl = isAuth ? '/lk' : '/';\n            router.push(mainPageUrl);\n        }\n    }, [popup.resultType, router, isAuth]);\n\n    const onClickContinueHandler = () => {\n        sendClickContinue(tariffName);\n        onClose && onClose();\n    };\n\n    return (\n        <ST.LazyCallBack data-test='lazy-callback'>\n            <ST.ContentWrapper>\n                <TextWrapper>\n                    <ST.SH3 data-test='lazy-callback-title'>{title}</ST.SH3>\n                    <Paragraph4 $color={COLORS.TextInfo} data-test='lazy-callback-subtitle'>{description}</Paragraph4>\n                </TextWrapper>\n\n                <ST.Form data-test='lazy-callback-form'>\n                    <ST.InputFields>\n                        <ST.NameInput\n                            name='name'\n                            placeholder='Имя'\n                            errorMessage='Ожидаются только буквы и дефисы'\n                            onChange={(stateInput: TField) => onChangeHandler(stateInput, setName)}\n                            className={'ym-disable-keys'}\n                            data-test='lazy-callback-form-name-input'\n                        />\n                        <ST.PhoneInput\n                            name='phone'\n                            placeholder='Номер телефона'\n                            errorMessage='Телефон в формате +7 (999) 999-99-99'\n                            onChange={(stateInput: TField) => onChangeHandler(stateInput, setPhone)}\n                            className={'ym-disable-keys'}\n                            data-test='lazy-callback-form-phone-input'\n                        />\n                    </ST.InputFields>\n\n                    <PolicyNote\n                        data-test='lazy-callback-form-policy'\n                        buttonText={btnText}\n                        agreeUrl={POLICY_PAGE_LINK}\n                    />\n\n                    <Button\n                        size={'large'}\n                        bType={btnType}\n                        disabled={!isValid}\n                        onClick={onSubmitHandler}\n                        data-test='lazy-callback-form-submit-button'\n                    >\n                        {btnText}\n                    </Button>\n                </ST.Form>\n            </ST.ContentWrapper>\n\n            {startInput && withSpecialOffer && (\n                <SpecialOffer\n                    btnText={actionBtnText}\n                    onClickContinue={onClickContinueHandler}\n                    data-test='lazy-callback-special-offer'\n                />\n            )}\n\n            {withPopupResult && (\n                <PopupResult\n                    isOpen={popup.isResultOpened}\n                    onClose={closePopupHandler}\n                    title={popup.resultTitle}\n                    text={popup.resultText}\n                    type={popup.resultType}\n                    data-test='lazy-callback-popup-result'\n                />\n            )}\n        </ST.LazyCallBack>\n    );\n};\n\nexport default LazyCallBack;\n","import styled from 'styled-components';\n\nimport InputSimple, { nameDecorator, phoneDecorator } from '@r1-frontend/ui-react/components/inputSimple';\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { H3 } from '@r1-frontend/ui-react/components/typography/heading';\nimport { BorderRadius } from '@r1-frontend/ui-react/tokens/borderRadius';\n\nexport const LazyCallBack = styled.div`\n    width: 100%;\n    flex-direction: column;\n    border-radius: ${BorderRadius.OuterBlockRadius};\n    background: radial-gradient(211.62% 393.08% at 0% 8.33%, rgba(237, 61, 61, 0.05) 0%, rgba(237, 61, 61, 0) 100%), #FFFFFF;\n`;\n\nexport const Form = styled.div`\n    width: 100%;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    row-gap: 16px;\n\n    @media (min-width: ${wideBreakpoints.mobile}) {\n        align-items: flex-start;\n    }\n`;\n\nexport const InputFields = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n\n    width: 100%;\n\n    @media (min-width: ${wideBreakpoints.mobile}) {\n        flex-direction: row;\n    }\n`;\n\nexport const Input = styled(InputSimple)`\n    flex: 1;\n    margin-bottom: 0;\n`;\n\nexport const NameInput = nameDecorator(Input);\n\nexport const PhoneInput = phoneDecorator(Input);\n\nexport const ContentWrapper = styled.div`\n    padding: 24px;\n\n    @media (min-width: ${wideBreakpoints.mobile}) {\n        padding: 32px 32px 24px 32px;\n    }\n`;\n\nexport const SH3 = styled(H3)`\n    padding-right: 35px;\n`;\n","import styled, { css } from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { H1, H2, H3, H4, H5 } from '@r1-frontend/ui-react/components/typography/heading';\nimport { Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5 } from '@r1-frontend/ui-react/components/typography/paragraph';\n\nconst TextWrapper = styled.div<{ $lastIndent?: boolean }>`\n    display: block;\n    \n    ${H1} {\n        margin-bottom: 16px;\n        \n        @media (min-width: ${wideBreakpoints.mobile}) {\n            margin-bottom: 24px;\n        }\n    }\n    \n    ${H2} {\n        margin-bottom: 8px;\n        \n        @media (min-width: ${wideBreakpoints.mobile}) {\n            margin-bottom: 16px;\n        }\n    }\n    \n    ${H3}, ${H4}, ${H5} {\n        margin-bottom: 8px;\n    }\n    \n    ${Paragraph1}, ${Paragraph2}, ${Paragraph3}, ${Paragraph4}, ${Paragraph5} {\n        margin-bottom: 16px;\n\n        ${({ $lastIndent = true }) => $lastIndent\n            ? ''\n            : css`\n                &:last-child {\n                    margin-bottom: 0px;\n                }\n            `}\n    }\n`;\n\nexport default TextWrapper;\n"],"names":["SpecialOfferWrapper","styled","COLORS","wideBreakpoints","btnText","onClickContinue","ST","data-test","Paragraph4","$color","Button","bType","onClick","params","dataLayerPush","event","EVENTS","category","CATEGORIES","tariffName","lazyCallbackDataLayerPush","action","ACTIONS","label","status","message","uid","dataLayerForCBPhonePush","neededSelectors","state","isAuth","auth","clientPersonal","requestDataParams","withPopupResult","withSpecialOffer","actionBtnText","title","description","btnType","onClose","onSubmit","onCloseResultPopup","router","useRouter","useSelector","csrf","selectCsrf","useState","name","setName","phone","setPhone","startInput","setStartInput","isValid","setIsValid","isOrderOpened","isResultOpened","resultTitle","resultText","resultType","EResultPopupStatus","popup","setPopup","agreement","useEffect","onChangeHandler","useCallback","stateInput","_setState","undefined","value","sendStartInputName","openPopupResult","ok","sendRequestHandler","fio","resp","doRequest","requestByConnection","isSuccess","payload","sendRequestStatus","ERequestStatus","onSubmitHandler","clearInput","closePopupHandler","mainPageUrl","push","TextWrapper","placeholder","errorMessage","onChange","className","PolicyNote","buttonText","agreeUrl","POLICY_PAGE_LINK","size","disabled","SpecialOffer","sendClickContinue","PopupResult","isOpen","text","type","LazyCallBack","BorderRadius","Form","InputFields","Input","InputSimple","NameInput","nameDecorator","PhoneInput","phoneDecorator","ContentWrapper","SH3","H3","H1","H2","H4","H5","Paragraph1","Paragraph2","Paragraph3","Paragraph5","$lastIndent","css"],"sourceRoot":""}