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

package/src/components/password/AUPasswordReducer.js

@@ -1,78 +0,0 @@
-import {
-  PATCH_PASSWORD,
-  DISMISS_MESSAGES,
-  SET_SAVED,
-  SAVING_PASSWORD,
-  SENDING_MAIL,
-  SEND_MAIL,
-  GET_TOKEN_STATUS,
-} from './AUPasswordActions';
-
-export const initialState = {
-  password: {
-    saving: false,
-    saved: false,
-    validToken: true,
-  },
-  messages: [],
-};
-
-export const reducer = (state = initialState, action) => {
-  const nextState = { ...state };
-
-  switch (action.type) {
-    case DISMISS_MESSAGES: {
-      nextState.messages = [];
-      return nextState;
-    }
-    case SET_SAVED: {
-      const prevPassword = { ...nextState.password };
-      nextState.password = Object.assign(prevPassword, {
-        saved: false,
-      });
-      return nextState;
-    }
-    case SENDING_MAIL:
-    case SAVING_PASSWORD: {
-      const prevPassword = { ...nextState.password };
-      nextState.password = Object.assign(prevPassword, { saving: true, saved: false });
-      return nextState;
-    }
-    case SEND_MAIL:
-    case PATCH_PASSWORD: {
-      const { result } = action;
-      const prevPassword = { ...nextState.password };
-      if (result.password) {
-        nextState.password = Object.assign(prevPassword, {
-          saving: false,
-          saved: true,
-        });
-      } else if (result.error) {
-        const {
-          errorType,
-          errorMessageDa,
-          errorMessageEn,
-          lang,
-        } = result.error;
-        nextState.messages = [{
-          type: errorType,
-          message: lang === 'da' ? errorMessageDa : errorMessageEn,
-        }];
-        nextState.password = Object.assign(prevPassword, { saving: false });
-      }
-      return nextState;
-    }
-    case GET_TOKEN_STATUS: {
-      const { result } = action;
-      const prevPassword = { ...nextState.password };
-      nextState.password = Object.assign(prevPassword, {
-        validToken: result.token,
-      });
-
-      return nextState;
-    }
-    default: {
-      return null;
-    }
-  }
-};

package/src/components/password/AUPasswordRequirementsComponent.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { passwordLabels } from '../../lib/i18n';
-
-const AUPasswordRequirementsComponents = ({ lang }) => (
-  <div className="row__item row__item--basis-25">
-    <div className="box box--constrain-width theme--background-secondary row__item-content">
-      <h2 className="text--default-size text--pull">{passwordLabels[lang].requirementsHeader}</h2>
-      <ul className="list--dense">
-        <li>{passwordLabels[lang].requirement1}</li>
-        <li>{passwordLabels[lang].requirement2}</li>
-        <li>{passwordLabels[lang].requirement3}</li>
-        <li>
-          {passwordLabels[lang].requirement4}
-          &nbsp;
-          <span className="u-avoid-wrap">
-            {'~!@#$%^&*_-+=`|(){}[]:;"\'<>,.?/'}
-          </span>
-        </li>
-      </ul>
-    </div>
-  </div>
-);
-
-AUPasswordRequirementsComponents.propTypes = {
-  lang: PropTypes.string.isRequired,
-};
-AUPasswordRequirementsComponents.displayName = 'AUPasswordRequirementsComponents';
-export default AUPasswordRequirementsComponents;

package/src/components/profile/AUProfileAvatarV3Component.js

@@ -1,80 +0,0 @@
-/* eslint-env browser */
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import AUProfileWidgetComponent from './AUProfileWidgetV3Component';
-import AUSubNavComponent from '../delphinus/AUSubNavComponent';
-
-const AUProfileAvatarComponent = React.memo(({
-  user,
-  settings,
-  onLoad,
-  onLoadAction,
-  profileLabels,
-  logoutUri,
-  changeLanguageUrl,
-  lang,
-}) => {
-  const {
-    auId,
-    firstNames,
-    lastName,
-  } = user;
-
-  useEffect(() => {
-    if (typeof onLoad === 'function') {
-      onLoad(onLoadAction);
-    }
-  }, []);
-
-  return (
-    <AUSubNavComponent
-      id="profile-menu-toggle"
-      className="nav__item nav__item--icon nav__item--icon--right"
-      dataIcon=""
-      text={firstNames}
-      ariaLabel={`${profileLabels[lang].profileFor} ${firstNames} ${lastName}`}
-    >
-      <AUProfileWidgetComponent
-        lang={lang}
-        name={`${firstNames} ${lastName}`}
-        auid={auId}
-        settings={settings}
-        profileLabels={profileLabels}
-        changeLanguageUrl={changeLanguageUrl}
-        logoutUri={logoutUri}
-      />
-    </AUSubNavComponent>
-  );
-});
-
-AUProfileAvatarComponent.defaultProps = {
-  onLoad: null,
-  onLoadAction: () => {
-
-  },
-  changeLanguageUrl: '',
-};
-
-AUProfileAvatarComponent.propTypes = {
-  user: PropTypes.shape({
-    auId: PropTypes.number.isRequired,
-    firstNames: PropTypes.string.isRequired,
-    lastName: PropTypes.string.isRequired,
-    preferredLanguage: PropTypes.string.isRequired,
-  }).isRequired,
-  settings: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.string.isRequired,
-    url: PropTypes.string,
-    text: PropTypes.string.isRequired,
-    onClick: PropTypes.func,
-  })).isRequired,
-  onLoad: PropTypes.func,
-  onLoadAction: PropTypes.func,
-  profileLabels: PropTypes.shape({}).isRequired,
-  logoutUri: PropTypes.string.isRequired,
-  changeLanguageUrl: PropTypes.string,
-  lang: PropTypes.string.isRequired,
-};
-
-AUProfileAvatarComponent.displayName = 'AUProfileAvatarComponent';
-export default AUProfileAvatarComponent;

package/src/config/webpack.dev.config.js

@@ -1,47 +0,0 @@
-const ESLintPlugin = require('eslint-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const path = require('path');
-
-module.exports = {
-  mode: 'development',
-  devtool: 'eval-source-map',
-  devServer: {
-    inline: true,
-    contentBase: 'build',
-    port: '8088',
-  },
-  entry: './src/index.js',
-  output: {
-    path: path.resolve(__dirname, '../../build'),
-    filename: 'dev.js',
-  },
-  plugins: [
-    new ESLintPlugin({
-      fix: true,
-    }),
-    new MiniCssExtractPlugin({
-      filename: 'all.css',
-      chunkFilename: '[id].css',
-    }),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        use: {
-          loader: 'babel-loader',
-        },
-      },
-      {
-        test: /\.scss/,
-        include: path.resolve(__dirname, '..'),
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: 'css-loader' },
-          { loader: 'sass-loader' },
-        ],
-      },
-    ],
-  },
-};

package/src/index.js

@@ -1,6 +0,0 @@
-/* eslint-env browser */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './app';
-
-ReactDOM.render(<App />, document.getElementById('components'));

package/src/lib/au-auth.js

@@ -1,227 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-/* eslint-env browser */
-// AuAuth
-//
-// Common module to handle auth/login/logout of AzureAD in AU.
-//
-
-import { getContextFromSession } from './helpers';
-
-class AuAuth {
-  config;
-
-  // eslint-disable-next-line max-len
-  constructor(clientId, authority, redirectUri, userContextUri, userContextServiceScope, popupErrorPage) {
-    this.config = {
-      auth: {
-        clientId, // Generic Au client id
-        authority,
-        redirectUri,
-        navigateToLoginRequestUrl: true,
-        postLogoutRedirectUri: window.location.href,
-      },
-    };
-
-    this.userContextUri = userContextUri;
-    this.userContextServiceScope = userContextServiceScope;
-    this.popupErrorPage = popupErrorPage;
-
-    this.msal = new Msal.UserAgentApplication(this.config);
-
-    // Callback used when a token is obtained from the query string
-    const authCallback = (err) => {
-      if (err && err.errorMessage) {
-        console.log(`Token error during login: ${err.errorMessage}`);
-      }
-    };
-
-    this.msal.handleRedirectCallback(authCallback);
-    this.fetching = false;
-    this.userContext = null;
-    this.fetchEvents = [];
-  }
-
-  login() {
-    this.msal.loginRedirect({
-      authority: this.config.auth.authority,
-      state: window.location.href,
-    });
-  }
-
-  logout() {
-    this.msal.logout();
-  }
-
-  setUserContext(
-    auId = 0,
-    key,
-    clearCache,
-    callback,
-    error = () => { },
-    setImpersonationSession = true,
-    loggedIn = false,
-    enrichContext = async (json) => json,
-  ) {
-    const contextFromSession = getContextFromSession(auId);
-    if (contextFromSession && !clearCache) {
-      this.userContext = JSON.parse(contextFromSession);
-    }
-    if (this.userContext != null && typeof callback === 'function' && !clearCache) {
-      callback(this.userContext);
-      console.log(`Using existing context for key ${key}`);
-    } else {
-      this.fetchEvents.push({
-        key,
-        callback,
-        error,
-      });
-      console.log(`Callback for key ${key} added to queue`);
-      if (!this.fetching) {
-        this.fetching = true;
-
-        if (auId === 0) {
-          // eslint-disable-next-line no-param-reassign
-          [auId] = this.getUser().auid.match(/(\d+)/g);
-        }
-        let url = this.userContextUri;
-        if (auId > 0) {
-          url = `${url}?auid=${auId}`;
-        }
-        if (clearCache) {
-          url = `${url}&clearCache=true`;
-        }
-
-        const handleContext = async (response, json) => {
-          if (response.ok) {
-            this.userContext = await enrichContext(json);
-            if (this.userContext.isStudentImpersonator && setImpersonationSession) {
-              window.sessionStorage.setItem('student-impersonation', true);
-            }
-            // setContextInSession(auId, JSON.stringify(json)); Den fjerner vi altså lige...
-          }
-
-          this.fetchEvents.forEach((e) => {
-            if (response.ok) {
-              if (typeof e.callback === 'function') {
-                e.callback(this.userContext);
-                console.log(`Callback for key ${e.key} has been invoked`);
-              }
-            } else {
-              e.error(response.status, json);
-              console.log('Context fetch errored and error callback with response has been invoked');
-            }
-          });
-
-          this.fetching = false;
-        };
-
-        if (loggedIn) {
-          const fetchContext = async () => {
-            const response = await fetch(url, {
-              credentials: 'include',
-            });
-            if (response.status !== 401) {
-              const json = await response.json();
-              handleContext(response, json);
-            } else {
-              handleContext(response, {
-                title: `${response.status}: Context not allowed for the specific user`,
-              });
-            }
-          };
-
-          fetchContext();
-        } else {
-          this.getAccessToken([this.userContextServiceScope]).then(async ({ accessToken }) => {
-            const response = await fetch(url, {
-              headers: {
-                Authorization: `Bearer ${accessToken}`,
-              },
-            });
-
-            const json = await response.json();
-            handleContext(response, json);
-          });
-        }
-      }
-    }
-  }
-
-  getUser() {
-    const msalUser = this.msal.getAccount();
-    if (msalUser == null) {
-      return null;
-    }
-    return {
-      name: msalUser.name,
-      userId: msalUser.accountIdentifier,
-      auid: msalUser.userName,
-    };
-  }
-
-  getIdToken() {
-    return this.msal.acquireTokenSilent({
-      scopes: [this.config.auth.clientId],
-      authority: this.config.auth.authority,
-    });
-  }
-
-  getAccessToken(scopes) {
-    const req = {
-      scopes,
-      authority: this.config.auth.authority,
-      state: window.location.href,
-    };
-
-    const popupFallback = () => {
-      // Need to explicitly implement caching, because Msal has chosen to
-      // only implement caching when using silent token retrieval.
-
-      // Key similar to how Msal does it internally, except first prop, to avoid collisions.
-      const key = JSON.stringify({
-        thisIsCachedSafariAccessToken: true,
-        authority: req.authority,
-        clientId: this.config.auth.clientId,
-        scopes: req.scopes,
-        homeAccountIdentifier: this.msal.getAccount().homeAccountIdentifier,
-      });
-      const token = sessionStorage.getItem(key);
-      if (token !== null && token !== undefined) {
-        const parsed = JSON.parse(token);
-        if (parsed.expiresOn && (new Date(parsed.expiresOn) > new Date()) && parsed.accessToken) {
-          return new Promise((resolve) => resolve(parsed));
-        }
-      }
-
-      return this.msal.acquireTokenPopup(req)
-        .then((accessToken) => {
-          sessionStorage.setItem(key, JSON.stringify(accessToken));
-        })
-        .catch(() => {
-          if (this.popupErrorPage) {
-            window.location.href = this.popupErrorPage;
-          } else {
-            window.alert('This site needs to show popups, but your browser blocks popups from this site.\nYou need to allow popups from this site, then reload the page.');
-          }
-        });
-    };
-
-    // Safari desktop fallback to popups because of eradic Safari bugs using silent/iframe.
-    if (typeof window.safari !== 'undefined') {
-      return popupFallback();
-    }
-
-    return this.msal.acquireTokenSilent(req)
-      .catch(() => popupFallback());
-  }
-}
-
-// Export as singleton instance
-window.auAuth = new AuAuth(
-  window.auAuthClientId,
-  window.auAuthAuthority,
-  window.auAuthRedirectUri,
-  window.userContextApiUri,
-  window.userContextServiceScope,
-  window.popupErrorPage,
-);