diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index 258425f72..de3775e81 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -70,7 +70,7 @@ jobs: branch: ${{env.BRANCH}} force: true tags: true - - uses: actions/upload-artifact@v2 + - uses: actions/upload-artifact@v4 if: failure() with: name: cypress-videos diff --git a/.github/workflows/dockerImage.yml b/.github/workflows/dockerImage.yml index 04c8a38ec..46ae1adbf 100644 --- a/.github/workflows/dockerImage.yml +++ b/.github/workflows/dockerImage.yml @@ -58,7 +58,7 @@ jobs: echo "127.0.0.1 localhost" | sudo tee -a /etc/hosts echo "fs.inotify.max_user_watches=524288" | sudo tee -a /etc/sysctl.conf npm run test:build - - uses: actions/upload-artifact@v2 + - uses: actions/upload-artifact@v4 with: name: buildfiles path: build/**/* @@ -86,7 +86,7 @@ jobs: steps: - uses: actions/checkout@v4 - name: Download buildfiles artifact - uses: actions/download-artifact@v2 + uses: actions/download-artifact@v4 with: name: buildfiles path: build diff --git a/cypress/e2e/videoconference.cy.ts b/cypress/e2e/videoconference.cy.ts index fa0873d2c..dcb62f37f 100644 --- a/cypress/e2e/videoconference.cy.ts +++ b/cypress/e2e/videoconference.cy.ts @@ -140,7 +140,7 @@ describe('videoconference', () => { it('Start moderator video call', () => { cy.get('@appointmentId').then((id: any) => { const videoUrl = config.urls.consultantVideoConference - .replace('/:type', '/app') + .replace('/:type', '/overview') .replace('/:appointmentId', `/${id}`); cy.visit(videoUrl); @@ -151,7 +151,7 @@ describe('videoconference', () => { it('Start non existent moderator video call', () => { const videoUrl = config.urls.consultantVideoConference - .replace('/:type', '/app') + .replace('/:type', '/overview') .replace('/:appointmentId', `/${uuid()}`); cy.visit(videoUrl); @@ -248,10 +248,7 @@ describe('videoconference', () => { cy.visit(videoUrl); - cy.url().should( - 'contain', - '/sessions/consultant/sessionPreview' - ); + cy.url().should('contain', '/overview'); }); }); @@ -262,7 +259,7 @@ describe('videoconference', () => { cy.visit(videoUrl); - cy.url().should('contain', '/sessions/consultant/sessionPreview'); + cy.url().should('contain', '/overview'); }); }); diff --git a/cypress/support/commands/helper/fastLogin.ts b/cypress/support/commands/helper/fastLogin.ts index 6dc722bf4..3704994b8 100644 --- a/cypress/support/commands/helper/fastLogin.ts +++ b/cypress/support/commands/helper/fastLogin.ts @@ -44,11 +44,13 @@ const fastLoginCommand = (getWillReturn, setWillReturn) => tomorrow.getTime().toString() ); - cy.visit('/app'); - cy.wait('@usersData'); if (userId === USER_ASKER) { + cy.visit('/app'); + cy.wait('@usersData'); cy.wait('@askerSessions'); } else { + cy.visit('/sessions/consultant/sessionPreview'); + cy.wait('@usersData'); cy.wait('@consultantEnquiriesBase'); } }); diff --git a/src/components/app/Routing.tsx b/src/components/app/Routing.tsx index 77e9bc3ed..dec2d8054 100644 --- a/src/components/app/Routing.tsx +++ b/src/components/app/Routing.tsx @@ -384,10 +384,9 @@ export const Routing = (props: RoutingProps) => { diff --git a/src/components/messageSubmitInterface/messageSubmitInterfaceComponent.tsx b/src/components/messageSubmitInterface/messageSubmitInterfaceComponent.tsx index 3cde178c6..33a5d4b96 100644 --- a/src/components/messageSubmitInterface/messageSubmitInterfaceComponent.tsx +++ b/src/components/messageSubmitInterface/messageSubmitInterfaceComponent.tsx @@ -44,6 +44,7 @@ import { convertToRaw, DraftHandleValue, EditorState, + getDefaultKeyBinding, RichUtils } from 'draft-js'; import { draftToMarkdown } from 'markdown-draft-js'; @@ -404,17 +405,12 @@ export const MessageSubmitInterfaceComponent = ({ ] ); - const handleEditorKeyCommand = useCallback( - (command) => { - const newState = RichUtils.handleKeyCommand(editorState, command); - if (newState) { - handleEditorChange(newState); - return 'handled'; - } - return 'not-handled'; - }, - [editorState, handleEditorChange] - ); + const handleCustomKeyBinding = (event) => { + if (event.key === 'Enter' && event.shiftKey) { + return 'shift-enter'; + } + return getDefaultKeyBinding(event); + }; const resizeTextarea = useCallback(() => { const textInput: any = textareaInputRef.current; @@ -782,6 +778,23 @@ export const MessageSubmitInterfaceComponent = ({ userData ]); + const handleEditorKeyCommand = useCallback( + (command) => { + const newState = RichUtils.handleKeyCommand(editorState, command); + if (command === 'shift-enter') { + handleButtonClick(); + return 'handled'; + } + + if (newState) { + handleEditorChange(newState); + return 'handled'; + } + return 'not-handled'; + }, + [editorState, handleEditorChange, handleButtonClick] + ); + const handleRequestFeedbackCheckbox = useCallback(() => { setRequestFeedbackCheckboxChecked( (requestFeedbackCheckboxChecked) => !requestFeedbackCheckboxChecked @@ -1026,6 +1039,7 @@ export const MessageSubmitInterfaceComponent = ({ handleKeyCommand={ handleEditorKeyCommand } + keyBindingFn={handleCustomKeyBinding} placeholder={ hasRequestFeedbackCheckbox && requestFeedbackCheckboxChecked diff --git a/src/components/profile/ConsultantInformation.tsx b/src/components/profile/ConsultantInformation.tsx index 0a98e4f99..aedb9f5a3 100644 --- a/src/components/profile/ConsultantInformation.tsx +++ b/src/components/profile/ConsultantInformation.tsx @@ -21,6 +21,8 @@ import { EditableData } from '../editableData/EditableData'; import { apiPatchUserData } from '../../api/apiPatchUserData'; import { useTranslation } from 'react-i18next'; import { useAppConfig } from '../../hooks/useAppConfig'; +import { Overlay, OVERLAY_FUNCTIONS, OverlayItem } from '../overlay/Overlay'; +import { ReactComponent as CheckIcon } from '../../resources/img/illustrations/check.svg'; export const ConsultantInformation = () => { const { t: translate } = useTranslation(); @@ -30,6 +32,7 @@ export const ConsultantInformation = () => { const [isSaveDisabled, setIsSaveDisabled] = useState(false); const [editedDisplayName, setEditedDisplayName] = useState(''); const [initialDisplayName, setInitialDisplayName] = useState(''); + const [successOverlayActive, setSuccessOverlayActive] = useState(false); const cancelEditButton: ButtonItem = { label: translate('profile.data.edit.button.cancel'), @@ -42,6 +45,18 @@ export const ConsultantInformation = () => { type: BUTTON_TYPES.LINK }; + const overlayItem: OverlayItem = { + svg: CheckIcon, + headline: translate('profile.data.displayNameInfo'), + buttonSet: [ + { + label: translate('profile.data.displayNameInfoClose'), + function: OVERLAY_FUNCTIONS.CLOSE, + type: BUTTON_TYPES.AUTO_CLOSE + } + ] + }; + const handleValidDisplayName = (displayName) => { setEditedDisplayName(displayName); }; @@ -55,6 +70,7 @@ export const ConsultantInformation = () => { .then(() => { reloadUserData().catch(console.log); setInitialDisplayName(editedDisplayName); + setSuccessOverlayActive(true); }) .catch((error) => { addNotification({ @@ -71,6 +87,12 @@ export const ConsultantInformation = () => { }); }; + const handleSuccessOverlayAction = (buttonFunction: string) => { + if (buttonFunction === OVERLAY_FUNCTIONS.CLOSE) { + setSuccessOverlayActive(false); + } + }; + useEffect(() => { if (editedDisplayName) { setIsSaveDisabled(false); @@ -140,6 +162,12 @@ export const ConsultantInformation = () => { /> )} + {successOverlayActive && ( + + )} ); }; diff --git a/src/components/serviceExplanation/ServiceExplanation.styles.scss b/src/components/serviceExplanation/ServiceExplanation.styles.scss index 54a6139a4..e72230a3f 100644 --- a/src/components/serviceExplanation/ServiceExplanation.styles.scss +++ b/src/components/serviceExplanation/ServiceExplanation.styles.scss @@ -24,5 +24,9 @@ $iconSize: 32px; margin-top: $grid-base; color: $text-low-emphasis; } + + &__customLink { + text-decoration: underline; + } } } diff --git a/src/components/serviceExplanation/ServiceExplanation.tsx b/src/components/serviceExplanation/ServiceExplanation.tsx index 9c5993e2b..1c2f80854 100644 --- a/src/components/serviceExplanation/ServiceExplanation.tsx +++ b/src/components/serviceExplanation/ServiceExplanation.tsx @@ -50,7 +50,7 @@ export const ServiceExplanation = ({ ], { ns: ['consultingTypes', 'common'] } ), - text: translate( + text: `${translate( [ `consultingType.${consultingTypeId}.welcomeScreen.anonymous.text`, `consultingType.fallback.welcomeScreen.anonymous.text`, @@ -58,7 +58,7 @@ export const ServiceExplanation = ({ 'registration.welcomeScreen.info4.text' ], { ns: ['consultingTypes', 'common'] } - ) + )} ${translate('registration.welcomeScreen.info4.linkText')}` } ]; diff --git a/src/components/sessionMenu/SessionMenu.tsx b/src/components/sessionMenu/SessionMenu.tsx index d2b19ed51..6c61e678a 100644 --- a/src/components/sessionMenu/SessionMenu.tsx +++ b/src/components/sessionMenu/SessionMenu.tsx @@ -14,7 +14,8 @@ import { SessionTypeContext, useConsultingType, UserDataContext, - ActiveSessionContext + ActiveSessionContext, + TenantContext } from '../../globalState'; import { SessionItemInterface, @@ -69,6 +70,9 @@ import { useTranslation } from 'react-i18next'; import { LegalLinksContext } from '../../globalState/provider/LegalLinksProvider'; import { RocketChatUsersOfRoomContext } from '../../globalState/provider/RocketChatUsersOfRoomProvider'; import LegalLinks from '../legalLinks/LegalLinks'; +import { endpoints } from '../../resources/scripts/endpoints'; +import { refreshKeycloakAccessToken } from '../sessionCookie/refreshKeycloakAccessToken'; +import { apiGetUserDataBySessionId } from '../../api/apiGetUserDataBySessionId'; type TReducedSessionItemInterface = Omit< SessionItemInterface, @@ -105,6 +109,9 @@ export const SessionMenu = (props: SessionMenuProps) => { const [redirectToSessionsList, setRedirectToSessionsList] = useState(false); const [isRequestInProgress, setIsRequestInProgress] = useState(false); + const { tenant } = useContext(TenantContext); + const [askerItemId, setAskerItemId] = useState(); + const sessionListTab = useSearchParam('sessionListTab'); const getSessionListTab = () => `${sessionListTab ? `?sessionListTab=${sessionListTab}` : ''}`; @@ -327,6 +334,25 @@ export const SessionMenu = (props: SessionMenuProps) => { subRoute: 'userProfile' }); + const openToolsLink = () => { + refreshKeycloakAccessToken().then((resp) => { + const accessToken = resp.access_token; + window.open( + `${endpoints.budibaseTools( + activeSession.consultant.id + )}/consultantview?userId=${askerItemId}&access_token=${accessToken}`, + '_blank', + 'noopener' + ); + }); + }; + + useEffect(() => { + apiGetUserDataBySessionId(activeSession.item.id).then((resp) => { + setAskerItemId(resp.askerId); + }); + }, [activeSession?.item?.id, askerItemId]); // eslint-disable-line react-hooks/exhaustive-deps + if (redirectToSessionsList) { mobileListView(); return ; @@ -543,6 +569,17 @@ export const SessionMenu = (props: SessionMenuProps) => { )} + {!hasUserAuthority(AUTHORITIES.ASKER_DEFAULT, userData) && + tenant?.settings?.featureToolsEnabled && + activeSession?.item.id && ( +
openToolsLink()} + > + {translate('chatFlyout.toolsDocumentation')} +
+ )} + {!hasUserAuthority(AUTHORITIES.ASKER_DEFAULT, userData) && type !== SESSION_LIST_TYPES.ENQUIRY && activeSession.isSession && diff --git a/src/containers/bookings/components/Calcom/Cal.tsx b/src/containers/bookings/components/Calcom/Cal.tsx index 282eba9fa..5ee73e9dc 100644 --- a/src/containers/bookings/components/Calcom/Cal.tsx +++ b/src/containers/bookings/components/Calcom/Cal.tsx @@ -53,7 +53,7 @@ export default function Cal({ action: 'bookingSuccessful', callback: () => { history.push({ - pathname: `/sessions/user/view` + pathname: `/booking/events/gebuchte` }); } }); diff --git a/src/extensions/resources/i18n/overwrites/de/common.json b/src/extensions/resources/i18n/overwrites/de/common.json index e47a09a07..4f59f55a8 100644 --- a/src/extensions/resources/i18n/overwrites/de/common.json +++ b/src/extensions/resources/i18n/overwrites/de/common.json @@ -130,18 +130,18 @@ "overline": "Herzlich willkommen!", "welcomeScreen": { "info1": { - "text": "Finden Sie eine passende Beratungsstelle" + "text": "Finden Sie eine passende Beratungsstelle." }, "info2": { "title": "Nehmen Sie Kontakt auf", - "text": "Schreiben Sie eine Nachricht oder vereinbaren Sie einen Termin" + "text": "Schreiben Sie eine Nachricht oder vereinbaren Sie einen Termin." }, "subline": "So funktioniert die Beratung auf der DigiSucht Plattform:", "info3": { - "text": "Je nach Verfügbarkeit per Nachricht, im Textchat, im Videochat oder vor Ort" + "text": "Je nach Verfügbarkeit per Nachricht, im Textchat, im Videochat oder vor Ort." }, "info4": { - "text": "Sie bleiben auf Wunsch anonym und werden kostenfrei beraten" + "text": "Sie bleiben auf Wunsch anonym und werden kostenfrei beraten." } }, "overlay": { @@ -198,14 +198,14 @@ "username.step.title": "Bitte wählen Sie Ihren Benutzernamen", "welcomeScreen": { "info1": { - "text": "Finden Sie eine passende Beratungsstelle" + "text": "Finden Sie eine passende Beratungsstelle." }, "info2": { "title": "Nehmen Sie Kontakt auf", - "text": "Schreiben Sie eine Nachricht oder vereinbaren Sie einen Termin" + "text": "Schreiben Sie eine Nachricht oder vereinbaren Sie einen Termin." }, "info4": { - "text": "Schreiben Sie eine Nachricht oder vereinbaren Sie einen Termin" + "text": "Sie bleiben auf Wunsch anonym und werden kostenfrei beraten." } }, "overlay": { diff --git a/src/extensions/resources/i18n/overwrites/de@informal/common.json b/src/extensions/resources/i18n/overwrites/de@informal/common.json index 2871ed9e2..031e49d59 100644 --- a/src/extensions/resources/i18n/overwrites/de@informal/common.json +++ b/src/extensions/resources/i18n/overwrites/de@informal/common.json @@ -51,15 +51,15 @@ "overline": "Herzlich willkommen!", "welcomeScreen": { "info1": { - "text": "Finde eine passende Beratungsstelle" + "text": "Finde eine passende Beratungsstelle." }, "info2": { "title": "Nimm Kontakt auf", - "text": "Schreibe eine Nachricht oder vereinbare einen Termin" + "text": "Schreibe eine Nachricht oder vereinbare einen Termin." }, "subline": "So funktioniert die Beratung auf der DigiSucht Plattform:", "info3": { - "text": "Je nach Verfügbarkeit per Nachricht, im Textchat, im Videochat oder vor Ort" + "text": "Je nach Verfügbarkeit per Nachricht, im Textchat, im Videochat oder vor Ort." }, "info4": { "text": "Bleib auf Wunsch anonym und werde kostenfrei beraten!" diff --git a/src/resources/i18n/de/common.json b/src/resources/i18n/de/common.json index ddec3b044..f2c786a83 100644 --- a/src/resources/i18n/de/common.json +++ b/src/resources/i18n/de/common.json @@ -377,7 +377,8 @@ "imprint": "Impressum", "leaveGroupChat": "Chat verlassen", "remove": "Löschen", - "stopGroupChat": "Chat beenden" + "stopGroupChat": "Chat beenden", + "toolsDocumentation": "Tools und Dokumentation" }, "consultant": { "absent": { @@ -1413,6 +1414,8 @@ } }, "displayName": "Anzeigename", + "displayNameInfo": "Ihr Anzeigename wurde erfolgreich geändert. Es kann bis zu einer Stunde dauern, bis dieser für die Ratsuchenden und in Ihrem Profil angezeigt wird.", + "displayNameInfoClose": "Schließen", "edit": { "button": { "cancel": "Abbrechen", @@ -1917,20 +1920,22 @@ }, "welcomeScreen": { "info1": { - "text": "Für eine individuelle und geschützte Beratung", + "text": "Für eine individuelle und geschützte Beratung.", "title": "Einfache Registrierung" }, "info2": { - "text": "Sie schicken Ihre Nachricht an eine lokale Beratungsstelle", + "text": "Sie schicken Ihre Nachricht an eine lokale Beratungsstelle.", "title": "Nachricht verfassen" }, "info3": { - "text": "Innerhalb von 2 Werktagen bekommen Sie eine Antwort", + "text": "Innerhalb von 2 Werktagen bekommen Sie eine Antwort.", "title": "Persönliche und professionelle Beratung" }, "info4": { - "text": "Sie bleiben anonym und erhalten kostenfreie Beratung und Hilfe", - "title": "Anonym und kostenfrei" + "text": "Sie bleiben anonym und erhalten kostenfreie Beratung und Hilfe.", + "title": "Anonym und kostenfrei", + "link": "https://www.suchtberatung.digital", + "linkText": "Mehr Informationen zum Angebot von DigiSucht finden Sie hier." }, "register": { "buttonLabel": "Registrieren", diff --git a/src/resources/i18n/de@informal/common.json b/src/resources/i18n/de@informal/common.json index 7b2629d6c..290961021 100644 --- a/src/resources/i18n/de@informal/common.json +++ b/src/resources/i18n/de@informal/common.json @@ -443,6 +443,7 @@ } } }, + "displayNameInfo": "Dein Anzeigename wurde erfolgreich geändert. Es kann bis zu einer Stunde dauern, bis dieser für die Ratsuchenden und in Deinem Profil angezeigt wird.", "documentation": { "description": "Hast Du Fragen? Im Handbuch findest Du detaillierte Informationen zu den wichtigsten Funktionen der Online-Beratungsplattform." }, diff --git a/src/resources/i18n/en/common.json b/src/resources/i18n/en/common.json index 8d56861a5..f80090b0e 100644 --- a/src/resources/i18n/en/common.json +++ b/src/resources/i18n/en/common.json @@ -367,7 +367,8 @@ "imprint": "Imprint", "leaveGroupChat": "Leave chat", "remove": "Delete", - "stopGroupChat": "End chat" + "stopGroupChat": "End chat", + "toolsDocumentation": "Tools and documentation" }, "consultant": { "absent": { @@ -1398,6 +1399,8 @@ } }, "displayName": "Display name", + "displayNameInfo": "Your display name has been successfully changed. It may take up to an hour for it to appear to those seeking advice and on your profile.", + "displayNameInfoClose": "Close", "edit": { "button": { "cancel": "Cancel", @@ -1894,19 +1897,19 @@ }, "welcomeScreen": { "info1": { - "text": "For individual and protected consultation", + "text": "For individual and protected consultation.", "title": "Simple registration" }, "info2": { - "text": "You send your message to a local counseling center", + "text": "You send your message to a local counseling center.", "title": "Compose message" }, "info3": { - "text": "Within 2 working days you will get an answer", + "text": "Within 2 working days you will get an answer.", "title": "Personal and professional advice" }, "info4": { - "text": "You remain anonymous and receive free advice and assistance", + "text": "You remain anonymous and receive free advice and assistance.", "title": "Anonymous and free of charge" }, "register": {