{"version":3,"file":"CatalogCardDesktop.793ee55a.es5.js","mappings":"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","sources":["webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-block/src/desktop/index.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-block/src/styles/desktop.css?d29c","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-catalog-card/src/desktop.css?c725","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-catalog-card/src/components/benefits-content.tsx","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-catalog-card/src/catalog-card-desktop.tsx","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-catalog-card/src/desktop.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-layout/src/desktop/index.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-layout/src/desktop/desktop.css?ae96","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-layout/src/desktop/desktop.tsx","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-text-v2/src/desktop/index.ts"],"sourcesContent":["import { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\n\nimport { Block as Component } from '../block';\nimport type { TBlock, IDeps } from '../models';\nimport styles from '../styles/desktop.css';\n\n// className прокидывается через переменную classNames\n// eslint-disable-next-line styler/check-styler\nexport const BlockDesktop = createWidget<IDeps, TBlock>({ styles })(Component);\n","// extracted by mini-css-extract-plugin\nexport default {\"background-$(backgroundColorBg)\":\"a2YsG\",\"background-$(backgroundColor)\":\"b2YsG\",\"block\":\"c2YsG\",\"fullHeight\":\"d2YsG\",\"standard\":\"e2YsG\",\"sticky\":\"f2YsG\",\"normal\":\"g2YsG\",\"perimeter16\":\"h2YsG\",\"perimeter24\":\"i2YsG\",\"perimeter32\":\"j2YsG\",\"perimeter48\":\"k2YsG\",\"inner\":\"l2YsG\",\"border\":\"m2YsG\",\"border-dark-indigo-20\":\"n2YsG\",\"borderDarkIndigo20\":\"n2YsG\",\"border-dark-indigo-10\":\"o2YsG\",\"borderDarkIndigo10\":\"o2YsG\",\"borderRadius0\":\"p2YsG\",\"borderRadius4\":\"q2YsG\",\"borderRadius8\":\"r2YsG\",\"borderRadius12\":\"s2YsG\",\"overflowHidden\":\"t2YsG\",\"white\":\"u2YsG\",\"grey\":\"v2YsG\",\"blue\":\"w2YsG\",\"transparent\":\"x2YsG\",\"black\":\"y2YsG\",\"lightInverted\":\"z2YsG\",\"perimeter\":\"A2YsG\",\"shadow\":\"B2YsG\"};","// extracted by mini-css-extract-plugin\nexport default {\"background-$(backgroundColorBg)\":\"a3d8L\",\"background-$(backgroundColor)\":\"b3d8L\",\"wrapper\":\"c3d8L\",\"external\":\"d3d8L\",\"floatImg\":\"e3d8L\",\"displayFlex\":\"f3d8L\",\"linkContainer\":\"g3d8L\",\"buttonContainer\":\"h3d8L\"};","import React from 'react';\nimport type { FC } from 'react';\nimport { Grid } from '@alfa-bank/site-grid-universal';\nimport { ImgV2 as Img } from '@alfa-bank/site-img-v2';\nimport type { TextDesktop } from '@alfa-bank/site-text-v2/desktop';\nimport type { TextMobile } from '@alfa-bank/site-text-v2/mobile';\n\nimport type { TCatalogCardDesktop } from '../models';\ntype TBenefitsContent = Pick<\n    TCatalogCardDesktop,\n    | 'buttonText'\n    | 'detailText'\n    | 'floatImg'\n    | 'giftImgAlt'\n    | 'giftImgHeight'\n    | 'giftImgSrc'\n    | 'giftText'\n> & {\n    Text: typeof TextDesktop | typeof TextMobile;\n    button: JSX.Element;\n    detailButton: JSX.Element;\n    newThemeNaming: 'light' | 'dark';\n};\n\nexport const BenefitsContent: FC<TBenefitsContent> = ({\n    Text,\n    button,\n    buttonText,\n    detailButton,\n    detailText,\n    giftImgAlt,\n    giftImgHeight = 10,\n    giftImgSrc,\n    giftText,\n    newThemeNaming,\n}) => {\n    const FULL_WIDTH = 1;\n    const COLUMN_WIDTH = 230;\n    const MARGIN_BETWEEN_COLUMN = 32;\n    const GIFT_ICON_WIDTH = 24;\n    const GIFT_ICON_MARGIN = 12;\n    const TWO_COLUMN_WIDTH = COLUMN_WIDTH * 2 + MARGIN_BETWEEN_COLUMN;\n\n    const getBenefitsWidth = (width1: number, width2: number, width3: number) => {\n        const isSomeButtonsUnavailable = !buttonText || !detailText;\n        const isBothButtonsUnavailable = !buttonText && !detailText;\n\n        if (isBothButtonsUnavailable) {\n            return width1;\n        }\n        if (isSomeButtonsUnavailable) {\n            return width2;\n        }\n\n        return width3;\n    };\n\n    return (\n        <Grid\n            collapse\n            columnsWidth={[\n                getBenefitsWidth(FULL_WIDTH, TWO_COLUMN_WIDTH, COLUMN_WIDTH),\n                detailText ? MARGIN_BETWEEN_COLUMN : '0px',\n                detailText ? COLUMN_WIDTH : '0px',\n                MARGIN_BETWEEN_COLUMN,\n                buttonText ? COLUMN_WIDTH : '0px',\n            ]}\n            justify=\"start\"\n        >\n            <Grid\n                collapse\n                columnsWidth={[\n                    giftImgSrc ? GIFT_ICON_WIDTH : '0px',\n                    giftImgSrc ? GIFT_ICON_MARGIN : '0px',\n                    getBenefitsWidth(\n                        FULL_WIDTH,\n                        TWO_COLUMN_WIDTH - GIFT_ICON_WIDTH - GIFT_ICON_MARGIN,\n                        COLUMN_WIDTH - GIFT_ICON_WIDTH - GIFT_ICON_MARGIN\n                    ),\n                ]}\n                justify=\"start\"\n            >\n                <>\n                    {giftImgSrc && (\n                        <Img alt={giftImgAlt} height={giftImgHeight} src={giftImgSrc} width={24} />\n                    )}\n                </>\n                <></>\n                <>\n                    <Text\n                        styler={{ margin: 0, padding: 0 }}\n                        theme={newThemeNaming}\n                        view=\"primary-medium\"\n                    >\n                        {giftText}\n                    </Text>\n                </>\n            </Grid>\n            <></>\n            <div>{detailText && detailButton}</div>\n            <></>\n            <div>{buttonText && button}</div>\n        </Grid>\n    );\n};\n","import type { FC, ReactElement } from 'react';\nimport React, { cloneElement } from 'react';\nimport cn from 'classnames';\nimport type { IStyler } from '@alfa-bank/site-util-create-widget/src/models';\n\nimport { DEFAULT_THEME } from './config';\nimport type { TCatalogCardDesktop, TDesktopStyles, TTextWithStyler } from './models';\nimport { BenefitsContent } from './components/benefits-content';\n\nconst HR_MARGIN = '32px';\n\nexport const CatalogCardDesktop: FC<TCatalogCardDesktop> = ({\n    Aligner,\n    Block,\n    Button,\n    DataLayer,\n    EmptyCard,\n    Grid,\n    Hr,\n    Img,\n    Layout,\n    Link,\n    Text,\n    advantageFirstHeading,\n    advantageFirstText,\n    advantageSecondHeading,\n    advantageSecondText,\n    advantageThirdHeading,\n    advantageThirdText,\n    backgroundColor,\n    backgroundImage,\n    buttonAdvCodes,\n    buttonClickGa,\n    buttonHref,\n    buttonText,\n    buttonView = 'primary',\n    detailView = 'secondary',\n    cardClickGA,\n    cardLinkHref,\n    children,\n    detailClickGA,\n    detailHref,\n    detailText,\n    floatImg,\n    giftImgAlt,\n    giftImgHeight = 10,\n    giftImgSrc,\n    giftText,\n    heading,\n    headingClickGA,\n    headingLink,\n    headingText,\n    mainImgAlt,\n    mainImgHeight = 100,\n    mainImgWidth = 290,\n    mainImgSrc,\n    onLoadGA,\n    preconfigured,\n    cardStyler,\n    styles,\n    theme = DEFAULT_THEME,\n    useNamedContainers,\n    className,\n    ...rest\n}) => {\n    const newThemeNaming = theme === 'white' ? 'light' : 'dark';\n\n    const marginZero: IStyler = {\n        marginTop: 0,\n        marginBottom: 0,\n    };\n\n    const { mainImg: SlotMainImg } = useNamedContainers(children);\n\n    const card = SlotMainImg ? (\n        <>{cloneElement(SlotMainImg as ReactElement)}</>\n    ) : (\n        mainImgSrc && (\n            <Img\n                alt={mainImgAlt}\n                height={mainImgHeight}\n                radiusKind=\"card\"\n                responsive\n                responsiveKind=\"new\"\n                src={mainImgSrc}\n                width={mainImgWidth}\n            />\n        )\n    );\n\n    const cardRender = headingLink ? (\n        <DataLayer data={cardClickGA}>\n            <Link border=\"hidden\" href={headingLink} theme={theme}>\n                {floatImg ? (\n                    <div\n                        className={cn({\n                            [styles.floatImg as keyof TDesktopStyles]: floatImg,\n                        })}\n                        style={{\n                            background: `center right / cover no-repeat url(${mainImgSrc})`,\n                        }}\n                    />\n                ) : (\n                    card\n                )}\n            </Link>\n        </DataLayer>\n    ) : (\n        <>{card}</>\n    );\n\n    const headerRender = (\n        <Text\n            styler={{\n                marginTop: 0,\n                marginBottom: 12,\n            }}\n            tag=\"h2\"\n            theme={newThemeNaming}\n            view=\"medium\"\n        >\n            {headingLink ? (\n                <DataLayer data={headingClickGA}>\n                    <Link href={headingLink} theme={theme}>\n                        {heading}\n                    </Link>\n                </DataLayer>\n            ) : (\n                <>{heading}</>\n            )}\n        </Text>\n    );\n\n    const button = (\n        <DataLayer data={buttonClickGa}>\n            <Link advCodes={buttonAdvCodes} border=\"hidden\" href={buttonHref}>\n                <Button block size=\"s\" styler={{ borderRadius: 8 }} view={buttonView}>\n                    <Text styler={{ ...marginZero }} theme=\"dark\" view=\"action-primary-medium\">\n                        {buttonText}\n                    </Text>\n                </Button>\n            </Link>\n        </DataLayer>\n    );\n\n    const detailButton = (\n        <DataLayer data={detailClickGA}>\n            <Button block href={detailHref} size=\"s\" styler={{ borderRadius: 8 }} view={detailView}>\n                <Text\n                    styler={{ ...marginZero }}\n                    theme={theme === 'blue' ? 'dark' : 'light'}\n                    view=\"action-primary-medium\"\n                >\n                    {detailText}\n                </Text>\n            </Button>\n        </DataLayer>\n    );\n\n    const advHeadingProps: TTextWithStyler = {\n        view: 'xsmall',\n        styler: {\n            marginTop: 0,\n            marginBottom: 4,\n        },\n        theme: newThemeNaming,\n    };\n\n    const advTextProps: TTextWithStyler = {\n        view: 'primary-medium',\n        styler: {\n            ...marginZero,\n        },\n        theme: newThemeNaming,\n    };\n    const inner = (\n        <EmptyCard\n            backgroundColor={backgroundColor}\n            backgroundImage={backgroundImage}\n            backgroundKind=\"transparent\"\n            className={cn(styles.wrapper, styles.external)}\n            radiusKind=\"panel\"\n            shadowKind=\"plastic\"\n            styler={{ paddingTop: 32, borderRadius: 32, ...cardStyler }}\n        >\n            <DataLayer data={onLoadGA} sendOnRender />\n            <Grid\n                collapse\n                columnsWidth={[32, 290, 32, 754, 32]}\n                styler={{\n                    marginBottom: 32,\n                }}\n            >\n                <></>\n                <>{cardRender}</>\n                <></>\n                <>\n                    {headerRender}\n                    <Text styler={marginZero} theme={newThemeNaming}>\n                        {headingText}\n                    </Text>\n\n                    {advantageFirstHeading && (\n                        <Grid\n                            collapse\n                            columnsWidth={[230, null, 230, null, 230]}\n                            styler={{\n                                marginTop: 32,\n                            }}\n                        >\n                            <>\n                                <Text {...advHeadingProps}>{advantageFirstHeading}</Text>\n                                <Text {...advTextProps}>{advantageFirstText}</Text>\n                            </>\n                            <></>\n                            <>\n                                <Text {...advHeadingProps}>{advantageSecondHeading}</Text>\n                                <Text {...advTextProps}>{advantageSecondText}</Text>\n                            </>\n                            <></>\n                            <>\n                                <Text {...advHeadingProps}>{advantageThirdHeading}</Text>\n                                <Text {...advTextProps}>{advantageThirdText}</Text>\n                            </>\n                        </Grid>\n                    )}\n\n                    {(giftText || detailText || buttonText) && (\n                        <>\n                            <Hr marginBottom={HR_MARGIN} marginTop={HR_MARGIN} theme={theme} />\n                            <BenefitsContent\n                                button={button}\n                                buttonText={buttonText}\n                                detailButton={detailButton}\n                                detailText={detailText}\n                                floatImg={floatImg}\n                                giftImgAlt={giftImgAlt}\n                                giftImgHeight={giftImgHeight}\n                                giftImgSrc={giftImgSrc}\n                                giftText={giftText}\n                                newThemeNaming={newThemeNaming}\n                                Text={Text}\n                            />\n                        </>\n                    )}\n                </>\n                <></>\n            </Grid>\n        </EmptyCard>\n    );\n\n    const content = (\n        <Block className={className} notPadded theme={theme}>\n            {inner}\n        </Block>\n    );\n\n    const contentWithLink = cardLinkHref ? <Link href={cardLinkHref}>{content}</Link> : content;\n\n    return preconfigured ? (\n        <Block notPadded {...rest} className={className}>\n            <Layout>{contentWithLink}</Layout>\n        </Block>\n    ) : (\n        <div {...rest} className={className}>\n            {contentWithLink}\n        </div>\n    );\n};\n","import { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\nimport { BlockDesktop as Block } from '@alfa-bank/site-block/desktop';\nimport { LayoutDesktop as Layout } from '@alfa-bank/site-layout/desktop';\nimport { Grid } from '@alfa-bank/site-grid-universal';\nimport { ImgV2 as Img } from '@alfa-bank/site-img-v2';\nimport { TextDesktop as Text } from '@alfa-bank/site-text-v2/desktop';\nimport { LinkPid as Link } from '@alfa-bank/site-link/link-pid';\nimport { Button } from '@alfa-bank/site-button-v2';\nimport { Aligner } from '@alfa-bank/site-aligner';\nimport { DataLayer } from '@alfa-bank/site-data-layer';\nimport { EmptyCard } from '@alfa-bank/site-empty-card';\nimport { Hr } from '@alfa-bank/site-hr';\nimport { useNamedContainers } from '@alfa-bank/site-named-container/utils';\nimport { createElement } from 'react';\n\nimport styles from './desktop.css';\nimport { CatalogCardDesktop as Component } from './catalog-card-desktop';\nimport type { IDepsDesktop, TCatalogCardDesktop, IProps } from './models';\n\n/**\n * TODO: Отрефакторить, после того как придумаем\n * как задавать значения по умолчанию для styler\n */\nexport const CatalogCardDesktop = (props: IProps) =>\n    createElement(\n        createWidget<IDepsDesktop, TCatalogCardDesktop>({\n            styles,\n            Block,\n            Layout,\n            Grid,\n            Img,\n            Text,\n            Link,\n            Button,\n            Aligner,\n            DataLayer,\n            EmptyCard,\n            Hr,\n            useNamedContainers,\n        })(Component),\n        {\n            ...props,\n            styler: {\n                borderRadius: 32,\n                ...props.styler,\n            },\n        }\n    );\n","import { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\n\nimport type { TLayoutDesktop, IDepsDesktop } from '../models';\n\nimport { Layout as Component } from './desktop';\nimport styles from './desktop.css';\n\nexport const LayoutDesktop = createWidget<IDepsDesktop, TLayoutDesktop>({ styles })(Component);\n","// extracted by mini-css-extract-plugin\nexport default {\"layout\":\"a3buV\",\"layoutContent\":\"b3buV\"};","import React from 'react';\nimport type { FC } from 'react';\nimport cn from 'classnames';\n\nimport { mapWidth } from '../helpers/map-width';\nimport type { TLayoutDesktop } from '../models';\n\nexport const Layout: FC<TLayoutDesktop> = ({\n    children,\n    className,\n    classNames: { layout, layoutContent } = {},\n    contentWidth,\n    dataTestId = 'layout',\n    hasPadding = true,\n    scroll,\n    styles,\n    ...props\n}) => {\n    return (\n        <div\n            className={cn(\n                {\n                    [styles.layout]: !scroll && hasPadding,\n                },\n                layout,\n                className\n            )}\n            data-test-id={dataTestId}\n            {...props}\n        >\n            <div\n                className={cn(\n                    {\n                        [styles.layoutContent]: !scroll,\n                    },\n                    layoutContent\n                )}\n                style={contentWidth ? { maxWidth: mapWidth(contentWidth) } : undefined}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n","import { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\n\nimport type { TPropsDesktop, IDepsDesktop } from '../models';\nimport { Text as Component } from '../text';\nimport styles from '../styles/styles.css';\n\nexport const TextDesktop = createWidget<IDepsDesktop, TPropsDesktop>({\n    styles,\n})(Component);\n"],"names":["BlockDesktop","createWidget","styles","Component","BenefitsContent","Text","button","buttonText","detailButton","detailText","giftImgAlt","giftImgHeight","giftImgSrc","giftText","newThemeNaming","COLUMN_WIDTH","getBenefitsWidth","width1","width2","width3","collapse","columnsWidth","justify","TWO_COLUMN_WIDTH","alt","height","src","width","styler","margin","padding","theme","view","HR_MARGIN","CatalogCardDesktop","Aligner","Block","Button","DataLayer","EmptyCard","Grid","Hr","Img","Layout","Link","advantageFirstHeading","advantageFirstText","advantageSecondHeading","advantageSecondText","advantageThirdHeading","advantageThirdText","backgroundColor","backgroundImage","buttonAdvCodes","buttonClickGa","buttonHref","buttonView","detailView","cardClickGA","cardLinkHref","children","detailClickGA","detailHref","floatImg","heading","headingClickGA","headingLink","headingText","mainImgAlt","mainImgHeight","mainImgWidth","mainImgSrc","onLoadGA","preconfigured","cardStyler","DEFAULT_THEME","useNamedContainers","className","rest","marginZero","marginTop","marginBottom","SlotMainImg","mainImg","card","cloneElement","radiusKind","responsive","responsiveKind","cardRender","data","border","href","cn","style","background","headerRender","tag","advCodes","block","size","borderRadius","advHeadingProps","advTextProps","inner","backgroundKind","wrapper","external","shadowKind","paddingTop","sendOnRender","content","notPadded","contentWithLink","props","createElement","LayoutDesktop","classNames","layout","layoutContent","contentWidth","dataTestId","hasPadding","scroll","maxWidth","mapWidth","undefined","TextDesktop"],"sourceRoot":""}