Merge pull request #294 from virtualidentityag/feat/group-chat-consul…

…tant

Feat/group chat consultant

src/api/counselor/addCounselorData.ts

@@ -10,7 +10,8 @@ import { putAgenciesForCounselor } from '../agency/putAgenciesForCounselor';
  * @return data
  */
 export const addCounselorData = (counselorData: Record<string, any>): Promise<CounselorData> => {
-    const { firstname, lastname, formalLanguage, email, absent, username, twoFactorAuth } = counselorData;
+    const { firstname, lastname, formalLanguage, email, absent, username, twoFactorAuth, isGroupchatConsultant } =
+        counselorData;
 
     // just use needed data from whole form data
     const strippedCounselor = {
@@ -21,14 +22,15 @@ export const addCounselorData = (counselorData: Record<string, any>): Promise<Co
         absent: !!absent,
         username: encodeUsername(username),
         twoFactorAuth,
+        isGroupchatConsultant,
     };
 
     return (
         fetchData({
             url: counselorEndpoint,
             method: FETCH_METHODS.POST,
             skipAuth: false,
-            responseHandling: [FETCH_ERRORS.CONFLICT, FETCH_ERRORS.CONFLICT_WITH_RESPONSE],
+            responseHandling: [FETCH_ERRORS.CONFLICT, FETCH_ERRORS.CONFLICT_WITH_RESPONSE, FETCH_ERRORS.CATCH_ALL],
             bodyData: JSON.stringify(strippedCounselor),
         })
             .then((response) => {

src/api/counselor/editCounselorData.ts

@@ -12,7 +12,17 @@ import { putAgenciesForCounselor } from '../agency/putAgenciesForCounselor';
  * @return data
  */
 export const editCounselorData = async (id: string, formData: CounselorData): Promise<CounselorData> => {
-    const { firstname, lastname, formalLanguage, email, absent, username, absenceMessage, twoFactorAuth } = formData;
+    const {
+        firstname,
+        lastname,
+        formalLanguage,
+        email,
+        absent,
+        username,
+        absenceMessage,
+        twoFactorAuth,
+        isGroupchatConsultant,
+    } = formData;
 
     // just use needed data from whole form data
     const strippedCounselor = {
@@ -24,6 +34,7 @@ export const editCounselorData = async (id: string, formData: CounselorData): Pr
         username: encodeUsername(username),
         ...(absent ? { absenceMessage } : {}),
         twoFactorAuth,
+        isGroupchatConsultant,
     };
 
     const ids = ((formData.agencies as LabeledValue[])?.map(({ value }) => value) || []) as string[];

src/context/FeatureContext.tsx

@@ -38,6 +38,10 @@ const FeatureProvider = ({ children, tenantData, publicTenantData }: FeatureProv
             name: FeatureFlag.ConsultingTypesForAgencies,
             active: !!featureFlags.useConsultingTypesForAgencies,
         },
+        {
+            name: FeatureFlag.GroupChatV2,
+            active: !!publicTenantData?.settings.featureGroupChatV2Enabled,
+        },
     ]);
 
     return <FeatureContext.Provider value={state}>{children}</FeatureContext.Provider>;

src/enums/FeatureFlag.ts

@@ -5,4 +5,5 @@ export enum FeatureFlag {
     Topics = 'topics',
     TopicsInRegistration = 'topicsInRegistration',
     ConsultingTypesForAgencies = 'consultingTypesForAgencies',
+    GroupChatV2 = 'featureGroupChatV2Enabled',
 }

src/locales/de/translation.json

@@ -325,6 +325,7 @@
     "counselor.formalLanguage": "Formale Sprache",
     "counselor.absent": "Abwesend",
     "counselor.absenceMessage": "Abwesenheitsnotiz",
+    "counselor.isGroupChatConsultant": "Dem Benutzer erlauben, Gruppenchats zu erstellen",
     "counselor.title.text": "Erstellen und bearbeiten Sie Daten Ihrer Berater",
     "counselor.modal.headline.delete": "Nutzer wirklich löschen",
     "counselor.modal.headline.edit": "Berater bearbeiten",

src/pages/Statistic.tsx

@@ -1,5 +1,5 @@
 import { FileDownloadOutlined } from '@mui/icons-material';
-import { Col, Row } from 'antd';
+import { Col, Row, Spin } from 'antd';
 import { useEffect, useState } from 'react';
 import { CSVLink } from 'react-csv';
 import { useTranslation } from 'react-i18next';
@@ -93,12 +93,20 @@ export const Statistic = () => {
                         <div className="statistic__headline">{t('statistic.title.text')}</div>
                         <div className="statistic__download">{t('statistic.download.text')}</div>
                         <div className="statistic__download">
-                            <CSVLink separator=";" data={csvData} filename={`${t('statistic.download.filename')}.csv`}>
-                                <span className="statistic__icon">
-                                    <FileDownloadOutlined />
-                                </span>
-                                <span className="statistic__text">{t('statistic.download.link')}</span>
-                            </CSVLink>{' '}
+                            {isRequestInProgress ? (
+                                <Spin />
+                            ) : (
+                                <CSVLink
+                                    separator=";"
+                                    data={csvData}
+                                    filename={`${t('statistic.download.filename')}.csv`}
+                                >
+                                    <span className="statistic__icon">
+                                        <FileDownloadOutlined />
+                                    </span>
+                                    <span className="statistic__text">{t('statistic.download.link')}</span>
+                                </CSVLink>
+                            )}
                         </div>
                     </div>
                 </Col>

src/pages/users/Edit/index.tsx

@@ -20,12 +20,15 @@ import { useUserPermissions } from '../../../hooks/useUserPermission';
 import { convertToOptions } from '../../../utils/convertToOptions';
 import { decodeUsername } from '../../../utils/encryptionHelpers';
 import { FormSwitchField } from '../../../components/FormSwitchField';
+import { useFeatureContext } from '../../../context/FeatureContext';
+import { FeatureFlag } from '../../../enums/FeatureFlag';
 
 export const UserEditOrAdd = () => {
     const navigate = useNavigate();
     const [form] = useForm();
     const { can } = useUserPermissions();
     const { t } = useTranslation();
+    const { isEnabled } = useFeatureContext();
     const { typeOfUsers, id } = useParams<{ id: string; typeOfUsers: TypeOfUser }>();
     const { data: consultantsResponse, isLoading: isLoadingConsultants } = useConsultantsOrAdminsData({
         search: id,
@@ -92,6 +95,7 @@ export const UserEditOrAdd = () => {
                 initialValues={{
                     ...(singleData || {
                         formalLanguage: true,
+                        isGroupchatConsultant: isEnabled(FeatureFlag.GroupChatV2),
                     }),
                     username: decodeUsername(singleData?.username || ''),
                     agencies: convertToOptions(singleData?.agencies || [], ['postcode', 'name', 'city'], 'id'),
@@ -142,6 +146,12 @@ export const UserEditOrAdd = () => {
                         <Space align="center">
                             <FormSwitchField labelKey="counselor.formalLanguage" name="formalLanguage" />
                             {isEditing && <FormSwitchField labelKey="counselor.absent" name="absent" />}
+                            {isEnabled(FeatureFlag.GroupChatV2) && (
+                                <FormSwitchField
+                                    labelKey="counselor.isGroupChatConsultant"
+                                    name="isGroupchatConsultant"
+                                />
+                            )}
                         </Space>
                         {isAbsentEnabled && (
                             <FormTextAreaField labelKey="counselor.absenceMessage" name="absenceMessage" />

src/types/counselor.d.ts

@@ -19,4 +19,5 @@ export interface CounselorData {
     deleteDate?: string;
     status: Status;
     twoFactorAuth?: boolean;
+    isGroupchatConsultant?: boolean;
 }

src/types/tenant.d.ts

@@ -22,6 +22,7 @@ export interface BasicTenantData {
         featureTopicsEnabled?: boolean | null;
         topicsInRegistrationEnabled?: boolean | null;
         featureStatisticsEnabled?: boolean;
+        featureGroupChatV2Enabled?: boolean;
     };
 }