pds-dev-kit-web-test 2.2.99 → 2.2.652

package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js

@@ -0,0 +1,75 @@
+"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 styled_components_1 = __importDefault(require("styled-components"));
+var ComponentBlockMatcher_1 = __importDefault(require("./ComponentBlockMatcher"));
+var gap = 10;
+function FlexGridItem(_a) {
+    var cb = _a.cb, index = _a.index, device = _a.device, rowHeight = _a.rowHeight, zIndex = _a.zIndex;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
+    var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
+    // const zIndex =
+    //   device === 'DESKTOP'
+    //     ? cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX
+    //     : cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT[
+    //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'
+    //       ];
+    return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: {
+            zIndex: zIndex,
+            gridArea: gridArea
+            // maxHeight: cb.componentBlockCode !== CB_ALL_CODES.CB_TEXT ? defaultHeight : undefined
+        } }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
+}
+var GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  word-break: break-word;\n"], ["\n  height: auto;\n  word-break: break-word;\n"])));
+function getMaxHeight(props, device, rowHeight) {
+    if (device === 'DESKTOP') {
+        var CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
+        var height_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS * rowHeight +
+            (CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS - 1) * gap;
+        return height_1;
+    }
+    var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
+    var height = rowsMobile * rowHeight + (rowsMobile - 1) * gap;
+    return height;
+}
+function getGridAreaFromCB(props, device) {
+    var CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX, CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY, cols = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS, rows = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
+    if (device === 'DESKTOP') {
+        var colStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1;
+        var rowStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1;
+        var rowEnd_1 = rows + rowStart_1;
+        var colEnd_1 = cols + colStart_1;
+        // <grid-row-start> / <grid-column-start> / <grid-row-end> / <grid-column-end>;
+        return "".concat(rowStart_1, " / ").concat(colStart_1, " / ").concat(rowEnd_1, " / ").concat(colEnd_1);
+    }
+    var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
+    var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
+    var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
+    var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
+    var colStart = startXMobile + 1;
+    var rowStart = startYMobile + 1;
+    var rowEnd = rowsMobile + rowStart;
+    var colEnd = colsMobile + colStart;
+    return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
+}
+exports.default = FlexGridItem;
+var templateObject_1;

package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { DynamicLayoutProps } from './types';
-declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents, shortcutKeyMode, dynamicLayoutRef }: DynamicLayoutProps): JSX.Element;
+declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents, shortcutKeyMode, dynamicLayoutRef, zoomScale }: DynamicLayoutProps): JSX.Element;
 export default DynamicLayout;

package/dist/src/sub/DynamicLayout/DynamicLayout.js

@@ -25,8 +25,21 @@ var EditModeSectionMatcher_1 = require("./components/EditModeSectionMatcher");
 var SectionMatcher_1 = require("./components/SectionMatcher");
 var dynamicLayoutContext_1 = require("./dynamicLayoutContext");
 function DynamicLayout(_a) {
-    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, shortcutKeyMode = _a.shortcutKeyMode, dynamicLayoutRef = _a.dynamicLayoutRef;
-    var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) { return section.display; })
+    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, shortcutKeyMode = _a.shortcutKeyMode, dynamicLayoutRef = _a.dynamicLayoutRef, zoomScale = _a.zoomScale;
+    var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) {
+        var _a;
+        if (!section.display) {
+            return false;
+        }
+        if (section.type === 'CUSTOM' && mode !== 'EDIT') {
+            var deviceKey = device === 'DESKTOP'
+                ? 'CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP'
+                : 'CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB';
+            var isVisible = (_a = section.jsonProperties) === null || _a === void 0 ? void 0 : _a.data.CB_CONTENT_PROP_VISIBILITY[deviceKey];
+            return isVisible;
+        }
+        return true;
+    })
         .sort(function (a, b) { return a.order - b.order; });
     var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
     return ((0, jsx_runtime_1.jsxs)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
@@ -37,7 +50,8 @@ function DynamicLayout(_a) {
             sectionActionHandler: sectionActionHandler,
             editingSectionId: editingSectionId,
             programmedSectionComponents: programmedSectionComponents,
-            shortcutKeyMode: shortcutKeyMode
+            shortcutKeyMode: shortcutKeyMode,
+            zoomScale: zoomScale
         } }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { dynamicLayoutRef: dynamicLayoutRef, editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection })), mode !== 'EDIT' &&
                 (iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] })));
 }

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js

@@ -43,6 +43,9 @@ function EditModeSectionMatcher(_a) {
             },
             selectCBInBulk: function (cbIds) {
                 selectedSectionRef === null || selectedSectionRef === void 0 ? void 0 : selectedSectionRef.selectCBInBulk(cbIds);
+            },
+            selectGroup: function (groupId) {
+                selectedSectionRef === null || selectedSectionRef === void 0 ? void 0 : selectedSectionRef.selectGroup(groupId);
             }
         };
     }, [selectedSectionRef]);

package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js

@@ -81,9 +81,12 @@ var TopRightAbsoluteBox = styled_components_1.default.div(templateObject_1 || (t
     var theme = _a.theme;
     return theme.ui_editor_preview_editing;
 });
-var S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n  position: relative;\n"], ["\n  height: ", ";\n  position: relative;\n"])), function (_a) {
+var S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n  position: relative;\n  z-index: ", ";\n"], ["\n  height: ", ";\n  position: relative;\n  z-index: ", ";\n"])), function (_a) {
     var isIframeSection = _a.isIframeSection;
     return (isIframeSection ? '100%' : 'auto');
+}, function (_a) {
+    var isEditing = _a.isEditing;
+    return (isEditing ? 3 : 1);
 });
 var DimmedEditOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  animation: ", ";\n  background-color: ", ";\n  bottom: 0;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  left: 0;\n\n  opacity: ", ";\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  transition: opacity 0.2s ease-out;\n  z-index: 10;\n\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.6;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n"], ["\n  align-items: center;\n  animation: ", ";\n  background-color: ", ";\n  bottom: 0;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  left: 0;\n\n  opacity: ", ";\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  transition: opacity 0.2s ease-out;\n  z-index: 10;\n\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.6;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n"])), function (_a) {
     var fadeOut = _a.fadeOut;

package/dist/src/sub/DynamicLayout/components/Section/ErrorBoundary/ErrorBoundary.js

@@ -18,6 +18,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 };
 };
@@ -50,7 +61,7 @@ var ErrorBoundary = /** @class */ (function (_super) {
     ErrorBoundary.prototype.render = function () {
         var hasError = this.state.hasError;
         if (hasError) {
-            return (0, jsx_runtime_1.jsx)(ErrorWrapper, { children: "Error" });
+            return (0, jsx_runtime_1.jsx)(ErrorWrapper, __assign({ className: "error-boundary" }, { children: "Error" }));
         }
         var children = this.props.children;
         return children;

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -37,6 +37,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.CustomSectionBackgroundMedia = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -45,9 +48,10 @@ var utils_1 = require("../../../../DynamicLayout/utils");
 var styled_components_1 = __importStar(require("styled-components"));
 var YouTubeIframe_1 = require("../../YouTubeIframe");
 var util_1 = require("../util");
+var VideoBGMedia_1 = __importDefault(require("./VideoBGMedia"));
 function CustomSectionBackgroundMedia(_a) {
     var specs = _a.specs, playerId = _a.playerId, mediaType = _a.mediaType, componentStyle = _a.componentStyle, device = _a.device, backgroundRef = _a.backgroundRef;
-    var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR;
+    var _b = (0, util_1.parseSectionBackgroundMediaData)(specs, device), CB_STYLE_PROP_BGMEDIA_SPEC_YSRC = _b.CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY = _b.CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME = _b.CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME, CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR, CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR = _b.CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR;
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), youtubeSize = _c[0], setYoutubeSize = _c[1];
     var youTubeIframeKey = (0, react_1.useMemo)(function () {
         return "".concat(utils_1.YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC)), "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, "-").concat(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME);
@@ -104,6 +108,13 @@ function CustomSectionBackgroundMedia(_a) {
             return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR && ((0, jsx_runtime_1.jsx)(S_Image, __assign({ src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), normalStyle: componentStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR), style: { visibility: 'hidden', width: '100%', height: '100%' } }) }))) }));
         case 'YOUTUBE':
             return ((0, jsx_runtime_1.jsx)(S_YoutubeContainer, __assign({}, youtubeSize, { children: youtubeSize.height > 0 && youtubeSize.width > 0 && ((0, jsx_runtime_1.jsx)(YouTubeIframe_1.YouTubeIframe, { src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC), id: playerId, loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none', startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), customHeight: youtubeSize.height, customWidth: youtubeSize.width }, youTubeIframeKey)) })));
+        case 'VIDEO':
+        case 'URL':
+            return ((0, jsx_runtime_1.jsx)(VideoBGMedia_1.default
+            // autoPlayOnMobile={}
+            , { 
+                // autoPlayOnMobile={}
+                src: String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR), startTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME), endTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME), loop: !!CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY }));
         case 'NONE':
         default:
             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare function VideoBGMedia({ src, startTime, endTime, loop }: {
+    src: string;
+    startTime?: number;
+    endTime?: number;
+    loop?: boolean;
+}): JSX.Element;
+export default VideoBGMedia;

package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js

@@ -0,0 +1,77 @@
+"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 helper_1 = require("../../../../DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper");
+var styled_components_1 = __importDefault(require("styled-components"));
+function VideoBGMedia(_a) {
+    var src = _a.src, startTime = _a.startTime, endTime = _a.endTime, loop = _a.loop;
+    var videoRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(function () {
+        return (0, helper_1.parseTargetUrl)(src).encodedURL;
+    }), videoURL = _b[0], setVideoURL = _b[1];
+    (0, react_1.useEffect)(function () {
+        setVideoURL((0, helper_1.parseTargetUrl)(src).encodedURL);
+    }, [src]);
+    var onLoadedMetadata = function () {
+        var video = videoRef.current;
+        if (!video)
+            return;
+        if (typeof startTime === 'number') {
+            video.currentTime = startTime;
+        }
+        video.play();
+    };
+    var onTimeUpdate = function () {
+        var video = videoRef.current;
+        if (!video)
+            return;
+        if (typeof startTime === 'number' && typeof endTime === 'number') {
+            if (video.currentTime < startTime) {
+                video.currentTime = startTime;
+            }
+            if (video.currentTime >= endTime) {
+                video.currentTime = startTime;
+            }
+        }
+    };
+    var onEnded = function () {
+        var video = videoRef.current;
+        if (!video)
+            return;
+        if (loop) {
+            video.currentTime = startTime || 0;
+            video.play();
+        }
+    };
+    var onVideoError = function () {
+        var fallbackURL = (0, helper_1.parseTargetUrl)(src).fallbackURL;
+        var isFallbackURL = fallbackURL === videoURL;
+        if (fallbackURL && !isFallbackURL) {
+            setVideoURL(fallbackURL);
+            return;
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ "data-src": src, ref: videoRef, onLoadedMetadata: onLoadedMetadata, onTimeUpdate: onTimeUpdate, onEnded: onEnded, onError: onVideoError, autoPlay: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: videoURL }) }), videoURL));
+}
+var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  left: 0;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -9999;\n"], ["\n  height: 100%;\n  left: 0;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -9999;\n"])));
+exports.default = VideoBGMedia;
+var templateObject_1;

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js

@@ -25,7 +25,9 @@ var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION',
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR',
     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT',
-    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME'
+    'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME',
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR'
+    // 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'
 ];
 function UseCustomSectionBackgroundMediaData(specs, device) {
     return AVAILABLE_SPECS.reduce(function (acc, cur) {

package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js

@@ -21,13 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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 FlexGridCustomSection_1 = __importDefault(require("../../../DynamicLayout/sections/FlexGridCustomSection"));
 var sections_1 = require("../../sections");
 function SectionMatcher(_a) {
     var props = __rest(_a, []);
     if (props.type === 'CUSTOM') {
-        return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props));
+        return (0, jsx_runtime_1.jsx)(FlexGridCustomSection_1.default, __assign({}, props));
     }
     var schema = props.manifest.schema;
     switch (schema) {

package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.js

@@ -54,8 +54,9 @@ function YouTubeIframe(_a) {
             var CUED = 5;
             var stateCode = event.data;
             switch (stateCode) {
-                case UNSTARTED:
                 case BUFFERING:
+                    break;
+                case UNSTARTED:
                 case CUED:
                     setIsYoutubeLoading(true);
                     break;
@@ -74,8 +75,11 @@ function YouTubeIframe(_a) {
                         var restartVideoSection = function () {
                             event.target.seekTo(section.start);
                         };
-                        var id_1 = setTimeout(restartVideoSection, duration * 1000);
-                        setTimeoutId(id_1);
+                        var timeout = duration * 1000 - 1000;
+                        if (timeout > 0) {
+                            var id_1 = setTimeout(restartVideoSection, duration * 1000 - 1000);
+                            setTimeoutId(id_1);
+                        }
                     }
                     break;
             }

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CheckboxIndeterminate.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var CheckboxIndeterminate = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.4618,-1.0125234e-13 L5.5388,-1.0125234e-13 C2.4798,-1.0125234e-13 -0.0002,2.479 -0.0002,5.538 L-0.0002,18.461 C-0.0002,21.52 2.4798,24 5.5388,24 L18.4618,24 C21.5208,24 23.9998,21.52 23.9998,18.461 L23.9998,5.538 C23.9998,2.479 21.5208,-1.0125234e-13 18.4618,-1.0125234e-13" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M17.9998,12.9 L5.9998,12.9 C5.5028,12.9 5.0998,12.497 5.0998,12 C5.0998,11.503 5.5028,11.1 5.9998,11.1 L17.9998,11.1 C18.4968,11.1 18.8998,11.503 18.8998,12 C18.8998,12.497 18.4968,12.9 17.9998,12.9" })] })) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.4618,-1.0125234e-13 L5.5388,-1.0125234e-13 C2.4798,-1.0125234e-13 -0.0002,2.479 -0.0002,5.538 L-0.0002,18.461 C-0.0002,21.52 2.4798,24 5.5388,24 L18.4618,24 C21.5208,24 23.9998,21.52 23.9998,18.461 L23.9998,5.538 C23.9998,2.479 21.5208,-1.0125234e-13 18.4618,-1.0125234e-13" }), (0, jsx_runtime_1.jsx)("path", { fill: color === '#fdfdfd' ? '#000' : '#FFF', d: "M17.9998,12.9 L5.9998,12.9 C5.5028,12.9 5.0998,12.497 5.0998,12 C5.0998,11.503 5.5028,11.1 5.9998,11.1 L17.9998,11.1 C18.4968,11.1 18.8998,11.503 18.8998,12 C18.8998,12.497 18.4968,12.9 17.9998,12.9" })] })) })));
 };
 exports.default = CheckboxIndeterminate;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CheckboxOn.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var CheckboxOn = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.461,-0.0003 L5.538,-0.0003 C2.479,-0.0003 -1.77635684e-14,2.4797 -1.77635684e-14,5.5387 L-1.77635684e-14,18.4617 C-1.77635684e-14,21.5207 2.479,23.9997 5.538,23.9997 L18.461,23.9997 C21.52,23.9997 24,21.5207 24,18.4617 L24,5.5387 C24,2.4797 21.52,-0.0003 18.461,-0.0003" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M19.624,7.6977 L11.173,18.7717 C11.009,18.9877 10.756,19.1167 10.485,19.1247 C10.476,19.1257 10.467,19.1257 10.458,19.1257 C10.197,19.1257 9.948,19.0117 9.776,18.8137 L4.409,12.5877 C4.084,12.2117 4.126,11.6427 4.503,11.3187 C4.881,10.9937 5.448,11.0367 5.772,11.4117 L10.416,16.7977 L18.193,6.6057 C18.494,6.2107 19.06,6.1347 19.455,6.4367 C19.85,6.7377 19.926,7.3027 19.624,7.6977" })] })) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.461,-0.0003 L5.538,-0.0003 C2.479,-0.0003 -1.77635684e-14,2.4797 -1.77635684e-14,5.5387 L-1.77635684e-14,18.4617 C-1.77635684e-14,21.5207 2.479,23.9997 5.538,23.9997 L18.461,23.9997 C21.52,23.9997 24,21.5207 24,18.4617 L24,5.5387 C24,2.4797 21.52,-0.0003 18.461,-0.0003" }), (0, jsx_runtime_1.jsx)("path", { fill: color === '#fdfdfd' ? '#000' : '#FFF', d: "M19.624,7.6977 L11.173,18.7717 C11.009,18.9877 10.756,19.1167 10.485,19.1247 C10.476,19.1257 10.467,19.1257 10.458,19.1257 C10.197,19.1257 9.948,19.0117 9.776,18.8137 L4.409,12.5877 C4.084,12.2117 4.126,11.6427 4.503,11.3187 C4.881,10.9937 5.448,11.0367 5.772,11.4117 L10.416,16.7977 L18.193,6.6057 C18.494,6.2107 19.06,6.1347 19.455,6.4367 C19.85,6.7377 19.926,7.3027 19.624,7.6977" })] })) })));
 };
 exports.default = CheckboxOn;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/CloudDownload.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var CloudDownload = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.4192,10.6092 C17.8542,7.5742 15.1952,5.2742 11.9962,5.2742 C9.5222,5.2742 7.3712,6.6492 6.2602,8.6752 C3.8462,9.0592 2.0002,11.1442 2.0002,13.6652 C2.0002,16.4602 4.2652,18.7252 7.0602,18.7252 C7.0612,18.7252 7.0612,18.7252 7.0622,18.7252 L7.0622,18.7252 L17.9162,18.7252 L17.9162,18.7252 C20.1712,18.7252 22.0002,16.8972 22.0002,14.6422 C22.0002,12.5592 20.4342,10.8592 18.4192,10.6092" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M15.0642,13.6132 L12.5222,16.1552 C12.4532,16.2242 12.3712,16.2792 12.2802,16.3172 C12.1902,16.3552 12.0922,16.3752 11.9922,16.3752 C11.8922,16.3752 11.7942,16.3552 11.7032,16.3172 C11.6122,16.2792 11.5302,16.2242 11.4612,16.1552 L8.9362,13.6302 C8.6432,13.3372 8.6432,12.8622 8.9362,12.5692 C9.2292,12.2762 9.7032,12.2762 9.9962,12.5692 L11.2422,13.8152 L11.2422,9.4942 C11.2422,9.0802 11.5782,8.7442 11.9922,8.7442 C12.4062,8.7442 12.7422,9.0802 12.7422,9.4942 L12.7422,13.8142 L14.0032,12.5522 C14.2962,12.2592 14.7712,12.2592 15.0642,12.5522 C15.3572,12.8452 15.3572,13.3202 15.0642,13.6132" })] })) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M18.4192,10.6092 C17.8542,7.5742 15.1952,5.2742 11.9962,5.2742 C9.5222,5.2742 7.3712,6.6492 6.2602,8.6752 C3.8462,9.0592 2.0002,11.1442 2.0002,13.6652 C2.0002,16.4602 4.2652,18.7252 7.0602,18.7252 C7.0612,18.7252 7.0612,18.7252 7.0622,18.7252 L7.0622,18.7252 L17.9162,18.7252 L17.9162,18.7252 C20.1712,18.7252 22.0002,16.8972 22.0002,14.6422 C22.0002,12.5592 20.4342,10.8592 18.4192,10.6092" }), (0, jsx_runtime_1.jsx)("path", { fill: color === '#fdfdfd' ? '#000' : '#FFF', d: "M15.0642,13.6132 L12.5222,16.1552 C12.4532,16.2242 12.3712,16.2792 12.2802,16.3172 C12.1902,16.3552 12.0922,16.3752 11.9922,16.3752 C11.8922,16.3752 11.7942,16.3552 11.7032,16.3172 C11.6122,16.2792 11.5302,16.2242 11.4612,16.1552 L8.9362,13.6302 C8.6432,13.3372 8.6432,12.8622 8.9362,12.5692 C9.2292,12.2762 9.7032,12.2762 9.9962,12.5692 L11.2422,13.8152 L11.2422,9.4942 C11.2422,9.0802 11.5782,8.7442 11.9922,8.7442 C12.4062,8.7442 12.7422,9.0802 12.7422,9.4942 L12.7422,13.8142 L14.0032,12.5522 C14.2962,12.2592 14.7712,12.2592 15.0642,12.5522 C15.3572,12.8452 15.3572,13.3202 15.0642,13.6132" })] })) })));
 };
 exports.default = CloudDownload;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Downloaded.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Downloaded = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M11.9997,2.9996 C7.0297,2.9996 2.9997,7.0296 2.9997,11.9996 C2.9997,16.9706 7.0297,20.9996 11.9997,20.9996 C16.9707,20.9996 20.9997,16.9706 20.9997,11.9996 C20.9997,7.0296 16.9707,2.9996 11.9997,2.9996" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M16.8357,9.5366 L11.6497,16.3316 C11.5127,16.5116 11.3017,16.6196 11.0767,16.6266 C11.0687,16.6266 11.0617,16.6266 11.0537,16.6266 C10.8357,16.6266 10.6287,16.5326 10.4857,16.3666 L7.1927,12.5466 C6.9217,12.2326 6.9577,11.7596 7.2707,11.4886 C7.5847,11.2176 8.0587,11.2536 8.3287,11.5666 L11.0187,14.6866 L15.6437,8.6266 C15.8947,8.2966 16.3657,8.2336 16.6947,8.4856 C17.0237,8.7366 17.0867,9.2066 16.8357,9.5366" })] })) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M11.9997,2.9996 C7.0297,2.9996 2.9997,7.0296 2.9997,11.9996 C2.9997,16.9706 7.0297,20.9996 11.9997,20.9996 C16.9707,20.9996 20.9997,16.9706 20.9997,11.9996 C20.9997,7.0296 16.9707,2.9996 11.9997,2.9996" }), (0, jsx_runtime_1.jsx)("path", { fill: color === '#fdfdfd' ? '#000' : '#FFF', d: "M16.8357,9.5366 L11.6497,16.3316 C11.5127,16.5116 11.3017,16.6196 11.0767,16.6266 C11.0687,16.6266 11.0617,16.6266 11.0537,16.6266 C10.8357,16.6266 10.6287,16.5326 10.4857,16.3666 L7.1927,12.5466 C6.9217,12.2326 6.9577,11.7596 7.2707,11.4886 C7.5847,11.2176 8.0587,11.2536 8.3287,11.5666 L11.0187,14.6866 L15.6437,8.6266 C15.8947,8.2966 16.3657,8.2336 16.6947,8.4856 C17.0237,8.7366 17.0867,9.2066 16.8357,9.5366" })] })) })));
 };
 exports.default = Downloaded;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/BookingCompleted.js

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var BookingCompleted = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M17.59,3 C19.53,3 21.09,4.57 21.09,6.5 L21.09,6.5 L21.09,13.39 C21.86,14.23 22.33,15.33 22.33,16.56 C22.33,19.18 20.21,21.31 17.58,21.31 C16.33,21.31 15.2,20.81 14.35,20.02 L14.35,20.02 L5.5,20.02 C3.57,20.02 2,18.45 2,16.52 L2,16.52 L2,6.5 C2,4.57 3.57,3 5.5,3 L5.5,3 Z M19.59,7.9 L3.5,7.9 L3.5,16.52 C3.5,17.62 4.4,18.52 5.5,18.52 L5.5,18.52 L13.27,18.52 C12.99,17.92 12.83,17.26 12.83,16.56 C12.83,15.7 13.08,14.9 13.48,14.21 C13.45,14.21 13.42,14.22 13.39,14.22 C12.81,14.22 12.34,13.75 12.34,13.18 C12.34,12.6 12.81,12.13 13.39,12.13 C13.92,12.13 14.34,12.53 14.41,13.05 C15.25,12.29 16.36,11.81 17.58,11.81 C18.3,11.81 18.98,11.98 19.59,12.27 L19.59,12.27 L19.59,7.9 Z M6.0037,15.4037 C6.5827,15.4037 7.0517,15.8727 7.0517,16.4517 C7.0517,17.0297 6.5827,17.4997 6.0037,17.4997 C5.4247,17.4997 4.9557,17.0297 4.9557,16.4517 C4.9557,15.8727 5.4247,15.4037 6.0037,15.4037 Z M9.6951,15.4037 C10.2741,15.4037 10.7431,15.8727 10.7431,16.4517 C10.7431,17.0297 10.2741,17.4997 9.6951,17.4997 C9.1161,17.4997 8.6471,17.0297 8.6471,16.4517 C8.6471,15.8727 9.1161,15.4037 9.6951,15.4037 Z M6.0037,12.1288 C6.5827,12.1288 7.0517,12.5978 7.0517,13.1768 C7.0517,13.7548 6.5827,14.2248 6.0037,14.2248 C5.4247,14.2248 4.9557,13.7548 4.9557,13.1768 C4.9557,12.5978 5.4247,12.1288 6.0037,12.1288 Z M9.6951,12.1288 C10.2741,12.1288 10.7431,12.5978 10.7431,13.1768 C10.7431,13.7548 10.2741,14.2248 9.6951,14.2248 C9.1161,14.2248 8.6471,13.7548 8.6471,13.1768 C8.6471,12.5978 9.1161,12.1288 9.6951,12.1288 Z M9.6951,8.8539 C10.2741,8.8539 10.7431,9.3229 10.7431,9.9019 C10.7431,10.4799 10.2741,10.9499 9.6951,10.9499 C9.1161,10.9499 8.6471,10.4799 8.6471,9.9019 C8.6471,9.3229 9.1161,8.8539 9.6951,8.8539 Z M13.3865,8.8534 C13.9655,8.8534 14.4345,9.3234 14.4345,9.9014 C14.4345,10.4804 13.9655,10.9494 13.3865,10.9494 C12.8075,10.9494 12.3385,10.4804 12.3385,9.9014 C12.3385,9.3234 12.8075,8.8534 13.3865,8.8534 Z M17.0779,8.8534 C17.6569,8.8534 18.1259,9.3234 18.1259,9.9014 C18.1259,10.4804 17.6569,10.9494 17.0779,10.9494 C16.4989,10.9494 16.0299,10.4804 16.0299,9.9014 C16.0299,9.3234 16.4989,8.8534 17.0779,8.8534 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M20.168,15.341 L17.392,18.979 C17.282,19.122 17.114,19.209 16.933,19.214 L16.915,19.214 C16.741,19.214 16.575,19.139 16.46,19.006 L14.697,16.961 C14.481,16.71 14.509,16.331 14.76,16.115 C15.011,15.898 15.39,15.927 15.606,16.178 L16.887,17.662 L19.214,14.612 C19.415,14.35 19.792,14.299 20.055,14.5 C20.318,14.7 20.369,15.077 20.168,15.341" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M17.59,3 C19.53,3 21.09,4.57 21.09,6.5 L21.09,6.5 L21.09,13.39 C21.86,14.23 22.33,15.33 22.33,16.56 C22.33,19.18 20.21,21.31 17.58,21.31 C16.33,21.31 15.2,20.81 14.35,20.02 L14.35,20.02 L5.5,20.02 C3.57,20.02 2,18.45 2,16.52 L2,16.52 L2,6.5 C2,4.57 3.57,3 5.5,3 L5.5,3 Z M19.59,7.9 L3.5,7.9 L3.5,16.52 C3.5,17.62 4.4,18.52 5.5,18.52 L5.5,18.52 L13.27,18.52 C12.99,17.92 12.83,17.26 12.83,16.56 C12.83,15.7 13.08,14.9 13.48,14.21 C13.45,14.21 13.42,14.22 13.39,14.22 C12.81,14.22 12.34,13.75 12.34,13.18 C12.34,12.6 12.81,12.13 13.39,12.13 C13.92,12.13 14.34,12.53 14.41,13.05 C15.25,12.29 16.36,11.81 17.58,11.81 C18.3,11.81 18.98,11.98 19.59,12.27 L19.59,12.27 L19.59,7.9 Z M6.0037,15.4037 C6.5827,15.4037 7.0517,15.8727 7.0517,16.4517 C7.0517,17.0297 6.5827,17.4997 6.0037,17.4997 C5.4247,17.4997 4.9557,17.0297 4.9557,16.4517 C4.9557,15.8727 5.4247,15.4037 6.0037,15.4037 Z M9.6951,15.4037 C10.2741,15.4037 10.7431,15.8727 10.7431,16.4517 C10.7431,17.0297 10.2741,17.4997 9.6951,17.4997 C9.1161,17.4997 8.6471,17.0297 8.6471,16.4517 C8.6471,15.8727 9.1161,15.4037 9.6951,15.4037 Z M6.0037,12.1288 C6.5827,12.1288 7.0517,12.5978 7.0517,13.1768 C7.0517,13.7548 6.5827,14.2248 6.0037,14.2248 C5.4247,14.2248 4.9557,13.7548 4.9557,13.1768 C4.9557,12.5978 5.4247,12.1288 6.0037,12.1288 Z M9.6951,12.1288 C10.2741,12.1288 10.7431,12.5978 10.7431,13.1768 C10.7431,13.7548 10.2741,14.2248 9.6951,14.2248 C9.1161,14.2248 8.6471,13.7548 8.6471,13.1768 C8.6471,12.5978 9.1161,12.1288 9.6951,12.1288 Z M9.6951,8.8539 C10.2741,8.8539 10.7431,9.3229 10.7431,9.9019 C10.7431,10.4799 10.2741,10.9499 9.6951,10.9499 C9.1161,10.9499 8.6471,10.4799 8.6471,9.9019 C8.6471,9.3229 9.1161,8.8539 9.6951,8.8539 Z M13.3865,8.8534 C13.9655,8.8534 14.4345,9.3234 14.4345,9.9014 C14.4345,10.4804 13.9655,10.9494 13.3865,10.9494 C12.8075,10.9494 12.3385,10.4804 12.3385,9.9014 C12.3385,9.3234 12.8075,8.8534 13.3865,8.8534 Z M17.0779,8.8534 C17.6569,8.8534 18.1259,9.3234 18.1259,9.9014 C18.1259,10.4804 17.6569,10.9494 17.0779,10.9494 C16.4989,10.9494 16.0299,10.4804 16.0299,9.9014 C16.0299,9.3234 16.4989,8.8534 17.0779,8.8534 Z" }), (0, jsx_runtime_1.jsx)("path", { fill: color === '#fdfdfd' ? '#000' : '#FFF', d: "M20.168,15.341 L17.392,18.979 C17.282,19.122 17.114,19.209 16.933,19.214 L16.915,19.214 C16.741,19.214 16.575,19.139 16.46,19.006 L14.697,16.961 C14.481,16.71 14.509,16.331 14.76,16.115 C15.011,15.898 15.39,15.927 15.606,16.178 L16.887,17.662 L19.214,14.612 C19.415,14.35 19.792,14.299 20.055,14.5 C20.318,14.7 20.369,15.077 20.168,15.341" })] })));
 };
 exports.default = BookingCompleted;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../common';
+import type { PDSIconType, UiColors } from '../../common';
 export type IconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle';
@@ -8,7 +8,7 @@ export type IconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../common';
+import type { PDSIconType, PDSTextType } from '../../common';
 export type MainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ export type MainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../common';
+import type { PDSIconType, UiColors } from '../../common';
 export type IconProps = {
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     size?: 12 | 16 | 20 | 24 | 32 | 48 | 56 | 64 | 72;
     colorKey?: UiColors;
     fillType?: 'line' | 'fill';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../common';
+import type { PDSIconType, UiColors } from '../../common';
 export type IconButtonProps = {
     fillType?: 'fill' | 'line';
     shapeType?: 'circular' | 'rectangle';
@@ -8,7 +8,7 @@ export type IconButtonProps = {
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 48 | 72;
     iconFillType?: 'fill' | 'line';
-    iconName: FillIconNameKeys | LineIconNameKeys;
+    iconName: PDSIconType;
     iconColorKey?: UiColors;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';

package/dist/src/sub/DynamicLayout/components/pdsOriginal/mobile/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../common';
+import type { PDSTextType, PDSIconType } from '../../common';
 export type MainButtonProps = {
     text?: PDSTextType;
     shapeType?: 'round' | 'rectangle';
@@ -10,7 +10,7 @@ export type MainButtonProps = {
     fontWeight?: 'bold' | 'regular';
     iconMode?: 'none' | 'left' | 'right';
     iconFillType?: 'fill' | 'line';
-    iconName?: FillIconNameKeys | LineIconNameKeys;
+    iconName?: PDSIconType;
     colorTheme?: 'none' | 'line1' | 'line2' | 'line3';
     type?: 'button' | 'submit';
     state?: 'normal' | 'disabled';

package/dist/src/sub/DynamicLayout/gleStyles.d.ts

@@ -0,0 +1,3 @@
+export declare const S_gleStyles: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isBulkMode?: boolean | undefined;
+}, never>;