@blateral/b.kit 2.7.2 → 2.7.3

package/esm/{VideoCard-2cb3b442.js → VideoCard-1908aa13.js}

@@ -94,7 +94,7 @@ var VideoCard = function (_a) {
       _c = _a.consentText,
       consentText = _c === void 0 ? 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.' : _c,
       consentAction = _a.consentAction,
-      onPlay = _a.onPlay,
+      onPlayClick = _a.onPlayClick,
       className = _a.className;
   var globals = useLibTheme().globals;
 
@@ -109,8 +109,8 @@ var VideoCard = function (_a) {
   var handlePlayClick = function () {
     var isAccepted = false;
 
-    if (onPlay) {
-      isAccepted = onPlay();
+    if (onPlayClick) {
+      isAccepted = onPlayClick();
     } else {
       var cookie_1 = getCookie(globals.cookie.name);
       isAccepted = globals.cookie.videoCookieTypeRestrictions.reduce(function (acc, current) {
@@ -164,4 +164,4 @@ var VideoCard = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { VideoCard as V };
-//# sourceMappingURL=VideoCard-2cb3b442.js.map
+//# sourceMappingURL=VideoCard-1908aa13.js.map

package/esm/VideoCard-1908aa13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoCard-1908aa13.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    onPlayClick?: () => 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    onPlayClick,\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 (onPlayClick) {\n            isAccepted = onPlayClick();\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","onPlayClick","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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"}

package/esm/sections.js

@@ -26,7 +26,7 @@ import { C as Callout } from './Callout-a926194d.js';
 import { i as isValidArray } from './arrays-65b644ef.js';
 import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
 import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
-import { V as VideoCard } from './VideoCard-2cb3b442.js';
+import { V as VideoCard } from './VideoCard-1908aa13.js';
 import { C as Control$1 } from './Control-2d605e12.js';
 import { u as useLeafletMap } from './useLeafletMap-84170d32.js';
 import './concat-ab3c66f2.js';
@@ -3288,7 +3288,7 @@ var Video$1 = function (_a) {
       playIcon = _a.playIcon,
       consentText = _a.consentText,
       consentAction = _a.consentAction,
-      onPlay = _a.onPlay;
+      onPlayClick = _a.onPlayClick;
   var colors = useLibTheme().colors;
   var isInverted = bgMode === 'inverted';
   return React__default.createElement(Section, {
@@ -3304,7 +3304,7 @@ var Video$1 = function (_a) {
     playIcon: playIcon,
     consentText: consentText,
     consentAction: consentAction,
-    onPlay: onPlay
+    onPlayClick: onPlayClick
   })));
 };
 var Video$2 = withLibTheme(Video$1);