@aarhus-university/au-lib-react-components 9.11.19 → 10.0.2

package/src/components/profile/AUProfileReducer.js

@@ -1,230 +1,230 @@
-import { profileLabels } from '../../lib/i18n';
-import {
-  GET_BASIC_USER,
-  SAVING_USER,
-  PATCH_NAME,
-  PATCH_MAIL,
-  PATCH_MOBILE,
-  PATCH_LANGUAGE,
-  PATCH_NEXTOFKIN,
-  DISMISS_MESSAGES,
-  SET_SAVED,
-  GET_WORKMAIL_DOMAIN,
-} from './AUProfileActions';
-
-export const initialState = {
-  user: {
-    auId: 0,
-    firstNames: '',
-    lastName: '',
-    hasChosenName: false,
-    chosenFirstNames: '',
-    chosenLastName: '',
-    name: '',
-    privateMailAddress: '',
-    privatePhoneNumber: '',
-    privateMobileNumber: '',
-    nextOfKinName: '',
-    nextOfKinPhoneNumber: '',
-    preferredLanguage: 'da',
-    studentNumber: null,
-    educations: [],
-    isStudentImpersonator: false,
-    timelineAllowed: false,
-    isActiveStudent: false,
-    suCandidate: false,
-    studentMailAddress: null,
-    studentChosenMailAddress: null,
-    workMailAddress: '',
-    workMailDomain: '',
-    saving: false,
-    saved: false,
-    loaded: false,
-  },
-  messages: [],
-};
-
-export const reducer = (state, action) => {
-  const nextState = { ...state };
-
-  switch (action.type) {
-    case GET_BASIC_USER: { // Tror ikke det her i brug...
-      const { result } = action;
-      if (result.user) {
-        const prevUser = { ...nextState.user };
-        const newUser = Object.assign(prevUser, result.user);
-        nextState.user = newUser;
-      } else if (result.error) {
-        nextState.messages = [{
-          type: 'warning',
-          message: result.error.Message,
-        }];
-      }
-      return nextState;
-    }
-    case GET_WORKMAIL_DOMAIN: {
-      const { result } = action;
-      if (result.user) {
-        const prevUser = { ...nextState.user };
-        const newUser = Object.assign(prevUser, result.user);
-        nextState.user = newUser;
-      } else if (result.error) {
-        nextState.messages = [{
-          type: 'warning',
-          message: nextState.user.preferredLanguage === 'da' ? result.error.errorMessageDa : result.error.errorMessageEn,
-          // Skal bruges i de andre profilePatch også?
-        }];
-      }
-      return nextState;
-    }
-    case DISMISS_MESSAGES: {
-      nextState.messages = [];
-      return nextState;
-    }
-    case SET_SAVED: {
-      const prevUser = { ...nextState.user };
-      nextState.user = Object.assign(prevUser, {
-        saved: false,
-      });
-      return nextState;
-    }
-    case SAVING_USER: {
-      const prevUser = { ...nextState.user };
-      nextState.user = Object.assign(prevUser, { saving: true, saved: false });
-      return nextState;
-    }
-    case PATCH_NAME: {
-      const { result } = action;
-      const prevUser = { ...nextState.user };
-      if (result.user) {
-        const { user: { hasChosenName, chosenFirstNames, chosenLastName } } = result;
-        nextState.user = Object.assign(prevUser, {
-          hasChosenName,
-          chosenFirstNames,
-          chosenLastName,
-          saving: false,
-          saved: true,
-        });
-        nextState.messages = [{
-          type: 'confirm',
-          message: profileLabels[nextState.user.preferredLanguage].saved,
-        }];
-      } else if (result.error) {
-        nextState.messages = [{
-          type: 'warning',
-          message: result.error.Message,
-        }];
-        nextState.user = Object.assign(prevUser, { saving: false });
-      }
-      return nextState;
-    }
-    case PATCH_MAIL: {
-      const { result } = action;
-      const prevUser = { ...nextState.user };
-      if (result.user) {
-        const { user: { privateMailAddress, workMailAddress, studentChosenMailAddress } } = result;
-        nextState.user = Object.assign(prevUser, {
-          workMailAddress,
-          studentChosenMailAddress,
-          privateMailAddress,
-          saving: false,
-          saved: true,
-        });
-        nextState.messages = [{
-          type: 'confirm',
-          message: `${profileLabels[nextState.user.preferredLanguage].saved} ${profileLabels[nextState.user.preferredLanguage].mailNotice}`,
-        }];
-      } else if (result.error) {
-        nextState.messages = [{
-          type: 'warning',
-          message: nextState.user.preferredLanguage === 'da' ? result.error.errorMessageDa : result.error.errorMessageEn,
-          // Skal bruges i de andre profilePatch også?
-        }];
-        nextState.user = Object.assign(prevUser, { saving: false });
-      }
-      return nextState;
-    }
-    case PATCH_MOBILE: {
-      const { result } = action;
-      const prevUser = { ...nextState.user };
-      if (result.user) {
-        const { user: { privatePhoneNumber, privateMobileNumber } } = result;
-        nextState.user = Object.assign(prevUser, {
-          privatePhoneNumber,
-          privateMobileNumber,
-          saving: false,
-          saved: true,
-        });
-        nextState.messages = [{
-          type: 'confirm',
-          message: profileLabels[nextState.user.preferredLanguage].saved,
-        }];
-      } else if (result.error) {
-        if (result.error.Message) {
-          nextState.messages = [{
-            type: 'warning',
-            message: result.error.Message,
-          }];
-        } else {
-          nextState.messages = result.error.map((e) => ({
-            type: 'warning',
-            message: e.errorMessage,
-          }));
-        }
-
-        nextState.user = Object.assign(prevUser, { saving: false });
-      }
-      return nextState;
-    }
-    case PATCH_LANGUAGE: {
-      const { result } = action;
-      const prevUser = { ...nextState.user };
-      if (result.user) {
-        const { user: { preferredLanguage } } = result;
-        nextState.user = Object.assign(prevUser, {
-          preferredLanguage,
-          saving: false,
-          saved: true,
-        });
-        nextState.messages = [{
-          type: 'confirm',
-          message: profileLabels[nextState.user.preferredLanguage].saved,
-        }];
-      } else if (result.error) {
-        nextState.messages = [{
-          type: 'warning',
-          message: result.error.Message,
-        }];
-        nextState.user = Object.assign(prevUser, { saving: false });
-      }
-      return nextState;
-    }
-    case PATCH_NEXTOFKIN: {
-      const { result } = action;
-      const prevUser = { ...nextState.user };
-      if (result.user) {
-        const { user: { nextOfKinName, nextOfKinPhoneNumber } } = result;
-        nextState.user = Object.assign(prevUser, {
-          nextOfKinName,
-          nextOfKinPhoneNumber,
-          saving: false,
-          saved: true,
-        });
-        nextState.messages = [{
-          type: 'confirm',
-          message: profileLabels[nextState.user.preferredLanguage].saved,
-        }];
-      } else if (result.error) {
-        nextState.messages = [{
-          type: 'warning',
-          message: result.error.Message,
-        }];
-        nextState.user = Object.assign(prevUser, { saving: false });
-      }
-      return nextState;
-    }
-    default: {
-      return null;
-    }
-  }
-};
+import { profileLabels } from '../../lib/i18n';
+import {
+  GET_BASIC_USER,
+  SAVING_USER,
+  PATCH_NAME,
+  PATCH_MAIL,
+  PATCH_MOBILE,
+  PATCH_LANGUAGE,
+  PATCH_NEXTOFKIN,
+  DISMISS_MESSAGES,
+  SET_SAVED,
+  GET_WORKMAIL_DOMAIN,
+} from './AUProfileActions';
+
+export const initialState = {
+  user: {
+    auId: 0,
+    firstNames: '',
+    lastName: '',
+    hasChosenName: false,
+    chosenFirstNames: '',
+    chosenLastName: '',
+    name: '',
+    privateMailAddress: '',
+    privatePhoneNumber: '',
+    privateMobileNumber: '',
+    nextOfKinName: '',
+    nextOfKinPhoneNumber: '',
+    preferredLanguage: 'da',
+    studentNumber: null,
+    educations: [],
+    isStudentImpersonator: false,
+    timelineAllowed: false,
+    isActiveStudent: false,
+    suCandidate: false,
+    studentMailAddress: null,
+    studentChosenMailAddress: null,
+    workMailAddress: '',
+    workMailDomain: '',
+    saving: false,
+    saved: false,
+    loaded: false,
+  },
+  messages: [],
+};
+
+export const reducer = (state, action) => {
+  const nextState = { ...state };
+
+  switch (action.type) {
+    case GET_BASIC_USER: { // Tror ikke det her i brug...
+      const { result } = action;
+      if (result.user) {
+        const prevUser = { ...nextState.user };
+        const newUser = Object.assign(prevUser, result.user);
+        nextState.user = newUser;
+      } else if (result.error) {
+        nextState.messages = [{
+          type: 'warning',
+          message: result.error.Message,
+        }];
+      }
+      return nextState;
+    }
+    case GET_WORKMAIL_DOMAIN: {
+      const { result } = action;
+      if (result.user) {
+        const prevUser = { ...nextState.user };
+        const newUser = Object.assign(prevUser, result.user);
+        nextState.user = newUser;
+      } else if (result.error) {
+        nextState.messages = [{
+          type: 'warning',
+          message: nextState.user.preferredLanguage === 'da' ? result.error.errorMessageDa : result.error.errorMessageEn,
+          // Skal bruges i de andre profilePatch også?
+        }];
+      }
+      return nextState;
+    }
+    case DISMISS_MESSAGES: {
+      nextState.messages = [];
+      return nextState;
+    }
+    case SET_SAVED: {
+      const prevUser = { ...nextState.user };
+      nextState.user = Object.assign(prevUser, {
+        saved: false,
+      });
+      return nextState;
+    }
+    case SAVING_USER: {
+      const prevUser = { ...nextState.user };
+      nextState.user = Object.assign(prevUser, { saving: true, saved: false });
+      return nextState;
+    }
+    case PATCH_NAME: {
+      const { result } = action;
+      const prevUser = { ...nextState.user };
+      if (result.user) {
+        const { user: { hasChosenName, chosenFirstNames, chosenLastName } } = result;
+        nextState.user = Object.assign(prevUser, {
+          hasChosenName,
+          chosenFirstNames,
+          chosenLastName,
+          saving: false,
+          saved: true,
+        });
+        nextState.messages = [{
+          type: 'confirm',
+          message: profileLabels[nextState.user.preferredLanguage].saved,
+        }];
+      } else if (result.error) {
+        nextState.messages = [{
+          type: 'warning',
+          message: result.error.Message,
+        }];
+        nextState.user = Object.assign(prevUser, { saving: false });
+      }
+      return nextState;
+    }
+    case PATCH_MAIL: {
+      const { result } = action;
+      const prevUser = { ...nextState.user };
+      if (result.user) {
+        const { user: { privateMailAddress, workMailAddress, studentChosenMailAddress } } = result;
+        nextState.user = Object.assign(prevUser, {
+          workMailAddress,
+          studentChosenMailAddress,
+          privateMailAddress,
+          saving: false,
+          saved: true,
+        });
+        nextState.messages = [{
+          type: 'confirm',
+          message: `${profileLabels[nextState.user.preferredLanguage].saved} ${profileLabels[nextState.user.preferredLanguage].mailNotice}`,
+        }];
+      } else if (result.error) {
+        nextState.messages = [{
+          type: 'warning',
+          message: nextState.user.preferredLanguage === 'da' ? result.error.errorMessageDa : result.error.errorMessageEn,
+          // Skal bruges i de andre profilePatch også?
+        }];
+        nextState.user = Object.assign(prevUser, { saving: false });
+      }
+      return nextState;
+    }
+    case PATCH_MOBILE: {
+      const { result } = action;
+      const prevUser = { ...nextState.user };
+      if (result.user) {
+        const { user: { privatePhoneNumber, privateMobileNumber } } = result;
+        nextState.user = Object.assign(prevUser, {
+          privatePhoneNumber,
+          privateMobileNumber,
+          saving: false,
+          saved: true,
+        });
+        nextState.messages = [{
+          type: 'confirm',
+          message: profileLabels[nextState.user.preferredLanguage].saved,
+        }];
+      } else if (result.error) {
+        if (result.error.Message) {
+          nextState.messages = [{
+            type: 'warning',
+            message: result.error.Message,
+          }];
+        } else {
+          nextState.messages = result.error.map((e) => ({
+            type: 'warning',
+            message: e.errorMessage,
+          }));
+        }
+
+        nextState.user = Object.assign(prevUser, { saving: false });
+      }
+      return nextState;
+    }
+    case PATCH_LANGUAGE: {
+      const { result } = action;
+      const prevUser = { ...nextState.user };
+      if (result.user) {
+        const { user: { preferredLanguage } } = result;
+        nextState.user = Object.assign(prevUser, {
+          preferredLanguage,
+          saving: false,
+          saved: true,
+        });
+        nextState.messages = [{
+          type: 'confirm',
+          message: profileLabels[nextState.user.preferredLanguage].saved,
+        }];
+      } else if (result.error) {
+        nextState.messages = [{
+          type: 'warning',
+          message: result.error.Message,
+        }];
+        nextState.user = Object.assign(prevUser, { saving: false });
+      }
+      return nextState;
+    }
+    case PATCH_NEXTOFKIN: {
+      const { result } = action;
+      const prevUser = { ...nextState.user };
+      if (result.user) {
+        const { user: { nextOfKinName, nextOfKinPhoneNumber } } = result;
+        nextState.user = Object.assign(prevUser, {
+          nextOfKinName,
+          nextOfKinPhoneNumber,
+          saving: false,
+          saved: true,
+        });
+        nextState.messages = [{
+          type: 'confirm',
+          message: profileLabels[nextState.user.preferredLanguage].saved,
+        }];
+      } else if (result.error) {
+        nextState.messages = [{
+          type: 'warning',
+          message: result.error.Message,
+        }];
+        nextState.user = Object.assign(prevUser, { saving: false });
+      }
+      return nextState;
+    }
+    default: {
+      return null;
+    }
+  }
+};

package/src/components/profile/AUProfileWidgetComponent.js

@@ -1,95 +1,95 @@
-/* eslint-env browser */
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { setCopyToClipboard } from '@aarhus-university/au-designsystem-delphinus/source/js/components/nav';
-
-const AUProfileWidgetComponent = React.memo(({
-  lang,
-  name,
-  auid,
-  studentNumber,
-  settings,
-  changeLanguageUrl,
-  logoutUri,
-  profileLabels,
-}) => {
-  const [ctcSet, setCtcSet] = useState(false);
-  const renderSettings = settings.map((s) => <a key={s.url} className="sub-nav__item" href={s.url}>{s.text}</a>);
-
-  useEffect(() => {
-    if (auid > 0 && !ctcSet) {
-      setCopyToClipboard(lang);
-      setCtcSet(true);
-    }
-  });
-
-  return (
-    <div className="sub-nav__content theme--normal" aria-labelledby="profile-menu-toggle">
-      <div className="sub-nav__user">
-        <h2 className="sub-nav__user-name">{name}</h2>
-        <button
-          type="button"
-          className="copy-to-clipboard"
-          title={profileLabels[lang].copyAuid}
-          aria-label={`${profileLabels[lang].auId}: AU${auid}`}
-        >
-          {`${profileLabels[lang].auId}: `}
-          <span className="copy-to-clipboard__this">{`AU${auid}`}</span>
-        </button>
-        {
-          studentNumber && (
-            <button
-              type="button"
-              className="copy-to-clipboard"
-              title={profileLabels[lang].copyStudentNumber}
-              aria-label={`${profileLabels[lang].studentNumber}: ${studentNumber}`}
-            >
-              {`${profileLabels[lang].studentNumber}: `}
-              <span className="copy-to-clipboard__this">{studentNumber}</span>
-            </button>
-          )
-        }
-      </div>
-      <hr />
-      {renderSettings}
-      <hr />
-      {
-        changeLanguageUrl && (
-          <>
-            <a className="sub-nav__item sub-nav__item--icon" href={changeLanguageUrl} data-icon="">{profileLabels[lang].changeLanguage}</a>
-            <hr />
-          </>
-        )
-      }
-      <a
-        className="sub-nav__item sub-nav__item--icon"
-        data-icon=""
-        href={logoutUri}
-      >
-        {profileLabels[lang].logout}
-      </a>
-    </div>
-  );
-});
-
-AUProfileWidgetComponent.defaultProps = {
-  studentNumber: null,
-  changeLanguageUrl: null,
-};
-
-AUProfileWidgetComponent.propTypes = {
-  lang: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  auid: PropTypes.number.isRequired,
-  studentNumber: PropTypes.string,
-  settings: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired,
-  })).isRequired,
-  profileLabels: PropTypes.shape({}).isRequired,
-  changeLanguageUrl: PropTypes.string,
-  logoutUri: PropTypes.string.isRequired,
-};
-
-AUProfileWidgetComponent.displayName = 'AUProfileWidgetComponent';
-export default AUProfileWidgetComponent;
+/* eslint-env browser */
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { setCopyToClipboard } from '@aarhus-university/au-designsystem-delphinus/source/js/components/nav';
+
+const AUProfileWidgetComponent = React.memo(({
+  lang,
+  name,
+  auid,
+  studentNumber,
+  settings,
+  changeLanguageUrl,
+  logoutUri,
+  profileLabels,
+}) => {
+  const [ctcSet, setCtcSet] = useState(false);
+  const renderSettings = settings.map((s) => <a key={s.url} className="sub-nav__item" href={s.url}>{s.text}</a>);
+
+  useEffect(() => {
+    if (auid > 0 && !ctcSet) {
+      setCopyToClipboard(lang);
+      setCtcSet(true);
+    }
+  });
+
+  return (
+    <div className="sub-nav__content theme--normal" aria-labelledby="profile-menu-toggle">
+      <div className="sub-nav__user">
+        <h2 className="sub-nav__user-name">{name}</h2>
+        <button
+          type="button"
+          className="copy-to-clipboard"
+          title={profileLabels[lang].copyAuid}
+          aria-label={`${profileLabels[lang].auId}: AU${auid}`}
+        >
+          {`${profileLabels[lang].auId}: `}
+          <span className="copy-to-clipboard__this">{`AU${auid}`}</span>
+        </button>
+        {
+          studentNumber && (
+            <button
+              type="button"
+              className="copy-to-clipboard"
+              title={profileLabels[lang].copyStudentNumber}
+              aria-label={`${profileLabels[lang].studentNumber}: ${studentNumber}`}
+            >
+              {`${profileLabels[lang].studentNumber}: `}
+              <span className="copy-to-clipboard__this">{studentNumber}</span>
+            </button>
+          )
+        }
+      </div>
+      <hr />
+      {renderSettings}
+      <hr />
+      {
+        changeLanguageUrl && (
+          <>
+            <a className="sub-nav__item sub-nav__item--icon" href={changeLanguageUrl} data-icon="">{profileLabels[lang].changeLanguage}</a>
+            <hr />
+          </>
+        )
+      }
+      <a
+        className="sub-nav__item sub-nav__item--icon"
+        data-icon=""
+        href={logoutUri}
+      >
+        {profileLabels[lang].logout}
+      </a>
+    </div>
+  );
+});
+
+AUProfileWidgetComponent.defaultProps = {
+  studentNumber: null,
+  changeLanguageUrl: null,
+};
+
+AUProfileWidgetComponent.propTypes = {
+  lang: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  auid: PropTypes.number.isRequired,
+  studentNumber: PropTypes.string,
+  settings: PropTypes.arrayOf(PropTypes.shape({
+    url: PropTypes.string.isRequired,
+    text: PropTypes.string.isRequired,
+  })).isRequired,
+  profileLabels: PropTypes.shape({}).isRequired,
+  changeLanguageUrl: PropTypes.string,
+  logoutUri: PropTypes.string.isRequired,
+};
+
+AUProfileWidgetComponent.displayName = 'AUProfileWidgetComponent';
+export default AUProfileWidgetComponent;