{"version":3,"file":"static/chunks/3231-8fedbd1823bfe59d.js","mappings":"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","sources":["webpack://_N_E/../../node_modules/lodash/flatMap.js","webpack://_N_E/../../node_modules/lodash/isEqual.js","webpack://_N_E/../../node_modules/lodash/map.js","webpack://_N_E/./src/features/payments-abn/components/PaymentFrame/styled.ts","webpack://_N_E/./src/features/payments-abn/components/PaymentFrame/FrameResult.tsx","webpack://_N_E/./src/features/payments-abn/components/PaymentFrame/index.tsx","webpack://_N_E/./src/features/payments-abn/store/selectors/cards.ts","webpack://_N_E/./src/features/payments-abn/styled.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setErrorMessage.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setIsLoadingOffers.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setIsPopupOpened.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setOffers.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setOfferTransaction.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setPopupState.ts","webpack://_N_E/./src/features/specialOffersContainer/store/actions/setSelectedOfferId.ts","webpack://_N_E/../../packages/ui-react/src/components/SlideCarousel/styled.ts","webpack://_N_E/../../packages/ui-react/src/components/SlideCarousel/index.tsx","webpack://_N_E/../../packages/ui-react/src/organisms/Payment/PaymentMethod/styled.ts","webpack://_N_E/../../packages/ui-react/src/organisms/Payment/PaymentMethod/index.tsx"],"sourcesContent":["var baseFlatten = require('./_baseFlatten'),\n    map = require('./map');\n\n/**\n * Creates a flattened array of values by running each element in `collection`\n * thru `iteratee` and flattening the mapped results. The iteratee is invoked\n * with three arguments: (value, index|key, collection).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * function duplicate(n) {\n *   return [n, n];\n * }\n *\n * _.flatMap([1, 2], duplicate);\n * // => [1, 1, 2, 2]\n */\nfunction flatMap(collection, iteratee) {\n  return baseFlatten(map(collection, iteratee), 1);\n}\n\nmodule.exports = flatMap;\n","var baseIsEqual = require('./_baseIsEqual');\n\n/**\n * Performs a deep comparison between two values to determine if they are\n * equivalent.\n *\n * **Note:** This method supports comparing arrays, array buffers, booleans,\n * date objects, error objects, maps, numbers, `Object` objects, regexes,\n * sets, strings, symbols, and typed arrays. `Object` objects are compared\n * by their own, not inherited, enumerable properties. Functions and DOM\n * nodes are compared by strict equality, i.e. `===`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.isEqual(object, other);\n * // => true\n *\n * object === other;\n * // => false\n */\nfunction isEqual(value, other) {\n  return baseIsEqual(value, other);\n}\n\nmodule.exports = isEqual;\n","var arrayMap = require('./_arrayMap'),\n    baseIteratee = require('./_baseIteratee'),\n    baseMap = require('./_baseMap'),\n    isArray = require('./isArray');\n\n/**\n * Creates an array of values by running each element in `collection` thru\n * `iteratee`. The iteratee is invoked with three arguments:\n * (value, index|key, collection).\n *\n * Many lodash methods are guarded to work as iteratees for methods like\n * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.\n *\n * The guarded methods are:\n * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,\n * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,\n * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,\n * `template`, `trim`, `trimEnd`, `trimStart`, and `words`\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n * @example\n *\n * function square(n) {\n *   return n * n;\n * }\n *\n * _.map([4, 8], square);\n * // => [16, 64]\n *\n * _.map({ 'a': 4, 'b': 8 }, square);\n * // => [16, 64] (iteration order is not guaranteed)\n *\n * var users = [\n *   { 'user': 'barney' },\n *   { 'user': 'fred' }\n * ];\n *\n * // The `_.property` iteratee shorthand.\n * _.map(users, 'user');\n * // => ['barney', 'fred']\n */\nfunction map(collection, iteratee) {\n  var func = isArray(collection) ? arrayMap : baseMap;\n  return func(collection, baseIteratee(iteratee, 3));\n}\n\nmodule.exports = map;\n","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';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nimport { ActionSectionContent } from '~/src/features/payments-abn/styled';\n\nexport const Subtitle = styled.span`\n    display: block;\n    margin-top: 8px;\n    ${FONTS.S};\n    white-space: pre-wrap;\n\n    & > span {\n        ${FONTS.MediumS};\n        color: ${COLORS.Link};\n        cursor: pointer;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.XS};\n\n        & > span {\n            ${FONTS.MediumXS};\n        }\n    }\n`;\n\nexport const Content = styled(ActionSectionContent)`\n    row-gap: 16px;\n`;\n\nexport const FrameHint = styled.div`\n    max-width: 406px;\n    ${FONTS.S};\n    color: ${COLORS.TextDisabled};\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        ${FONTS.XS};\n    }\n`;\n\n\nexport const Container = styled.div<{ loading: boolean }>`\n    width: 100%;\n    height: ${props => props.loading ? '200px' : 'auto'};\n    position: relative;\n`;\n\nexport const Frame = styled.iframe`\n    height: ${props => props.height || '630px'};\n    width: 100%;\n`;\n","import React, { useCallback, useEffect, useState } from 'react';\n\nimport Throbber from '@r1-frontend/ui-react/components/loaders/Throbber';\n\nimport { Container, Frame } from './styled';\n\nconst FRAME_OFFSET = 70;\n\ninterface IFrameResult {\n    url: string,\n    onResponse: (args: Record<string, string>) => void,\n    payParams?: unknown,\n}\n\ninterface MessageFrameEvent extends MessageEvent<string> {\n    originalEvent?: {\n        data?: unknown,\n    },\n}\n\nconst isHTMLIFrameElement = (data: unknown): data is HTMLIFrameElement => {\n    if (!data || typeof data !== 'object') {\n        return false;\n    }\n\n    return 'contentWindow' in data;\n};\n\nconst FrameResult = ({ url, onResponse, payParams }: IFrameResult) => {\n    const [iframeHeight, setIframeHeight] = useState(0);\n\n    const parseSetHeight = useCallback((message: string) => {\n        const height = parseInt(message) + FRAME_OFFSET;\n        setIframeHeight(height);\n    }, []);\n\n    const parsePaymentResponse = useCallback((message: string) => {\n        const result = message.split('&').reduce(\n            (acc: Record<string, string>, param) => {\n                const [key, value] = param.split('=');\n                acc[key] = value;\n\n                return acc;\n            },\n            {},\n        );\n\n        onResponse(result);\n    }, [onResponse]);\n\n    const parseLoad = useCallback(() => {\n        const frame = window.document.getElementById('paymentFrame');\n\n        if (frame && isHTMLIFrameElement(frame)) {\n            const contentWindow = frame.contentWindow;\n            contentWindow?.postMessage({ payDate: payParams }, '*');\n        }\n    }, [payParams]);\n\n    useEffect(() => {\n        const messageListener = (event: MessageFrameEvent) => {\n            const data = event.data || event.originalEvent?.data;\n            if (data && typeof data === 'string') {\n                const [command, message] = data.split(':', 2);\n                const actionsMap: Record<string, () => void> = {\n                    setHeight: () => parseSetHeight(message),\n                    paymentResponse: () => parsePaymentResponse(message),\n                    load: () => parseLoad(),\n                };\n\n                if (command in actionsMap) {\n                    actionsMap[command]();\n                }\n            }\n        };\n\n        window.addEventListener('message', messageListener);\n\n        return () => {\n            window.removeEventListener('message', messageListener);\n        };\n    }, [onResponse, parseLoad, parsePaymentResponse, parseSetHeight, payParams]);\n\n    const isLoading = !url;\n    return (\n        <Container\n            loading={isLoading}\n            data-test='paymentFrame'\n            className={'ym-hide-content'}\n        >\n            {isLoading\n                ? <Throbber position={'absolute'}/>\n                : <Frame id='paymentFrame' src={url} height={iframeHeight}/>\n            }\n        </Container>\n    );\n};\n\nexport default FrameResult;\n","import { useCallback } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useRouter } from 'next/router';\n\nimport FrameResult from '~/src/features/payments-abn/components/PaymentFrame/FrameResult';\nimport {\n    selectCardPaySum,\n} from '~/src/features/payments-abn/components/SeasonTicketPayment/store/selectors/selectPaymentSum';\nimport { EPaymentTypeIds, setPaymentResult } from '~/src/features/payments-abn/store/actionCreators';\nimport { checkPaymentStatus } from '~/src/features/payments-abn/store/actions';\nimport { TState } from '~/src/store';\n\nimport { ActionSectionTitle, ActionSectionWrapper } from '~/src/features/payments-abn/styled';\nimport * as ST from './styled';\n\nexport type TPaymentFrameProps = {\n    isOtherPaymentsAvailable?: boolean,\n}\n\n// TODO PaymentFrame - нужно перенести в попап, для того чтобы можно было его изолировать на уровне компонента оплаты картой\nconst PaymentFrame = (\n    {\n        isOtherPaymentsAvailable = true,\n    }: TPaymentFrameProps,\n): JSX.Element => {\n    const dispatch = useDispatch();\n\n    const {\n        auth: { isAuth },\n        payment: { isSaveCard, paymentTypeId, result },\n        seasonTicketPayment: { seasonTicket, bonusesInfo: { amount } },\n    } = useSelector((state: TState) => state);\n\n    const cardPaymentSum = useSelector(selectCardPaySum);\n\n    const { query: { s: queryPaySum, transaction } } = useRouter<string>();\n\n    const { paySum = 0 } = seasonTicket || {};\n\n    const goBackHandler = useCallback(() => {\n        dispatch(setPaymentResult({ ...result, frameUrl: '', email: '' }));\n    }, [dispatch, result]);\n\n    const parseResponse = useCallback((data: Record<string, string>) => {\n        const order = data.order_number || data.billing_transaction_id;\n\n        dispatch(checkPaymentStatus(order, transaction, queryPaySum));\n    }, [dispatch, queryPaySum, transaction]);\n\n    const isShowHintOnDefaultPayment = isAuth && paymentTypeId === EPaymentTypeIds.DEFAULT && !cardPaymentSum;\n\n    const isShowHintOnSeasonTicketPayment = isAuth && paymentTypeId === EPaymentTypeIds.WHOLESALE && (Math.ceil(paySum) === amount) && isSaveCard;\n\n    return (\n        <ActionSectionWrapper>\n            <ActionSectionTitle>\n                Добавьте карту\n                <ST.Subtitle>\n                    Введите данные карты, с которой хотите оплачивать услуги. {isOtherPaymentsAvailable && !isShowHintOnSeasonTicketPayment && (\n                        <>Если передумали, можно <span onClick={goBackHandler}>использовать другой способ оплаты</span>.</>\n                    )}\n                </ST.Subtitle>\n            </ActionSectionTitle>\n            <ST.Content>\n                {result?.frameUrl\n                    ? <FrameResult url={result.frameUrl} onResponse={parseResponse}/>\n                    : null\n                }\n                {(isShowHintOnDefaultPayment || isShowHintOnSeasonTicketPayment) && (\n                    <ST.FrameHint>Для проверки карты мы спишем с нее 1 рубль. После&nbsp;успешной проверки мы перечислим его обратно.</ST.FrameHint>\n                )}\n            </ST.Content>\n        </ActionSectionWrapper>\n    );\n};\n\nexport default PaymentFrame;\n","import { createSelector } from 'reselect';\n\nimport { IBindingCard } from '@r1-frontend/api-domru/api-profile/v2/info/all/dto/ResponseDto';\n\nimport { TState } from '~/src/store';\n\ninterface ICardsGroup {\n    blockTitle: string,\n    cardsList: IBindingCard[],\n}\n\ninterface ICardsInfo {\n    isCards: boolean,\n    isAutoPayCard: boolean,\n    cardGroups: ICardsGroup[],\n}\n\ninterface IPaySystem {\n    [key: string]: string[],\n}\n\nconst paySystemCodes: IPaySystem = {\n    'MIR': ['2'],\n    'AmericanExpress': ['34', '37'],\n    'JCB': ['31', '35'],\n    'DinersClub': ['30', '36', '38'],\n    'VISA': ['4'],\n    'MasterCard': ['51', '52', '53', '54', '55'],\n    'Maestro': ['50', '56', '57', '58', '63', '67'],\n    'UnionPay': ['62'],\n    'Discover': ['60'],\n    'UEC': ['7'],\n};\n\nexport const selectCardsWithPaySystem = createSelector(\n    (state: TState) => state.auth.clientPayment?.bindingCards,\n    cards => {\n        return cards?.reduce((acc: ICardsInfo, card: IBindingCard) => {\n            const { maskedNumber, autoPayStatus } = card;\n\n            const _number = maskedNumber.split(' ');\n            const lastNumberGroup = _number[_number.length - 1];\n            const oneSymbolCode = maskedNumber.charAt(0);\n            const twoSymbolsCode = maskedNumber.substring(0, 2);\n\n            for (const key in paySystemCodes) {\n                if (paySystemCodes[key].includes(oneSymbolCode) || paySystemCodes[key].includes(twoSymbolsCode)) {\n                    card.paySystem = key;\n                    card.numberWithPaySystem = `${key} •• ${lastNumberGroup}`;\n                }\n            }\n\n            if (autoPayStatus) {\n                acc.isCards = true;\n                acc.isAutoPayCard = true;\n                acc.cardGroups[0].cardsList.push(card);\n            } else {\n                acc.isCards = true;\n                acc.cardGroups[1].cardsList.push(card);\n            }\n\n            return acc;\n        }, {\n            isCards: false,\n            isAutoPayCard: false,\n            cardGroups: [\n                {\n                    blockTitle: 'Для автоплатежа',\n                    cardsList: [],\n                },\n                {\n                    blockTitle: 'Дополнительные',\n                    cardsList: [],\n                },\n            ],\n        });\n    },\n);\n","import styled from 'styled-components';\n\nimport WideContainer, { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { FONTS } from '@r1-frontend/ui-react/tokens/fonts';\n\nexport const PageContainer = styled(WideContainer)`\n    flex-direction: column;\n    margin-top: 72px;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        margin-top: 80px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        margin-top: 44px;\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        margin-top: 32px;\n    }\n`;\n\nexport const PageTitle = styled.h1`\n    ${FONTS.H1};\n    color: ${COLORS.TextPrimary};\n    margin-top: 0;\n    margin-bottom: 32px;\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        margin-bottom: 24px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${FONTS.H3};\n    }\n`;\n\nexport const PageContent = styled.div`\n    display: grid;\n    grid-template-columns: 480px 992px;\n    column-gap: 32px;\n\n    @media (max-width: ${wideBreakpoints.sDesktop}) {\n        grid-template-columns: 384px 800px;\n    }\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        grid-template-columns: 296px 616px;\n        column-gap: 24px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        grid-template-columns: 1fr;\n        row-gap: 32px;\n    }\n`;\n\nexport const InfoBlock = styled.div`\n    position: relative;\n    flex-direction: column;\n    width: 100%;\n    row-gap: 24px;\n    z-index: 1;\n\n    @media (max-width: ${wideBreakpoints.laptop}) {\n        margin-top: 8px;\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        margin-top: 0;\n        row-gap: 12px;\n    }\n`;\n\nexport const ActionsBlock = styled.div`\n    flex-direction: column;\n    align-items: baseline;\n    width: 100%;\n    row-gap: 66px;\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        align-items: initial;\n        row-gap: 32px;\n    }\n`;\n\nexport const ActionSectionWrapper = styled.div`\n    flex-direction: column;\n    width: 100%;\n    row-gap: 24px;\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        align-items: initial;\n        row-gap: 16px;\n    }\n`;\n\nexport const ActionSectionTitle = styled.h3`\n    ${FONTS.H3};\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${FONTS.H4};\n    }\n`;\n\nexport const ActionSectionContent = styled.div<{ isSBP?: boolean }>`\n    flex-direction: column;\n    width: 100%;\n    align-items: baseline;\n    row-gap: 24px;\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        align-items: initial;\n        row-gap: ${p => p.isSBP ? '0' : '32px'};\n    }\n\n    @media (max-width: ${wideBreakpoints.mobile}) {\n        row-gap: ${p => p.isSBP ? '0' : '12px'};\n    }\n`;\n\nexport const SetupLink = styled.a`\n    display: inline-block;\n    ${FONTS.MediumS};\n    color: ${COLORS.Link};\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        ${FONTS.MediumXS};\n    }\n`;\n\nexport const PopupInfo = styled.div`\n    ${FONTS.S};\n    color: ${COLORS.TextInfo};\n\n    p {\n        color: ${COLORS.Link};\n        cursor: pointer;\n    }\n`;\n","import { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setErrorMessage = (message: string | null): IAction<ESpecOfferActionTypes.setErrorMessage, string | null> => ({\n    type: ESpecOfferActionTypes.setErrorMessage,\n    payload: message,\n});\n","import { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setIsLoadingOffers = (state: boolean): IAction<ESpecOfferActionTypes.setIsLoading, boolean> => ({\n    type: ESpecOfferActionTypes.setIsLoading,\n    payload: state,\n});\n","import { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setIsPopupOpened = (state: boolean): IAction<ESpecOfferActionTypes.setIsPopupOpened, boolean> => ({\n    type: ESpecOfferActionTypes.setIsPopupOpened,\n    payload: state,\n});\n","import { TSpecOffer } from '~/src/features/specialOffersContainer/types';\nimport { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setOffers = (state: TSpecOffer[]): IAction<ESpecOfferActionTypes.setOffers, TSpecOffer[]> => ({\n    type: ESpecOfferActionTypes.setOffers,\n    payload: state,\n});\n","import { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setOfferTransaction = (state: string | null): IAction<ESpecOfferActionTypes.setOfferTransaction, string | null> => ({\n    type: ESpecOfferActionTypes.setOfferTransaction,\n    payload: state,\n});\n","import { TPopupState } from '~/src/features/specialOffersContainer/types';\nimport { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setPopupState = (state: TPopupState): IAction<ESpecOfferActionTypes.setPopupState, TPopupState> => ({\n    type: ESpecOfferActionTypes.setPopupState,\n    payload: state,\n});\n","import { ISpecOffer } from '@r1-frontend/api-domru/spec-offer/v1/spec-offers';\n\nimport { IAction } from '~/src/store';\n\nimport { ESpecOfferActionTypes } from './constants';\n\nexport const setSelectedOfferId = (state: ISpecOffer['requestId']): IAction<ESpecOfferActionTypes.setSelectedOfferId, ISpecOffer['requestId']> => ({\n    type: ESpecOfferActionTypes.setSelectedOfferId,\n    payload: state,\n});\n","import styled from 'styled-components';\n\nimport NukaCarousel from '@r1-frontend/ui-react/components/NukaCarousel';\n\nexport const CustomNukaCarousel = styled(NukaCarousel)<{ cursorType: string }>`\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    \n    & section,\n    & div {\n        outline: none;\n    }\n\n    & > section > div.slider-frame {\n        div.slider-list {\n            cursor: ${p => p.dragging ? 'grab' : p.cursorType} !important;\n        }\n    }\n`;\n","import { Children, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { CarouselControlContainerProp, CSSProperties } from 'nuka-carousel';\n\nimport { ICarouselProps } from '@r1-frontend/ui-react/components/NukaCarousel';\n\nimport { CustomNukaCarousel } from './styled';\n\nexport interface ISlideCarouselProps extends ICarouselProps {\n    children: Array<ReactNode>,\n    slideWidth: number,\n    cellSpacing: number,\n    dragging?: boolean,\n    cursorType?: string,\n    customControlsContainerStyles?: (key: CarouselControlContainerProp) => CSSProperties,\n}\n\nconst DOTS_PADDING = -30;\nconst ARROWS_PADDING = -22;\n\nconst defaultControlsContainerStyles = (key: CarouselControlContainerProp): CSSProperties => {\n    switch (key) {\n        case 'BottomCenter':\n            return {\n                bottom: DOTS_PADDING,\n            };\n        case 'CenterRight':\n            return {\n                right: `${ARROWS_PADDING}px`,\n            };\n        case 'CenterLeft':\n            return {\n                left: `${ARROWS_PADDING}px`,\n            };\n        default: return {};\n    }\n};\n\n/**\n * Карусель с автоматическим определением количества видимых слайдов\n * @param slideWidth - ширина слайда карусели\n * @param cellSpacing - расстояние между слайдами\n * @param slideIndex - прокрутка к указанному слайду\n */\nconst SlideCarousel = ({\n    children,\n    slideWidth = 304,\n    cellSpacing = 20,\n    withoutArrows,\n    withoutDots,\n    dragging = true,\n    cursorType = 'initial',\n    slideIndex = 0,\n    customControlsContainerStyles = defaultControlsContainerStyles,\n    ...props\n}: ISlideCarouselProps): JSX.Element => {\n    const swiperRef = useRef<HTMLInputElement | null>(null);\n\n    const [currIndex, setCurrIndex] = useState(slideIndex);\n\n    const [sliderSettings, setSettings] = useState({\n        correctSlideWidth: slideWidth,\n        isAllSlidesView: false,\n    });\n\n    const onResize = useCallback(() => {\n        if (!swiperRef.current) {\n            return;\n        }\n\n        const oneSlideWidth = slideWidth + cellSpacing;\n\n        const sliderWidth = swiperRef.current.clientWidth;\n\n        const slideCount = sliderWidth / oneSlideWidth;\n\n        const correctSlideWidth = sliderWidth < oneSlideWidth ? sliderWidth - cellSpacing : slideWidth;\n\n        const isAllSlidesView = Children.count(children) < slideCount;\n\n        setSettings({\n            correctSlideWidth,\n            isAllSlidesView,\n        });\n    }, [cellSpacing, slideWidth, children]);\n\n    useEffect(() => {\n        onResize();\n    }, [onResize]);\n\n    useEffect(() => {\n        const newIndex = slideIndex === -1 ? 0 : slideIndex;\n\n        if (newIndex !== currIndex) {\n            setCurrIndex(newIndex);\n        }\n    }, [currIndex, slideIndex]);\n\n    return (\n        <CustomNukaCarousel\n            innerRef={swiperRef}\n            slideIndex={sliderSettings.isAllSlidesView ? 0 : currIndex}\n            slideWidth={`${sliderSettings.correctSlideWidth}px`}\n            cellSpacing={cellSpacing}\n            slidesToScroll={'auto'}\n            onResize={onResize}\n            disableEdgeSwiping={true}\n            easing={'easeCubicOut'}\n            edgeEasing={'easeCubicOut'}\n            withoutArrows={sliderSettings.isAllSlidesView || withoutArrows}\n            withoutDots={sliderSettings.isAllSlidesView || withoutDots}\n            dragging={!sliderSettings.isAllSlidesView && dragging}\n            getControlsContainerStyles={customControlsContainerStyles}\n            cursorType={cursorType}\n            {...props}\n        >\n            {Children.map(children, (child) => {\n                return child;\n            })}\n        </CustomNukaCarousel>\n    );\n};\n\nexport default SlideCarousel;\n","import styled, { css } from 'styled-components';\n\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { BlockContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { BorderRadius } from '@r1-frontend/ui-react/tokens/borderRadius';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\n\nexport const ItemWrapper = styled.div<{ isChecked: boolean }>`\n    width: 136px;\n    height: 112px;\n    padding: 2px;\n    border-width: 2px;\n    border-style: solid;\n    border-color: ${({ isChecked }) => isChecked ? COLORS.Outline_Dark : 'transparent'};\n    border-radius: 26px;\n    background-color: transparent;\n    transition: all .25s ease;\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        width: 120px;\n        height: 104px;\n        border-radius: 18px;\n    }\n`;\n\nexport const SBlockContainer = styled(BlockContainer)<{ isSbp: boolean }>`\n    position: relative;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    height: 100%;\n    ${({ isSbp }) => isSbp\n        ? css`\n            padding: 6px 6px 12px;\n\n            &:before {\n                content: '';\n                position: absolute;\n                top: 4px;\n                left: 4px;\n                right: 4px;\n                height: 36px;\n                border-radius: 20px;\n                background: linear-gradient(17.01deg, #EE7D38 7.46%, #EC5D5D 29.04%, #B244CA 51.1%, #5D70E0 71.24%, #51B5E6 92.34%);\n            }\n\n            @media (max-width: ${wideBreakpoints.tablet}) {\n                &:before {\n                    border-radius: 12px;\n                }\n            }\n        `\n        : css`\n            padding: 4px 4px 12px;\n        `\n    };\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        border-radius: ${BorderRadius.componentRadius};\n    }\n`;\n\nexport const ItemImage = styled.div<{ isSbp?: boolean, isIcon?: boolean }>`\n    position: relative;\n    width: 100%;\n    height: 32px;\n    align-items: center;\n    margin-bottom: 12px;\n    border-radius: 20px;\n    background-color: ${COLORS.BgMain};\n    z-index: 1;\n\n    ${({ isSbp }) => isSbp\n        ? css`\n            height: 32px;\n            border: 2px solid transparent;\n        `\n        : css`\n            height: 36px;\n            border: 2px solid ${COLORS.BgMain};\n        `\n    };\n\n    img {\n        height: 100%;\n        margin: 0 auto;\n        ${({ isIcon }) => isIcon && css`\n            max-height: 17px;\n        `}\n    }\n\n    @media (max-width: ${wideBreakpoints.tablet}) {\n        border-radius: ${({ isSbp }) => isSbp ? '10px' : '12px'}\n    }\n`;\n\nexport const ItemRadio = styled.div`\n    flex-wrap: nowrap;\n    width: 100%;\n    height: 40px;\n    padding: 0 8px;\n    align-items: center;\n\n    label > input[type=\"radio\"] {\n        align-self: center;\n    }\n`;\n","import { useMemo } from 'react';\n\nimport BaseRadio from '@r1-frontend/ui-react/components/controls/baseRadio';\nimport { wideBreakpoints } from '@r1-frontend/ui-react/components/layouts/wideContainer';\nimport { ListContainer } from '@r1-frontend/ui-react/experimental/containers';\nimport { COLORS } from '@r1-frontend/ui-react/tokens/colors';\nimport { useMatchMediaByWidth } from '@r1-frontend/shared/hooks/useMatchMedia';\n\nimport * as ST from './styled';\n\nexport enum EAdditionalMethodId {\n    sbp = 'sbp',\n    newCard = 'new-card',\n}\n\nexport type TPaymentMethod = 'card' | 'sbp' | 'new-card' | 'sberpay';\n\nexport interface IMethodData {\n    id: string | EAdditionalMethodId,\n    methodType: TPaymentMethod,\n    label: string,\n    value: string,\n    imagePath: string,\n    imageAlt: string,\n    isAutoPayConnected: boolean,\n    isIcon?: boolean,\n    onSelectMethod?: (selectedMethod: IMethodData) => void,\n    widget?: ({ isChecked, method, onSelectMethod }: IPaymentMethodProps) => JSX.Element,\n    additionalBlock?: () => JSX.Element,\n}\n\nexport interface IPaymentMethodProps {\n    isChecked: boolean,\n    method: IMethodData,\n    onSelectMethod: (method: IMethodData) => void,\n}\n\nexport const PAYMENT_METHOD_ID = 'PaymentMethod';\n\nconst PaymentMethod = ({ isChecked, method, onSelectMethod }: IPaymentMethodProps): JSX.Element => {\n    const isTablet = useMatchMediaByWidth(wideBreakpoints.tablet);\n\n    const { id, methodType, value, label, imagePath, imageAlt, isIcon } = method;\n\n    const onSelectMethodHandler = ()  => {\n        onSelectMethod(method);\n    };\n\n    const methodName = useMemo(() => {\n        if (methodType === 'card') {\n            const [paySystem, ...rest] = label.split(' ');\n\n            return <ListContainer $desktop={0} $mobile={0} $direction='column'>\n                <span>{paySystem}</span>\n                <span>{rest.join(' ')}</span>\n            </ListContainer>;\n        }\n\n        return label;\n    }, [label, methodType]);\n\n    return (\n        <ST.ItemWrapper\n            isChecked={isChecked}\n            onClick={onSelectMethodHandler}\n            data-test={PAYMENT_METHOD_ID}\n        >\n            <ST.SBlockContainer\n                indent={{ $united: [0] }}\n                rounder={{ $radius: 24 }}\n                bgColor={COLORS.BgSurface}\n                isSbp={methodType === 'sbp'}\n            >\n                <ST.ItemImage\n                    isSbp={methodType === 'sbp'}\n                    isIcon={isIcon}\n                >\n                    <img src={imagePath} alt={imageAlt} />\n                </ST.ItemImage>\n                <ST.ItemRadio>\n                    <BaseRadio\n                        size={isTablet ? 'XXS' : 'XS'}\n                        id={id}\n                        name={'method'}\n                        value={value}\n                        checked={isChecked}\n                        data-test={`${PAYMENT_METHOD_ID}-radio`}\n                    >\n                        {methodName}\n                    </BaseRadio>\n                </ST.ItemRadio>\n            </ST.SBlockContainer>\n        </ST.ItemWrapper>\n    );\n};\n\nexport default PaymentMethod;\n"],"names":["baseFlatten","map","module","exports","collection","iteratee","baseIsEqual","value","other","arrayMap","baseIteratee","baseMap","isArray","Subtitle","styled","FONTS","COLORS","wideBreakpoints","Content","ActionSectionContent","FrameHint","Container","props","loading","Frame","height","url","onResponse","payParams","useState","iframeHeight","setIframeHeight","parseSetHeight","useCallback","message","parseInt","parsePaymentResponse","result","split","reduce","acc","param","key","parseLoad","data","frame","window","document","getElementById","contentWindow","postMessage","payDate","useEffect","messageListener","event","originalEvent","command","actionsMap","setHeight","paymentResponse","load","addEventListener","removeEventListener","isLoading","data-test","className","Throbber","position","id","src","isOtherPaymentsAvailable","dispatch","useDispatch","useSelector","state","auth","isAuth","payment","isSaveCard","paymentTypeId","seasonTicketPayment","seasonTicket","bonusesInfo","amount","cardPaymentSum","selectCardPaySum","useRouter","query","s","transaction","paySum","goBackHandler","setPaymentResult","frameUrl","email","parseResponse","order","order_number","billing_transaction_id","checkPaymentStatus","queryPaySum","isShowHintOnDefaultPayment","EPaymentTypeIds","isShowHintOnSeasonTicketPayment","Math","ceil","ActionSectionWrapper","ActionSectionTitle","ST","span","onClick","FrameResult","paySystemCodes","selectCardsWithPaySystem","createSelector","clientPayment","bindingCards","cards","card","maskedNumber","autoPayStatus","_number","lastNumberGroup","length","oneSymbolCode","charAt","twoSymbolsCode","substring","includes","paySystem","numberWithPaySystem","isCards","isAutoPayCard","cardGroups","cardsList","push","blockTitle","PageContainer","WideContainer","PageTitle","PageContent","InfoBlock","ActionsBlock","p","isSBP","SetupLink","PopupInfo","setErrorMessage","type","ESpecOfferActionTypes","payload","setIsLoadingOffers","setIsPopupOpened","setOffers","setOfferTransaction","setPopupState","setSelectedOfferId","CustomNukaCarousel","NukaCarousel","dragging","cursorType","defaultControlsContainerStyles","bottom","right","left","children","slideWidth","cellSpacing","withoutArrows","withoutDots","slideIndex","customControlsContainerStyles","swiperRef","useRef","currIndex","setCurrIndex","correctSlideWidth","isAllSlidesView","sliderSettings","setSettings","onResize","current","oneSlideWidth","sliderWidth","clientWidth","slideCount","Children","newIndex","innerRef","slidesToScroll","disableEdgeSwiping","easing","edgeEasing","getControlsContainerStyles","child","ItemWrapper","isChecked","SBlockContainer","BlockContainer","isSbp","css","BorderRadius","ItemImage","isIcon","ItemRadio","EAdditionalMethodId","sbp","PAYMENT_METHOD_ID","method","onSelectMethod","isTablet","useMatchMediaByWidth","methodType","label","imagePath","imageAlt","methodName","useMemo","ListContainer","$desktop","$mobile","$direction","rest","join","indent","$united","rounder","$radius","bgColor","img","alt","BaseRadio","size","name","checked"],"sourceRoot":""}