{"version":3,"file":"ActionStepsDesktop.b9618cc7.es5.js","mappings":"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","sources":["webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-action-steps/src/components/icons/icon-arrow-right.tsx","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-action-steps/src/components/step/desktop/index.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-action-steps/src/components/step/desktop/step-desktop.tsx","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-action-steps/src/desktop/index.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-action-steps/src/desktop/action-steps-desktop.tsx","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-grid-universal/src/helpers/column-styles.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-grid-universal/src/index.ts","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-grid-universal/src/styles/styles.css?a8c9","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-grid-universal/src/grid.tsx","webpack://assr-alfaleasing/./node_modules/@alfa-bank/site-grid-universal/src/helpers/renders.tsx"],"sourcesContent":["import type { FC, SVGAttributes } from 'react';\nimport React from 'react';\n\nexport const IconArrowRight: FC<SVGAttributes<SVGElement>> = props => (\n    <svg\n        fill=\"none\"\n        height=\"30\"\n        viewBox=\"0 0 16 30\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            d=\"M1.354 29.354L15.707 15L1.354 0.645996L0.645996 1.354L14.293 15L0.645996 28.646L1.354 29.354Z\"\n            fill=\"#0B1F35\"\n        />\n    </svg>\n);\n","import { Aligner } from '@alfa-bank/site-aligner';\nimport { Img } from '@alfa-bank/site-img';\nimport { Grid } from '@alfa-bank/site-grid-universal';\nimport { TextDesktop as Text } from '@alfa-bank/site-text-v2/desktop';\nimport { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\n\nimport { TextContent } from '../../text-content';\nimport type { IDesktopDeps, TStepDesktop } from '../models';\n\nimport { StepDesktop as Component } from './step-desktop';\n\nexport const StepDesktop = createWidget<IDesktopDeps, TStepDesktop>({\n    Aligner,\n    Grid,\n    Img,\n    Text,\n    TextContent,\n})(Component);\n","import type { FC } from 'react';\nimport React from 'react';\nimport type { TAligns } from '@alfa-bank/site-aligner/src/models';\n\nimport type { TStepDesktop } from '../models';\nimport {\n    CENTER,\n    DEFAULT_STEP_IMAGE_ALIGN,\n    DEFAULT_STEP_TEXT_ALIGN,\n    IMAGE_ALIGN_CENTER,\n    IMAGE_ALIGN_LEFT,\n} from '../../../config';\nimport { IconArrowRight } from '../../icons/icon-arrow-right';\n\nconst getImageColumnsWidth = (imageAlign?: TAligns) =>\n    imageAlign === CENTER ? IMAGE_ALIGN_CENTER : IMAGE_ALIGN_LEFT;\n\nexport const StepDesktop: FC<TStepDesktop> = ({\n    Aligner,\n    Grid,\n    Img,\n    Text,\n    TextContent,\n    createTree = null,\n    isNotLastItem = false,\n    step,\n    withSeparator = false,\n}) => {\n    const {\n        header,\n        image,\n        stepImageAlign = DEFAULT_STEP_IMAGE_ALIGN,\n        stepTextAlign = DEFAULT_STEP_TEXT_ALIGN,\n    } = step;\n\n    return (\n        <Aligner>\n            <Grid\n                alignment\n                collapse\n                columnsWidth={getImageColumnsWidth(stepImageAlign)}\n                justify=\"between\"\n                styler={{\n                    marginBottom: 16,\n                }}\n            >\n                <></>\n                <Aligner align={stepImageAlign}>\n                    <Img {...image} />\n                </Aligner>\n                <>\n                    {isNotLastItem && withSeparator && (\n                        <IconArrowRight height={28} role=\"img\" width={16} />\n                    )}\n                </>\n            </Grid>\n            <Aligner align={stepTextAlign} styler={{ marginBottom: 8 }}>\n                <Text styler={{ marginBottom: 0, marginTop: 0 }} tag=\"h3\" view=\"small\">\n                    {header}\n                </Text>\n            </Aligner>\n            <Aligner align={stepTextAlign}>\n                <TextContent createTree={createTree} step={step} />\n            </Aligner>\n        </Aligner>\n    );\n};\n","import { Aligner } from '@alfa-bank/site-aligner';\nimport { BlockDesktop as Block } from '@alfa-bank/site-block/desktop';\nimport { Button } from '@alfa-bank/site-button-v2';\nimport { Grid } from '@alfa-bank/site-grid-universal';\nimport { TextDesktop as Text } from '@alfa-bank/site-text-v2/desktop';\nimport { sendEvent } from '@alfa-bank/site-helpers-common/browser/send-event';\nimport { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\nimport { useNamedContainers } from '@alfa-bank/site-named-container/utils';\n\nimport { StepDesktop as Step } from '../components/step/desktop';\nimport type { IDepsDesktop, TActionStepsComponentDesktop } from '../models';\nimport styles from '../components/step/styles/styles.css';\n\nimport { ActionSteps as Component } from './action-steps-desktop';\n\nexport const ActionStepsDesktop = createWidget<IDepsDesktop, TActionStepsComponentDesktop>({\n    Aligner,\n    Block,\n    Button,\n    Grid,\n    Step,\n    Text,\n    sendEvent,\n    styles,\n    useNamedContainers,\n})(Component);\n","import type { FC } from 'react';\nimport React from 'react';\n\nimport { COLUMN_WIDTH_WITH_3_STEPS, COLUMN_WIDTH_WITH_4_STEPS } from '../config';\nimport type { TActionStepsComponentDesktop } from '../models';\n\nconst getColumnsWidth = (numberOfSteps: number) =>\n    numberOfSteps === 3 ? COLUMN_WIDTH_WITH_3_STEPS : COLUMN_WIDTH_WITH_4_STEPS;\n\nexport const ActionSteps: FC<TActionStepsComponentDesktop> = ({\n    Aligner,\n    Block,\n    Button,\n    Grid,\n    Step,\n    Text,\n    analytics,\n    button,\n    children,\n    createTree,\n    dataTestId = 'action-steps',\n    heading,\n    headingAlign = 'center',\n    headingOffset = true,\n    sendEvent,\n    steps,\n    styles,\n    subHeading,\n    theme = 'grey',\n    useNamedContainers,\n    withSeparator = true,\n    ...rest\n}) => {\n    const sendAnalytics = () => {\n        sendEvent(analytics);\n    };\n\n    const {\n        button: buttonSlot,\n        header: headerSlot,\n        step: stepSlot,\n        subHeading: subHeadingSlot,\n    } = useNamedContainers(children);\n\n    return (\n        <Block dataTestId={dataTestId} paddedType=\"normal\" theme={theme} {...rest}>\n            {headerSlot ?? (\n                <Aligner\n                    align={headingAlign}\n                    styler={\n                        headingOffset\n                            ? {\n                                  marginBottom: 32,\n                              }\n                            : undefined\n                    }\n                >\n                    {heading && (\n                        <Text styler={{ margin: 0 }} view=\"medium\">\n                            {heading}\n                        </Text>\n                    )}\n                    {subHeading && (\n                        <Text styler={{ marginBottom: 12, marginTop: 12 }} view=\"primary-large\">\n                            {subHeading}\n                        </Text>\n                    )}\n                    {subHeadingSlot}\n                </Aligner>\n            )}\n            {stepSlot ?? (\n                <Grid colAutoWidth columnsWidth={getColumnsWidth(steps.length)} justify=\"between\">\n                    {steps.map((item, i) => (\n                        <Step\n                            key={item.id}\n                            createTree={createTree}\n                            isNotLastItem={i < steps.length - 1}\n                            step={item}\n                            withSeparator={withSeparator}\n                        />\n                    ))}\n                </Grid>\n            )}\n            {buttonSlot ??\n                (button?.text && (\n                    <Aligner\n                        align=\"center\"\n                        styler={{\n                            marginTop: 32,\n                        }}\n                    >\n                        <Button\n                            href={button.href}\n                            id={`${dataTestId}-button`}\n                            onClick={sendAnalytics}\n                            size=\"s\"\n                            view={button.kind}\n                        >\n                            {button.text}\n                        </Button>\n                    </Aligner>\n                ))}\n        </Block>\n    );\n};\n","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\"};","import type { TColumnsMargin, TColumnsWidth } from '../models';\n\ntype TUnion = string | number;\n\nconst isNumber = (value: TUnion): value is number => typeof value === 'number';\n\nconst toArray = (value: TColumnsWidth | TColumnsWidth[] | TColumnsMargin) =>\n    (Array.isArray(value) ? value : [value]) as Array<TUnion | null>;\n\nconst getItemByIndexOrLast = (idx: number, array: TColumnsWidth[] | TColumnsMargin[]) =>\n    array.length - 1 < idx ? array[array.length - 1] : array[idx];\n\nconst mapWidth = (value: TUnion) => {\n    if (isNumber(value) && value > 0 && value <= 1) {\n        return `${value * 100}%`;\n    }\n\n    if (isNumber(value) && value > 1) {\n        return `${value}px`;\n    }\n\n    return value;\n};\n\nconst mapShrink = (width: TUnion) => (width ? 0 : null);\n\nconst mapMargin = (value: TUnion) => value + 'px';\n\nconst getColumnStyle = (\n    style: string,\n    mapValue: typeof mapWidth | typeof mapShrink | typeof mapMargin\n) => {\n    return (idx: number, values: TColumnsWidth | TColumnsWidth[] | TColumnsMargin) => {\n        const arrayStyles = toArray(values);\n        const styleValue = getItemByIndexOrLast(idx, arrayStyles);\n\n        return styleValue ? { [style]: mapValue(styleValue as TUnion) } : null;\n    };\n};\n\nexport { mapWidth, mapShrink, mapMargin, getColumnStyle };\n","import { createWidget } from '@alfa-bank/site-util-create-widget/create-widget';\n\nimport { Grid as Component } from './grid';\nimport styles from './styles/styles.css';\nimport type { IDeps, TGridComponent } from './models';\n\nexport const Grid = createWidget<IDeps, TGridComponent>({ styles })(Component);\n","// extracted by mini-css-extract-plugin\nexport default {\"grid\":\"a30tm\",\"column\":\"b30tm\",\"paddingTop\":\"c30tm\",\"startJustify\":\"d30tm\",\"endJustify\":\"e30tm\",\"centerJustify\":\"f30tm\",\"betweenJustify\":\"g30tm\",\"aroundJustify\":\"h30tm\",\"evenlyJustify\":\"i30tm\",\"defaultAlignment\":\"j30tm\",\"col\":\"k30tm\",\"collapse\":\"l30tm\",\"colAutoWidth\":\"m30tm\",\"vertical\":\"n30tm\",\"baselineAlignItems\":\"o30tm\",\"centerAlignItems\":\"p30tm\",\"endAlignItems\":\"q30tm\",\"flexEndAlignItems\":\"r30tm\",\"flexStartAlignItems\":\"s30tm\",\"leftAlignItems\":\"t30tm\",\"rightAlignItems\":\"u30tm\",\"startAlignItems\":\"v30tm\",\"stretchAlignItems\":\"w30tm\",\"normalAlignItems\":\"x30tm\",\"firstBaselineAlignItems\":\"y30tm\",\"lastBaselineAlignItems\":\"z30tm\",\"safeAlignItems\":\"A30tm\",\"unsafeAlignItems\":\"B30tm\",\"selfStartAlignItems\":\"C30tm\",\"selfEndAlignItems\":\"D30tm\",\"wrap\":\"E30tm\"};","import type { FC } from 'react';\nimport React from 'react';\nimport cn from 'classnames';\n\nimport { renderCols } from './helpers/renders';\nimport type { TGridComponent } from './models';\n\nexport const Grid: FC<React.PropsWithChildren<TGridComponent>> = ({\n    alignment = false,\n    children,\n    className,\n    classNames = {},\n    colAutoWidth = false,\n    collapse = false,\n    columnsWidth = null,\n    flexDirection = 'row',\n    justify = 'center',\n    paddingTop = false,\n    styles,\n    vertical = false,\n    wrap = false,\n    dataTestId = 'grid',\n    columnsMargin = 25,\n    ...rest\n}) => {\n    const hasAlignment = !!alignment;\n    const isDefaultAlignment = typeof alignment === 'boolean' && hasAlignment;\n    const isCustomAlignment = !isDefaultAlignment && hasAlignment;\n\n    return (\n        <div\n            className={cn(\n                styles.grid,\n                { [styles.column]: flexDirection === 'column' },\n                { [styles.paddingTop]: paddingTop },\n                // @ts-ignore\n                styles[`${justify}Justify`],\n                { [styles.defaultAlignment]: isDefaultAlignment },\n                {\n                    // @ts-ignore\n                    [styles[`${alignment}AlignItems`]]: isCustomAlignment,\n                },\n                { [styles.vertical]: vertical },\n                { [styles.wrap]: wrap },\n                classNames.grid,\n                className\n            )}\n            data-test-id={dataTestId}\n            {...rest}\n        >\n            {renderCols(\n                children,\n                {\n                    colAutoWidth,\n                    collapse,\n                    columnsWidth,\n                    columnsMargin,\n                    vertical,\n                },\n                classNames,\n                styles\n            )}\n        </div>\n    );\n};\n","import type { ReactNode } from 'react';\nimport React, { Children } from 'react';\nimport cn from 'classnames';\n\nimport type { IDeps, TClassNames, TColumnsMargin, TColumnsWidth } from '../models';\n\nimport { mapWidth, mapShrink, getColumnStyle, mapMargin } from './column-styles';\n\ninterface IRenderColsProps {\n    colAutoWidth: boolean;\n    collapse: boolean;\n    columnsMargin: TColumnsMargin;\n    columnsWidth: TColumnsWidth | TColumnsWidth[];\n    vertical: boolean;\n}\n\nexport const renderCols = (\n    children: ReactNode,\n    props: IRenderColsProps,\n    classNames: TClassNames,\n    styles: IDeps['styles']\n) => {\n    const { colAutoWidth, collapse, columnsMargin, columnsWidth, vertical, ...rest } = props;\n\n    const marginDirection = vertical ? 'marginBottom' : 'marginRight';\n\n    const cols = Children.toArray(children);\n    const getWidth = getColumnStyle('width', mapWidth);\n    const getShrink = getColumnStyle('flexShrink', mapShrink);\n    const getMargin = getColumnStyle(marginDirection, mapMargin);\n\n    // 25 - это default value для отступа между columns.\n    // Когда перейдем на 24px по всему сайту, то уберем это.\n    const isDefaultMargin = columnsMargin === 25;\n\n    const columnStyles = cols.map((_, i) => ({\n        ...getWidth(i, columnsWidth),\n        ...getShrink(i, columnsWidth),\n        ...(isDefaultMargin ? {} : getMargin(i, columnsMargin)),\n    }));\n\n    return cols.map((col, i) => (\n        <div\n            // eslint-disable-next-line react/no-array-index-key\n            key={i}\n            className={cn(\n                styles.col,\n                {\n                    [styles.colAutoWidth]: colAutoWidth,\n                    [styles.collapse]: collapse,\n                },\n                classNames.col\n            )}\n            style={columnStyles[i]}\n            {...rest}\n        >\n            {col}\n        </div>\n    ));\n};\n"],"names":["IconArrowRight","props","fill","height","viewBox","width","xmlns","d","StepDesktop","createWidget","Aligner","Grid","Img","Text","TextContent","imageAlign","createTree","isNotLastItem","step","withSeparator","header","image","stepImageAlign","DEFAULT_STEP_IMAGE_ALIGN","stepTextAlign","DEFAULT_STEP_TEXT_ALIGN","alignment","collapse","columnsWidth","CENTER","IMAGE_ALIGN_CENTER","IMAGE_ALIGN_LEFT","justify","styler","marginBottom","align","role","marginTop","tag","view","ActionStepsDesktop","Block","Button","Step","sendEvent","styles","useNamedContainers","numberOfSteps","analytics","button","children","dataTestId","heading","headingAlign","headingOffset","steps","subHeading","theme","rest","buttonSlot","headerSlot","stepSlot","subHeadingSlot","paddedType","undefined","margin","colAutoWidth","length","COLUMN_WIDTH_WITH_3_STEPS","COLUMN_WIDTH_WITH_4_STEPS","map","item","i","key","id","text","href","onClick","size","kind","BlockDesktop","Component","isNumber","value","mapWidth","mapShrink","mapMargin","getColumnStyle","style","mapValue","idx","values","styleValue","array","getItemByIndexOrLast","Array","isArray","className","classNames","flexDirection","paddingTop","vertical","wrap","columnsMargin","hasAlignment","isDefaultAlignment","isCustomAlignment","cn","grid","column","defaultAlignment","marginDirection","cols","Children","getWidth","getShrink","getMargin","isDefaultMargin","columnStyles","_","col","renderCols"],"sourceRoot":""}