pds-dev-kit-web-test 2.7.95 → 2.7.96

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js

@@ -1,148 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Icon_1 = require("@sub/DynamicLayout/components/pdsOriginal/hybrid/Icon");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
-var styled_components_1 = __importDefault(require("styled-components"));
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
-var S_HiddenCover_1 = require("../components/S_HiddenCover");
-var helper_1 = require("./helper");
-function VideoPlayer(props) {
-    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var CB_CONTENT_PROP_VIDEO = props.CB_CONTENT_PROP_VIDEO;
-    var index = props.index, CB_STYLE_PROP_BGCOLOR = props.CB_STYLE_PROP_BGCOLOR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var isEditMode = mode === 'EDIT';
-    var _b = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _b.style, bgColorHoverStyle = _b.hoverStyle;
-    var _c = (0, util_1.parseProperties)(props, device), propsStyle = _c.style, propsHoverStyle = _c.hoverStyle, layoutStyle = _c.layout, effect = _c.effect;
-    var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    if (mode === 'EDIT') {
-        propsStyle.visibility = 'visible';
-    }
-    var cbRef = (0, react_1.useRef)(null);
-    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
-        index
-    ]);
-    var _d = (0, react_1.useState)(false), videoStarted = _d[0], setVideoStarted = _d[1];
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var isNoneEffectType = device === 'DESKTOP'
-        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
-        : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
-    var hasEffect = !isNoneEffectType;
-    var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY;
-    var shouldAutoplay = (CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY && device === 'DESKTOP') ||
-        (CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY && device === 'MOBILE');
-    var videoRef = (0, react_1.useRef)(null);
-    var _e = (0, react_1.useState)(false), videoLoaded = _e[0], setVideoLoaded = _e[1];
-    var _f = (0, react_1.useState)(function () {
-        return (0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL;
-    }), videoURL = _f[0], setVideoURL = _f[1];
-    var onVideoError = function () {
-        var fallbackURL = (0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).fallbackURL;
-        var isFallbackURL = fallbackURL === videoURL;
-        if (fallbackURL && !isFallbackURL) {
-            setVideoURL(fallbackURL);
-            return;
-        }
-    };
-    var onLoadedMetadata = function () {
-        setVideoLoaded(true);
-    };
-    var onPlay = function () {
-        var video = videoRef.current;
-        if (!video || isEditMode || videoStarted || shouldAutoplay) {
-            return;
-        }
-        if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number') {
-            video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
-            setVideoStarted(true);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        var video = videoRef.current;
-        if (!video || isEditMode || !videoLoaded || !shouldAutoplay) {
-            return;
-        }
-        var handleIntersection = function (entries) {
-            entries.forEach(function (entry) {
-                if (entry.isIntersecting) {
-                    if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number') {
-                        video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
-                    }
-                    video.muted = true;
-                    video.play().catch(function (err) {
-                        // eslint-disable-next-line no-console
-                        console.error('Error: CB VIDEO_PLAYER:', err);
-                    });
-                }
-                else {
-                    video.pause();
-                }
-            });
-        };
-        var observer = new IntersectionObserver(handleIntersection, {
-            threshold: 0.2
-        });
-        observer.observe(video);
-        return function () {
-            observer.disconnect();
-        };
-    }, [videoLoaded, isEditMode, shouldAutoplay]);
-    (0, react_1.useEffect)(function () {
-        setVideoURL((0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL);
-    }, [CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: [isEditMode && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                                position: 'absolute',
-                                top: '50%',
-                                left: '50%',
-                                width: '100%',
-                                height: '100%',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                transform: 'translate(-50%, -50%)'
-                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onLoadedMetadata: onLoadedMetadata, onPlay: onPlay, onError: onVideoError, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
-}
-function getBGColorStyles(props, device) {
-    var availableSpecCodes = [
-        'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE'
-    ];
-    return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
-}
-var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: ", ";\n  width: 100%;\n"], ["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: ", ";\n  width: 100%;\n"])), function (_a) {
-    var isEditMode = _a.isEditMode;
-    return (isEditMode ? 'none' : 'auto');
-});
-exports.default = VideoPlayer;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts

@@ -1 +0,0 @@
-export { default as VideoPlayer } from './VideoPlayer';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoPlayer = void 0;
-var VideoPlayer_1 = require("./VideoPlayer");
-Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { CB_YOUTUBE_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-type Props = CB_YOUTUBE_PROPERTIES_TYPE & IndexForIntersection;
-export type YOUTUBE_AUTOPLAY_TRIGGER_POINT = 'ALWAYS' | 'VIEWPORT-FREEZE' | 'VIEWPORT';
-declare function Youtube(props: Props): JSX.Element;
-export default Youtube;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js

@@ -1,105 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
-var styled_components_1 = __importDefault(require("styled-components"));
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
-var S_HiddenCover_1 = require("../components/S_HiddenCover");
-var parseYoutubeContentProp_1 = __importDefault(require("./parseYoutubeContentProp"));
-var YOUTUBE_AUTOPLAY_TRIGGER_POINT = 'VIEWPORT';
-function Youtube(props) {
-    var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_CONTENT_PROP_YOUTUBE = props.CB_CONTENT_PROP_YOUTUBE, CB_STYLE_PROP_BGCOLOR = props.CB_STYLE_PROP_BGCOLOR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var _b = (0, parseYoutubeContentProp_1.default)(CB_CONTENT_PROP_YOUTUBE, device, YOUTUBE_AUTOPLAY_TRIGGER_POINT), youtubeSrc = _b.youtubeSrc, thumbnailSrc = _b.thumbnailSrc, id = _b.id, cbAutoplayMode = _b.cbAutoplayMode;
-    var isEditMode = mode === 'EDIT';
-    var _c = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _c.style, bgColorHoverStyle = _c.hoverStyle;
-    var _d = (0, util_1.parseProperties)(props, device), propsStyle = _d.style, propsHoverStyle = _d.hoverStyle, layoutStyle = _d.layout, effect = _d.effect;
-    var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    if (mode === 'EDIT') {
-        propsStyle.visibility = 'visible';
-    }
-    var cbRef = (0, react_1.useRef)(null);
-    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
-        index
-    ]);
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var isNoneEffectType = device === 'DESKTOP'
-        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
-        : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
-    var hasEffect = !isNoneEffectType;
-    var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var iframeRef = (0, react_1.useRef)(null);
-    var autoplayRef = (0, react_1.useRef)(null);
-    var autoplayEntry = (0, hooks_1.useIntersectionObserver)(autoplayRef, {
-        freezeOnceVisible: YOUTUBE_AUTOPLAY_TRIGGER_POINT === 'VIEWPORT-FREEZE' ? true : false
-    }, [index]);
-    var onLoadIframe = function () {
-        var _a;
-        if (!((_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow)) {
-            return;
-        }
-        if (cbAutoplayMode === 'VIEWPORT' && (autoplayEntry === null || autoplayEntry === void 0 ? void 0 : autoplayEntry.isIntersecting)) {
-            iframeRef.current.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
-        }
-    };
-    // NOTE: Effect for AUTO-PLAY
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (!((_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow)) {
-            return;
-        }
-        if (cbAutoplayMode === 'VIEWPORT' && (autoplayEntry === null || autoplayEntry === void 0 ? void 0 : autoplayEntry.isIntersecting)) {
-            iframeRef.current.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
-        }
-        if (cbAutoplayMode === 'VIEWPORT' && !(autoplayEntry === null || autoplayEntry === void 0 ? void 0 : autoplayEntry.isIntersecting)) {
-            iframeRef.current.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
-        }
-    }, [autoplayEntry === null || autoplayEntry === void 0 ? void 0 : autoplayEntry.isIntersecting, cbAutoplayMode]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ ref: autoplayRef, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: isEditMode ? ((0, jsx_runtime_1.jsxs)(S_ThumbnailBox, { children: [(0, jsx_runtime_1.jsx)(YoutubeButton, {}), (0, jsx_runtime_1.jsx)(S_Thumbnail, { src: thumbnailSrc })] })) : ((0, jsx_runtime_1.jsx)(S_Iframe, { ref: iframeRef, title: id, src: youtubeSrc, onLoad: onLoadIframe, allow: "accelerometer; encrypted-media; gyroscope; picture-in-picture" })) })) }))] }));
-}
-function getBGColorStyles(props, device) {
-    var availableSpecCodes = [
-        'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC',
-        'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE'
-    ];
-    return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
-}
-var S_ThumbnailBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n"])));
-var S_Thumbnail = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n"], ["\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n"])));
-var S_Iframe = styled_components_1.default.iframe(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: none;\n  height: 100%;\n  width: 100%;\n"], ["\n  border: none;\n  height: 100%;\n  width: 100%;\n"])));
-var S_YoutubeButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 48px;\n  margin: auto;\n  position: absolute;\n  width: 68px;\n"], ["\n  height: 48px;\n  margin: auto;\n  position: absolute;\n  width: 68px;\n"])));
-function YoutubeButton() {
-    return ((0, jsx_runtime_1.jsx)(S_YoutubeButton, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ height: "100%", version: "1.1", viewBox: "0 0 68 48", width: "100%" }, { children: [(0, jsx_runtime_1.jsx)("path", { className: "ytp-large-play-button-bg", d: "M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z", fill: "#f00" }), (0, jsx_runtime_1.jsx)("path", { d: "M 45,24 27,14 27,34", fill: "#fff" })] })) }));
-}
-exports.default = Youtube;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/index.d.ts

@@ -1 +0,0 @@
-export { default as Youtube } from './Youtube';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Youtube = void 0;
-var Youtube_1 = require("./Youtube");
-Object.defineProperty(exports, "Youtube", { enumerable: true, get: function () { return __importDefault(Youtube_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/parseYoutubeContentProp.d.ts

@@ -1,15 +0,0 @@
-import type { CB_CONTENT_PROP_YOUTUBE_TYPE } from './types';
-import type { YOUTUBE_AUTOPLAY_TRIGGER_POINT } from './Youtube';
-import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-declare function parseYoutubeContentProp(props: CB_CONTENT_PROP_YOUTUBE_TYPE, device: Device, autoplayTriggerPoint: YOUTUBE_AUTOPLAY_TRIGGER_POINT): {
-    id: string;
-    youtubeSrc: string;
-    thumbnailSrc: string;
-    cbAutoplayMode?: undefined;
-} | {
-    id: string;
-    youtubeSrc: string;
-    thumbnailSrc: string;
-    cbAutoplayMode: string;
-};
-export default parseYoutubeContentProp;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/parseYoutubeContentProp.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function parseYoutubeContentProp(props, device, autoplayTriggerPoint) {
-    var id = getYoutubeId(props.CB_CONTENT_PROP_YOUTUBE_SPEC_SRC);
-    var start = props.CB_CONTENT_PROP_YOUTUBE_SPEC_STARTTIME;
-    var shouldAutoPlay = device === 'DESKTOP'
-        ? props.CB_CONTENT_PROP_YOUTUBE_SPEC_AUTOPLAY
-        : props.CB_CONTENT_PROP_YOUTUBE_SPEC_MAUTOPLAY;
-    var cbAutoplayMode = shouldAutoPlay ? autoplayTriggerPoint : 'NONE';
-    if (!id) {
-        return {
-            id: 'no-id',
-            youtubeSrc: '',
-            thumbnailSrc: ''
-        };
-    }
-    return {
-        id: id,
-        youtubeSrc: getEmbedUrl(id, { start: start, shouldAutoPlay: shouldAutoPlay, autoplayMode: autoplayTriggerPoint }),
-        thumbnailSrc: getThumbnailUrl(id),
-        cbAutoplayMode: cbAutoplayMode
-    };
-}
-function getYoutubeId(src) {
-    var _a;
-    var embedUrl = src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/);
-    var shareUrl = src.match(/youtu.be\/(.{11})/);
-    var shortsUrl = src.match(/youtube\.com\/shorts\/(.{11})/);
-    return (_a = (embedUrl || shareUrl || shortsUrl)) === null || _a === void 0 ? void 0 : _a.pop();
-}
-function getThumbnailUrl(id) {
-    return "https://img.youtube.com/vi/".concat(id, "/0.jpg");
-}
-function getEmbedUrl(id, _a) {
-    var start = _a.start, autoplayMode = _a.autoplayMode, shouldAutoPlay = _a.shouldAutoPlay;
-    try {
-        var url = new URL("https://www.youtube.com/embed/".concat(id));
-        url.searchParams.set('start', "".concat(start));
-        if (!shouldAutoPlay) {
-            return url.href;
-        }
-        // NOTE: AUTOPLAY PARAMS
-        if (autoplayMode === 'ALWAYS') {
-            url.searchParams.set('autoplay', '1');
-        }
-        if (autoplayMode === 'VIEWPORT') {
-            url.searchParams.set('enablejsapi', '1');
-        }
-        url.searchParams.set('mute', '1');
-        url.searchParams.set('loop', '1');
-        url.searchParams.set('playlist', "".concat(id));
-        return url.href;
-    }
-    catch (error) {
-        return "https://www.youtube.com/embed/".concat(id, "?start=").concat(start);
-    }
-}
-exports.default = parseYoutubeContentProp;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    effectVisibleStyle: React.CSSProperties;
-};
-export declare const S_CB_AnimationObserverBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
-export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.js

@@ -1,27 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.S_CB_AnimationObserverBox = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.S_CB_AnimationObserverBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  ", ";\n"], ["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  ", ";\n"])), function (_a) {
-    var effectVisibleStyle = _a.effectVisibleStyle;
-    return effectVisibleStyle && __assign({}, effectVisibleStyle);
-});
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_Box.d.ts

@@ -1,2 +0,0 @@
-import type { StylesProps } from '../types';
-export declare const S_CB_Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StylesProps, never>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_Box.js

@@ -1,50 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.S_CB_Box = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-exports.S_CB_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:hover,\n  &.hovered {\n    ", ";\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:hover,\n  &.hovered {\n    ", ";\n  }\n"])), function (_a) {
-    var normalStyle = _a.normalStyle;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, normalStyle), { boxShadow: '' }));
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), __assign(__assign({}, hoverStyle), { boxShadow: '' }));
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts

@@ -1,11 +0,0 @@
-import type { StylesProps } from '../types';
-import type { Device, NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-export declare const S_CB_BoxWithShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StylesProps & {
-    cbStylePropsShadowSpecs: {
-        CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;
-        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
-        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
-        'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    };
-    device: Device;
-}, never>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js

@@ -1,106 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.S_CB_BoxWithShadow = void 0;
-var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
-var styled_components_1 = __importStar(require("styled-components"));
-exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover,\n  &.hovered {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover,\n  &.hovered {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"])), function (_a) {
-    var normalStyle = _a.normalStyle;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, normalStyle), { boxShadow: '' }));
-}, function (_a) {
-    var normalStyle = _a.normalStyle;
-    return normalStyle.borderBottomLeftRadius;
-}, function (_a) {
-    var normalStyle = _a.normalStyle;
-    return normalStyle.borderBottomRightRadius;
-}, function (_a) {
-    var normalStyle = _a.normalStyle;
-    return normalStyle.borderTopLeftRadius;
-}, function (_a) {
-    var normalStyle = _a.normalStyle;
-    return normalStyle.borderTopRightRadius;
-}, function (_a) {
-    var normalStyle = _a.normalStyle;
-    return normalStyle.boxShadow;
-}, function (_a) {
-    var cbStylePropsShadowSpecs = _a.cbStylePropsShadowSpecs, device = _a.device;
-    switch (device) {
-        case 'DESKTOP':
-            return Number(cbStylePropsShadowSpecs.CB_STYLE_PROP_SHADOW_SPEC_OPACITY) / 100;
-        case 'MOBILE':
-            return (0, isNullOrUndefined_1.default)(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE'])
-                ? Number(cbStylePropsShadowSpecs.CB_STYLE_PROP_SHADOW_SPEC_OPACITY) / 100
-                : Number(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE']) / 100;
-    }
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), __assign(__assign({}, hoverStyle), { boxShadow: '' }));
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return hoverStyle.borderBottomLeftRadius;
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return hoverStyle.borderBottomRightRadius;
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return hoverStyle.borderTopLeftRadius;
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return hoverStyle.borderTopRightRadius;
-}, function (_a) {
-    var hoverStyle = _a.hoverStyle;
-    return hoverStyle.boxShadow;
-}, function (_a) {
-    var cbStylePropsShadowSpecs = _a.cbStylePropsShadowSpecs, device = _a.device;
-    switch (device) {
-        case 'DESKTOP':
-            return (0, isNullOrUndefined_1.default)(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER'])
-                ? Number(cbStylePropsShadowSpecs.CB_STYLE_PROP_SHADOW_SPEC_OPACITY) / 100
-                : Number(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER']) / 100;
-        case 'MOBILE':
-            return (0, isNullOrUndefined_1.default)(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE'])
-                ? Number(cbStylePropsShadowSpecs.CB_STYLE_PROP_SHADOW_SPEC_OPACITY) / 100
-                : Number(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE']) / 100;
-    }
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_HiddenCover.d.ts

@@ -1 +0,0 @@
-export declare const S_HiddenCover: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_HiddenCover.js

@@ -1,13 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.S_HiddenCover = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.S_HiddenCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -60deg,\n    #ffffff26,\n    #ffffff26 12px,\n    #0000001a 12px,\n    #0000001a 25px\n  );\n  height: 100%;\n  pointer-events: none;\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n"], ["\n  background: repeating-linear-gradient(\n    -60deg,\n    #ffffff26,\n    #ffffff26 12px,\n    #0000001a 12px,\n    #0000001a 25px\n  );\n  height: 100%;\n  pointer-events: none;\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n"])));
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.d.ts

@@ -1,12 +0,0 @@
-import type { CB_CONTENT_PROP_CLINK } from '../types';
-type Props = {
-    src: string;
-    openNewTab: boolean;
-    type: CB_CONTENT_PROP_CLINK['CB_CONTENT_PROP_CLINK_SPEC_TYPE'];
-    internalSrc: string;
-};
-export default function useCLINK(props: Props): {
-    CLINKCursor: string;
-    onClickCLINK: () => void;
-};
-export {};