-
-
- {languages.map(mapLanguages)}
-
+ return (
+
+
+
+ {languages.map(mapLanguages)}
- );
- };
+
+ );
+};
diff --git a/src/components/enquiry/enquiry.styles.scss b/src/components/enquiry/enquiry.styles.scss
index aa7a8687e..207d017a2 100644
--- a/src/components/enquiry/enquiry.styles.scss
+++ b/src/components/enquiry/enquiry.styles.scss
@@ -25,8 +25,8 @@ $background-circle-size: 1800px !default;
border-radius: 100%;
background-color: $enquiry-circle-background;
z-index: 1;
-
animation: scale ease-out 1s;
+
@keyframes scale {
0% {
transform: scale(0);
@@ -101,8 +101,8 @@ $background-circle-size: 1800px !default;
order: 2;
margin-bottom: 0;
margin-left: $grid-base-seven;
-
animation: bounceIn ease-out 1.4s;
+
@keyframes bounceIn {
0% {
transform: scale(0.2);
@@ -130,8 +130,8 @@ $background-circle-size: 1800px !default;
max-height: 100%;
overflow: auto;
order: 1;
-
animation: fadeIn ease-out 1s;
+
@keyframes fadeIn {
0% {
opacity: 0;
diff --git a/src/components/error/error.styles.scss b/src/components/error/error.styles.scss
index 5f821cf0f..e275bde51 100644
--- a/src/components/error/error.styles.scss
+++ b/src/components/error/error.styles.scss
@@ -85,8 +85,8 @@ $error-page-background: rgba($form-medium, 0.08) !default;
max-height: $illustrationWrapperMaxSize;
border-radius: calc(#{$illustrationSize} / 2);
margin: $grid-base-three;
-
animation: fadeIn linear 0.5s;
+
@keyframes fadeIn {
from {
opacity: 0;
@@ -124,11 +124,11 @@ $error-page-background: rgba($form-medium, 0.08) !default;
align-self: center;
margin-top: 0;
- @media (min-width: 700px) {
+ @media (700px <= width) {
width: 650px;
}
- @media (min-width: $fromLarge) {
+ @media ($fromLarge <= width) {
width: calc(50vw - 168px);
text-align: left;
margin-top: 0;
diff --git a/src/components/flyoutMenu/flyoutMenu.styles.scss b/src/components/flyoutMenu/flyoutMenu.styles.scss
index dbeaa7f30..108a264a7 100644
--- a/src/components/flyoutMenu/flyoutMenu.styles.scss
+++ b/src/components/flyoutMenu/flyoutMenu.styles.scss
@@ -25,6 +25,7 @@
transition: opacity 0.25s ease, visibility 0.25s ease;
font-size: $font-size-primary;
line-height: $line-height-primary;
+
@include rounded-drop-shadow;
&--shown {
diff --git a/src/components/formAccordion/FormAccordion.tsx b/src/components/formAccordion/FormAccordion.tsx
deleted file mode 100644
index 510181cda..000000000
--- a/src/components/formAccordion/FormAccordion.tsx
+++ /dev/null
@@ -1,382 +0,0 @@
-import * as React from 'react';
-import {
- Dispatch,
- SetStateAction,
- useCallback,
- useContext,
- useEffect,
- useMemo,
- useState
-} from 'react';
-import './formAccordion.styles';
-import {
- RequiredComponentsInterface,
- RegistrationNotesInterface,
- useTenant,
- LegalLinkInterface
-} from '../../globalState';
-import { FormAccordionItem } from '../formAccordion/FormAccordionItem';
-import { RegistrationUsername } from '../registration/RegistrationUsername';
-import { RegistrationAge } from '../registration/RegistrationAge';
-import { RegistrationState } from '../registration/RegistrationState';
-import { RegistrationPassword } from '../registration/RegistrationPassword';
-import {
- AccordionItemValidity,
- VALIDITY_INITIAL,
- VALIDITY_VALID
-} from '../registration/registrationHelpers';
-import { MainTopicSelection } from '../mainTopicSelection/MainTopicSelection';
-import { useTranslation } from 'react-i18next';
-import { Checkbox, CheckboxItem } from '../checkbox/Checkbox';
-import { Button, BUTTON_TYPES, ButtonItem } from '../button/Button';
-import { FormAccordionRegistrationText } from './FormAccordionRegistrationText';
-import { setValueInCookie } from '../sessionCookie/accessSessionCookie';
-import { ProposedAgencies } from '../../containers/registration/components/ProposedAgencies/ProposedAgencies';
-import { useConsultantAgenciesAndConsultingTypes } from '../../containers/registration/hooks/useConsultantAgenciesAndConsultingTypes';
-import { FormAccordionData } from '../registration/RegistrationForm';
-import { UrlParamsContext } from '../../globalState/provider/UrlParamsProvider';
-
-interface FormAccordionProps {
- formAccordionData: FormAccordionData;
- isUsernameAlreadyInUse: boolean;
- onChange: (data: Partial
) => void;
- onValidation: Dispatch>;
- additionalStepsData?: RequiredComponentsInterface;
- registrationNotes?: RegistrationNotesInterface;
- legalLinks: Array;
- handleSubmitButtonClick: Function;
- isSubmitButtonDisabled: boolean;
- setIsDataProtectionSelected: Dispatch>;
- isDataProtectionSelected: boolean;
-}
-
-export const FormAccordion = ({
- formAccordionData,
- isUsernameAlreadyInUse,
- onChange,
- onValidation,
- additionalStepsData,
- registrationNotes,
- legalLinks,
- handleSubmitButtonClick,
- isSubmitButtonDisabled,
- setIsDataProtectionSelected,
- isDataProtectionSelected
-}: FormAccordionProps) => {
- const { t: translate } = useTranslation(['common', 'consultingTypes']);
- const tenantData = useTenant();
-
- const { consultingType, consultant } = useContext(UrlParamsContext);
- const { consultingTypes } = useConsultantAgenciesAndConsultingTypes();
-
- const [activeItem, setActiveItem] = useState(1);
-
- const topicsAreRequired = useMemo(
- () =>
- tenantData?.settings?.topicsInRegistrationEnabled &&
- tenantData?.settings?.featureTopicsEnabled,
- [tenantData?.settings]
- );
-
- const buttonItemSubmit: ButtonItem = {
- label: translate('registration.submitButton.label'),
- type: BUTTON_TYPES.PRIMARY
- };
-
- const [validity, setValidity] = useState({
- username: VALIDITY_INITIAL,
- password: VALIDITY_INITIAL,
- state: additionalStepsData?.state?.isEnabled
- ? VALIDITY_INITIAL
- : VALIDITY_VALID,
- age: additionalStepsData?.age?.isEnabled
- ? VALIDITY_INITIAL
- : VALIDITY_VALID,
- mainTopic: topicsAreRequired ? VALIDITY_INITIAL : VALIDITY_VALID,
- agency: VALIDITY_INITIAL,
- dataProtection: VALIDITY_INITIAL
- });
-
- useEffect(() => {
- // different data protection between agencies
- formAccordionData.agency?.tenantId &&
- setValueInCookie(
- 'tenantId',
- formAccordionData.agency?.tenantId
- ? formAccordionData.agency?.tenantId?.toString()
- : '0'
- );
- formAccordionData.agency?.tenantId &&
- setIsDataProtectionSelected(false);
- }, [formAccordionData.agency, setIsDataProtectionSelected]);
-
- useEffect(() => {
- onValidation(
- Object.values(validity).every(
- (validity) => validity === VALIDITY_VALID
- )
- );
- }, [onValidation, validity]);
-
- const handleValidity = useCallback((key, value) => {
- setValidity((prevState) => ({
- ...prevState,
- [key]: value
- }));
- }, []);
-
- useEffect(() => {
- if (isUsernameAlreadyInUse) {
- setActiveItem(1);
- }
- }, [isUsernameAlreadyInUse]);
-
- useEffect(() => {
- handleValidity(
- 'dataProtection',
- isDataProtectionSelected ? VALIDITY_VALID : VALIDITY_INITIAL
- );
- }, [handleValidity, isDataProtectionSelected]);
-
- const handleKeyDown = (e, isLastInput = true, isFirstInput = true) => {
- if (
- e.key === 'Tab' &&
- !e.shiftKey &&
- isLastInput &&
- activeItem !== accordionItemData.length
- ) {
- setActiveItem(activeItem + 1);
- } else if (
- e.key === 'Tab' &&
- e.shiftKey &&
- isFirstInput &&
- activeItem !== 1
- ) {
- setActiveItem(activeItem - 1);
- }
- };
-
- const accordionItemData = [
- {
- title: translate('registration.username.headline'),
- nestedComponent: (
- onChange({ username })}
- onValidityChange={(validity) =>
- handleValidity('username', validity)
- }
- onKeyDown={handleKeyDown}
- />
- ),
- isValid: validity.username
- },
- {
- title: translate('registration.password.headline'),
- nestedComponent: (
- onChange({ password })}
- onValidityChange={(validity) =>
- handleValidity('password', validity)
- }
- passwordNote={registrationNotes?.password}
- onKeyDown={handleKeyDown}
- />
- ),
- isValid: validity.password
- }
- ];
-
- const checkboxItemDataProtection: CheckboxItem = {
- inputId: 'dataProtectionCheckbox',
- name: 'dataProtectionCheckbox',
- labelId: 'dataProtectionLabel',
- checked: isDataProtectionSelected,
- label: [
- translate('registration.dataProtection.label.prefix'),
- legalLinks
- .filter((legalLink) => legalLink.registration)
- .map(
- (legalLink, index, { length }) =>
- (index > 0
- ? index < length - 1
- ? ', '
- : translate(
- 'registration.dataProtection.label.and'
- )
- : '') +
- ``
- )
- .join(''),
- translate('registration.dataProtection.label.suffix')
- ].join(' ')
- };
-
- if (topicsAreRequired) {
- accordionItemData.push({
- title: translate('registration.mainTopic.headline'),
- nestedComponent: (
- onChange({ mainTopic: topic })}
- onValidityChange={handleValidity}
- />
- ),
- isValid: validity.mainTopic
- });
- }
-
- const agencySelectionTitle = useMemo(() => {
- let key = 'agency';
- if (consultant) {
- key =
- consultingTypes.length > 1
- ? 'consultingTypeAgencySelection.consultingType'
- : 'consultingTypeAgencySelection.agency';
- } else if (!consultingType?.registration?.autoSelectPostcode) {
- key = consultingType?.registration?.autoSelectAgency
- ? 'agencyPreselected'
- : 'agencySelection';
- }
- return `registration.${key}.headline`;
- }, [consultant, consultingType, consultingTypes.length]);
-
- if (additionalStepsData?.age?.isEnabled) {
- accordionItemData.push({
- title: translate('registration.age.headline'),
- nestedComponent: (
- ({
- ...option,
- label: translate(
- [
- `consultingType.${consultingType.id}.requiredComponents.age.${option.value}`,
- option.label
- ],
- { ns: 'consultingTypes' }
- )
- })
- )
- }}
- onAgeChange={(age) => onChange({ age })}
- onValidityChange={(validity) =>
- handleValidity('age', validity)
- }
- onKeyDown={handleKeyDown}
- />
- ),
- isValid: validity.age
- });
- }
-
- if (additionalStepsData?.state?.isEnabled) {
- // we want an array from 1 to 16 and the 0 at the end
- let countiesArray = Array.from(Array(17).keys());
- countiesArray.push(countiesArray.shift());
-
- accordionItemData.push({
- title: translate('registration.state.headline'),
- nestedComponent: (
- ({
- value: `${value}`,
- label: translate(
- `registration.state.options.${value}`
- )
- }))
- }}
- onStateChange={(state) => onChange({ state })}
- onValidityChange={(validity) =>
- handleValidity('state', validity)
- }
- onKeyDown={handleKeyDown}
- />
- ),
- isValid: validity.state
- });
- }
-
- accordionItemData.push({
- title: translate(agencySelectionTitle),
- nestedComponent: (
-
- ),
- isValid: validity.agency
- });
-
- accordionItemData.push({
- title: translate('registration.form.title'),
- nestedComponent: (
-
-
-
- setIsDataProtectionSelected(
- !isDataProtectionSelected
- )
- }
- onKeyPress={(event) => {
- if (event.key === 'Enter') {
- setIsDataProtectionSelected(
- !isDataProtectionSelected
- );
- }
- }}
- />
-
-
-
-
- {accordionItemData.map((accordionItem, i) => {
- return (
- setActiveItem(i + 1)}
- onItemHeaderClick={handleItemHeaderClick}
- title={accordionItem.title}
- nestedComponent={accordionItem.nestedComponent}
- key={i}
- isValid={accordionItem.isValid as AccordionItemValidity}
- />
- );
- })}
-
- );
-};
diff --git a/src/components/formAccordion/FormAccordionItem.tsx b/src/components/formAccordion/FormAccordionItem.tsx
deleted file mode 100644
index 445838895..000000000
--- a/src/components/formAccordion/FormAccordionItem.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import * as React from 'react';
-import './formAccordionItem.styles';
-import { ReactComponent as ValidIcon } from '../../resources/img/icons/checkmark_filled.svg';
-import { ReactComponent as InvalidIcon } from '../../resources/img/icons/exclamation-mark.svg';
-import { Button, ButtonItem, BUTTON_TYPES } from '../button/Button';
-import { AccordionItemValidity } from '../registration/registrationHelpers';
-import { useTranslation } from 'react-i18next';
-
-interface FormAccordionItemProps {
- title: string;
- nestedComponent: React.ReactNode;
- index: number;
- isActive: boolean;
- onStepSubmit: Function;
- onItemHeaderClick: Function;
- isLastItem: boolean;
- isValid: AccordionItemValidity;
-}
-
-export const FormAccordionItem = (props: FormAccordionItemProps) => {
- const { t: translate } = useTranslation();
- const handleStepSubmit = () => {
- props.onStepSubmit(props.index);
- };
-
- const handleOnHeaderClick = () => {
- props.onItemHeaderClick(props.index);
- };
-
- const buttonNextStep: ButtonItem = {
- title: translate('registration.accordion.item.continueButton.title'),
- label: translate('registration.accordion.item.continueButton.label'),
- type: BUTTON_TYPES.SECONDARY
- };
-
- return (
-
-
- {props.index}
-
{props.title}
- {props.isValid === 'valid' && (
-
- )}
- {props.isValid === 'invalid' && (
-
- )}
-
-
- {props.nestedComponent}
- {!props.isLastItem && (
-
- )}
-
-
-
-
- );
-};
diff --git a/src/components/registration/RegistrationForm.tsx b/src/components/registration/RegistrationForm.tsx
deleted file mode 100644
index bd9690aa9..000000000
--- a/src/components/registration/RegistrationForm.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import * as React from 'react';
-import { useState, useEffect, useCallback, useContext } from 'react';
-import { BUTTON_TYPES } from '../button/Button';
-import { apiPostRegistration, FETCH_ERRORS, X_REASON } from '../../api';
-import { endpoints } from '../../resources/scripts/endpoints';
-import { Overlay, OVERLAY_FUNCTIONS, OverlayItem } from '../overlay/Overlay';
-import { redirectToApp } from './autoLogin';
-import {
- AgencyDataInterface,
- ConsultingTypeInterface,
- TenantContext,
- useLocaleData
-} from '../../globalState';
-import { FormAccordion } from '../formAccordion/FormAccordion';
-import { ReactComponent as WelcomeIcon } from '../../resources/img/illustrations/welcome.svg';
-import './registrationForm.styles';
-import {
- getErrorCaseForStatus,
- redirectToErrorPage
-} from '../error/errorHandling';
-import { useTranslation } from 'react-i18next';
-import { LegalLinksContext } from '../../globalState/provider/LegalLinksProvider';
-import { useAppConfig } from '../../hooks/useAppConfig';
-import { getTenantSettings } from '../../utils/tenantSettingsHelper';
-import { budibaseLogout } from '../budibase/budibaseLogout';
-import { getUrlParameter } from '../../utils/getUrlParameter';
-import { UrlParamsContext } from '../../globalState/provider/UrlParamsProvider';
-import { TopicsDataInterface } from '../../globalState/interfaces/TopicsDataInterface';
-
-export interface FormAccordionData {
- username?: string;
- password?: string;
- agency?: AgencyDataInterface;
- consultingType?: ConsultingTypeInterface;
- mainTopic?: TopicsDataInterface;
- postcode?: string;
- state?: string;
- age?: string;
-}
-
-export const RegistrationForm = () => {
- const { t: translate } = useTranslation(['common', 'consultingTypes']);
- const legalLinks = useContext(LegalLinksContext);
- const { locale } = useLocaleData();
- const settings = useAppConfig();
- const postcode = getUrlParameter('postcode');
- const { agency, consultingType, consultant, topic } =
- useContext(UrlParamsContext);
-
- const [formAccordionData, setFormAccordionData] =
- useState({
- postcode: postcode || null,
- agency: agency || null,
- consultingType: consultingType || null,
- mainTopic: topic || null
- });
- const [formAccordionValid, setFormAccordionValid] = useState(false);
- const [isUsernameAlreadyInUse, setIsUsernameAlreadyInUse] =
- useState(false);
- const [isDataProtectionSelected, setIsDataProtectionSelected] =
- useState(false);
- const [isSubmitButtonDisabled, setIsSubmitButtonDisabled] = useState(true);
- const [overlayActive, setOverlayActive] = useState(false);
-
- const { tenant } = useContext(TenantContext);
- const { featureToolsEnabled } = getTenantSettings();
-
- // Logout from budibase
- useEffect(() => {
- featureToolsEnabled && budibaseLogout();
- }, [featureToolsEnabled]);
-
- useEffect(() => {
- setIsSubmitButtonDisabled(
- !(formAccordionValid && isDataProtectionSelected)
- );
- }, [formAccordionValid, isDataProtectionSelected]);
-
- const overlayItemRegistrationSuccess: OverlayItem = {
- svg: WelcomeIcon,
- headline: translate('registration.overlay.success.headline'),
- copy: translate('registration.overlay.success.copy'),
- buttonSet: [
- {
- label: translate('registration.overlay.success.button'),
- function: OVERLAY_FUNCTIONS.REDIRECT_WITH_BLUR,
- type: BUTTON_TYPES.PRIMARY
- }
- ]
- };
-
- const handleOverlayAction = (buttonFunction: string) => {
- if (buttonFunction === OVERLAY_FUNCTIONS.REDIRECT_WITH_BLUR) {
- redirectToApp();
- }
- };
-
- const handleSubmitButtonClick = () => {
- setIsUsernameAlreadyInUse(false);
- setIsSubmitButtonDisabled(true);
-
- const registrationData = {
- username: formAccordionData.username,
- password: encodeURIComponent(formAccordionData.password),
- agencyId: formAccordionData?.agency.id.toString(),
- mainTopicId: formAccordionData.mainTopic?.id?.toString(),
- postcode: formAccordionData.postcode,
- consultingType: formAccordionData.consultingType?.id?.toString(),
- termsAccepted: isDataProtectionSelected.toString(),
- preferredLanguage: locale,
- ...(formAccordionData.state && { state: formAccordionData.state }),
- ...(formAccordionData.age && { age: formAccordionData.age }),
- ...(consultant && { consultantId: consultant.consultantId })
- };
-
- apiPostRegistration(
- endpoints.registerAsker,
- registrationData,
- settings.multitenancyWithSingleDomainEnabled,
- tenant
- )
- .then(() => setOverlayActive(true))
- .catch((errorRes) => {
- if (
- errorRes.status === 409 &&
- errorRes.headers?.get(FETCH_ERRORS.X_REASON) ===
- X_REASON.USERNAME_NOT_AVAILABLE
- ) {
- setIsUsernameAlreadyInUse(true);
- setIsSubmitButtonDisabled(true);
- window.scrollTo({ top: 0 });
- return;
- }
-
- const error = getErrorCaseForStatus(errorRes.status);
- redirectToErrorPage(error);
- });
- };
-
- const handleChange = useCallback(
- (data: Partial) => {
- setFormAccordionData({
- ...formAccordionData,
- ...data
- });
- },
- [formAccordionData]
- );
-
- return (
- <>
-
-
- {overlayActive && (
-
- )}
-
- );
-};
diff --git a/src/components/registration/RegistrationPassword.tsx b/src/components/registration/RegistrationPassword.tsx
deleted file mode 100644
index 4719fcd15..000000000
--- a/src/components/registration/RegistrationPassword.tsx
+++ /dev/null
@@ -1,222 +0,0 @@
-import * as React from 'react';
-import { useEffect, useState } from 'react';
-import {
- InputField,
- InputFieldItem,
- InputFieldLabelState
-} from '../inputField/InputField';
-import { ReactComponent as LockIcon } from '../../resources/img/icons/lock.svg';
-import { LABEL_TYPES, Text } from '../text/Text';
-import {
- inputValuesFit,
- passwordCriteria,
- validatePasswordCriteria
-} from '../../utils/validateInputValue';
-import {
- AccordionItemValidity,
- VALIDITY_INITIAL,
- VALIDITY_INVALID,
- VALIDITY_VALID
-} from './registrationHelpers';
-import './registrationPassword.styles';
-import { useTranslation } from 'react-i18next';
-
-interface RegistrationPasswordProps {
- onPasswordChange: Function;
- onValidityChange: Function;
- passwordNote: string;
- onKeyDown?: Function;
-}
-
-export const RegistrationPassword = ({
- onPasswordChange,
- onValidityChange,
- passwordNote,
- onKeyDown
-}: RegistrationPasswordProps) => {
- const { t: translate } = useTranslation();
- const [isValid, setIsValid] =
- useState(VALIDITY_INITIAL);
- const [password, setPassword] = useState('');
- const [passwordLabel, setPasswordLabel] = useState(null);
- const [passwordLabelState, setPasswordLabelState] =
- useState(null);
- const [passwordCriteriaValidation, setPasswordCriteriaValidation] =
- useState();
- const [passwordConfirmation, setPasswordConfirmation] =
- useState('');
- const [passwordConfirmationLabel, setPasswordConfirmationLabel] =
- useState(null);
- const [passwordConfirmationLabelState, setPasswordConfirmationLabelState] =
- useState(null);
-
- useEffect(() => {
- if (passwordCriteriaValidation) {
- const areAllCriteriaValid = Object.values(
- passwordCriteriaValidation
- ).every((criteria) => criteria);
-
- if (password.length >= 1 && !areAllCriteriaValid) {
- setPasswordLabelState(VALIDITY_INVALID);
- setPasswordLabel(translate('registration.password.insecure'));
- } else if (password.length >= 1) {
- setPasswordLabelState(VALIDITY_VALID);
- setPasswordLabel(translate('registration.password.secure'));
- } else {
- setPasswordLabelState(null);
- setPasswordLabel(null);
- }
- }
- }, [passwordCriteriaValidation, password, translate]);
-
- useEffect(() => {
- let passwordFits = inputValuesFit(passwordConfirmation, password);
- if (passwordConfirmation.length >= 1 && !passwordFits) {
- setPasswordConfirmationLabelState(VALIDITY_INVALID);
- setPasswordConfirmationLabel(
- translate('registration.password.notSame')
- );
- } else if (passwordConfirmation.length >= 1) {
- setPasswordConfirmationLabelState(VALIDITY_VALID);
- setPasswordConfirmationLabel(
- translate('registration.password.same')
- );
- } else {
- setPasswordConfirmationLabelState(null);
- setPasswordConfirmationLabel(null);
- }
- }, [passwordConfirmation, password, translate]);
-
- useEffect(() => {
- onValidityChange(isValid);
- }, [isValid]); // eslint-disable-line react-hooks/exhaustive-deps
-
- useEffect(() => {
- onPasswordChange(password);
- }, [password]); // eslint-disable-line react-hooks/exhaustive-deps
-
- useEffect(() => {
- if (
- passwordLabelState === VALIDITY_VALID &&
- passwordConfirmationLabelState === VALIDITY_VALID
- ) {
- setIsValid(VALIDITY_VALID);
- } else if (!passwordLabelState && !passwordConfirmationLabelState) {
- setIsValid(VALIDITY_INITIAL);
- } else {
- setIsValid(VALIDITY_INVALID);
- }
- }, [passwordLabelState, passwordConfirmationLabelState]);
-
- const inputItemPassword: InputFieldItem = {
- content: password,
- icon: ,
- id: 'passwordInput',
- label: passwordLabel
- ? `${passwordLabel}`
- : translate('registration.password.input.label'),
- name: 'passwordInput',
- type: 'password',
- ...(passwordLabelState && { labelState: passwordLabelState })
- };
-
- const inputItemPasswordConfirmation: InputFieldItem = {
- content: passwordConfirmation,
- icon: ,
- id: 'passwordConfirmation',
- label: passwordConfirmationLabel
- ? `${passwordConfirmationLabel}`
- : translate('registration.password.confirmation.label'),
- name: 'passwordConfirmation',
- type: 'password',
- ...(passwordConfirmationLabelState && {
- labelState: passwordConfirmationLabelState
- })
- };
-
- const handlepasswordChange = (event) => {
- setPasswordCriteriaValidation(
- validatePasswordCriteria(event.target.value)
- );
- setPassword(event.target.value);
- };
-
- const passwordCriteria = [
- {
- content: translate('registration.password.criteria.upperLowerCase'),
- isValidCondition: passwordCriteriaValidation?.hasUpperLowerCase
- },
- {
- content: translate('registration.password.criteria.number'),
- isValidCondition: passwordCriteriaValidation?.hasNumber
- },
- {
- content: translate('registration.password.criteria.specialChar'),
- isValidCondition: passwordCriteriaValidation?.hasSpecialChar
- },
- {
- content: translate('registration.password.criteria.length'),
- isValidCondition: passwordCriteriaValidation?.hasMinLength
- }
- ];
-
- const passwordCriteriaList = passwordCriteria.map((criteria, index) => {
- return (
-
- {criteria.content}
-
- );
- });
-
- return (
-
-
-
- {passwordCriteriaList}
-
-
onKeyDown(e, false)}
- />
- setPasswordConfirmation(e.target.value)}
- onKeyDown={(e) => onKeyDown(e, true, false)}
- />
- {passwordNote && (
-
-
-
- )}
-
-
-
- );
-};
diff --git a/src/components/registration/RegistrationUsername.tsx b/src/components/registration/RegistrationUsername.tsx
deleted file mode 100644
index d0570247e..000000000
--- a/src/components/registration/RegistrationUsername.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import * as React from 'react';
-import { useEffect, useState } from 'react';
-import {
- InputField,
- InputFieldItem,
- InputFieldLabelState
-} from '../inputField/InputField';
-import { ReactComponent as PersonIcon } from '../../resources/img/icons/person.svg';
-import {
- AccordionItemValidity,
- MIN_USERNAME_LENGTH,
- VALIDITY_INITIAL,
- VALIDITY_INVALID,
- VALIDITY_VALID
-} from './registrationHelpers';
-import { Text } from '../text/Text';
-import { useTranslation } from 'react-i18next';
-
-interface RegistrationUsernameProps {
- isUsernameAlreadyInUse: boolean;
- onUsernameChange: Function;
- onValidityChange: Function;
- onKeyDown?: Function;
-}
-
-export const RegistrationUsername = ({
- isUsernameAlreadyInUse,
- onUsernameChange,
- onValidityChange,
- onKeyDown
-}: RegistrationUsernameProps) => {
- const { t: translate } = useTranslation();
- const [username, setUsername] = useState('');
- const [isValid, setIsValid] =
- useState(VALIDITY_INITIAL);
- const [labelContent, setLabelContent] = useState(null);
- const [labelState, setLabelState] = useState(null);
-
- useEffect(() => {
- if (isUsernameAlreadyInUse) {
- setIsValid(VALIDITY_INVALID);
- setLabelState(VALIDITY_INVALID);
- setLabelContent(translate('registration.user.unavailable'));
- }
- }, [isUsernameAlreadyInUse, translate]);
-
- useEffect(() => {
- onUsernameChange(username);
- }, [username]); // eslint-disable-line react-hooks/exhaustive-deps
-
- useEffect(() => {
- onValidityChange(isValid);
- }, [isValid]); // eslint-disable-line react-hooks/exhaustive-deps
-
- const inputItemUsername: InputFieldItem = {
- content: username,
- icon: ,
- id: 'username',
- label: labelContent
- ? `${labelContent}`
- : translate('registration.user.label'),
- maxLength: 30,
- name: 'username',
- type: 'text',
- ...(labelState && { labelState: labelState })
- };
-
- const handleUsernameChange = (event) => {
- validateUsername(event.target.value);
- setUsername(event.target.value);
- };
-
- const validateUsername = (username) => {
- if (username.length >= MIN_USERNAME_LENGTH) {
- setIsValid(VALIDITY_VALID);
- setLabelState(VALIDITY_VALID);
- setLabelContent(translate('registration.user.suitable'));
- } else if (username.length > 0) {
- setIsValid(VALIDITY_INVALID);
- setLabelState(VALIDITY_INVALID);
- setLabelContent(translate('registration.user.unsuitable'));
- } else {
- setIsValid(VALIDITY_INITIAL);
- setLabelState(null);
- setLabelContent(null);
- }
- };
-
- return (
-
-
-
-
- );
-};
diff --git a/src/components/registration/WelcomeScreen.tsx b/src/components/registration/WelcomeScreen.tsx
deleted file mode 100644
index a2a1f33d3..000000000
--- a/src/components/registration/WelcomeScreen.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import * as React from 'react';
-import { Button, ButtonItem, BUTTON_TYPES } from '../button/Button';
-import { Text } from '../text/Text';
-import { Headline } from '../headline/Headline';
-import { ServiceExplanation } from '../serviceExplanation/ServiceExplanation';
-import { RegistrationWelcomeScreenInterface } from '../../globalState';
-import './welcomeScreen.styles';
-import { useTranslation } from 'react-i18next';
-import { useHistory } from 'react-router-dom';
-import { useAppConfig } from '../../hooks/useAppConfig';
-
-interface WelcomeScreenProps {
- title: string;
- handleForwardToRegistration: Function;
- welcomeScreenConfig?: RegistrationWelcomeScreenInterface;
- loginParams?: string;
- consultingTypeId: number;
- consultingTypeName: string;
-}
-
-export const WelcomeScreen = ({
- title,
- handleForwardToRegistration,
- welcomeScreenConfig,
- loginParams,
- consultingTypeId,
- consultingTypeName
-}: WelcomeScreenProps) => {
- const { t: translate } = useTranslation();
- const history = useHistory();
- const settings = useAppConfig();
-
- const registrationButton: ButtonItem = {
- label: translate('registration.welcomeScreen.register.buttonLabel'),
- type: BUTTON_TYPES.PRIMARY
- };
-
- const loginButton: ButtonItem = {
- label: translate('registration.login.label'),
- type: BUTTON_TYPES.SECONDARY
- };
-
- return (
-
- {consultingTypeName && (
-
- {consultingTypeName}{' '}
-
- )}
-
-
{translate('registration.welcomeScreen.subline')}
-
-
-
-
-
-
-
-
-
-
-
- {showConsultingType
+ {showConsultingType &&
+ consultingType?.id &&
+ consultingType.titles?.default
? translate(
[
`consultingType.${consultingType.id}.titles.default`,
diff --git a/src/components/sessionsListItem/SessionListItemLastMessage.tsx b/src/components/sessionsListItem/SessionListItemLastMessage.tsx
index b574aebd2..e9506c989 100644
--- a/src/components/sessionsListItem/SessionListItemLastMessage.tsx
+++ b/src/components/sessionsListItem/SessionListItemLastMessage.tsx
@@ -10,44 +10,43 @@ interface SessionListItemLastMessageProps {
lastMessageType?: string | null;
}
-export const SessionListItemLastMessage: React.FC
=
- ({ showSpan, language, lastMessage, lastMessageType, showLanguage }) => {
- const { t: translate } = useTranslation();
+export const SessionListItemLastMessage: React.FC<
+ SessionListItemLastMessageProps
+> = ({ showSpan, language, lastMessage, lastMessageType, showLanguage }) => {
+ const { t: translate } = useTranslation();
- // do not show anything
- if (showSpan) return ;
- if (!lastMessage && !lastMessageType) return null;
+ // do not show anything
+ if (showSpan) return ;
+ if (!lastMessage && !lastMessageType) return null;
- const languageAddOn = (
-
- {/* we need a here, to ensure correct spacing for long messages */}
- {showLanguage && language && language.toUpperCase()} |
-
- );
+ const languageAddOn = (
+
+ {/* we need a here, to ensure correct spacing for long messages */}
+ {showLanguage && language && language.toUpperCase()} |
+
+ );
- let aliasMessage = ALIAS_LAST_MESSAGES[lastMessageType];
+ let aliasMessage = ALIAS_LAST_MESSAGES[lastMessageType];
- // reassign_consultant alias can have multiple states
- if (lastMessageType === 'REASSIGN_CONSULTANT') {
- try {
- if (JSON.parse(lastMessage)?.status) {
- aliasMessage += `.${JSON.parse(lastMessage).status}`;
- }
- } catch {
- // if no json -> do nothing
+ // reassign_consultant alias can have multiple states
+ if (lastMessageType === 'REASSIGN_CONSULTANT') {
+ try {
+ if (JSON.parse(lastMessage)?.status) {
+ aliasMessage += `.${JSON.parse(lastMessage).status}`;
}
+ } catch {
+ // if no json -> do nothing
}
+ }
- return (
-
- {showLanguage && language && languageAddOn}
- {aliasMessage ? translate(aliasMessage) : lastMessage}
-
- );
- };
+ return (
+
+ {showLanguage && language && languageAddOn}
+ {aliasMessage ? translate(aliasMessage) : lastMessage}
+
+ );
+};
diff --git a/src/components/sessionsListItem/sessionsListItem.styles.scss b/src/components/sessionsListItem/sessionsListItem.styles.scss
index e860d868a..80f2d391f 100644
--- a/src/components/sessionsListItem/sessionsListItem.styles.scss
+++ b/src/components/sessionsListItem/sessionsListItem.styles.scss
@@ -8,6 +8,7 @@ $icon-size-small: 16px;
transition: all 0.6s ease;
animation: appearSessionListItem 300ms ease forwards;
opacity: 0;
+
@for $i from 1 through 15 {
&:nth-child(#{$i}) {
animation-delay: $i * 50ms;
@@ -42,6 +43,7 @@ $icon-size-small: 16px;
top: 0;
animation: afterSessionsListItemWidth 200ms ease forwards;
}
+
@keyframes afterSessionsListItemWidth {
0% {
left: calc(100% - 80px);
diff --git a/src/components/stage/stage.styles.scss b/src/components/stage/stage.styles.scss
index 534bfb4f4..27ac4d7ea 100644
--- a/src/components/stage/stage.styles.scss
+++ b/src/components/stage/stage.styles.scss
@@ -46,7 +46,7 @@ $gridSpacing: $grid-base-four;
margin-bottom: $grid-base-five;
transform: scale(0.9);
- @media (min-width: calc(#{$xsmall} + #{$grid-base-three})) {
+ @media (calc(#{$xsmall} + #{$grid-base-three}) <= width) {
transform: scale(1);
margin-bottom: $grid-base-ten;
}
diff --git a/src/components/stageLayout/StageLayout.styles.scss b/src/components/stageLayout/StageLayout.styles.scss
index d620c673d..2caf06278 100644
--- a/src/components/stageLayout/StageLayout.styles.scss
+++ b/src/components/stageLayout/StageLayout.styles.scss
@@ -8,11 +8,16 @@
&__footer {
flex: 0;
padding: 0 $grid-base-two $grid-base-four;
+
@include breakpoint($fromLarge) {
padding: 0 $grid-base-three $grid-base-four;
}
}
+ .stageLayout__header > * {
+ padding: 0 8px;
+ }
+
&__content {
flex: 1;
}
@@ -69,10 +74,12 @@
&__toLogin {
&__text {
display: none;
- @media screen and (min-width: 768px) and (max-width: 900px) {
+
+ @media screen and (768px <= width <= 900px) {
display: inline-block;
}
- @media screen and (min-width: 1200px) {
+
+ @media screen and (1200px <= width) {
display: inline-block;
}
}
diff --git a/src/components/stageLayout/StageLayout.tsx b/src/components/stageLayout/StageLayout.tsx
index 3748c80c8..f765c0aea 100644
--- a/src/components/stageLayout/StageLayout.tsx
+++ b/src/components/stageLayout/StageLayout.tsx
@@ -9,7 +9,18 @@ import { useTranslation } from 'react-i18next';
import { LocaleSwitch } from '../localeSwitch/LocaleSwitch';
import { LegalLinksContext } from '../../globalState/provider/LegalLinksProvider';
import { useAppConfig } from '../../hooks/useAppConfig';
-import { useResponsive } from '../../hooks/useResponsive';
+import {
+ AppBar,
+ Box,
+ Divider,
+ IconButton,
+ Slide,
+ Toolbar,
+ Typography,
+ useScrollTrigger
+} from '@mui/material';
+import LoginIcon from '@mui/icons-material/Login';
+import { InfoDrawer } from '../registration/infoDrawer/InfoDrawer';
interface StageLayoutProps {
className?: string;
@@ -19,6 +30,7 @@ interface StageLayoutProps {
showLoginLink?: boolean;
showRegistrationLink?: boolean;
loginParams?: string;
+ showRegistrationInfoDrawer?: boolean;
}
export const StageLayout = ({
@@ -28,20 +40,79 @@ export const StageLayout = ({
showLegalLinks,
showLoginLink,
showRegistrationLink,
- loginParams
+ loginParams,
+ showRegistrationInfoDrawer
}: StageLayoutProps) => {
+ const trigger = useScrollTrigger();
const { t: translate } = useTranslation();
const legalLinks = useContext(LegalLinksContext);
const { selectableLocales } = useContext(LocaleContext);
const settings = useAppConfig();
- const { fromL } = useResponsive();
return (
+
+ theme.zIndex.drawer + 1
+ }}
+ >
+
+
+ {translate('app.stage.title')}
+
+
+
+ {selectableLocales.length > 1 && (
+
+ )}
+
+ {showLoginLink && (
+
+
+
+ )}
+
+
+
+
+
+
+ {showRegistrationInfoDrawer && (
+
+ )}
{React.cloneElement(Children.only(stage as ReactElement), {
className: 'stageLayout__stage'
})}
-
+
{selectableLocales.length > 1 && (
@@ -94,9 +165,19 @@ export const StageLayout = ({
)}
-
+
-
{children}
+
+ {children}
+
{showLegalLinks && (
diff --git a/src/components/tagSelect/tagSelect.styles.scss b/src/components/tagSelect/tagSelect.styles.scss
index bd490b2c1..2fb137834 100644
--- a/src/components/tagSelect/tagSelect.styles.scss
+++ b/src/components/tagSelect/tagSelect.styles.scss
@@ -31,7 +31,7 @@
&__label {
background: $dark-grey;
- border-radius: $grid-base-four / 2;
+ border-radius: $grid-base-four * 0.5;
text-align: center;
cursor: pointer;
padding: 0 $grid-base-two;
diff --git a/src/components/termsandconditions/termsandconfitions.styles.scss b/src/components/termsandconditions/termsandconfitions.styles.scss
index 3f80bb905..dd1f2912a 100644
--- a/src/components/termsandconditions/termsandconfitions.styles.scss
+++ b/src/components/termsandconditions/termsandconfitions.styles.scss
@@ -55,6 +55,7 @@
&:last-child {
padding-bottom: $grid-base-three;
text-align: end;
+
@include breakpoint($fromLarge) {
padding-bottom: 0;
}
diff --git a/src/components/tooltip/tooltip.styles.scss b/src/components/tooltip/tooltip.styles.scss
index 61097d781..625ae8f32 100644
--- a/src/components/tooltip/tooltip.styles.scss
+++ b/src/components/tooltip/tooltip.styles.scss
@@ -22,9 +22,10 @@ $tooltipWidth: 266px;
background: $white;
padding: $grid-base-two 20px;
border: 1px solid $form-disabled;
- @include rounded-drop-shadow;
opacity: 0;
+ @include rounded-drop-shadow;
+
&--visible {
opacity: 1;
}
diff --git a/src/components/twoFactorAuth/TwoFactorAuth.tsx b/src/components/twoFactorAuth/TwoFactorAuth.tsx
index 1720b8140..648affcef 100644
--- a/src/components/twoFactorAuth/TwoFactorAuth.tsx
+++ b/src/components/twoFactorAuth/TwoFactorAuth.tsx
@@ -55,8 +55,10 @@ export const TWO_FACTOR_TYPES = {
export const TwoFactorAuth = () => {
const { t: translate } = useTranslation();
- const location =
- useLocation<{ openTwoFactor?: boolean; isEditMode?: boolean }>();
+ const location = useLocation<{
+ openTwoFactor?: boolean;
+ isEditMode?: boolean;
+ }>();
const { userData, reloadUserData } = useContext(UserDataContext);
diff --git a/src/components/twoFactorAuth/TwoFactorAuthResendMail.tsx b/src/components/twoFactorAuth/TwoFactorAuthResendMail.tsx
index 47e33f03b..6bd91e174 100644
--- a/src/components/twoFactorAuth/TwoFactorAuthResendMail.tsx
+++ b/src/components/twoFactorAuth/TwoFactorAuthResendMail.tsx
@@ -8,38 +8,37 @@ interface TwoFactorAuthResendMailProps {
resendHandler: (callback: Function) => void;
}
-export const TwoFactorAuthResendMail: React.FC
=
- ({ resendHandler }) => {
- const { t: translate } = useTranslation();
- const [isCodeSent, setIsCodeSent] = useState(false);
- return (
-
-
- {isCodeSent ? (
-
- {' '}
- {translate('twoFactorAuth.activate.email.resend.sent')}
-
- ) : (
-
- )}
-
+
+ {isCodeSent ? (
+
+ {' '}
+ {translate('twoFactorAuth.activate.email.resend.sent')}
+
+ ) : (
+
+ )}
+
+
+
+
({
+ value: group.id,
+ label: group.title
+ }))}
+ selectInputLabel={translate(
+ 'consultingTypes.selectGroup'
+ )}
+ handleDropdownSelect={handleGroupSelect}
+ useIconOption={false}
+ isSearchable={false}
+ menuPlacement="bottom"
+ />
+
+ {selectedGroup !== null &&
+ selectedGroup.consultingTypes.map(
+ (consultingType) => (
+
+ handleConsultingTypeToggle(
+ consultingType.id
+ )
+ }
+ groupChild={consultingType}
+ />
+ )
+ )}
+
+
+
+
+ {isExpanded && (
+
+ )}
+
+
+
+ );
+ }
+
+ return (
+
+
+ {consultingType.furtherInformation.url && (
+
+
+
+
+ )}
+
+
+ {translate('consultingTypes.details.explanation.description')
+ .split('\n')
+ .map((part, index) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {ieBanner && (
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
Ohh!
+
+ Wir arbeiten gerade an unserer Online-Beratung.
+
+ Leider können Sie währenddessen die Anwendung nicht
+ nutzen.
+
+ Versuchen Sie es später noch einmal.
+
+
+
+
+
+
+
- erhälst Du eine E-Mail-Benachrichtigung, wenn Deine Beraterin oder Dein Berater Dir geschrieben hat
- kannst Du Dein Passwort zurücksetzen, falls Du es vergessen hast.
Deine E-Mail-Adresse kann von den Beraterinnen und Beratern nicht eingesehen werden."
+ }
+ },
+ "groupChat": {
+ "join": {
+ "warning": {
+ "message": "Deine Beraterin/Moderatorin oder Dein Berater/Moderator hat den Chat noch nicht gestartet. Sobald Deine Beraterin/Moderatorin oder Dein Berater/Moderator den Chat gestartet hat kannst du mit uns chatten. Bitte habe noch etwas Geduld."
+ }
+ }
+ },
+ "profile": {
+ "notifications": {
+ "follow": {
+ "up": {
+ "email": {
+ "label": "eine Nachricht von einem oder einer angenommenen Ratsuchenden erhalten hast."
+ }
+ }
+ }
+ },
+ "data": {
+ "emailInfo": "Die Angabe deiner E-Mail ist freiwillig und wird ausschließlich verwendet, um dich über neue Antworten deiner Beraterin oder deines Beraters zu informieren. Deine E-mail-Adresse ist für Beraterinnen und Berater nicht sichtbar."
+ }
+ },
+ "registration": {
+ "welcomeScreen": {
+ "info3": {
+ "text": "Innerhalb von 2 Arbeitstagen bekommst Du eine Antwort"
+ }
+ },
+ "consultingTypeAgencySelection": {
+ "consultingType": {
+ "infoText": "Deine Beraterin oder Dein Berater ist in mehreren Themenfeldern tätig. Bitte wähle Dein gewünschtes Themenfeld."
+ },
+ "agency": {
+ "infoText": "Deine Beraterin oder Dein Berater ist in mehreren Beratungsstellen tätig. Bitte wähle Deine gewünschte Beratungsstelle."
+ }
+ }
+ },
+ "session": {
+ "acceptance": {
+ "overlay": {
+ "headline": "Du hast die Erstanfrage erfolgreich angenommen und findest diese nun unter „Meine Beratungen."
+ }
+ },
+ "assignSelf": {
+ "overlay": {
+ "headline1": "Du hast die Beratung erfolgreich angenommen. Sie wurde in Meine Beratungen verschoben."
+ }
+ },
+ "assignOther": {
+ "overlay": {
+ "subtitle": {
+ "noTeam": "{{newConsultant}} ist somit für die Ratsuchende oder den Ratsuchenden verantwortlich und kann den kompletten Nachrichtenverlauf lesen. Du hast keinen Zugiff mehr auf die Nachrichten.",
+ "team": {
+ "self": "{{newConsultant}} ist somit für die Ratsuchende oder den Ratsuchenden verantwortlich. Stimmt {{toAskerName}} der Zuweisung zu, findest Du den Chatverlauf in Deinen Nachrichten und nicht mehr unter Teamberatung.",
+ "other": "{{newConsultant}} ist somit für die Ratsuchende oder den Ratsuchenden verantwortlich. Stimmt {{toAskerName}} der Zuweisung zu, findest Du den Chatverlauf unter Teamberatung und nicht mehr in Deinen Nachrichten."
+ }
+ }
+ }
+ }
+ },
+ "twoFactorAuth": {
+ "activate": {
+ "app": {
+ "step3": {
+ "title": "Verknüpfe die App mit Deinem Account"
+ }
+ }
+ }
+ },
+ "userProfile": {
+ "reassign": {
+ "description": "Du kannst die Unterhaltung einem anderen Teammitglied zuweisen. Diese Person ist dann für die Ratsuchende oder den Ratsuchenden verantwortlich."
+ }
+ },
+ "videoConference": {
+ "waitingroom": {
+ "dataProtection": {
+ "description": "Danach dürfen unsere Beraterinnen oder Berater einen Video-Call mit Dir starten."
+ },
+ "subline": "Der Video-Call hat noch nicht begonnen. Sie werden weitergeleitet sobald Deine Beraterin oder Dein Berater den Video-Call startet.",
+ "paused": {
+ "subline": "Der Video-Call wurde beendet. Sollte Deine Beraterin oder Dein Berater nur abwesend sein wirst Du in den Video-Call weitergeleitet sobald Deine Beraterin oder Dein Berater den Video-Call fortsetzt."
+ },
+ "errorPage": {
+ "description": "Zu Deinem Link können wir keinen Video-Call finden da der Video-Call entweder gelöscht oder bereits beendet wurde. Solltest Du weiterhin Probleme haben frage bitte Deinen Beraterin oder Dein Berater.",
+ "rejected": {
+ "description": "Leider kannst Du an diesem Video-Call nicht teilnehmen, da Deine Beraterin oder Dein Berater Dich abgelehnt hat."
+ }
+ }
+ }
+ }
+}
diff --git a/src/extensions/resources/i18n/overwrites/de.json b/src/extensions/resources/i18n/overwrites/de.json
new file mode 100644
index 000000000..d5a3bf61e
--- /dev/null
+++ b/src/extensions/resources/i18n/overwrites/de.json
@@ -0,0 +1,307 @@
+{
+ "appointments": {
+ "onlineMeeting": {
+ "overlay": {
+ "start": {
+ "copy": "Sie starten jetzt den Video-Call. Eingeladene Teilnehmerinnen oder Teilnehmer können ab sofort mit dem Einladungslink beitreten."
+ }
+ }
+ }
+ },
+ "anonymous": {
+ "overlay": {
+ "chatWasFinished": {
+ "headline": "Ihre Beraterin oder Ihr Berater hat den Chat beendet.",
+ "button": "Zu Diakonie.de"
+ },
+ "finishChat": {
+ "success": {
+ "button": "Zu Diakonie.de"
+ }
+ }
+ },
+ "waitingroom": {
+ "dataProtection": {
+ "description": "Danach dürfen unsere Beraterinnen oder Berater einen Chat mit Ihnen starten."
+ },
+ "subline": "Derzeit sind alle Beraterinnen oder Berater im Gespräch. Wir sind schnellstmöglich für Sie da.",
+ "overlay": {
+ "acceptance": {
+ "copy": "Sie werden von Ihrer Beraterin oder Ihrem Berater im Chat erwartet. Sind Sie bereit?"
+ },
+ "rejection": {
+ "copy": "Leider konnten wir innerhalb der Chat-Zeit nicht auf Ihr Anliegen eingehen. Registrieren Sie sich und hinterlassen Sie uns Ihre Nachricht. Wir melden uns innerhalb von 2 Arbeitstagen bei Ihnen."
+ }
+ },
+ "redirect": {
+ "subline": "Registrieren Sie sich und hinterlassen Sie uns Ihre Nachricht. Wir melden uns innerhalb von 2 Arbeitstagen bei Ihnen."
+ }
+ }
+ },
+ "app": {
+ "title": "Beratung",
+ "stage": {
+ "title": "Beratung\n& Hilfe"
+ }
+ },
+ "banner": {
+ "ie": {
+ "text": "Diese Anwendung ist nicht für die Nutzung mit dem Internet Explorer optimiert. Für ein optimales Nutzungserlebnis verwenden Sie bitte einen modernen Browser."
+ }
+ },
+ "consultant": {
+ "jobTitle": "Beraterin oder Berater"
+ },
+ "consultingTypes": {
+ "title": "Willkommen bei den Online-Beratungsangeboten der Diakonie",
+ "intro": "Ich suche Beratung für folgendes Thema:",
+ "selectGroup": "Bitte Thema auswählen",
+ "learnMore": "Mehr über den Ablauf bei der Beratung der Diakonie erfahren",
+ "info": "Info",
+ "details": {
+ "explanation": {
+ "title": "Um Sie bestmöglich beraten zu können, benötigen wir Ihre Postleitzahl",
+ "description": "Warum? Weil dann unsere Fachleute:\n• die Hilfen rund um Ihren Wohnort kennen\n• die Gesetze Ihres Bundeslandes kennen"
+ }
+ },
+ "overlay": {
+ "title": "So läuft die Beratung der Diakonie ab",
+ "close": "Schliessen"
+ },
+ "register": "Registrieren"
+ },
+ "dataProtection": {
+ "title": "Datenschutz",
+ "subtitle1": "Allgemeine Hinweise",
+ "title1": "Zielsetzung und verantwortliche Stelle",
+ "text1": "Für uns ist der Schutz Ihrer im Rahmen der Nutzung unserer Webangebote bereitgestellten \npersonenbezogenen Daten ein wichtiges Anliegen. \nDeshalb möchten wir Sie nachfolgend über die Art, den Umfang und Zweck der Erhebung und Verwendung \nvon Daten sowie Verwendung von Cookies innerhalb unseres Internetangebotes und mit diesem \nzusammenhängenden Datenerhebung und -verwendung informieren.
\nVerantwortliche Stelle im Sinne der Datenschutzvorschriften ist das Evangelische Werk für Diakonie \nund Entwicklung e.V., Caroline-Michaelis-Str.1, 10115 Berlin, \nImpressum (nachfolgend bezeichnet als \"Diakonie Deutschland\", \"wir\" oder \"uns\").",
+ "title2": "Grundsätzliche Angaben zur Datenverarbeitung",
+ "text2": "Grundlage unserer Datenverarbeitung sind die geltenden Datenschutznormen, insbesondere das Kirchengesetz über den Datenschutz der Evangelischen Kirche in Deutschland (DSG-EKD).
\nDie nachfolgende Bezeichnung als \"Nutzer\", umfasst sowohl unsere Mitglieder, Spender als auch die Besucher unserer Onlineangebote und ist geschlechtsneutral zu verstehen.
\nNeben dieser Datenschutzerklärung kann unser Internetangebot weitere und speziellere Datenschutzhinweise enthalten, auf die Sie gesondert hingewiesen werden.
\nWir verarbeiten personenbezogene Daten der Nutzer nur unter Einhaltung der einschlägigen Datenschutzbestimmungen. Das bedeutet, die Daten der Nutzer werden nur beim Vorliegen einer gesetzlichen Erlaubnis oder Vorliegen einer Einwilligung verwendet.
\nWir treffen organisatorische, vertragliche und technische Sicherheitsmaßnahmen entsprechend dem Stand der Technik, um sicher zu stellen, dass die Vorschriften der Datenschutzgesetze eingehalten werden und um damit die durch uns verwalteten Daten gegen zufällige oder vorsätzliche Manipulationen, Verlust, Zerstörung oder gegen den Zugriff unberechtigter Personen zu schützen.",
+ "title3": "Verarbeitung personenbezogener Daten",
+ "text3": "Die personenbezogenen Daten der Nutzer werden, neben den in dieser Datenschutzerklärung ausdrücklich genannten Verwendungen, für die folgenden Zwecke verwendet:
\n\n- Die Wahrnehmung unserer satzungsmäßigen Aufgaben, Ausführung unserer Dienste-, Service- und Nutzerleistungen;
\n- technische und geschäftsbezogene Benachrichtigungen betreffend unserer Angebote.
\n
\nDie uns online zur Verfügung gestellten personenbezogenen Daten werden nur für die im konkreten Fall mitgeteilten Zwecke erhoben, verarbeitet und genutzt. Eine darüberhinausgehende Erhebung, Verarbeitung oder Nutzung erfolgt nur im Einklang mit dem Gesetz.
\nDabei ist die Verarbeitung gemäß § 6 DSG-EKD nur rechtmäßig, wenn mindestens eine der nachstehenden Bedingungen erfüllt ist:
\n\n- eine Rechtsvorschrift erlaubt die Verarbeitung der personenbezogenen Daten oder ordnet sie an;
\n- die betroffene Person hat ihre Einwilligung zu der Verarbeitung der sie betreffenden personenbezogenen Daten für einen oder mehrere bestimmte Zwecke gegeben;
\n- die Verarbeitung ist zur Erfüllung der Aufgaben der verantwortlichen Stelle erforderlich, einschließlich der Ausübung kirchlicher Aufsicht,
\n- die Verarbeitung ist für die Wahrnehmung einer sonstigen Aufgabe erforderlich, die im kirchlichen Interesse liegt,
\n- die Verarbeitung ist für die Erfüllung eines Vertrags, dessen Vertragspartei die betroffene Person ist, oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, die auf Anfrage der betroffenen Person erfolgt;
\n- die Verarbeitung ist zur Erfüllung einer rechtlichen Verpflichtung erforderlich, der die kirchliche Stelle unterliegt;
\n- die Verarbeitung ist erforderlich, um lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person zu schützen;
\n- die Verarbeitung ist zur Wahrung der berechtigten Interessen eines Dritten erforderlich, sofern nicht die schutzwürdigen Interessen der betroffenen Person überwiegen, insbesondere dann, wenn diese minderjährig ist.
\n
\nWir übermitteln Daten ferner an Dritte, wenn dies auf Grundlage einer Einwilligung geschieht oder dies für Abrechnungszwecke (z.B. Durchführung von Banktransaktionen oder postalischer Versand von Waren und Rechnungen) oder sonst notwendig ist, um unsere vertraglichen Pflichten den Nutzern gegenüber zu erfüllen.
\nBei Kontaktaufnahme mit uns werden die Angaben zwecks Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen, gespeichert.
\nSofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten (zum Beispiel im Rahmen einer persönlichen Registrierung, Bestellung, Anforderung oder Mitteilung) besteht, so erfolgt die Angabe dieser Daten seitens des Nutzers auf ausdrücklich freiwilliger Basis.
\nPersonenbezogene Daten werden gelöscht, sofern sie ihren Verwendungszweck erfüllt haben und der Löschung keine Aufbewahrungspflichten entgegenstehen.",
+ "title4": "Änderungen der Datenschutzerklärung",
+ "text4": "Wir behalten uns vor die Datenschutzerklärung zu ändern, um sie an geänderte Rechtslagen, oder bei Änderungen des Dienstes sowie der Datenverarbeitung anzupassen.
\nDie Nutzer werden daher gebeten sich regelmäßig über deren Inhalt zu informieren, insbesondere wenn sie erneut personenbezogene Informationen mitteilen.",
+ "title5": "Rechte der betroffenen Person",
+ "text5": "Sie haben das Recht über die personenbezogenen Daten, die von uns über sie gespeichert \nwurden, auf Antrag unentgeltlich Auskunft zu erhalten.
\nSie haben das Recht, Ihre datenschutzrechtliche Einwilligungserklärung jederzeit zu widerrufen \n(s.a. z.B. Newsletter). \nDurch den Widerruf der Einwilligung wird die Rechtmäßigkeit der aufgrund der Einwilligung bis \nzum Widerruf erfolgten Verarbeitung nicht berührt.
\nZusätzlich haben Sie in berechtigten Fällen das Recht auf Berichtigung, auf Löschung, auf \nEinschränkung der Verarbeitung, auf Datenübertragbarkeit sowie eines Widerspruchsrechts gegen \ndie Verarbeitung.
\nDie Kontaktdaten sind dem Impressum zu entnehmen.
\nIm Falle datenschutzrechtlicher Verstöße steht dem Betroffenen ein Beschwerderecht bei der\nzuständigen Aufsichtsbehörde zu.\nZuständige Aufsichtsbehörde ist die oder der
\nBeauftragte für den Datenschutz der EKD
\nLange Laube 20, 30159 Hannover
\nTelefon: 0511 768128-0
\nhttps://datenschutz.ekd.de",
+ "title6": "Ansprechpartner",
+ "text6": "Für Fragen zum Datenschutz wenden Sie sich bitte an den Betriebsbeauftragten für den Datenschutz im Evangelischen Werk für Diakonie und Entwicklung:
\nDie oder Der örtlich Beauftragte für den Datenschutz
\nCaroline-Michaelis-Str. 1
\n10115 Berlin
\nE-Mail: datenschutz@ewde.de",
+ "subtitle2": "Datenerfassung auf der Webseite",
+ "title7": "Was sind Cookies und Co?",
+ "subtitle7": "Web-Browser-Cookies",
+ "text7": "Cookies sind Informationen, die von unserem Webserver an Ihren Web-Browser übertragen und dort für einen späteren Abruf gespeichert werden. \nInformationen können zum Beispiel Ihre IP-Adresse oder eine andere Kennung, Ihren Browsertyp und Informationen über digitale Inhalte, mit denen Sie interagieren, enthalten. \nDurch das Speichern solcher Informationen können Webbrowser-Cookies Ihre Präferenzen und Einstellungen für Online-Dienste speichern und analysieren, wie Sie Online-Dienste nutzen.",
+ "title8": "Verwendung, Rechtsgrundlage und Zweck",
+ "subtitle8": "Technisch notwendige Cookies",
+ "text8": "Die Verwendung technisch notweniger Cookies dient dazu, die Nutzung der Webseiten für die Webseitenbesucher zu vereinfachen. \nEinige Funktionen unserer Webseite erfordern den Einsatz von technisch notwendigen Cookies. \nDer Browser des Nutzers muss dafür auch nach einem Seitenwechsel wiedererkannt werden. \nWir erheben Daten über jeden Zugriff auf den Server, auf dem sich dieses Angebot befindet (so genannte Serverlogfiles).
\nDie Rechtsgrundlage für die Verarbeitung personenbezogener Daten unter Verwendung technisch notweniger Cookies ist § 6 Nr.4 DSG-EKD.
\nZu den Zugriffsdaten gehören Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider. Diese Daten werden nicht gespeichert, sind jedoch zur Laufzeit verfügbar.
\nWir verwenden die Protokolldaten ohne Zuordnung zur Person des Nutzers oder sonstiger Profilerstellung entsprechend den gesetzlichen Bestimmungen nur für statistische Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung des Angebotes. \nWir behalten uns jedoch vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte der berechtigte Verdacht einer rechtswidrigen Nutzung besteht. \nDie durch technisch notwendige Cookies erhobenen Nutzerdaten werden nicht zur Erstellung von Nutzerprofilen verwendet.",
+ "title9": "Dauer der Speicherung, Widerspruchs- und Beseitigungsmöglichkeit",
+ "text9": "Cookies werden auf dem Rechner des Nutzers gespeichert und von diesem an unserer Seite übermittelt. \nDaher haben Sie als Nutzer auch die volle Kontrolle über die Verwendung von Cookies. \nDurch eine Änderung der Einstellungen in Ihrem Internetbrowser können Sie die Übertragung von Cookies deaktivieren oder einschränken. \nBereits gespeicherte Cookies können jederzeit gelöscht werden. \nDies kann auch automatisiert erfolgen. Werden Cookies für unsere Website deaktiviert, können möglicherweise nicht mehr alle Funktionen der Website vollumfänglich genutzt werden.",
+ "title10": "Verwendete Cookies",
+ "text10": "\n\n\n| Name | \nSpeicherdauer | \nZugriff Dritter | \n
\n\n| CSRF-TOKEN | \nSession | \nnein | \n
\n\n| keycloak | \nSession | \nnein | \n
\n\n| KEYCLOAK_LOCALE | \nSession | \nnein | \n
\n\n| rc_token | \nSession | \nnein | \n
\n\n| rc_uid | \nSession | \nnein | \n
\n\n| refreshToken | \nSession | \nnein | \n
\n\n| useInformal | \nSession | \nnein | \n
\n\n| userRoles | \nSession | \nnein | \n
\n\n| registeredUsername | \nSession | \nnein | \n
\n\n| hideInfoBanner | \nSession | \nnein | \n
\n\n| public_key | \nSession | \nnein | \n
\n\n| private_key | \nSession | \nnein | \n
\n\n| visited | \nSession | \nnein | \n
\n\n| anonymousSessionId | \nSession | \nnein | \n
\n\n| auth.access_token_valid_until | \nDauerhaft | \nnein | \n
\n\n| auth.refresh_token_valid_until | \nDauerhaft | \nnein | \n
\n\n| mk_* | \nDauerhaft | \nnein | \n
\n\n| locale | \nDauerhaft | \nnein | \n
\n\n| releaseNote | \nDauerhaft | \nnein | \n
\n\n| pseudoPassword_* | \nDauerhaft | \nnein | \n
\n
\n",
+ "title11": "Registrierung und Kommunikation über die Beratungsplattform",
+ "text11": "Das Beratungsportal ist ein geschlossenes und verschlüsseltes System, über das Ratsuchende anonymen Kontakt zu einer Beratungsstelle der Diakonie herstellen können. \nDie Diakonie Deutschland stellt dieses System zur Verfügung und gewährleistet die technische Sicherheit, hat aber keinen Einblick in die Beratungsvorgänge. \nDiese liegen in der Verantwortung der einzelnen Beratungsstellen. \nBei Fragen zu einem Beratungsvorgang wenden Sie sich daher bitte direkt an die jeweilige Beratungsstelle.",
+ "title12": "Umfang und Zweck der Datenverarbeitung, Rechtsgrundlage",
+ "text12": "Ziel des Beratungsportals ist es, in der Online-Kommunikation einen Grad der Vertraulichkeit herzustellen, der mit einem Vier-Augen-Gespräch innerhalb einer Beratungsstelle vergleichbar ist.
\nAuf technischem Wege wird dabei sichergestellt, dass Beratungsanfragen nach der Fallverteilung nur von dem oder der Ratsuchenden und einer Beraterin oder einem Berater gelesen werden können. \nEin Mitlesen von Beratungsinhalten durch Dritte ist technisch nicht möglich.
\nBeratungsstellen haben zusätzlich die Möglichkeit einer Teamberatung. Alle Beraterinnen und Berater einer Teamberatungsstelle können die Beratung einsehen. Dies wird dem oder der Ratsuchenden vor der Beratungsanfrage angezeigt.
\nBei einer Videoberatung kann eine Beraterin oder ein Berater Dritte hinzuschalten, z.B. Dolmetscher. Die Zuschaltung erfolgt für die Ratsuchende oder den Ratsuchenden sichtbar.
\nZur Aufrechterhaltung des Mailserver-Betriebs, zur Fehlerdiagnose und zur Verhinderung von Missbrauch werden Mail-Server-Logs maximal 30 Tage gespeichert. \nZur Sicherstellung des Betriebs, zur Verhinderung von Missbrauch und zur Besucherauswertung werden IP-Adressen der Benutzer während der Session verarbeitet. Eine Speicherung der IP-Adressen erfolgt nicht.
\nRechtsgrundlage für die Verarbeitung der Daten ist bei Vorliegen einer Einwilligung § 6 Nr. 2 DSG-EKD.",
+ "title13": "Anonymität",
+ "text13": "Ratsuchende brauchen ihren Namen nicht anzugeben, es wird lediglich ein Benutzername zur Identifizierung des oder der Ratsuchenden verlangt. \nDazu kann ein frei wählbares Pseudonym genutzt werden, welches keinen Rückschluss auf den tatsächlichen Namen zulässt.
\nRatsuchende können darüber hinaus freiwillig eine eigene E-Mail-Adresse angeben, an die sie automatisierte Benachrichtigungen erhalten, sobald eine Antwort auf Ihre Anfrage vorliegt. Diese E-Mail-Adresse ist von den Beraterinnen oder Beratern nicht zu sehen und es werden niemals Beratungsinhalte an diese E-Mail-Adresse gesendet.
\nDie IP-Adresse von Ratsuchenden wird nicht zusammen mit der Anfrage gespeichert.
\nEs werden keine Benutzerprofile angelegt, die es ermöglichen, eine Verbindung zwischen verschiedene Anfragen herzustellen.",
+ "title14": "Datenlöschung",
+ "text14": "Alle Nachrichten einer Anfrage werden automatisch 180 Tage nach der letzten Nachricht gelöscht. \nDurch die \"Schutzfrist\" von 180 Tagen ist gewährleistet, dass eine Anfrage auch dann fortgesetzt werden kann, wenn sie durch Urlaub oder Krankheit der Beraterin, des Beraters, des oder der Ratsuchenden einige Wochen unterbrochen wird.
\nEventuelle Dokumentations- und Archivierungspflichten verbleiben bei der Beratungsstelle.",
+ "text15": "Stand der Datenschutzerklärung: November 2022"
+ },
+ "deleteAccount": {
+ "successOverlay": {
+ "headline": "Sie haben Ihren Account bei der Diakonie Beratung erfolgreich gelöscht."
+ }
+ },
+ "enquiry": {
+ "write": {
+ "input": {
+ "placeholder": {
+ "consultant": "Nachricht an Klient:in schreiben",
+ "feedback": {
+ "peer": "Nachricht an Teamleiter:in schreiben"
+ }
+ }
+ },
+ "overlay": {
+ "copy": "Innerhalb von 2 Arbeitstagen erhalten Sie eine Antwort von uns."
+ }
+ }
+ },
+ "furtherSteps": {
+ "step2": {
+ "info": "Jetzt finden wir eine Beraterin oder einen Berater für Sie."
+ },
+ "step3": {
+ "info": "Ihre Beraterin oder Ihr Berater antwortet innerhalb von 2 Arbeitstagen."
+ },
+ "emailNotification": {
+ "infoText": "Wenn Sie Ihre E-Mail-Adresse angeben (freiwillig)
- erhalten Sie eine E-Mail-Benachrichtigung, wenn Ihre Beraterin oder Ihr Berater Ihnen geschrieben hat
- können Sie Ihr Passwort zurücksetzen, falls Sie es vergessen haben.
Ihre E-Mail-Adresse kann von den Beraterinnen und Beratern nicht eingesehen werden."
+ }
+ },
+ "groupChat": {
+ "join": {
+ "warning": {
+ "message": "Ihre Beraterin/Moderatorin oder ihr Berater/Moderator hat den Chat noch nicht gestartet. Sobald Ihre Beraterin/Moderatorin oder Ihr Berater/Moderator den Chat gestartet hat können Sie mit uns chatten. Bitte haben Sie noch etwas Geduld."
+ }
+ }
+ },
+ "imprint": {
+ "title": "Impressum",
+ "title1": "Anbieterkennzeichnung gemäß den gesetzlichen Bestimmungen",
+ "text1": "Diakonie Deutschland
\nEvangelisches Werk für Diakonie und Entwicklung e.V.
\nCaroline-Michaelis-Str. 1
\n10115 Berlin
\nTelefon: 030 65211-0
\nTelefax: 030 65211-3333
\nE-Mail: diakonie@diakonie.de",
+ "title2": "Das Werk wird durch den Vorstand vertreten. Er besteht aus folgenden Mitgliedern",
+ "text2": "Vorsitzende: Präsidentin Pfarrerin Dr. Dagmar Pruin
\nstellvertretender Vorsitzender: Präsident Pfarrer Ulrich Lilie
\nDr. Jörg Kruttschnitt
\nMaria Loheide
\nJeweils zwei Mitglieder des Vorstandes vertreten das Evangelische Werk für Diakonie und Entwicklung e.V. im Rechtsverkehr gemeinsam.",
+ "title3": "Registergericht",
+ "text3": "Amtsgericht Berlin-Charlottenburg, Vereinsregister 31924 B
\nUSt-IdNr.: DE 147801862
\nDas Evangelische Werk für Diakonie und Entwicklung verfolgt ausschließlich und unmittelbar gemeinnützige, mildtätige und kirchliche Zwecke im Sinne des Abschnitts \"steuerbegünstigte Zwecke\" der Abgabenordnung.",
+ "title4": "Verantwortlich für den Web-Auftritt",
+ "text4": "Dr. Thomas Schiller
\nLeiter Kommunikation
\nEvangelisches Werk für Diakonie und Entwicklung e.V.
\nCaroline-Michaelis-Str.1
\n10115 Berlin
\nTelefon: 030 65211-1356
\nFax: 030 65211-3356
\nE-Mail: thomas.schiller@diakonie.de",
+ "title5": "Copyright-Hinweis",
+ "text5": "Alle auf unseren Seiten verwendeten Bilder, Fotos, Logos, Texte etc. unterliegen dem Copyright des Evangelischen Werkes für Diakonie und Entwicklung e.V. bzw. von Dritten. Sie dürfen nicht bzw. nur nach Rücksprache mit der Redaktion weiter verwendet werden. Die verschiedenen Logos der Diakonie sowie das Kronenkreuz sind eingetragene Marken, deren Eigentümer das Evangelische Werk für Diakonie und Entwicklung e.V. ist. Die unberechtigte Nutzung und Verwendung ist unzulässig.",
+ "title6": "Rechtlicher Hinweis zur Haftung",
+ "text6": "Die Inhalte externer Links werden von uns sorgfältig geprüft. Wir übernehmen dennoch keine Haftung für die Inhalte der mit oder von unserer Website verlinkten externen Seiten. Für die Inhalte dieser Seiten sind ausschließlich deren Anbieter verantwortlich.
\nDie Diakonie Deutschland ist Dachorganisation der Diakonie in Deutschland. Als evangelischer Wohlfahrtsverband ist sie der soziale Dienst der Kirchen in Deutschland und vertritt die Interessen der Menschen für die die diakonischen Dienste und Einrichtungen tätig sind. Der Online-Auftritt richtet sich deshalb an alle, die an den Angeboten der Diakonie in Deutschland interessiert sind."
+ },
+ "monitoring": {
+ "monitoringU25": {
+ "deceaseLovedOne": "Tod einer oder eines Nahestehenden",
+ "concernLovedOne": "Sorge um Nahestehende:n",
+ "relationshipRelative": "Beziehungssituation mit Angehörige:n",
+ "noAnswer": "Klient:in hat sich nicht mehr gemeldet",
+ "partnerLivingCommunity": "mit Partner:in in WG",
+ "concern": "Sorge um Suizidgefährdete:n",
+ "noFirstAnswer": "Klient:in hat auf Erstmail nicht reagiert",
+ "helpfulness": "Wie hilfreich war der Kontakt für Klient:in?"
+ }
+ },
+ "profile": {
+ "data": {
+ "register": {
+ "consultingModeInfo": {
+ "groupChats": "In der Selbsthilfe tauschen sich Betroffene über ein Thema oder ein Anliegen miteinander aus. Die Betroffenen sprechen über ihre Probleme, Gefühle und Hoffnungen und erfahren so, wie andere Probleme bewältigt haben. Die Gruppen werden von Moderatorinnen oder Moderatoren geleitet."
+ }
+ },
+ "emailInfo": "Die Angabe Ihrer E-Mail ist freiwillig und wird ausschließlich verwendet, um Sie über neue Antworten Ihrer Beraterin oder Ihres Beraters zu informieren. Ihre E-Mail-Adresse ist für Beraterinnen und Berater nicht sichtbar."
+ },
+ "notifications": {
+ "follow": {
+ "up": {
+ "email": {
+ "label": "eine Nachricht von einem oder einer angenommenen Ratsuchenden erhalten haben."
+ }
+ }
+ }
+ }
+ },
+ "registration": {
+ "consultantlink": "Ihre Beraterin oder Ihr Berater hat Sie zur Online-Beratung eingeladen! Bitte registrieren Sie sich, um mit Ihrer beratenden Person in Kontakt zu treten.",
+ "agencySelection": {
+ "postcode": {
+ "unavailable": {
+ "title": "Keine Online-Beratungsstelle gefunden"
+ }
+ }
+ },
+ "overlay": {
+ "success": {
+ "headline": "Herzlich willkommen
bei der Beratung der Diakonie."
+ }
+ },
+ "agency": {
+ "noresult": {
+ "subline": "Momentan haben wir leider noch keine Online-Beratungsstelle in Ihrer Nähe. Auf unserer Webseite finden Sie Beratungsstellen vor Ort für Ihr Anliegen."
+ }
+ },
+ "user": {
+ "infoText": "Um Ihre Anonymität zu schützen, raten wir Ihnen, nicht Ihren tatsächlichen Namen oder Initialien zu verwenden.
Wählen Sie bitte einen geeigneten Benutzernamen mit min. 5 Zeichen."
+ },
+ "welcomeScreen": {
+ "subline": "So läuft die Beratung der Diakonie ab",
+ "info3": {
+ "text": "Innerhalb von 2 Arbeitstagen bekommen Sie eine Antwort"
+ },
+ "info4": {
+ "text": "Sie bleiben anonym und erhalten kostenfreie Beratung"
+ }
+ },
+ "consultingTypeAgencySelection": {
+ "consultingType": {
+ "infoText": "Ihre Beraterin oder Ihr Berater ist in mehreren Themenfeldern tätig. Bitte wählen Sie Ihr gewünschtes Themenfeld."
+ },
+ "agency": {
+ "infoText": "Ihre Beraterin oder Ihr Berater ist in mehreren Beratungsstellen tätig. Bitte wählen Sie Ihre gewünschte Beratungsstelle."
+ }
+ }
+ },
+ "session": {
+ "consultant": {
+ "prefix": "Beraterin oder Berater - "
+ },
+ "groupChat": {
+ "consultant": {
+ "prefix": "Moderatorin oder Moderator - "
+ }
+ },
+ "acceptance": {
+ "overlay": {
+ "headline": "Sie haben die Erstanfrage erfolgreich angenommen und finden diese nun unter „Meine Beratungen“."
+ }
+ },
+ "assignOther": {
+ "overlay": {
+ "subtitle": {
+ "noTeam": "{{newConsultant}} ist somit für die Ratsuchende oder den Ratsuchenden verantwortlich und kann den kompletten Nachrichtenverlauf lesen. Sie haben keinen Zugiff mehr auf die Nachrichten.",
+ "team": {
+ "self": "{{newConsultant}} ist somit für die Ratsuchende oder den Ratsuchenden verantwortlich. Stimmt {{toAskerName}} der Zuweisung zu, finden Sie den Chatverlauf in Ihren Nachrichten und nicht mehr unter Teamberatung.",
+ "other": "{{newConsultant}} ist somit für die Ratsuchende oder den Ratsuchenden verantwortlich. Stimmt {{toAskerName}} der Zuweisung zu, finden Sie den Chatverlauf unter Teamberatung und nicht mehr in Ihren Nachrichten."
+ }
+ }
+ }
+ }
+ },
+ "sessionList": {
+ "view": {
+ "headline": "Meine Beratungen"
+ },
+ "user": {
+ "headline": "Meine Beratungen",
+ "consultantUnknown": "Beraterinnen- oder Berater-Suche läuft"
+ }
+ },
+ "twoFactorAuth": {
+ "activate": {
+ "app": {
+ "step3": {
+ "title": "Verknüpfen Sie die App mit Ihrem Account"
+ }
+ }
+ }
+ },
+ "typingIndicator": {
+ "multipleUsers": {
+ "typing": "Teilnehmerinnen oder Teilnehmer schreiben"
+ }
+ },
+ "userProfile": {
+ "data": {
+ "resort": "Beratungsfeld"
+ },
+ "reassign": {
+ "description": "Sie können die Unterhaltung einem anderen Teammitglied zuweisen. Diese Person ist dann für die Ratsuchende oder den Ratsuchenden verantwortlich."
+ }
+ },
+ "videoConference": {
+ "waitingroom": {
+ "dataProtection": {
+ "description": "Danach dürfen unsere Beraterinnen oder Berater einen Video-Call mit Ihnen starten."
+ },
+ "subline": "Der Video-Call hat noch nicht begonnen. Sie werden weitergeleitet sobald Ihre Beraterin oder Ihr Berater den Video-Call startet.",
+ "paused": {
+ "subline": "Der Video-Call wurde beendet. Sollten Ihre Beraterin oder Ihr Berater nur abwesend sein werden Sie in den Video-Call weitergeleitet sobald Ihre Beraterin oder Ihr Berater den Video-Call fortsetzt."
+ },
+ "errorPage": {
+ "description": "Zu Ihrem Link können wir keinen Video-Call finden da der Video-Call entweder gelöscht oder bereits beendet wurde. Sollten Sie weiterhin Probleme haben fragen Sie bitte Ihre Beraterin oder Ihren Berater.",
+ "rejected": {
+ "description": "Leider können Sie an diesem Video-Call nicht teilnehmen, da Ihre Beraterin oder Ihr Berater Sie abgelehnt hat."
+ }
+ }
+ }
+ }
+}
diff --git a/src/extensions/resources/scripts/config.ts b/src/extensions/resources/scripts/config.ts
new file mode 100644
index 000000000..1dfd2bc93
--- /dev/null
+++ b/src/extensions/resources/scripts/config.ts
@@ -0,0 +1,353 @@
+import { AppConfigInterface } from '../../../../index';
+import {
+ OVERLAY_RELEASE_NOTE,
+ OVERLAY_TWO_FACTOR_NAG
+} from '../../../globalState/interfaces/AppConfig/OverlaysConfigInterface';
+
+// Files completely overwritten in extension
+import deAgency from '../i18n/de.agency.json';
+import deConsultingTypes from '../i18n/de.consultingTypes.json';
+import deLanguages from '../i18n/de.languages.json';
+import enAgency from '../i18n/en.agency.json';
+import enConsultingTypes from '../i18n/en.consultingTypes.json';
+import enLanguages from '../i18n/en.languages.json';
+
+// File from main repo
+import en from '../../../resources/i18n/en.json';
+
+// Files which extends the original languages
+import deInformal from '../i18n/overwrites/de.informal.json';
+import de from '../i18n/overwrites/de.json';
+
+export const uiUrl = window.location.origin ?? '';
+
+export const APP_PATH = 'app';
+
+export const legalLinks = {
+ imprint: '/impressum',
+ privacy: '/datenschutz'
+};
+
+export const config: AppConfigInterface = {
+ useTenantService: false,
+ budibaseSSO: false, // Feature flag to enable SSO on budibase
+ enableWalkthrough: false, // Feature flag to enable walkthrough (false by default here & true in the theme repo)
+ disableVideoAppointments: false, // Feature flag to enable Video-Termine page
+ multitenancyWithSingleDomainEnabled: false, // Feature flag to enable the multi tenancy with a single domain ex: lands
+ useApiClusterSettings: true, // Feature flag to enable the cluster use the cluster settings instead of the config file
+ mainTenantSubdomainForSingleDomainMultitenancy: 'app',
+ attachmentEncryption: true, // Feature flag for attachment end to end encryption - e2e must also be enabled in rocket.chat
+
+ urls: {
+ chatScheduleUrl: uiUrl + '/themen',
+ consultantVideoConference:
+ '/consultant/videoberatung/:type/:appointmentId',
+ error401: uiUrl + '/error.401.html',
+ error404: uiUrl + '/error.404.html',
+ error500: uiUrl + '/error.500.html',
+ finishedAnonymousChatRedirect: 'https://www.diakonie.de',
+ home: uiUrl + '/registration',
+ redirectToApp: uiUrl + '/' + APP_PATH,
+ registration: uiUrl + '/registration',
+ releases: uiUrl + '/releases',
+ toEntry: uiUrl + '/registration',
+ toLogin: uiUrl + '/login',
+ toRegistration: uiUrl + '/registration',
+ videoCall: '/videoanruf/:domain/:jwt/:video?/:username?/:e2e?',
+ videoConference: '/videoberatung/:type/:appointmentId',
+ ...legalLinks
+ },
+ postcodeFallbackUrl: '{url}{postcode}/',
+ jitsi: {
+ /**
+ * Enable WebRTC Encoded Transform as an alternative to insertable streams.
+ * NOTE: Currently the only browser supporting this is Safari / WebKit, behind a flag.
+ * This must be enabled in jitsi too. (Config value is named equal)
+ * https://github.com/jitsi/lib-jitsi-meet/blob/afc006e99a42439c305c20faab50a1f786254676/modules/browser/BrowserCapabilities.js#L259
+ */
+ enableEncodedTransformSupport: true,
+ /**
+ * Enable the e2ee banner outside the jitsi iframe. Set this to true when video-backend is on the latest develop
+ * where the e2ee banner is removed inside jitsi and need to be rendered inside the frontend
+ */
+ showE2EEBanner: true,
+ showLogo: true
+ },
+ legalLinks: [
+ {
+ url: legalLinks.imprint,
+ label: 'login.legal.infoText.impressum'
+ },
+ {
+ url: legalLinks.privacy,
+ label: 'login.legal.infoText.dataprotection',
+ registration: true
+ }
+ ],
+ emails: {
+ notifications: [
+ {
+ label: 'profile.notifications.follow.up.email.label',
+ types: [
+ 'NEW_CHAT_MESSAGE_FROM_ADVICE_SEEKER',
+ 'NEW_FEEDBACK_MESSAGE_FROM_ADVICE_SEEKER'
+ ]
+ }
+ ]
+ },
+ overlays: {
+ priority: [OVERLAY_RELEASE_NOTE, OVERLAY_TWO_FACTOR_NAG]
+ },
+ twofactor: {
+ startObligatoryHint: new Date('2098-07-31'),
+ dateTwoFactorObligatory: new Date('2099-02-01'),
+ messages: [
+ {
+ title: 'twoFactorAuth.nag.obligatory.moment.title',
+ copy: 'twoFactorAuth.nag.obligatory.moment.copy',
+ showClose: true
+ },
+ {
+ title: 'twoFactorAuth.nag.obligatory.title',
+ copy: 'twoFactorAuth.nag.obligatory.copy',
+ showClose: false
+ }
+ ]
+ },
+ spokenLanguages: [
+ 'de',
+ 'aa',
+ 'ab',
+ 'ae',
+ 'af',
+ 'ak',
+ 'am',
+ 'an',
+ 'ar',
+ 'as',
+ 'av',
+ 'ay',
+ 'az',
+ 'ba',
+ 'be',
+ 'bg',
+ 'bh',
+ 'bi',
+ 'bm',
+ 'bn',
+ 'bo',
+ 'br',
+ 'bs',
+ 'ca',
+ 'ce',
+ 'ch',
+ 'co',
+ 'cr',
+ 'cs',
+ 'cu',
+ 'cv',
+ 'cy',
+ 'da',
+ 'dv',
+ 'dz',
+ 'ee',
+ 'el',
+ 'en',
+ 'eo',
+ 'es',
+ 'et',
+ 'eu',
+ 'fa',
+ 'ff',
+ 'fi',
+ 'fj',
+ 'fo',
+ 'fr',
+ 'fy',
+ 'ga',
+ 'gd',
+ 'gl',
+ 'gn',
+ 'gu',
+ 'gv',
+ 'ha',
+ 'he',
+ 'hi',
+ 'ho',
+ 'hr',
+ 'ht',
+ 'hu',
+ 'hy',
+ 'hz',
+ 'ia',
+ 'id',
+ 'ie',
+ 'ig',
+ 'ii',
+ 'ik',
+ 'io',
+ 'is',
+ 'it',
+ 'iu',
+ 'ja',
+ 'jv',
+ 'ka',
+ 'kg',
+ 'ki',
+ 'kj',
+ 'kk',
+ 'kl',
+ 'km',
+ 'kn',
+ 'ko',
+ 'kr',
+ 'ks',
+ 'ku',
+ 'kv',
+ 'kw',
+ 'ky',
+ 'la',
+ 'lb',
+ 'lg',
+ 'li',
+ 'ln',
+ 'lo',
+ 'lt',
+ 'lu',
+ 'lv',
+ 'mg',
+ 'mh',
+ 'mi',
+ 'mk',
+ 'ml',
+ 'mn',
+ 'mr',
+ 'ms',
+ 'mt',
+ 'my',
+ 'na',
+ 'nb',
+ 'nd',
+ 'ne',
+ 'ng',
+ 'nl',
+ 'nn',
+ 'no',
+ 'nr',
+ 'nv',
+ 'ny',
+ 'oc',
+ 'oj',
+ 'om',
+ 'or',
+ 'os',
+ 'pa',
+ 'pi',
+ 'pl',
+ 'ps',
+ 'pt',
+ 'qu',
+ 'rm',
+ 'rn',
+ 'ro',
+ 'ru',
+ 'rw',
+ 'sa',
+ 'sc',
+ 'sd',
+ 'se',
+ 'sg',
+ 'si',
+ 'sk',
+ 'sl',
+ 'sm',
+ 'sn',
+ 'so',
+ 'sq',
+ 'sr',
+ 'ss',
+ 'st',
+ 'su',
+ 'sv',
+ 'sw',
+ 'ta',
+ 'te',
+ 'tg',
+ 'th',
+ 'ti',
+ 'tk',
+ 'tl',
+ 'tn',
+ 'to',
+ 'tr',
+ 'ts',
+ 'tt',
+ 'tw',
+ 'ty',
+ 'ug',
+ 'uk',
+ 'ur',
+ 'uz',
+ 've',
+ 'vi',
+ 'vo',
+ 'wa',
+ 'wo',
+ 'xh',
+ 'yi',
+ 'yo',
+ 'za',
+ 'zh',
+ 'zu'
+ ],
+ i18n: {
+ supportedLngs: ['en', 'de'],
+ fallbackLng: {
+ en: ['de'],
+ en_informal: ['en', 'de_informal', 'de']
+ },
+ resources: {
+ de: {
+ languages: {
+ ...deLanguages
+ },
+ common: {
+ ...de
+ },
+ consultingTypes: {
+ ...deConsultingTypes
+ },
+ agencies: {
+ ...deAgency
+ }
+ },
+ de_informal: {
+ common: {
+ ...deInformal
+ }
+ },
+ en: {
+ common: {
+ ...en
+ },
+ consultingTypes: {
+ ...enConsultingTypes
+ },
+ agencies: {
+ ...enAgency
+ },
+ languages: {
+ ...enLanguages
+ }
+ }
+ }
+ }
+};
+
+export const ALIAS_LAST_MESSAGES = {
+ E2EE_ACTIVATED: 'aliases.lastMessage.e2ee_activated',
+ FURTHER_STEPS: 'aliases.lastMessage.further_steps',
+ REASSIGN_CONSULTANT: 'aliases.lastMessage.reassign_consultant',
+ REASSIGN_CONSULTANT_RESET_LAST_MESSAGE:
+ 'aliases.lastMessage.reassign_consultant_reset_last_message'
+};
diff --git a/src/extensions/resources/styles/generateQrCode.scss b/src/extensions/resources/styles/generateQrCode.scss
new file mode 100644
index 000000000..0d6ed6176
--- /dev/null
+++ b/src/extensions/resources/styles/generateQrCode.scss
@@ -0,0 +1,3 @@
+.generateQrCode__overlayContent .text {
+ margin-left: 0;
+}
diff --git a/src/extensions/resources/styles/releaseNote.styles.scss b/src/extensions/resources/styles/releaseNote.styles.scss
new file mode 100644
index 000000000..11160418c
--- /dev/null
+++ b/src/extensions/resources/styles/releaseNote.styles.scss
@@ -0,0 +1,3 @@
+.releaseNote.overlay {
+ z-index: 9999;
+}
diff --git a/src/extensions/resources/styles/sessionMenu.scss b/src/extensions/resources/styles/sessionMenu.scss
new file mode 100644
index 000000000..cc004b187
--- /dev/null
+++ b/src/extensions/resources/styles/sessionMenu.scss
@@ -0,0 +1,5 @@
+.sessionMenu__content {
+ .sessionMenu__item:nth-child(5) {
+ display: none;
+ }
+}
diff --git a/src/extensions/resources/styles/settings.scss b/src/extensions/resources/styles/settings.scss
new file mode 100644
index 000000000..ec13f3cfc
--- /dev/null
+++ b/src/extensions/resources/styles/settings.scss
@@ -0,0 +1,151 @@
+// FONTS
+$font-family-sans-serif: Arial, sans-serif;
+$font-family-divider: $font-family-sans-serif;
+$body-font-family: $font-family-sans-serif;
+
+$font-weight-light: normal;
+$font-weight-regular: normal;
+$font-weight-medium: bold;
+$font-weight-bold: bold;
+
+// COLORS
+$primary: #5a2572;
+$primary-2: #462672;
+$primary-3: #6e2272;
+$primary-4: #3a2673;
+
+$blue: #009bdc;
+$grey-light: #d9d7ed;
+$background-light: #e4e3f3;
+$background-lighter: #f2f0f9;
+$background-grey: #677391;
+$background-accent: #e4e3f3;
+
+$message-name-self: $tertiary;
+$message-name-system: $primary;
+$message-name-consultant: $primary;
+$message-name-user: $primary;
+
+$hover-primary: $primary-4;
+$hover-select: $background-accent;
+
+$text-high-emphasis: rgba(0, 0, 0, 0.9);
+$text-low-emphasis: rgba(0, 0, 0, 0.6);
+$text-disabled: rgba(0, 0, 0, 0.4);
+$text-invert: rgba(255, 255, 255, 1);
+
+$border-default: rgba(0, 0, 0, 0.2);
+$border-hover: rgba(0, 0, 0, 0.9);
+$border-active: rgba(0, 0, 0, 0.9);
+
+// Components
+$button-auto-close-color: #835b95;
+$button-border-radius: 0px;
+$button-box-shadow-default: none;
+$button-box-shadow-grey: none;
+$button-small-icon-background-color-default: $blue;
+$button-small-icon-border-radius: 0;
+$button-small-icon-alternate-background-color: $blue;
+$checkbox-border-radius: 0;
+$datepicker-hover-color: $background-accent;
+$enquiry-background: $background-lighter;
+$enquiry-circle-background: $background-lighter;
+$enquiry-input-border-radius: $grid-base-three;
+$form-accordion-index-background-active: $primary;
+$form-accordion-index-border: 1px solid $primary;
+$form-accordion-index-color-active: $white;
+$form-accordion-index-color: $primary;
+$form-input-border: #dcd9dc;
+$further-steps-step-info-text-align: left;
+$headline-1-font-weight: $font-weight-medium;
+$headline-2-font-weight: $font-weight-medium;
+$illustration-background-error: rgba(255, 0, 0, 0.08);
+$illustration-background-info: rgba($black, 0.05);
+$illustration-background-neutral: rgba(53, 58, 74, 0.1);
+$input-field-border-radius: 0;
+$input-field-box-shadow: none;
+$input-field-height: 50px;
+$legal-information-links-left-default: $grid-base-two;
+$legal-information-links-left-large: $grid-base-five;
+$legal-information-links-left-medium: $grid-base-five;
+$link-color: $primary;
+$link-color-hover: $hover-primary;
+$link-text-decoration: underline;
+$link-text-decoration-hover: $link-text-decoration !default;
+$link-font-weight: inherit;
+$login-align-items: flex-start;
+$login-button-focus-border-radius: 0px;
+$login-icon-transform: none;
+$login-button-width: 320px;
+$login-button-width-large: $login-button-width;
+$login-text-align: left;
+$link-hover-color-default: $hover-primary;
+$max-input-width: 320px;
+$message-background-primary: $primary;
+$message-background-secondary: black;
+$message-background-rate: 0%;
+$message-background: mix(
+ $message-background-secondary,
+ $primary,
+ $message-background-rate
+);
+$message-submit-interface-textarea-background-color: $grey-light;
+$message-submit-interface-textarea-background-color-yellow: $yellow-3;
+$message-submit-interface-textarea-placeholder-color: $light-grey;
+$overlay-text-align: left;
+$overlay-list-align: left;
+$overlay-input-field-margin: $grid-base-three 0;
+$overlay-button-margin: $grid-base-two 0 0 auto;
+$overlay-stepped-text-align: left;
+$overlay-stepped-input-field-margin: $grid-base-three 0;
+$two-factor-qr-code-width: 100px;
+$profile-divider-text-align: left;
+$profile-imprint-background-color: $grey-light;
+$registration-form-max-width: auto;
+$registration-form-margin-left: 0 !default;
+$registration-text-align: left;
+$select-dropdown-border-radius: 0;
+$select-focus-background-color: $primary-4;
+$selection-focus-color: $text-invert;
+$sendInputHeight: 48px;
+$session-background-color: $background-lighter;
+$session-content-background-color: $background-lighter;
+$session-header-background-color: $background-light;
+$session-header-background-color-large: $background-lighter;
+$session-list-item-background-active: $background-lighter;
+$session-list-item-border-radius: 0px;
+$sessions-list-background-color-primary: $background-lighter;
+$sessions-list-background-color-secondary: $background-light;
+$session-menu-legal-links-color: $text-invert;
+$statistics-highlight-color: $primary;
+$text-color-standard: $secondary;
+$text-color-info-large-standard: $secondary;
+$text-divider-color: $primary;
+$text-divider-letter-spacing: 1px;
+$text-divider-font-weight: $font-weight-bold;
+$text-divider-text-transform: uppercase;
+$upload-progress: #80dd92;
+$welcome-screen-icon-background: $primary;
+$notice-background: transparent;
+$notice-border: 1px solid rgba(0, 0, 0, 0.2);
+$notice-padding: $grid-base-three;
+$tab-border-radius: 25px;
+$tab-background-color: rgba(0, 0, 0, 0.05);
+$tab-background-color-hover: rgba(0, 0, 0, 0.2);
+$tab-background-color-selected: rgba($primary, 0.2);
+$tab-background-color-selected-hover: rgba($hover-primary, 0.2);
+$tab-background-border-color-selected: $primary;
+$tab-color: $tertiary;
+$tab-color-hover: rgba(0, 0, 0, 0.8);
+$tab-color-selected: $primary;
+$overlay-radio-outline: 1px solid rgba(0, 0, 0, 0.2);
+$overlay-radio-radius: 25px;
+$header-height: $grid-base-twelve;
+$message-wrapper-height: 109px;
+$box-border-radius: 0px;
+$link-menu-item-border-radius: 0px;
+
+@import './sessionMenu.scss';
+@import './twoFactorAuth.scss';
+@import './releaseNote.styles';
+@import './generateQrCode.scss';
diff --git a/src/extensions/resources/styles/twoFactorAuth.scss b/src/extensions/resources/styles/twoFactorAuth.scss
new file mode 100644
index 000000000..4e3038f4a
--- /dev/null
+++ b/src/extensions/resources/styles/twoFactorAuth.scss
@@ -0,0 +1,4 @@
+.twoFactorAuth__emailConfirmation,
+.twoFactorAuth__appConfirmation {
+ text-align: center;
+}
diff --git a/src/extensions/resources/utils/useDocumentTitle.tsx b/src/extensions/resources/utils/useDocumentTitle.tsx
new file mode 100644
index 000000000..c3070ab25
--- /dev/null
+++ b/src/extensions/resources/utils/useDocumentTitle.tsx
@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+
+function useDocumentTitle(title) {
+ useEffect(() => {
+ const prevTitle = document.title;
+ document.title = title;
+ return () => {
+ document.title = prevTitle;
+ };
+ }, [title]);
+}
+
+export default useDocumentTitle;
diff --git a/src/globalState/index.ts b/src/globalState/index.ts
index b127a6723..353c2d0b3 100644
--- a/src/globalState/index.ts
+++ b/src/globalState/index.ts
@@ -16,6 +16,7 @@ export * from './provider/ConsultantListProvider';
export * from './provider/ConsultingTypesProvider';
export * from './provider/E2EEProvider';
export * from './provider/LocaleProvider';
+export * from './provider/RegistrationProvider';
export * from './provider/NotificationsProvider';
export * from './provider/SessionsDataProvider';
export * from './provider/SessionTypeProvider';
diff --git a/src/globalState/interfaces/TopicGroups.ts b/src/globalState/interfaces/TopicGroups.ts
new file mode 100644
index 000000000..7790b0f59
--- /dev/null
+++ b/src/globalState/interfaces/TopicGroups.ts
@@ -0,0 +1,5 @@
+export interface TopicGroup {
+ id: number;
+ name: string;
+ topicIds: number[];
+}
diff --git a/src/globalState/interfaces/UserDataInterface.ts b/src/globalState/interfaces/UserDataInterface.ts
index 93fea8c14..c20c159c5 100644
--- a/src/globalState/interfaces/UserDataInterface.ts
+++ b/src/globalState/interfaces/UserDataInterface.ts
@@ -51,6 +51,7 @@ export interface AgencyDataInterface {
url?: string;
external?: boolean;
tenantId?: number;
+ topicIds?: number[];
}
export interface ConsultingTypeDataInterface {
@@ -65,7 +66,7 @@ export interface TwoFactorAuthInterface {
secret: string;
qrCode: string;
isShown: boolean;
- type?: typeof TWO_FACTOR_TYPES[keyof typeof TWO_FACTOR_TYPES];
+ type?: (typeof TWO_FACTOR_TYPES)[keyof typeof TWO_FACTOR_TYPES];
}
export interface AgencyLanguagesInterface {
diff --git a/src/globalState/provider/RegistrationProvider.tsx b/src/globalState/provider/RegistrationProvider.tsx
new file mode 100644
index 000000000..225b81eeb
--- /dev/null
+++ b/src/globalState/provider/RegistrationProvider.tsx
@@ -0,0 +1,351 @@
+import {
+ createContext,
+ Dispatch,
+ SetStateAction,
+ useEffect,
+ useMemo,
+ useState
+} from 'react';
+import * as React from 'react';
+import { useLocation } from 'react-router-dom';
+import { apiGetAgencyById } from '../../api';
+import { apiGetTopicsData } from '../../api/apiGetTopicsData';
+import { apiGetConsultant } from '../../api/apiGetConsultant';
+import {
+ AgencyDataInterface,
+ ConsultantDataInterface
+} from '../interfaces/UserDataInterface';
+import { TopicsDataInterface } from '../interfaces/TopicsDataInterface';
+
+interface RegistrationContextInterface {
+ disabledNextButton?: boolean;
+ setDisabledNextButton?: Dispatch>;
+ setDataForSessionStorage?: Dispatch<
+ SetStateAction>
+ >;
+ sessionStorageRegistrationData?: RegistrationSessionStorageData;
+ dataPrepForSessionStorage?: Partial;
+ updateSessionStorageWithPreppedData?: () => void;
+ refreshSessionStorageRegistrationData?: () => void;
+ availableSteps?: {
+ component: string;
+ urlSuffix?: string;
+ mandatoryFields?: string[];
+ urlParams?: string[];
+ }[];
+ preselectedData?: Array<'tid' | 'zipcode' | 'aid'>;
+ preselectedAgency?: AgencyDataInterface;
+ preselectedTopicName?: string;
+ isConsultantLink?: boolean;
+ consultant?: ConsultantDataInterface;
+ hasConsultantError?: boolean;
+ hasAgencyError?: boolean;
+ hasTopicError?: boolean;
+}
+
+export const RegistrationContext = createContext(
+ {}
+);
+
+interface RegistrationSessionStorageData {
+ username: string;
+ password: string;
+ agencyId: number;
+ topicId: number;
+ zipcode: string;
+}
+
+export const registrationSessionStorageKey = 'registrationData';
+
+export function RegistrationProvider(props) {
+ const getSessionStorageData = () =>
+ JSON.parse(
+ sessionStorage.getItem(registrationSessionStorageKey) || '{}'
+ );
+ const [disabledNextButton, setDisabledNextButton] = useState(true);
+ const [hasTopicError, setHasTopicError] = useState(false);
+ const [hasAgencyError, setHasAgencyError] = useState(false);
+ const [hasConsultantError, setHasConsultantError] =
+ useState(false);
+ const [isConsultantLink, setIsConsultantLink] = useState(false);
+ const [consultant, setConsultant] = useState();
+ const [preselectedData, setPreselectedData] = useState<
+ Array<'tid' | 'zipcode' | 'aid'>
+ >([]);
+ const [preselectedAgency, setPreselectedAgency] =
+ useState();
+ const [preselectedTopic, setPreselectedTopic] =
+ useState();
+ const [preselectedTopicName, setPreselectedTopicName] = useState();
+ const [dataPrepForSessionStorage, setDataPrepForSessionStorage] = useState<
+ Partial
+ >({});
+ const [sessionStorageRegistrationData, setSessionStorageRegistrationData] =
+ useState(getSessionStorageData());
+ const useQuery = () => {
+ const { search } = useLocation();
+ return useMemo(() => new URLSearchParams(search), [search]);
+ };
+ const urlQuery: URLSearchParams = useQuery();
+ const defaultSteps = [
+ { component: 'welcome', urlSuffix: '' },
+ {
+ component: 'topicSelection',
+ urlSuffix: '/topic-selection',
+ mandatoryFields: ['topicId'],
+ urlParams: ['tid']
+ },
+ {
+ component: 'zipcode',
+ urlSuffix: '/zipcode',
+ mandatoryFields: ['zipcode'],
+ // old links used postcode as parameter
+ urlParams: ['postcode']
+ },
+ {
+ component: 'agencySelection',
+ urlSuffix: '/agency-selection',
+ mandatoryFields: ['agencyId'],
+ urlParams: ['aid']
+ },
+ {
+ component: 'accountData',
+ urlSuffix: '/account-data',
+ mandatoryFields: ['username', 'password']
+ }
+ ];
+ const [availableSteps, setAvailableSteps] = useState(defaultSteps);
+
+ const updateSessionStorage = (
+ dataToAdd?: Partial
+ ) => {
+ const updatedData = {
+ ...sessionStorageRegistrationData,
+ ...dataPrepForSessionStorage,
+ ...dataToAdd
+ };
+
+ sessionStorage.setItem(
+ registrationSessionStorageKey,
+ JSON.stringify(updatedData)
+ );
+ setSessionStorageRegistrationData(updatedData);
+ };
+
+ const refreshSessionStorage = () => {
+ setSessionStorageRegistrationData(getSessionStorageData());
+ };
+
+ useEffect(() => {
+ if (
+ urlQuery.get('postcode') ||
+ urlQuery.get('aid') ||
+ urlQuery.get('tid') ||
+ urlQuery.get('cid')
+ ) {
+ const zipcodeRegex = new RegExp(
+ /^([0]{1}[1-9]{1}|[1-9]{1}[0-9]{1})[0-9]{3}$/
+ );
+ const isZipcodeValid = zipcodeRegex.test(urlQuery.get('postcode'));
+ setPreselectedData(
+ [
+ urlQuery.get('postcode') && isZipcodeValid ? 'zipcode' : '',
+ urlQuery.get('aid') ? 'aid' : '',
+ urlQuery.get('tid') ? 'tid' : ''
+ ].filter((preselection) => preselection !== '') as (
+ | 'tid'
+ | 'aid'
+ | 'zipcode'
+ )[]
+ );
+ updateSessionStorage({
+ zipcode: isZipcodeValid
+ ? urlQuery.get('postcode')
+ : sessionStorageRegistrationData.zipcode,
+ agencyId: urlQuery.get('aid')
+ ? parseInt(urlQuery.get('aid'))
+ : sessionStorageRegistrationData.agencyId,
+ topicId: urlQuery.get('tid')
+ ? parseInt(urlQuery.get('tid'))
+ : sessionStorageRegistrationData.topicId
+ });
+
+ setAvailableSteps(
+ availableSteps.filter(
+ (step) =>
+ !step.urlParams?.every(
+ (param) =>
+ urlQuery.get(param) &&
+ (param !== 'postcode' || isZipcodeValid)
+ )
+ )
+ );
+ }
+ if (urlQuery.get('cid')) {
+ setIsConsultantLink(true);
+ (async () => {
+ try {
+ const consultantResponse = await apiGetConsultant(
+ urlQuery.get('cid'),
+ true,
+ 'basic',
+ true
+ );
+ setConsultant(consultantResponse);
+ } catch {
+ setHasConsultantError(true);
+ }
+ })();
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [urlQuery]);
+
+ useEffect(() => {
+ if (sessionStorageRegistrationData.topicId) {
+ (async () => {
+ try {
+ const topicsResponse = await apiGetTopicsData();
+ setPreselectedTopic(
+ topicsResponse.filter(
+ (topic) =>
+ topic.id ===
+ sessionStorageRegistrationData.topicId
+ )[0] || undefined
+ );
+ setPreselectedTopicName(
+ topicsResponse.filter(
+ (topic) =>
+ topic.id ===
+ sessionStorageRegistrationData.topicId
+ )[0]?.name || undefined
+ );
+ if (
+ urlQuery.get('tid') &&
+ topicsResponse.filter(
+ (topic) =>
+ topic.id ===
+ sessionStorageRegistrationData.topicId
+ )[0]?.name === undefined
+ ) {
+ updateSessionStorage({
+ topicId: undefined
+ });
+ setHasTopicError(true);
+ }
+ } catch {
+ setPreselectedTopicName(undefined);
+ if (urlQuery.get('tid')) {
+ updateSessionStorage({
+ topicId: undefined
+ });
+ setHasTopicError(true);
+ }
+ }
+ })();
+ } else {
+ setPreselectedTopic(undefined);
+ setPreselectedTopicName(undefined);
+ }
+ if (sessionStorageRegistrationData.agencyId) {
+ (async () => {
+ try {
+ const agencyResponse = await apiGetAgencyById(
+ sessionStorageRegistrationData.agencyId
+ );
+ setPreselectedAgency(agencyResponse || undefined);
+ } catch {
+ setPreselectedAgency(undefined);
+ if (urlQuery.get('aid')) {
+ updateSessionStorage({
+ agencyId: undefined
+ });
+ setHasAgencyError(true);
+ }
+ }
+ })();
+ } else {
+ setPreselectedAgency(undefined);
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [sessionStorageRegistrationData]);
+
+ useEffect(() => {
+ // readd steps for agency and topic if error in preselection
+ if (hasAgencyError || hasTopicError) {
+ setAvailableSteps(
+ defaultSteps.filter(
+ (step) =>
+ !step.urlParams?.every(
+ (param) =>
+ urlQuery.get(param) &&
+ (param !== 'aid' || !hasAgencyError) &&
+ (param !== 'tid' || !hasTopicError)
+ )
+ )
+ );
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [hasAgencyError, hasTopicError]);
+
+ useEffect(() => {
+ // Check if agency matches preselected topic
+ if (
+ urlQuery.get('tid') &&
+ preselectedTopic &&
+ preselectedAgency &&
+ !preselectedAgency?.topicIds?.includes(preselectedTopic.id)
+ ) {
+ setPreselectedAgency(undefined);
+ updateSessionStorage({
+ agencyId: undefined
+ });
+ setHasAgencyError(true);
+ }
+ // Check if saved topic matches preselected agency
+ if (
+ !urlQuery.get('tid') &&
+ urlQuery.get('aid') &&
+ sessionStorageRegistrationData.topicId &&
+ preselectedAgency &&
+ !preselectedAgency?.topicIds?.includes(
+ sessionStorageRegistrationData.topicId
+ )
+ ) {
+ setPreselectedTopic(undefined);
+ setPreselectedTopicName(undefined);
+ updateSessionStorage({ topicId: undefined });
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [
+ preselectedAgency,
+ preselectedTopic,
+ urlQuery,
+ sessionStorageRegistrationData.topicId,
+ preselectedTopicName
+ ]);
+
+ return (
+
+ {props.children}
+
+ );
+}
diff --git a/src/globalState/provider/SessionsDataProvider.tsx b/src/globalState/provider/SessionsDataProvider.tsx
index e2873caff..b7a8bdf85 100644
--- a/src/globalState/provider/SessionsDataProvider.tsx
+++ b/src/globalState/provider/SessionsDataProvider.tsx
@@ -68,7 +68,7 @@ function reducer(
case UPDATE_SESSIONS: {
const { sessions } = action;
const newSessions = [...state.sessions];
- sessions.forEach((s) => {
+ (sessions ?? []).forEach((s) => {
const newChatItem = getChatItemForSession(s);
const index = newSessions.findIndex((s) => {
const chatItem = getChatItemForSession(s);
@@ -90,7 +90,7 @@ function reducer(
case REMOVE_SESSIONS: {
const { ids } = action;
const newSessions = [...state.sessions];
- ids.forEach((id) => {
+ (ids ?? []).forEach((id) => {
const index = newSessions.findIndex((s) => {
const chatItem = getChatItemForSession(s);
return chatItem.id === id || chatItem.groupId === id;
diff --git a/src/resources/i18n/de.informal.json b/src/resources/i18n/de.informal.json
index 5694c2d39..4f6591a89 100644
--- a/src/resources/i18n/de.informal.json
+++ b/src/resources/i18n/de.informal.json
@@ -491,10 +491,43 @@
}
},
"registration": {
+ "zipcode": {
+ "headline": "Um Dich bestmöglich beraten zu können benötigen wir Deine Postleitzahl",
+ "bullet1": "• die Hilfen rund um Deinen Wohnort kennen",
+ "bullet2": "• die Gesetze Deines Bundeslandes kennen",
+ "label": "Deine Postleitzahl"
+ },
+ "account": {
+ "subline": "Um Deine Anonymität zu schützen, raten wir Dir, nicht Deinen tatsächlichen Namen oder Initialen zu verwenden.",
+ "username": {
+ "error": { "available": "Dein Benutzername ist zu kurz." },
+ "success": "Dein Benutzername ist geeignet."
+ },
+ "repeatPassword": {
+ "success": "Dein Passwort ist identisch",
+ "error": "Dein Passwort ist nicht identisch"
+ }
+ },
+ "topic": {
+ "summary": "Dein Thema:",
+ "headline": "Zu welchem Thema suchst Du Beratung?",
+ "subline": "Wähle ein Thema aus unserem Beratungsangebot aus."
+ },
"agency": {
+ "summary": "Deine Beratungsstelle",
"preselected": {
"prefix": "Deine vorausgewählte Beratungsstelle: ",
"isTeam": "Du wirst von einem Team beraten."
+ },
+ "headline": "Deine Beratungsstelle wählen",
+ "result": {
+ "external": {
+ "subline": "Bitte versuchee es mit einer anderen Postleitzahl oder besuche unsere Website, um eine Beratungsstelle in Deiner Nähe zu finden."
+ },
+ "languages": "Diese Beratungsstelle berät Dich auf:"
+ },
+ "noresult": {
+ "subline": "Bitte versuche es mit einer anderen Postleitzahl oder besuche unsere Website, um eine Beratungsstelle in Deiner Nähe zu finden."
}
},
"consultingType": {
diff --git a/src/resources/i18n/de.json b/src/resources/i18n/de.json
index 19912cb19..2f54a6a01 100644
--- a/src/resources/i18n/de.json
+++ b/src/resources/i18n/de.json
@@ -132,11 +132,13 @@
"menu": "Weitere Funktionen",
"back": "Zurück",
"next": "Weiter",
+ "info": "Information",
"successful": "Erfolgreich",
"faulty": "Fehlerhaft",
"selectLanguage": "Sprache wählen",
"wait": "Bitte warten",
- "closeBanner": "Banner schließen"
+ "closeBanner": "Banner schließen",
+ "or": "oder"
},
"appointments": {
"copy": {
@@ -1724,6 +1726,9 @@
"iconTitle": "QR-Code"
},
"registration": {
+ "next": "Weiter",
+ "back": "Zurück",
+ "register": "Registrieren",
"accordion": {
"item": {
"continueButton": {
@@ -1732,16 +1737,89 @@
}
}
},
+ "consultantlink": "Ihr_e Berater_in hat Sie zur Online-Beratung eingeladen! Bitte registrieren Sie sich, um mit Ihrer_m Berater_in in Kontakt zu kommen.",
+ "errors": {
+ "tid": "Das von Ihnen gewählte Thema konnte leider nicht gefunden werden. Bitte wählen Sie bei der Registrierung erneut ein passendes Thema aus.",
+ "aid": "Die von Ihnen gewählte Beratungsstelle konnte leider nicht gefunden werden. Bitte wählen Sie bei der Registrierung erneut eine Beratungsstelle aus.",
+ "cid": "Leider konnten wir Ihre Beraterin oder Ihren Berater nicht finden. Bitte wenden Sie sich an Ihre beratende Person, um einen neuen Link zu erhalten oder registrieren Sie sich hier bei Ihrer gewünschten Beratungsstelle."
+ },
"age": {
"dropdown": "Alter auswählen*",
"headline": "Alter angeben"
},
+ "stepbar": {
+ "step": "Schritt",
+ "of": "von"
+ },
+ "topic": {
+ "oneResult": "Wir beraten Sie zum Thema",
+ "summary": "Ihr Thema:",
+ "headline": "Zu welchem Thema suchen Sie Beratung?",
+ "subline": "Wählen Sie ein Thema aus unserem Beratungsangebot aus.",
+ "infoOverlay": {
+ "backButtonLabel": "Anderes Thema auswählen",
+ "nextButtonLabel": "Thema auswählen und fortfahren"
+ }
+ },
+ "zipcode": {
+ "headline": "Um Sie bestmöglich beraten zu können, benötigen wir Ihre Postleitzahl",
+ "subline": "Warum? Weil dann unsere Fachleute:",
+ "bullet1": "• die Hilfen rund um Ihren Wohnort kennen",
+ "bullet2": "• die Gesetze Ihres Bundeslandes kennen",
+ "label": "Ihre Postleitzahl"
+ },
+ "account": {
+ "headline": "Anmeldedaten erfassen",
+ "subline": "Um Ihre Anonymität zu schützen, raten wir Ihnen, nicht Ihren tatsächlichen Namen oder Initialen zu verwenden.",
+ "username": {
+ "label": "Benutzername",
+ "error": {
+ "available": "Ihr Benutzername ist zu kurz.",
+ "unavailable": "Dieser Benutzername ist bereits vergeben."
+ },
+ "info": "5 oder mehr Zeichen",
+ "success": "Ihr Benutzername ist geeignet."
+ },
+ "password": {
+ "label": "Passwort",
+ "criteria1": "mindestens 9 Zeichen",
+ "criteria2": "mindestens eine Zahl",
+ "criteria3": "Groß-/Kleinschreibung",
+ "criteria4": "mindestens ein Sonderzeichen"
+ },
+ "repeatPassword": {
+ "label": "Passwort wiederholen",
+ "success": "Ihr Passwort ist identisch.",
+ "error": "Ihr Passwort ist nicht identisch."
+ }
+ },
"agency": {
+ "summary": "Ihre Beratungsstelle:",
"preselected": {
"prefix": "Ihre vorausgewählte Beratungsstelle: ",
"isTeam": "Sie werden von einem Team beraten."
},
- "headline": "Beratungsstelle wählen"
+ "headline": "Ihre Beratungsstelle wählen",
+ "consultantheadline": "Ihre Beratungsstelle",
+ "search": "Suche nach einer PLZ",
+ "result": {
+ "headline": "Beratungsstellen zur Postleitzahl",
+ "external": {
+ "headline": "Die gefundene Beratungsstelle nutzt eine andere Anwendung für die Beratung",
+ "subline": "Bitte versuchen Sie es mit einer anderen Postleitzahl oder besuchen Sie unsere Website, um eine Beratungsstelle in Ihrer Nähe zu finden.",
+ "link": "Jetzt wechseln"
+ },
+ "languages": "Diese Beratungsstelle berät Sie auf:"
+ },
+ "noresult": {
+ "headline": "Keine Online-Beratungsstelle gefunden",
+ "subline": "Bitte versuchen Sie es mit einer anderen Postleitzahl oder besuchen Sie unsere Website, um eine Beratungsstelle in Ihrer Nähe zu finden.",
+ "label": "Zur Beratungsstellensuche"
+ },
+ "infoOverlay": {
+ "backButtonLabel": "Andere Beratungsstelle auswählen",
+ "nextButtonLabel": "Beratungsstelle auswählen und fortfahren"
+ }
},
"agencySelection": {
"headline": "Beratungsstelle wählen",
@@ -1906,7 +1984,11 @@
},
"register": {
"buttonLabel": "Registrieren",
- "helperText": "Noch nicht registriert?"
+ "helperText": "Neu bei der Online-Beratung?"
+ },
+ "login": {
+ "buttonLabel": "Einloggen",
+ "helperText": "Bereits registriert?"
},
"subline": "Wie läuft die Beratung & Hilfe der Caritas ab?"
}
diff --git a/src/resources/i18n/en.json b/src/resources/i18n/en.json
index 8f8cdfdf8..1452f3f20 100644
--- a/src/resources/i18n/en.json
+++ b/src/resources/i18n/en.json
@@ -133,10 +133,12 @@
"menu": "More settings",
"back": "back",
"next": "next",
+ "info": "information",
"successful": "Successful",
"faulty": "Faulty",
"selectLanguage": "Select language",
- "wait": "Please wait"
+ "wait": "Please wait",
+ "or": "or"
},
"appointments": {
"title": "Appointment overview",
@@ -1723,12 +1725,79 @@
"helper": "Already registered?",
"label": "Login"
},
+ "stepbar": {
+ "step": "Step",
+ "of": "of"
+ },
+ "consultantlink": "Your advisor has invited you to online consulting! Please register to get in touch with your advisor.",
+ "errors": {
+ "tid": "Sorry, the topic you selected could not be found. Please select a suitable topic again during registration.",
+ "aid": "Unfortunately, the consulting center you selected could not be found. Please select a consulting center again during registration.",
+ "cid": "Unfortunately, we could not find your advisor. Please contact your counseling person to get a new link or register here at your desired counseling center."
+ },
+ "topic": {
+ "summary": "Your topic:",
+ "headline": "On what topic are you looking for advice?",
+ "subline": "Select a topic from our consulting offer."
+ },
+ "infoOverlay": {
+ "backButtonLabel": "Choose another topic",
+ "nextButtonLabel": "Choose topic and continue"
+ },
+ "zipcode": {
+ "headline": "To be able to advise you in the best possible way we need your zip code",
+ "subline": "Why? Because then our professionals:",
+ "bullet1": "• know the aids around your place of residence",
+ "bullet2": "• know the laws of your state",
+ "label": "Your zipcode"
+ },
+ "account": {
+ "headline": "Enter login data",
+ "subline": "To protect your anonymity, we advise you not to use your real name or initials.",
+ "username": {
+ "label": "Username",
+ "error": {
+ "available": "Your username is too short.",
+ "unavailable": "The username is already taken."
+ },
+ "info": "5 or more characters",
+ "success": "Your username is suitable."
+ },
+ "password": {
+ "label": "Password",
+ "criteria1": "at least 9 characters",
+ "criteria2": "at least one number",
+ "criteria3": "upper/lower case",
+ "criteria4": "at least one special character"
+ },
+ "repeatPassword": {
+ "label": "Repeat password",
+ "success": "Your password is identical.",
+ "error": "Your password is not identical."
+ }
+ },
"agency": {
+ "summary": "Your agency:",
"preselected": {
"prefix": "Your pre-selected counseling center: ",
"isTeam": "You will be advised by a team."
},
- "headline": "Choose consulting center"
+ "headline": "Choose your consulting center",
+ "search": "Search for your zipcode",
+ "result": {
+ "headline": "Consulting centers for zipcode",
+ "external": {
+ "headline": "The found counseling center uses another application for counseling",
+ "subline": "Please try a different zip code or visit our website to find a counseling center near you.",
+ "link": "Switch now",
+ "languages": "This counseling center advises you on:"
+ },
+ "noresult": {
+ "headline": "No online counseling center found",
+ "subline": "Please try a different zip code or visit our website to find a counseling center near you.",
+ "label": "To the advice center search"
+ }
+ }
},
"consultingType": {
"preselected": {
@@ -1888,8 +1957,12 @@
"text": "You remain anonymous and receive free advice and assistance"
},
"register": {
- "helperText": "Not registered yet?",
+ "helperText": "New with online consulting?",
"buttonLabel": "Register"
+ },
+ "login": {
+ "buttonLabel": "Login",
+ "helperText": "Already registered?"
}
},
"teaser": {
diff --git a/src/resources/img/illustrations/consultant-found.svg b/src/resources/img/illustrations/consultant-found.svg
new file mode 100644
index 000000000..622bec66a
--- /dev/null
+++ b/src/resources/img/illustrations/consultant-found.svg
@@ -0,0 +1,15 @@
+
diff --git a/src/resources/img/illustrations/hello-banner.svg b/src/resources/img/illustrations/hello-banner.svg
new file mode 100644
index 000000000..949d2699a
--- /dev/null
+++ b/src/resources/img/illustrations/hello-banner.svg
@@ -0,0 +1,31 @@
+
diff --git a/src/resources/img/illustrations/no-results.svg b/src/resources/img/illustrations/no-results.svg
new file mode 100644
index 000000000..68e206623
--- /dev/null
+++ b/src/resources/img/illustrations/no-results.svg
@@ -0,0 +1,24 @@
+
diff --git a/src/resources/scripts/endpoints.ts b/src/resources/scripts/endpoints.ts
index 17d5a4573..6a2b09294 100644
--- a/src/resources/scripts/endpoints.ts
+++ b/src/resources/scripts/endpoints.ts
@@ -106,6 +106,7 @@ export const endpoints = {
registerAnonymousAsker:
apiUrl + '/service/conversations/askers/anonymous/new',
registerAsker: apiUrl + '/service/users/askers/new',
+ baseUserService: apiUrl + '/service/users',
registerAskerNewConsultingType:
apiUrl + '/service/users/askers/consultingType/new',
rejectVideoCall: apiUrl + '/service/videocalls/reject',
@@ -121,6 +122,7 @@ export const endpoints = {
teamSessionsBase:
apiUrl + '/service/conversations/consultants/teamsessions/',
tenantServiceBase: apiUrl + '/service/tenant',
+ topicGroups: apiUrl + '/service/topic-groups/',
topicsData: apiUrl + '/service/topic/public/',
twoFactorAuth: apiUrl + '/service/users/2fa',
twoFactorAuthApp: apiUrl + '/service/users/2fa/app',
diff --git a/src/resources/styles/_banner.scss b/src/resources/styles/_banner.scss
index 580b0604e..b4bf802b8 100644
--- a/src/resources/styles/_banner.scss
+++ b/src/resources/styles/_banner.scss
@@ -36,6 +36,7 @@
height: $grid-base-three;
left: $grid-base-two;
position: absolute;
+
@include breakpoint($fromLarge) {
left: $grid-base-three;
top: 50%;
@@ -49,6 +50,7 @@
position: absolute;
top: $grid-base-two;
right: $grid-base-two;
+
@include breakpoint($fromLarge) {
top: 50%;
transform: translate(0, -50%);
diff --git a/src/resources/styles/_margin.scss b/src/resources/styles/_margin.scss
index b4744629c..40f948588 100644
--- a/src/resources/styles/_margin.scss
+++ b/src/resources/styles/_margin.scss
@@ -41,7 +41,7 @@
@for $i from 0 through 12 {
@include margin-variant($bpKey, $i, $i * $grid-base);
- @include margin-variant($bpKey, '-#{$i}', $i * -$grid-base);
+ @include margin-variant($bpKey, '-#{$i}', $i * (-$grid-base));
}
}
diff --git a/src/resources/styles/mui-variables-mapping.scss b/src/resources/styles/mui-variables-mapping.scss
new file mode 100644
index 000000000..0c339ea95
--- /dev/null
+++ b/src/resources/styles/mui-variables-mapping.scss
@@ -0,0 +1,38 @@
+// Mui only accepts css variables, here is a mapping for needed scss variables to css variable
+
+:root {
+ --font-family-sans-serif: #{$font-family-sans-serif};
+ --font-family-divider: #{$font-family-sans-serif};
+ --font-weight-light: #{$font-weight-light};
+ --font-weight-regular: #{$font-weight-regular};
+ --font-weight-medium: #{$font-weight-medium};
+ --font-weight-bold: #{$font-weight-bold};
+ --white: #{$white};
+ --primary: #{$primary};
+ --background-light: #{$background-light};
+ --background-lighter: #{$background-lighter};
+ --button-border-radius: #{$button-border-radius};
+ --hover-primary: #{$hover-primary};
+ --secondary: #{$secondary};
+ --primary-3: #{$primary-3};
+ --tertiary: #{$tertiary};
+ --black: #{$black};
+ --form-error: #{$form-error};
+ --form-success: #{$form-success};
+ --font-size-h1: #{$font-size-h1};
+ --font-size-h2: #{$font-size-h2};
+ --font-size-h3: #{$font-size-h3};
+ --font-size-h4: #{$font-size-h4};
+ --font-size-h5: #{$font-size-h5};
+ --font-size-super-large: #{$font-size-super-large};
+ --font-size-super-mobile: #{$font-size-super-mobile};
+ --font-size-h1-mobile: #{$font-size-h1-mobile};
+ --font-size-primary: #{$font-size-primary};
+ --font-size-secondary: #{$font-size-secondary};
+ --font-size-tertiary: #{$font-size-tertiary};
+ --line-height-primar: #{$line-height-primary};
+ --line-height-secondary: #{$line-height-secondary};
+ --line-height-tertiary: #{$line-height-tertiary};
+ --line-height-quaternary: #{$line-height-quaternary};
+ --line-size-subheadline: #{$font-size-subheadline};
+}
diff --git a/src/resources/styles/settings.scss b/src/resources/styles/settings.scss
index 096685edc..1da5880b7 100644
--- a/src/resources/styles/settings.scss
+++ b/src/resources/styles/settings.scss
@@ -247,7 +247,7 @@ $notice-padding: $grid-base-two;
$overlay-text-align: center;
$overlay-list-align: left;
$overlay-input-field-margin: $grid-base-three auto;
-$overlay-button-margin: $grid-base-two auto 0 -$grid-base;
+$overlay-button-margin: $grid-base-two auto 0 (-$grid-base);
$overlay-stepped-text-align: left;
$overlay-stepped-input-field-margin: $grid-base-three 0;
$two-factor-qr-code-width: 100px;
diff --git a/src/resources/styles/styles.scss b/src/resources/styles/styles.scss
index 5838a4b44..a62e9eea3 100644
--- a/src/resources/styles/styles.scss
+++ b/src/resources/styles/styles.scss
@@ -1,6 +1,6 @@
@import 'vendor/print.css';
@import 'vendor/sanitize.css';
-
+@import 'settings';
@import 'layout';
@import 'banner';
@import 'display';
diff --git a/src/theme.jsx b/src/theme.jsx
new file mode 100644
index 000000000..0f7d27397
--- /dev/null
+++ b/src/theme.jsx
@@ -0,0 +1,181 @@
+import { createTheme } from '@mui/material/styles';
+
+const getCssVarValue = (name) =>
+ // If you need a scss variable add a css variable for it in mui-variables-mapping.scss
+ getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+
+// A custom theme for this app
+const theme = createTheme({
+ breakpoints: {
+ values: {
+ xs: 0,
+ sm: 520,
+ md: 600,
+ lg: 1200,
+ xl: 1600
+ }
+ },
+ palette: {
+ primary: {
+ dark: getCssVarValue('--primary-3'),
+ main: getCssVarValue('--primary'),
+ light: getCssVarValue('--background-light'),
+ lighter: getCssVarValue('--background-lighter')
+ },
+ info: {
+ main: getCssVarValue('--black'),
+ light: getCssVarValue('--tertiary')
+ },
+ error: {
+ main: getCssVarValue('--form-error')
+ },
+ success: {
+ main: getCssVarValue('--form-success')
+ }
+ },
+
+ typography: {
+ fontFamily: ['Roboto', 'cursive', 'sans-serif'].join(','),
+ h1: {
+ color: getCssVarValue('--black'),
+ letterSpacing: 'normal',
+ fontSize: getCssVarValue('--font-size-h1'),
+ lineHeight: '50px',
+ fontWeight: getCssVarValue('--font-weight-medium'),
+ fontFamily: getCssVarValue('--font-family-sans-serif')
+ },
+ h2: {
+ color: getCssVarValue('--black'),
+ letterSpacing: 'normal',
+ fontSize: getCssVarValue('--font-size-h2'),
+ lineHeight: '38px',
+ fontWeight: getCssVarValue('--font-weight-medium'),
+ fontFamily: getCssVarValue('--font-family-sans-serif')
+ },
+ h3: {
+ color: getCssVarValue('--black'),
+ letterSpacing: 'normal',
+ fontSize: getCssVarValue('--font-size-h3'),
+ lineHeight: '32px',
+ fontWeight: getCssVarValue('--font-weight-medium'),
+ fontFamily: getCssVarValue('--font-family-sans-serif')
+ },
+ h4: {
+ color: getCssVarValue('--black'),
+ letterSpacing: 'normal',
+ fontSize: getCssVarValue('--font-size-h4'),
+ lineHeight: '26px',
+ fontWeight: getCssVarValue('--font-weight-medium'),
+ fontFamily: getCssVarValue('--font-family-sans-serif')
+ },
+ h5: {
+ color: getCssVarValue('--black'),
+ letterSpacing: 'normal',
+ fontSize: getCssVarValue('--font-size-h5'),
+ lineHeight: '24px',
+ fontWeight: getCssVarValue('--font-weight-medium'),
+ fontFamily: getCssVarValue('--font-family-sans-serif')
+ },
+ body1: {
+ fontFamily: getCssVarValue('--font-family-sans-serif'),
+ color: getCssVarValue('--black'),
+ lineHeight: getCssVarValue('--line-height-primary'),
+ fontSize: getCssVarValue('--font-size-primary')
+ },
+ body2: {
+ fontFamily: getCssVarValue('--font-family-sans-serif'),
+ color: 'black',
+ fontSize: getCssVarValue('--font-size-tertiary'),
+ lineHeight: '20px'
+ },
+ subtitle1: {
+ fontFamily: getCssVarValue('--font-family-sans-serif'),
+ color: 'black',
+ fontSize: '20px',
+ lineHeight: '28px'
+ },
+ subtitle2: {
+ fontFamily: getCssVarValue('--font-family-sans-serif'),
+ color: 'black',
+ fontSize: '12px',
+ lineHeight: '16px'
+ }
+ },
+ components: {
+ MuiLink: {
+ styleOverrides: {
+ root: {
+ '&:hover': {
+ color: getCssVarValue('--hover-primary')
+ }
+ }
+ }
+ },
+ MuiIconButton: {
+ styleOverrides: {
+ root: {
+ '&:hover': {
+ color: 'white'
+ }
+ }
+ }
+ },
+ MuiButton: {
+ styleOverrides: {
+ root: {
+ fontSize: getCssVarValue('--font-size-primary'),
+ lineHeight: '20px',
+ borderRadius: getCssVarValue('--button-border-radius')
+ },
+ contained: {
+ 'paddingTop': '14px',
+ 'paddingBottom': '14px',
+ 'borderRadius': getCssVarValue('--button-border-radius'),
+ 'backgroundColor': 'primary.main',
+ 'textTransform': 'none',
+ 'outline': 'none',
+ 'color': getCssVarValue('--white'),
+ 'fontWeight': getCssVarValue('--font-weight-regular'),
+ 'fontFamily': getCssVarValue('--font-family-sans-serif'),
+ 'boxShadow': 'none',
+ '&:hover': {
+ boxShadow: 'none',
+ color: getCssVarValue('--white')
+ }
+ },
+ outlined: {
+ 'paddingTop': '14px',
+ 'paddingBottom': '14px',
+ 'borderRadius': getCssVarValue('--button-border-radius'),
+ 'textTransform': 'none',
+ '&:hover': {
+ backgroundColor: getCssVarValue('--hover-primary'),
+ borderColor: getCssVarValue('--hover-primary'),
+ color: getCssVarValue('--white')
+ }
+ }
+ }
+ },
+ MuiTooltip: {
+ styleOverrides: {
+ tooltip: {
+ lineHeight: '20px',
+ fontSize: getCssVarValue('--font-size-tertiary'),
+ color: getCssVarValue('--black'),
+ backgroundColor: getCssVarValue('--white'),
+ fontWeight: getCssVarValue('--font-weight-regular'),
+ fontFamily: getCssVarValue('--font-family-sans-serif'),
+ borderRadius: '4px',
+ maxWidth: '270px',
+ boxShadow: '0px 0px 10px 0px rgba(153,153,153,1)',
+ padding: '17px 24px'
+ },
+ arrow: {
+ color: getCssVarValue('--white')
+ }
+ }
+ }
+ }
+});
+
+export default theme;
diff --git a/src/utils/validateInputValue.ts b/src/utils/validateInputValue.ts
index bcdc41ef4..5c81e6eb8 100644
--- a/src/utils/validateInputValue.ts
+++ b/src/utils/validateInputValue.ts
@@ -1,14 +1,14 @@
-const hasNumber = (value: string) => {
+export const hasNumber = (value: string) => {
return new RegExp(/[0-9]/).test(value);
};
-const hasMixedLetters = (value: string) => {
+export const hasMixedLetters = (value: string) => {
return (
new RegExp(/[a-zäöü]/).test(value) && new RegExp(/[A-ZÄÖÜ]/).test(value)
);
};
-const hasSpecialChar = (value: string) => {
+export const hasSpecialChar = (value: string) => {
return new RegExp(/[^\p{Lu}\p{Lt}\p{Ll}\p{Lm}\p{Lo}\p{Nd}]/gu).test(value);
};
diff --git a/tsconfig.json b/tsconfig.json
index e92751704..371b1f410 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,11 +18,10 @@
"jsx": "react",
"noImplicitAny": false,
"sourceMap": true,
- "suppressImplicitAnyIndexErrors": true,
"downlevelIteration": true,
"typeRoots": ["node_modules/@types"]
},
- "include": ["src"],
+ "include": ["src", "cypress/support", ".storybook"],
"ts-node": {
"compilerOptions": {
"module": "commonjs"