@akemona-org/strapi-plugin-users-permissions 3.7.0

package/admin/src/containers/Providers/reducer.js

@@ -0,0 +1,54 @@
+import produce from 'immer';
+import { set } from 'lodash';
+
+const initialState = {
+  formErrors: {},
+  isLoading: true,
+  initialData: {},
+  modifiedData: {},
+};
+
+const reducer = (state, action) =>
+  // eslint-disable-next-line consistent-return
+  produce(state, draftState => {
+    switch (action.type) {
+      case 'GET_DATA': {
+        draftState.isLoading = true;
+        draftState.initialData = {};
+        draftState.modifiedData = {};
+
+        break;
+      }
+
+      case 'GET_DATA_SUCCEEDED': {
+        draftState.isLoading = false;
+        draftState.initialData = action.data;
+        draftState.modifiedData = action.data;
+
+        break;
+      }
+      case 'GET_DATA_ERROR': {
+        draftState.isLoading = true;
+        break;
+      }
+      case 'ON_CHANGE': {
+        set(draftState, ['modifiedData', ...action.keys.split('.')], action.value);
+        break;
+      }
+      case 'RESET_FORM': {
+        draftState.modifiedData = state.initialData;
+        draftState.formErrors = {};
+        break;
+      }
+      case 'SET_ERRORS': {
+        draftState.formErrors = action.errors;
+        break;
+      }
+      default: {
+        return draftState;
+      }
+    }
+  });
+
+export default reducer;
+export { initialState };

package/admin/src/containers/Providers/utils/createProvidersArray.js

@@ -0,0 +1,21 @@
+import { sortBy } from 'lodash';
+
+const createProvidersArray = data => {
+  return sortBy(
+    Object.keys(data).reduce((acc, current) => {
+      const { icon: iconName, enabled, subdomain } = data[current];
+      const icon = iconName === 'envelope' ? ['fas', 'envelope'] : ['fab', iconName];
+
+      if (subdomain !== undefined) {
+        acc.push({ name: current, icon, enabled, subdomain });
+      } else {
+        acc.push({ name: current, icon, enabled });
+      }
+
+      return acc;
+    }, []),
+    'name'
+  );
+};
+
+export default createProvidersArray;

package/admin/src/containers/Providers/utils/forms.js

@@ -0,0 +1,205 @@
+import * as yup from 'yup';
+import { translatedErrors } from 'strapi-helper-plugin';
+
+import { getTrad } from '../../../utils';
+
+const forms = {
+  email: {
+    form: [
+      {
+        autoFocus: true,
+        label: getTrad('PopUpForm.Providers.enabled.label'),
+        name: 'enabled',
+        type: 'bool',
+        description: getTrad('PopUpForm.Providers.enabled.description'),
+        size: { xs: 6 },
+        validations: {
+          required: true,
+        },
+      },
+    ],
+    schema: yup.object().shape({
+      enabled: yup.bool().required(translatedErrors.required),
+    }),
+  },
+  providers: {
+    form: [
+      {
+        autoFocus: true,
+        label: getTrad('PopUpForm.Providers.enabled.label'),
+        name: 'enabled',
+        type: 'bool',
+        description: getTrad('PopUpForm.Providers.enabled.description'),
+        size: { xs: 6 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.key.label'),
+        name: 'key',
+        type: 'text',
+        placeholder: getTrad('PopUpForm.Providers.key.placeholder'),
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.secret.label'),
+        name: 'secret',
+        type: 'text',
+        placeholder: getTrad('PopUpForm.Providers.secret.placeholder'),
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.redirectURL.front-end.label'),
+        placeholder: 'http://www.client-app.com',
+        name: 'callback',
+        type: 'text',
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        label: {
+          id: getTrad('PopUpForm.Providers.redirectURL.label'),
+          params: {
+            provider: 'VK',
+          },
+        },
+        name: 'noName',
+        type: 'text',
+        validations: {},
+        size: {
+          xs: 12,
+        },
+        disabled: true,
+      },
+    ],
+    schema: yup.object().shape({
+      enabled: yup.bool().required(translatedErrors.required),
+      key: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+      secret: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+      callback: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+    }),
+  },
+  providersWithSubdomain: {
+    form: [
+      {
+        autoFocus: true,
+        label: getTrad('PopUpForm.Providers.enabled.label'),
+        name: 'enabled',
+        type: 'bool',
+        description: getTrad('PopUpForm.Providers.enabled.description'),
+        size: { xs: 6 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.key.label'),
+        name: 'key',
+        type: 'text',
+        placeholder: getTrad('PopUpForm.Providers.key.placeholder'),
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.secret.label'),
+        name: 'secret',
+        type: 'text',
+        placeholder: getTrad('PopUpForm.Providers.secret.placeholder'),
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.subdomain.label'),
+        name: 'subdomain',
+        type: 'text',
+        placeholder: getTrad('PopUpForm.Providers.subdomain.placeholder'),
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        autoFocus: false,
+        label: getTrad('PopUpForm.Providers.redirectURL.front-end.label'),
+        placeholder: 'http://www.client-app.com',
+        name: 'callback',
+        type: 'text',
+        size: { xs: 12 },
+        validations: {
+          required: true,
+        },
+      },
+      {
+        label: {
+          id: getTrad('PopUpForm.Providers.redirectURL.label'),
+          params: {
+            provider: 'VK',
+          },
+        },
+        name: 'noName',
+        type: 'text',
+        validations: {},
+        size: {
+          xs: 12,
+        },
+        disabled: true,
+      },
+    ],
+    schema: yup.object().shape({
+      enabled: yup.bool().required(translatedErrors.required),
+      key: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+      secret: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+      subdomain: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+      callback: yup.string().when('enabled', {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string(),
+      }),
+    }),
+  },
+};
+
+export default forms;

package/admin/src/containers/Roles/CreatePage/index.js

@@ -0,0 +1,167 @@
+import React, { useState, useRef } from 'react';
+import { useHistory } from 'react-router-dom';
+import { Header } from '@buffetjs/custom';
+import { Padded } from '@buffetjs/core';
+import { Formik } from 'formik';
+import { useIntl } from 'react-intl';
+import { request, useGlobalContext } from 'strapi-helper-plugin';
+import BaselineAlignement from '../../../components/BaselineAlignement';
+import ContainerFluid from '../../../components/ContainerFluid';
+import FormCard from '../../../components/FormBloc';
+import SizedInput from '../../../components/SizedInput';
+import getTrad from '../../../utils/getTrad';
+import pluginId from '../../../pluginId';
+import UsersPermissions from '../../../components/UsersPermissions';
+import { usePlugins } from '../../../hooks';
+import schema from './utils/schema';
+
+const CreatePage = () => {
+  const { formatMessage } = useIntl();
+  const { emitEvent } = useGlobalContext();
+  const { goBack } = useHistory();
+  const [isSubmiting, setIsSubmiting] = useState(false);
+  const { permissions, routes, policies, isLoading } = usePlugins();
+  const permissionsRef = useRef();
+
+  const headerActions = (handleSubmit, handleReset) => {
+    if (isLoading) {
+      return [];
+    }
+
+    return [
+      {
+        label: formatMessage({
+          id: getTrad('app.components.Button.reset'),
+          defaultMessage: 'Reset',
+        }),
+        onClick: () => {
+          handleReset();
+          permissionsRef.current.resetForm();
+        },
+        color: 'cancel',
+        type: 'button',
+      },
+      {
+        label: formatMessage({
+          id: 'app.components.Button.save',
+          defaultMessage: 'Save',
+        }),
+        onClick: handleSubmit,
+        color: 'success',
+        type: 'submit',
+        isLoading: isSubmiting,
+      },
+    ];
+  };
+
+  const handleCreateRoleSubmit = data => {
+    strapi.lockAppWithOverlay();
+    setIsSubmiting(true);
+
+    const permissions = permissionsRef.current.getPermissions();
+
+    Promise.resolve(
+      request(`/${pluginId}/roles`, {
+        method: 'POST',
+        body: { ...data, ...permissions, users: [] },
+      })
+    )
+      .then(() => {
+        emitEvent('didCreateRole');
+        strapi.notification.toggle({
+          type: 'success',
+          message: { id: 'Settings.roles.created' },
+        });
+        // Forcing redirecting since we don't have the id in the response
+        // TODO
+        goBack();
+      })
+      .catch(err => {
+        console.error(err);
+        strapi.notification.toggle({
+          type: 'warning',
+          message: { id: 'notification.error' },
+        });
+      })
+      .finally(() => {
+        setIsSubmiting(false);
+        strapi.unlockApp();
+      });
+  };
+
+  return (
+    <Formik
+      initialValues={{ name: '', description: '' }}
+      onSubmit={handleCreateRoleSubmit}
+      validationSchema={schema}
+    >
+      {({ handleSubmit, values, errors, handleReset, handleChange, handleBlur, touched }) => {
+        return (
+          <form onSubmit={handleSubmit}>
+            <ContainerFluid padding="0">
+              <Header
+                title={{
+                  label: formatMessage({
+                    id: getTrad('Settings.roles.create.title'),
+                    defaultMessage: 'Create a role',
+                  }),
+                }}
+                content={formatMessage({
+                  id: getTrad('Settings.roles.create.description'),
+                  defaultMessage: 'Define the rights given to the role',
+                })}
+                actions={headerActions(handleSubmit, handleReset)}
+                isLoading={isLoading}
+              />
+              <BaselineAlignement top size="3px" />
+              <FormCard
+                isLoading={isLoading}
+                title={formatMessage({
+                  id: getTrad('EditPage.form.roles'),
+                  defaultMessage: 'Role details',
+                })}
+              >
+                <SizedInput
+                  label="Settings.roles.form.input.name"
+                  defaultMessage="Name"
+                  name="name"
+                  type="text"
+                  error={errors.name && touched.name ? { id: errors.name } : null}
+                  onBlur={handleBlur}
+                  value={values.name}
+                  onChange={handleChange}
+                />
+                <SizedInput
+                  label="Settings.roles.form.input.description"
+                  defaultMessage="Description"
+                  name="description"
+                  type="textarea"
+                  error={
+                    errors.description && touched.description ? { id: errors.description } : null
+                  }
+                  onBlur={handleBlur}
+                  value={values.description}
+                  onChange={handleChange}
+                  // Override the default height of the textarea
+                  style={{ height: 115 }}
+                />
+              </FormCard>
+            </ContainerFluid>
+            <div style={{ paddingTop: '1.8rem' }} />
+            {!isLoading && (
+              <UsersPermissions
+                ref={permissionsRef}
+                permissions={permissions}
+                routes={routes}
+                policies={policies}
+              />
+            )}
+            <Padded top size="md" />
+          </form>
+        );
+      }}
+    </Formik>
+  );
+};
+
+export default CreatePage;

package/admin/src/containers/Roles/CreatePage/utils/schema.js

@@ -0,0 +1,9 @@
+import * as yup from 'yup';
+import { translatedErrors } from 'strapi-helper-plugin';
+
+const schema = yup.object().shape({
+  name: yup.string().required(translatedErrors.required),
+  description: yup.string().required(translatedErrors.required),
+});
+
+export default schema;

package/admin/src/containers/Roles/EditPage/index.js

@@ -0,0 +1,161 @@
+import React, { useState, useRef } from 'react';
+import { Header } from '@buffetjs/custom';
+import { Padded } from '@buffetjs/core';
+import { Formik } from 'formik';
+import { useIntl } from 'react-intl';
+import { useRouteMatch } from 'react-router-dom';
+import { request, useGlobalContext } from 'strapi-helper-plugin';
+
+import BaselineAlignement from '../../../components/BaselineAlignement';
+import ContainerFluid from '../../../components/ContainerFluid';
+import FormCard from '../../../components/FormBloc';
+import SizedInput from '../../../components/SizedInput';
+import getTrad from '../../../utils/getTrad';
+import pluginId from '../../../pluginId';
+import UsersPermissions from '../../../components/UsersPermissions';
+import { usePlugins, useFetchRole } from '../../../hooks';
+
+import schema from './utils/schema';
+
+const EditPage = () => {
+  const { formatMessage } = useIntl();
+  const [isSubmiting, setIsSubmiting] = useState(false);
+  const { settingsBaseURL } = useGlobalContext();
+  const {
+    params: { id },
+  } = useRouteMatch(`${settingsBaseURL}/${pluginId}/roles/:id`);
+  const { routes, policies, isLoading } = usePlugins();
+  const { role, isLoading: isRoleLoading, onSubmitSucceeded } = useFetchRole(id);
+  const permissionsRef = useRef();
+
+  const headerActions = (handleSubmit, handleReset) => {
+    if (isLoading) {
+      return [];
+    }
+
+    return [
+      {
+        label: formatMessage({
+          id: 'app.components.Button.reset',
+          defaultMessage: 'Reset',
+        }),
+        onClick: () => {
+          handleReset();
+          permissionsRef.current.resetForm();
+        },
+        color: 'cancel',
+        type: 'button',
+      },
+      {
+        label: formatMessage({
+          id: 'app.components.Button.save',
+          defaultMessage: 'Save',
+        }),
+        onClick: handleSubmit,
+        color: 'success',
+        type: 'submit',
+        isLoading: isSubmiting,
+      },
+    ];
+  };
+
+  const handleCreateRoleSubmit = data => {
+    strapi.lockAppWithOverlay();
+    setIsSubmiting(true);
+
+    const permissions = permissionsRef.current.getPermissions();
+
+    Promise.resolve(
+      request(`/${pluginId}/roles/${id}`, {
+        method: 'PUT',
+        body: { ...data, ...permissions, users: [] },
+      })
+    )
+      .then(() => {
+        onSubmitSucceeded({ name: data.name, description: data.description });
+        permissionsRef.current.setFormAfterSubmit();
+        strapi.notification.toggle({
+          type: 'success',
+          message: { id: getTrad('Settings.roles.edited') },
+        });
+      })
+      .catch(err => {
+        console.error(err);
+        strapi.notification.toggle({
+          type: 'warning',
+          message: { id: 'notification.error' },
+        });
+      })
+      .finally(() => {
+        setIsSubmiting(false);
+        strapi.unlockApp();
+      });
+  };
+
+  return (
+    <Formik
+      enableReinitialize
+      initialValues={{ name: role.name, description: role.description }}
+      onSubmit={handleCreateRoleSubmit}
+      validationSchema={schema}
+    >
+      {({ handleSubmit, values, errors, handleReset, handleChange, handleBlur }) => (
+        <form onSubmit={handleSubmit}>
+          <ContainerFluid padding="0">
+            <Header
+              title={{
+                label: role.name,
+              }}
+              content={role.description}
+              actions={headerActions(handleSubmit, handleReset)}
+              isLoading={isRoleLoading}
+            />
+            <BaselineAlignement top size="3px" />
+            <FormCard
+              title={formatMessage({
+                id: getTrad('EditPage.form.roles'),
+                defaultMessage: 'Role details',
+              })}
+              isLoading={isLoading}
+            >
+              <SizedInput
+                label="Settings.roles.form.input.name"
+                defaultMessage="Name"
+                name="name"
+                type="text"
+                error={errors.name ? { id: errors.name } : null}
+                onBlur={handleBlur}
+                value={values.name}
+                onChange={handleChange}
+              />
+              <SizedInput
+                label="Settings.roles.form.input.description"
+                defaultMessage="Description"
+                name="description"
+                type="textarea"
+                error={errors.description ? { id: errors.description } : null}
+                onBlur={handleBlur}
+                value={values.description}
+                onChange={handleChange}
+                // Override the default height of the textarea
+                style={{ height: 115 }}
+              />
+            </FormCard>
+          </ContainerFluid>
+          <div style={{ paddingTop: '1.8rem' }} />
+          {!isLoading && !isRoleLoading && (
+            <UsersPermissions
+              ref={permissionsRef}
+              permissions={role.permissions}
+              routes={routes}
+              policies={policies}
+            />
+          )}
+          <Padded top size="md" />
+        </form>
+      )}
+    </Formik>
+  );
+};
+
+export default EditPage;

package/admin/src/containers/Roles/EditPage/utils/schema.js

@@ -0,0 +1,9 @@
+import * as yup from 'yup';
+import { translatedErrors } from 'strapi-helper-plugin';
+
+const schema = yup.object().shape({
+  name: yup.string().required(translatedErrors.required),
+  description: yup.string().required(translatedErrors.required),
+});
+
+export default schema;

package/admin/src/containers/Roles/ListPage/BaselineAlignment.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+
+// TODO : Temporary baseline alignment
+const BaselineAlignment = styled.div`
+  padding-top: 3px;
+`;
+
+export default BaselineAlignment;