npm - pds-dev-kit-web-test - Versions diffs - 0.1.3 → 0.1.5 - Mend

pds-dev-kit-web-test 0.1.3 → 0.1.5

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 (1936) hide show

package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.js ADDED Viewed

@@ -0,0 +1,649 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorThemeTransparent = exports.OverrideUserProfile = exports.LeftIconButton = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_router_dom_1 = require("react-router-dom");
+var styled_components_1 = __importDefault(require("styled-components"));
+var IconButton_1 = require("../IconButton");
+var MainButton_1 = require("../MainButton");
+var DynamicDesktopNavBar_1 = __importDefault(require("./DynamicDesktopNavBar"));
+exports.default = {
+    title: 'desktop/components/DynamicDesktopNavBar',
+    component: DynamicDesktopNavBar_1.default,
+    parameters: {
+        docs: {
+            description: {
+                component: 'template에 따라 다르게 보여지는 DynamicDesktopNavBar.'
+            }
+        }
+    },
+    argTypes: {
+        isPreview: {
+            description: 'true인 경우 nav(a tag)가 작동하지 않습니다. 또한, navBar의 minWidth가 1100px이 됩니다. (false인 경우 1200px)'
+        },
+        brandLogo: {
+            description: 'src: 로고 이미지 src <br/> text: 로고 이미지 src가 없는 경우 보여지는 text <br/> href: 누르면 이동하는 주소'
+        },
+        userProfile: {
+            description: 'src: 프로필 이미지 src <br/> href: 누르면 이동하는 주소 <br/> leftIconButton: 프로필 이미지 왼쪽에 보여지는 IconButton <br/> overrideUserProfile: 프로필 이미지 대신 보여지는 컴포넌트'
+        },
+        primaryMenus: {
+            description: '각각 링크의 역할을 하는 parsedNode들을 갖는 배열로 pAppType의 1수준은 iconName을 넣어주어야 합니다. PApp타입은 pAppCode가 필수, WebLink타입은 conversionLinkSrc가 필수입니다. 각 parsedNode는 최대 depth 1의 nested parsedNodes를 가질 수 있습니다. 이는 보통 호버시 나오는 2수준 메뉴입니다.'
+        },
+        secondaryMenus: {
+            description: '각각 링크의 역할을 하는 parsedNode들을 갖는 배열로 pAppType의 1수준은 iconName을 넣어주어야 합니다. PApp타입은 pAppCode가 필수, WebLink타입은 conversionLinkSrc가 필수입니다. 각 parsedNode는 최대 depth 1의 nested parsedNodes를 가질 수 있습니다. 이는 보통 호버시 나오는 2수준 메뉴입니다.'
+        },
+        template: {
+            description: '템플릿을 선택합니다.'
+        },
+        basePath: {
+            description: 'DynamicDesktopNavBar Router의 basename이 됩니다.'
+        }
+    }
+};
+var Template = function (args) {
+    var colorTheme = args.colorTheme;
+    return ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: colorTheme === 'transparent' ? ((0, jsx_runtime_1.jsx)(BGImage, { children: (0, jsx_runtime_1.jsx)(DynamicDesktopNavBar_1.default, __assign({}, args), void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)(DynamicDesktopNavBar_1.default, __assign({}, args), void 0)) }, void 0));
+};
+var BGImage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-image: url('https://placekitten.com/700/480');\n  height: 480px;\n"], ["\n  background-image: url('https://placekitten.com/700/480');\n  height: 480px;\n"])));
+var mocks2 = [
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '환영합니다❤️',
+        pAppCode: 'B00006',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'NAV_P_APP',
+        name: '아무말대잔치💜',
+        pAppCode: 'A00003',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'DISPLAY_ONLY',
+        name: '베스트 글  모음',
+        pAppCode: '',
+        parsedNodes: [
+            {
+                conversionLinkSrc: 'https://app.publr.co/channels/L2NoYW5uZWxzLzEyNQ/A00001/posts/3316',
+                iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+                menuItemType: 'INTERNAL_LINK',
+                name: '쥐를_잡자_쥐를_잡자_찍찍찍🐭',
+                pAppCode: '',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+                menuItemType: 'DISPLAY_ONLY',
+                name: '베스트 글  모음',
+                pAppCode: '',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: 'https://app.publr.co/channels/L2NoYW5uZWxzLzEyNQ/A00001/posts/3101',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'INTERNAL_LINK',
+        name: '건배',
+        pAppCode: '',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '오픈 채팅',
+        pAppCode: 'A00001',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'NAV_P_APP',
+        name: '화보💙',
+        pAppCode: 'B00005',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '공지합니다💛',
+        pAppCode: 'A00002',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '문의하세요🧡',
+        pAppCode: 'A00005',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '홍보좀할게요👋🏻',
+        pAppCode: 'B00002',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: 'https://app.publr.co/channels/L2NoYW5uZWxzLzEyNQ/A00001/posts?profileId=1846',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'WEB_LINK',
+        name: '외부 링크 유형',
+        pAppCode: '',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Class VOD',
+        pAppCode: 'C00007',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '연재 영상 모음💜',
+        pAppCode: 'C00006',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'OTT Type VOD',
+        pAppCode: 'C00002',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'NAV_PAGE',
+        name: 'Pages pApp',
+        pAppCode: 'X00001',
+        slug: 'test',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+                menuItemType: 'NAV_PAGE',
+                name: '페이지 펩 테스트1',
+                pAppCode: 'X00001',
+                slug: 'context-test',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+                menuItemType: 'NAV_PAGE',
+                name: '페이지 펩 테스트2',
+                pAppCode: 'X00001',
+                slug: 'context-test2',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    }
+];
+var mocks = [
+    {
+        conversionLinkSrc: '',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1243/1243281.png?w=1060&t=st=1666589064~exp=1666589664~hmac=ea519b95d720a9a0c1447c7da392697f1bbdedf349dee2dddf18dcdd9701a2c0',
+        menuItemType: 'NAV_PAGE',
+        name: 'Pages pApp',
+        pAppCode: 'B00002',
+        slug: 'test',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: 'https://www.naver.com/',
+        iconSrc: '',
+        menuItemType: 'WEB_LINK',
+        name: 'WEB_LINK❤️',
+        iconName: 'ic_language',
+        pAppCode: 'C00001',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'NAV_P_APP',
+                pAppCode: 'A00001',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Notice',
+                pAppCode: 'A00002',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: 'https://cdn-icons-png.flaticon.com/512/1251/1251576.png?w=1060&t=st=1666588881~exp=1666589481~hmac=d372f8c02105a59d8d849c63fe8d1df0b510a3ed9877cad0c4cc01cf2f2d153a',
+        iconName: 'ic_chat',
+        menuItemType: 'DISPLAY_ONLY',
+        name: 'DISPLAY_ONLY❤️',
+        pAppCode: 'A00003',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Event Live',
+                pAppCode: 'C00005',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Polleeee',
+                pAppCode: 'A00007',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: 'https://app.dev.publr.co/channels/L2NoYW5uZWxzLzE/A00001/INTERNAL',
+        iconSrc: '',
+        iconName: 'ic_camera',
+        menuItemType: 'INTERNAL_LINK',
+        name: 'INTERNAL_LINK❤️',
+        pAppCode: '',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: '이것은30자팹네임입니다.팹팹팹팹팹팹팹팹팹팹팹팹팹팹팹팹팹',
+                pAppCode: 'C00006',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Inquiry Board',
+                pAppCode: 'A00005',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Welcome Page',
+        pAppCode: 'B00006',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Photobook',
+        pAppCode: 'B00005',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Book a consultation',
+                pAppCode: 'E00001',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'OTT Type VOD',
+        pAppCode: 'C00002',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: '❤️OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: '❤️Outlink pApp❤️',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    }
+];
+exports.Default = Template.bind({});
+exports.Default.args = {
+    isPreview: true,
+    brandLogo: {
+        src: 'http://i.imgur.com/zVKjblJ.png',
+        text: 'MARVEL',
+        href: '/'
+    },
+    userProfile: {
+        src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+        href: '/'
+    },
+    primaryMenus: mocks2,
+    secondaryMenus: mocks,
+    template: 'W1_0005',
+    basePath: '/channels/L2NoYW5uZWxzLzE'
+};
+exports.LeftIconButton = Template.bind({});
+exports.LeftIconButton.args = __assign(__assign({}, exports.Default.args), { userProfile: {
+        src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+        href: '/',
+        leftIconButton: ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", shapeType: "rectangle", iconSize: 24, iconName: "ic_bell" }, void 0))
+    } });
+exports.OverrideUserProfile = Template.bind({});
+exports.OverrideUserProfile.args = __assign(__assign({}, exports.Default.args), { userProfile: {
+        src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+        href: '/',
+        overrideUserProfile: (0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { size: "small", styleTheme: "secondary", text: "\uB85C\uADF8\uC778" }, void 0)
+    } });
+exports.ColorThemeTransparent = Template.bind({});
+exports.ColorThemeTransparent.args = __assign(__assign({}, exports.Default.args), { userProfile: {
+        src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+        href: '/',
+        overrideUserProfile: (0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { size: "small", styleTheme: "secondary", text: "\uB85C\uADF8\uC778" }, void 0)
+    }, colorTheme: 'transparent' });
+var templateObject_1;

package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/BrandLogo.js CHANGED Viewed

@@ -3,17 +3,27 @@ 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var LogoNav_1 = __importDefault(require("../components/LogoNav"));
 function BrandLogo(_a) {
     var to = _a.to, logoSrc = _a.logoSrc, fallbackText = _a.fallbackText, style = _a.style;
-    return (react_1.default.createElement(S_BrandLogo, { style: style },
-        react_1.default.createElement(LogoNav_1.default, { to: to, logoSrc: logoSrc, fallbackText: fallbackText })));
+    return ((0, jsx_runtime_1.jsx)(S_BrandLogo, __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(LogoNav_1.default, { to: to, logoSrc: logoSrc, fallbackText: fallbackText }, void 0) }), void 0));
 }
 var S_BrandLogo = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  grid-area: BRAND_LOGO;\n"], ["\n  display: flex;\n  grid-area: BRAND_LOGO;\n"])));
 exports.default = BrandLogo;

package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/PrimaryMenu.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CSSProperties } from 'styled-components';
-import { ParsedNode } from '../types';
+import type { ParsedNode } from '../types';
 declare type Props = {
     menus: ParsedNode[];
     showMenuAsIcon: boolean;