{"version":3,"file":"static/js/blocks44.de661647.chunk.js","mappings":"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","sources":["blocks/components/TextImage/hooks/useImageSize.hook.ts","webpack://@danishagro/cms/./src/blocks/components/TextImage/TextImage.module.scss?4e53","blocks/components/TextImage/TextImage.component.tsx","blocks/components/TextImage/hooks/usePosition.hook.ts","blocks/hooks/useDropdownImageSize/useDropdownImageSize.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport const useImageSize = (setting: string, S: { [key: string]: string }) => {\n    const imageSizeClass = useMemo(() => {\n        switch (setting) {\n            case \"WIDE_IMAGE\":\n                return S.wideImage;\n        }\n    }, [setting, S]);\n\n    return {\n        imageSizeClass,\n    };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"TextImage_wrapper__DbpgZ\",\"inner\":\"TextImage_inner__z1Zu8\",\"positionImageBottom\":\"TextImage_positionImageBottom__JJS1f\",\"wideImage\":\"TextImage_wideImage__bB3dY\",\"textWrapper\":\"TextImage_textWrapper__i1kWI\",\"positionImageLeft\":\"TextImage_positionImageLeft__5Bs4v\",\"imageInner\":\"TextImage_imageInner__5dwFt\",\"imageSmall\":\"TextImage_imageSmall__x6L37\",\"imageMedium\":\"TextImage_imageMedium__WQvVa\",\"imageLarge\":\"TextImage_imageLarge__chAmy\",\"tagline\":\"TextImage_tagline__SqhJQ\",\"text\":\"TextImage_text__f47Fb\",\"imageWrapper\":\"TextImage_imageWrapper__YUNbS\",\"caption\":\"TextImage_caption__GOhuc\"};","import React from \"react\";\nimport { Buttons } from \"@danishagro/cms/src/components/Buttons/Buttons.component\";\nimport { cn } from \"@danishagro/shared/src/helpers/classNames.helper\";\nimport { DA_Container } from \"@danishagro/shared/src/components/atoms/Container/Container.component\";\nimport { DA_Text } from \"@danishagro/shared/src/components/atoms/Text/Text.component\";\nimport {\n    DA_Title,\n    DA_TitleTag,\n} from \"@danishagro/shared/src/components/atoms/Title/Title.component\";\nimport { ImageViewer } from \"@danishagro/cms/src/components/ImageViewer/ImageViewer.component\";\nimport { useBackgroundColor } from \"@danishagro/cms/src/blocks/hooks/useBackgroundColor/useBackgroundColor.hook\";\nimport { usePadding } from \"@danishagro/cms/src/blocks/hooks/usePadding/usePadding.hook\";\nimport { AuthorBlock } from \"src/layout/pages/components/AuthorBlock/AuthorBlock.component\";\nimport { useDropdownImageSize } from \"src/blocks/hooks/useDropdownImageSize/useDropdownImageSize.hook\";\nimport useFormattedCultureDate from \"@hooks/useFormattedCultureDate.hook\";\nimport { TextImageProps } from \"./TextImage.interface\";\nimport { useImageSize } from \"./hooks/useImageSize.hook\";\nimport { usePosition } from \"./hooks/usePosition.hook\";\nimport S from \"./TextImage.module.scss\";\n\nconst TextImage = (props: TextImageProps) => {\n    const { positionClass } = usePosition(props.position, S);\n    const { imageSizeClass } = useImageSize(props.imageSize, S);\n    const { imageDropdownSizeClass } = useDropdownImageSize(props.dropdownImageSize, S);\n    const { backgroundColorClass, alternativeButtonTheme, hasBackgroundColor } = useBackgroundColor(\n        props.backgroundColor\n    );\n\n    const { paddingClass } = usePadding(props.isCompact, hasBackgroundColor);\n\n    //use dateCulture from Umbraco global settings\n    const date = useFormattedCultureDate(props?.date);\n\n    return (\n        <div\n            className={cn(\n                S.wrapper,\n                backgroundColorClass,\n                imageSizeClass,\n                imageDropdownSizeClass,\n                paddingClass,\n                positionClass\n            )}\n        >\n            <DA_Container noVerticalPadding>\n                <div className={S.inner}>\n                    {/** Content */}\n                    <div className={S.textWrapper}>\n                        {/** Author */}\n                        {(props?.authorImageUrl || props?.authorName) && (\n                            <AuthorBlock\n                                authorImageUrl={props?.authorImageUrl}\n                                authorImageName={props?.authorImageName}\n                                authorName={props?.authorName}\n                                authorTitle={props?.authorTitle}\n                                authorDate={date}\n                            />\n                        )}\n\n                        {/** Tagline */}\n                        {props?.tagline ? (\n                            <span className={S.tagline}>{props?.tagline}</span>\n                        ) : null}\n\n                        {/** Title */}\n                        {props?.headline ? (\n                            <DA_Title h2 tag={DA_TitleTag.H2} noMargin fullWidth>\n                                {props?.headline}\n                            </DA_Title>\n                        ) : null}\n\n                        {/** Text */}\n                        {props?.text ? (\n                            <div className={S.text}>\n                                <DA_Text html={props?.text} noPadding />\n                            </div>\n                        ) : null}\n\n                        {/** Buttons */}\n                        <Buttons buttons={props?.buttons} theme={alternativeButtonTheme} />\n                    </div>\n\n                    {/** Image */}\n                    {props?.image ? (\n                        <div className={S.imageWrapper}>\n                            <div className={S.imageInner}>\n                                <ImageViewer\n                                    src={props?.image.url}\n                                    aspectRatioX={props?.image.width}\n                                    aspectRatioY={props?.image.height}\n                                    alternative={props?.image.alternative}\n                                />\n\n                                {/** Caption */}\n                                {props?.image.caption ? (\n                                    <div className={S.caption}>{props?.image.caption}</div>\n                                ) : null}\n                            </div>\n                        </div>\n                    ) : null}\n                </div>\n            </DA_Container>\n        </div>\n    );\n};\n\nexport default TextImage;\n","import { useMemo } from \"react\";\n\nexport const usePosition = (position: string, S: { [key: string]: string }) => {\n    const positionClass = useMemo(() => {\n        switch (position) {\n            case \"POSITION_IMAGE_LEFT\":\n                return S.positionImageLeft;\n            case \"POSITION_IMAGE_BOTTOM\":\n                return S.positionImageBottom;\n            default:\n                return S.positionImageRight;\n        }\n    }, [position, S]);\n\n    return {\n        positionClass,\n    };\n};\n","import { useMemo } from \"react\";\n\nexport const useDropdownImageSize = (imageDropdownSize: string, S: { [key: string]: string }) => {\n    //Image size from dropdown in Umbraco\n    //imageSmall === 25%\n    //imageMedium === 50%\n    //imageLarge === 100%\n\n    const imageDropdownSizeClass = useMemo(() => {\n        switch (imageDropdownSize) {\n            case \"25%\":\n                return S.imageSmall;\n            case \"50%\":\n                return S.imageMedium;\n            case \"100%\":\n                return S.imageLarge;\n            default:\n                return S.imageLarge; // Default case\n        }\n    }, [imageDropdownSize, S]);\n\n    return {\n        imageDropdownSizeClass,\n    };\n};\n"],"names":["props","positionClass","position","S","useMemo","positionImageLeft","positionImageBottom","positionImageRight","usePosition","imageSizeClass","useImageSize","setting","wideImage","imageSize","imageDropdownSizeClass","useDropdownImageSize","dropdownImageSize","backgroundColorClass","alternativeButtonTheme","hasBackgroundColor","useBackgroundColor","backgroundColor","paddingClass","usePadding","isCompact","date","useFormattedCultureDate","_jsx","className","cn","wrapper","children","DA_Container","noVerticalPadding","_jsxs","inner","textWrapper","authorImageUrl","authorName","AuthorBlock","authorImageName","authorTitle","authorDate","tagline","headline","DA_Title","h2","tag","DA_TitleTag","H2","noMargin","fullWidth","text","DA_Text","html","noPadding","Buttons","buttons","theme","image","imageWrapper","imageInner","ImageViewer","src","url","aspectRatioX","width","aspectRatioY","height","alternative","caption","imageDropdownSize","imageSmall","imageMedium","imageLarge"],"sourceRoot":""}