@blateral/b.kit 2.7.2 → 2.7.4

package/types/components/sections/Video.d.ts

@@ -14,7 +14,7 @@ export declare const VideoComponent: React.FC<{
      * Custom handler for play button click
      * @returns true if video should be played
      */
-    onPlay?: (() => boolean) | undefined;
+    onPlayClick?: (() => Promise<boolean>) | undefined;
     playIcon?: React.ReactNode;
     bgMode?: "full" | "inverted" | "splitted" | undefined;
 }>;
@@ -32,7 +32,7 @@ declare const _default: React.FC<{
      * Custom handler for play button click
      * @returns true if video should be played
      */
-    onPlay?: (() => boolean) | undefined;
+    onPlayClick?: (() => Promise<boolean>) | undefined;
     playIcon?: React.ReactNode;
     bgMode?: "full" | "inverted" | "splitted" | undefined;
 } & {

package/types/components/sections/Video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,wBAAgC;AAgErD,eAAO,MAAM,cAAc;IA3DvB,wDAAwD;;aAG/C,KAAK,UAAU,EAAE,QAAQ,GAAG,YAAY,CAAC;aACzC,MAAM;;6BAGS;QACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC,KAAK,MAAM,SAAS;IACrB;;;OAGG;oBACY,OAAO;eAEX,MAAM,SAAS;;EA0CK,CAAC;;IA3DhC,wDAAwD;;;;;;;;;IAWxD;;;OAGG;;;;;;;AA8CP,wBAAmC"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,wBAAgC;AAgErD,eAAO,MAAM,cAAc;IA3DvB,wDAAwD;;aAG/C,KAAK,UAAU,EAAE,QAAQ,GAAG,YAAY,CAAC;aACzC,MAAM;;6BAGS;QACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC,KAAK,MAAM,SAAS;IACrB;;;OAGG;yBACiB,QAAQ,OAAO,CAAC;eAEzB,MAAM,SAAS;;EA0CK,CAAC;;IA3DhC,wDAAwD;;;;;;;;;IAWxD;;;OAGG;;;;;;;AA8CP,wBAAmC"}

package/types/components/sections/news/NewsVideo.d.ts

@@ -16,6 +16,11 @@ export declare const NewsVideoComponent: React.FC<{
         handleClick?: () => void;
         consentProps: Record<string, string>;
     }) => React.ReactNode) | undefined;
+    /**
+     * Custom handler for play button click
+     * @returns true if video should be played
+     */
+    onPlayClick?: (() => Promise<boolean>) | undefined;
     /** Section background */
     bgMode?: "full" | "inverted" | undefined;
 }>;
@@ -35,6 +40,11 @@ declare const _default: React.FC<{
         handleClick?: (() => void) | undefined;
         consentProps: Record<string, string>;
     }) => React.ReactNode) | undefined;
+    /**
+     * Custom handler for play button click
+     * @returns true if video should be played
+     */
+    onPlayClick?: (() => Promise<boolean>) | undefined;
     /** Section background */
     bgMode?: "full" | "inverted" | undefined;
 } & {

package/types/components/sections/news/NewsVideo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewsVideo.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,2BAAgC;AAwErD,eAAO,MAAM,kBAAkB;IAjE3B,wDAAwD;;IAGxD,wBAAwB;;IAGxB,wCAAwC;;IAGxC,uBAAuB;eACZ,MAAM,SAAS;IAE1B,sCAAsC;;IAGtC,iEAAiE;6BACzC;QACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC,KAAK,MAAM,SAAS;IAErB,yBAAyB;;EA4Cc,CAAC;;IAjExC,wDAAwD;;IAGxD,wBAAwB;;IAGxB,wCAAwC;;IAGxC,uBAAuB;;IAGvB,sCAAsC;;IAGtC,iEAAiE;;;;;IAMjE,yBAAyB;;;;;AA6C7B,wBAAuC"}
+{"version":3,"file":"NewsVideo.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,2BAAgC;AA+ErD,eAAO,MAAM,kBAAkB;IAxE3B,wDAAwD;;IAGxD,wBAAwB;;IAGxB,wCAAwC;;IAGxC,uBAAuB;eACZ,MAAM,SAAS;IAE1B,sCAAsC;;IAGtC,iEAAiE;6BACzC;QACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC,KAAK,MAAM,SAAS;IACrB;;;OAGG;yBACiB,QAAQ,OAAO,CAAC;IAEpC,yBAAyB;;EA8Cc,CAAC;;IAxExC,wDAAwD;;IAGxD,wBAAwB;;IAGxB,wCAAwC;;IAGxC,uBAAuB;;IAGvB,sCAAsC;;IAGtC,iEAAiE;;;;;IAKjE;;;OAGG;;IAGH,yBAAyB;;;;;AA+C7B,wBAAuC"}

package/cjs/VideoCard-a51690c9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoCard-a51690c9.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n    /**\n     * Custom handler for play button click\n     * @returns true if video should be played\n     */\n    onPlay?: () => boolean;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n    bgImage,\n    embedId,\n    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n    consentAction,\n    onPlay,\n    className,\n}) => {\n    const { globals } = useLibTheme();\n    const [isActive, setIsActive] = useState(false);\n    const [showConsent, setShowConsent] = useState(false);\n\n    const handlePlayClick = () => {\n        let isAccepted = false;\n\n        if (onPlay) {\n            isAccepted = onPlay();\n        } else {\n            const cookie = getCookie(\n                globals.cookie.name\n            ) as Cookie<CookieConsentData>;\n\n            isAccepted =\n                globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n                    (acc, current) => {\n                        if (!acc) return acc;\n                        if (!cookie || !cookie?.data.types) return false;\n\n                        // set acc to false if type is not defined or set to false\n                        acc = !!cookie?.data?.types?.[current];\n                        return acc;\n                    },\n                    true\n                );\n        }\n\n        if (isAccepted) {\n            setIsActive(true);\n            setShowConsent(false);\n        } else {\n            setShowConsent(true);\n        }\n    };\n\n    const handleConsentActionClick = () => {\n        setShowConsent(false);\n    };\n\n    return (\n        <View\n            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","withConfig","displayName","componentId","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","__makeTemplateObject","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","embedId","playIcon","_c","consentText","consentAction","onPlay","className","globals","useLibTheme","_d","useState","setIsActive","_e","showConsent","setShowConsent","handleConsentActionClick","React","createElement","undefined","isAccepted","cookie_1","getCookie","cookie","name","videoCookieTypeRestrictions","reduce","acc","current","data","types","_b","Play","iconColor","id","src","allow","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"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"}

package/esm/VideoCard-2cb3b442.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoCard-2cb3b442.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n    /**\n     * Custom handler for play button click\n     * @returns true if video should be played\n     */\n    onPlay?: () => boolean;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n    bgImage,\n    embedId,\n    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n    consentAction,\n    onPlay,\n    className,\n}) => {\n    const { globals } = useLibTheme();\n    const [isActive, setIsActive] = useState(false);\n    const [showConsent, setShowConsent] = useState(false);\n\n    const handlePlayClick = () => {\n        let isAccepted = false;\n\n        if (onPlay) {\n            isAccepted = onPlay();\n        } else {\n            const cookie = getCookie(\n                globals.cookie.name\n            ) as Cookie<CookieConsentData>;\n\n            isAccepted =\n                globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n                    (acc, current) => {\n                        if (!acc) return acc;\n                        if (!cookie || !cookie?.data.types) return false;\n\n                        // set acc to false if type is not defined or set to false\n                        acc = !!cookie?.data?.types?.[current];\n                        return acc;\n                    },\n                    true\n                );\n        }\n\n        if (isAccepted) {\n            setIsActive(true);\n            setShowConsent(false);\n        } else {\n            setShowConsent(true);\n        }\n    };\n\n    const handleConsentActionClick = () => {\n        setShowConsent(false);\n    };\n\n    return (\n        <View\n            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","__makeTemplateObject","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","VideoCard","embedId","playIcon","_c","consentText","consentAction","onPlay","className","globals","useLibTheme","_d","useState","setIsActive","_e","showConsent","setShowConsent","handlePlayClick","isAccepted","cookie_1","getCookie","cookie","name","videoCookieTypeRestrictions","reduce","acc","current","data","types","_b","handleConsentActionClick","React","createElement","undefined","Play","iconColor","id","src","allow","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"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"}