@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/types/components/widgets/pn-chat/translations.d.ts

@@ -0,0 +1,77 @@
+export declare const translations: {
+    sv: {
+        relatedContentAriaLabel: string;
+        chatMinimizedAriaLabel: string;
+        chatOpenedAriaLabel: string;
+        minimizeChatAriaLabel: string;
+        closeChatAriaLabel: string;
+        openChatAriaLabel: string;
+        chatControlsAriaLabel: string;
+        chatMessagesAriaLabel: string;
+        sentMessageAriaLabel: string;
+        writeChatMessagePlaceholder: string;
+        waitingForAnswerLabel: string;
+        sendButtonText: string;
+        loadingText: string;
+    };
+    en: {
+        relatedContentAriaLabel: string;
+        chatMinimizedAriaLabel: string;
+        chatOpenedAriaLabel: string;
+        minimizeChatAriaLabel: string;
+        closeChatAriaLabel: string;
+        openChatAriaLabel: string;
+        chatControlsAriaLabel: string;
+        chatMessagesAriaLabel: string;
+        sentMessageAriaLabel: string;
+        writeChatMessagePlaceholder: string;
+        waitingForAnswerLabel: string;
+        sendButtonText: string;
+        loadingText: string;
+    };
+    da: {
+        relatedContentAriaLabel: string;
+        chatMinimizedAriaLabel: string;
+        chatOpenedAriaLabel: string;
+        minimizeChatAriaLabel: string;
+        closeChatAriaLabel: string;
+        openChatAriaLabel: string;
+        chatControlsAriaLabel: string;
+        chatMessagesAriaLabel: string;
+        sentMessageAriaLabel: string;
+        writeChatMessagePlaceholder: string;
+        waitingForAnswerLabel: string;
+        sendButtonText: string;
+        loadingText: string;
+    };
+    no: {
+        relatedContentAriaLabel: string;
+        chatMinimizedAriaLabel: string;
+        chatOpenedAriaLabel: string;
+        minimizeChatAriaLabel: string;
+        closeChatAriaLabel: string;
+        openChatAriaLabel: string;
+        chatControlsAriaLabel: string;
+        chatMessagesAriaLabel: string;
+        sentMessageAriaLabel: string;
+        writeChatMessagePlaceholder: string;
+        waitingForAnswerLabel: string;
+        sendButtonText: string;
+        loadingText: string;
+    };
+    fi: {
+        relatedContentAriaLabel: string;
+        chatMinimizedAriaLabel: string;
+        chatOpenedAriaLabel: string;
+        minimizeChatAriaLabel: string;
+        closeChatAriaLabel: string;
+        openChatAriaLabel: string;
+        chatControlsAriaLabel: string;
+        chatMessagesAriaLabel: string;
+        sentMessageAriaLabel: string;
+        writeChatMessagePlaceholder: string;
+        waitingForAnswerLabel: string;
+        sendButtonText: string;
+        loadingText: string;
+    };
+};

package/types/components/widgets/pn-chat/types.d.ts

@@ -0,0 +1,68 @@
+import { PnButton } from "../../../globals/types";
+export type MessageCategory = 'Bot' | 'Link' | 'Button' | 'Card' | 'User' | 'ButtonResponse' | 'Agent' | 'System';
+export interface BaseMessage {
+    customerSegment: CustomerSegment;
+    category: MessageCategory;
+    content: string;
+    messageId: string;
+}
+export interface BotMessage extends BaseMessage {
+    category: 'Bot';
+}
+export interface AgentMessage extends BaseMessage {
+    category: 'Agent';
+    agentName: string;
+}
+export interface SystemMessage extends BaseMessage {
+    category: 'System';
+}
+export interface ButtonMessage extends BaseMessage {
+    category: 'Button';
+    class?: string;
+    props?: string;
+}
+export interface ButtonResponseMessage extends BaseMessage {
+    category: 'ButtonResponse';
+    optionResponses: string[];
+}
+export interface LinkMessage extends BaseMessage {
+    category: 'Link';
+    href: string;
+}
+export interface CardMessage extends Omit<BaseMessage, 'content'> {
+    category: 'Card';
+    heading: string;
+    content: string;
+    buttons: PnButton[];
+}
+export interface UserMessage extends BaseMessage {
+    category: 'User';
+    class?: string;
+}
+export type ChatMessage = BotMessage | ButtonMessage | LinkMessage | CardMessage | UserMessage | ButtonResponseMessage | AgentMessage | SystemMessage;
+interface ChatMessagesHeader {
+    body?: string;
+    button?: PnButton;
+}
+export interface ChatMessages {
+    header: ChatMessagesHeader;
+    messages: ChatMessage[];
+}
+export type CustomerSegment = 'Private' | 'Business' | string;
+export type MessageType = 'Text' | 'Choice';
+export interface Translationsi18n {
+    relatedContentAriaLabel: string;
+    chatMinimizedAriaLabel: string;
+    chatOpenedAriaLabel: string;
+    minimizeChatAriaLabel: string;
+    closeChatAriaLabel: string;
+    openChatAriaLabel: string;
+    chatControlsAriaLabel: string;
+    chatMessagesAriaLabel: string;
+    sentMessageAriaLabel: string;
+    writeChatMessagePlaceholder: string;
+    waitingForAnswerLabel: string;
+    sendButtonText: string;
+    loadingText: string;
+}
+export {};

package/types/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.d.ts

@@ -0,0 +1,23 @@
+import { DeviceType } from '../types';
+export declare class PnLevelUpModal {
+    open: 'open' | 'close';
+    endpoint: string;
+    instructionPhoneLineOne: string;
+    instructionPhoneLineTwo: string;
+    instructionPhoneLineThree: string;
+    headingText: string;
+    outdatedQRMessage: string;
+    expiresInMessage: string;
+    system: DeviceType;
+    qrAriaLabel: string;
+    private openModalToggle;
+    private isLoading;
+    private _bankIDUrl;
+    private _levelupService;
+    private _levelUpModal;
+    componentWillLoad(): void;
+    private updateBankIDUrl;
+    updateOpen(): void;
+    private handleOpen;
+    render(): any;
+}

package/types/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta<HTMLPnLevelUpModalElement>;
+type Story = StoryObj<HTMLPnLevelUpModalElement>;
+export default meta;
+export declare const LevelUpModal: Story;

package/types/components/widgets/pn-level-up/pn-level-up.d.ts

@@ -0,0 +1,43 @@
+import { HeadingLevel } from "../../../components";
+import { DeviceType } from './types';
+export declare class PnLevelUp {
+    heading?: string;
+    headingLevel: HeadingLevel;
+    preamble?: string;
+    imageUrl?: string;
+    imageAltText?: string;
+    endpoint: string;
+    webModalContinueOtherDeviceLabel: string;
+    webModalContinueThisDeviceLabel: string;
+    mobileModalContinueThisDeviceLabel: string;
+    mobileModalContinueOtherDeviceLabel: string;
+    modalInstructionPhoneLineOne: string;
+    modalInstructionPhoneLineTwo: string;
+    modalInstructionPhoneLineThree: string;
+    modalHeadingText: string;
+    modalOutdatedQRMessage: string;
+    modalExpiresInMessage: string;
+    qrAriaLabel: string;
+    leveledupMessage: string;
+    isLeveledUp: boolean;
+    private isLoading;
+    private isRecentLeveledUp;
+    private errorMessage;
+    private readonly _android;
+    private readonly _ios;
+    private readonly _web;
+    private readonly levelupLocalStorageKey;
+    private _system;
+    private _levelupService;
+    private _storage;
+    componentWillLoad(): void;
+    getDeviceType(): DeviceType;
+    private openLocalApp;
+    private openModal;
+    private renderWebButtonOptions;
+    private renderMobileButtonOptions;
+    private presentResult;
+    private checkRecentLevelUp;
+    private get hasButtonTexts();
+    render(): any;
+}

package/types/components/widgets/pn-level-up/pn-level-up.models.d.ts

@@ -0,0 +1,22 @@
+export interface LevelUpAuthorizeParameters {
+    system: string;
+}
+export interface LevelUpAuthResponse {
+    id: string;
+    url: string;
+}
+export interface LevelUpTokenGrantParameters {
+    id: string;
+    loopSeconds: string;
+}
+export interface LevelUpTokenGrantResponse {
+    id: string;
+    status: string;
+    sbidStatus: string;
+    expiresAt: string;
+    code: number;
+    customMessage: string;
+    error: string;
+    error_description: string;
+    subcode: string;
+}

package/types/components/widgets/pn-level-up/pn-level-up.service.d.ts

@@ -0,0 +1,16 @@
+import { LevelUpAuthResponse, LevelUpTokenGrantResponse } from './pn-level-up.models';
+export declare class PnLevelUpService {
+    private readonly _endpoint;
+    private readonly _levelupAuthorizePath;
+    private readonly _levelupTokenGrantPath;
+    private readonly levelupLocalStorageKey;
+    private fetchHelper;
+    private _storage;
+    constructor(endpoint: string);
+    newLevelupUser(): void;
+    levelupAuthorize(system: string, defaultReturn: LevelUpAuthResponse): Promise<LevelUpAuthResponse>;
+    levelupTokenGrant(id: string, loopSeconds: string, defaultReturn: LevelUpTokenGrantResponse): Promise<LevelUpTokenGrantResponse>;
+    private formatEndpoint;
+    private handleResponse;
+    private getRequestInit;
+}

package/types/components/widgets/pn-level-up/pn-level-up.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta<HTMLPnLevelUpElement>;
+type Story = StoryObj<HTMLPnLevelUpElement>;
+export default meta;
+export declare const LevelUp: Story;
+export declare const LevelUpLocalhost: Story;
+export declare const AlreadyLeveledup: Story;

package/types/components/widgets/pn-level-up/types.d.ts

@@ -0,0 +1 @@
+export type DeviceType = 'ios' | 'android' | 'web';

package/types/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.d.ts

@@ -0,0 +1,48 @@
+export declare class PnMarketwebCarousel {
+    private static readonly DEFAULTS;
+    private hostElement;
+    previousButtonLabel: string;
+    nextButtonLabel: string;
+    ariaNavigationLabel: string;
+    source: string;
+    slidesToShow: number;
+    showCarouselButtons: boolean;
+    showFirstSlidePrevButton: boolean;
+    showLastSlideNextButton: boolean;
+    private slidesData;
+    private currentSlide;
+    private isDragging;
+    private slideWidth;
+    private slides;
+    private slidesContainer;
+    private totalSlides;
+    private prevButton;
+    private nextButton;
+    private dragStartX;
+    private listeners;
+    private memoizedSlideWidth;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    goToSlide(index: number): Promise<void>;
+    getCurrentSlide(): Promise<number>;
+    handleSourceChange(newValue: string): void;
+    private setInitialValues;
+    private setupCarousel;
+    private initializeElements;
+    private attachEventListeners;
+    private cleanup;
+    private handleResize;
+    private getSlideWidth;
+    private handleNextClick;
+    private handlePrevClick;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private calculateProportionalTranslation;
+    private moveSlides;
+    private updateNavButtons;
+    private nextSlide;
+    private prevSlide;
+    render(): any;
+}

package/types/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta<HTMLPnMarketwebCarouselElement>;
+type Story = StoryObj<HTMLPnMarketwebCarouselElement>;
+export default meta;
+export declare const MarketWebCarousel: Story;
+export declare const MarketWebCarouselExample: Story;
+export declare const MarketWebCarouselExample2: Story;

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

@@ -0,0 +1,55 @@
+import { HeadingLevel } from "../../../globals/types";
+import { HeaderConfig, TableRowData, TableRowi18n } from './types';
+export declare class PnMarketWebTable {
+    mainHeading?: string;
+    mainHeadingLevel: HeadingLevel;
+    preamble: string;
+    subHeadingLevel: HeadingLevel;
+    headers: string | HeaderConfig[];
+    rows: string | TableRowData[];
+    showHeadersInCells: boolean;
+    cellHeaderLevel: HeadingLevel;
+    tableRowCtaActionLabel: string;
+    imageColAriaHeader: string;
+    ctaColAriaHeader: string;
+    checkForNewShipments: boolean;
+    endpoint: string;
+    language: string;
+    market: string;
+    toggleDetailLabel: string;
+    checkForChat: boolean;
+    value: string;
+    shipmentType: string;
+    contentId: string;
+    takeAmountRow: number;
+    shipmentCount: number;
+    i18n: TableRowi18n;
+    private _headers;
+    private _rows;
+    private _allKeys;
+    private screenInfo?;
+    private screenWidth;
+    private cleanup?;
+    private _chatService;
+    private _chatSegment;
+    private _marketwebTableService;
+    componentWillLoad(): void;
+    setTranslations(): void;
+    onLanguageChange(): void;
+    componentDidLoad(): Promise<void>;
+    componentDidRender(): void;
+    private toggleButton;
+    private handleShowMore;
+    waitForComponent(selector: string, maxRetries?: number, delay?: number): Promise<HTMLElement | null>;
+    disconnectedCallback(): void;
+    private checkForNewMessages;
+    private setInitialValues;
+    private parseRows;
+    private parseHeaders;
+    private renderCellContent;
+    private renderCell;
+    private handleToggleClick;
+    private renderActionButtons;
+    private OpenChatEvent;
+    render(): any;
+}

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

@@ -0,0 +1,11 @@
+import { TableRowData } from './types';
+export declare class MarketwebTableService {
+    private readonly _endpoint;
+    private readonly _language;
+    private fetchHelper;
+    private readonly _getUserShipmentsPath;
+    constructor(endpoint: string, language: string);
+    getUserShipments(contentId: string, skip: number, take: number, isChatEnabled: boolean): Promise<TableRowData[]>;
+    private formatEndpoint;
+    private getRequestInit;
+}

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

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { PnButton } from "../../../globals/types";
+export interface IShipmentItem {
+    imageUrl?: string;
+    service?: string;
+    recipient?: string;
+    number?: string;
+    shipmentId?: string;
+    validUntil?: string;
+    actionButtons?: PnButton[];
+    link1?: string;
+    link1Text?: string;
+    link1IconSvg?: string;
+    link2?: string;
+    link2Text?: string;
+    link2IconSvg?: string;
+    extra?: string;
+    contentId?: string;
+    takeAmountRow?: number;
+    shipmentCount?: number;
+}
+declare const meta: Meta<HTMLPnMarketwebTableElement>;
+type Story = StoryObj<HTMLPnMarketwebTableElement>;
+export default meta;
+export declare const MarketwebTable: Story;
+export declare const MarketwebTableExample: Story;

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

@@ -0,0 +1,72 @@
+export declare const translations: {
+    sv: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+        showMoreLabel: string;
+    };
+    en: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+        showMoreLabel: string;
+    };
+    da: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+        showMoreLabel: string;
+    };
+    no: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+        showMoreLabel: string;
+    };
+    fi: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+        showMoreLabel: string;
+    };
+    de: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    zh: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    it: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    nl: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    tr: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    pt: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    pl: {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+    'pt-BR': {
+        newMessage: string;
+        toggleButtonOn: string;
+        toggleButtonOff: string;
+    };
+};

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

@@ -0,0 +1,38 @@
+import { PnButton } from "../../../globals/types";
+import { JSX } from 'react';
+export interface HeaderConfig {
+    key: string;
+    label: string;
+    render?: (row: TableRowData) => string | number | boolean | JSX.Element;
+}
+export interface TableRowData {
+    id: string;
+    imageUrl?: string;
+    actionButtons: PnButton[];
+    hasNewMessages: boolean;
+    [key: string]: any;
+}
+export interface TableLink {
+    url: string;
+    text: string;
+    iconSvg?: string;
+}
+export interface TableRowi18n {
+    newMessage: string;
+    toggleButtonOn: string;
+    toggleButtonOff: string;
+    showMoreLabel: string;
+}
+export interface ShipmentsBody {
+    skip: number;
+    take: number;
+    isChatEnabled: boolean;
+    language: string;
+    contentId: string;
+}
+export interface ShipmentsResponse {
+    shipments: string;
+    tableHeaders: string;
+    checkForChat: string;
+    count: number;
+}

package/types/components/widgets/pn-qr-code-generator/pn-qr-code-generator.d.ts

@@ -0,0 +1,23 @@
+export declare class QrCodeGenerator {
+    url: string;
+    countdownSeconds: number;
+    outdatedMessage: string;
+    expiresInMessage: string;
+    updateCodeEverySecond: boolean;
+    ariaLabel: string;
+    remainingSeconds: number;
+    isOutdated: boolean;
+    isFullscreen: boolean;
+    private canvasRef;
+    private timer;
+    private urlWithSegment;
+    private readonly gray900;
+    private readonly blackHex;
+    private readonly whiteHex;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    generateQRCode(urlSegment?: string): void;
+    startCountdown(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/types/components/widgets/pn-qr-code-generator/pn-qr-code-generator.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta<HTMLPnQrCodeGeneratorElement>;
+type Story = StoryObj<HTMLPnQrCodeGeneratorElement>;
+export default meta;
+export declare const QrCodeGenerator: Story;

package/types/components/widgets/pn-search/pn-search.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+interface SearchEventDetail {
+    query: string;
+    timestamp: number;
+}
+export declare class PNSearch {
+    hostElement: HTMLElement;
+    componentAriaLabel: string;
+    heading: string;
+    pnIllustrationSvg?: string;
+    imageUrl?: string;
+    imageAltText?: string;
+    searchPlaceholder?: string;
+    searchButtonText?: string;
+    searchButtonLabel?: string;
+    searchUrl?: string;
+    primaryButtonText?: string;
+    primaryButtonUrl?: string;
+    primaryButtonIconSvg?: string;
+    secondaryButtonText?: string;
+    secondaryButtonUrl?: string;
+    searchDescriptionAria?: string;
+    ctaActionsLabel?: string;
+    searchType: 'shipments' | 'episearch';
+    pnSearch: EventEmitter<SearchEventDetail>;
+    private doSearch;
+    render(): any;
+}
+export {};

package/types/components/widgets/pn-search/pn-search.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta<HTMLPnSearchElement>;
+type Story = StoryObj<HTMLPnSearchElement>;
+export default meta;
+export declare const Search: Story;
+export declare const SearchWithImageUrl: Story;
+export declare const SearchWithIllustration: Story;

package/types/components/widgets/pn-usp-simple/pn-usp-simple.d.ts

@@ -0,0 +1,19 @@
+import { HeadingLevel } from "../../../components";
+export declare class PnUspSimple {
+    heading?: string;
+    headingLevel: HeadingLevel;
+    preamble?: string;
+    ctaButtonsLabel?: string;
+    primaryButtonText?: string;
+    primaryButtonUrl?: string;
+    primaryButtonIconSvg?: string;
+    secondaryButtonText?: string;
+    secondaryButtonUrl?: string;
+    pnIllustrationSvg?: string;
+    imageUrl?: string;
+    imageAltText?: string;
+    private get hasPrimaryButton();
+    private get hasSecondaryButton();
+    private renderButton;
+    render(): any;
+}

package/types/components/widgets/pn-usp-simple/pn-usp-simple.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta<HTMLPnUspSimpleElement>;
+type Story = StoryObj<HTMLPnUspSimpleElement>;
+export default meta;
+export declare const UspSimple: Story;
+export declare const UspSimpleIllustration: Story;
+export declare const UspSimpleImage: Story;