@strapi/admin 4.12.7 → 4.13.0-alpha.1

package/ee/admin/content-manager/pages/EditView/InformationBox/components/AssigneeSelect/AssigneeSelect.js

@@ -0,0 +1,147 @@
+import * as React from 'react';
+
+import { Combobox, ComboboxOption, Field, Flex, Loader, Typography } from '@strapi/design-system';
+import {
+  useCMEditViewDataManager,
+  useAPIErrorHandler,
+  useFetchClient,
+  useNotification,
+  useRBAC,
+} from '@strapi/helper-plugin';
+import { useIntl } from 'react-intl';
+import { useMutation } from 'react-query';
+import { useSelector } from 'react-redux';
+
+import { getDisplayName } from '../../../../../../../../admin/src/content-manager/utils';
+import { useAdminUsers } from '../../../../../../../../admin/src/hooks/useAdminUsers';
+import { selectAdminPermissions } from '../../../../../../../../admin/src/pages/App/selectors';
+import { ASSIGNEE_ATTRIBUTE_NAME } from '../../constants';
+
+export function AssigneeSelect() {
+  const {
+    initialData,
+    layout: { uid },
+    isSingleType,
+    onChange,
+  } = useCMEditViewDataManager();
+  const permissions = useSelector(selectAdminPermissions);
+  const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const { put } = useFetchClient();
+  const {
+    allowedActions: { canReadUsers },
+  } = useRBAC({
+    readUsers: permissions.settings.users.read,
+  });
+  const { users, isLoading, isError } = useAdminUsers(
+    {},
+    {
+      enabled: canReadUsers,
+    }
+  );
+
+  const currentAssignee = initialData?.[ASSIGNEE_ATTRIBUTE_NAME] ?? null;
+
+  const handleChange = async ({ value: assigneeId }) => {
+    mutation.mutate({
+      entityId: initialData.id,
+      assigneeId: parseInt(assigneeId, 10),
+      uid,
+    });
+  };
+
+  const mutation = useMutation(
+    async ({ entityId, assigneeId, uid }) => {
+      const typeSlug = isSingleType ? 'single-types' : 'collection-types';
+
+      const {
+        data: { data: createdEntity },
+      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/assignee`, {
+        data: { id: assigneeId },
+      });
+
+      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged
+      // as modified, which is what the boolean flag is for
+      onChange(
+        {
+          target: { name: ASSIGNEE_ATTRIBUTE_NAME, value: createdEntity[ASSIGNEE_ATTRIBUTE_NAME] },
+        },
+        true
+      );
+
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: 'success',
+          message: {
+            id: 'content-manager.reviewWorkflows.assignee.notification.saved',
+            defaultMessage: 'Assignee updated',
+          },
+        });
+      },
+    }
+  );
+
+  return (
+    <Field name={ASSIGNEE_ATTRIBUTE_NAME} id={ASSIGNEE_ATTRIBUTE_NAME}>
+      <Flex direction="column" gap={2} alignItems="stretch">
+        <Combobox
+          clearLabel={formatMessage({
+            id: 'content-manager.reviewWorkflows.assignee.clear',
+            defaultMessage: 'Clear assignee',
+          })}
+          error={
+            (isError &&
+              canReadUsers &&
+              formatMessage({
+                id: 'content-manager.reviewWorkflows.assignee.error',
+                defaultMessage: 'An error occurred while fetching users',
+              })) ||
+            (mutation.error && formatAPIError(mutation.error))
+          }
+          disabled={!isLoading && users.length === 0}
+          name={ASSIGNEE_ATTRIBUTE_NAME}
+          id={ASSIGNEE_ATTRIBUTE_NAME}
+          value={currentAssignee ? currentAssignee.id : null}
+          onChange={(value) => handleChange({ value })}
+          onClear={() => handleChange({ value: null })}
+          placeholder={formatMessage({
+            id: 'content-manager.reviewWorkflows.assignee.placeholder',
+            defaultMessage: 'Select …',
+          })}
+          label={formatMessage({
+            id: 'content-manager.reviewWorkflows.assignee.label',
+            defaultMessage: 'Assignee',
+          })}
+          // eslint-disable-next-line react/no-unstable-nested-components
+          customizeContent={() => (
+            <Flex as="span" justifyContent="space-between" alignItems="center" width="100%">
+              <Typography textColor="neutral800" ellipsis>
+                {currentAssignee ? getDisplayName(currentAssignee, formatMessage) : null}
+              </Typography>
+
+              {isLoading || mutation.isLoading ? (
+                <Loader small style={{ display: 'flex' }} />
+              ) : null}
+            </Flex>
+          )}
+        >
+          {users.map((user) => {
+            return (
+              <ComboboxOption
+                key={user.id}
+                value={user.id}
+                textValue={getDisplayName(user, formatMessage)}
+              >
+                {getDisplayName(user, formatMessage)}
+              </ComboboxOption>
+            );
+          })}
+        </Combobox>
+      </Flex>
+    </Field>
+  );
+}

package/ee/admin/content-manager/pages/EditView/InformationBox/components/AssigneeSelect/index.js

@@ -0,0 +1 @@
+export * from './AssigneeSelect';

package/ee/admin/content-manager/pages/EditView/InformationBox/components/StageSelect/StageSelect.js

@@ -0,0 +1,243 @@
+import * as React from 'react';
+
+import {
+  SingleSelect,
+  SingleSelectOption,
+  Field,
+  FieldError,
+  Flex,
+  Loader,
+  Typography,
+} from '@strapi/design-system';
+import {
+  useCMEditViewDataManager,
+  useAPIErrorHandler,
+  useFetchClient,
+  useNotification,
+} from '@strapi/helper-plugin';
+import { useIntl } from 'react-intl';
+import { useMutation } from 'react-query';
+
+import { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';
+import * as LimitsModal from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/components/LimitsModal';
+import {
+  CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME,
+  CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME,
+} from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';
+import { useReviewWorkflows } from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows';
+import { getStageColorByHex } from '../../../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';
+import { STAGE_ATTRIBUTE_NAME } from '../../constants';
+
+export function StageSelect() {
+  const {
+    initialData,
+    layout: { uid },
+    isSingleType,
+    onChange,
+  } = useCMEditViewDataManager();
+  const { put } = useFetchClient();
+  const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const toggleNotification = useNotification();
+  const {
+    meta,
+    workflows: [workflow],
+    isLoading,
+  } = useReviewWorkflows({ filters: { contentTypes: uid } });
+  const { getFeature } = useLicenseLimits();
+  const [showLimitModal, setShowLimitModal] = React.useState(false);
+
+  const limits = getFeature('review-workflows');
+  // it is possible to rely on initialData here, because it always will
+  // be updated at the same time when modifiedData is updated, otherwise
+  // the entity is flagged as modified
+  const activeWorkflowStage = initialData?.[STAGE_ATTRIBUTE_NAME] ?? null;
+
+  const mutation = useMutation(
+    async ({ entityId, stageId, uid }) => {
+      const typeSlug = isSingleType ? 'single-types' : 'collection-types';
+
+      const {
+        data: { data: createdEntity },
+      } = await put(`/admin/content-manager/${typeSlug}/${uid}/${entityId}/stage`, {
+        data: { id: stageId },
+      });
+
+      // initialData and modifiedData have to stay in sync, otherwise the entity would be flagged
+      // as modified, which is what the boolean flag is for
+      onChange(
+        { target: { name: STAGE_ATTRIBUTE_NAME, value: createdEntity[STAGE_ATTRIBUTE_NAME] } },
+        true
+      );
+
+      return createdEntity;
+    },
+    {
+      onSuccess() {
+        toggleNotification({
+          type: 'success',
+          message: {
+            id: 'content-manager.reviewWorkflows.stage.notification.saved',
+            defaultMessage: 'Review stage updated',
+          },
+        });
+      },
+    }
+  );
+
+  const handleChange = async ({ value: stageId }) => {
+    try {
+      /**
+       * If the current license has a limit:
+       * check if the total count of workflows exceeds that limit and display
+       * the limits modal.
+       *
+       * If the current license does not have a limit (e.g. offline license):
+       * do nothing (for now).
+       *
+       */
+
+      if (
+        limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] &&
+        parseInt(limits[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME], 10) < meta.workflowCount
+      ) {
+        setShowLimitModal('workflow');
+
+        /**
+         * If the current license has a limit:
+         * check if the total count of stages exceeds that limit and display
+         * the limits modal.
+         *
+         * If the current license does not have a limit (e.g. offline license):
+         * do nothing (for now).
+         *
+         */
+      } else if (
+        limits?.[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME] &&
+        parseInt(limits[CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME], 10) <
+          workflow.stages.length
+      ) {
+        setShowLimitModal('stage');
+      } else {
+        mutation.mutateAsync({
+          entityId: initialData.id,
+          stageId,
+          uid,
+        });
+      }
+    } catch (error) {
+      // react-query@v3: the error doesn't have to be handled here
+      // see: https://github.com/TanStack/query/issues/121
+    }
+  };
+
+  const { themeColorName } = activeWorkflowStage?.color
+    ? getStageColorByHex(activeWorkflowStage?.color)
+    : {};
+
+  return (
+    <>
+      <Field name={STAGE_ATTRIBUTE_NAME} id={STAGE_ATTRIBUTE_NAME}>
+        <Flex direction="column" gap={2} alignItems="stretch">
+          <SingleSelect
+            error={(mutation.error && formatAPIError(mutation.error)) || null}
+            name={STAGE_ATTRIBUTE_NAME}
+            id={STAGE_ATTRIBUTE_NAME}
+            value={activeWorkflowStage?.id}
+            onChange={(value) => handleChange({ value })}
+            label={formatMessage({
+              id: 'content-manager.reviewWorkflows.stage.label',
+              defaultMessage: 'Review stage',
+            })}
+            startIcon={
+              <Flex
+                as="span"
+                height={2}
+                background={activeWorkflowStage?.color}
+                borderColor={themeColorName === 'neutral0' ? 'neutral150' : 'transparent'}
+                hasRadius
+                shrink={0}
+                width={2}
+                marginRight="-3px"
+              />
+            }
+            // eslint-disable-next-line react/no-unstable-nested-components
+            customizeContent={() => (
+              <Flex as="span" justifyContent="space-between" alignItems="center" width="100%">
+                <Typography textColor="neutral800" ellipsis>
+                  {activeWorkflowStage?.name}
+                </Typography>
+                {isLoading ? <Loader small style={{ display: 'flex' }} /> : null}
+              </Flex>
+            )}
+          >
+            {workflow
+              ? workflow.stages.map(({ id, color, name }) => {
+                  const { themeColorName } = getStageColorByHex(color);
+
+                  return (
+                    <SingleSelectOption
+                      key={id}
+                      startIcon={
+                        <Flex
+                          height={2}
+                          background={color}
+                          borderColor={themeColorName === 'neutral0' ? 'neutral150' : 'transparent'}
+                          hasRadius
+                          shrink={0}
+                          width={2}
+                        />
+                      }
+                      value={id}
+                      textValue={name}
+                    >
+                      {name}
+                    </SingleSelectOption>
+                  );
+                })
+              : []}
+          </SingleSelect>
+          <FieldError />
+        </Flex>
+      </Field>
+
+      <LimitsModal.Root
+        isOpen={showLimitModal === 'workflow'}
+        onClose={() => setShowLimitModal(false)}
+      >
+        <LimitsModal.Title>
+          {formatMessage({
+            id: 'content-manager.reviewWorkflows.workflows.limit.title',
+            defaultMessage: 'You’ve reached the limit of workflows in your plan',
+          })}
+        </LimitsModal.Title>
+
+        <LimitsModal.Body>
+          {formatMessage({
+            id: 'content-manager.reviewWorkflows.workflows.limit.body',
+            defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',
+          })}
+        </LimitsModal.Body>
+      </LimitsModal.Root>
+
+      <LimitsModal.Root
+        isOpen={showLimitModal === 'stage'}
+        onClose={() => setShowLimitModal(false)}
+      >
+        <LimitsModal.Title>
+          {formatMessage({
+            id: 'content-manager.reviewWorkflows.stages.limit.title',
+            defaultMessage: 'You have reached the limit of stages for this workflow in your plan',
+          })}
+        </LimitsModal.Title>
+
+        <LimitsModal.Body>
+          {formatMessage({
+            id: 'content-manager.reviewWorkflows.stages.limit.body',
+            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.',
+          })}
+        </LimitsModal.Body>
+      </LimitsModal.Root>
+    </>
+  );
+}

package/ee/admin/content-manager/pages/EditView/InformationBox/components/StageSelect/index.js

@@ -0,0 +1 @@
+export * from './StageSelect';

package/ee/admin/content-manager/pages/EditView/InformationBox/constants.js

@@ -0,0 +1,2 @@
+export const STAGE_ATTRIBUTE_NAME = 'strapi_stage';
+export const ASSIGNEE_ATTRIBUTE_NAME = 'strapi_assignee';

package/ee/admin/content-manager/pages/ListSettingsView/constants.js

@@ -0,0 +1,7 @@
+export const REVIEW_WORKFLOW_STAGE_SORT_OPTION_NAME = {
+  value: 'strapi_stage[name]',
+  label: {
+    id: 'settings.defaultSortOrder.reviewWorkflows.label',
+    defaultMessage: 'Review Stage',
+  },
+};

package/ee/admin/content-manager/pages/ListView/ReviewWorkflowsColumn/ReviewWorkflowsAssigneeEE.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Typography } from '@strapi/design-system';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+
+import { getDisplayName } from '../../../../../../admin/src/content-manager/utils';
+
+export function ReviewWorkflowsAssigneeEE({ user }) {
+  const { formatMessage } = useIntl();
+
+  return <Typography textColor="neutral800">{getDisplayName(user, formatMessage)}</Typography>;
+}
+
+ReviewWorkflowsAssigneeEE.propTypes = {
+  user: PropTypes.shape({
+    firstname: PropTypes.string,
+    lastname: PropTypes.string,
+    username: PropTypes.string,
+  }).isRequired,
+};

package/ee/admin/content-manager/pages/ListView/ReviewWorkflowsColumn/constants.js

@@ -1,24 +1,51 @@
 import getTrad from '../../../../../../admin/src/content-manager/utils/getTrad';
+import {
+  ASSIGNEE_ATTRIBUTE_NAME,
+  STAGE_ATTRIBUTE_NAME,
+} from '../../EditView/InformationBox/constants';
 
-export const REVIEW_WORKFLOW_COLUMNS_EE = {
-  key: '__strapi_stage_temp_key__',
-  name: 'strapi_stage',
-  fieldSchema: {
-    type: 'relation',
+export const REVIEW_WORKFLOW_COLUMNS_EE = [
+  {
+    key: `__${STAGE_ATTRIBUTE_NAME}_temp_key__`,
+    name: STAGE_ATTRIBUTE_NAME,
+    fieldSchema: {
+      type: 'relation',
+    },
+    metadatas: {
+      // formatMessage() will be applied when the column is rendered
+      label: {
+        id: getTrad(`containers.ListPage.table-headers.reviewWorkflows.stage`),
+        defaultMessage: 'Review stage',
+      },
+      searchable: false,
+      sortable: true,
+      mainField: {
+        name: 'name',
+        schema: {
+          type: 'string',
+        },
+      },
+    },
   },
-  metadatas: {
-    // formatMessage() will be applied when the column is rendered
-    label: {
-      id: getTrad(`containers.ListPage.table-headers.reviewWorkflows.stage`),
-      defaultMessage: 'Review stage',
+  {
+    key: `__${ASSIGNEE_ATTRIBUTE_NAME}_temp_key__`,
+    name: ASSIGNEE_ATTRIBUTE_NAME,
+    fieldSchema: {
+      type: 'relation',
     },
-    searchable: false,
-    sortable: true,
-    mainField: {
-      name: 'name',
-      schema: {
-        type: 'string',
+    metadatas: {
+      label: {
+        id: getTrad(`containers.ListPage.table-headers.reviewWorkflows.assignee`),
+        defaultMessage: 'Assignee',
+      },
+      searchable: false,
+      sortable: true,
+      mainField: {
+        name: 'firstname',
+        schema: {
+          type: 'string',
+        },
       },
     },
   },
-};
+];

package/ee/admin/content-manager/pages/ListView/ReviewWorkflowsColumn/index.js

@@ -1 +1,2 @@
 export * from './ReviewWorkflowsStageEE';
+export * from './ReviewWorkflowsAssigneeEE';

package/ee/admin/hooks/useAuthProviders.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+import { useFetchClient } from '@strapi/helper-plugin';
+import { useQuery } from 'react-query';
+
+export const useAuthProviders = (queryOptions = {}) => {
+  const { get } = useFetchClient();
+
+  const { data, isLoading } = useQuery(
+    ['ee', 'providers'],
+    async () => {
+      const { data } = await get('/admin/providers');
+
+      return data;
+    },
+    queryOptions
+  );
+
+  // the return value needs to be memoized, because a fresh
+  // instantiated array would cause an infinite rendering loop
+  // when used as an effect dependency
+  const providers = React.useMemo(() => data ?? [], [data]);
+
+  return { providers, isLoading };
+};

package/ee/admin/hooks/{useLicenseLimitNotification/index.js → useLicenseLimitNotification.js}

@@ -10,14 +10,14 @@ import isNil from 'lodash/isNil';
 import { useIntl } from 'react-intl';
 import { useLocation } from 'react-router-dom';
 
-import { useLicenseLimits } from '../useLicenseLimits';
+import { useLicenseLimits } from './useLicenseLimits';
 
 const STORAGE_KEY_PREFIX = 'strapi-notification-seat-limit';
 
 const BILLING_STRAPI_CLOUD_URL = 'https://cloud.strapi.io/profile/billing';
 const BILLING_SELF_HOSTED_URL = 'https://strapi.io/billing/request-seats';
 
-const useLicenseLimitNotification = () => {
+export const useLicenseLimitNotification = () => {
   const { formatMessage } = useIntl();
   let { license, isError, isLoading } = useLicenseLimits();
   const toggleNotification = useNotification();
@@ -97,5 +97,3 @@ const useLicenseLimitNotification = () => {
     isError,
   ]);
 };
-
-export default useLicenseLimitNotification;

package/ee/admin/hooks/{useLicenseLimits/useLicenseLimits.js → useLicenseLimits.js}

@@ -19,7 +19,10 @@ export function useLicenseLimits({ enabled } = { enabled: true }) {
     }
   );
 
-  const license = data ?? {};
+  // this needs memoization, because a default value of `{}`
+  // would lead to infinite rendering loops, when used as
+  // effect dependency
+  const license = React.useMemo(() => data ?? {}, [data]);
 
   const getFeature = React.useCallback(
     (name) => {

package/ee/admin/pages/AuthPage/components/Login/index.js

@@ -7,7 +7,7 @@ import styled from 'styled-components';
 
 import UnauthenticatedLayout from '../../../../../../admin/src/layouts/UnauthenticatedLayout';
 import BaseLogin from '../../../../../../admin/src/pages/AuthPage/components/Login/BaseLogin';
-import { useAuthProviders } from '../../../../hooks';
+import { useAuthProviders } from '../../../../hooks/useAuthProviders';
 import SSOProviders from '../Providers/SSOProviders';
 
 const DividerFull = styled(Divider)`
@@ -15,11 +15,15 @@ const DividerFull = styled(Divider)`
 `;
 
 export const LoginEE = (loginProps) => {
-  const ssoEnabled = window.strapi.features.isEnabled(window.strapi.features.SSO);
-  const { isLoading, data: providers } = useAuthProviders({ ssoEnabled });
   const { formatMessage } = useIntl();
+  const { isLoading, providers } = useAuthProviders({
+    enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),
+  });
 
-  if (!ssoEnabled || (!isLoading && providers.length === 0)) {
+  if (
+    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||
+    (!isLoading && providers.length === 0)
+  ) {
     return (
       <UnauthenticatedLayout>
         <BaseLogin {...loginProps} />

package/ee/admin/pages/AuthPage/components/Providers/index.js

@@ -11,7 +11,7 @@ import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../../../admin/src/layouts/UnauthenticatedLayout';
-import { useAuthProviders } from '../../../../hooks';
+import { useAuthProviders } from '../../../../hooks/useAuthProviders';
 
 import SSOProviders from './SSOProviders';
 
@@ -20,17 +20,20 @@ const DividerFull = styled(Divider)`
 `;
 
 const Providers = () => {
-  const ssoEnabled = window.strapi.features.isEnabled(window.strapi.features.SSO);
-
   const { push } = useHistory();
   const { formatMessage } = useIntl();
-  const { isLoading, data: providers } = useAuthProviders({ ssoEnabled });
+  const { isLoading, providers } = useAuthProviders({
+    enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),
+  });
 
   const handleClick = () => {
     push('/auth/login');
   };
 
-  if (!ssoEnabled || (!isLoading && providers.length === 0)) {
+  if (
+    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||
+    (!isLoading && providers.length === 0)
+  ) {
     return <Redirect to="/auth/login" />;
   }
 

package/ee/admin/pages/HomePage/index.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 // eslint-disable-next-line import/no-cycle
 import { HomePageCE } from '../../../../admin/src/pages/HomePage';
-import { useLicenseLimitNotification } from '../../hooks';
+import { useLicenseLimitNotification } from '../../hooks/useLicenseLimitNotification';
 
 export function HomePageEE() {
   useLicenseLimitNotification();

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/pages/CreateView/CreateView.js

@@ -17,7 +17,7 @@ import { useHistory } from 'react-router-dom';
 
 import { useContentTypes } from '../../../../../../../../admin/src/hooks/useContentTypes';
 import { useInjectReducer } from '../../../../../../../../admin/src/hooks/useInjectReducer';
-import { useLicenseLimits } from '../../../../../../hooks';
+import { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';
 import { addStage, resetWorkflow } from '../../actions';
 import * as Layout from '../../components/Layout';
 import * as LimitsModal from '../../components/LimitsModal';

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/pages/EditView/EditView.js

@@ -19,7 +19,7 @@ import { useParams } from 'react-router-dom';
 import { useContentTypes } from '../../../../../../../../admin/src/hooks/useContentTypes';
 import { useInjectReducer } from '../../../../../../../../admin/src/hooks/useInjectReducer';
 import { selectAdminPermissions } from '../../../../../../../../admin/src/pages/App/selectors';
-import { useLicenseLimits } from '../../../../../../hooks';
+import { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';
 import { resetWorkflow, setWorkflow } from '../../actions';
 import * as Layout from '../../components/Layout';
 import * as LimitsModal from '../../components/LimitsModal';

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/pages/ListView/ListView.js

@@ -35,7 +35,7 @@ import styled from 'styled-components';
 
 import { useContentTypes } from '../../../../../../../../admin/src/hooks/useContentTypes';
 import { selectAdminPermissions } from '../../../../../../../../admin/src/pages/App/selectors';
-import { useLicenseLimits } from '../../../../../../hooks';
+import { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';
 import * as Layout from '../../components/Layout';
 import * as LimitsModal from '../../components/LimitsModal';
 import { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from '../../constants';