@topconsultnpm/sdkui-react 6.22.0-dev3.26 → 6.22.0-dev3.27

package/lib/components/features/assistant/TMHelpOnLineChat.js

@@ -4,6 +4,7 @@ import styled, { keyframes } from 'styled-components';
 import { HolAskDescriptor, SDK_Globals, TopMediaServer } from '@topconsultnpm/sdk-ts';
 import TMTooltip from '../../base/TMTooltip';
 import { TMColors } from '../../../utils/theme';
+import { SDKUI_Localizator } from '../../../helper';
 import ToppyImage from '../../../assets/Toppy-help-center.png';
 const generateGUID = () => {
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (c) => {
@@ -133,31 +134,37 @@ const ChatPanel = ({ width, onWidthChange, messages, conversationId, isThinking,
             onSetThinking(false);
         }
     }, [chatInput, conversationId, isThinking, endpointUrl, onAddMessage, onSetThinking, onSetConversationId]);
-    return (_jsxs(PanelContainer, { $width: width, children: [_jsx(ResizeHandle, { onMouseDown: onResizeStart }), _jsxs(ChatHeader, { children: [_jsxs(HeaderLeft, { children: [_jsx(ToppyAvatar, { src: ToppyImage, alt: "Toppy" }), _jsxs(HeaderText, { children: [_jsxs(HeaderGreeting, { children: ["Ciao ", userName] }), _jsx(HeaderQuestion, { children: "Come posso aiutarti?" })] })] }), _jsxs(HeaderRight, { children: [_jsx(TMTooltip, { content: "Nuova conversazione", children: _jsx(HeaderButton, { onClick: onNewConversation, disabled: !conversationId && messages.length === 0, title: "Nuova conversazione", children: _jsx(IconNewChat, { color: "white", fontSize: 18 }) }) }), _jsx(TMTooltip, { content: "Chiudi", children: _jsx(HeaderButton, { onClick: onClose, title: "Chiudi", children: _jsx(IconClose, { fontSize: 18 }) }) })] })] }), _jsxs(ChatBody, { children: [messages.length === 0 ? (_jsxs(WelcomeMessage, { children: [_jsx(WelcomeIcon, { children: "\uD83D\uDCA1" }), _jsxs(WelcomeText, { children: ["Ciao! Sono ", _jsx("strong", { children: "Toppy" }), ", il tuo assistente.", _jsx("br", {}), "Fai una domanda e ti aiuter\u00F2 a trovare la risposta."] })] })) : (messages.map(msg => (_jsxs(MessageBubble, { $isUser: msg.isUser, children: [!msg.isUser && _jsx(BotAvatar, { src: ToppyImage, alt: "Toppy" }), _jsx(MessageContent, { $isUser: msg.isUser, children: msg.isUser ? msg.text : _jsx(MarkdownContent, { children: renderMarkdown(msg.text) }) })] }, msg.id)))), isThinking && (_jsxs(MessageBubble, { $isUser: false, children: [_jsx(BotAvatar, { src: ToppyImage, alt: "Toppy" }), _jsx(ThinkingStatus, {}, messages.length)] })), _jsx("div", { ref: messagesEndRef })] }), _jsx(ChatFooter, { children: _jsx(TMChatInput, { inputRef: inputRef, value: chatInput, onChange: setChatInput, onSend: askHandler, placeholder: "Scrivi la tua domanda...", tooltip: "Invia", disabled: isThinking }) })] }));
+    return (_jsxs(PanelContainer, { $width: width, children: [_jsx(ResizeHandle, { onMouseDown: onResizeStart }), _jsxs(ChatHeader, { children: [_jsxs(HeaderLeft, { children: [_jsx(ToppyAvatar, { src: ToppyImage, alt: "Toppy" }), _jsxs(HeaderText, { children: [_jsxs(HeaderGreeting, { children: ["Ciao ", userName] }), _jsx(HeaderQuestion, { children: "Come posso aiutarti?" })] })] }), _jsxs(HeaderRight, { children: [_jsx(TMTooltip, { content: "Nuova conversazione", children: _jsx(HeaderButton, { onClick: onNewConversation, disabled: !conversationId && messages.length === 0, title: "Nuova conversazione", children: _jsx(IconNewChat, { color: "white", fontSize: 18 }) }) }), _jsx(TMTooltip, { content: "Chiudi", children: _jsx(HeaderButton, { onClick: onClose, title: "Chiudi", children: _jsx(IconClose, { fontSize: 18 }) }) })] })] }), _jsxs(ChatBody, { children: [messages.length === 0 ? (_jsxs(WelcomeMessage, { children: [_jsx(WelcomeIcon, { children: "\uD83D\uDCA1" }), _jsxs(WelcomeText, { children: ["Ciao! Sono ", _jsx("strong", { children: "Toppy" }), ", il tuo assistente.", _jsx("br", {}), "Fai una domanda e ti aiuter\u00F2 a trovare la risposta."] })] })) : (messages.map(msg => (_jsxs(MessageBubble, { $isUser: msg.isUser, children: [!msg.isUser && _jsx(BotAvatar, { src: ToppyImage, alt: "Toppy" }), _jsx(MessageContent, { $isUser: msg.isUser, children: msg.isUser ? msg.text : _jsx(MarkdownContent, { children: renderMarkdown(msg.text) }) })] }, msg.id)))), isThinking && (_jsxs(MessageBubble, { $isUser: false, children: [_jsx(BotAvatar, { src: ToppyImage, alt: "Toppy" }), _jsx(ThinkingStatus, {}, messages.length)] })), _jsx("div", { ref: messagesEndRef })] }), _jsxs(ChatFooter, { children: [_jsx(TMChatInput, { inputRef: inputRef, value: chatInput, onChange: setChatInput, onSend: askHandler, placeholder: "Scrivi la tua domanda...", tooltip: "Invia", disabled: isThinking }), _jsx(FooterHint, { children: SDKUI_Localizator.HelpOnLineShiftEnterHint })] })] }));
 };
 const TMChatInput = ({ value, onChange, onSend, placeholder = 'Scrivi la tua domanda...', disabled = false, inputRef, tooltip = 'Ricerca AI' }) => {
     const isDisabled = disabled || value.length < 2;
-    return (_jsxs(ChatInputWrapper, { children: [_jsx(ChatInputTextarea, { ref: inputRef, placeholder: placeholder, value: value, onChange: (e) => onChange(e.target.value) }), _jsx(TMTooltip, { content: tooltip, children: _jsx(InlineSendButton, { $disabled: isDisabled, disabled: isDisabled, onClick: onSend, title: tooltip, children: _jsx(IconSendFilled, { fontSize: 20 }) }) })] }));
+    return (_jsxs(ChatInputWrapper, { children: [_jsx(ChatInputTextarea, { ref: inputRef, placeholder: placeholder, value: value, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => {
+                    if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
+                        e.preventDefault();
+                        if (!isDisabled)
+                            onSend();
+                    }
+                } }), _jsx(TMTooltip, { content: tooltip, children: _jsx(InlineSendButton, { $disabled: isDisabled, disabled: isDisabled, onClick: onSend, title: tooltip, children: _jsx(IconSendFilled, { fontSize: 20 }) }) })] }));
 };
 //#endregion
 //#region Thinking status (phrases + elapsed seconds)
-const THINKING_PHRASES = [
-    { at: 0, text: 'Ci sto pensando' },
-    { at: 3, text: 'Sto cercando tra le informazioni' },
-    { at: 7, text: 'Sto leggendo i contenuti più pertinenti' },
-    { at: 12, text: 'Sto collegando i punti' },
-    { at: 18, text: 'Sto verificando i dettagli' },
-    { at: 25, text: 'Sto mettendo in ordine la risposta' },
-    { at: 33, text: 'Ci siamo quasi' },
-    { at: 42, text: 'Ancora un momento, sto rifinendo' },
-    { at: 55, text: 'Domanda impegnativa, ci vuole un attimo in più' },
-    { at: 70, text: 'Ultimo sforzo, sto completando la risposta' },
+const getThinkingPhrases = () => [
+    { at: 0, text: SDKUI_Localizator.HelpOnLineThinking01 },
+    { at: 3, text: SDKUI_Localizator.HelpOnLineThinking02 },
+    { at: 7, text: SDKUI_Localizator.HelpOnLineThinking03 },
+    { at: 12, text: SDKUI_Localizator.HelpOnLineThinking04 },
+    { at: 18, text: SDKUI_Localizator.HelpOnLineThinking05 },
+    { at: 25, text: SDKUI_Localizator.HelpOnLineThinking06 },
+    { at: 33, text: SDKUI_Localizator.HelpOnLineThinking07 },
+    { at: 42, text: SDKUI_Localizator.HelpOnLineThinking08 },
+    { at: 55, text: SDKUI_Localizator.HelpOnLineThinking09 },
+    { at: 70, text: SDKUI_Localizator.HelpOnLineThinking10 },
 ];
 const COUNTER_VISIBLE_FROM = 2;
-const getPhraseIndex = (seconds) => {
+const getPhraseIndex = (seconds, phrases) => {
     let index = 0;
-    for (let i = 1; i < THINKING_PHRASES.length; i++) {
-        if (seconds < THINKING_PHRASES[i].at)
+    for (let i = 1; i < phrases.length; i++) {
+        if (seconds < phrases[i].at)
             break;
         index = i;
     }
@@ -173,8 +180,9 @@ const ThinkingStatus = () => {
         }, 1000);
         return () => globalThis.clearInterval(intervalId);
     }, []);
-    const phraseIndex = getPhraseIndex(seconds);
-    return (_jsx(ThinkingIndicator, { children: _jsxs(ThinkingCaption, { children: [_jsxs(ThinkingPhrase, { role: "status", "aria-live": "polite", children: [THINKING_PHRASES[phraseIndex].text, _jsxs(ThinkingDots, { "aria-hidden": "true", children: [_jsx(ThinkingDot, { $delay: 0, children: "." }), _jsx(ThinkingDot, { $delay: 0.2, children: "." }), _jsx(ThinkingDot, { $delay: 0.4, children: "." })] })] }, phraseIndex), _jsx(ThinkingCounter, { $visible: seconds >= COUNTER_VISIBLE_FROM, "aria-hidden": "true", children: formatElapsed(seconds) })] }) }));
+    const phrases = getThinkingPhrases();
+    const phraseIndex = getPhraseIndex(seconds, phrases);
+    return (_jsx(ThinkingIndicator, { children: _jsxs(ThinkingCaption, { children: [_jsxs(ThinkingPhrase, { role: "status", "aria-live": "polite", children: [phrases[phraseIndex].text, _jsxs(ThinkingDots, { "aria-hidden": "true", children: [_jsx(ThinkingDot, { $delay: 0, children: "." }), _jsx(ThinkingDot, { $delay: 0.2, children: "." }), _jsx(ThinkingDot, { $delay: 0.4, children: "." })] })] }, phraseIndex), _jsx(ThinkingCounter, { $visible: seconds >= COUNTER_VISIBLE_FROM, "aria-hidden": "true", children: formatElapsed(seconds) })] }) }));
 };
 //#endregion
 //#region Markdown rendering (no third-party library)
@@ -792,6 +800,12 @@ const ChatFooter = styled.div `
     border-top: 1px solid #e1e5e9;
     box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
 `;
+const FooterHint = styled.p `
+    margin: 6px 0 0 0;
+    font-size: 11px;
+    color: #999;
+    text-align: center;
+`;
 const ChatInputWrapper = styled.div `
     position: relative;
     flex: 1;

package/lib/components/sidebar/TMHeader.d.ts

@@ -16,6 +16,7 @@ interface ITMHeader {
     searchContext?: TMSearchContext;
     settingsMenuContext?: React.ReactNode;
     customButtons?: React.ReactNode;
+    toppyButton?: React.ReactNode;
     onMenusOpen?: VoidFunction;
     onChangePassword?: VoidFunction;
     onLogout?: VoidFunction;

package/lib/components/sidebar/TMHeader.js

@@ -90,7 +90,7 @@ export const TMSearchBar = ({ searchValue, onSearchValueChanged, maxWidth, margi
     const deviceType = useDeviceType();
     return (_jsxs(StyledSearchBarContainer, { style: { maxWidth: maxWidth ? maxWidth : deviceType === DeviceType.MOBILE ? '65%' : '650px', marginLeft: marginLeft ? marginLeft : deviceType === DeviceType.MOBILE ? '10px' : '20px' }, $isMobile: deviceType === DeviceType.MOBILE, children: [" ", _jsx(StyledSearchBar, { placeholder: SDKUI_Localizator.Search + '...', type: "text", value: searchValue, onChange: (e) => onSearchValueChanged(e.target.value) }), searchValue.length > 0 && _jsx(IconCloseOutline, { onClick: () => onSearchValueChanged(''), color: '#00000060', style: { cursor: 'pointer', position: 'absolute', width: '20px', height: '20px', right: '5px', top: '5px', zIndex: 1 } })] }));
 };
-const TMHeader = ({ customButtons = _jsx(_Fragment, {}), onMenusOpen, showSettingsMenu = true, showSearchBar = true, clearSearchJobValue, clearSearchQEValue, searchContext = TMSearchContext.JOBS, onChangePassword, onLogout, settingsMenuContext, onSeacrhJobsValueChange, onSeacrhJobslistValueChange, onSeacrhProcessMonitorValueChange, onSeacrhProcessValueChange, onSeacrhPlatformValueChange, onSeacrhQEValueChange, onSettingsClick }) => {
+const TMHeader = ({ customButtons = _jsx(_Fragment, {}), toppyButton = _jsx(_Fragment, {}), onMenusOpen, showSettingsMenu = true, showSearchBar = true, clearSearchJobValue, clearSearchQEValue, searchContext = TMSearchContext.JOBS, onChangePassword, onLogout, settingsMenuContext, onSeacrhJobsValueChange, onSeacrhJobslistValueChange, onSeacrhProcessMonitorValueChange, onSeacrhProcessValueChange, onSeacrhPlatformValueChange, onSeacrhQEValueChange, onSettingsClick }) => {
     const [appRoutes, setAppRoutes] = useState();
     const [menuStatus, setMenuStatus] = useState(false);
     const [showAppMenu, setShowAppMenu] = useState(false);
@@ -249,7 +249,7 @@ const TMHeader = ({ customButtons = _jsx(_Fragment, {}), onMenusOpen, showSettin
                                 }, onMouseLeave: () => {
                                     if (openMenuTimer.current)
                                         clearTimeout(openMenuTimer.current);
-                                }, src: six, height: isMobile ? 35 : 40, alt: "" }), (!isMobile || SDK_Globals.appModule === AppModules.WORD_CONNECTOR) && _jsx(StyledHeaderAppText, { children: headerAppName })] }), showSearchBar && _jsxs(_Fragment, { children: [searchContext === TMSearchContext.JOBS_LIST && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobListValue(e), searchValue: searchJobListValue }), searchContext === TMSearchContext.JOBS && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobsValue(e), searchValue: searchJobsValue }), searchContext === TMSearchContext.PROCESSES && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessesValue(e), searchValue: searchProcessesValue }), searchContext === TMSearchContext.PROCESS_MONITOR && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessMonitorValue(e), searchValue: searchProcessMonitorValue }), searchContext === TMSearchContext.PLATFORM && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchPlatformValue(e), searchValue: searchPlatformValue }), searchContext === TMSearchContext.QE && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchQEValue(e), searchValue: searchQEValue })] }), customButtons] }), showSettingsMenu && _jsxs(StyledHeaderIcon, { onClick: () => onSettingsClick?.(), children: [" ", _jsx(IconHeaderSettings, { fontSize: 24 }), " "] }), _jsx(UserAvatarContainer, { $isSelected: menuStatus, ref: userIcon, onClick: e => {
+                                }, src: six, height: isMobile ? 35 : 40, alt: "" }), (!isMobile || SDK_Globals.appModule === AppModules.WORD_CONNECTOR) && _jsx(StyledHeaderAppText, { children: headerAppName })] }), showSearchBar && _jsxs(_Fragment, { children: [searchContext === TMSearchContext.JOBS_LIST && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobListValue(e), searchValue: searchJobListValue }), searchContext === TMSearchContext.JOBS && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobsValue(e), searchValue: searchJobsValue }), searchContext === TMSearchContext.PROCESSES && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessesValue(e), searchValue: searchProcessesValue }), searchContext === TMSearchContext.PROCESS_MONITOR && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessMonitorValue(e), searchValue: searchProcessMonitorValue }), searchContext === TMSearchContext.PLATFORM && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchPlatformValue(e), searchValue: searchPlatformValue }), searchContext === TMSearchContext.QE && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchQEValue(e), searchValue: searchQEValue })] }), customButtons] }), toppyButton, showSettingsMenu && _jsxs(StyledHeaderIcon, { onClick: () => onSettingsClick?.(), children: [" ", _jsx(IconHeaderSettings, { fontSize: 24 }), " "] }), _jsx(UserAvatarContainer, { $isSelected: menuStatus, ref: userIcon, onClick: e => {
                     e.stopPropagation();
                     e.preventDefault();
                     setMenuStatus(prev => !prev);

package/lib/helper/SDKUI_Localizator.d.ts

@@ -433,6 +433,17 @@ export declare class SDKUI_Localizator {
     static get GoToToday(): "Aller à aujourd'hui" | "Gehe zu heute" | "Go to today" | "Ir a hoy" | "Ir para hoje" | "Vai a oggi";
     static get GoToWorkgroup(): "Aller au groupe de travail" | "Gehe zur Arbeitsgruppe" | "Go to workgroup" | "Ir al grupo de trabajo" | "Ir para grupo de trabalho" | "Vai al gruppo di lavoro";
     static get Grids(): string;
+    static get HelpOnLineShiftEnterHint(): string;
+    static get HelpOnLineThinking01(): string;
+    static get HelpOnLineThinking02(): string;
+    static get HelpOnLineThinking03(): string;
+    static get HelpOnLineThinking04(): string;
+    static get HelpOnLineThinking05(): string;
+    static get HelpOnLineThinking06(): string;
+    static get HelpOnLineThinking07(): string;
+    static get HelpOnLineThinking08(): string;
+    static get HelpOnLineThinking09(): string;
+    static get HelpOnLineThinking10(): string;
     static get Hide_CompleteName(): "Hide full name" | "Masquer le nom complet" | "Nascondi nome completo" | "Ocultar nombre completo" | "Ocultar nome completo" | "Vollständigen Namen ausblenden";
     static get HideAll(): "Alle ausblenden" | "Hide all" | "Masquer tout" | "Nascondi tutti" | "Ocultar todo" | "Ocultar tudo";
     static get HideArchivedDetails(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -4298,6 +4298,116 @@ export class SDKUI_Localizator {
             default: return "Griglie";
         }
     }
+    static get HelpOnLineShiftEnterHint() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Enter zum Senden, Umschalt+Enter für eine neue Zeile";
+            case CultureIDs.En_US: return "Press Enter to send, Shift+Enter for a new line";
+            case CultureIDs.Es_ES: return "Pulsa Intro para enviar, Mayús+Intro para una nueva línea";
+            case CultureIDs.Fr_FR: return "Appuyez sur Entrée pour envoyer, Maj+Entrée pour aller à la ligne";
+            case CultureIDs.Pt_PT: return "Prima Enter para enviar, Shift+Enter para uma nova linha";
+            default: return "Premi Invio per inviare, Maiusc+Invio per andare a capo";
+        }
+    }
+    static get HelpOnLineThinking01() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich denke darüber nach";
+            case CultureIDs.En_US: return "Thinking about it";
+            case CultureIDs.Es_ES: return "Lo estoy pensando";
+            case CultureIDs.Fr_FR: return "J'y réfléchis";
+            case CultureIDs.Pt_PT: return "Estou a pensar nisso";
+            default: return "Ci sto pensando";
+        }
+    }
+    static get HelpOnLineThinking02() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich durchsuche die Informationen";
+            case CultureIDs.En_US: return "Searching through the information";
+            case CultureIDs.Es_ES: return "Estoy buscando entre la información";
+            case CultureIDs.Fr_FR: return "Je cherche parmi les informations";
+            case CultureIDs.Pt_PT: return "Estou a procurar nas informações";
+            default: return "Sto cercando tra le informazioni";
+        }
+    }
+    static get HelpOnLineThinking03() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich lese die relevantesten Inhalte";
+            case CultureIDs.En_US: return "Reading the most relevant content";
+            case CultureIDs.Es_ES: return "Estoy leyendo los contenidos más relevantes";
+            case CultureIDs.Fr_FR: return "Je lis les contenus les plus pertinents";
+            case CultureIDs.Pt_PT: return "Estou a ler os conteúdos mais relevantes";
+            default: return "Sto leggendo i contenuti più pertinenti";
+        }
+    }
+    static get HelpOnLineThinking04() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich verbinde die Punkte";
+            case CultureIDs.En_US: return "Connecting the dots";
+            case CultureIDs.Es_ES: return "Estoy atando cabos";
+            case CultureIDs.Fr_FR: return "Je relie les points";
+            case CultureIDs.Pt_PT: return "Estou a ligar os pontos";
+            default: return "Sto collegando i punti";
+        }
+    }
+    static get HelpOnLineThinking05() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich überprüfe die Details";
+            case CultureIDs.En_US: return "Checking the details";
+            case CultureIDs.Es_ES: return "Estoy verificando los detalles";
+            case CultureIDs.Fr_FR: return "Je vérifie les détails";
+            case CultureIDs.Pt_PT: return "Estou a verificar os detalhes";
+            default: return "Sto verificando i dettagli";
+        }
+    }
+    static get HelpOnLineThinking06() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich bringe die Antwort in Ordnung";
+            case CultureIDs.En_US: return "Putting the answer together";
+            case CultureIDs.Es_ES: return "Estoy ordenando la respuesta";
+            case CultureIDs.Fr_FR: return "Je mets de l'ordre dans la réponse";
+            case CultureIDs.Pt_PT: return "Estou a organizar a resposta";
+            default: return "Sto mettendo in ordine la risposta";
+        }
+    }
+    static get HelpOnLineThinking07() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Fast geschafft";
+            case CultureIDs.En_US: return "Almost there";
+            case CultureIDs.Es_ES: return "Ya casi está";
+            case CultureIDs.Fr_FR: return "On y est presque";
+            case CultureIDs.Pt_PT: return "Estamos quase lá";
+            default: return "Ci siamo quasi";
+        }
+    }
+    static get HelpOnLineThinking08() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Noch einen Moment, ich feile noch daran";
+            case CultureIDs.En_US: return "Just a moment more, polishing it up";
+            case CultureIDs.Es_ES: return "Un momento más, estoy puliendo los detalles";
+            case CultureIDs.Fr_FR: return "Encore un instant, je peaufine";
+            case CultureIDs.Pt_PT: return "Só mais um momento, estou a finalizar";
+            default: return "Ancora un momento, sto rifinendo";
+        }
+    }
+    static get HelpOnLineThinking09() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Schwierige Frage, das dauert etwas länger";
+            case CultureIDs.En_US: return "Tough question, this takes a little longer";
+            case CultureIDs.Es_ES: return "Pregunta difícil, necesito un momento más";
+            case CultureIDs.Fr_FR: return "Question difficile, il faut un peu plus de temps";
+            case CultureIDs.Pt_PT: return "Pergunta difícil, preciso de mais um momento";
+            default: return "Domanda impegnativa, ci vuole un attimo in più";
+        }
+    }
+    static get HelpOnLineThinking10() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Letzter Schritt, ich vervollständige die Antwort";
+            case CultureIDs.En_US: return "One last push, completing the answer";
+            case CultureIDs.Es_ES: return "Último esfuerzo, estoy completando la respuesta";
+            case CultureIDs.Fr_FR: return "Dernier effort, je termine la réponse";
+            case CultureIDs.Pt_PT: return "Último esforço, estou a completar a resposta";
+            default: return "Ultimo sforzo, sto completando la risposta";
+        }
+    }
     static get Hide_CompleteName() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Vollständigen Namen ausblenden";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev3.26",
+    "version": "6.22.0-dev3.27",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",