@postnord/pn-marketweb-components 4.0.0 → 4.0.2

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

@@ -0,0 +1,474 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b02670c2.js');
+const arrow_right = require('./arrow_right-66958158.js');
+const close = require('./close-9e014a80.js');
+const minus = require('./minus-5b6b8813.js');
+const LocalStorageService = require('./LocalStorageService-e1ee3fac.js');
+const pnChat_service = require('./pn-chat.service-5a8d89b9.js');
+require('./FetchHelper-2d4c697c.js');
+
+const icon$1 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M21 11.998a1 1 0 0 1-.577.908l-15 7a1 1 0 0 1-1.237-1.487l4.585-6.42-1.46-2.043A1 1 0 1 1 8.94 8.794l1.875 2.625a1 1 0 0 1 0 1.162l-2.788 3.903 9.599-4.48L6.58 6.909a1 1 0 1 1 .838-1.816l13 6a1 1 0 0 1 .581.906M5 4a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';
+const submit = icon$1;
+
+const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.388 2c5.522 0 10 4.477 10 10s-4.478 10-10 10H2l1.355-4.064-.798-3.987a8.8 8.8 0 0 1-.17-1.717V12c0-5.523 4.478-10 10-10m8 10a8 8 0 0 0-16 0v.232q0 .67.13 1.325l.902 4.507L4.775 20h7.612a8 8 0 0 0 8-8m-12.5-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m6 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m3-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" clip-rule="evenodd"/></svg>';
+const talk_bubble = icon;
+
+const translations = {
+    'sv': {
+        relatedContentAriaLabel: 'Relaterat innehåll',
+        chatMinimizedAriaLabel: 'Chatten är minimerad',
+        chatOpenedAriaLabel: 'Chatten är öppen',
+        minimizeChatAriaLabel: 'Minimera chatten',
+        closeChatAriaLabel: 'Stäng chatten',
+        openChatAriaLabel: 'Öppna chatten',
+        chatControlsAriaLabel: 'Chattkontroller',
+        chatMessagesAriaLabel: 'Chattmeddelanden',
+        sentMessageAriaLabel: 'Meddelande skickat',
+        writeChatMessagePlaceholder: 'Skriv ett meddelande...',
+        waitingForAnswerLabel: 'Väntar på svar',
+        sendButtonText: 'Skicka',
+        loadingText: 'Laddar...',
+    },
+    'en': {
+        relatedContentAriaLabel: 'Related content',
+        chatMinimizedAriaLabel: 'Chat is minimized',
+        chatOpenedAriaLabel: 'Chat is open',
+        minimizeChatAriaLabel: 'Minimize chat',
+        closeChatAriaLabel: 'Close chat',
+        openChatAriaLabel: 'Open chat',
+        chatControlsAriaLabel: 'Chat controls',
+        chatMessagesAriaLabel: 'Chat messages',
+        sentMessageAriaLabel: 'Message sent',
+        writeChatMessagePlaceholder: 'Type a message...',
+        waitingForAnswerLabel: 'Waiting for answer',
+        sendButtonText: 'Send',
+        loadingText: 'Loading...',
+    },
+    'da': {
+        relatedContentAriaLabel: 'Relateret indhold',
+        chatMinimizedAriaLabel: 'Chatten er minimeret',
+        chatOpenedAriaLabel: 'Chatten er åben',
+        minimizeChatAriaLabel: 'Minimer chatten',
+        closeChatAriaLabel: 'Luk chatten',
+        openChatAriaLabel: 'Åbn chatten',
+        chatControlsAriaLabel: 'Chatkontroller',
+        chatMessagesAriaLabel: 'Chatbeskeder',
+        sentMessageAriaLabel: 'Besked sendt',
+        writeChatMessagePlaceholder: 'Skriv en besked...',
+        waitingForAnswerLabel: 'Venter på svar',
+        sendButtonText: 'Send',
+        loadingText: 'Indlæser...',
+    },
+    'no': {
+        relatedContentAriaLabel: 'Relatert innhold',
+        chatMinimizedAriaLabel: 'Chatten er minimert',
+        chatOpenedAriaLabel: 'Chatten er åpen',
+        minimizeChatAriaLabel: 'Minimer chatten',
+        closeChatAriaLabel: 'Lukk chatten',
+        openChatAriaLabel: 'Åpne chatten',
+        chatControlsAriaLabel: 'Chatkontroller',
+        chatMessagesAriaLabel: 'Chatmeldinger',
+        sentMessageAriaLabel: 'Melding sendt',
+        writeChatMessagePlaceholder: 'Skriv en melding...',
+        waitingForAnswerLabel: 'Venter på svar',
+        sendButtonText: 'Send',
+        loadingText: 'Laster...',
+    },
+    'fi': {
+        relatedContentAriaLabel: 'Aiheeseen liittyvä sisältö',
+        chatMinimizedAriaLabel: 'Keskustelu on pienennetty',
+        chatOpenedAriaLabel: 'Keskustelu on auki',
+        minimizeChatAriaLabel: 'Pienennä keskustelu',
+        closeChatAriaLabel: 'Sulje keskustelu',
+        openChatAriaLabel: 'Avaa keskustelu',
+        chatControlsAriaLabel: 'Keskustelun hallinta',
+        chatMessagesAriaLabel: 'Keskusteluviestit',
+        sentMessageAriaLabel: 'Viesti lähetetty',
+        writeChatMessagePlaceholder: 'Kirjoita viesti...',
+        waitingForAnswerLabel: 'Odotetaan vastausta',
+        sendButtonText: 'Lähetä',
+        loadingText: 'Ladataan...',
+    },
+};
+
+const pnChatCss = "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-chat{display:flex;flex-direction:column;height:600px;width:100%;max-width:400px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);border-radius:1.6rem}@media (max-width: 768px){.pn-chat:not(.minimized){position:absolute;height:100dvh;width:100dvw;max-width:100%;top:0;left:0}.pn-chat.minimized{height:70px;border-radius:0.8rem 0.8rem 0 0}}@media (min-width: 768px) and (max-width: 1024px){.pn-chat{max-width:350px}}.pn-chat .chat-header{background-color:#005d92;color:#ffffff;padding:0.8rem;padding-left:1.6rem;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.pn-chat .chat-header{border-radius:1.6rem 1.6rem 0 0}}.pn-chat .chat-header .chat-controls{display:flex}.pn-chat .chat-header pn-button.minimize-btn button.pn-button{padding-bottom:0}.pn-chat .chat-header pn-button.minimize-btn button.pn-button .pn-button-content{align-items:flex-end}.pn-chat .chat-header #chat-title{margin:0;font-size:2rem;font-weight:400;line-height:1.4}.pn-chat .chat-main{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;gap:1.6rem;padding:1.6rem;padding-bottom:3.2rem;border-left:1px solid #d3cecb;border-right:1px solid #d3cecb;background-color:#ffffff}.pn-chat .chat-main.loading-chat-main{display:flex;justify-content:center;align-items:center;padding-bottom:1.6rem}.pn-chat .chat-loading-spinner{background-color:#005d92;width:4.8rem;height:4.8rem;border-radius:4.8rem;display:flex;align-items:center;justify-content:center}.pn-chat .chat-loading-content{color:#2d2013;font-size:1.6rem;font-weight:400}.pn-chat .chat-overview{text-align:center}.pn-chat .chat-messages{display:flex;flex-direction:column;gap:1.6rem;text-align:center}.pn-chat .card-container .slider-wrapper{margin:0}.pn-chat .card-container .slides-container{display:flex;gap:1rem}.pn-chat .card-container .slide:nth-child(even) [data-card]{width:calc(100% - 1rem)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.95)}}.pn-chat .chat-footer{background:#ffffff;border:1px solid #d3cecb;border-top:none}.pn-chat .chat-footer .form{display:flex;gap:0.7rem;padding:1rem}.pn-chat .chat-input-container{display:flex;flex-grow:1;justify-content:space-between;gap:0.7rem;background:#f9f8f8;border-radius:6.4rem}.pn-chat .chat-input-container .chat-text-input{text-indent:0.8rem;border:none;background:transparent;width:100%;outline:0.2rem solid transparent;outline-offset:0.2rem}.pn-chat .chat-input-container .chat-text-input:focus{border-radius:6.4rem}.pn-chat .chat-input-container .chat-text-input:focus-visible{outline-color:#005d92}.pn-chat .chat-input-container .chat-disabled-button{display:flex;width:3.5em;min-height:3em;min-width:0;align-items:center;justify-content:center}.pn-chat.minimized{background:transparent;border:initial;box-shadow:initial;max-width:50px;max-height:50px;min-width:initial;min-height:initial;transform:scale(0.95);cursor:pointer}.pn-chat.minimized .minimize-btn,.pn-chat.minimized .close-btn{position:absolute;top:0;right:0;bottom:0;left:0}.pn-chat.minimized .minimize-btn button,.pn-chat.minimized .close-btn button{display:none}.pn-chat.minimized .chat-main,.pn-chat.minimized .chat-footer{display:none}.pn-chat.closed{display:none}.pn-chat .open-chat-btn .pn-button{width:5.6rem;height:5.6rem}.pn-chat .open-chat-btn .pn-icon svg{width:3.2rem;height:3.2rem}.pn-chat .indicator-icon{padding:0.2rem 0.8rem;margin-right:auto;margin-top:1rem;margin-bottom:2rem;visibility:hidden}@media (max-width: 768px){body.chat-open{overflow:hidden}}";
+const PnChatStyle0 = pnChatCss;
+
+const PnChat = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.endpoint = undefined;
+        this.customerSegment = undefined;
+        this.mainHeading = '';
+        this.relatedContentAriaLabel = undefined;
+        this.chatMinimizedAriaLabel = undefined;
+        this.chatOpenedAriaLabel = undefined;
+        this.minimizeChatAriaLabel = undefined;
+        this.closeChatAriaLabel = undefined;
+        this.openChatAriaLabel = undefined;
+        this.chatControlsAriaLabel = undefined;
+        this.chatMessagesAriaLabel = undefined;
+        this.sentMessageAriaLabel = undefined;
+        this.writeChatMessagePlaceholder = undefined;
+        this.waitingForAnswerLabel = undefined;
+        this.sendButtonText = undefined;
+        this.loadingText = undefined;
+        this.carouselSlidesToShow = 1;
+        this.messages = undefined;
+        this.language = 'sv';
+        this.market = 'se';
+        this.itemId = '';
+        this.pnChatId = '00000000-0000-0000-0000-000000000000';
+        this.forceOpen = false;
+        this.isLoggedIn = false;
+        this.message = '';
+        this.messagesData = undefined;
+        this.isMinimized = true;
+        this.isClosed = false;
+        this.lastMessageId = '';
+        this.i18n = undefined;
+    }
+    chatId;
+    _defaultChatId = '00000000-0000-0000-0000-000000000000';
+    _defaultAlternativeChatId = '1';
+    chatLocalStorageKey = 'sf-chat-state';
+    chatMessagesContainer;
+    chatRef;
+    inputRef;
+    storage = new LocalStorageService.LocalStorageService();
+    _chatService;
+    _chatSegment = "#chat";
+    _forceClose = false;
+    componentWillLoad() {
+        this._forceClose = false;
+        this._chatService = new pnChat_service.PnChatService(this.endpoint, this.market, this.language);
+        this.messagesData = {
+            header: {},
+            messages: [],
+        };
+        let storageId = this.storage.get(this.chatLocalStorageKey);
+        if (storageId && storageId.isLoggedIn === !this.isLoggedIn) {
+            this.storage.remove(this.chatLocalStorageKey);
+        }
+        else if (storageId && storageId.chatId) {
+            this.chatId = storageId?.chatId ?? this.chatId;
+        }
+        this.setTranslations();
+        setInterval(() => {
+            this.updateChat();
+        }, 1500);
+    }
+    setTranslations() {
+        if (this.language && translations[this.language]) {
+            this.i18n = translations[this.language];
+        }
+    }
+    getTranslation(key) {
+        const value = this[key];
+        if (value === undefined || value === null || value === '') {
+            return translations[this.language]?.[key] ?? translations['en'][key];
+        }
+        return value;
+    }
+    async updateChat() {
+        if (this.isMinimized || this.isClosed) {
+            return;
+        }
+        let prevLastMessageId = this.lastMessageId;
+        await this._chatService.fetchMessages(this.chatId, this.messagesData).then(newMessages => {
+            this.lastMessageId = this._chatService.GetLastMessageId(newMessages?.messages, this.lastMessageId);
+            let htmlCollection = document.getElementsByClassName('pn-chat-before');
+            let elements = Array.from(htmlCollection);
+            newMessages.messages.forEach(message => {
+                elements.forEach(element => {
+                    if (message.content != null && (element.textContent.trim() === message.content.trim() || element.textContent.trim().includes(message.content.trim()))) {
+                        element.remove();
+                    }
+                });
+                this.renderMessage(message);
+            });
+            if (prevLastMessageId !== this.lastMessageId) {
+                this._chatService.updateLastMessageId(this.chatId, this.lastMessageId);
+                this.messagesData = newMessages;
+                newMessages.messages.forEach(message => {
+                    this.renderMessage(message);
+                });
+            }
+        });
+    }
+    async setStartValues() {
+        if (this._forceClose) {
+            this._forceClose = false;
+            return;
+        }
+        if ((!this.chatId || this.chatId === this._defaultChatId || this.chatId === this._defaultAlternativeChatId) && !this.isMinimized) {
+            this.chatId = await this._chatService.startChat(this.pnChatId, this.itemId);
+            this.storage.set(this.chatLocalStorageKey, { chatId: this.chatId, isLoggedIn: this.isLoggedIn });
+        }
+        if (this.chatId) {
+            this.storage.set(this.chatLocalStorageKey, { chatId: this.chatId, isLoggedIn: this.isLoggedIn });
+            await this.fetchMessages();
+            this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);
+        }
+    }
+    async fetchMessages() {
+        await this._chatService.fetchMessages(this.chatId, this.messagesData).then(newMessages => {
+            this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);
+            this.messagesData = newMessages;
+            let htmlCollection = document.getElementsByClassName('pn-chat-before');
+            let elements = Array.from(htmlCollection);
+            newMessages.messages.forEach(message => {
+                elements.forEach(element => {
+                    if (element.textContent.trim() === message.content.trim() || element.textContent.trim().includes(message.content.trim())) {
+                        element.remove();
+                    }
+                });
+                this.renderMessage(message);
+            });
+            return newMessages;
+        });
+    }
+    async handleSend() {
+        if (!this.message?.trim()) {
+            return;
+        }
+        let message = this.message;
+        this.message = '';
+        this.createBeforeElement(message);
+        let responseId = await this._chatService.sendMessage(message, this.itemId, this.chatId, this.lastMessageId, 'Text');
+        this.lastMessageId = responseId;
+        this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);
+        this.announceToScreenReader(this.getTranslation('sentMessageAriaLabel'));
+    }
+    ;
+    groupMessages() {
+        const result = [];
+        let currentCardGroup = [];
+        const flushCardGroup = () => {
+            if (currentCardGroup.length > 0) {
+                const carouselData = {
+                    slides: currentCardGroup.map(card => {
+                        const cardHtml = `
+              <pn-chat-message customerSegment=${this.customerSegment} data-card role="article" category=${card.category}>
+                <h2 class="card-heading">${card.heading}</h2>
+                <p>${card.content}</p>
+                ${card.buttons
+                            ?.map(button => `
+                  <pn-button
+                    href="${button.href}"
+                    class="${button.class}"
+                    appearance="${button.appearance}"
+                    variant="${button.variant}"
+                    small="${button.small}"
+                    role="button"
+                  >
+                    ${button.content}
+                  </pn-button>
+                `)
+                            .join('') || ''}
+              </pn-chat-message>
+            `;
+                        return cardHtml;
+                    }),
+                };
+                result.push(index.h("pn-marketweb-carousel", { class: "card-container", nextButtonLabel: "Next", previousButtonLabel: "Previous", ariaNavigationLabel: this.getTranslation('relatedContentAriaLabel'), slidesToShow: this.carouselSlidesToShow, source: JSON.stringify(carouselData) }));
+                currentCardGroup = [];
+            }
+        };
+        this.messagesData.messages.forEach((message, index) => {
+            if (message.category === 'Card') {
+                currentCardGroup.push(message);
+                if (index === this.messagesData.messages.length - 1 || this.messagesData.messages[index + 1]?.category !== 'Card') {
+                    flushCardGroup();
+                }
+            }
+            else {
+                flushCardGroup();
+                result.push(this.renderMessage(message));
+            }
+        });
+        return result;
+    }
+    handleKeyPress = (event) => {
+        if (event.key === 'Enter' && this.message.trim()) {
+            event.preventDefault();
+            this.handleSend();
+        }
+    };
+    handleSendMessage = (event) => {
+        if (this.message.trim()) {
+            event.preventDefault();
+            this.handleSend();
+        }
+    };
+    handleButtonKeyDown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            event.target.click();
+        }
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Escape' && this.isMinimized && !this.isClosed) {
+            this.toggleChat();
+        }
+    }
+    handleMessagesChange(newMessage) {
+        if (newMessage) {
+            this.handleSend();
+        }
+    }
+    handleNewChatId() {
+        this.chatId = this.pnChatId === this._defaultAlternativeChatId ? this._defaultChatId : this.pnChatId;
+        this.messagesData.messages = [];
+        this.isMinimized = false;
+        this.setStartValues();
+    }
+    handleSameChatId() {
+        this.isMinimized = false;
+    }
+    scrollToBottom() {
+        const observer = new MutationObserver((_, obs) => {
+            const chatMain = document.getElementById('chat-main');
+            if (chatMain) {
+                setTimeout(() => {
+                    chatMain.scrollTo({
+                        top: chatMain.scrollHeight,
+                        behavior: 'smooth'
+                    });
+                }, 500);
+                obs.disconnect();
+            }
+        });
+        observer.observe(document.body, { childList: true, subtree: true, });
+    }
+    closeChat = () => {
+        this._forceClose = true;
+        this.storage.remove(this.chatLocalStorageKey);
+        this.chatId = null;
+        this.pnChatId = this._defaultChatId;
+        let chatElement = document.getElementsByTagName('pn-chat')[0];
+        chatElement.setAttribute('item-id', '');
+        let hasActiveShipmentInUrl = window.location.href.includes(this._chatSegment);
+        if (hasActiveShipmentInUrl) {
+            this.isMinimized = !this.isMinimized;
+            this.announceToScreenReader(this.isMinimized ? this.getTranslation('chatMinimizedAriaLabel') : this.getTranslation('chatOpenedAriaLabel'));
+            document.body.classList.toggle('chat-open');
+            window.location.href = window.location.href.split(this._chatSegment)[0];
+        }
+        else {
+            this._forceClose = false;
+            this.toggleChat();
+        }
+    };
+    toggleChat = () => {
+        this.isMinimized = !this.isMinimized;
+        this.announceToScreenReader(this.isMinimized ? this.getTranslation('chatMinimizedAriaLabel') : this.getTranslation('chatOpenedAriaLabel'));
+        document.body.classList.toggle('chat-open');
+        if (!this.isMinimized && !this.chatId) {
+            this.setStartValues();
+        }
+    };
+    announceToScreenReader(message) {
+        const announcement = document.createElement('div');
+        announcement.setAttribute('role', 'status');
+        announcement.setAttribute('aria-live', 'polite');
+        announcement.classList.add('sr-only');
+        announcement.textContent = message;
+        document.body.appendChild(announcement);
+        setTimeout(() => announcement.remove(), 1000);
+    }
+    renderMessage(message) {
+        switch (message.category) {
+            case 'Bot':
+                return this.renderBaseMessage(message);
+            case 'Button':
+                return this.renderButtonMessage(message);
+            case 'ButtonResponse':
+                return this.renderBaseMessage(message);
+            case 'Link':
+                return this.renderLinkMessage(message);
+            case 'Card':
+                return this.renderCardMessage(message);
+            case 'User':
+                return this.renderBaseMessage(message);
+            case 'Agent':
+                return this.renderAgentMessage(message);
+            case 'System':
+                return this.renderBaseMessage(message);
+        }
+    }
+    renderBaseMessage(message) {
+        return (index.h("pn-chat-message", { customerSegment: this.customerSegment, category: message.category, agentName: '', role: "log", "aria-live": "polite" }, message.content));
+    }
+    renderAgentMessage(message) {
+        return (index.h("pn-chat-message", { customerSegment: this.customerSegment, category: message.category, agentName: message.agentName, role: "log", "aria-live": "polite" }, message.content));
+    }
+    renderButtonMessage(message) {
+        let props = {};
+        if (message?.props) {
+            try {
+                props = JSON.parse(message.props);
+            }
+            catch (error) {
+                console.error('Error parsing button props', error instanceof Error ? error.message : 'Unknown error');
+            }
+        }
+        const handleClick = () => {
+            if (props['data-action'] === 'minimize') {
+                this.toggleChat();
+            }
+            if (props['dataAction'] === 'choice' && props['dataOptionChoice']) {
+                (async () => {
+                    await this.handleSendChoice(props['dataOptionChoice'], message.content);
+                })();
+            }
+        };
+        return (index.h("pn-chat-message", { customerSegment: this.customerSegment, category: message.category }, index.h("pn-button", { class: message.class, role: "button", ...props, onClick: handleClick, onKeyDown: e => this.handleButtonKeyDown(e) }, message.content)));
+    }
+    createBeforeElement(content) {
+        const targetElement = this.chatMessagesContainer;
+        const chatMessage = document.createElement('pn-chat-message');
+        chatMessage.setAttribute('customerSegment', this.customerSegment);
+        chatMessage.setAttribute('category', 'User');
+        chatMessage.classList.add('pn-chat-before');
+        chatMessage.textContent = content;
+        targetElement.appendChild(chatMessage);
+        this.scrollToBottom();
+        chatMessage.scrollIntoView();
+    }
+    async handleSendChoice(choiceId, content) {
+        this.createBeforeElement(content);
+        let responseId = await this._chatService.sendMessage(choiceId, this.itemId, this.chatId, this.lastMessageId, 'Choice');
+        this.lastMessageId = responseId;
+        this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);
+        this.announceToScreenReader(this.getTranslation('sentMessageAriaLabel'));
+    }
+    renderLinkMessage(message) {
+        return (index.h("pn-chat-message", { customerSegment: this.customerSegment, category: message.category }, index.h("a", { href: message.href, role: "link", rel: "noopener noreferrer" }, index.h("span", { class: "content" }, message.content), index.h("pn-icon", { icon: arrow_right.arrow_right, color: "blue700", "aria-hidden": "true", role: "presentation" }))));
+    }
+    renderCardMessage(message) {
+        return (index.h("pn-chat-message", { customerSegment: this.customerSegment, category: message.category, "data-card": true, role: "article" }, index.h("h2", { class: "card-heading" }, message.heading), index.h("p", null, message.content), message.buttons && (index.h("div", { class: "cta" }, message.buttons?.map(button => (index.h("pn-button", { href: button.href, class: button.class, appearance: button.appearance, variant: button.variant, small: button.small, role: "button", onKeyDown: e => this.handleButtonKeyDown(e) }, button.content)))))));
+    }
+    render() {
+        const mainId = 'chat-main';
+        const inputId = 'chat-input';
+        const headerButton = this.messagesData?.header.button;
+        return (index.h(index.Host, { key: '0cf24e9474bc0e7e39ec51b8e9bf7646f4ac21d8', class: this.customerSegment }, !this.isClosed && this.messagesData && (index.h("div", { key: 'f275614056e1f2df7972377ae3041ab690eae830', class: `pn-chat ${this.isMinimized ? 'minimized' : ''} ${this.isClosed ? 'closed' : ''}`, ref: el => (this.chatRef = el), role: "region", "aria-label": this.mainHeading }, !this.isMinimized && (index.h(index.Fragment, { key: '8bc0f594242ab297bc95e091a95bd382c1ce0b31' }, index.h("header", { key: '7a20b62deac0cb3fa34bf3abf7dba3f8eccb94e7', class: "chat-header", role: "banner" }, index.h("h1", { key: '0dbe95cfd3ca8856fc95bfd3e0a6e970b87ec6df', id: "chat-title" }, this.mainHeading), index.h("div", { key: '3c7ecf77edb890a351882a22a0910cdc8e2abc7b', class: "chat-controls", role: "toolbar", "aria-label": this.getTranslation('chatControlsAriaLabel') }, index.h("pn-button", { key: '564dd6d3c7234356f3805b4e0808411d97e41292', icon: minus.minus, "icon-only": "true", class: "minimize-btn", onClick: this.toggleChat, "aria-expanded": !this.isMinimized, "aria-controls": mainId, "aria-label": this.getTranslation('minimizeChatAriaLabel'), variant: "borderless", tooltip: this.getTranslation('minimizeChatAriaLabel') }), index.h("pn-button", { key: '5d2873c2409d3caa7887bf9b99de5f64b5c8af22', icon: close.close, "icon-only": "true", class: "close-btn", onClick: this.closeChat, "aria-expanded": !this.isMinimized, "aria-label": this.getTranslation('closeChatAriaLabel'), variant: "borderless", tooltip: this.getTranslation('closeChatAriaLabel') }))), (this.messagesData?.messages?.length ?? 0) > 0 ?
+            (index.h("main", { id: mainId, class: "chat-main", role: "main", "aria-labelledby": "chat-title" }, this.messagesData.header && (index.h("div", { class: "chat-overview" }, index.h("div", { class: "body" }, this.messagesData.header.body), headerButton && (index.h("pn-button", { href: headerButton.href, class: headerButton.class, appearance: headerButton.appearance, variant: headerButton.variant, small: headerButton.small, role: "button", onKeyDown: e => this.handleButtonKeyDown(e) }, headerButton.content)))), index.h("div", { ref: el => (this.chatMessagesContainer = el), class: "chat-messages", role: "log", "aria-live": "polite", "aria-label": this.getTranslation('chatMessagesAriaLabel') }, this.groupMessages()), index.h("pn-icon", { class: "indicator-icon", "aria-label": this.getTranslation('waitingForAnswerLabel'), role: "presentation" })))
+            : (index.h("main", { id: mainId, class: "chat-main loading-chat-main", role: "main", "aria-labelledby": "chat-title" }, index.h("div", { class: "chat-loading-spinner" }, index.h("pn-spinner", { light: "true", size: "1.5" })), index.h("span", { class: "chat-loading-content" }, this.getTranslation('loadingText')))), index.h("footer", { key: '6d8a4b4e0ce587c39f307f5ad37dd7498eaaaa4a', class: "chat-footer", role: "contentinfo" }, index.h("div", { key: 'b2879f8c86f2d01cd9563d21d9303b2e4d649503', class: "form", role: "form", "aria-labelledby": inputId }, index.h("label", { key: '9af815bef9cf42c18379839844bcf0101bd3921e', htmlFor: inputId, class: "sr-only" }, this.getTranslation('writeChatMessagePlaceholder')), index.h("div", { key: '97007d97f8fe0a7c5f8b8e9c25bbe20918679484', class: "chat-input-container" }, index.h("input", { key: '6e156d7ad63763316d2be89b925099fa03984232', id: inputId, class: "chat-text-input", ref: el => (this.inputRef = el), type: "text", placeholder: this.getTranslation('writeChatMessagePlaceholder'), value: this.message, onInput: (e) => (this.message = e.target.value), onKeyPress: this.handleKeyPress, maxLength: 3990 }), !this.message.trim() ? (index.h("div", { class: "chat-disabled-button", role: "button", "aria-label": this.getTranslation('sendButtonText'), "aria-disabled": "true", tabIndex: -1 }, index.h("pn-icon", { color: "gray400", icon: submit }))) : (index.h("pn-button", { "icon-only": "true", variant: "borderless", appearance: "light", icon: submit, onClick: this.handleSendMessage, disabled: !this.message.trim(), "aria-label": this.getTranslation('sendButtonText'), tooltip: this.getTranslation('sendButtonText') }))))))), this.isMinimized && (index.h("pn-button", { key: '98f1a01a3774b504c91e72279133f46d327c723f', icon: talk_bubble, "icon-only": "true", class: "open-chat-btn", onClick: this.toggleChat, tooltip: this.getTranslation('openChatAriaLabel'), "aria-label": this.getTranslation('openChatAriaLabel'), "aria-expanded": !this.isMinimized }))))));
+    }
+    static get watchers() { return {
+        "messages": ["handleMessagesChange"],
+        "pnChatId": ["handleNewChatId"],
+        "forceOpen": ["handleSameChatId"],
+        "isMinimized": ["scrollToBottom"]
+    }; }
+};
+PnChat.style = PnChatStyle0;
+
+exports.pn_chat = PnChat;
+
+//# sourceMappingURL=pn-chat.cjs.entry.js.map

package/dist/cjs/pn-chat.service-5a8d89b9.js

@@ -0,0 +1,155 @@
+'use strict';
+
+const FetchHelper = require('./FetchHelper-2d4c697c.js');
+
+class PnChatService {
+    _endpoint;
+    _market;
+    _language;
+    _currentUrl;
+    fetchHelper = new FetchHelper.FetchHelper('PnChatService');
+    _startChatPath = `/api/sfchat/start-chat`;
+    _fetchChatMessagesPath = `/api/sfchat/get-conversation-entries`;
+    _sendTextPath = `/api/sfchat/send-text-message`;
+    _sendChoicePath = `/api/sfchat/send-choice-message`;
+    _updateLastMessagePath = `/api/sfchat/update-last-message-id`;
+    _hasNewMessagesPath = `/api/sfchat/has-new-messages`;
+    constructor(endpoint, market, language) {
+        this._endpoint = this.formatEndpoint(endpoint);
+        this._market = market;
+        this._language = language;
+        this._currentUrl = window.location.href;
+    }
+    async startChat(chatId, itemId) {
+        let model = {
+            market: this._market,
+            language: this._language,
+            chatIdString: chatId,
+            itemId: itemId,
+            currentUrl: this._currentUrl
+        };
+        const fetchUrl = this._endpoint + this._startChatPath;
+        const data = (await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false));
+        return this.handleResponse(data, chatId);
+    }
+    async fetchMessages(chatId, prevMessageData) {
+        if (!chatId) {
+            return prevMessageData;
+        }
+        let model = {
+            market: this._market,
+            language: this._language,
+            chatIdString: chatId
+        };
+        const fetchUrl = this._endpoint + this._fetchChatMessagesPath;
+        const data = (await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false));
+        if (!data) {
+            return prevMessageData;
+        }
+        return this.handleResponse(data, prevMessageData);
+    }
+    async sendMessage(content, itemId, chatId, lastMessageId, messageType) {
+        let newLatestMessageId;
+        switch (messageType) {
+            case 'Choice':
+                newLatestMessageId = await this.sendChoiceMessage(content, itemId, chatId, lastMessageId);
+                break;
+            default:
+                newLatestMessageId = await this.sendTextMessage(content, itemId, chatId, lastMessageId);
+                break;
+        }
+        if (!newLatestMessageId) {
+            return lastMessageId;
+        }
+        if (newLatestMessageId.includes(",")) {
+            newLatestMessageId = newLatestMessageId.substring(newLatestMessageId.lastIndexOf(",") + 1);
+        }
+        return newLatestMessageId;
+    }
+    async updateLastMessageId(chatId, lastMessageId) {
+        let model = {
+            chatIdString: chatId,
+            latestMessageIdString: lastMessageId
+        };
+        const fetchUrl = this._endpoint + this._updateLastMessagePath;
+        await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false);
+    }
+    async hasNewMessages(itemId) {
+        let model = {
+            language: this._language,
+            market: this._market,
+            itemId: itemId,
+            chatIdString: "",
+            currentUrl: this._currentUrl
+        };
+        const fetchUrl = this._endpoint + this._hasNewMessagesPath;
+        let data = await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false);
+        if (!data) {
+            return false;
+        }
+        return JSON.parse(data);
+    }
+    async sendTextMessage(content, itemId, chatId, defaultReturn) {
+        if (!chatId || !content) {
+            return defaultReturn;
+        }
+        let model = {
+            market: this._market,
+            language: this._language,
+            chatIdString: chatId,
+            content: content,
+            itemId: itemId,
+            currentUrl: this._currentUrl
+        };
+        const fetchUrl = this._endpoint + this._sendTextPath;
+        const data = (await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false));
+        return this.handleResponse(data, defaultReturn)?.id ?? defaultReturn;
+    }
+    async sendChoiceMessage(content, itemId, chatId, defaultReturn) {
+        if (!chatId || !content) {
+            return defaultReturn;
+        }
+        let model = {
+            market: this._market,
+            language: this._language,
+            chatIdString: chatId,
+            content: content,
+            itemId: itemId,
+            currentUrl: this._currentUrl
+        };
+        const fetchUrl = this._endpoint + this._sendChoicePath;
+        const data = (await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false));
+        return this.handleResponse(data, defaultReturn)?.id ?? defaultReturn;
+    }
+    formatEndpoint(endpoint) {
+        return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;
+    }
+    handleResponse(data, defaultReturn, checkForArray = false) {
+        if (!data) {
+            return defaultReturn;
+        }
+        let parsedData = JSON.parse(data);
+        if (!parsedData || checkForArray && !Array.isArray(parsedData)) {
+            return defaultReturn;
+        }
+        return parsedData;
+    }
+    getRequestInit(model, method = 'POST', mode = 'cors', contentTypes = 'application/json') {
+        return {
+            mode: mode,
+            method: method,
+            headers: {
+                'Content-Type': contentTypes,
+                'CustomValidateAntiForgeryToken': "01001101010001010100111101010111"
+            },
+            body: JSON.stringify(model)
+        };
+    }
+    GetLastMessageId(messages, lastMessageId) {
+        return messages?.at(-1)?.messageId ?? lastMessageId;
+    }
+}
+
+exports.PnChatService = PnChatService;
+
+//# sourceMappingURL=pn-chat.service-5a8d89b9.js.map

package/dist/cjs/pn-chat.service-5a8d89b9.js.map

@@ -0,0 +1 @@
+{"file":"pn-chat.service-5a8d89b9.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 'Choice':\n        newLatestMessageId = await this.sendChoiceMessage(content, itemId, chatId, lastMessageId);\n        break;\n      default:\n        newLatestMessageId = await this.sendTextMessage(content, itemId, chatId, lastMessageId);\n        break;\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}