npm - @postnord/pn-marketweb-components - Versions diffs - 4.3.4 → 4.3.6 - Mend

@postnord/pn-marketweb-components 4.3.4 → 4.3.6

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

package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header-salesforce-loader.stories.js ADDED Viewed

@@ -0,0 +1,479 @@
+const ORIGINAL_FETCH = window.fetch.bind(window);
+const RELOAD_CLICK_HANDLER_KEY = '__mwSalesforceHeaderReloadHandler';
+const TOGGLER_MOCKED_RESPONSE = {
+    value: {
+        sitedefinition: {
+            name: 'PostNord Denmark',
+            url: '/',
+        },
+        search: {
+            formActionUrl: 'https://www.postnord.dk/sog/',
+            AutocompleteEndpoint: 'https://www.postnord.dk/api/search/autocomplete',
+        },
+        languageSelectorViewModel: {
+            currentLanguageNativeName: 'Dansk',
+            languages: [
+                { twoLetterISOLanguageName: 'da', nativeName: 'Dansk', isCurrent: true },
+                { twoLetterISOLanguageName: 'en', nativeName: 'English', isCurrent: false },
+            ],
+        },
+        siteSelectorViewModel: {
+            siteSelectorButtonText: 'postnord.dk',
+            siteSelectorTitle: 'PostNord',
+            currentSiteTitle: 'postnord.dk',
+            currentSiteDescription: 'Kundeservice og værktøjer',
+            siteSelections: [],
+        },
+        loginViewModel: {
+            loginMenuLinks: [],
+            legacyLoginLinks: [],
+            loggedInLinks: [],
+            overrideLoginMenu: false,
+            loginMenuLinkText: 'Log ind',
+            countryCode: 'DK',
+            locale: 'da',
+            loginUrl: '',
+            registerUrl: '',
+            loggedInButtonText: 'Min side',
+            loginTitle: 'Log ind',
+            loginLinkText: 'Log ind',
+            createLoginLinkText: 'Opret konto',
+            loginInfo: '',
+        },
+        mainMenu: {
+            // all but last are switchable roots; last is shared root
+            menuItems: [
+                {
+                    name: 'Privat',
+                    href: '/',
+                    id: 'root-private',
+                    selected: false,
+                    open: false,
+                    children: [
+                        {
+                            name: 'Send pakke',
+                            href: '/',
+                            id: 'private-send-package',
+                            selected: false,
+                            open: false,
+                            children: [],
+                            navigationHeading: '',
+                            promotedMenuItemsHeader: '',
+                            promotedMenuItems: [],
+                            hasChildren: false,
+                            linkTarget: '',
+                            trackingId: 'private-send-package',
+                            level: 1,
+                            isMegaMenuParent: false,
+                        },
+                        {
+                            name: 'Track forsendelse',
+                            href: '/',
+                            id: 'private-track',
+                            selected: false,
+                            open: false,
+                            children: [],
+                            navigationHeading: '',
+                            promotedMenuItemsHeader: '',
+                            promotedMenuItems: [],
+                            hasChildren: false,
+                            linkTarget: '',
+                            trackingId: 'private-track',
+                            level: 1,
+                            isMegaMenuParent: false,
+                        },
+                    ],
+                    navigationHeading: '',
+                    promotedMenuItemsHeader: '',
+                    promotedMenuItems: [],
+                    hasChildren: true,
+                    linkTarget: '',
+                    trackingId: 'private',
+                    level: 0,
+                    isMegaMenuParent: true,
+                    toggleTheme: 'private',
+                },
+                {
+                    name: 'Erhverv',
+                    href: '/',
+                    id: 'root-business',
+                    selected: false,
+                    open: false,
+                    children: [
+                        {
+                            name: 'Book pickup',
+                            href: '/',
+                            id: 'business-book-pickup',
+                            selected: false,
+                            open: false,
+                            children: [],
+                            navigationHeading: '',
+                            promotedMenuItemsHeader: '',
+                            promotedMenuItems: [],
+                            hasChildren: false,
+                            linkTarget: '',
+                            trackingId: 'business-book-pickup',
+                            level: 1,
+                            isMegaMenuParent: false,
+                        },
+                        {
+                            name: 'Business portal',
+                            href: '/',
+                            id: 'business-portal',
+                            selected: false,
+                            open: false,
+                            children: [],
+                            navigationHeading: '',
+                            promotedMenuItemsHeader: '',
+                            promotedMenuItems: [],
+                            hasChildren: false,
+                            linkTarget: '',
+                            trackingId: 'business-portal',
+                            level: 1,
+                            isMegaMenuParent: false,
+                        },
+                    ],
+                    navigationHeading: '',
+                    promotedMenuItemsHeader: '',
+                    promotedMenuItems: [],
+                    hasChildren: true,
+                    linkTarget: '',
+                    trackingId: 'business',
+                    level: 0,
+                    isMegaMenuParent: true,
+                    toggleTheme: 'business',
+                },
+                {
+                    name: 'Fælles',
+                    href: '/',
+                    id: 'root-shared',
+                    selected: false,
+                    open: false,
+                    children: [],
+                    navigationHeading: '',
+                    promotedMenuItemsHeader: '',
+                    promotedMenuItems: [],
+                    hasChildren: false,
+                    linkTarget: '',
+                    trackingId: 'shared',
+                    level: 0,
+                    isMegaMenuParent: false,
+                },
+            ],
+        },
+    },
+    formatters: [],
+    contentTypes: [],
+    declaredType: null,
+    statusCode: 200,
+};
+const OLD_SITEHEADER_MOCKED_RESPONSE = {
+    value: {
+        sitedefinition: {
+            name: 'PostNord Denmark',
+            url: '/',
+        },
+        search: {
+            formActionUrl: 'https://www.postnord.dk/sog/',
+            AutocompleteEndpoint: 'https://www.postnord.dk/api/search/autocomplete',
+        },
+        languageSelectorViewModel: {
+            currentLanguageNativeName: 'Dansk',
+            languages: [
+                { twoLetterISOLanguageName: 'da', nativeName: 'Dansk', isCurrent: true },
+                { twoLetterISOLanguageName: 'en', nativeName: 'English', isCurrent: false },
+            ],
+        },
+        siteSelectorViewModel: {
+            siteSelectorButtonText: 'postnord.dk',
+            siteSelectorTitle: 'PostNord',
+            currentSiteTitle: 'postnord.dk',
+            currentSiteDescription: 'Kundeservice og værktøjer',
+            siteSelections: [],
+        },
+        loginViewModel: {
+            loginMenuLinks: [],
+            legacyLoginLinks: [],
+            loggedInLinks: [],
+            overrideLoginMenu: false,
+            loginMenuLinkText: 'Log ind',
+            countryCode: 'DK',
+            locale: 'da',
+            loginUrl: '',
+            registerUrl: '',
+            loggedInButtonText: 'Min side',
+            loginTitle: 'Log ind',
+            loginLinkText: 'Log ind',
+            createLoginLinkText: 'Opret konto',
+            loginInfo: '',
+        },
+        mainMenu: {
+            // old siteheader mock data (siteheader endpoint shape)
+            menuItems: [
+                {
+                    name: 'Sende',
+                    href: '/',
+                    id: '4571',
+                    selected: false,
+                    open: false,
+                    children: [
+                        {
+                            name: 'Breve, q-breve og breve til udlandet',
+                            href: '/',
+                            id: '144202',
+                            selected: false,
+                            open: false,
+                            children: [],
+                            navigationHeading: '',
+                            promotedMenuItemsHeader: '',
+                            promotedMenuItems: [],
+                            hasChildren: false,
+                            linkTarget: '',
+                            trackingId: 'breveqbreveogbrevetiludlandet144202',
+                            level: 2,
+                            isMegaMenuParent: false,
+                            isDefaultToggleParent: false,
+                            toggleTheme: 'Private',
+                        },
+                    ],
+                    navigationHeading: '',
+                    promotedMenuItemsHeader: '',
+                    promotedMenuItems: [],
+                    hasChildren: true,
+                    linkTarget: '',
+                    trackingId: 'sende4571',
+                    level: 1,
+                    isMegaMenuParent: false,
+                    isDefaultToggleParent: false,
+                    toggleTheme: 'Private',
+                },
+                {
+                    name: 'Modtage',
+                    href: '/',
+                    id: '5501',
+                    selected: false,
+                    open: false,
+                    children: [],
+                    navigationHeading: '',
+                    promotedMenuItemsHeader: '',
+                    promotedMenuItems: [],
+                    hasChildren: false,
+                    linkTarget: '',
+                    trackingId: 'modtage5501',
+                    level: 1,
+                    isMegaMenuParent: false,
+                    isDefaultToggleParent: false,
+                    toggleTheme: 'Private',
+                },
+                {
+                    name: 'Kundeservice',
+                    href: '/',
+                    id: '5509',
+                    selected: false,
+                    open: false,
+                    children: [
+                        {
+                            name: 'Privat',
+                            href: '/',
+                            id: '15088',
+                            selected: false,
+                            open: false,
+                            children: [],
+                            navigationHeading: '',
+                            promotedMenuItemsHeader: '',
+                            promotedMenuItems: [],
+                            hasChildren: false,
+                            linkTarget: '',
+                            trackingId: 'privat15088',
+                            level: 2,
+                            isMegaMenuParent: false,
+                            isDefaultToggleParent: false,
+                            toggleTheme: 'Private',
+                        },
+                    ],
+                    navigationHeading: '',
+                    promotedMenuItemsHeader: '',
+                    promotedMenuItems: [],
+                    hasChildren: true,
+                    linkTarget: '',
+                    trackingId: 'kundeservice5509',
+                    level: 1,
+                    isMegaMenuParent: false,
+                    isDefaultToggleParent: false,
+                    toggleTheme: 'Private',
+                },
+            ],
+            activeMenuToggleParentIndex: -1,
+        },
+    },
+    formatters: [],
+    contentTypes: [],
+    declaredType: null,
+    statusCode: 200,
+};
+function createRouteSafeMockedResponse(baseResponse) {
+    const currentUrl = window.location.href;
+    const response = JSON.parse(JSON.stringify(baseResponse));
+    response.value.sitedefinition.url = currentUrl;
+    response.value.search.formActionUrl = currentUrl;
+    if (Array.isArray(response.value.mainMenu?.menuItems)) {
+        response.value.mainMenu.menuItems.forEach((menuItem) => {
+            menuItem.href = currentUrl;
+            if (Array.isArray(menuItem.children)) {
+                menuItem.children.forEach((child) => {
+                    child.href = currentUrl;
+                });
+            }
+        });
+    }
+    return response;
+}
+function createRouteSafeSiteheaderResponse(baseResponse) {
+    const currentUrl = window.location.href;
+    const rootResponse = baseResponse?.value ? baseResponse.value : baseResponse;
+    const response = JSON.parse(JSON.stringify(rootResponse));
+    response.sitedefinition.url = currentUrl;
+    response.search.formActionUrl = currentUrl;
+    if (Array.isArray(response.mainMenu?.menuItems)) {
+        response.mainMenu.menuItems.forEach((menuItem) => {
+            menuItem.href = currentUrl;
+            if (Array.isArray(menuItem.children)) {
+                menuItem.children.forEach((child) => {
+                    child.href = currentUrl;
+                });
+            }
+        });
+    }
+    return response;
+}
+const meta = {
+    title: 'Marketweb/Header/pn-marketweb-header Salesforce loader',
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                story: 'Executes /umd/pn-marketweb-salesforce-header.js exactly like an external site integration. The script injects header/footer, then loads standalone-loader-salesforce.js and CSS.',
+            },
+        },
+    },
+    argTypes: {
+        hostLanguage: {
+            control: 'select',
+            options: ['da', 'en', 'en-US', 'en_US'],
+        },
+        componentVersion: {
+            control: 'text',
+            description: 'Injected into ?componentversion so the UMD bootstrap script can resolve CDN loader/CSS.',
+        },
+        useMockedResponse: {
+            control: 'boolean',
+            description: 'Intercepts /api/navigation/toggle-header to return Storybook mock data (recommended for toggler testing).',
+        },
+    },
+};
+export default meta;
+function cleanupInjectedArtifacts() {
+    clearInterval(window['renderpncomponent-interval']);
+    window.fetch = ORIGINAL_FETCH;
+    const existingReloadHandler = window[RELOAD_CLICK_HANDLER_KEY];
+    if (existingReloadHandler) {
+        document.removeEventListener('click', existingReloadHandler, true);
+        delete window[RELOAD_CLICK_HANDLER_KEY];
+    }
+    delete document.body.dataset.marketwebComponentsSalesforceInit;
+    delete document.body.dataset.marketwebComponentsSalesforceHeaderInit;
+    document
+        .querySelectorAll('pn-marketweb-header, pn-marketweb-siteheader, pn-marketweb-sitefooter, script[src*="pn-marketweb-salesforce-header.js"], script[src*="pn-marketweb-salesforce.js"], script[src*="standalone-loader-salesforce.js"], link[href*="pn-marketweb-wrongrembase.css"]')
+        .forEach((el) => el.remove());
+}
+function installHeaderLinkReloadBehavior() {
+    const reloadHandler = (event) => {
+        const path = (event.composedPath?.() ?? []);
+        const clickedLink = path.find((node) => node instanceof HTMLAnchorElement && node.hasAttribute('href'));
+        const headerHost = path.find((node) => node instanceof HTMLElement && node.tagName === 'PN-MARKETWEB-HEADER');
+        if (!clickedLink || !headerHost) {
+            return;
+        }
+        event.preventDefault();
+        const currentUrl = window.location.href;
+        window.location.href = currentUrl;
+    };
+    window[RELOAD_CLICK_HANDLER_KEY] = reloadHandler;
+    document.addEventListener('click', reloadHandler, true);
+}
+function installHeaderFetchMock(mockedResponse) {
+    window.fetch = async (input, init) => {
+        const requestUrl = typeof input === 'string'
+            ? input
+            : input instanceof URL
+                ? input.toString()
+                : input.url;
+        if (requestUrl.includes('/api/navigation/header')) {
+            return new Response(JSON.stringify(createRouteSafeSiteheaderResponse(mockedResponse)), {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' },
+            });
+        }
+        if (requestUrl.includes('/api/navigation/toggle-header')) {
+            return new Response(JSON.stringify(createRouteSafeMockedResponse(mockedResponse)), {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' },
+            });
+        }
+        return ORIGINAL_FETCH(input, init);
+    };
+}
+function applyComponentVersion(version) {
+    const url = new URL(window.location.href);
+    url.searchParams.set('componentversion', version);
+    window.history.replaceState({}, '', url.toString());
+}
+function renderExternalBootstrap(args) {
+    cleanupInjectedArtifacts();
+    installHeaderLinkReloadBehavior();
+    if (args.useMockedResponse) {
+        installHeaderFetchMock(TOGGLER_MOCKED_RESPONSE);
+    }
+    document.documentElement.setAttribute('lang', args.hostLanguage);
+    applyComponentVersion(args.componentVersion);
+    const root = document.createElement('div');
+    root.innerHTML =
+        '<main style="min-height:50vh;padding:2rem;background:#f8f8f8;"><h1>External host page</h1><p>The header/footer in this preview are injected by the real UMD bootstrap script, not by Storybook render code.</p></main>';
+    const script = document.createElement('script');
+    script.src = `/umd/pn-marketweb-salesforce-header.js?storyReload=${Date.now()}`;
+    document.head.appendChild(script);
+    return root;
+}
+export const ExternalSiteScript = {
+    name: 'External site script bootstrap toggle menu/mega menu(new header)',
+    render: (args) => renderExternalBootstrap(args),
+    args: {
+        hostLanguage: 'da',
+        componentVersion: '4.3.5',
+        useMockedResponse: true,
+    },
+};
+export const ExternalSiteScriptOld = {
+    name: 'External site script bootstrap siteheader (old header)',
+    render: (args) => {
+        cleanupInjectedArtifacts();
+        if (args.useMockedResponse) {
+            installHeaderFetchMock(OLD_SITEHEADER_MOCKED_RESPONSE);
+        }
+        document.documentElement.setAttribute('lang', args.hostLanguage);
+        applyComponentVersion(args.componentVersion);
+        const root = document.createElement('div');
+        root.innerHTML =
+            '<main style="min-height:50vh;padding:2rem;background:#f8f8f8;"><h1>External host page</h1><p>This preview injects the old Salesforce bootstrap script (pn-marketweb-salesforce.js).</p></main>';
+        const script = document.createElement('script');
+        script.src = `/umd/pn-marketweb-salesforce.js?storyReload=${Date.now()}`;
+        document.head.appendChild(script);
+        return root;
+    },
+    args: {
+        hostLanguage: 'da',
+        componentVersion: '4.3.5',
+        useMockedResponse: true,
+    },
+};
+//# sourceMappingURL=pn-marketweb-header-salesforce-loader.stories.js.map

package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header-salesforce-loader.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pn-marketweb-header-salesforce-loader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-header/pn-marketweb-header-salesforce-loader.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\n\ninterface SalesforceLoaderStoryArgs {\n hostLanguage: 'da' | 'en' | 'en-US' | 'en_US';\n componentVersion: string;\n useMockedResponse: boolean;\n}\n\nconst ORIGINAL_FETCH = window.fetch.bind(window);\nconst RELOAD_CLICK_HANDLER_KEY = '__mwSalesforceHeaderReloadHandler';\n\nconst TOGGLER_MOCKED_RESPONSE = {\n value: {\n sitedefinition: {\n name: 'PostNord Denmark',\n url: '/',\n },\n search: {\n formActionUrl: 'https://www.postnord.dk/sog/',\n AutocompleteEndpoint: 'https://www.postnord.dk/api/search/autocomplete',\n },\n languageSelectorViewModel: {\n currentLanguageNativeName: 'Dansk',\n languages: [\n { twoLetterISOLanguageName: 'da', nativeName: 'Dansk', isCurrent: true },\n { twoLetterISOLanguageName: 'en', nativeName: 'English', isCurrent: false },\n ],\n },\n siteSelectorViewModel: {\n siteSelectorButtonText: 'postnord.dk',\n siteSelectorTitle: 'PostNord',\n currentSiteTitle: 'postnord.dk',\n currentSiteDescription: 'Kundeservice og værktøjer',\n siteSelections: [],\n },\n loginViewModel: {\n loginMenuLinks: [],\n legacyLoginLinks: [],\n loggedInLinks: [],\n overrideLoginMenu: false,\n loginMenuLinkText: 'Log ind',\n countryCode: 'DK',\n locale: 'da',\n loginUrl: '',\n registerUrl: '',\n loggedInButtonText: 'Min side',\n loginTitle: 'Log ind',\n loginLinkText: 'Log ind',\n createLoginLinkText: 'Opret konto',\n loginInfo: '',\n },\n mainMenu: {\n // all but last are switchable roots; last is shared root\n menuItems: [\n {\n name: 'Privat',\n href: '/',\n id: 'root-private',\n selected: false,\n open: false,\n children: [\n {\n name: 'Send pakke',\n href: '/',\n id: 'private-send-package',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'private-send-package',\n level: 1,\n isMegaMenuParent: false,\n },\n {\n name: 'Track forsendelse',\n href: '/',\n id: 'private-track',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'private-track',\n level: 1,\n isMegaMenuParent: false,\n },\n ],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: true,\n linkTarget: '',\n trackingId: 'private',\n level: 0,\n isMegaMenuParent: true,\n toggleTheme: 'private',\n },\n {\n name: 'Erhverv',\n href: '/',\n id: 'root-business',\n selected: false,\n open: false,\n children: [\n {\n name: 'Book pickup',\n href: '/',\n id: 'business-book-pickup',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'business-book-pickup',\n level: 1,\n isMegaMenuParent: false,\n },\n {\n name: 'Business portal',\n href: '/',\n id: 'business-portal',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'business-portal',\n level: 1,\n isMegaMenuParent: false,\n },\n ],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: true,\n linkTarget: '',\n trackingId: 'business',\n level: 0,\n isMegaMenuParent: true,\n toggleTheme: 'business',\n },\n {\n name: 'Fælles',\n href: '/',\n id: 'root-shared',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'shared',\n level: 0,\n isMegaMenuParent: false,\n },\n ],\n },\n },\n formatters: [],\n contentTypes: [],\n declaredType: null,\n statusCode: 200,\n};\n\nconst OLD_SITEHEADER_MOCKED_RESPONSE = {\n value: {\n sitedefinition: {\n name: 'PostNord Denmark',\n url: '/',\n },\n search: {\n formActionUrl: 'https://www.postnord.dk/sog/',\n AutocompleteEndpoint: 'https://www.postnord.dk/api/search/autocomplete',\n },\n languageSelectorViewModel: {\n currentLanguageNativeName: 'Dansk',\n languages: [\n { twoLetterISOLanguageName: 'da', nativeName: 'Dansk', isCurrent: true },\n { twoLetterISOLanguageName: 'en', nativeName: 'English', isCurrent: false },\n ],\n },\n siteSelectorViewModel: {\n siteSelectorButtonText: 'postnord.dk',\n siteSelectorTitle: 'PostNord',\n currentSiteTitle: 'postnord.dk',\n currentSiteDescription: 'Kundeservice og værktøjer',\n siteSelections: [],\n },\n loginViewModel: {\n loginMenuLinks: [],\n legacyLoginLinks: [],\n loggedInLinks: [],\n overrideLoginMenu: false,\n loginMenuLinkText: 'Log ind',\n countryCode: 'DK',\n locale: 'da',\n loginUrl: '',\n registerUrl: '',\n loggedInButtonText: 'Min side',\n loginTitle: 'Log ind',\n loginLinkText: 'Log ind',\n createLoginLinkText: 'Opret konto',\n loginInfo: '',\n },\n mainMenu: {\n // old siteheader mock data (siteheader endpoint shape)\n menuItems: [\n {\n name: 'Sende',\n href: '/',\n id: '4571',\n selected: false,\n open: false,\n children: [\n {\n name: 'Breve, q-breve og breve til udlandet',\n href: '/',\n id: '144202',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'breveqbreveogbrevetiludlandet144202',\n level: 2,\n isMegaMenuParent: false,\n isDefaultToggleParent: false,\n toggleTheme: 'Private',\n },\n ],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: true,\n linkTarget: '',\n trackingId: 'sende4571',\n level: 1,\n isMegaMenuParent: false,\n isDefaultToggleParent: false,\n toggleTheme: 'Private',\n },\n {\n name: 'Modtage',\n href: '/',\n id: '5501',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'modtage5501',\n level: 1,\n isMegaMenuParent: false,\n isDefaultToggleParent: false,\n toggleTheme: 'Private',\n },\n {\n name: 'Kundeservice',\n href: '/',\n id: '5509',\n selected: false,\n open: false,\n children: [\n {\n name: 'Privat',\n href: '/',\n id: '15088',\n selected: false,\n open: false,\n children: [],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: false,\n linkTarget: '',\n trackingId: 'privat15088',\n level: 2,\n isMegaMenuParent: false,\n isDefaultToggleParent: false,\n toggleTheme: 'Private',\n },\n ],\n navigationHeading: '',\n promotedMenuItemsHeader: '',\n promotedMenuItems: [],\n hasChildren: true,\n linkTarget: '',\n trackingId: 'kundeservice5509',\n level: 1,\n isMegaMenuParent: false,\n isDefaultToggleParent: false,\n toggleTheme: 'Private',\n },\n ],\n activeMenuToggleParentIndex: -1,\n },\n },\n formatters: [],\n contentTypes: [],\n declaredType: null,\n statusCode: 200,\n};\n\nfunction createRouteSafeMockedResponse(baseResponse: any) {\n const currentUrl = window.location.href;\n const response = JSON.parse(JSON.stringify(baseResponse));\n\n response.value.sitedefinition.url = currentUrl;\n response.value.search.formActionUrl = currentUrl;\n\n if (Array.isArray(response.value.mainMenu?.menuItems)) {\n response.value.mainMenu.menuItems.forEach((menuItem: any) => {\n menuItem.href = currentUrl;\n if (Array.isArray(menuItem.children)) {\n menuItem.children.forEach((child: any) => {\n child.href = currentUrl;\n });\n }\n });\n }\n\n return response;\n}\n\nfunction createRouteSafeSiteheaderResponse(baseResponse: any) {\n const currentUrl = window.location.href;\n const rootResponse = baseResponse?.value ? baseResponse.value : baseResponse;\n const response = JSON.parse(JSON.stringify(rootResponse));\n\n response.sitedefinition.url = currentUrl;\n response.search.formActionUrl = currentUrl;\n\n if (Array.isArray(response.mainMenu?.menuItems)) {\n response.mainMenu.menuItems.forEach((menuItem: any) => {\n menuItem.href = currentUrl;\n if (Array.isArray(menuItem.children)) {\n menuItem.children.forEach((child: any) => {\n child.href = currentUrl;\n });\n }\n });\n }\n\n return response;\n}\n\nconst meta: Meta<SalesforceLoaderStoryArgs> = {\n title: 'Marketweb/Header/pn-marketweb-header Salesforce loader',\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n story:\n 'Executes /umd/pn-marketweb-salesforce-header.js exactly like an external site integration. The script injects header/footer, then loads standalone-loader-salesforce.js and CSS.',\n },\n },\n },\n argTypes: {\n hostLanguage: {\n control: 'select',\n options: ['da', 'en', 'en-US', 'en_US'],\n },\n componentVersion: {\n control: 'text',\n description: 'Injected into ?componentversion so the UMD bootstrap script can resolve CDN loader/CSS.',\n },\n useMockedResponse: {\n control: 'boolean',\n description: 'Intercepts /api/navigation/toggle-header to return Storybook mock data (recommended for toggler testing).',\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<SalesforceLoaderStoryArgs>;\n\nfunction cleanupInjectedArtifacts() {\n clearInterval((window as any)['renderpncomponent-interval']);\n window.fetch = ORIGINAL_FETCH;\n\n const existingReloadHandler = (window as any)[RELOAD_CLICK_HANDLER_KEY];\n if (existingReloadHandler) {\n document.removeEventListener('click', existingReloadHandler, true);\n delete (window as any)[RELOAD_CLICK_HANDLER_KEY];\n }\n\n delete (document.body.dataset as any).marketwebComponentsSalesforceInit;\n delete (document.body.dataset as any).marketwebComponentsSalesforceHeaderInit;\n\n document\n .querySelectorAll(\n 'pn-marketweb-header, pn-marketweb-siteheader, pn-marketweb-sitefooter, script[src*=\"pn-marketweb-salesforce-header.js\"], script[src*=\"pn-marketweb-salesforce.js\"], script[src*=\"standalone-loader-salesforce.js\"], link[href*=\"pn-marketweb-wrongrembase.css\"]'\n )\n .forEach((el) => el.remove());\n}\n\nfunction installHeaderLinkReloadBehavior() {\n const reloadHandler = (event: Event) => {\n const path = (event.composedPath?.() ?? []) as Array<EventTarget>;\n const clickedLink = path.find(\n (node): node is HTMLAnchorElement => node instanceof HTMLAnchorElement && node.hasAttribute('href')\n );\n const headerHost = path.find((node) => node instanceof HTMLElement && node.tagName === 'PN-MARKETWEB-HEADER');\n\n if (!clickedLink || !headerHost) {\n return;\n }\n\n event.preventDefault();\n const currentUrl = window.location.href;\n window.location.href = currentUrl;\n };\n\n (window as any)[RELOAD_CLICK_HANDLER_KEY] = reloadHandler;\n document.addEventListener('click', reloadHandler, true);\n}\n\nfunction installHeaderFetchMock(mockedResponse: any) {\n window.fetch = async (input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {\n const requestUrl =\n typeof input === 'string'\n ? input\n : input instanceof URL\n ? input.toString()\n : input.url;\n\n if (requestUrl.includes('/api/navigation/header')) {\n return new Response(JSON.stringify(createRouteSafeSiteheaderResponse(mockedResponse)), {\n status: 200,\n headers: { 'Content-Type': 'application/json' },\n });\n }\n\n if (requestUrl.includes('/api/navigation/toggle-header')) {\n return new Response(JSON.stringify(createRouteSafeMockedResponse(mockedResponse)), {\n status: 200,\n headers: { 'Content-Type': 'application/json' },\n });\n }\n\n return ORIGINAL_FETCH(input as any, init);\n };\n}\n\nfunction applyComponentVersion(version: string) {\n const url = new URL(window.location.href);\n url.searchParams.set('componentversion', version);\n window.history.replaceState({}, '', url.toString());\n}\n\nfunction renderExternalBootstrap(args: SalesforceLoaderStoryArgs): HTMLElement {\n cleanupInjectedArtifacts();\n installHeaderLinkReloadBehavior();\n\n if (args.useMockedResponse) {\n installHeaderFetchMock(TOGGLER_MOCKED_RESPONSE);\n }\n\n document.documentElement.setAttribute('lang', args.hostLanguage);\n applyComponentVersion(args.componentVersion);\n\n const root = document.createElement('div');\n root.innerHTML =\n '<main style=\"min-height:50vh;padding:2rem;background:#f8f8f8;\"><h1>External host page</h1><p>The header/footer in this preview are injected by the real UMD bootstrap script, not by Storybook render code.</p></main>';\n\n const script = document.createElement('script');\n script.src = `/umd/pn-marketweb-salesforce-header.js?storyReload=${Date.now()}`;\n document.head.appendChild(script);\n\n return root;\n}\n\nexport const ExternalSiteScript: Story = {\n name: 'External site script bootstrap toggle menu/mega menu(new header)',\n render: (args) => renderExternalBootstrap(args),\n args: {\n hostLanguage: 'da',\n componentVersion: '4.3.5',\n useMockedResponse: true,\n },\n};\n\nexport const ExternalSiteScriptOld: Story = {\n name: 'External site script bootstrap siteheader (old header)',\n render: (args) => {\n cleanupInjectedArtifacts();\n\n if (args.useMockedResponse) {\n installHeaderFetchMock(OLD_SITEHEADER_MOCKED_RESPONSE);\n }\n\n document.documentElement.setAttribute('lang', args.hostLanguage);\n applyComponentVersion(args.componentVersion);\n\n const root = document.createElement('div');\n root.innerHTML =\n '<main style=\"min-height:50vh;padding:2rem;background:#f8f8f8;\"><h1>External host page</h1><p>This preview injects the old Salesforce bootstrap script (pn-marketweb-salesforce.js).</p></main>';\n\n const script = document.createElement('script');\n script.src = `/umd/pn-marketweb-salesforce.js?storyReload=${Date.now()}`;\n document.head.appendChild(script);\n\n return root;\n },\n args: {\n hostLanguage: 'da',\n componentVersion: '4.3.5',\n useMockedResponse: true,\n },\n};\n"]}

package/collection/components/layout-components/pn-marketweb-header/pn-marketweb-header.js CHANGED Viewed

@@ -143,6 +143,21 @@ export class PnMarketwebHeader {
     get hasForcedThemeAndToggle() {
         return Number.isInteger(this.forceThemeAndToggle) && this.forceThemeAndToggle !== -1;
     }
+    get forcedMenuModeFromUrl() {
+        if (typeof window === 'undefined') {
+            return null;
+        }
+        const hash = window.location.hash ?? '';
+        const match = hash.match(/^#ttm(?:=)?(\d+)$/i);
+        if (!match) {
+            return null;
+        }
+        const parsedMode = Number.parseInt(match[1], 10);
+        if (!Number.isInteger(parsedMode)) {
+            return null;
+        }
+        return parsedMode;
+    }
     validateMenuModeIndex(mode) {
         const optionCount = this.vm?.menuModeOptions?.length ?? 0;
         if (!this.vm?.hasMenuSwitching || optionCount === 0) {
@@ -216,7 +231,12 @@ export class PnMarketwebHeader {
         this.vm = result.vm;
         this.i18n = result.i18n;
         this.status = result.status;
-        if (this.hasForcedThemeAndToggle) {
+        if (this.forcedMenuModeFromUrl !== null) {
+            this.activeMenuMode = this.validateMenuModeIndex(this.forcedMenuModeFromUrl);
+            this.hasResolvedInitialMenuMode = true;
+            storeHeaderMenuMode(this.activeMenuMode);
+        }
+        else if (this.hasForcedThemeAndToggle) {
             this.activeMenuMode = this.validateMenuModeIndex(this.forceThemeAndToggle);
             this.hasResolvedInitialMenuMode = true;
             storeHeaderMenuMode(this.activeMenuMode);
@@ -314,9 +334,9 @@ export class PnMarketwebHeader {
         const menuGroups = vm
             ? this.getVisibleMenuGroups(vm)
             : { primaryItems: [], sharedItems: [] };
-        return (h(Host, { key: '7caa2d55c8bc19bc5acdcc0561fec5c91ebdb7dd', language: this.language ?? undefined, market: this.market ?? undefined, environment: this.environment ?? undefined, "data-status": this.status, "data-mode": this.activeMenuMode, "data-theme": activeTheme }, h("header", { key: 'd447734933c534ffb13215dd663b60410bd83519' }, vm && (h(Fragment, { key: '30d8f6f7ab3f8eec2210461366336829b4807a83' }, h("pn-marketweb-header-top-row", { key: '53ebe5f1f76fe18de4f64fc11e353e67bdaad6a2', vm: vm, i18n: i18n, language: this.language ?? undefined, siteid: this.siteid ?? undefined, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, hideSiteSelector: this.hideSiteSelector, hideLanguageSelector: this.hideLanguageSelector, hideSearch: this.hideSearch, hideLogin: this.hideLogin, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, spaMode: this.spaMode, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, menuToggleChangeHandler: this.onMenuToggleChange, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: 'd84e74d802d4367d2d1c3771d0efa92317332799', name: "header-top-left", slot: "header-top-left" }), h("slot", { key: 'a110554e38f6d169088a242c5675d07235980e7f', name: "header-top-right-start", slot: "header-top-right-start" }), h("slot", { key: '69067f8a28274bf64af01d5375a180930a00ba2e', name: "toprightend", slot: "toprightend" })), h("slot", { key: '731ba47be6e196907022abcba67ed6a1ecb8d935', name: "siteheader-menu-top-button" }), h("pn-marketweb-header-main-row", { key: '1a715c580147fc6e93a79e5cdef265f939613951', vm: vm, i18n: i18n, market: this.market ?? undefined, language: this.language ?? undefined, siteid: this.siteid ?? undefined, hideSearch: this.hideSearch, hideLogin: this.hideLogin, hideLanguageSelector: this.hideLanguageSelector, hideSiteSelector: this.hideSiteSelector, minimizeSearch: this.minimizeSearch, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, primaryItems: menuGroups.primaryItems, sharedItems: menuGroups.sharedItems, showMenuDivider: menuGroups.primaryItems.length > 0 && menuGroups.sharedItems.length > 0, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, spaMode: this.spaMode, menuToggleChangeHandler: this.onMenuToggleChange, mainNavRefHandler: (el) => {
+        return (h(Host, { key: 'a361493c4e5d00f6e7f43f021f5620e2db1ebb51', language: this.language ?? undefined, market: this.market ?? undefined, environment: this.environment ?? undefined, "data-status": this.status, "data-mode": this.activeMenuMode, "data-theme": activeTheme }, h("header", { key: '18cc409a710c06e486197f487937ac0f8f5e291b' }, vm && (h(Fragment, { key: 'e091a3aca5f2cffdc8b0206c387dc9a5a1082636' }, h("pn-marketweb-header-top-row", { key: '0d19aba5a76db68cd573f1279fdd02a65643e75a', vm: vm, i18n: i18n, language: this.language ?? undefined, siteid: this.siteid ?? undefined, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, hideSiteSelector: this.hideSiteSelector, hideLanguageSelector: this.hideLanguageSelector, hideSearch: this.hideSearch, hideLogin: this.hideLogin, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, spaMode: this.spaMode, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, menuToggleChangeHandler: this.onMenuToggleChange, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: 'ff06f0c88d917ce5982be413e544f4ac998a2b33', name: "header-top-left", slot: "header-top-left" }), h("slot", { key: '1b08ccda6550a41d42a4b6360bccb2f58e104864', name: "header-top-right-start", slot: "header-top-right-start" }), h("slot", { key: '84b0a7ce8be0d77ed696dd87fc3c6883ccf6a8d4', name: "toprightend", slot: "toprightend" })), h("slot", { key: '6643cb513225c1513c097a06cde4791280771574', name: "siteheader-menu-top-button" }), h("pn-marketweb-header-main-row", { key: '55a1fb96b970a6194a3f1295fbcfb1342e46c55f', vm: vm, i18n: i18n, market: this.market ?? undefined, language: this.language ?? undefined, siteid: this.siteid ?? undefined, hideSearch: this.hideSearch, hideLogin: this.hideLogin, hideLanguageSelector: this.hideLanguageSelector, hideSiteSelector: this.hideSiteSelector, minimizeSearch: this.minimizeSearch, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, primaryItems: menuGroups.primaryItems, sharedItems: menuGroups.sharedItems, showMenuDivider: menuGroups.primaryItems.length > 0 && menuGroups.sharedItems.length > 0, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, spaMode: this.spaMode, menuToggleChangeHandler: this.onMenuToggleChange, mainNavRefHandler: (el) => {
                 this.mainNavEl = el;
-            }, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: '087be6bb7f4b908553824dd4d31484b069594207', name: "mobile-toprightend", slot: "mobile-toprightend" }), h("slot", { key: 'c9bc4540e9eb9f2ca7b46cc627c72f1e6cedb7ea', name: "header-bottom-button", slot: "header-bottom-button" }), h("slot", { key: 'ee3c12f27ae29c7f735758d0983161c96f8ce271', name: "menu-footer-cta", slot: "menu-footer-cta" })))))));
+            }, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: 'eb25cc719fdc57b0b4da266dd9305013b4514b78', name: "mobile-toprightend", slot: "mobile-toprightend" }), h("slot", { key: '69ddaacba3c53b0722efcdfa694cd4913fae2fac', name: "header-bottom-button", slot: "header-bottom-button" }), h("slot", { key: '76c3a360b0d742a25192cb7d7041e82049e955d5', name: "menu-footer-cta", slot: "menu-footer-cta" })))))));
     }
     static get is() { return "pn-marketweb-header"; }
     static get originalStyleUrls() {