@postnord/pn-marketweb-components 4.3.5 → 4.3.6

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

@@ -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

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postnord/pn-marketweb-components",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "description": "PostNord Market Websites Components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/types/components/layout-components/pn-marketweb-header/pn-marketweb-header-salesforce-loader.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+interface SalesforceLoaderStoryArgs {
+    hostLanguage: 'da' | 'en' | 'en-US' | 'en_US';
+    componentVersion: string;
+    useMockedResponse: boolean;
+}
+declare const meta: Meta<SalesforceLoaderStoryArgs>;
+export default meta;
+type Story = StoryObj<SalesforceLoaderStoryArgs>;
+export declare const ExternalSiteScript: Story;
+export declare const ExternalSiteScriptOld: Story;

package/umd/pn-marketweb-salesforce-header.js

@@ -0,0 +1,95 @@
+(function () {
+  if (document.body.dataset["marketwebComponentsSalesforceHeaderInit"]) {
+    return;
+  }
+  document.body.dataset["marketwebComponentsSalesforceHeaderInit"] = true;
+
+  const header = document.createElement("pn-marketweb-header");
+  const footer = document.createElement("pn-marketweb-sitefooter");
+  let currentLanguage = document.querySelector("html").getAttribute("lang");
+  if (currentLanguage === "en-US" || currentLanguage === "en_US") {
+    currentLanguage = "en";
+  }
+
+  [header, footer].forEach((comp) => {
+    comp.setAttribute("market", "dk");
+    comp.setAttribute("language", currentLanguage);
+    comp.setAttribute("site-domain-in-urls", "true");
+    comp.setAttribute("hide-site-selector", "true");
+    comp.setAttribute("spa-mode", "true");
+    const environment =
+      window.location.href.indexOf("kundeservice.postnord.dk") !== -1 ? "production" : "preproduction";
+    comp.setAttribute("environment", environment);
+  });
+  document.body.insertBefore(header, document.body.firstElementChild);
+  document.body.appendChild(footer);
+
+  const currentMinorVersion = "#packageversion#";
+  const requestedComponentVersion = new URLSearchParams(window.location.search).get("componentversion");
+  const versionToLoad = requestedComponentVersion ? requestedComponentVersion : currentMinorVersion;
+
+  const s = document.createElement("script");
+  s.setAttribute("type", "module");
+  s.setAttribute(
+    "src",
+    `https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@${versionToLoad}/umd/standalone-loader-salesforce.js`
+  );
+  document.querySelector("head").appendChild(s);
+
+  const style = document.createElement("link");
+  style.setAttribute("rel", "stylesheet");
+  style.setAttribute(
+    "href",
+    `https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@${versionToLoad}/umd/pn-marketweb-wrongrembase.css`
+  );
+  document.querySelector("head").appendChild(style);
+
+  window["bindLanguageSelector"] = function () {
+    if (window["haslangchange"]) {
+      return;
+    }
+    window.addEventListener("marketweb-languagechange", (e) => {
+      let lang = e.detail;
+      if (lang === "en") {
+        lang = "en_US";
+      }
+      const queryParams = new URLSearchParams(window.location.search);
+      const currentLanguageValue = queryParams.get("language");
+
+      if (lang.indexOf("en") !== -1) {
+        const rootUrl = window.location.href.indexOf("kundeservice-test.postnord.dk" !== -1)
+          ? "https://www.postnord.dk"
+          : "https://dk-prep.postnord.com";
+        window.location.href = `${rootUrl}/en/help-and-support/private`;
+      }
+
+      window.location.href = newUrl;
+    });
+    window["haslangchange"] = true;
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    window["bindLanguageSelector"]();
+  });
+  window.setTimeout(() => {
+    window["bindLanguageSelector"]();
+  }, 200);
+  window["renderpncomponent-interval"] = window.setInterval(renderPNComponents, 150);
+  renderPNComponents();
+})();
+
+function renderPNComponents() {
+  const componentsDivs = [...document.querySelectorAll("[data-component]:not([data-component-rendered])")];
+  componentsDivs.forEach((componentDiv) => {
+    const component = document.createElement(componentDiv.getAttribute("data-component"));
+    [...componentDiv.attributes].map((dataAttribute) => {
+      if (dataAttribute.name.indexOf("data-component-") === -1) {
+        return;
+      }
+      component.setAttribute(dataAttribute.name.replace("data-component-", ""), dataAttribute.value);
+    });
+    component.innerHTML = componentDiv.innerHTML;
+    componentDiv.innerHTML = "";
+    componentDiv.appendChild(component);
+    componentDiv.setAttribute("data-component-rendered", "");
+  });
+}