@postnord/pn-marketweb-components 4.0.1 → 4.0.2

package/dist/types/components/widgets/pn-chat/pn-chat-stories-constants.d.ts

@@ -1,126 +1,19 @@
-export declare const closeButtonProps: {
-    'data-action': string;
-    'aria-label': string;
-};
 export declare const styleSample = "\n  .sb-story,.sb-show-main { border: solid 1px #333; height: 500px; width: 800px; padding:40px; position: relative;}\n  .pn-chat { position:absolute; right:50px ;bottom:50px; transform-origin: bottom right }\n  }";
-export declare const messagesObjectPrivate: {
-    header: {
-        body: string;
-        button: {
-            content: string;
-            href: string;
-            class: string;
-            appearance: string;
-            variant: string;
-            small: string;
-        };
-    };
-    messages: ({
-        category: string;
-        content: string;
-        class?: undefined;
-        href?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        content: string;
-        class: string;
-        href?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        content: string;
-        href: string;
-        class?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        heading: string;
-        content: string;
-        buttons: {
-            content: string;
-            href: string;
-            class: string;
-            appearance: string;
-            variant: string;
-        }[];
-        class?: undefined;
-        href?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        content: string;
-        class: string;
-        props: string;
-        href?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-    })[];
-};
-export declare const messagesObjectBusiness: {
+export declare const hardcodedMessages: {
     header: {
-        body: string;
-        button: {
-            content: string;
-            href: string;
-            class: string;
-            appearance: string;
-            variant: string;
-            small: string;
-        };
+        body: any;
+        button: any;
     };
     messages: ({
         category: string;
         content: string;
+        messageId: string;
         class?: undefined;
-        href?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        content: string;
-        class: string;
-        href?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        content: string;
-        href: string;
-        class?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
-        props?: undefined;
-    } | {
-        category: string;
-        heading: string;
-        content: string;
-        buttons: {
-            content: string;
-            href: string;
-            class: string;
-            appearance: string;
-            variant: string;
-        }[];
-        class?: undefined;
-        href?: undefined;
-        props?: undefined;
     } | {
+        class: any;
         category: string;
         content: string;
-        class: string;
-        props: string;
-        href?: undefined;
-        heading?: undefined;
-        buttons?: undefined;
+        messageId: string;
     })[];
 };
 export declare const messageObjectReal: {
@@ -148,17 +41,3 @@ export declare const messageObjectReal: {
         props?: undefined;
     })[];
 };
-export declare const messagesObjectEmpty: {
-    header: {
-        body: string;
-        button: {
-            content: string;
-            href: string;
-            class: string;
-            appearance: string;
-            variant: string;
-            small: string;
-        };
-    };
-    messages: any[];
-};

package/dist/types/components/widgets/pn-marketweb-table/translations.d.ts

@@ -33,40 +33,48 @@ export declare const translations: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     zh: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     it: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     nl: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     tr: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     pt: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     pl: {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
     'pt-BR': {
         newMessage: string;
         toggleButtonOn: string;
         toggleButtonOff: string;
+        showMoreLabel: string;
     };
 };

package/dist/types/components.d.ts

@@ -983,25 +983,6 @@ export namespace Components {
         "shouldLoop"?: boolean;
         "transitionDurationSeconds": number;
     }
-    interface PnSearch {
-        "componentAriaLabel": string;
-        "ctaActionsLabel"?: string;
-        "heading": string;
-        "imageAltText"?: string;
-        "imageUrl"?: string;
-        "pnIllustrationSvg"?: string;
-        "primaryButtonIconSvg"?: string;
-        "primaryButtonText"?: string;
-        "primaryButtonUrl"?: string;
-        "searchButtonLabel"?: string;
-        "searchButtonText"?: string;
-        "searchDescriptionAria"?: string;
-        "searchPlaceholder"?: string;
-        "searchType": 'shipments' | 'episearch';
-        "searchUrl"?: string;
-        "secondaryButtonText"?: string;
-        "secondaryButtonUrl"?: string;
-    }
     interface PnShare {
         "language": string;
         "link": string;
@@ -1131,20 +1112,6 @@ export namespace Components {
         "hideMobileImage": boolean;
         "rightAlign": boolean;
     }
-    interface PnUspSimple {
-        "ctaButtonsLabel"?: string;
-        "heading"?: string;
-        "headingLevel": HeadingLevel;
-        "imageAltText"?: string;
-        "imageUrl"?: string;
-        "pnIllustrationSvg"?: string;
-        "preamble"?: string;
-        "primaryButtonIconSvg"?: string;
-        "primaryButtonText"?: string;
-        "primaryButtonUrl"?: string;
-        "secondaryButtonText"?: string;
-        "secondaryButtonUrl"?: string;
-    }
     interface PnVideoOverlay {
         "isPaused": boolean;
         "language": string;
@@ -1215,10 +1182,6 @@ export interface PnProfileModalProfileCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPnProfileModalProfileElement;
 }
-export interface PnSearchCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPnSearchElement;
-}
 export interface PnVideoOverlayCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPnVideoOverlayElement;
@@ -1895,23 +1858,6 @@ declare global {
         prototype: HTMLPnScrollElement;
         new (): HTMLPnScrollElement;
     };
-    interface HTMLPnSearchElementEventMap {
-        "pnSearch": SearchEventDetail;
-    }
-    interface HTMLPnSearchElement extends Components.PnSearch, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLPnSearchElementEventMap>(type: K, listener: (this: HTMLPnSearchElement, ev: PnSearchCustomEvent<HTMLPnSearchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLPnSearchElementEventMap>(type: K, listener: (this: HTMLPnSearchElement, ev: PnSearchCustomEvent<HTMLPnSearchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLPnSearchElement: {
-        prototype: HTMLPnSearchElement;
-        new (): HTMLPnSearchElement;
-    };
     interface HTMLPnShareElement extends Components.PnShare, HTMLStencilElement {
     }
     var HTMLPnShareElement: {
@@ -2014,12 +1960,6 @@ declare global {
         prototype: HTMLPnUspPromoterElement;
         new (): HTMLPnUspPromoterElement;
     };
-    interface HTMLPnUspSimpleElement extends Components.PnUspSimple, HTMLStencilElement {
-    }
-    var HTMLPnUspSimpleElement: {
-        prototype: HTMLPnUspSimpleElement;
-        new (): HTMLPnUspSimpleElement;
-    };
     interface HTMLPnVideoOverlayElementEventMap {
         "playPauseClicked": void;
     }
@@ -2119,7 +2059,6 @@ declare global {
         "pn-quick-cta": HTMLPnQuickCtaElement;
         "pn-quote-card": HTMLPnQuoteCardElement;
         "pn-scroll": HTMLPnScrollElement;
-        "pn-search": HTMLPnSearchElement;
         "pn-share": HTMLPnShareElement;
         "pn-share-item": HTMLPnShareItemElement;
         "pn-sidenav": HTMLPnSidenavElement;
@@ -2137,7 +2076,6 @@ declare global {
         "pn-teaser-card": HTMLPnTeaserCardElement;
         "pn-titletag": HTMLPnTitletagElement;
         "pn-usp-promoter": HTMLPnUspPromoterElement;
-        "pn-usp-simple": HTMLPnUspSimpleElement;
         "pn-video-overlay": HTMLPnVideoOverlayElement;
     }
 }
@@ -3122,26 +3060,6 @@ declare namespace LocalJSX {
         "shouldLoop"?: boolean;
         "transitionDurationSeconds"?: number;
     }
-    interface PnSearch {
-        "componentAriaLabel": string;
-        "ctaActionsLabel"?: string;
-        "heading": string;
-        "imageAltText"?: string;
-        "imageUrl"?: string;
-        "onPnSearch"?: (event: PnSearchCustomEvent<SearchEventDetail>) => void;
-        "pnIllustrationSvg"?: string;
-        "primaryButtonIconSvg"?: string;
-        "primaryButtonText"?: string;
-        "primaryButtonUrl"?: string;
-        "searchButtonLabel"?: string;
-        "searchButtonText"?: string;
-        "searchDescriptionAria"?: string;
-        "searchPlaceholder"?: string;
-        "searchType"?: 'shipments' | 'episearch';
-        "searchUrl"?: string;
-        "secondaryButtonText"?: string;
-        "secondaryButtonUrl"?: string;
-    }
     interface PnShare {
         "language"?: string;
         "link"?: string;
@@ -3271,20 +3189,6 @@ declare namespace LocalJSX {
         "hideMobileImage"?: boolean;
         "rightAlign"?: boolean;
     }
-    interface PnUspSimple {
-        "ctaButtonsLabel"?: string;
-        "heading"?: string;
-        "headingLevel"?: HeadingLevel;
-        "imageAltText"?: string;
-        "imageUrl"?: string;
-        "pnIllustrationSvg"?: string;
-        "preamble"?: string;
-        "primaryButtonIconSvg"?: string;
-        "primaryButtonText"?: string;
-        "primaryButtonUrl"?: string;
-        "secondaryButtonText"?: string;
-        "secondaryButtonUrl"?: string;
-    }
     interface PnVideoOverlay {
         "isPaused"?: boolean;
         "language"?: string;
@@ -3373,7 +3277,6 @@ declare namespace LocalJSX {
         "pn-quick-cta": PnQuickCta;
         "pn-quote-card": PnQuoteCard;
         "pn-scroll": PnScroll;
-        "pn-search": PnSearch;
         "pn-share": PnShare;
         "pn-share-item": PnShareItem;
         "pn-sidenav": PnSidenav;
@@ -3391,7 +3294,6 @@ declare namespace LocalJSX {
         "pn-teaser-card": PnTeaserCard;
         "pn-titletag": PnTitletag;
         "pn-usp-promoter": PnUspPromoter;
-        "pn-usp-simple": PnUspSimple;
         "pn-video-overlay": PnVideoOverlay;
     }
 }
@@ -3480,7 +3382,6 @@ declare module "@stencil/core" {
             "pn-quick-cta": LocalJSX.PnQuickCta & JSXBase.HTMLAttributes<HTMLPnQuickCtaElement>;
             "pn-quote-card": LocalJSX.PnQuoteCard & JSXBase.HTMLAttributes<HTMLPnQuoteCardElement>;
             "pn-scroll": LocalJSX.PnScroll & JSXBase.HTMLAttributes<HTMLPnScrollElement>;
-            "pn-search": LocalJSX.PnSearch & JSXBase.HTMLAttributes<HTMLPnSearchElement>;
             "pn-share": LocalJSX.PnShare & JSXBase.HTMLAttributes<HTMLPnShareElement>;
             "pn-share-item": LocalJSX.PnShareItem & JSXBase.HTMLAttributes<HTMLPnShareItemElement>;
             "pn-sidenav": LocalJSX.PnSidenav & JSXBase.HTMLAttributes<HTMLPnSidenavElement>;
@@ -3498,7 +3399,6 @@ declare module "@stencil/core" {
             "pn-teaser-card": LocalJSX.PnTeaserCard & JSXBase.HTMLAttributes<HTMLPnTeaserCardElement>;
             "pn-titletag": LocalJSX.PnTitletag & JSXBase.HTMLAttributes<HTMLPnTitletagElement>;
             "pn-usp-promoter": LocalJSX.PnUspPromoter & JSXBase.HTMLAttributes<HTMLPnUspPromoterElement>;
-            "pn-usp-simple": LocalJSX.PnUspSimple & JSXBase.HTMLAttributes<HTMLPnUspSimpleElement>;
             "pn-video-overlay": LocalJSX.PnVideoOverlay & JSXBase.HTMLAttributes<HTMLPnVideoOverlayElement>;
         }
     }

package/dist/types/globals/types.d.ts

@@ -15,4 +15,6 @@ export interface PnButton {
     form?: string;
     buttonId?: string;
     customAttribute?: string;
+    arialabel?: string;
+    iconOnly?: boolean;
 }

package/dist/vscode-data.json

@@ -3057,91 +3057,6 @@
         }
       ]
     },
-    {
-      "name": "pn-search",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": [
-        {
-          "name": "component-aria-label",
-          "description": ""
-        },
-        {
-          "name": "cta-actions-label",
-          "description": ""
-        },
-        {
-          "name": "heading",
-          "description": ""
-        },
-        {
-          "name": "image-alt-text",
-          "description": ""
-        },
-        {
-          "name": "image-url",
-          "description": ""
-        },
-        {
-          "name": "pn-illustration-svg",
-          "description": ""
-        },
-        {
-          "name": "primary-button-icon-svg",
-          "description": ""
-        },
-        {
-          "name": "primary-button-text",
-          "description": ""
-        },
-        {
-          "name": "primary-button-url",
-          "description": ""
-        },
-        {
-          "name": "search-button-label",
-          "description": ""
-        },
-        {
-          "name": "search-button-text",
-          "description": ""
-        },
-        {
-          "name": "search-description-aria",
-          "description": ""
-        },
-        {
-          "name": "search-placeholder",
-          "description": ""
-        },
-        {
-          "name": "search-type",
-          "description": "",
-          "values": [
-            {
-              "name": "episearch"
-            },
-            {
-              "name": "shipments"
-            }
-          ]
-        },
-        {
-          "name": "search-url",
-          "description": ""
-        },
-        {
-          "name": "secondary-button-text",
-          "description": ""
-        },
-        {
-          "name": "secondary-button-url",
-          "description": ""
-        }
-      ]
-    },
     {
       "name": "pn-share",
       "description": {
@@ -3518,63 +3433,6 @@
         }
       ]
     },
-    {
-      "name": "pn-usp-simple",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": [
-        {
-          "name": "cta-buttons-label",
-          "description": ""
-        },
-        {
-          "name": "heading",
-          "description": ""
-        },
-        {
-          "name": "heading-level",
-          "description": ""
-        },
-        {
-          "name": "image-alt-text",
-          "description": ""
-        },
-        {
-          "name": "image-url",
-          "description": ""
-        },
-        {
-          "name": "pn-illustration-svg",
-          "description": ""
-        },
-        {
-          "name": "preamble",
-          "description": ""
-        },
-        {
-          "name": "primary-button-icon-svg",
-          "description": ""
-        },
-        {
-          "name": "primary-button-text",
-          "description": ""
-        },
-        {
-          "name": "primary-button-url",
-          "description": ""
-        },
-        {
-          "name": "secondary-button-text",
-          "description": ""
-        },
-        {
-          "name": "secondary-button-url",
-          "description": ""
-        }
-      ]
-    },
     {
       "name": "pn-video-overlay",
       "description": {

package/package.json

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

package/dist/cjs/pn-chat.service-eaf6ed50.js.map

@@ -1 +0,0 @@
-{"file":"pn-chat.service-eaf6ed50.js","mappings":"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","names":["FetchHelper"],"sources":["src/components/widgets/pn-chat/pn-chat.service.ts"],"sourcesContent":["import { FetchHelper } from '@/globals/FetchHelper';\nimport { ChatMessage, ChatMessages, MessageType } from './types';\nimport { ChatParameters, ChatStartParameters, ChatMessageParameters, ChatUpdateParameters, ChatLastMessageParameters } from './pn-chat.models';\n\nexport class PnChatService {\n  private readonly _endpoint;\n  private readonly _market;\n  private readonly _language;\n  private readonly _currentUrl;\n  private fetchHelper = new FetchHelper('PnChatService');\n  private readonly _startChatPath = `/api/sfchat/start-chat`;\n  private readonly _fetchChatMessagesPath = `/api/sfchat/get-conversation-entries`;\n  private readonly _sendTextPath = `/api/sfchat/send-text-message`;\n  private readonly _sendChoicePath = `/api/sfchat/send-choice-message`;\n  private readonly _updateLastMessagePath = `/api/sfchat/update-last-message-id`;\n  private readonly _hasNewMessagesPath = `/api/sfchat/has-new-messages`;\n\n  constructor(endpoint: string, market: string, language: string) {\n    this._endpoint = this.formatEndpoint(endpoint);\n    this._market = market;\n    this._language = language;\n    this._currentUrl = window.location.href;\n  }\n\n  async startChat(chatId: string, itemId: string): Promise<string> {\n    let model: ChatStartParameters = \n    {\n      market: this._market,\n      language: this._language,\n      chatIdString: chatId,\n      itemId: itemId,\n      currentUrl: this._currentUrl\n    };\n\n    const fetchUrl = this._endpoint + this._startChatPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false\n    )) as string;\n\n    return this.handleResponse<string>(data, chatId);\n  }\n\n  async fetchMessages(chatId: string, prevMessageData: ChatMessages) : Promise<ChatMessages> {\n    if (!chatId) {\n      return prevMessageData;\n    }\n\n    let model: ChatParameters = {\n      market: this._market,\n      language: this._language,\n      chatIdString: chatId\n    };\n\n    const fetchUrl = this._endpoint + this._fetchChatMessagesPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    if (!data) {\n      return prevMessageData;\n    }\n    \n    return this.handleResponse<ChatMessages>(data, prevMessageData);\n  }\n\n  async sendMessage(content : string, itemId : string, chatId: string, lastMessageId: string, messageType: MessageType) : Promise<string> {\n    let newLatestMessageId;\n\n    switch (messageType) {\n      case 'Text':\n        newLatestMessageId = await this.sendTextMessage(content, itemId, chatId, lastMessageId);\n        break;\n      case 'Choice':\n        newLatestMessageId = await this.sendChoiceMessage(content, itemId, chatId, lastMessageId);\n        break;\n      default:\n        newLatestMessageId = await this.sendTextMessage(content, itemId, chatId, lastMessageId);\n    }\n\n    if (!newLatestMessageId) {\n      return lastMessageId;\n    }\n\n    if (newLatestMessageId.includes(\",\")) {\n      newLatestMessageId = newLatestMessageId.substring(newLatestMessageId.lastIndexOf(\",\") + 1);\n    }\n\n    return newLatestMessageId;\n  }\n\n  async updateLastMessageId(chatId: string, lastMessageId: string) {\n    let model: ChatLastMessageParameters = {\n      chatIdString: chatId,\n      latestMessageIdString: lastMessageId\n    };\n\n    const fetchUrl = this._endpoint + this._updateLastMessagePath;\n    await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    );\n  }\n\n  async hasNewMessages(itemId : string) : Promise<boolean> {\n    let model: ChatStartParameters = {\n      language: this._language,\n      market: this._market,\n      itemId: itemId,\n      chatIdString: \"\",\n      currentUrl: this._currentUrl\n    };\n\n    const fetchUrl = this._endpoint + this._hasNewMessagesPath;\n    let data = await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    ) as string;\n\n    if (!data) {\n      return false;\n    }\n\n    return JSON.parse(data) as boolean;\n  }\n\n  private async sendTextMessage(content : string, itemId : string, chatId: string, defaultReturn: string) : Promise<string> {\n    if (!chatId || !content) {\n      return defaultReturn;\n    }\n\n    let model: ChatMessageParameters = {\n      market: this._market,\n      language: this._language,\n      chatIdString: chatId,\n      content: content,\n      itemId: itemId,\n      currentUrl: this._currentUrl\n    };\n\n    const fetchUrl = this._endpoint + this._sendTextPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<string>(data, defaultReturn)?.id ?? defaultReturn;\n  }\n\n  private async sendChoiceMessage(content : string, itemId : string, chatId: string, defaultReturn: string) : Promise<string> {\n    if (!chatId || !content) {\n      return defaultReturn;\n    }\n\n    let model: ChatMessageParameters = \n    {\n      market: this._market,\n      language: this._language,\n      chatIdString: chatId,\n      content: content,\n      itemId: itemId,\n      currentUrl: this._currentUrl\n    };\n\n    const fetchUrl = this._endpoint + this._sendChoicePath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<string>(data, defaultReturn)?.id ?? defaultReturn;\n  }\n\n  private formatEndpoint(endpoint: string) : string {\n    return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n  }\n\n  private handleResponse<T>(data : any, defaultReturn : any, checkForArray: boolean = false) {\n    if (!data) {\n      return defaultReturn;\n    }\n\n    let parsedData = JSON.parse(data) as T;\n    if (!parsedData || checkForArray && !Array.isArray(parsedData)) {\n      return defaultReturn;\n    }\n\n    return parsedData;\n  }\n  \n  private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n    return {\n      mode: mode,\n      method: method,\n      headers: \n      {\n        'Content-Type': contentTypes,\n        'CustomValidateAntiForgeryToken': \"01001101010001010100111101010111\"\n      },\n      body: JSON.stringify(model)\n    };\n  }\n\n  GetLastMessageId(messages : ChatMessage[], lastMessageId : string) {\n    return messages?.at(-1)?.messageId ?? lastMessageId;\n  }\n}\n"],"version":3}

package/dist/cjs/pn-search.cjs.entry.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b02670c2.js');
-
-const pnSearchCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pn-search{background-color:transparent;display:flex;flex-direction:column;align-items:center}.pn-search .graphics-container{padding-bottom:1rem}.pn-search .graphics{border-radius:50%;height:clamp(12rem, 14vw, 16rem);width:clamp(12rem, 14vw, 16rem);aspect-ratio:1/1;object-fit:cover}.pn-search .illustration{--pn-width:12rem;--pn-height:12rem}.pn-search .search-container{margin:clamp(1rem, 3vh, 1.5rem) 0}.pn-search .search-container ::placeholder{color:#5e554a}.pn-search .main{text-align:center;width:100%}.pn-search .heading{color:#000000;font-size:clamp(2rem, 4vw, 3.2rem);line-height:1;margin:0}.pn-search .search-container{display:flex;width:100%}.pn-search .search-container .search-component input,.pn-search .search-container .search-component button{font-size:1.6rem}.pn-search .cta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:2rem;gap:1.2rem;width:100%}.pn-search .btn-mw[data-secondary]{color:#005d92;font-weight:500;text-decoration:underline}@media (min-width: 768px){.pn-search{flex-direction:row;align-items:flex-start}.pn-search .graphics-container{padding-right:clamp(2rem, 3vw, 4rem);padding-bottom:0}.pn-search .illustration{--pn-width:15rem;--pn-height:15rem}.pn-search .main{text-align:left}.pn-search pn-marketweb-search{width:40rem}.pn-search .cta{gap:1.6rem}.pn-search .btn-mw[data-primary]{width:auto;margin-bottom:0}.pn-search .btn-mw[data-secondary]{margin-top:0}}@media (min-width: 1200px){.pn-search{padding:2.4rem}.pn-search .search-container{max-width:400px}.pn-search .illustration{--pn-width:16rem;--pn-height:16rem}}@media (min-width: 1600px){.pn-search{max-width:1400px;margin:0 auto;padding:3.2rem}.pn-search .search-container{max-width:500px}}";
-const PnSearchStyle0 = pnSearchCss;
-
-const PNSearch = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.pnSearch = index.createEvent(this, "pnSearch", 7);
-        this.componentAriaLabel = undefined;
-        this.heading = undefined;
-        this.pnIllustrationSvg = undefined;
-        this.imageUrl = undefined;
-        this.imageAltText = undefined;
-        this.searchPlaceholder = undefined;
-        this.searchButtonText = undefined;
-        this.searchButtonLabel = undefined;
-        this.searchUrl = undefined;
-        this.primaryButtonText = undefined;
-        this.primaryButtonUrl = undefined;
-        this.primaryButtonIconSvg = undefined;
-        this.secondaryButtonText = undefined;
-        this.secondaryButtonUrl = undefined;
-        this.searchDescriptionAria = undefined;
-        this.ctaActionsLabel = undefined;
-        this.searchType = undefined;
-    }
-    get hostElement() { return index.getElement(this); }
-    pnSearch;
-    doSearch = (e) => {
-        if (!this.searchUrl) {
-            console.warn('Search URL is not defined');
-            return;
-        }
-        const searchDetail = {
-            query: e.detail,
-            timestamp: Date.now(),
-        };
-        this.pnSearch.emit(searchDetail);
-    };
-    render() {
-        const hasButtons = this.primaryButtonUrl || this.secondaryButtonUrl;
-        return (index.h(index.Host, { key: 'fd8fdc6f6bc5d4743ff328d914a6b2b55d840503' }, index.h("div", { key: 'fb4be66b1a38fde9e5b0b0e3fc4abbdf0f1b2f38', class: "pn-search", role: "search", "aria-label": this.componentAriaLabel }, index.h("div", { key: 'b07dbfb4dcdf54e88ac790d4da6aa97a00356d04', class: "graphics-container", "aria-hidden": !this.imageAltText }, !this.pnIllustrationSvg && this.imageUrl && index.h("img", { key: '50ad3338cf3912ff74a50a6b72102e6d5e61f4f6', class: "graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" }), this.pnIllustrationSvg && index.h("pn-illustration", { key: '3956261bb79fbac47239f2091e3d50344e94d555', class: "illustration", illustration: this.pnIllustrationSvg, role: "presentation" })), index.h("div", { key: '17c6d2c2d1cd812f583f072b17adc3747562ae85', class: "main" }, index.h("h2", { key: '9214e9895160ee1d316f1ee09f4ddacb7c81f452', class: "heading", id: "search-section-heading" }, this.heading), index.h("div", { key: '1db65a02236162c22210981d11d3567e6cc27f58', class: "search-container", "aria-labelledby": "search-section-heading" }, index.h("pn-marketweb-search", { key: 'a560d93bb4747643a5c81610c2e55d0af0825559', class: "search-component", label: this.searchButtonLabel, name: "search", inputid: "search-field", autocomplete: "off", placeholder: this.searchPlaceholder, button: this.searchButtonText, disabled: false, loading: false, light: false, list: null, onSearch: this.doSearch, "data-search-url": this.searchUrl, "aria-describedby": "search-description" }), this.searchDescriptionAria && (index.h("div", { key: '3d59bd65947e1ecbdcfb75667135dc40e2482955', id: "search-description", class: "sr-only" }, this.searchDescriptionAria))), hasButtons && (index.h("div", { key: '1d9a2bd31084ae806879e6bc9e820591e3bd4b29', class: "cta", role: "group", "aria-label": this.ctaActionsLabel }, this.primaryButtonUrl && (index.h("pn-button", { key: '5ddda20fd6846f75e301272e52fc3c200e2c71bb', appearance: "light", variant: "outlined", small: true, icon: this.primaryButtonIconSvg, "left-icon": Boolean(this.primaryButtonIconSvg), class: "btn-mw", href: this.primaryButtonUrl, "data-primary": true }, this.primaryButtonText)), this.secondaryButtonUrl && (index.h("a", { key: 'a82cf19405f6144f9b5fd789ffa1242128a4c8f1', href: this.secondaryButtonUrl, class: "btn-mw", "data-secondary": true, role: "button" }, this.secondaryButtonText))))))));
-    }
-};
-PNSearch.style = PnSearchStyle0;
-
-exports.pn_search = PNSearch;
-
-//# sourceMappingURL=pn-search.cjs.entry.js.map

package/dist/cjs/pn-search.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"pn-search.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/widgets/pn-search/pn-search.scss?tag=pn-search","src/components/widgets/pn-search/pn-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n.pn-search {\n  background-color: transparent;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .graphics-container {\n    padding-bottom: 1rem;\n  }\n\n  .graphics {\n    border-radius: 50%;\n    height: clamp(12rem, 14vw, 16rem);\n    width: clamp(12rem, 14vw, 16rem);\n    aspect-ratio: 1 / 1;\n    object-fit: cover;\n  }\n\n  .illustration {\n    --pn-width: #{$illustrationWidth};\n    --pn-height: #{$illustrationWidth};\n  }\n\n  .search-container {\n    margin: clamp(1rem, 3vh, 1.5rem) 0;\n\n    ::placeholder {\n      color: $gray700;\n    }\n  }\n\n  .main {\n    text-align: center;\n    width: 100%;\n  }\n\n  .heading {\n    color: $black;\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    line-height: 1;\n    margin: 0;\n  }\n\n  .search-container {\n    display: flex;\n    width: 100%;\n\n    .search-component {\n      input,\n      button {\n        font-size: 1.6rem;\n      }\n    }\n  }\n\n  .cta {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    margin-top: 2rem;\n    gap: 1.2rem;\n    width: 100%;\n  }\n\n  .btn-mw[data-secondary] {\n    color: $blue700;\n    font-weight: 500;\n    text-decoration: underline;\n  }\n}\n\n@media (min-width: 768px) {\n  .pn-search {\n    flex-direction: row;\n    align-items: flex-start;\n\n    .graphics-container {\n      padding-right: clamp(2rem, 3vw, 4rem);\n      padding-bottom: 0;\n    }\n\n    .illustration {\n      --pn-width: #{$illustrationWidthMd};\n      --pn-height: #{$illustrationWidthMd};\n    }\n\n    .main {\n      text-align: left;\n    }\n\n    pn-marketweb-search {\n      width: 40rem;\n    }\n\n    .cta {\n      gap: 1.6rem;\n    }\n\n    .btn-mw[data-primary] {\n      width: auto;\n      margin-bottom: 0;\n    }\n\n    .btn-mw[data-secondary] {\n      margin-top: 0;\n    }\n  }\n}\n\n@media (min-width: 992px) {\n}\n\n@media (min-width: 1200px) {\n  .pn-search {\n    padding: 2.4rem;\n\n    .search-container {\n      max-width: 400px;\n    }\n\n    .illustration {\n      --pn-width: #{$illustrationWidthLg};\n      --pn-height: #{$illustrationWidthLg};\n    }\n  }\n}\n\n@media (min-width: 1600px) {\n  .pn-search {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 3.2rem;\n\n    .search-container {\n      max-width: 500px;\n    }\n  }\n}\n","import { Component, Host, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\ninterface SearchEventDetail {\n  query: string;\n  timestamp: number;\n}\n\n@Component({\n  tag: 'pn-search',\n  styleUrl: 'pn-search.scss',\n})\nexport class PNSearch {\n  @Element() hostElement!: HTMLElement;\n\n  @Prop() componentAriaLabel!: string;\n  @Prop() heading!: string;\n  @Prop() pnIllustrationSvg?: string;\n  @Prop() imageUrl?: string;\n  @Prop() imageAltText?: string;\n  @Prop() searchPlaceholder?: string;\n  @Prop() searchButtonText?: string;\n  @Prop() searchButtonLabel?: string;\n  @Prop() searchUrl?: string;\n  @Prop() primaryButtonText?: string;\n  @Prop() primaryButtonUrl?: string;\n  @Prop() primaryButtonIconSvg?: string;\n  @Prop() secondaryButtonText?: string;\n  @Prop() secondaryButtonUrl?: string;\n  @Prop() searchDescriptionAria?: string;\n  @Prop() ctaActionsLabel?: string;\n  @Prop() searchType: 'shipments' | 'episearch';\n\n  @Event() pnSearch!: EventEmitter<SearchEventDetail>;\n\n  private doSearch = (e: CustomEvent): void => {\n    if (!this.searchUrl) {\n      console.warn('Search URL is not defined');\n      return;\n    }\n\n    const searchDetail: SearchEventDetail = {\n      query: e.detail,\n      timestamp: Date.now(),\n    };\n\n    this.pnSearch.emit(searchDetail);\n  };\n\n  render() {\n    const hasButtons = this.primaryButtonUrl || this.secondaryButtonUrl;\n\n    return (\n      <Host>\n        <div class=\"pn-search\" role=\"search\" aria-label={this.componentAriaLabel}>\n          <div class=\"graphics-container\" aria-hidden={!this.imageAltText}>\n            {!this.pnIllustrationSvg && this.imageUrl && <img class=\"graphics\" src={this.imageUrl} alt={this.imageAltText || ''} loading=\"lazy\" />}\n            {this.pnIllustrationSvg && <pn-illustration class=\"illustration\" illustration={this.pnIllustrationSvg} role=\"presentation\" />}\n          </div>\n\n          <div class=\"main\">\n            <h2 class=\"heading\" id=\"search-section-heading\">\n              {this.heading}\n            </h2>\n\n            <div class=\"search-container\" aria-labelledby=\"search-section-heading\">\n              <pn-marketweb-search\n                class=\"search-component\"\n                label={this.searchButtonLabel}\n                name=\"search\"\n                inputid=\"search-field\"\n                autocomplete=\"off\"\n                placeholder={this.searchPlaceholder}\n                button={this.searchButtonText}\n                disabled={false}\n                loading={false}\n                light={false}\n                list={null}\n                onSearch={this.doSearch}\n                data-search-url={this.searchUrl}\n                aria-describedby=\"search-description\"\n              />\n              {this.searchDescriptionAria && (\n                <div id=\"search-description\" class=\"sr-only\">\n                  {this.searchDescriptionAria}\n                </div>\n              )}\n            </div>\n\n            {hasButtons && (\n              <div class=\"cta\" role=\"group\" aria-label={this.ctaActionsLabel}>\n                {this.primaryButtonUrl && (\n                  <pn-button\n                    appearance=\"light\"\n                    variant=\"outlined\"\n                    small={true}\n                    icon={this.primaryButtonIconSvg}\n                    left-icon={Boolean(this.primaryButtonIconSvg)}\n                    class=\"btn-mw\"\n                    href={this.primaryButtonUrl}\n                    data-primary\n                  >\n                    {this.primaryButtonText}\n                  </pn-button>\n                )}\n                {this.secondaryButtonUrl && (\n                  <a href={this.secondaryButtonUrl} class=\"btn-mw\" data-secondary role=\"button\">\n                    {this.secondaryButtonText}\n                  </a>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}