npm - pds-dev-kit-web-test - Versions diffs - 0.2.54 → 0.3.0 - Mend

pds-dev-kit-web-test 0.2.54 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (124) hide show

package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.js CHANGED Viewed

@@ -33,7 +33,11 @@ var titleTextColors = {
     subscriber: 'sysTextSecondary',
     subscriber_transparent: 'sysTextWhite',
     secondary_transparent_grey: 'sysTextSecondary',
-    white_transparent_grey: 'sysTextWhite'
+    white_transparent_grey: 'sysTextWhite',
+    brand_primary_solid: 'usrTextBrandPrimary',
+    brand_primary_translucent: 'usrTextBrandPrimary',
+    secondary_transparent: 'sysTextSecondary',
+    white_transparent: 'sysTextWhite'
 };
 var backgroundColorTheme = {
     seller: 'ui_cpnt_list_base_area_seller',
@@ -41,11 +45,15 @@ var backgroundColorTheme = {
     subscriber: 'ui_cpnt_list_base_area',
     subscriber_transparent: 'ui_cpnt_list_base_area_transparent',
     secondary_transparent_grey: 'ui_cpnt_list_base_area',
-    white_transparent_grey: 'ui_cpnt_list_base_area_transparent'
+    white_transparent_grey: 'ui_cpnt_list_base_area_transparent',
+    brand_primary_solid: 'ui_cpnt_list_base_area_seller',
+    brand_primary_translucent: 'ui_cpnt_list_base_area_transparent_seller',
+    secondary_transparent: 'ui_cpnt_list_base_area',
+    white_transparent: 'ui_cpnt_list_base_area_transparent'
 };
 function BasicChatListItem(_a) {
-    var titleText = _a.titleText, contentText = _a.contentText, _b = _a.leftImageMode, leftImageMode = _b === void 0 ? 'none' : _b, imageSrc = _a.imageSrc, _c = _a.hoverMode, hoverMode = _c === void 0 ? 'use' : _c, contextMenuOptionArray = _a.contextMenuOptionArray, _d = _a.contextMenuPosition, contextMenuPosition = _d === void 0 ? 'v-auto' : _d, onClickContextMenuItem = _a.onClickContextMenuItem, _e = _a.contextMenuState, contextMenuState = _e === void 0 ? 'normal' : _e, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'subscriber' : _f;
-    var _g = (0, react_1.useState)(false), isContextMenuOpen = _g[0], setIsContextMenuOpen = _g[1];
+    var titleText = _a.titleText, contentText = _a.contentText, _b = _a.leftImageMode, leftImageMode = _b === void 0 ? 'none' : _b, imageSrc = _a.imageSrc, _c = _a.hoverMode, hoverMode = _c === void 0 ? 'use' : _c, contextMenuOptionArray = _a.contextMenuOptionArray, onClickContextMenuItem = _a.onClickContextMenuItem, _d = _a.contextMenuState, contextMenuState = _d === void 0 ? 'normal' : _d, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'secondary_transparent' : _e;
+    var _f = (0, react_1.useState)(false), isContextMenuOpen = _f[0], setIsContextMenuOpen = _f[1];
     var contextMenuRef = (0, react_1.useRef)(null);
     var chatBody = document.querySelector('#chatMessageBox');
     var chatBodyRect = chatBody === null || chatBody === void 0 ? void 0 : chatBody.getBoundingClientRect();
@@ -96,6 +104,7 @@ function BasicChatListItem(_a) {
     var contentTextColorOverride;
     var iconColorKey;
     switch (colorTheme) {
+        case 'white_transparent':
         case 'subscriber_transparent': {
             contentTextColorTheme = 'sysTextWhite';
             iconColorKey = 'ui_cpnt_button_icon_white';
@@ -115,7 +124,7 @@ function BasicChatListItem(_a) {
             iconColorKey = 'ui_cpnt_button_icon_enabled';
         }
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_BasicChatListItem, __assign({ "x-pds-name": "BasicChatListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", colorTheme: colorTheme }, { children: [leftImageMode === 'use' && ((0, jsx_runtime_1.jsx)(S_ImageViewWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: "responsive" }) })), (0, jsx_runtime_1.jsx)(S_TitleTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", wordBreak: "break_all", colorTheme: titleTextColors[colorTheme] }) }), (0, jsx_runtime_1.jsx)(S_ContentTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: contentTextColorTheme, colorOverride: contentTextColorOverride, wordBreak: "break_all" }) }), hoverMode === 'use' && ((0, jsx_runtime_1.jsx)(S_MoreButtonWrapper, { children: (0, jsx_runtime_1.jsx)(S_SeeMoreButton, __assign({ isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: iconColorKey, onClick: handleMoreButtonClick }) })) })), (0, jsx_runtime_1.jsx)(Popup_1.PopupProvider, { children: (0, jsx_runtime_1.jsx)(Popup_1.Popup, __assign({ targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: contextMenuPosition, wrapperHeight: chatBodyRect === null || chatBodyRect === void 0 ? void 0 : chatBodyRect.height, onClickOutside: handleContextMenuOutsideClick }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: contextMenuOptionArray === null || contextMenuOptionArray === void 0 ? void 0 : contextMenuOptionArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, onClick: handleContextMenuItemClick, state: contextMenuState }, el.value)); }) }) })) })] })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_BasicChatListItem, __assign({ "x-pds-name": "BasicChatListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", colorTheme: colorTheme }, { children: [leftImageMode === 'use' && ((0, jsx_runtime_1.jsx)(S_ImageViewWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: "responsive" }) })), (0, jsx_runtime_1.jsx)(S_TitleTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", wordBreak: "break_all", colorTheme: titleTextColors[colorTheme] }) }), (0, jsx_runtime_1.jsx)(S_ContentTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: contentTextColorTheme, colorOverride: contentTextColorOverride, wordBreak: "break_all" }) }), hoverMode === 'use' && ((0, jsx_runtime_1.jsx)(S_MoreButtonWrapper, { children: (0, jsx_runtime_1.jsx)(S_SeeMoreButton, __assign({ isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: iconColorKey, onClick: handleMoreButtonClick }) })) })), (0, jsx_runtime_1.jsx)(Popup_1.PopupProvider, { children: (0, jsx_runtime_1.jsx)(Popup_1.Popup, __assign({ targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "top-end", wrapperHeight: chatBodyRect === null || chatBodyRect === void 0 ? void 0 : chatBodyRect.height, onClickOutside: handleContextMenuOutsideClick }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: contextMenuOptionArray === null || contextMenuOptionArray === void 0 ? void 0 : contextMenuOptionArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, onClick: handleContextMenuItemClick, state: contextMenuState }, el.value)); }) }) })) })] })) }));
 }
 var S_BasicChatListItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  display: flex;\n  height: fit-content;\n  max-width: 100%;\n  min-height: 24px;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  background-color: ", ";\n  display: flex;\n  height: fit-content;\n  max-width: 100%;\n  min-height: 24px;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
     var colorTheme = _a.colorTheme, theme = _a.theme;

package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { PlacementTypes } from './Popup';
 import type { PDSTextType, PDSValueOption } from '../../../common';
 type ColorThemeType = 'grey' | 'brand_primary' | 'translucent_white' | 'translucent_black';
 export type ChatBubbleListItemProps = {
@@ -10,11 +9,12 @@ export type ChatBubbleListItemProps = {
     colorTheme?: ColorThemeType;
     timeMode?: 'none' | 'use';
     timeText?: PDSTextType;
+    countMode?: 'none' | 'use';
+    countText?: PDSTextType;
     contextMenuOptionArray?: PDSValueOption[];
     contextMenuState?: 'normal' | 'disabled';
-    contextMenuPosition?: PlacementTypes;
     children?: React.ReactNode;
     onClickContextMenuItem?: (option: PDSValueOption) => void;
 };
-declare function ChatBubbleListItem({ titleText, imageSrc, hoverMode, styleTheme, colorTheme, timeMode, timeText, contextMenuOptionArray, contextMenuState, contextMenuPosition, children, onClickContextMenuItem }: ChatBubbleListItemProps): JSX.Element;
+declare function ChatBubbleListItem({ titleText, imageSrc, hoverMode, styleTheme, colorTheme, timeMode, timeText, countMode, countText, contextMenuOptionArray, contextMenuState, children, onClickContextMenuItem }: ChatBubbleListItemProps): JSX.Element;
 export default ChatBubbleListItem;

package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js CHANGED Viewed

@@ -67,12 +67,40 @@ var profileImageBorderColorTheme = {
     translucent_black: 'ui_avatar_border_translucent_black'
 };
 function ChatBubbleListItem(_a) {
-    var titleText = _a.titleText, imageSrc = _a.imageSrc, _b = _a.hoverMode, hoverMode = _b === void 0 ? 'use' : _b, styleTheme = _a.styleTheme, _c = _a.colorTheme, colorTheme = _c === void 0 ? 'grey' : _c, _d = _a.timeMode, timeMode = _d === void 0 ? 'use' : _d, timeText = _a.timeText, contextMenuOptionArray = _a.contextMenuOptionArray, _e = _a.contextMenuState, contextMenuState = _e === void 0 ? 'normal' : _e, _f = _a.contextMenuPosition, contextMenuPosition = _f === void 0 ? 'v-auto' : _f, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem;
-    var isMe = styleTheme.includes('me');
+    var titleText = _a.titleText, imageSrc = _a.imageSrc, _b = _a.hoverMode, hoverMode = _b === void 0 ? 'use' : _b, styleTheme = _a.styleTheme, _c = _a.colorTheme, colorTheme = _c === void 0 ? 'grey' : _c, _d = _a.timeMode, timeMode = _d === void 0 ? 'use' : _d, timeText = _a.timeText, _e = _a.countMode, countMode = _e === void 0 ? 'none' : _e, countText = _a.countText, contextMenuOptionArray = _a.contextMenuOptionArray, _f = _a.contextMenuState, contextMenuState = _f === void 0 ? 'normal' : _f, children = _a.children, onClickContextMenuItem = _a.onClickContextMenuItem;
     var _g = (0, react_1.useState)(false), isContextMenuOpen = _g[0], setIsContextMenuOpen = _g[1];
     var contextMenuRef = (0, react_1.useRef)(null);
     var chatBody = document.querySelector('#chatMessageBox');
     var rect = chatBody === null || chatBody === void 0 ? void 0 : chatBody.getBoundingClientRect();
+    var isMe = styleTheme.includes('me');
+    var isProfileImageShow = styleTheme === 'other_avatar_impact' || styleTheme === 'other_avatar';
+    var isTitleTextShow = styleTheme === 'other_avatar_impact' || styleTheme === 'other_avatar' || styleTheme === 'other';
+    var hasLeftSpacing = styleTheme === 'other_avatar_impact' ||
+        styleTheme === 'other_avatar' ||
+        styleTheme === 'other_avatar_sub';
+    var titleTextColorTheme = 'sysTextPrimary';
+    var countTextColorTheme = 'sysTextBrandPrimary';
+    switch (colorTheme) {
+        case 'grey': {
+            titleTextColorTheme = 'sysTextPrimary';
+            countTextColorTheme = 'sysTextBrandPrimary';
+            break;
+        }
+        case 'brand_primary': {
+            titleTextColorTheme = 'usrTextBrandPrimary';
+            countTextColorTheme = 'sysTextBrandPrimary';
+            break;
+        }
+        case 'translucent_white': {
+            titleTextColorTheme = 'sysTextBlack';
+            countTextColorTheme = 'sysTextTertiary';
+            break;
+        }
+        case 'translucent_black': {
+            titleTextColorTheme = 'sysTextWhite';
+            countTextColorTheme = 'sysTextTertiary';
+        }
+    }
     /**
      * @when contextMenu가 열려 있을 때
      * @expected ChatList body의 스크롤을 숨기고, contextMenu의 외부를 클릭하면 contextMenu가 닫히도록 합니다.
@@ -113,48 +141,7 @@ function ChatBubbleListItem(_a) {
         }
         setIsContextMenuOpen(false);
     };
-    var isShowProfileImage = function () {
-        if (styleTheme === 'other_avatar_impact' || styleTheme === 'other_avatar') {
-            return true;
-        }
-        return false;
-    };
-    var isShowTitleText = function () {
-        if (styleTheme === 'other_avatar_impact' ||
-            styleTheme === 'other_avatar' ||
-            styleTheme === 'other') {
-            return true;
-        }
-        return false;
-    };
-    var checkTextColorTheme = function () {
-        switch (colorTheme) {
-            case 'grey': {
-                return 'sysTextPrimary';
-            }
-            case 'brand_primary': {
-                return 'usrTextBrandPrimary';
-            }
-            case 'translucent_white': {
-                return 'sysTextBlack';
-            }
-            case 'translucent_black': {
-                return 'sysTextWhite';
-            }
-            default: {
-                return 'sysTextPrimary';
-            }
-        }
-    };
-    var isLeftSpacingChecker = function () {
-        if (styleTheme === 'other_avatar_impact' ||
-            styleTheme === 'other_avatar' ||
-            styleTheme === 'other_avatar_sub') {
-            return true;
-        }
-        return false;
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ChatBubbleListItem, __assign({ "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", isMe: isMe }, { children: [isLeftSpacingChecker() ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isShowProfileImage() ? ((0, jsx_runtime_1.jsx)(S_ImageViewWrapper, __assign({ isOtherAvatarImpact: styleTheme === 'other_avatar_impact', colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: styleTheme === 'other_avatar_impact' ? 36 : 38 }) }))) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })) })) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [isShowTitleText() && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: colorTheme && checkTextColorTheme() }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), (0, jsx_runtime_1.jsxs)(S_ChatBubbleBox, { children: [(0, jsx_runtime_1.jsxs)(S_ChatBubbleWrapper, __assign({ isMe: isMe }, { children: [timeMode === 'use' && timeText && isMe && ((0, jsx_runtime_1.jsxs)(S_TimeWrapper, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(ChatBubble_1.default, __assign({ colorTheme: colorTheme, tailType: chatBubbleTailType[styleTheme] }, { children: children })), timeMode === 'use' && timeText && !isMe && ((0, jsx_runtime_1.jsxs)(S_TimeWrapper, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" })] }))] })), hoverMode === 'use' && !isMe && ((0, jsx_runtime_1.jsx)(S_SeeMoreButton, __assign({ isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: handleMoreButtonClick }) })))] })] }), (0, jsx_runtime_1.jsx)(Popup_1.PopupProvider, { children: (0, jsx_runtime_1.jsx)(Popup_1.Popup, __assign({ targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: contextMenuPosition, wrapperHeight: rect === null || rect === void 0 ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: contextMenuOptionArray === null || contextMenuOptionArray === void 0 ? void 0 : contextMenuOptionArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, onClick: handleContextMenuItemClick, state: contextMenuState }, el.value)); }) }) })) })] })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ChatBubbleListItem, __assign({ "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", isMe: isMe }, { children: [hasLeftSpacing ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isProfileImageShow ? ((0, jsx_runtime_1.jsx)(S_ImageViewWrapper, __assign({ isOtherAvatarImpact: styleTheme === 'other_avatar_impact', colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: styleTheme === 'other_avatar_impact' ? 36 : 38 }) }))) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })) })) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [isTitleTextShow && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: titleTextColorTheme }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), (0, jsx_runtime_1.jsxs)(S_ChatBubbleBox, { children: [(0, jsx_runtime_1.jsxs)(S_ChatBubbleWrapper, __assign({ isMe: isMe }, { children: [isMe && ((0, jsx_runtime_1.jsxs)(S_TimeWrapper, __assign({ isMe: isMe }, { children: [countMode === 'use' && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: countText, styleTheme: "caption2Regular", colorTheme: countTextColorTheme })), timeMode === 'use' && timeText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" })] }))] }))), (0, jsx_runtime_1.jsx)(ChatBubble_1.default, __assign({ colorTheme: colorTheme, tailType: chatBubbleTailType[styleTheme] }, { children: children })), !isMe && ((0, jsx_runtime_1.jsxs)(S_TimeWrapper, __assign({ isMe: isMe }, { children: [countMode === 'use' && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: countText, styleTheme: "caption2Regular", colorTheme: countTextColorTheme })), timeMode === 'use' && timeText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" })] }))] })))] })), hoverMode === 'use' && !isMe && ((0, jsx_runtime_1.jsx)(S_SeeMoreButton, __assign({ isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: handleMoreButtonClick }) })))] })] }), (0, jsx_runtime_1.jsx)(Popup_1.PopupProvider, { children: (0, jsx_runtime_1.jsx)(Popup_1.Popup, __assign({ targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "top-end", wrapperHeight: rect === null || rect === void 0 ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: contextMenuOptionArray === null || contextMenuOptionArray === void 0 ? void 0 : contextMenuOptionArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, onClick: handleContextMenuItemClick, state: contextMenuState }, el.value)); }) }) })) })] })) }));
 }
 var MyChatBubbleListItem = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
     var theme = _a.theme;
@@ -186,7 +173,16 @@ var S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_9 || (t
     var isMe = _a.isMe;
     return isMe && MyChatBubble;
 });
-var S_TimeWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  align-self: flex-end;\n  display: flex;\n"], ["\n  align-self: flex-end;\n  display: flex;\n"])));
+var S_TimeWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  align-items: ", ";\n  align-self: flex-end;\n  display: flex;\n  flex-direction: column;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  align-items: ", ";\n  align-self: flex-end;\n  display: flex;\n  flex-direction: column;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
+    var isMe = _a.isMe;
+    return isMe && 'flex-end';
+}, function (_a) {
+    var isMe = _a.isMe, theme = _a.theme;
+    return !isMe && theme.spacing.spacingA;
+}, function (_a) {
+    var isMe = _a.isMe, theme = _a.theme;
+    return isMe && theme.spacing.spacingA;
+});
 var S_SeeMoreButton = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  height: 24px;\n  justify-content: right;\n  margin-top: ", ";\n  min-width: 48px;\n  opacity: ", ";\n  padding-right: ", ";\n  position: relative;\n  width: 48px;\n\n  ", ":hover & {\n    opacity: ", ";\n  }\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  height: 24px;\n  justify-content: right;\n  margin-top: ", ";\n  min-width: 48px;\n  opacity: ", ";\n  padding-right: ", ";\n  position: relative;\n  width: 48px;\n\n  ", ":hover & {\n    opacity: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingB;

package/dist/src/mobile/components/ContextMenu/ContextMenu.js CHANGED Viewed

@@ -24,7 +24,7 @@ function ContextMenu(_a) {
     var children = _a.children, _b = _a.autoWidthMode, autoWidthMode = _b === void 0 ? 'none' : _b, maxHeight = _a.maxHeight, customWidth = _a.customWidth;
     return ((0, jsx_runtime_1.jsx)(S_ContextMenu, __assign({ "x-pds-name": "ContextMenu", "x-pds-element-type": "component", "x-pds-device-type": "mobile", autoWidth: autoWidthMode === 'use', maxHeight: maxHeight, customWidth: customWidth }, { children: children })));
 }
-var S_ContextMenu = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 14px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  list-style: none;\n  margin: 0;\n  max-height: ", ";\n  min-width: 128px;\n  overflow-y: auto;\n  padding: ", " 0;\n  position: relative;\n  vertical-align: baseline;\n  width: ", ";\n\n  z-index: 3;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 14px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  list-style: none;\n  margin: 0;\n  max-height: ", ";\n  min-width: 128px;\n  overflow-y: auto;\n  padding: ", " 0;\n  position: relative;\n  vertical-align: baseline;\n  width: ", ";\n\n  z-index: 3;\n\n  ", "\n"])), function (_a) {
+var S_ContextMenu = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 14px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  list-style: none;\n  margin: 0;\n  max-height: ", ";\n  min-width: 128px;\n  overflow-y: auto;\n  padding: ", " 0;\n  position: relative;\n  vertical-align: baseline;\n  width: ", ";\n\n  z-index: 400;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 14px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  list-style: none;\n  margin: 0;\n  max-height: ", ";\n  min-width: 128px;\n  overflow-y: auto;\n  padding: ", " 0;\n  position: relative;\n  vertical-align: baseline;\n  width: ", ";\n\n  z-index: 400;\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_contextmenu_base;
 }, function (_a) {

package/dist/src/mobile/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -37,9 +37,14 @@ 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 });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var clickTypeSystemUICssGenerator_1 = __importDefault(require("../../../common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator"));
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var hybrid_1 = require("../../../hybrid");
@@ -55,6 +60,10 @@ function Dropdown(_a) {
     size = _e === void 0 ? 'large' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, valueArray = _a.valueArray, customWidth = _a.customWidth, _g = _a.displayType, displayType = _g === void 0 ? 'text_only' : _g, _h = _a.fontWeight, fontWeight = _h === void 0 ? 'regular' : _h, onChange = _a.onChange;
     var _j = (0, react_1.useState)(false), isFocused = _j[0], setIsFocused = _j[1];
     var _k = (0, react_1.useState)(null), selectedValue = _k[0], setSelectedValue = _k[1];
+    var _l = (0, react_1.useState)(null), contextMenuSizeOffset = _l[0], setContextMenuSizeOffset = _l[1];
+    var _m = (0, react_1.useState)(null), dropdownPositionOffset = _m[0], setDropdownPositionOffset = _m[1];
+    var contextMenuRef = (0, react_1.useRef)(null);
+    var dropdownRef = (0, react_1.useRef)(null);
     /**
      * @when value 프롭의 값에 따라
      * @expected 값이 null일 때 드롭다운을 초기화하고, 값이 있다면 해당 값으로 설정해줍니다.
@@ -80,6 +89,36 @@ function Dropdown(_a) {
         }
         setSelectedValue(defaultValue);
     }, [defaultValue]);
+    /**
+     * @when : isFocused 변경되었을 때
+     * @expected : dropdownRef, contextMenuRef 의 위치를 업데이트합니다.
+     * @clear :
+     */
+    (0, react_1.useEffect)(function () {
+        if (dropdownRef.current) {
+            var _a = dropdownRef.current.getBoundingClientRect(), top_1 = _a.top, right = _a.right, left = _a.left, bottom = _a.bottom;
+            setDropdownPositionOffset({
+                top: top_1 + window.scrollY,
+                right: right + window.scrollX,
+                bottom: bottom + window.scrollY,
+                left: left + window.scrollX
+            });
+        }
+        if (!isFocused && contextMenuRef.current) {
+            setContextMenuSizeOffset(null);
+            return;
+        }
+        if (contextMenuRef.current) {
+            setContextMenuSizeOffset({
+                height: contextMenuRef.current.offsetHeight,
+                width: contextMenuRef.current.offsetWidth
+            });
+        }
+    }, [isFocused]);
+    var contextMenuPositionCss = (0, clickTypeSystemUICssGenerator_1.default)({
+        sizeOffset: contextMenuSizeOffset,
+        positionOffset: dropdownPositionOffset
+    });
     var handleClick = function () {
         if (state === 'disabled' || state === 'read_only') {
             return;
@@ -101,12 +140,14 @@ function Dropdown(_a) {
         }
     };
     var getCustomWidth = function () {
+        var _a;
         if (customWidth) {
             return customWidth;
         }
-        if (displayType === 'icon_only') {
-            return 'auto';
+        if ((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) {
+            return "".concat(dropdownRef.current.offsetWidth, "px");
         }
+        return '';
     };
     var getIconColorKey = function () {
         if (state === 'disabled' || state === 'read_only') {
@@ -194,7 +235,8 @@ function Dropdown(_a) {
         var LARGE_HEIGHT = 48;
         return LARGE_HEIGHT * maxHeightItemNumber;
     }, [size, maxHeightItemNumber]);
-    return ((0, jsx_runtime_1.jsxs)(S_Dropdown, __assign({ "x-pds-name": "Dropdown", "x-pds-element-type": "component", "x-pds-device-type": "mobile", className: "container", size: size, tabIndex: 0, onBlur: handleBlur, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_Select, __assign({ size: size, onClick: handleClick, isFocused: isFocused, state: state, colorTheme: colorTheme, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ size: size, responsiveMode: responsiveMode, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.iconName) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: size === 'small' ? 20 : 24, iconName: selectedValue.iconName, fillType: selectedValue.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })] })), (displayType === 'text_only' || displayType === 'icon_text') && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) || (value === null || value === void 0 ? void 0 : value.text) || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) || hintText, styleTheme: fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: getTextColorTheme(), colorOverride: getTextColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] })), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })), isFocused && ((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ displayType: displayType }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", maxHeight: maxHeight, customWidth: getCustomWidth() }, { children: valueArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: size, isSelected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) === el.value, onClick: handleClickOption, state: el.state, displayType: displayType }) }, el.value)); }) })) })))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_Dropdown, __assign({ "x-pds-name": "Dropdown", "x-pds-element-type": "component", "x-pds-device-type": "mobile", className: "container", ref: dropdownRef, size: size, tabIndex: 0, onBlur: handleBlur, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_Select, __assign({ size: size, onClick: handleClick, isFocused: isFocused, state: state, colorTheme: colorTheme, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ size: size, responsiveMode: responsiveMode, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.iconName) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: size === 'small' ? 20 : 24, iconName: selectedValue.iconName, fillType: selectedValue.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })] })), (displayType === 'text_only' || displayType === 'icon_text') && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) || (value === null || value === void 0 ? void 0 : value.text) || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) || hintText, styleTheme: fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: getTextColorTheme(), colorOverride: getTextColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] })), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })), isFocused &&
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", maxHeight: maxHeight, customWidth: getCustomWidth() }, { children: valueArray.map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleClickOption(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: size, isSelected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) === el.value, state: el.state, displayType: displayType }) }), el.value)); }) })) })), document.body)] })));
 }
 var S_TextLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  padding-right: ", ";\n\n  ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  padding-right: ", ";\n\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
@@ -369,12 +411,9 @@ var S_Select = styled_components_1.default.div(templateObject_14 || (templateObj
     var state = _a.state;
     return state === 'normal' && normalActionColor;
 });
-var S_ContextMenuWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: block;\n  margin-top: ", ";\n  position: absolute;\n  width: inherit;\n  width: ", ";\n"], ["\n  display: block;\n  margin-top: ", ";\n  position: absolute;\n  width: inherit;\n  width: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-}, function (_a) {
-    var displayType = _a.displayType;
-    return (displayType === 'icon_only' ? '100%' : 'inherit');
+var S_ContextMenuWrapper = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: block;\n  position: absolute;\n\n  ", ";\n"], ["\n  display: block;\n  position: absolute;\n\n  ", ";\n"])), function (_a) {
+    var contextMenuPositionCss = _a.contextMenuPositionCss;
+    return contextMenuPositionCss;
 });
 exports.default = Dropdown;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/VideocallPro.js CHANGED Viewed

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var VideocallPro = 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.jsx)("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M18.736,2.0173 C20.669,2.0173 22.236,3.5843 22.236,5.5173 L22.236,5.5173 L22.236,14.5703 C22.236,16.5033 20.669,18.0703 18.736,18.0703 L18.736,18.0703 L17.024,18.0703 L17.024,20.0313 C17.024,20.9823 16.244,21.6223 15.425,21.6223 C15.058,21.6223 14.683,21.4933 14.367,21.2063 L14.367,21.2063 L10.917,18.0703 L5.264,18.0703 C3.331,18.0703 1.764,16.5033 1.764,14.5703 L1.764,14.5703 L1.764,5.5173 C1.764,3.5843 3.331,2.0173 5.264,2.0173 L5.264,2.0173 Z M18.736,3.5173 L5.264,3.5173 C4.161,3.5173 3.264,4.4143 3.264,5.5173 L3.264,5.5173 L3.264,14.5703 C3.264,15.6733 4.161,16.5703 5.264,16.5703 L5.264,16.5703 L11.497,16.5703 L11.926,16.9603 L15.376,20.0963 C15.404,20.1223 15.416,20.1223 15.425,20.1223 C15.435,20.1223 15.524,20.1203 15.524,20.0313 L15.524,20.0313 L15.524,16.5703 L18.736,16.5703 C19.839,16.5703 20.736,15.6733 20.736,14.5703 L20.736,14.5703 L20.736,5.5173 C20.736,4.4143 19.839,3.5173 18.736,3.5173 L18.736,3.5173 Z M13.5702,6.2758 C14.4892,6.2758 15.2342,7.0208 15.2342,7.9408 L15.2342,7.9408 L15.2342,8.6758 L16.5392,7.6698 C17.0392,7.2858 17.7612,7.6448 17.7572165,8.2748 L17.7572165,8.2748 L17.7312,11.9348 C17.7262,12.5648 16.9992,12.9138 16.5052,12.5228 L16.5052,12.5228 L15.2342,11.5178 L15.2342,12.1658 C15.2342,13.0848 14.4892,13.8308 13.5702,13.8308 L13.5702,13.8308 L8.5112,13.8308 C7.5922,13.8308 6.8462,13.0848 6.8462,12.1658 L6.8462,12.1658 L6.8462,7.9408 C6.8462,7.0208 7.5922,6.2758 8.5112,6.2758 L8.5112,6.2758 Z M11.0412,7.9948 C10.7642,7.9948 10.5412,8.2188 10.5412,8.4948 L10.5412,8.4948 L10.5412,9.5998 L9.4362,9.5998 C9.1592,9.5998 8.9362,9.8238 8.9362,10.0998 C8.9362,10.3758 9.1592,10.5998 9.4362,10.5998 L9.4362,10.5998 L10.5412,10.5998 L10.5412,11.7038 C10.5412,11.9808 10.7642,12.2038 11.0412,12.2038 C11.3172,12.2038 11.5412,11.9808 11.5412,11.7038 L11.5412,11.7038 L11.5412,10.5998 L12.6452,10.5998 C12.9212,10.5998 13.1452,10.3758 13.1452,10.0998 C13.1452,9.8238 12.9212,9.5998 12.6452,9.5998 L12.6452,9.5998 L11.5412,9.5998 L11.5412,8.4948 C11.5412,8.2188 11.3172,7.9948 11.0412,7.9948 Z", fill: color, fillRule: "evenodd" }) })) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { d: "M18.736,2.0173 C20.669,2.0173 22.236,3.5843 22.236,5.5173 L22.236,5.5173 L22.236,14.5703 C22.236,16.5033 20.669,18.0703 18.736,18.0703 L18.736,18.0703 L17.024,18.0703 L17.024,20.0313 C17.024,20.9823 16.244,21.6223 15.425,21.6223 C15.058,21.6223 14.683,21.4933 14.367,21.2063 L14.367,21.2063 L10.917,18.0703 L5.264,18.0703 C3.331,18.0703 1.764,16.5033 1.764,14.5703 L1.764,14.5703 L1.764,5.5173 C1.764,3.5843 3.331,2.0173 5.264,2.0173 L5.264,2.0173 Z M18.736,3.5173 L5.264,3.5173 C4.161,3.5173 3.264,4.4143 3.264,5.5173 L3.264,5.5173 L3.264,14.5703 C3.264,15.6733 4.161,16.5703 5.264,16.5703 L5.264,16.5703 L11.497,16.5703 L11.926,16.9603 L15.376,20.0963 C15.404,20.1223 15.416,20.1223 15.425,20.1223 C15.435,20.1223 15.524,20.1203 15.524,20.0313 L15.524,20.0313 L15.524,16.5703 L18.736,16.5703 C19.839,16.5703 20.736,15.6733 20.736,14.5703 L20.736,14.5703 L20.736,5.5173 C20.736,4.4143 19.839,3.5173 18.736,3.5173 L18.736,3.5173 Z M13.5702,6.2758 C14.4892,6.2758 15.2342,7.0208 15.2342,7.9408 L15.2342,7.9408 L15.2342,8.6758 L16.5392,7.6698 C17.0392,7.2858 17.7612,7.6448 17.7572165,8.2748 L17.7572165,8.2748 L17.7312,11.9348 C17.7262,12.5648 16.9992,12.9138 16.5052,12.5228 L16.5052,12.5228 L15.2342,11.5178 L15.2342,12.1658 C15.2342,13.0848 14.4892,13.8308 13.5702,13.8308 L13.5702,13.8308 L8.5112,13.8308 C7.5922,13.8308 6.8462,13.0848 6.8462,12.1658 L6.8462,12.1658 L6.8462,7.9408 C6.8462,7.0208 7.5922,6.2758 8.5112,6.2758 L8.5112,6.2758 Z M11.0412,7.9948 C10.7642,7.9948 10.5412,8.2188 10.5412,8.4948 L10.5412,8.4948 L10.5412,9.5998 L9.4362,9.5998 C9.1592,9.5998 8.9362,9.8238 8.9362,10.0998 C8.9362,10.3758 9.1592,10.5998 9.4362,10.5998 L9.4362,10.5998 L10.5412,10.5998 L10.5412,11.7038 C10.5412,11.9808 10.7642,12.2038 11.0412,12.2038 C11.3172,12.2038 11.5412,11.9808 11.5412,11.7038 L11.5412,11.7038 L11.5412,10.5998 L12.6452,10.5998 C12.9212,10.5998 13.1452,10.3758 13.1452,10.0998 C13.1452,9.8238 12.9212,9.5998 12.6452,9.5998 L12.6452,9.5998 L11.5412,9.5998 L11.5412,8.4948 C11.5412,8.2188 11.3172,7.9948 11.0412,7.9948 Z", fill: color, fillRule: "evenodd" }) })));
 };
 exports.default = VideocallPro;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Vodplus.js CHANGED Viewed

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Vodplus = 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.jsx)("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M14.145,19 L4.583,19 C2.604,19 1,17.426 1,15.483 L1,6.517 C1,4.574 2.604,3 4.583,3 L17.418,3 C19.396,3 21,4.574 21,6.517 L21,12.351", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.2459,13.5106 L20.6609,14.9056 L23.0769,16.2996 C23.7929,16.7136 23.7929,17.7476 23.0769,18.1616 L20.6609,19.5556 L18.2459,20.9506 C17.5299,21.3636 16.6339,20.8466 16.6339,20.0196 L16.6339,14.4416 C16.6339,13.6146 17.5299,13.0976 18.2459,13.5106 Z M12.9826,14.4158 C13.5346,14.4158 13.9826,14.8638 13.9826,15.4158 C13.9826,15.9678 13.5346,16.4158 12.9826,16.4158 C12.4306,16.4158 11.9826,15.9678 11.9826,15.4158 C11.9826,14.8638 12.4306,14.4158 12.9826,14.4158 Z M9.0176,14.4158 C9.5696,14.4158 10.0176,14.8638 10.0176,15.4158 C10.0176,15.9678 9.5696,16.4158 9.0176,16.4158 C8.4656,16.4158 8.0176,15.9678 8.0176,15.4158 C8.0176,14.8638 8.4656,14.4158 9.0176,14.4158 Z M5.0526,14.4158 C5.6046,14.4158 6.0526,14.8638 6.0526,15.4158 C6.0526,15.9678 5.6046,16.4158 5.0526,16.4158 C4.5006,16.4158 4.0526,15.9678 4.0526,15.4158 C4.0526,14.8638 4.5006,14.4158 5.0526,14.4158 Z M16.9476,5.9636 C17.4996,5.9636 17.9476,6.4116 17.9476,6.9636 C17.9476,7.5156 17.4996,7.9636 16.9476,7.9636 C16.3956,7.9636 15.9476,7.5156 15.9476,6.9636 C15.9476,6.4116 16.3956,5.9636 16.9476,5.9636 Z M12.9826,5.9636 C13.5346,5.9636 13.9826,6.4116 13.9826,6.9636 C13.9826,7.5156 13.5346,7.9636 12.9826,7.9636 C12.4306,7.9636 11.9826,7.5156 11.9826,6.9636 C11.9826,6.4116 12.4306,5.9636 12.9826,5.9636 Z M9.0176,5.9636 C9.5696,5.9636 10.0176,6.4116 10.0176,6.9636 C10.0176,7.5156 9.5696,7.9636 9.0176,7.9636 C8.4656,7.9636 8.0176,7.5156 8.0176,6.9636 C8.0176,6.4116 8.4656,5.9636 9.0176,5.9636 Z M5.0526,5.9636 C5.6046,5.9636 6.0526,6.4116 6.0526,6.9636 C6.0526,7.5156 5.6046,7.9636 5.0526,7.9636 C4.5006,7.9636 4.0526,7.5156 4.0526,6.9636 C4.0526,6.4116 4.5006,5.9636 5.0526,5.9636 Z", fill: color })] })) })) })));
+    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", { d: "M14.145,19 L4.583,19 C2.604,19 1,17.426 1,15.483 L1,6.517 C1,4.574 2.604,3 4.583,3 L17.418,3 C19.396,3 21,4.574 21,6.517 L21,12.351", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.2459,13.5106 L20.6609,14.9056 L23.0769,16.2996 C23.7929,16.7136 23.7929,17.7476 23.0769,18.1616 L20.6609,19.5556 L18.2459,20.9506 C17.5299,21.3636 16.6339,20.8466 16.6339,20.0196 L16.6339,14.4416 C16.6339,13.6146 17.5299,13.0976 18.2459,13.5106 Z M12.9826,14.4158 C13.5346,14.4158 13.9826,14.8638 13.9826,15.4158 C13.9826,15.9678 13.5346,16.4158 12.9826,16.4158 C12.4306,16.4158 11.9826,15.9678 11.9826,15.4158 C11.9826,14.8638 12.4306,14.4158 12.9826,14.4158 Z M9.0176,14.4158 C9.5696,14.4158 10.0176,14.8638 10.0176,15.4158 C10.0176,15.9678 9.5696,16.4158 9.0176,16.4158 C8.4656,16.4158 8.0176,15.9678 8.0176,15.4158 C8.0176,14.8638 8.4656,14.4158 9.0176,14.4158 Z M5.0526,14.4158 C5.6046,14.4158 6.0526,14.8638 6.0526,15.4158 C6.0526,15.9678 5.6046,16.4158 5.0526,16.4158 C4.5006,16.4158 4.0526,15.9678 4.0526,15.4158 C4.0526,14.8638 4.5006,14.4158 5.0526,14.4158 Z M16.9476,5.9636 C17.4996,5.9636 17.9476,6.4116 17.9476,6.9636 C17.9476,7.5156 17.4996,7.9636 16.9476,7.9636 C16.3956,7.9636 15.9476,7.5156 15.9476,6.9636 C15.9476,6.4116 16.3956,5.9636 16.9476,5.9636 Z M12.9826,5.9636 C13.5346,5.9636 13.9826,6.4116 13.9826,6.9636 C13.9826,7.5156 13.5346,7.9636 12.9826,7.9636 C12.4306,7.9636 11.9826,7.5156 11.9826,6.9636 C11.9826,6.4116 12.4306,5.9636 12.9826,5.9636 Z M9.0176,5.9636 C9.5696,5.9636 10.0176,6.4116 10.0176,6.9636 C10.0176,7.5156 9.5696,7.9636 9.0176,7.9636 C8.4656,7.9636 8.0176,7.5156 8.0176,6.9636 C8.0176,6.4116 8.4656,5.9636 9.0176,5.9636 Z M5.0526,5.9636 C5.6046,5.9636 6.0526,6.4116 6.0526,6.9636 C6.0526,7.5156 5.6046,7.9636 5.0526,7.9636 C4.5006,7.9636 4.0526,7.5156 4.0526,6.9636 C4.0526,6.4116 4.5006,5.9636 5.0526,5.9636 Z", fill: color })] })) })));
 };
 exports.default = Vodplus;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/DesignPreference.js CHANGED Viewed

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DesignPreference = 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.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14.0742,15.9112 C12.1572,16.6692 10.8122,18.4402 10.8122,20.5052 C10.8122,20.9592 10.8782,21.3992 11.0002,21.8172 C5.8122,21.4682 1.7242,17.5842 1.7242,12.8452 C1.7242,7.8752 6.2192,3.8462 11.7632,3.8462 C13.6432,3.8462 15.4022,4.3092 16.9062,5.1152 M20.6709,8.6912 C21.3939,9.9342 21.8029,11.3462 21.8029,12.8452 C21.8029,14.5302 21.2849,16.1062 20.3859,17.4542 C19.6069,16.5162 18.4769,15.8432 17.1799,15.6092" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M8.9422,10.4341 C8.9422,9.3141 8.0342,8.4061 6.9142,8.4061 C5.7952,8.4061 4.8872,9.3141 4.8872,10.4341 C4.8872,11.5541 5.7952,12.4621 6.9142,12.4621 C8.0342,12.4621 8.9422,11.5541 8.9422,10.4341 M13.5869,7.8135 C13.5869,6.8415 12.7989,6.0535 11.8269,6.0535 C10.8559,6.0535 10.0679,6.8415 10.0679,7.8135 C10.0679,8.7855 10.8559,9.5735 11.8269,9.5735 C12.7989,9.5735 13.5869,8.7855 13.5869,7.8135 M9.2917,16.0693 C9.2917,15.0973 8.5037,14.3093 7.5317,14.3093 C6.5607,14.3093 5.7727,15.0973 5.7727,16.0693 C5.7727,17.0413 6.5607,17.8293 7.5317,17.8293 C8.5037,17.8293 9.2917,17.0413 9.2917,16.0693" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M17.7283,9.5905 C18.2343,9.7555 18.5663,10.0895 18.5163,10.5975 C18.5083,10.6775 18.4923,10.7575 18.4663,10.8375 L15.2993,20.2945 C15.1073,20.8805 14.4773,21.1985 13.8923,21.0075 C13.3073,20.8155 12.9883,20.1855 13.1803,19.6005 L16.3473,10.1425 C16.5393,9.5575 17.1433,9.3985 17.7283,9.5905 Z M18.6588,1.8879 C18.6588,1.8879 23.8258,3.4439 21.8078,7.3999 C21.8078,7.3999 21.4918,8.0149 20.8398,8.5739 C20.7368,8.6629 20.6258,8.7499 20.5058,8.8329 C19.2708,9.6879 17.7148,9.9479 16.6108,8.9289 C16.1568,8.5099 15.9078,7.6109 15.9508,7.1689 C16.0678,5.9859 16.7088,5.5819 17.6238,4.8589 C18.5388,4.1349 18.7498,2.9029 18.6588,1.8879 Z" })] })) })) })));
+    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", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14.0742,15.9112 C12.1572,16.6692 10.8122,18.4402 10.8122,20.5052 C10.8122,20.9592 10.8782,21.3992 11.0002,21.8172 C5.8122,21.4682 1.7242,17.5842 1.7242,12.8452 C1.7242,7.8752 6.2192,3.8462 11.7632,3.8462 C13.6432,3.8462 15.4022,4.3092 16.9062,5.1152 M20.6709,8.6912 C21.3939,9.9342 21.8029,11.3462 21.8029,12.8452 C21.8029,14.5302 21.2849,16.1062 20.3859,17.4542 C19.6069,16.5162 18.4769,15.8432 17.1799,15.6092" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M8.9422,10.4341 C8.9422,9.3141 8.0342,8.4061 6.9142,8.4061 C5.7952,8.4061 4.8872,9.3141 4.8872,10.4341 C4.8872,11.5541 5.7952,12.4621 6.9142,12.4621 C8.0342,12.4621 8.9422,11.5541 8.9422,10.4341 M13.5869,7.8135 C13.5869,6.8415 12.7989,6.0535 11.8269,6.0535 C10.8559,6.0535 10.0679,6.8415 10.0679,7.8135 C10.0679,8.7855 10.8559,9.5735 11.8269,9.5735 C12.7989,9.5735 13.5869,8.7855 13.5869,7.8135 M9.2917,16.0693 C9.2917,15.0973 8.5037,14.3093 7.5317,14.3093 C6.5607,14.3093 5.7727,15.0973 5.7727,16.0693 C5.7727,17.0413 6.5607,17.8293 7.5317,17.8293 C8.5037,17.8293 9.2917,17.0413 9.2917,16.0693" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M17.7283,9.5905 C18.2343,9.7555 18.5663,10.0895 18.5163,10.5975 C18.5083,10.6775 18.4923,10.7575 18.4663,10.8375 L15.2993,20.2945 C15.1073,20.8805 14.4773,21.1985 13.8923,21.0075 C13.3073,20.8155 12.9883,20.1855 13.1803,19.6005 L16.3473,10.1425 C16.5393,9.5575 17.1433,9.3985 17.7283,9.5905 Z M18.6588,1.8879 C18.6588,1.8879 23.8258,3.4439 21.8078,7.3999 C21.8078,7.3999 21.4918,8.0149 20.8398,8.5739 C20.7368,8.6629 20.6258,8.7499 20.5058,8.8329 C19.2708,9.6879 17.7148,9.9479 16.6108,8.9289 C16.1568,8.5099 15.9078,7.6109 15.9508,7.1689 C16.0678,5.9859 16.7088,5.5819 17.6238,4.8589 C18.5388,4.1349 18.7498,2.9029 18.6588,1.8879 Z" })] })) })));
 };
 exports.default = DesignPreference;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/PappType.js CHANGED Viewed

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var PappType = 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.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M19.2878,7.0015 L4.7118,7.0015 C3.3318,7.0015 2.2118,8.1205 2.2118,9.5015 L2.2118,17.3035 C2.2118,18.6835 3.3318,19.8035 4.7118,19.8035 L19.2878,19.8035 C20.6688,19.8035 21.7878,18.6835 21.7878,17.3035 L21.7878,9.5015 C21.7878,8.1205 20.6688,7.0015 19.2878,7.0015 L19.2878,7.0015 Z M19.2878,8.5015 C19.8398,8.5015 20.2878,8.9505 20.2878,9.5015 L20.2878,17.3035 C20.2878,17.8545 19.8398,18.3035 19.2878,18.3035 L4.7118,18.3035 C4.1608,18.3035 3.7118,17.8545 3.7118,17.3035 L3.7118,9.5015 C3.7118,8.9505 4.1608,8.5015 4.7118,8.5015 L19.2878,8.5015 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeWidth: "1.5", d: "M6.1046,8.0121 L6.1046,5.5901 C6.1046,5.0321 6.5566,4.5801 7.1146,4.5801 L9.4596,4.5801 C10.0176,4.5801 10.4696,5.0321 10.4696,5.5901 L10.4696,8.0121 M13.4324,8.0121 L13.4324,5.5901 C13.4324,5.0321 13.8844,4.5801 14.4424,4.5801 L16.7874,4.5801 C17.3454,4.5801 17.7974,5.0321 17.7974,5.5901 L17.7974,8.0121" })] })) })) })));
+    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: "M19.2878,7.0015 L4.7118,7.0015 C3.3318,7.0015 2.2118,8.1205 2.2118,9.5015 L2.2118,17.3035 C2.2118,18.6835 3.3318,19.8035 4.7118,19.8035 L19.2878,19.8035 C20.6688,19.8035 21.7878,18.6835 21.7878,17.3035 L21.7878,9.5015 C21.7878,8.1205 20.6688,7.0015 19.2878,7.0015 L19.2878,7.0015 Z M19.2878,8.5015 C19.8398,8.5015 20.2878,8.9505 20.2878,9.5015 L20.2878,17.3035 C20.2878,17.8545 19.8398,18.3035 19.2878,18.3035 L4.7118,18.3035 C4.1608,18.3035 3.7118,17.8545 3.7118,17.3035 L3.7118,9.5015 C3.7118,8.9505 4.1608,8.5015 4.7118,8.5015 L19.2878,8.5015 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeWidth: "1.5", d: "M6.1046,8.0121 L6.1046,5.5901 C6.1046,5.0321 6.5566,4.5801 7.1146,4.5801 L9.4596,4.5801 C10.0176,4.5801 10.4696,5.0321 10.4696,5.5901 L10.4696,8.0121 M13.4324,8.0121 L13.4324,5.5901 C13.4324,5.0321 13.8844,4.5801 14.4424,4.5801 L16.7874,4.5801 C17.3454,4.5801 17.7974,5.0321 17.7974,5.5901 L17.7974,8.0121" })] })) })));
 };
 exports.default = PappType;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/PaymentRegularly.js CHANGED Viewed

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var PaymentRegularly = 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.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M21.0349,14.6301 C21.7669,14.6301 22.3629,15.2261 22.3629,15.9581 L22.3629,15.9581 L22.3629,18.4601 C22.3629,18.8741 22.0269,19.2101 21.6129,19.2101 C21.1989,19.2101 20.8629,18.8741 20.8629,18.4601 L20.8629,18.4601 L20.8629,17.2531 C19.0229,20.3521 15.6939,22.2831 12.0009,22.2831 C7.7639,22.2831 4.0059,19.7431 2.4259,15.8131 C2.2719,15.4291 2.4579,14.9921 2.8429,14.8371 C3.2269,14.6871 3.6639,14.8691 3.8179,15.2541 C5.1679,18.6121 8.3799,20.7831 12.0009,20.7831 C15.2909,20.7831 18.2279,18.9791 19.7529,16.1301 L19.7529,16.1301 L18.5329,16.1301 C18.1179,16.1301 17.7829,15.7941 17.7829,15.3801 C17.7829,14.9661 18.1179,14.6301 18.5329,14.6301 L18.5329,14.6301 Z M15.1526,7.6641 C16.47836,7.6641 17.5626608,8.6953704 17.6472836,9.99969245 L17.6526,10.1641 L17.6526,13.8361 C17.6526,15.16186 16.6213296,16.2461608 15.3170076,16.3307836 L15.1526,16.3361 L8.8476,16.3361 C7.52184,16.3361 6.4375392,15.3048296 6.35291635,14.0005076 L6.3476,13.8361 L6.3476,10.1641 C6.3476,8.83834 7.3788704,7.7540392 8.68319245,7.66941635 L8.8476,7.6641 L15.1526,7.6641 Z M16.3526,11.6411 L7.6476,11.6411 L7.6476,13.8361 C7.6476,14.456725 8.12045156,14.9683656 8.7250292,15.0298964 L8.8476,15.0361 L15.1526,15.0361 C15.773225,15.0361 16.2848656,14.5632484 16.3463964,13.9586708 L16.3526,13.8361 L16.3526,11.6411 Z M9.5869,12.3871 C10.0709,12.3871 10.4629,12.7791 10.4629,13.2631 C10.4629,13.7471 10.0709,14.1401 9.5869,14.1401 C9.1029,14.1401 8.7109,13.7471 8.7109,13.2631 C8.7109,12.7791 9.1029,12.3871 9.5869,12.3871 Z M15.1526,8.9641 L8.8476,8.9641 C8.32144615,8.9641 7.8924284,9.3108929 7.7335827,9.78425112 L7.6996,9.9051 L16.3006,9.9051 C16.1786,9.3711 15.7226,8.9641 15.1526,8.9641 Z M11.9985,1.7163 C16.2355,1.7163 19.9945,4.2563 21.5735,8.1873 C21.7275,8.5713 21.5415,9.0083 21.1575,9.1633 C21.0655,9.1993 20.9705,9.2173 20.8775,9.2173 C20.5805,9.2173 20.2995,9.0393 20.1815,8.7463 C18.8315,5.3873 15.6195,3.2163 11.9985,3.2163 C8.80819697,3.2163 5.94982415,4.91356354 4.3889967,7.61419721 L4.2465,7.8703 L5.4675,7.8703 C5.8815,7.8703 6.2175,8.2063 6.2175,8.6203 C6.2175,8.9998 5.93516667,9.31375833 5.56922569,9.36344931 L5.4675,9.3703 L2.9655,9.3703 C2.2783125,9.3703 1.71241406,8.84647188 1.64436108,8.17784395 L1.6375,8.0423 L1.6375,5.5393 C1.6375,5.1253 1.9725,4.7893 2.3875,4.7893 C2.767,4.7893 3.08095833,5.07163333 3.13064931,5.43757431 L3.1375,5.5393 L3.1375,6.7463 C4.9775,3.6473 8.3065,1.7163 11.9985,1.7163 Z" }) })) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M21.0349,14.6301 C21.7669,14.6301 22.3629,15.2261 22.3629,15.9581 L22.3629,15.9581 L22.3629,18.4601 C22.3629,18.8741 22.0269,19.2101 21.6129,19.2101 C21.1989,19.2101 20.8629,18.8741 20.8629,18.4601 L20.8629,18.4601 L20.8629,17.2531 C19.0229,20.3521 15.6939,22.2831 12.0009,22.2831 C7.7639,22.2831 4.0059,19.7431 2.4259,15.8131 C2.2719,15.4291 2.4579,14.9921 2.8429,14.8371 C3.2269,14.6871 3.6639,14.8691 3.8179,15.2541 C5.1679,18.6121 8.3799,20.7831 12.0009,20.7831 C15.2909,20.7831 18.2279,18.9791 19.7529,16.1301 L19.7529,16.1301 L18.5329,16.1301 C18.1179,16.1301 17.7829,15.7941 17.7829,15.3801 C17.7829,14.9661 18.1179,14.6301 18.5329,14.6301 L18.5329,14.6301 Z M15.1526,7.6641 C16.47836,7.6641 17.5626608,8.6953704 17.6472836,9.99969245 L17.6526,10.1641 L17.6526,13.8361 C17.6526,15.16186 16.6213296,16.2461608 15.3170076,16.3307836 L15.1526,16.3361 L8.8476,16.3361 C7.52184,16.3361 6.4375392,15.3048296 6.35291635,14.0005076 L6.3476,13.8361 L6.3476,10.1641 C6.3476,8.83834 7.3788704,7.7540392 8.68319245,7.66941635 L8.8476,7.6641 L15.1526,7.6641 Z M16.3526,11.6411 L7.6476,11.6411 L7.6476,13.8361 C7.6476,14.456725 8.12045156,14.9683656 8.7250292,15.0298964 L8.8476,15.0361 L15.1526,15.0361 C15.773225,15.0361 16.2848656,14.5632484 16.3463964,13.9586708 L16.3526,13.8361 L16.3526,11.6411 Z M9.5869,12.3871 C10.0709,12.3871 10.4629,12.7791 10.4629,13.2631 C10.4629,13.7471 10.0709,14.1401 9.5869,14.1401 C9.1029,14.1401 8.7109,13.7471 8.7109,13.2631 C8.7109,12.7791 9.1029,12.3871 9.5869,12.3871 Z M15.1526,8.9641 L8.8476,8.9641 C8.32144615,8.9641 7.8924284,9.3108929 7.7335827,9.78425112 L7.6996,9.9051 L16.3006,9.9051 C16.1786,9.3711 15.7226,8.9641 15.1526,8.9641 Z M11.9985,1.7163 C16.2355,1.7163 19.9945,4.2563 21.5735,8.1873 C21.7275,8.5713 21.5415,9.0083 21.1575,9.1633 C21.0655,9.1993 20.9705,9.2173 20.8775,9.2173 C20.5805,9.2173 20.2995,9.0393 20.1815,8.7463 C18.8315,5.3873 15.6195,3.2163 11.9985,3.2163 C8.80819697,3.2163 5.94982415,4.91356354 4.3889967,7.61419721 L4.2465,7.8703 L5.4675,7.8703 C5.8815,7.8703 6.2175,8.2063 6.2175,8.6203 C6.2175,8.9998 5.93516667,9.31375833 5.56922569,9.36344931 L5.4675,9.3703 L2.9655,9.3703 C2.2783125,9.3703 1.71241406,8.84647188 1.64436108,8.17784395 L1.6375,8.0423 L1.6375,5.5393 C1.6375,5.1253 1.9725,4.7893 2.3875,4.7893 C2.767,4.7893 3.08095833,5.07163333 3.13064931,5.43757431 L3.1375,5.5393 L3.1375,6.7463 C4.9775,3.6473 8.3065,1.7163 11.9985,1.7163 Z" }) })));
 };
 exports.default = PaymentRegularly;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/PostVote.js CHANGED Viewed

@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var PostVote = 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.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M20.9009,14.3097 L2.8079,14.3097 C2.3619,14.3097 1.9999,14.6717 1.9999,15.1177 L1.9999,20.0557 C1.9999,21.4367 3.1199,22.5557 4.4999,22.5557 L19.2089,22.5557 C20.5899,22.5557 21.7089,21.4367 21.7089,20.0557 L21.7089,15.1177 C21.7089,14.6717 21.3479,14.3097 20.9009,14.3097 L20.9009,14.3097 Z M20.2089,15.8097 L20.2089,20.0557 C20.2089,20.6067 19.7609,21.0557 19.2089,21.0557 L4.4999,21.0557 C3.9489,21.0557 3.4999,20.6067 3.4999,20.0557 L3.4999,15.8097 L20.2089,15.8097 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.8862,10.5243 L17.8352,10.5243 C18.4132,10.5243 18.9402,10.8563 19.1892,11.3783 L20.9232,15.0113 M2.8081,15.0116 L4.8051,11.3116 C5.0671,10.8266 5.5741,10.5246 6.1251,10.5246 L6.9291,10.5246" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.7806,12.768 L6.9286,12.768 L6.9286,4 C6.9286,3.171 7.6006,2.5 8.4286,2.5 L15.2806,2.5 C16.1086,2.5 16.7806,3.171 16.7806,4 L16.7806,12.768 Z M9.4939,7.325 L11.2569,9.35 L14.0359,6.278" })] })) })) })));
+    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: "M20.9009,14.3097 L2.8079,14.3097 C2.3619,14.3097 1.9999,14.6717 1.9999,15.1177 L1.9999,20.0557 C1.9999,21.4367 3.1199,22.5557 4.4999,22.5557 L19.2089,22.5557 C20.5899,22.5557 21.7089,21.4367 21.7089,20.0557 L21.7089,15.1177 C21.7089,14.6717 21.3479,14.3097 20.9009,14.3097 L20.9009,14.3097 Z M20.2089,15.8097 L20.2089,20.0557 C20.2089,20.6067 19.7609,21.0557 19.2089,21.0557 L4.4999,21.0557 C3.9489,21.0557 3.4999,20.6067 3.4999,20.0557 L3.4999,15.8097 L20.2089,15.8097 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.8862,10.5243 L17.8352,10.5243 C18.4132,10.5243 18.9402,10.8563 19.1892,11.3783 L20.9232,15.0113 M2.8081,15.0116 L4.8051,11.3116 C5.0671,10.8266 5.5741,10.5246 6.1251,10.5246 L6.9291,10.5246" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.7806,12.768 L6.9286,12.768 L6.9286,4 C6.9286,3.171 7.6006,2.5 8.4286,2.5 L15.2806,2.5 C16.1086,2.5 16.7806,3.171 16.7806,4 L16.7806,12.768 Z M9.4939,7.325 L11.2569,9.35 L14.0359,6.278" })] })) })));
 };
 exports.default = PostVote;

package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED Viewed

@@ -102,7 +102,7 @@ exports.pages0803PreviewSections = [
                             'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
                             'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
                             'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
-                            CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'GOOGLE:Dokdo',
+                            CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'GOOGLE:Source Serif 4',
                             'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': 'GOOGLE:Lobster',
                             'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
                             'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,

package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts CHANGED Viewed

@@ -31,6 +31,10 @@ type ActionHandlerPayload = {
     '@CUSTOMSECTION/CB_CLICKED': {
         id: number;
     };
+    '@CUSTOMSECTION/CB_RIGHT_CLICKED': {
+        id: number;
+        e: React.MouseEvent;
+    };
     '@CUSTOMSECTION/SECTION_CLICKED': {
         sectionId: number;
     };