@strapi/admin 4.16.2 → 4.18.0

package/dist/_chunks/index-8109fa91.mjs

@@ -1,676 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { onRowClick, stopPropagation, translatedErrors, useNotification, useOverlayBlocker, useFetchClient, Form, GenericInput, PageSizeURLQuery, PaginationURLQuery, Status, useAPIErrorHandler, useRBAC, useFocusWhenNavigate, SettingsPageTitle, SearchURLQuery, NoPermissions, DynamicTable, CheckPagePermissions } from "@strapi/helper-plugin";
-import { useSelector } from "react-redux";
-import { g as getFullName, s as selectAdminPermissions } from "./AuthenticatedApp-bb31f306.mjs";
-import { useState } from "react";
-import { Button, Tbody, Tr, Td, BaseCheckbox, Typography, Flex, IconButton, Box, ModalLayout, ModalHeader, ModalBody, Grid, GridItem, ModalFooter, Main, HeaderLayout, ActionLayout, ContentLayout } from "@strapi/design-system";
-import qs__default from "qs";
-import { useIntl } from "react-intl";
-import { useMutation, useQueryClient } from "react-query";
-import { useHistory, useLocation } from "react-router-dom";
-import { u as useAdminUsers } from "./useAdminUsers-09f86a58.mjs";
-import { p as useEnterprise } from "./index-8933483b.mjs";
-import { F as Filters } from "./index-74812118.mjs";
-import { Envelop, Pencil, Trash } from "@strapi/icons";
-import PropTypes from "prop-types";
-import { Breadcrumbs, Crumb } from "@strapi/design-system/v2";
-import { Formik } from "formik";
-import { M as MagicLinkCE, S as SelectRoles } from "./index-ce5995cd.mjs";
-import * as yup from "yup";
-const CreateActionCE = ({ onClick }) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(Button, { onClick, startIcon: /* @__PURE__ */ jsx(Envelop, {}), size: "S", children: formatMessage({
-    id: "Settings.permissions.users.create",
-    defaultMessage: "Invite new user"
-  }) });
-};
-CreateActionCE.propTypes = {
-  onClick: PropTypes.func.isRequired
-};
-const TableRows = ({
-  canDelete,
-  headers,
-  entriesToDelete,
-  onClickDelete,
-  onSelectRow,
-  withMainAction,
-  withBulkActions,
-  rows
-}) => {
-  const {
-    push,
-    location: { pathname }
-  } = useHistory();
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(Tbody, { children: rows.map((data) => {
-    const isChecked = entriesToDelete.findIndex((id) => id === data.id) !== -1;
-    return /* @__PURE__ */ jsxs(
-      Tr,
-      {
-        ...onRowClick({
-          fn: () => push(`${pathname}/${data.id}`),
-          condition: withBulkActions
-        }),
-        children: [
-          withMainAction && /* @__PURE__ */ jsx(Td, { ...stopPropagation, children: /* @__PURE__ */ jsx(
-            BaseCheckbox,
-            {
-              "aria-label": formatMessage(
-                {
-                  id: "app.component.table.select.one-entry",
-                  defaultMessage: `Select {target}`
-                },
-                { target: getFullName(data.firstname, data.lastname) }
-              ),
-              checked: isChecked,
-              onChange: () => {
-                onSelectRow({ name: data.id, value: !isChecked });
-              }
-            }
-          ) }),
-          headers.map(({ key, cellFormatter, name, ...rest }) => {
-            return /* @__PURE__ */ jsx(Td, { children: typeof cellFormatter === "function" ? cellFormatter(data, { key, name, formatMessage, ...rest }) : /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: data[name] || "-" }) }, key);
-          }),
-          withBulkActions && /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", children: [
-            /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                onClick: () => push(`${pathname}/${data.id}`),
-                label: formatMessage(
-                  { id: "app.component.table.edit", defaultMessage: "Edit {target}" },
-                  { target: getFullName(data.firstname, data.lastname) }
-                ),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsx(Pencil, {})
-              }
-            ),
-            canDelete && /* @__PURE__ */ jsx(Box, { paddingLeft: 1, ...stopPropagation, children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                onClick: () => onClickDelete(data.id),
-                label: formatMessage(
-                  { id: "global.delete-target", defaultMessage: "Delete {target}" },
-                  { target: getFullName(data.firstname, data.lastname) }
-                ),
-                noBorder: true,
-                icon: /* @__PURE__ */ jsx(Trash, {})
-              }
-            ) })
-          ] }) })
-        ]
-      },
-      data.id
-    );
-  }) });
-};
-TableRows.defaultProps = {
-  canDelete: false,
-  entriesToDelete: [],
-  onClickDelete() {
-  },
-  onSelectRow() {
-  },
-  rows: [],
-  withBulkActions: false,
-  withMainAction: false
-};
-TableRows.propTypes = {
-  canDelete: PropTypes.bool,
-  entriesToDelete: PropTypes.array,
-  headers: PropTypes.array.isRequired,
-  onClickDelete: PropTypes.func,
-  onSelectRow: PropTypes.func,
-  rows: PropTypes.array,
-  withBulkActions: PropTypes.bool,
-  withMainAction: PropTypes.bool
-};
-const FORM_INITIAL_VALUES = {
-  firstname: "",
-  lastname: "",
-  email: "",
-  roles: []
-};
-const ROLE_LAYOUT = [];
-const FORM_LAYOUT = [
-  [
-    {
-      intlLabel: {
-        id: "Auth.form.firstname.label",
-        defaultMessage: "First name"
-      },
-      name: "firstname",
-      placeholder: {
-        id: "Auth.form.firstname.placeholder",
-        defaultMessage: "e.g. Kai"
-      },
-      type: "text",
-      size: {
-        col: 6,
-        xs: 12
-      },
-      required: true
-    },
-    {
-      intlLabel: {
-        id: "Auth.form.lastname.label",
-        defaultMessage: "Last name"
-      },
-      name: "lastname",
-      placeholder: {
-        id: "Auth.form.lastname.placeholder",
-        defaultMessage: "e.g. Doe"
-      },
-      type: "text",
-      size: {
-        col: 6,
-        xs: 12
-      }
-    }
-  ],
-  [
-    {
-      intlLabel: {
-        id: "Auth.form.email.label",
-        defaultMessage: "Email"
-      },
-      name: "email",
-      placeholder: {
-        id: "Auth.form.email.placeholder",
-        defaultMessage: "e.g. kai.doe@strapi.io"
-      },
-      type: "email",
-      size: {
-        col: 6,
-        xs: 12
-      },
-      required: true
-    }
-  ]
-];
-const FORM_SCHEMA = yup.object().shape({
-  firstname: yup.string().trim().required(translatedErrors.required),
-  lastname: yup.string(),
-  email: yup.string().email(translatedErrors.email).required(translatedErrors.required),
-  roles: yup.array().min(1, translatedErrors.required).required(translatedErrors.required)
-});
-const STEPPER = {
-  create: {
-    buttonSubmitLabel: {
-      id: "app.containers.Users.ModalForm.footer.button-success",
-      defaultMessage: "Invite user"
-    },
-    isDisabled: false,
-    next: "magic-link"
-  },
-  "magic-link": {
-    buttonSubmitLabel: { id: "global.finish", defaultMessage: "Finish" },
-    isDisabled: true,
-    next: null
-  }
-};
-const ModalForm = ({ onSuccess, onToggle }) => {
-  const [currentStep, setStep] = useState("create");
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [registrationToken, setRegistrationToken] = useState(null);
-  const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
-  const { lockApp, unlockApp } = useOverlayBlocker();
-  const { post } = useFetchClient();
-  const roleLayout = useEnterprise(
-    ROLE_LAYOUT,
-    async () => (await import("./constants-def33545.mjs")).ROLE_LAYOUT,
-    {
-      combine(ceRoles, eeRoles) {
-        return [...ceRoles, eeRoles];
-      },
-      defaultValue: []
-    }
-  );
-  const initialValues = useEnterprise(
-    FORM_INITIAL_VALUES,
-    async () => (await import("./constants-def33545.mjs")).FORM_INITIAL_VALUES,
-    {
-      combine(ceValues, eeValues) {
-        return {
-          ...ceValues,
-          ...eeValues
-        };
-      },
-      defaultValue: FORM_INITIAL_VALUES
-    }
-  );
-  const MagicLink = useEnterprise(
-    MagicLinkCE,
-    async () => (await import("./index-308b73ba.mjs")).MagicLinkEE
-  );
-  const postMutation = useMutation(
-    (body) => {
-      return post("/admin/users", body);
-    },
-    {
-      async onSuccess({ data }) {
-        setRegistrationToken(data.data.registrationToken);
-        await onSuccess();
-        goNext();
-        setIsSubmitting(false);
-      },
-      onError(err) {
-        setIsSubmitting(false);
-        toggleNotification({
-          type: "warning",
-          message: { id: "notification.error", defaultMessage: "An error occured" }
-        });
-        throw err;
-      },
-      onSettled() {
-        unlockApp();
-      }
-    }
-  );
-  const headerTitle = formatMessage({
-    id: "Settings.permissions.users.create",
-    defaultMessage: "Invite new user"
-  });
-  const handleSubmit = async (body, { setErrors }) => {
-    lockApp();
-    setIsSubmitting(true);
-    try {
-      await postMutation.mutateAsync(body);
-    } catch (err) {
-      unlockApp();
-      if (err?.response?.data?.error.message === "Email already taken") {
-        setErrors({ email: err.response.data.error.message });
-      }
-    }
-  };
-  const goNext = () => {
-    if (next) {
-      setStep(next);
-    } else {
-      onToggle();
-    }
-  };
-  const { buttonSubmitLabel, isDisabled, next } = STEPPER[currentStep];
-  const endActions = currentStep === "create" ? /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmitting, children: formatMessage(buttonSubmitLabel) }) : /* @__PURE__ */ jsx(Button, { type: "button", loading: isSubmitting, onClick: onToggle, children: formatMessage(buttonSubmitLabel) });
-  if (!MagicLink) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(ModalLayout, { onClose: onToggle, labelledBy: "title", children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Breadcrumbs, { label: headerTitle, children: /* @__PURE__ */ jsx(Crumb, { isCurrent: true, children: headerTitle }) }) }),
-    /* @__PURE__ */ jsx(
-      Formik,
-      {
-        enableReinitialize: true,
-        initialValues,
-        onSubmit: handleSubmit,
-        validationSchema: FORM_SCHEMA,
-        validateOnChange: false,
-        children: ({ errors, handleChange, values }) => {
-          return /* @__PURE__ */ jsxs(Form, { children: [
-            /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-              currentStep !== "create" && /* @__PURE__ */ jsx(MagicLink, { registrationToken }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "beta", as: "h2", children: formatMessage({
-                  id: "app.components.Users.ModalCreateBody.block-title.details",
-                  defaultMessage: "User details"
-                }) }),
-                /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Grid, { gap: 5, children: FORM_LAYOUT.map((row) => {
-                  return row.map((input) => {
-                    return /* @__PURE__ */ jsx(GridItem, { ...input.size, children: /* @__PURE__ */ jsx(
-                      GenericInput,
-                      {
-                        ...input,
-                        disabled: isDisabled,
-                        error: errors[input.name],
-                        onChange: handleChange,
-                        value: values[input.name]
-                      }
-                    ) }, input.name);
-                  });
-                }) }) }) })
-              ] }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "beta", as: "h2", children: formatMessage({
-                  id: "global.roles",
-                  defaultMessage: "User's role"
-                }) }),
-                /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
-                  /* @__PURE__ */ jsx(GridItem, { col: 6, xs: 12, children: /* @__PURE__ */ jsx(
-                    SelectRoles,
-                    {
-                      disabled: isDisabled,
-                      error: errors.roles,
-                      onChange: handleChange,
-                      value: values.roles
-                    }
-                  ) }),
-                  roleLayout.map((row) => {
-                    return row.map((input) => {
-                      return /* @__PURE__ */ jsx(GridItem, { ...input.size, children: /* @__PURE__ */ jsx(
-                        GenericInput,
-                        {
-                          ...input,
-                          disabled: isDisabled,
-                          onChange: handleChange,
-                          value: values[input.name]
-                        }
-                      ) }, input.name);
-                    });
-                  })
-                ] }) })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsx(
-              ModalFooter,
-              {
-                startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onToggle, type: "button", children: formatMessage({
-                  id: "app.components.Button.cancel",
-                  defaultMessage: "Cancel"
-                }) }),
-                endActions
-              }
-            )
-          ] });
-        }
-      }
-    )
-  ] });
-};
-ModalForm.propTypes = {
-  onToggle: PropTypes.func.isRequired,
-  onSuccess: PropTypes.func.isRequired
-};
-const PaginationFooter = ({ pagination }) => {
-  return /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-end", justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsx(PageSizeURLQuery, {}),
-    /* @__PURE__ */ jsx(PaginationURLQuery, { pagination })
-  ] }) });
-};
-PaginationFooter.defaultProps = {
-  pagination: {
-    pageCount: 0,
-    pageSize: 10,
-    total: 0
-  }
-};
-PaginationFooter.propTypes = {
-  pagination: PropTypes.shape({
-    page: PropTypes.number,
-    pageCount: PropTypes.number,
-    pageSize: PropTypes.number,
-    total: PropTypes.number
-  })
-};
-const displayedFilters = [
-  {
-    name: "firstname",
-    metadatas: { label: "Firstname" },
-    fieldSchema: { type: "string" }
-  },
-  {
-    name: "lastname",
-    metadatas: { label: "Lastname" },
-    fieldSchema: { type: "string" }
-  },
-  {
-    name: "email",
-    metadatas: { label: "Email" },
-    fieldSchema: { type: "email" }
-  },
-  {
-    name: "username",
-    metadatas: { label: "Username" },
-    fieldSchema: { type: "string" }
-  },
-  {
-    name: "isActive",
-    metadatas: { label: "Active user" },
-    fieldSchema: { type: "boolean" }
-  }
-];
-const tableHeaders = [
-  {
-    name: "firstname",
-    key: "firstname",
-    metadatas: {
-      label: {
-        id: "Settings.permissions.users.firstname",
-        defaultMessage: "Firstname"
-      },
-      sortable: true
-    }
-  },
-  {
-    name: "lastname",
-    key: "lastname",
-    metadatas: {
-      label: {
-        id: "Settings.permissions.users.lastname",
-        defaultMessage: "Lastname"
-      },
-      sortable: true
-    }
-  },
-  {
-    key: "email",
-    name: "email",
-    metadatas: {
-      label: { id: "Settings.permissions.users.email", defaultMessage: "Email" },
-      sortable: true
-    }
-  },
-  {
-    key: "roles",
-    name: "roles",
-    metadatas: {
-      label: {
-        id: "Settings.permissions.users.roles",
-        defaultMessage: "Roles"
-      },
-      sortable: false
-    },
-    cellFormatter({ roles }, { formatMessage }) {
-      return /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: roles.map(
-        (role) => formatMessage({
-          id: `Settings.permissions.users.${role.code}`,
-          defaultMessage: role.name
-        })
-      ).join(",\n") });
-    }
-  },
-  {
-    key: "username",
-    name: "username",
-    metadatas: {
-      label: {
-        id: "Settings.permissions.users.username",
-        defaultMessage: "Username"
-      },
-      sortable: true
-    }
-  },
-  {
-    key: "isActive",
-    name: "isActive",
-    metadatas: {
-      label: {
-        id: "Settings.permissions.users.user-status",
-        defaultMessage: "User status"
-      },
-      sortable: false
-    },
-    cellFormatter({ isActive }, { formatMessage }) {
-      return /* @__PURE__ */ jsxs(Flex, { children: [
-        /* @__PURE__ */ jsx(Status, { isActive, variant: isActive ? "success" : "danger" }),
-        /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
-          id: isActive ? "Settings.permissions.users.active" : "Settings.permissions.users.inactive",
-          defaultMessage: isActive ? "Active" : "Inactive"
-        }) })
-      ] });
-    }
-  }
-];
-const EE_LICENSE_LIMIT_QUERY_KEY = ["ee", "license-limit-info"];
-const UserListPageCE = () => {
-  const { post } = useFetchClient();
-  const { formatAPIError } = useAPIErrorHandler();
-  const [isModalOpened, setIsModalOpen] = useState(false);
-  const permissions = useSelector(selectAdminPermissions);
-  const {
-    allowedActions: { canCreate, canDelete, canRead }
-  } = useRBAC(permissions.settings.users);
-  const queryClient = useQueryClient();
-  const toggleNotification = useNotification();
-  const { formatMessage } = useIntl();
-  const { search } = useLocation();
-  useFocusWhenNavigate();
-  const {
-    users,
-    pagination,
-    isError,
-    isLoading,
-    refetch: refetchAdminUsers
-  } = useAdminUsers(qs__default.parse(search, { ignoreQueryPrefix: true }), {
-    cacheTime: 0,
-    enabled: canRead
-  });
-  const CreateAction = useEnterprise(
-    CreateActionCE,
-    async () => (await import("./index-973c363e.mjs")).CreateActionEE
-  );
-  const headers = tableHeaders.map((header) => ({
-    ...header,
-    metadatas: {
-      ...header.metadatas,
-      label: formatMessage(header.metadatas.label)
-    }
-  }));
-  const title = formatMessage({
-    id: "global.users",
-    defaultMessage: "Users"
-  });
-  const handleToggle = () => {
-    setIsModalOpen((prev) => !prev);
-  };
-  const deleteAllMutation = useMutation(
-    async (ids) => {
-      await post("/admin/users/batch-delete", { ids });
-    },
-    {
-      async onSuccess() {
-        await refetchAdminUsers();
-        await queryClient.refetchQueries(EE_LICENSE_LIMIT_QUERY_KEY);
-      },
-      onError(error) {
-        toggleNotification({
-          type: "warning",
-          message: {
-            id: "notification.error",
-            message: formatAPIError(error),
-            defaultMessage: "An error occured"
-          }
-        });
-      }
-    }
-  );
-  if (!CreateAction) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Main, { "aria-busy": isLoading, children: [
-    /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Users" }),
-    /* @__PURE__ */ jsx(
-      HeaderLayout,
-      {
-        primaryAction: canCreate && /* @__PURE__ */ jsx(CreateAction, { onClick: handleToggle }),
-        title,
-        subtitle: formatMessage({
-          id: "Settings.permissions.users.listview.header.subtitle",
-          defaultMessage: "All the users who have access to the Strapi admin panel"
-        })
-      }
-    ),
-    canRead && /* @__PURE__ */ jsx(
-      ActionLayout,
-      {
-        startActions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SearchURLQuery,
-            {
-              label: formatMessage(
-                { id: "app.component.search.label", defaultMessage: "Search for {target}" },
-                { target: title }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(Filters, { displayedFilters })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs(ContentLayout, { canRead, children: [
-      !canRead && /* @__PURE__ */ jsx(NoPermissions, {}),
-      isError && /* @__PURE__ */ jsx("div", { children: "TODO: An error occurred" }),
-      canRead && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          DynamicTable,
-          {
-            contentType: "Users",
-            isLoading,
-            onConfirmDeleteAll: deleteAllMutation.mutateAsync,
-            onConfirmDelete: (id) => deleteAllMutation.mutateAsync([id]),
-            headers,
-            rows: users,
-            withBulkActions: true,
-            withMainAction: canDelete,
-            children: /* @__PURE__ */ jsx(
-              TableRows,
-              {
-                canDelete,
-                headers,
-                rows: users,
-                withBulkActions: true,
-                withMainAction: canDelete
-              }
-            )
-          }
-        ),
-        pagination && /* @__PURE__ */ jsx(PaginationFooter, { pagination })
-      ] })
-    ] }),
-    isModalOpened && /* @__PURE__ */ jsx(
-      ModalForm,
-      {
-        onSuccess: async () => {
-          await refetchAdminUsers();
-          await queryClient.refetchQueries(EE_LICENSE_LIMIT_QUERY_KEY);
-        },
-        onToggle: handleToggle
-      }
-    )
-  ] });
-};
-const UsersListPageSwitch = () => {
-  const UsersListPage = useEnterprise(
-    UserListPageCE,
-    async () => (
-      // eslint-disable-next-line import/no-cycle
-      (await import("./index-215b5421.mjs")).UserListPageEE
-    )
-  );
-  if (!UsersListPage) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(UsersListPage, {});
-};
-const ProtectedListPage = () => {
-  const permissions = useSelector(selectAdminPermissions);
-  return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: permissions.settings.users.main, children: /* @__PURE__ */ jsx(UsersListPageSwitch, {}) });
-};
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ProtectedListPage
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  UserListPageCE as U,
-  index as i
-};
-//# sourceMappingURL=index-8109fa91.mjs.map