@aarhus-university/au-lib-react-components 8.20.2 → 8.80.0

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/config/webpack.cjs.config.js

@@ -1,75 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  mode: 'production',
-  devtool: 'source-map',
-  entry: {
-    auAuth: './src/lib/au-auth',
-  },
-  output: {
-    path: path.resolve(__dirname, '../../build/cjs'),
-    filename: '[name].js',
-    libraryTarget: 'commonjs2', // https://webpack.js.org/configuration/output/#output-librarytarget
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              '@babel/react',
-            ],
-            plugins: [
-              '@babel/plugin-proposal-class-properties',
-            ],
-          },
-        },
-      },
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        use: {
-          loader: 'eslint-loader',
-          options: {
-            presets: ['env'],
-            fix: true,
-          },
-        },
-      },
-      {
-        test: /\.scss/,
-        use: [
-          {
-            loader: 'style-loader',
-            options: {
-              singleton: true,
-            },
-          },
-          { loader: 'css-loader' },
-          { loader: 'sass-loader?outputStyle=compressed' },
-        ],
-      },
-    ],
-  },
-  externals: {
-    axios: 'axios',
-    moment: 'moment',
-    react: {
-      root: 'React',
-      commonjs2: 'react',
-      commonjs: 'react',
-      amd: 'react',
-      umd: 'react',
-    },
-    'react-dom': {
-      root: 'ReactDOM',
-      commonjs2: 'react-dom',
-      commonjs: 'react-dom',
-      amd: 'react-dom',
-      umd: 'react-dom',
-    },
-  },
-};

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

@@ -1,61 +0,0 @@
-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',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        include: path.resolve(__dirname, '..'),
-        exclude: /(node_modules|bower_components|build)/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              '@babel/react',
-            ],
-            plugins: [
-              '@babel/plugin-proposal-class-properties',
-            ],
-          },
-        },
-      },
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        exclude: /(node_modules|bower_components|build)/,
-        use: {
-          loader: 'eslint-loader',
-          options: {
-            presets: ['env'],
-            fix: true,
-          },
-        },
-      },
-      {
-        test: /\.scss/,
-        use: [
-          {
-            loader: 'style-loader',
-            options: {
-              singleton: true,
-            },
-          },
-          { loader: 'css-loader' },
-          { loader: 'sass-loader?outputStyle=compressed' },
-        ],
-      },
-    ],
-  },
-};

package/src/config/webpack.umd.config.js

@@ -1,107 +0,0 @@
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const path = require('path');
-
-// https://github.com/webpack/webpack/issues/4453
-
-const entries = {
-  all: './src/all',
-  alphabox: './src/lib/au-alphabox',
-  databox: './src/lib/au-databox',
-  diagramme: './src/lib/au-diagramme',
-  flowbox: './src/lib/au-flowbox',
-  news: './src/lib/au-news',
-  universe: './src/lib/universe',
-  auAuth: './src/lib/au-auth',
-};
-
-module.exports = Object.entries(entries).map(entry => ({
-  mode: 'production',
-  devtool: 'source-map',
-  entry: {
-    [entry[0]]: entry[1],
-  },
-  output: {
-    path: path.resolve(__dirname, '../../build/umd'),
-    filename: '[name].js',
-    libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              '@babel/env',
-              '@babel/react',
-            ],
-            plugins: [
-              '@babel/plugin-proposal-class-properties',
-              '@babel/plugin-transform-runtime',
-            ],
-          },
-        },
-      },
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '../../node_modules/@aarhus-university/au-designsystem-delphinus/source'),
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              '@babel/env',
-            ],
-          },
-        },
-      },
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        use: {
-          loader: 'eslint-loader',
-          options: {
-            presets: ['env'],
-            fix: true,
-          },
-        },
-      },
-      {
-        test: /\.scss/,
-        include: path.resolve(__dirname, '..'),
-        sideEffects: true,
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: 'css-loader' },
-          { loader: 'sass-loader?outputStyle=compressed' },
-        ],
-      },
-    ],
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: 'all.css',
-      chunkFilename: '[id].css',
-    }),
-  ],
-  externals: {
-    axios: 'axios',
-    moment: 'moment',
-    react: {
-      root: 'React',
-      commonjs2: 'react',
-      commonjs: 'react',
-      amd: 'react',
-      umd: 'react',
-    },
-    'react-dom': {
-      root: 'ReactDOM',
-      commonjs2: 'react-dom',
-      commonjs: 'react-dom',
-      amd: 'react-dom',
-      umd: 'react-dom',
-    },
-    DISQUS: 'DISQUS',
-  },
-}));

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,221 +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',
-            });
-            const json = await response.json();
-            handleContext(response, json);
-          };
-
-          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,
-);