{"version":3,"file":"CreativeItem-DYXFl2Cq-chunk.js","sources":["../../../GSDClient/Scripts/Components/Creative/CreativeText.tsx","../../../GSDClient/Scripts/Components/Creative/CreativeTextOnMedia.tsx","../../../GSDClient/Scripts/Components/Creative/CreativeItem.tsx"],"sourcesContent":["import { ITextAboveUnderMedia } from 'Scripts/Types/Litium';\nimport Markup from 'Components/Markup';\n\ninterface CreativeTextProps extends ITextAboveUnderMedia {\n    isAboveText: boolean;\n    mobileCenterText: boolean;\n}\n\nconst CreativeText = ({\n    text,\n    centerTextBetweenColumns,\n    textWidth,\n    isAboveText,\n    mobileCenterText,\n}: CreativeTextProps) => {\n    const containerStyle = centerTextBetweenColumns\n        ? `${\n              mobileCenterText\n                  ? 'w-[calc(200%+var(--block-margin))] lg:w-[calc(200%+var(--block-margin-desktop)/2)] text-center translate-x-[calc(-50%-var(--block-margin)/2)] lg:translate-x-[calc(-50%-var(--block-margin-desktop)/2)] max-w-[calc(100vw-var(--block-margin)*2)] lg:max-w-none'\n                  : 'lg:w-[calc(200%+var(--block-margin-desktop))] text-center lg:translate-x-[calc(-50%-var(--block-margin-desktop)/2)]'\n          }`\n        : '';\n\n    return (\n        text?.value && (\n            <Markup\n                html={text.value}\n                cssClass={`prose-block relative mx-auto px-4 lg:px-0 ${containerStyle} w-full \n            lg:w-[var(--block-text-width)] ${\n                isAboveText ? 'mb-3 mt-0' : 'mt-3 mb-0'\n            }`}\n                style={\n                    {\n                        '--block-text-width': `${textWidth}%`,\n                    } as React.CSSProperties\n                }\n            />\n        )\n    );\n};\n\nexport default CreativeText;\n","import { useState } from 'react';\n\nimport { ITextOnMediaViewModel } from 'Scripts/Types/Litium';\n\nimport Markup from 'Components/Markup';\n\ninterface TextOnMediaViewModelProps extends ITextOnMediaViewModel {\n    hiddenPlaceholder?: boolean;\n    readMoreText?: string;\n    readLessButtonText?: string;\n    readMoreButtonText?: string;\n}\n\nconst CreativeTextOnMedia = ({\n    text,\n    textWidth,\n    horizontalPosition,\n    verticalPosition,\n    hiddenPlaceholder,\n    readMoreText,\n    readLessButtonText,\n    readMoreButtonText,\n}: TextOnMediaViewModelProps) => {\n    const mapStringToAxis = {\n        center: '50%',\n        left: '0%',\n        right: '100%',\n        bottom: '100%',\n        top: '0%',\n    };\n\n    const [showReadMoreText, setOpenReadMore] = useState(false);\n\n    return (\n        text?.value && (\n            <>\n                {hiddenPlaceholder && (\n                    <Markup\n                        style={\n                            {\n                                '--block-text-width': `${textWidth}%`,\n                            } as React.CSSProperties\n                        }\n                        cssClass={`prose-block mb-0 invisible lg:w-[var(--block-text-width)] ${\n                            readMoreText ? 'hidden lg:block' : ''\n                        }`}\n                        html={text.value}\n                    />\n                )}\n\n                <div\n                    className={`prose-textAlignCenter prose-block left-[var(--block-text-position-x)] top-[var(--block-text-position-y)] mb-0 w-full -translate-x-[var(--block-text-position-x)] -translate-y-[var(--block-text-position-y)] transform px-4 lg:w-[var(--block-text-width)] lg:px-0 ${\n                        readMoreText\n                            ? 'relative mt-4 lg:absolute lg:mt-0'\n                            : 'absolute'\n                    }`}\n                    style={\n                        {\n                            '--block-text-width': `${textWidth}%`,\n                            '--block-text-position-x':\n                                mapStringToAxis[\n                                    horizontalPosition as keyof typeof mapStringToAxis\n                                ],\n                            '--block-text-position-y':\n                                mapStringToAxis[\n                                    verticalPosition as keyof typeof mapStringToAxis\n                                ],\n                        } as React.CSSProperties\n                    }\n                >\n                    <Markup\n                        cssClass=\"prose-block mb-0 w-full lg:px-0 prose-textAlignCenter\"\n                        html={text.value}\n                    />\n                    {readMoreText && (\n                        <>\n                            <div\n                                className={`m-auto mb-0 grid w-full overflow-hidden transition-[grid-template-rows,_visibility] duration-layout ${\n                                    showReadMoreText\n                                        ? 'visible grid-rows-[1fr]'\n                                        : 'invisible grid-rows-[0fr]'\n                                }`}\n                            >\n                                <Markup\n                                    html={readMoreText}\n                                    cssClass=\"prose-block mb-0 pt-4 px-4 lg:px-0 overflow-hidden\"\n                                />\n                            </div>\n\n                            <button\n                                className=\"mx-auto flex px-3 pb-4 pt-3 font-roboto font-medium lg:pb-0\"\n                                onClick={() => {\n                                    setOpenReadMore(!showReadMoreText);\n                                    console.log('click');\n                                }}\n                            >\n                                {showReadMoreText\n                                    ? readLessButtonText\n                                    : readMoreButtonText}\n                            </button>\n                        </>\n                    )}\n                </div>\n            </>\n        )\n    );\n};\n\nexport default CreativeTextOnMedia;\n","import { useState } from 'react';\n\nimport {\n    ICreativeBlockTranslations,\n    IDynamicCreativeItemViewModel,\n    IMediaItemViewModel,\n} from 'Scripts/Types/Litium';\n\nimport { dpr } from 'Utils/dpr';\nimport tailwindBreakpoints from 'Utils/tailwindBreakpoints';\n\nimport CreativeText from 'Components/Creative/CreativeText';\nimport CreativeTextOnMedia from 'Components/Creative/CreativeTextOnMedia';\nimport Markup from 'Components/Markup';\nimport VideoPlayer from 'Components/VideoPlayer';\n\ninterface DynamicCreativeItemViewModel\n    extends Omit<IDynamicCreativeItemViewModel, 'columnSpan'> {\n    columnSpan?: number;\n}\n\ninterface CreativeItemProps {\n    item: DynamicCreativeItemViewModel;\n    isGreater: boolean | null;\n    mobileFullWidthItem: boolean;\n    mobileCenterText: boolean;\n    totalColumns: number;\n    shouldLazyLoad: boolean;\n    translations: ICreativeBlockTranslations;\n}\nconst CreativeItem = ({\n    item,\n    isGreater,\n    mobileFullWidthItem,\n    mobileCenterText,\n    totalColumns,\n    shouldLazyLoad,\n    translations,\n}: CreativeItemProps) => {\n    const hasMedia =\n        item.mediaItem.image.src ||\n        item.mediaItem.imageMobile.src ||\n        item.mediaItem.videoUrl;\n\n    const srcSetSizes = {\n        default: Math.round(\n            parseInt(tailwindBreakpoints.md) / (mobileFullWidthItem ? 1 : 2)\n        ),\n        md: Math.round(\n            parseInt(tailwindBreakpoints.lg) / (mobileFullWidthItem ? 1 : 2)\n        ),\n        lg: Math.round(\n            (parseInt(tailwindBreakpoints.xl) / totalColumns) *\n                (item.columnSpan || 1)\n        ),\n        xl: Math.round(\n            (parseInt(tailwindBreakpoints.xxl) / totalColumns) *\n                (item.columnSpan || 1)\n        ),\n        xxl: Math.round(\n            (parseInt(tailwindBreakpoints.xxxl) / totalColumns) *\n                (item.columnSpan || 1)\n        ),\n        xxxl: Math.round(\n            (parseInt(tailwindBreakpoints.xxxl) / totalColumns) *\n                (item.columnSpan || 1)\n        ),\n    };\n    const getUrl = (mediaItem: IMediaItemViewModel) => {\n        if (isGreater !== null) {\n            return isGreater ? mediaItem.videoUrl : mediaItem.videoUrlMobile;\n        }\n        return null;\n    };\n    const Tag = item.mediaItem.mediaLinkUrl ? 'a' : 'div';\n    const [showReadMoreText, setOpenReadMore] = useState(false);\n    return (\n        <div\n            className={`relative ${\n                mobileFullWidthItem ? 'col-span-full lg:col-span-1' : ''\n            } ${!hasMedia ? 'flex h-full flex-col' : ''}`}\n        >\n            <CreativeText\n                text={item.textAboveMedia.text}\n                centerTextBetweenColumns={\n                    item.textAboveMedia.centerTextBetweenColumns\n                }\n                textWidth={item.textAboveMedia.textWidth}\n                isAboveText\n                mobileCenterText={mobileCenterText}\n            />\n\n            {translations &&\n                item.readMoreText?.value &&\n                item.readMoreTextPosition === 'above' && (\n                    <>\n                        <div\n                            className={`mb-0 grid w-full overflow-hidden transition-[grid-template-rows,_visibility] duration-layout ${\n                                showReadMoreText\n                                    ? 'visible grid-rows-[1fr]'\n                                    : 'invisible grid-rows-[0fr]'\n                            }`}\n                        >\n                            <Markup\n                                html={item.readMoreText.value}\n                                cssClass=\"prose-block mb-0 px-4 lg:px-0 overflow-hidden\"\n                            />\n                        </div>\n                        <button\n                            className=\"mx-auto flex px-3 pb-4 pt-3 font-roboto font-medium lg:pb-0\"\n                            onClick={() => setOpenReadMore(!showReadMoreText)}\n                        >\n                            {showReadMoreText\n                                ? translations.readLessButtonText\n                                : translations.readMoreButtonText}\n                        </button>\n                    </>\n                )}\n\n            <div className={`relative ${hasMedia ? '' : 'h-full'}`}>\n                {hasMedia && (\n                    <Tag\n                        {...(item.mediaItem.mediaLinkUrl && {\n                            href: item.mediaItem.mediaLinkUrl,\n                            title: item.mediaItem.mediaLinkText,\n                        })}\n                        className=\"relative\"\n                    >\n                        {!item.mediaItem.videoUrl ? (\n                            <figure className=\"w-full object-cover\">\n                                <picture>\n                                    <source\n                                        width={\n                                            item.mediaItem.image.width > 0\n                                                ? item.mediaItem.image.width\n                                                : ''\n                                        }\n                                        height={\n                                            item.mediaItem.image.height > 0\n                                                ? item.mediaItem.image.height\n                                                : ''\n                                        }\n                                        media={`(min-width: ${tailwindBreakpoints.xxxl})`}\n                                        srcSet={dpr(\n                                            `${item.mediaItem.image.src}?format=webp&width=${srcSetSizes.xxxl}`\n                                        )}\n                                    />\n                                    <source\n                                        width={\n                                            item.mediaItem.image.width > 0\n                                                ? item.mediaItem.image.width\n                                                : ''\n                                        }\n                                        height={\n                                            item.mediaItem.image.height > 0\n                                                ? item.mediaItem.image.height\n                                                : ''\n                                        }\n                                        media={`(min-width: ${tailwindBreakpoints.xxl})`}\n                                        srcSet={dpr(\n                                            `${item.mediaItem.image.src}?format=webp&width=${srcSetSizes.xxl}`\n                                        )}\n                                    />\n                                    <source\n                                        width={\n                                            item.mediaItem.image.width > 0\n                                                ? item.mediaItem.image.width\n                                                : ''\n                                        }\n                                        height={\n                                            item.mediaItem.image.height > 0\n                                                ? item.mediaItem.image.height\n                                                : ''\n                                        }\n                                        media={`(min-width: ${tailwindBreakpoints.xl})`}\n                                        srcSet={dpr(\n                                            `${item.mediaItem.image.src}?format=webp&width=${srcSetSizes.xl}`\n                                        )}\n                                    />\n                                    <source\n                                        width={\n                                            item.mediaItem.image.width > 0\n                                                ? item.mediaItem.image.width\n                                                : ''\n                                        }\n                                        height={\n                                            item.mediaItem.image.height > 0\n                                                ? item.mediaItem.image.height\n                                                : ''\n                                        }\n                                        media={`(min-width: ${tailwindBreakpoints.lg})`}\n                                        srcSet={dpr(\n                                            `${item.mediaItem.image.src}?format=webp&width=${srcSetSizes.lg}`\n                                        )}\n                                    />\n                                    <source\n                                        width={\n                                            item.mediaItem.imageMobile.width > 0\n                                                ? item.mediaItem.imageMobile\n                                                      .width\n                                                : ''\n                                        }\n                                        height={\n                                            item.mediaItem.imageMobile.height >\n                                            0\n                                                ? item.mediaItem.imageMobile\n                                                      .height\n                                                : ''\n                                        }\n                                        media={`(min-width: ${tailwindBreakpoints.md})`}\n                                        srcSet={dpr(\n                                            `${item.mediaItem.imageMobile.src}?format=webp&width=${srcSetSizes.md}`\n                                        )}\n                                    />\n                                    <img\n                                        className=\"w-full object-cover\"\n                                        src={`${item.mediaItem.imageMobile.src}?format=webp&width=${srcSetSizes.default}`}\n                                        srcSet={dpr(\n                                            `${item.mediaItem.imageMobile.src}?format=webp&width=${srcSetSizes.default}`\n                                        )}\n                                        alt={item.mediaItem.imageMobile.altText}\n                                        loading={\n                                            shouldLazyLoad ? 'lazy' : 'eager'\n                                        }\n                                        width={\n                                            item.mediaItem.imageMobile.width > 0\n                                                ? item.mediaItem.imageMobile\n                                                      .width\n                                                : ''\n                                        }\n                                        height={\n                                            item.mediaItem.imageMobile.height >\n                                            0\n                                                ? item.mediaItem.imageMobile\n                                                      .height\n                                                : ''\n                                        }\n                                    />\n                                </picture>\n                            </figure>\n                        ) : (\n                            <VideoPlayer\n                                url={getUrl(item.mediaItem)}\n                                altDescription={item.mediaItem.mediaText}\n                                showController={item.mediaItem.showController}\n                                muted={item.mediaItem.muted}\n                                autoPlay={item.mediaItem.autoPlay}\n                                placeholderAlt={item.mediaItem.mediaText}\n                                placeholderLarge={item.mediaItem.image}\n                                placeholderSmall={item.mediaItem.imageMobile}\n                            />\n                        )}\n                    </Tag>\n                )}\n                <CreativeTextOnMedia\n                    verticalPosition={item.textOnMedia.verticalPosition}\n                    horizontalPosition={item.textOnMedia.horizontalPosition}\n                    textWidth={\n                        item.textOnMedia.textWidth === 0\n                            ? 100\n                            : item.textOnMedia.textWidth\n                    }\n                    text={item.textOnMedia.text}\n                    hiddenPlaceholder={!hasMedia}\n                    readMoreText={item.readMoreText?.value}\n                    readLessButtonText={translations?.readLessButtonText}\n                    readMoreButtonText={translations?.readMoreButtonText}\n                />\n            </div>\n            {item.textUnderMedia.text?.value && (\n                <CreativeText\n                    text={item.textUnderMedia.text}\n                    centerTextBetweenColumns={\n                        item.textUnderMedia.centerTextBetweenColumns\n                    }\n                    textWidth={\n                        item.textUnderMedia.textWidth === 0\n                            ? 100\n                            : item.textUnderMedia.textWidth\n                    }\n                    isAboveText={false}\n                    mobileCenterText={mobileCenterText}\n                />\n            )}\n\n            {translations &&\n                item.readMoreText?.value &&\n                (item.readMoreTextPosition === 'below' ||\n                    item.readMoreTextPosition === null) && (\n                    <>\n                        <div\n                            className={`mb-0 grid w-full overflow-hidden transition-[grid-template-rows,_visibility] duration-layout ${\n                                showReadMoreText\n                                    ? 'visible grid-rows-[1fr]'\n                                    : 'invisible grid-rows-[0fr]'\n                            }`}\n                        >\n                            <Markup\n                                html={item.readMoreText.value}\n                                cssClass=\"prose-block mb-0 px-4 lg:px-0 overflow-hidden\"\n                            />\n                        </div>\n                        <button\n                            className=\"mx-auto flex px-3 pb-4 pt-3 font-roboto font-medium lg:pb-0\"\n                            onClick={() => setOpenReadMore(!showReadMoreText)}\n                        >\n                            {showReadMoreText\n                                ? translations.readLessButtonText\n                                : translations.readMoreButtonText}\n                        </button>\n                    </>\n                )}\n        </div>\n    );\n};\n\nexport default CreativeItem;\n"],"names":["CreativeText","text","centerTextBetweenColumns","textWidth","isAboveText","mobileCenterText","containerStyle","jsx","Markup","CreativeTextOnMedia","horizontalPosition","verticalPosition","hiddenPlaceholder","readMoreText","readLessButtonText","readMoreButtonText","mapStringToAxis","showReadMoreText","setOpenReadMore","useState","jsxs","Fragment","CreativeItem","item","isGreater","mobileFullWidthItem","totalColumns","shouldLazyLoad","translations","hasMedia","srcSetSizes","tailwindBreakpoints","getUrl","mediaItem","Tag","_a","VideoPlayer","dpr","_b","_c","_d"],"mappings":"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"}