@strapi/admin 4.17.0 → 4.17.1

package/dist/_chunks/{ListPage-56d94335.js → ListPage-f582ff65.js}

@@ -12,15 +12,15 @@ const reactRedux = require("react-redux");
 const reactRouterDom = require("react-router-dom");
 const styled = require("styled-components");
 const useContentTypes = require("./useContentTypes-7da293cc.js");
-const AuthenticatedApp = require("./AuthenticatedApp-47219c52.js");
+const AuthenticatedApp = require("./AuthenticatedApp-b186733c.js");
 const useLicenseLimits = require("./useLicenseLimits-e60a01b1.js");
-const Layout = require("./Layout-cc5413b2.js");
+const Layout = require("./Layout-ef2fc31f.js");
 const LimitsModal = require("./LimitsModal-3327be54.js");
 const constants = require("./constants-85da8cc4.js");
 const useReviewWorkflows = require("./useReviewWorkflows-26f7e558.js");
 require("semver/functions/lt");
 require("semver/functions/valid");
-require("./index-3f8cf4d5.js");
+require("./index-3956d072.js");
 require("react-dom/client");
 require("invariant");
 require("lodash/isFunction");
@@ -348,4 +348,4 @@ const ProtectedReviewWorkflowsPage = () => {
 };
 exports.ProtectedReviewWorkflowsPage = ProtectedReviewWorkflowsPage;
 exports.ReviewWorkflowsListView = ReviewWorkflowsListView;
-//# sourceMappingURL=ListPage-56d94335.js.map
+//# sourceMappingURL=ListPage-f582ff65.js.map

package/dist/_chunks/{ListPage-56d94335.js.map → ListPage-f582ff65.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListPage-56d94335.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/ListPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Flex,\n  IconButton,\n  Loader,\n  Table,\n  Thead,\n  Tbody,\n  Tr,\n  Td,\n  TFooter,\n  Th,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  Link,\n  LinkButton,\n  onRowClick,\n  pxToRem,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n  useTracking,\n  CheckPagePermissions,\n} from '@strapi/helper-plugin';\nimport { Pencil, Plus, Trash } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { useContentTypes } from '../../../../../../../admin/src/hooks/useContentTypes';\nimport { selectAdminPermissions } from '../../../../../../../admin/src/selectors';\nimport { Update } from '../../../../../../../shared/contracts/review-workflows';\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\n\nimport * as Layout from './components/Layout';\nimport { LimitsModal } from './components/LimitsModal';\nimport { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from './constants';\nimport { useReviewWorkflows } from './hooks/useReviewWorkflows';\n\nconst ActionLink = styled(Link)`\n  align-items: center;\n  height: ${pxToRem(32)};\n  display: flex;\n  justify-content: center;\n  padding: ${({ theme }) => `${theme.spaces[2]}}`};\n  width: ${pxToRem(32)};\n\n  svg {\n    height: ${pxToRem(12)};\n    width: ${pxToRem(12)};\n\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\nexport const ReviewWorkflowsListView = () => {\n  const { formatMessage } = useIntl();\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const [workflowToDelete, setWorkflowToDelete] = React.useState<string | null>(null);\n  const [showLimitModal, setShowLimitModal] = React.useState<boolean>(false);\n  const { collectionTypes, singleTypes, isLoading: isLoadingModels } = useContentTypes();\n  const { meta, workflows, isLoading, refetch } = useReviewWorkflows();\n  const { del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete },\n  } = useRBAC(permissions.settings?.['review-workflows']);\n\n  const limits = getFeature('review-workflows');\n  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] as string;\n\n  const { mutateAsync, isLoading: isLoadingMutation } = useMutation<\n    Update.Response['data'],\n    AxiosError<Update.Response>,\n    { workflowId: string; stages?: Update.Request['body'] }\n  >(\n    async ({ workflowId, stages }) => {\n      const {\n        data: { data },\n      } = await del(`/admin/review-workflows/workflows/${workflowId}`, {\n        data: stages,\n      });\n\n      return data;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: { id: 'notification.success.deleted', defaultMessage: 'Deleted' },\n        });\n      },\n    }\n  );\n\n  const getContentTypeDisplayName = (uid: string) => {\n    const contentType = [...collectionTypes, ...singleTypes].find(\n      (contentType) => contentType.uid === uid\n    );\n\n    return contentType?.info.displayName;\n  };\n\n  const handleDeleteWorkflow = (workflowId: string) => {\n    setWorkflowToDelete(workflowId);\n  };\n\n  const toggleConfirmDeleteDialog = () => {\n    setWorkflowToDelete(null);\n  };\n\n  const handleConfirmDeleteDialog = async () => {\n    if (!workflowToDelete) return;\n\n    try {\n      const res = await mutateAsync({ workflowId: workflowToDelete });\n\n      await refetch();\n      setWorkflowToDelete(null);\n\n      return res;\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      }\n\n      return null;\n    }\n  };\n\n  /**\n   * If the current license has a limit:\n   * check if the total count of workflows or stages exceeds that limit and display\n   * the limits modal on page load. It can be closed by the user, but the\n   * API will throw an error in case they try to create a new workflow or update the\n   * stages.\n   *\n   * If the current license does not have a limit (e.g. offline license):\n   * do nothing (for now). In case they are trying to create the 201st workflow/ stage\n   * the API will throw an error.\n   *\n   */\n  React.useEffect(() => {\n    if (!isLoading && !isLicenseLoading) {\n      if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {\n        setShowLimitModal(true);\n      }\n    }\n  }, [isLicenseLoading, isLoading, meta, meta?.workflowCount, numberOfWorkflows]);\n\n  return (\n    <>\n      <Layout.Header\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              startIcon={<Plus />}\n              size=\"S\"\n              // @ts-expect-error - types are not inferred correctly through the as prop.\n              to=\"/settings/review-workflows/create\"\n              onClick={(event) => {\n                /**\n                 * If the current license has a workflow limit:\n                 * check if the total count of workflows exceeds that limit. If so,\n                 * prevent the navigation and show the limits overlay.\n                 *\n                 * If the current license does not have a limit (e.g. offline license):\n                 * allow the user to navigate to the create-view. In case they exceed the\n                 * current hard-limit of 200 they will see an error thrown by the API.\n                 */\n\n                if (\n                  numberOfWorkflows &&\n                  meta &&\n                  meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                ) {\n                  event.preventDefault();\n                  setShowLimitModal(true);\n                } else {\n                  trackUsage('willCreateWorkflow');\n                }\n              }}\n            >\n              {formatMessage({\n                id: 'Settings.review-workflows.list.page.create',\n                defaultMessage: 'Create new workflow',\n              })}\n            </LinkButton>\n          )\n        }\n        subtitle={formatMessage({\n          id: 'Settings.review-workflows.list.page.subtitle',\n          defaultMessage: 'Manage your content review process',\n        })}\n        title={formatMessage({\n          id: 'Settings.review-workflows.list.page.title',\n          defaultMessage: 'Review Workflows',\n        })}\n      />\n\n      <Layout.Root>\n        {isLoading || isLoadingModels ? (\n          <Flex justifyContent=\"center\">\n            <Loader>\n              {formatMessage({\n                id: 'Settings.review-workflows.page.list.isLoading',\n                defaultMessage: 'Workflows are loading',\n              })}\n            </Loader>\n          </Flex>\n        ) : (\n          <Table\n            colCount={3}\n            footer={\n              // TODO: we should be able to use a link here instead of an (inaccessible onClick) handler\n              canCreate && (\n                <TFooter\n                  icon={<Plus />}\n                  onClick={() => {\n                    /**\n                     * If the current license has a workflow limit:\n                     * check if the total count of workflows exceeds that limit\n                     *\n                     * If the current license does not have a limit (e.g. offline license):\n                     * allow the user to navigate to the create-view. In case they exceed the\n                     * current hard-limit of 200 they will see an error thrown by the API.\n                     */\n\n                    if (\n                      numberOfWorkflows &&\n                      meta &&\n                      meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                    ) {\n                      setShowLimitModal(true);\n                    } else {\n                      push('/settings/review-workflows/create');\n                      trackUsage('willCreateWorkflow');\n                    }\n                  }}\n                >\n                  {formatMessage({\n                    id: 'Settings.review-workflows.list.page.create',\n                    defaultMessage: 'Create new workflow',\n                  })}\n                </TFooter>\n              )\n            }\n            rowCount={1}\n          >\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.name.title',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.stages.title',\n                      defaultMessage: 'Stages',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',\n                      defaultMessage: 'Content Types',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.actions.title',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n\n            <Tbody>\n              {workflows?.map((workflow) => (\n                <Tr\n                  {...onRowClick({\n                    fn(event) {\n                      const el = event.target as HTMLElement;\n                      // Abort row onClick event when the user click on the delete button\n                      if (el.nodeName === 'BUTTON') {\n                        return;\n                      }\n\n                      push(`/settings/review-workflows/${workflow.id}`);\n                    },\n                  })}\n                  key={`workflow-${workflow.id}`}\n                >\n                  <Td width={pxToRem(250)}>\n                    <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                      {workflow.name}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">{workflow.stages.length}</Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {(workflow?.contentTypes ?? []).map(getContentTypeDisplayName).join(', ')}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex alignItems=\"center\" justifyContent=\"end\">\n                      <ActionLink\n                        to={`/settings/review-workflows/${workflow.id}`}\n                        aria-label={formatMessage(\n                          {\n                            id: 'Settings.review-workflows.list.page.list.column.actions.edit.label',\n                            defaultMessage: 'Edit {name}',\n                          },\n                          { name: workflow.name }\n                        )}\n                      >\n                        <Pencil />\n                      </ActionLink>\n\n                      {workflows.length > 1 && canDelete && (\n                        <IconButton\n                          aria-label={formatMessage(\n                            {\n                              id: 'Settings.review-workflows.list.page.list.column.actions.delete.label',\n                              defaultMessage: 'Delete {name}',\n                            },\n                            { name: 'Default workflow' }\n                          )}\n                          icon={<Trash />}\n                          noBorder\n                          onClick={() => {\n                            handleDeleteWorkflow(String(workflow.id));\n                          }}\n                        />\n                      )}\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        )}\n\n        <ConfirmDialog\n          bodyText={{\n            id: 'Settings.review-workflows.list.page.delete.confirm.body',\n            defaultMessage:\n              'If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?',\n          }}\n          isConfirmButtonLoading={isLoadingMutation}\n          isOpen={!!workflowToDelete}\n          onToggleDialog={toggleConfirmDeleteDialog}\n          onConfirm={handleConfirmDeleteDialog}\n        />\n\n        <LimitsModal.Root isOpen={showLimitModal} onClose={() => setShowLimitModal(false)}>\n          <LimitsModal.Title>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.title',\n              defaultMessage: 'You’ve reached the limit of workflows in your plan',\n            })}\n          </LimitsModal.Title>\n\n          <LimitsModal.Body>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.body',\n              defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n            })}\n          </LimitsModal.Body>\n        </LimitsModal.Root>\n      </Layout.Root>\n    </>\n  );\n};\n\nexport const ProtectedReviewWorkflowsPage = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['review-workflows']?.main}>\n      <ReviewWorkflowsListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["styled","Link","pxToRem","useIntl","useHistory","useTracking","React","useContentTypes","useReviewWorkflows","useFetchClient","useAPIErrorHandler","useNotification","useLicenseLimits","useSelector","selectAdminPermissions","useRBAC","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","useMutation","contentType","AxiosError","jsxs","Fragment","jsx","Layout.Header","LinkButton","Plus","Layout.Root","Flex","Loader","Table","TFooter","Thead","Tr","Th","Typography","VisuallyHidden","Tbody","createElement","onRowClick","Td","Pencil","IconButton","Trash","ConfirmDialog","LimitsModal","CheckPagePermissions"],"mappings":"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"}
+{"version":3,"file":"ListPage-f582ff65.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/ReviewWorkflows/ListPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Flex,\n  IconButton,\n  Loader,\n  Table,\n  Thead,\n  Tbody,\n  Tr,\n  Td,\n  TFooter,\n  Th,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ConfirmDialog,\n  Link,\n  LinkButton,\n  onRowClick,\n  pxToRem,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useRBAC,\n  useTracking,\n  CheckPagePermissions,\n} from '@strapi/helper-plugin';\nimport { Pencil, Plus, Trash } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { useMutation } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { useContentTypes } from '../../../../../../../admin/src/hooks/useContentTypes';\nimport { selectAdminPermissions } from '../../../../../../../admin/src/selectors';\nimport { Update } from '../../../../../../../shared/contracts/review-workflows';\nimport { useLicenseLimits } from '../../../../hooks/useLicenseLimits';\n\nimport * as Layout from './components/Layout';\nimport { LimitsModal } from './components/LimitsModal';\nimport { CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME } from './constants';\nimport { useReviewWorkflows } from './hooks/useReviewWorkflows';\n\nconst ActionLink = styled(Link)`\n  align-items: center;\n  height: ${pxToRem(32)};\n  display: flex;\n  justify-content: center;\n  padding: ${({ theme }) => `${theme.spaces[2]}}`};\n  width: ${pxToRem(32)};\n\n  svg {\n    height: ${pxToRem(12)};\n    width: ${pxToRem(12)};\n\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\nexport const ReviewWorkflowsListView = () => {\n  const { formatMessage } = useIntl();\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const [workflowToDelete, setWorkflowToDelete] = React.useState<string | null>(null);\n  const [showLimitModal, setShowLimitModal] = React.useState<boolean>(false);\n  const { collectionTypes, singleTypes, isLoading: isLoadingModels } = useContentTypes();\n  const { meta, workflows, isLoading, refetch } = useReviewWorkflows();\n  const { del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const toggleNotification = useNotification();\n  const { getFeature, isLoading: isLicenseLoading } = useLicenseLimits();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete },\n  } = useRBAC(permissions.settings?.['review-workflows']);\n\n  const limits = getFeature('review-workflows');\n  const numberOfWorkflows = limits?.[CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME] as string;\n\n  const { mutateAsync, isLoading: isLoadingMutation } = useMutation<\n    Update.Response['data'],\n    AxiosError<Update.Response>,\n    { workflowId: string; stages?: Update.Request['body'] }\n  >(\n    async ({ workflowId, stages }) => {\n      const {\n        data: { data },\n      } = await del(`/admin/review-workflows/workflows/${workflowId}`, {\n        data: stages,\n      });\n\n      return data;\n    },\n    {\n      onSuccess() {\n        toggleNotification({\n          type: 'success',\n          message: { id: 'notification.success.deleted', defaultMessage: 'Deleted' },\n        });\n      },\n    }\n  );\n\n  const getContentTypeDisplayName = (uid: string) => {\n    const contentType = [...collectionTypes, ...singleTypes].find(\n      (contentType) => contentType.uid === uid\n    );\n\n    return contentType?.info.displayName;\n  };\n\n  const handleDeleteWorkflow = (workflowId: string) => {\n    setWorkflowToDelete(workflowId);\n  };\n\n  const toggleConfirmDeleteDialog = () => {\n    setWorkflowToDelete(null);\n  };\n\n  const handleConfirmDeleteDialog = async () => {\n    if (!workflowToDelete) return;\n\n    try {\n      const res = await mutateAsync({ workflowId: workflowToDelete });\n\n      await refetch();\n      setWorkflowToDelete(null);\n\n      return res;\n    } catch (error) {\n      if (error instanceof AxiosError) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      }\n\n      return null;\n    }\n  };\n\n  /**\n   * If the current license has a limit:\n   * check if the total count of workflows or stages exceeds that limit and display\n   * the limits modal on page load. It can be closed by the user, but the\n   * API will throw an error in case they try to create a new workflow or update the\n   * stages.\n   *\n   * If the current license does not have a limit (e.g. offline license):\n   * do nothing (for now). In case they are trying to create the 201st workflow/ stage\n   * the API will throw an error.\n   *\n   */\n  React.useEffect(() => {\n    if (!isLoading && !isLicenseLoading) {\n      if (numberOfWorkflows && meta && meta?.workflowCount > parseInt(numberOfWorkflows, 10)) {\n        setShowLimitModal(true);\n      }\n    }\n  }, [isLicenseLoading, isLoading, meta, meta?.workflowCount, numberOfWorkflows]);\n\n  return (\n    <>\n      <Layout.Header\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              startIcon={<Plus />}\n              size=\"S\"\n              // @ts-expect-error - types are not inferred correctly through the as prop.\n              to=\"/settings/review-workflows/create\"\n              onClick={(event) => {\n                /**\n                 * If the current license has a workflow limit:\n                 * check if the total count of workflows exceeds that limit. If so,\n                 * prevent the navigation and show the limits overlay.\n                 *\n                 * If the current license does not have a limit (e.g. offline license):\n                 * allow the user to navigate to the create-view. In case they exceed the\n                 * current hard-limit of 200 they will see an error thrown by the API.\n                 */\n\n                if (\n                  numberOfWorkflows &&\n                  meta &&\n                  meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                ) {\n                  event.preventDefault();\n                  setShowLimitModal(true);\n                } else {\n                  trackUsage('willCreateWorkflow');\n                }\n              }}\n            >\n              {formatMessage({\n                id: 'Settings.review-workflows.list.page.create',\n                defaultMessage: 'Create new workflow',\n              })}\n            </LinkButton>\n          )\n        }\n        subtitle={formatMessage({\n          id: 'Settings.review-workflows.list.page.subtitle',\n          defaultMessage: 'Manage your content review process',\n        })}\n        title={formatMessage({\n          id: 'Settings.review-workflows.list.page.title',\n          defaultMessage: 'Review Workflows',\n        })}\n      />\n\n      <Layout.Root>\n        {isLoading || isLoadingModels ? (\n          <Flex justifyContent=\"center\">\n            <Loader>\n              {formatMessage({\n                id: 'Settings.review-workflows.page.list.isLoading',\n                defaultMessage: 'Workflows are loading',\n              })}\n            </Loader>\n          </Flex>\n        ) : (\n          <Table\n            colCount={3}\n            footer={\n              // TODO: we should be able to use a link here instead of an (inaccessible onClick) handler\n              canCreate && (\n                <TFooter\n                  icon={<Plus />}\n                  onClick={() => {\n                    /**\n                     * If the current license has a workflow limit:\n                     * check if the total count of workflows exceeds that limit\n                     *\n                     * If the current license does not have a limit (e.g. offline license):\n                     * allow the user to navigate to the create-view. In case they exceed the\n                     * current hard-limit of 200 they will see an error thrown by the API.\n                     */\n\n                    if (\n                      numberOfWorkflows &&\n                      meta &&\n                      meta?.workflowCount >= parseInt(numberOfWorkflows, 10)\n                    ) {\n                      setShowLimitModal(true);\n                    } else {\n                      push('/settings/review-workflows/create');\n                      trackUsage('willCreateWorkflow');\n                    }\n                  }}\n                >\n                  {formatMessage({\n                    id: 'Settings.review-workflows.list.page.create',\n                    defaultMessage: 'Create new workflow',\n                  })}\n                </TFooter>\n              )\n            }\n            rowCount={1}\n          >\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.name.title',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.stages.title',\n                      defaultMessage: 'Stages',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.contentTypes.title',\n                      defaultMessage: 'Content Types',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'Settings.review-workflows.list.page.list.column.actions.title',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n\n            <Tbody>\n              {workflows?.map((workflow) => (\n                <Tr\n                  {...onRowClick({\n                    fn(event) {\n                      const el = event.target as HTMLElement;\n                      // Abort row onClick event when the user click on the delete button\n                      if (el.nodeName === 'BUTTON') {\n                        return;\n                      }\n\n                      push(`/settings/review-workflows/${workflow.id}`);\n                    },\n                  })}\n                  key={`workflow-${workflow.id}`}\n                >\n                  <Td width={pxToRem(250)}>\n                    <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                      {workflow.name}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">{workflow.stages.length}</Typography>\n                  </Td>\n                  <Td>\n                    <Typography textColor=\"neutral800\">\n                      {(workflow?.contentTypes ?? []).map(getContentTypeDisplayName).join(', ')}\n                    </Typography>\n                  </Td>\n                  <Td>\n                    <Flex alignItems=\"center\" justifyContent=\"end\">\n                      <ActionLink\n                        to={`/settings/review-workflows/${workflow.id}`}\n                        aria-label={formatMessage(\n                          {\n                            id: 'Settings.review-workflows.list.page.list.column.actions.edit.label',\n                            defaultMessage: 'Edit {name}',\n                          },\n                          { name: workflow.name }\n                        )}\n                      >\n                        <Pencil />\n                      </ActionLink>\n\n                      {workflows.length > 1 && canDelete && (\n                        <IconButton\n                          aria-label={formatMessage(\n                            {\n                              id: 'Settings.review-workflows.list.page.list.column.actions.delete.label',\n                              defaultMessage: 'Delete {name}',\n                            },\n                            { name: 'Default workflow' }\n                          )}\n                          icon={<Trash />}\n                          noBorder\n                          onClick={() => {\n                            handleDeleteWorkflow(String(workflow.id));\n                          }}\n                        />\n                      )}\n                    </Flex>\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        )}\n\n        <ConfirmDialog\n          bodyText={{\n            id: 'Settings.review-workflows.list.page.delete.confirm.body',\n            defaultMessage:\n              'If you remove this worfklow, all stage-related information will be removed for this content-type. Are you sure you want to remove it?',\n          }}\n          isConfirmButtonLoading={isLoadingMutation}\n          isOpen={!!workflowToDelete}\n          onToggleDialog={toggleConfirmDeleteDialog}\n          onConfirm={handleConfirmDeleteDialog}\n        />\n\n        <LimitsModal.Root isOpen={showLimitModal} onClose={() => setShowLimitModal(false)}>\n          <LimitsModal.Title>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.title',\n              defaultMessage: 'You’ve reached the limit of workflows in your plan',\n            })}\n          </LimitsModal.Title>\n\n          <LimitsModal.Body>\n            {formatMessage({\n              id: 'Settings.review-workflows.list.page.workflows.limit.body',\n              defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.',\n            })}\n          </LimitsModal.Body>\n        </LimitsModal.Root>\n      </Layout.Root>\n    </>\n  );\n};\n\nexport const ProtectedReviewWorkflowsPage = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['review-workflows']?.main}>\n      <ReviewWorkflowsListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["styled","Link","pxToRem","useIntl","useHistory","useTracking","React","useContentTypes","useReviewWorkflows","useFetchClient","useAPIErrorHandler","useNotification","useLicenseLimits","useSelector","selectAdminPermissions","useRBAC","CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME","useMutation","contentType","AxiosError","jsxs","Fragment","jsx","Layout.Header","LinkButton","Plus","Layout.Root","Flex","Loader","Table","TFooter","Thead","Tr","Th","Typography","VisuallyHidden","Tbody","createElement","onRowClick","Td","Pencil","IconButton","Trash","ConfirmDialog","LimitsModal","CheckPagePermissions"],"mappings":"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"}

package/dist/_chunks/{ListView-b91a8da7.mjs → ListView-1b370206.mjs}

@@ -9,12 +9,12 @@ import { useIntl } from "react-intl";
 import { useQuery, useMutation } from "react-query";
 import { useSelector } from "react-redux";
 import { useHistory } from "react-router-dom";
-import { s as selectAdminPermissions } from "./AuthenticatedApp-7d1fdf0c.mjs";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-b723bf94.mjs";
 import { T as TRANSFER_TOKEN_TYPE } from "./constants-d3dd8ed6.mjs";
 import { T as Table } from "./Table-3f09118e.mjs";
 import "semver/functions/lt";
 import "semver/functions/valid";
-import "./index-95e8649d.mjs";
+import "./index-3bbbb14c.mjs";
 import "react-dom/client";
 import "invariant";
 import "lodash/isFunction";
@@ -307,4 +307,4 @@ export {
   ListView,
   ProtectedListView
 };
-//# sourceMappingURL=ListView-b91a8da7.mjs.map
+//# sourceMappingURL=ListView-1b370206.mjs.map

package/dist/_chunks/{ListView-b91a8da7.mjs.map → ListView-1b370206.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-b91a8da7.mjs","sources":["../../admin/src/pages/Settings/pages/TransferTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { Entity } from '@strapi/types';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { TRANSFER_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nconst tableHeaders = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n] as const;\n\n/* -------------------------------------------------------------------------------------------------\n * ListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ListView = () => {\n  useFocusWhenNavigate();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n    // @ts-expect-error this is fine\n  } = useRBAC(permissions.settings['transfer-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('transferTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = tableHeaders.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const {\n    data: transferTokens,\n    status,\n    isFetching,\n    refetch,\n  } = useQuery(\n    ['transfer-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: TRANSFER_TOKEN_TYPE,\n      });\n      const {\n        data: { data },\n      } = await get(`/admin/transfer/tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: TRANSFER_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      enabled: canRead,\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const isLoading =\n    canRead &&\n    ((status !== 'success' && status !== 'error') || (status === 'success' && isFetching));\n\n  const deleteMutation = useMutation(\n    async (id: Entity.ID) => {\n      await del(`/admin/transfer/tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        // @ts-expect-error this is fine\n        await refetch(['transfer-tokens']);\n      },\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.data) {\n            toggleNotification({ type: 'warning', message: err.response.data.data });\n          } else if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const hasTransferTokens = transferTokens && transferTokens?.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasTransferTokens;\n  const shouldDisplayNoContent = canRead && !hasTransferTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasTransferTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      <SettingsPageTitle name=\"Transfer Tokens\" />\n      <HeaderLayout\n        title={formatMessage({\n          id: 'Settings.transferTokens.title',\n          defaultMessage: 'Transfer Tokens',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.transferTokens.description',\n          defaultMessage: '\"List of generated transfer tokens\"', // TODO change this message\n        })}\n        primaryAction={\n          canCreate ? (\n            <LinkButton\n              data-testid=\"create-transfer-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: TRANSFER_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/transfer-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.transferTokens.create',\n                defaultMessage: 'Create new Transfer Token',\n              })}\n            </LinkButton>\n          ) : undefined\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"trasfer-tokens\"\n            isLoading={isLoading}\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={transferTokens}\n            tokenType={TRANSFER_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.addFirstToken',\n              defaultMessage: 'Add your first Transfer Token',\n            }}\n            action={\n              <LinkButton\n                variant=\"secondary\"\n                startIcon={<Plus />}\n                to=\"/settings/transfer-tokens/create\"\n              >\n                {formatMessage({\n                  id: 'Settings.transferTokens.addNewToken',\n                  defaultMessage: 'Add new Transfer Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['transfer-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ListView, ProtectedListView };\n"],"names":["qs"],"mappings":"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"}
+{"version":3,"file":"ListView-1b370206.mjs","sources":["../../admin/src/pages/Settings/pages/TransferTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { Entity } from '@strapi/types';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { TRANSFER_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nconst tableHeaders = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n] as const;\n\n/* -------------------------------------------------------------------------------------------------\n * ListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ListView = () => {\n  useFocusWhenNavigate();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n    // @ts-expect-error this is fine\n  } = useRBAC(permissions.settings['transfer-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('transferTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = tableHeaders.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const {\n    data: transferTokens,\n    status,\n    isFetching,\n    refetch,\n  } = useQuery(\n    ['transfer-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: TRANSFER_TOKEN_TYPE,\n      });\n      const {\n        data: { data },\n      } = await get(`/admin/transfer/tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: TRANSFER_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      enabled: canRead,\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const isLoading =\n    canRead &&\n    ((status !== 'success' && status !== 'error') || (status === 'success' && isFetching));\n\n  const deleteMutation = useMutation(\n    async (id: Entity.ID) => {\n      await del(`/admin/transfer/tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        // @ts-expect-error this is fine\n        await refetch(['transfer-tokens']);\n      },\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.data) {\n            toggleNotification({ type: 'warning', message: err.response.data.data });\n          } else if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const hasTransferTokens = transferTokens && transferTokens?.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasTransferTokens;\n  const shouldDisplayNoContent = canRead && !hasTransferTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasTransferTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      <SettingsPageTitle name=\"Transfer Tokens\" />\n      <HeaderLayout\n        title={formatMessage({\n          id: 'Settings.transferTokens.title',\n          defaultMessage: 'Transfer Tokens',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.transferTokens.description',\n          defaultMessage: '\"List of generated transfer tokens\"', // TODO change this message\n        })}\n        primaryAction={\n          canCreate ? (\n            <LinkButton\n              data-testid=\"create-transfer-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: TRANSFER_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/transfer-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.transferTokens.create',\n                defaultMessage: 'Create new Transfer Token',\n              })}\n            </LinkButton>\n          ) : undefined\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"trasfer-tokens\"\n            isLoading={isLoading}\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={transferTokens}\n            tokenType={TRANSFER_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.addFirstToken',\n              defaultMessage: 'Add your first Transfer Token',\n            }}\n            action={\n              <LinkButton\n                variant=\"secondary\"\n                startIcon={<Plus />}\n                to=\"/settings/transfer-tokens/create\"\n              >\n                {formatMessage({\n                  id: 'Settings.transferTokens.addNewToken',\n                  defaultMessage: 'Add new Transfer Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['transfer-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ListView, ProtectedListView };\n"],"names":["qs"],"mappings":"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"}

package/dist/_chunks/{ListView-80855396.js → ListView-1fb891a4.js}

@@ -11,12 +11,12 @@ const reactIntl = require("react-intl");
 const reactQuery = require("react-query");
 const reactRedux = require("react-redux");
 const reactRouterDom = require("react-router-dom");
-const AuthenticatedApp = require("./AuthenticatedApp-47219c52.js");
+const AuthenticatedApp = require("./AuthenticatedApp-b186733c.js");
 const constants = require("./constants-da2542a3.js");
 const Table = require("./Table-69c2c269.js");
 require("semver/functions/lt");
 require("semver/functions/valid");
-require("./index-3f8cf4d5.js");
+require("./index-3956d072.js");
 require("react-dom/client");
 require("invariant");
 require("lodash/isFunction");
@@ -328,4 +328,4 @@ const ProtectedListView = () => {
 };
 exports.ListView = ListView;
 exports.ProtectedListView = ProtectedListView;
-//# sourceMappingURL=ListView-80855396.js.map
+//# sourceMappingURL=ListView-1fb891a4.js.map

package/dist/_chunks/{ListView-80855396.js.map → ListView-1fb891a4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-80855396.js","sources":["../../admin/src/pages/Settings/pages/TransferTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { Entity } from '@strapi/types';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { TRANSFER_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nconst tableHeaders = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n] as const;\n\n/* -------------------------------------------------------------------------------------------------\n * ListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ListView = () => {\n  useFocusWhenNavigate();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n    // @ts-expect-error this is fine\n  } = useRBAC(permissions.settings['transfer-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('transferTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = tableHeaders.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const {\n    data: transferTokens,\n    status,\n    isFetching,\n    refetch,\n  } = useQuery(\n    ['transfer-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: TRANSFER_TOKEN_TYPE,\n      });\n      const {\n        data: { data },\n      } = await get(`/admin/transfer/tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: TRANSFER_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      enabled: canRead,\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const isLoading =\n    canRead &&\n    ((status !== 'success' && status !== 'error') || (status === 'success' && isFetching));\n\n  const deleteMutation = useMutation(\n    async (id: Entity.ID) => {\n      await del(`/admin/transfer/tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        // @ts-expect-error this is fine\n        await refetch(['transfer-tokens']);\n      },\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.data) {\n            toggleNotification({ type: 'warning', message: err.response.data.data });\n          } else if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const hasTransferTokens = transferTokens && transferTokens?.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasTransferTokens;\n  const shouldDisplayNoContent = canRead && !hasTransferTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasTransferTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      <SettingsPageTitle name=\"Transfer Tokens\" />\n      <HeaderLayout\n        title={formatMessage({\n          id: 'Settings.transferTokens.title',\n          defaultMessage: 'Transfer Tokens',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.transferTokens.description',\n          defaultMessage: '\"List of generated transfer tokens\"', // TODO change this message\n        })}\n        primaryAction={\n          canCreate ? (\n            <LinkButton\n              data-testid=\"create-transfer-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: TRANSFER_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/transfer-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.transferTokens.create',\n                defaultMessage: 'Create new Transfer Token',\n              })}\n            </LinkButton>\n          ) : undefined\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"trasfer-tokens\"\n            isLoading={isLoading}\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={transferTokens}\n            tokenType={TRANSFER_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.addFirstToken',\n              defaultMessage: 'Add your first Transfer Token',\n            }}\n            action={\n              <LinkButton\n                variant=\"secondary\"\n                startIcon={<Plus />}\n                to=\"/settings/transfer-tokens/create\"\n              >\n                {formatMessage({\n                  id: 'Settings.transferTokens.addNewToken',\n                  defaultMessage: 'Add new Transfer Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['transfer-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ListView, ProtectedListView };\n"],"names":["useFocusWhenNavigate","useIntl","useNotification","useSelector","selectAdminPermissions","useRBAC","useHistory","useTracking","useGuidedTour","React","useFetchClient","qs","useQuery","TRANSFER_TOKEN_TYPE","AxiosError","useMutation","jsxs","Main","jsx","SettingsPageTitle","HeaderLayout","LinkButton","Plus","ContentLayout","NoPermissions","Table","NoContent","CheckPagePermissions"],"mappings":"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"}
+{"version":3,"file":"ListView-1fb891a4.js","sources":["../../admin/src/pages/Settings/pages/TransferTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { Entity } from '@strapi/types';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { TRANSFER_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nconst tableHeaders = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.tokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n] as const;\n\n/* -------------------------------------------------------------------------------------------------\n * ListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ListView = () => {\n  useFocusWhenNavigate();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n    // @ts-expect-error this is fine\n  } = useRBAC(permissions.settings['transfer-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('transferTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = tableHeaders.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const {\n    data: transferTokens,\n    status,\n    isFetching,\n    refetch,\n  } = useQuery(\n    ['transfer-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: TRANSFER_TOKEN_TYPE,\n      });\n      const {\n        data: { data },\n      } = await get(`/admin/transfer/tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: TRANSFER_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      enabled: canRead,\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const isLoading =\n    canRead &&\n    ((status !== 'success' && status !== 'error') || (status === 'success' && isFetching));\n\n  const deleteMutation = useMutation(\n    async (id: Entity.ID) => {\n      await del(`/admin/transfer/tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        // @ts-expect-error this is fine\n        await refetch(['transfer-tokens']);\n      },\n      onError(err) {\n        if (err instanceof AxiosError) {\n          if (err?.response?.data?.data) {\n            toggleNotification({ type: 'warning', message: err.response.data.data });\n          } else if (err?.response?.data?.error?.details?.code === 'INVALID_TOKEN_SALT') {\n            toggleNotification({\n              type: 'warning',\n              message: {\n                id: 'notification.error.invalid.configuration',\n                defaultMessage:\n                  'You have an invalid configuration, check your server log for more information.',\n              },\n            });\n          } else {\n            toggleNotification({\n              type: 'warning',\n              message: { id: 'notification.error', defaultMessage: 'An error occured' },\n            });\n          }\n        }\n      },\n    }\n  );\n\n  const hasTransferTokens = transferTokens && transferTokens?.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasTransferTokens;\n  const shouldDisplayNoContent = canRead && !hasTransferTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasTransferTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      <SettingsPageTitle name=\"Transfer Tokens\" />\n      <HeaderLayout\n        title={formatMessage({\n          id: 'Settings.transferTokens.title',\n          defaultMessage: 'Transfer Tokens',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.transferTokens.description',\n          defaultMessage: '\"List of generated transfer tokens\"', // TODO change this message\n        })}\n        primaryAction={\n          canCreate ? (\n            <LinkButton\n              data-testid=\"create-transfer-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: TRANSFER_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/transfer-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.transferTokens.create',\n                defaultMessage: 'Create new Transfer Token',\n              })}\n            </LinkButton>\n          ) : undefined\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"trasfer-tokens\"\n            isLoading={isLoading}\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={transferTokens}\n            tokenType={TRANSFER_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.addFirstToken',\n              defaultMessage: 'Add your first Transfer Token',\n            }}\n            action={\n              <LinkButton\n                variant=\"secondary\"\n                startIcon={<Plus />}\n                to=\"/settings/transfer-tokens/create\"\n              >\n                {formatMessage({\n                  id: 'Settings.transferTokens.addNewToken',\n                  defaultMessage: 'Add new Transfer Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.transferTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['transfer-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n\nexport { ListView, ProtectedListView };\n"],"names":["useFocusWhenNavigate","useIntl","useNotification","useSelector","selectAdminPermissions","useRBAC","useHistory","useTracking","useGuidedTour","React","useFetchClient","qs","useQuery","TRANSFER_TOKEN_TYPE","AxiosError","useMutation","jsxs","Main","jsx","SettingsPageTitle","HeaderLayout","LinkButton","Plus","ContentLayout","NoPermissions","Table","NoContent","CheckPagePermissions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,eAAe;AAAA,EACnB;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAMA,MAAM,WAAW,MAAM;AACAA,eAAAA;AACf,QAAA,EAAE,kBAAkBC,UAAAA;AAC1B,QAAM,qBAAqBC,aAAAA;AACrB,QAAA,cAAcC,uBAAYC,iBAAAA,sBAAsB;AAChD,QAAA;AAAA,IACJ,gBAAgB,EAAE,WAAW,WAAW,WAAW,QAAQ;AAAA;AAAA,EAEzD,IAAAC,aAAA,QAAQ,YAAY,SAAS,iBAAiB,CAAC;AAC7C,QAAA,EAAE,SAASC,eAAAA;AACX,QAAA,EAAE,eAAeC,aAAAA;AAEjB,QAAA,EAAE,iBAAiBC,aAAAA;AACnB,QAAA,kBAAkBC,iBAAM,OAAO,YAAY;AACjD,QAAM,EAAE,KAAK,IAAI,IAAIC,aAAe,eAAA;AAEpCD,mBAAM,UAAU,MAAM;AACpB,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,gBAAgB;AAAA,IAC1C;AAAA,EACF,GAAG,CAAE,CAAA;AAELA,mBAAM,UAAU,MAAM;AACpB,SAAK,EAAE,QAAQE,YAAG,QAAA,UAAU,EAAE,MAAM,WAAW,GAAG,EAAE,QAAQ,MAAO,CAAA,EAAG,CAAA;AAAA,EAAA,GACrE,CAAC,IAAI,CAAC;AAET,QAAM,UAAU,aAAa,IAAI,CAAC,YAAY;AAAA,IAC5C,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,OAAO;AAAA,MACV,OAAO,cAAc,OAAO,UAAU,KAAK;AAAA,IAC7C;AAAA,EACA,EAAA;AAEI,QAAA;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,WAAA;AAAA,IACF,CAAC,iBAAiB;AAAA,IAClB,YAAY;AACV,iBAAW,uBAAuB;AAAA,QAChC,WAAWC,UAAA;AAAA,MAAA,CACZ;AACK,YAAA;AAAA,QACJ,MAAM,EAAE,KAAK;AAAA,MACf,IAAI,MAAM,IAAI,wBAAwB;AAEtC,iBAAW,sBAAsB,EAAE,QAAQ,KAAK,QAAQ,WAAWA,+BAAqB;AAEjF,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,QAAQ,KAAK;AACX,YAAI,eAAeC,MAAAA,YAAY;AAC7B,cAAI,KAAK,UAAU,MAAM,OAAO,SAAS,SAAS,sBAAsB;AACnD,+BAAA;AAAA,cACjB,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,IAAI;AAAA,gBACJ,gBACE;AAAA,cACJ;AAAA,YAAA,CACD;AAAA,UAAA,OACI;AACc,+BAAA;AAAA,cACjB,MAAM;AAAA,cACN,SAAS,EAAE,IAAI,sBAAsB,gBAAgB,mBAAmB;AAAA,YAAA,CACzE;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,YACJ,YACE,WAAW,aAAa,WAAW,WAAa,WAAW,aAAa;AAE5E,QAAM,iBAAiBC,WAAA;AAAA,IACrB,OAAO,OAAkB;AACjB,YAAA,IAAI,0BAA0B,EAAE,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,MACE,MAAM,YAAY;AAEV,cAAA,QAAQ,CAAC,iBAAiB,CAAC;AAAA,MACnC;AAAA,MACA,QAAQ,KAAK;AACX,YAAI,eAAeD,MAAAA,YAAY;AACzB,cAAA,KAAK,UAAU,MAAM,MAAM;AACV,+BAAA,EAAE,MAAM,WAAW,SAAS,IAAI,SAAS,KAAK,MAAM;AAAA,UAAA,WAC9D,KAAK,UAAU,MAAM,OAAO,SAAS,SAAS,sBAAsB;AAC1D,+BAAA;AAAA,cACjB,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,IAAI;AAAA,gBACJ,gBACE;AAAA,cACJ;AAAA,YAAA,CACD;AAAA,UAAA,OACI;AACc,+BAAA;AAAA,cACjB,MAAM;AAAA,cACN,SAAS,EAAE,IAAI,sBAAsB,gBAAgB,mBAAmB;AAAA,YAAA,CACzE;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGI,QAAA,oBAAoB,kBAAkB,gBAAgB,SAAS;AACrE,QAAM,4BAA4B,WAAW;AAC7C,QAAM,yBAAyB,WAAW,CAAC,qBAAqB,CAAC;AAC3D,QAAA,2CAA2C,WAAW,CAAC,qBAAqB;AAGhF,SAAAE,2BAAA,KAACC,aAAK,MAAA,EAAA,aAAW,WACf,UAAA;AAAA,IAACC,2BAAAA,IAAAC,aAAA,mBAAA,EAAkB,MAAK,kBAAkB,CAAA;AAAA,IAC1CD,2BAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA;AAAA,QAAA,CACjB;AAAA,QACD,eACE,YACEF,2BAAA;AAAA,UAACG,aAAA;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,0CAAYC,MAAK,MAAA,EAAA;AAAA,YACjB,MAAK;AAAA,YACL,SAAS,MACP,WAAW,wBAAwB;AAAA,cACjC,WAAWT,UAAA;AAAA,YAAA,CACZ;AAAA,YAEH,IAAG;AAAA,YAEF,UAAc,cAAA;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QAED,IAAA;AAAA,MAAA;AAAA,IAER;AAAA,oCACCU,aAAAA,eACE,EAAA,UAAA;AAAA,MAAC,CAAA,0CAAYC,aAAc,eAAA,EAAA;AAAA,MAC3B,6BACCN,2BAAA;AAAA,QAACO,MAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAE,SAAS,WAAW,UAAU;AAAA,UAC7C;AAAA,UACA,aAAY;AAAA,UACZ;AAAA,UACA,iBAAiB,CAAC,OAAO,eAAe,YAAY,EAAE;AAAA,UACtD,QAAQ;AAAA,UACR,WAAWZ,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,MAED,4CACCK,2BAAA;AAAA,QAACQ,aAAA;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,UACA,QACER,2BAAA;AAAA,YAACG,aAAA;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,0CAAYC,MAAK,MAAA,EAAA;AAAA,cACjB,IAAG;AAAA,cAEF,UAAc,cAAA;AAAA,gBACb,IAAI;AAAA,gBACJ,gBAAgB;AAAA,cAAA,CACjB;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAEJ;AAAA,MAED,0BACCJ,2BAAA;AAAA,QAACQ,aAAA;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;AAMA,MAAM,oBAAoB,MAAM;AACxB,QAAA,cAAcvB,uBAAYC,iBAAAA,sBAAsB;AAGpD,SAAAc,2BAAA,IAACS,aAAqB,sBAAA,EAAA,aAAa,YAAY,WAAW,iBAAiB,EAAE,MAC3E,UAACT,2BAAA,IAAA,UAAA,CAAS,CAAA,EACZ,CAAA;AAEJ;;;"}

package/dist/_chunks/{ListView-a33ebe77.js → ListView-96fe1016.js}

@@ -11,12 +11,12 @@ const reactIntl = require("react-intl");
 const reactQuery = require("react-query");
 const reactRedux = require("react-redux");
 const reactRouterDom = require("react-router-dom");
-const AuthenticatedApp = require("./AuthenticatedApp-47219c52.js");
+const AuthenticatedApp = require("./AuthenticatedApp-b186733c.js");
 const constants = require("./constants-da2542a3.js");
 const Table = require("./Table-69c2c269.js");
 require("semver/functions/lt");
 require("semver/functions/valid");
-require("./index-3f8cf4d5.js");
+require("./index-3956d072.js");
 require("react-dom/client");
 require("invariant");
 require("lodash/isFunction");
@@ -289,4 +289,4 @@ const ProtectedListView = () => {
 };
 exports.ListView = ListView;
 exports.ProtectedListView = ProtectedListView;
-//# sourceMappingURL=ListView-a33ebe77.js.map
+//# sourceMappingURL=ListView-96fe1016.js.map

package/dist/_chunks/{ListView-a33ebe77.js.map → ListView-96fe1016.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-a33ebe77.js","sources":["../../admin/src/pages/Settings/pages/ApiTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { API_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nimport type { List } from '../../../../../../shared/contracts/api-token';\n\nconst TABLE_HEADERS = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n];\n\nexport const ListView = () => {\n  useFocusWhenNavigate();\n  const queryClient = useQueryClient();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n  } = useRBAC(permissions.settings?.['api-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('apiTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const { data: apiTokens, isLoading: isLoadingTokens } = useQuery(\n    ['api-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: API_TOKEN_TYPE,\n      });\n\n      const {\n        data: { data },\n      } = await get<List.Response>(`/admin/api-tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: API_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      cacheTime: 0,\n      enabled: canRead,\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        }\n      },\n    }\n  );\n\n  const isLoading = isLoadingTokens;\n\n  const deleteMutation = useMutation(\n    async (id) => {\n      await del(`/admin/api-tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        await queryClient.invalidateQueries(['api-tokens']);\n        trackUsage('didDeleteToken');\n      },\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({ type: 'warning', message: formatAPIError(error) });\n        }\n      },\n    }\n  );\n\n  const hasApiTokens = apiTokens && apiTokens.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasApiTokens;\n  const shouldDisplayNoContent = canRead && !hasApiTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasApiTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      {/* TODO: this needs to be translated */}\n      <SettingsPageTitle name=\"API Tokens\" />\n      <HeaderLayout\n        title={formatMessage({ id: 'Settings.apiTokens.title', defaultMessage: 'API Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.apiTokens.description',\n          defaultMessage: 'List of generated tokens to consume the API',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              data-testid=\"create-api-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: API_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/api-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.apiTokens.create',\n                defaultMessage: 'Create new API Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"api-tokens\"\n            isLoading={isLoading}\n            // @ts-expect-error not converted yet\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={apiTokens}\n            tokenType={API_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.addFirstToken',\n              defaultMessage: 'Add your first API Token',\n            }}\n            action={\n              <LinkButton variant=\"secondary\" startIcon={<Plus />} to=\"/settings/api-tokens/create\">\n                {formatMessage({\n                  id: 'Settings.apiTokens.addNewToken',\n                  defaultMessage: 'Add new API Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\nexport const ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['api-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["useFocusWhenNavigate","useQueryClient","useIntl","useNotification","useSelector","selectAdminPermissions","useRBAC","useHistory","useTracking","useGuidedTour","React","useFetchClient","useAPIErrorHandler","qs","useQuery","API_TOKEN_TYPE","AxiosError","useMutation","jsxs","Main","jsx","SettingsPageTitle","HeaderLayout","LinkButton","Plus","ContentLayout","NoPermissions","Table","NoContent","CheckPagePermissions"],"mappings":"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"}
+{"version":3,"file":"ListView-96fe1016.js","sources":["../../admin/src/pages/Settings/pages/ApiTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { API_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nimport type { List } from '../../../../../../shared/contracts/api-token';\n\nconst TABLE_HEADERS = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n];\n\nexport const ListView = () => {\n  useFocusWhenNavigate();\n  const queryClient = useQueryClient();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n  } = useRBAC(permissions.settings?.['api-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('apiTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const { data: apiTokens, isLoading: isLoadingTokens } = useQuery(\n    ['api-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: API_TOKEN_TYPE,\n      });\n\n      const {\n        data: { data },\n      } = await get<List.Response>(`/admin/api-tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: API_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      cacheTime: 0,\n      enabled: canRead,\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        }\n      },\n    }\n  );\n\n  const isLoading = isLoadingTokens;\n\n  const deleteMutation = useMutation(\n    async (id) => {\n      await del(`/admin/api-tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        await queryClient.invalidateQueries(['api-tokens']);\n        trackUsage('didDeleteToken');\n      },\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({ type: 'warning', message: formatAPIError(error) });\n        }\n      },\n    }\n  );\n\n  const hasApiTokens = apiTokens && apiTokens.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasApiTokens;\n  const shouldDisplayNoContent = canRead && !hasApiTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasApiTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      {/* TODO: this needs to be translated */}\n      <SettingsPageTitle name=\"API Tokens\" />\n      <HeaderLayout\n        title={formatMessage({ id: 'Settings.apiTokens.title', defaultMessage: 'API Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.apiTokens.description',\n          defaultMessage: 'List of generated tokens to consume the API',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              data-testid=\"create-api-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: API_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/api-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.apiTokens.create',\n                defaultMessage: 'Create new API Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"api-tokens\"\n            isLoading={isLoading}\n            // @ts-expect-error not converted yet\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={apiTokens}\n            tokenType={API_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.addFirstToken',\n              defaultMessage: 'Add your first API Token',\n            }}\n            action={\n              <LinkButton variant=\"secondary\" startIcon={<Plus />} to=\"/settings/api-tokens/create\">\n                {formatMessage({\n                  id: 'Settings.apiTokens.addNewToken',\n                  defaultMessage: 'Add new API Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\nexport const ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['api-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["useFocusWhenNavigate","useQueryClient","useIntl","useNotification","useSelector","selectAdminPermissions","useRBAC","useHistory","useTracking","useGuidedTour","React","useFetchClient","useAPIErrorHandler","qs","useQuery","API_TOKEN_TYPE","AxiosError","useMutation","jsxs","Main","jsx","SettingsPageTitle","HeaderLayout","LinkButton","Plus","ContentLayout","NoPermissions","Table","NoContent","CheckPagePermissions"],"mappings":"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"}

package/dist/_chunks/{ListView-521e309f.mjs → ListView-bf4ccdba.mjs}

@@ -9,12 +9,12 @@ import { useIntl } from "react-intl";
 import { useQueryClient, useQuery, useMutation } from "react-query";
 import { useSelector } from "react-redux";
 import { useHistory } from "react-router-dom";
-import { s as selectAdminPermissions } from "./AuthenticatedApp-7d1fdf0c.mjs";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-b723bf94.mjs";
 import { A as API_TOKEN_TYPE } from "./constants-d3dd8ed6.mjs";
 import { T as Table } from "./Table-3f09118e.mjs";
 import "semver/functions/lt";
 import "semver/functions/valid";
-import "./index-95e8649d.mjs";
+import "./index-3bbbb14c.mjs";
 import "react-dom/client";
 import "invariant";
 import "lodash/isFunction";
@@ -268,4 +268,4 @@ export {
   ListView,
   ProtectedListView
 };
-//# sourceMappingURL=ListView-521e309f.mjs.map
+//# sourceMappingURL=ListView-bf4ccdba.mjs.map

package/dist/_chunks/{ListView-521e309f.mjs.map → ListView-bf4ccdba.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-521e309f.mjs","sources":["../../admin/src/pages/Settings/pages/ApiTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { API_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nimport type { List } from '../../../../../../shared/contracts/api-token';\n\nconst TABLE_HEADERS = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n];\n\nexport const ListView = () => {\n  useFocusWhenNavigate();\n  const queryClient = useQueryClient();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n  } = useRBAC(permissions.settings?.['api-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('apiTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const { data: apiTokens, isLoading: isLoadingTokens } = useQuery(\n    ['api-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: API_TOKEN_TYPE,\n      });\n\n      const {\n        data: { data },\n      } = await get<List.Response>(`/admin/api-tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: API_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      cacheTime: 0,\n      enabled: canRead,\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        }\n      },\n    }\n  );\n\n  const isLoading = isLoadingTokens;\n\n  const deleteMutation = useMutation(\n    async (id) => {\n      await del(`/admin/api-tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        await queryClient.invalidateQueries(['api-tokens']);\n        trackUsage('didDeleteToken');\n      },\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({ type: 'warning', message: formatAPIError(error) });\n        }\n      },\n    }\n  );\n\n  const hasApiTokens = apiTokens && apiTokens.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasApiTokens;\n  const shouldDisplayNoContent = canRead && !hasApiTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasApiTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      {/* TODO: this needs to be translated */}\n      <SettingsPageTitle name=\"API Tokens\" />\n      <HeaderLayout\n        title={formatMessage({ id: 'Settings.apiTokens.title', defaultMessage: 'API Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.apiTokens.description',\n          defaultMessage: 'List of generated tokens to consume the API',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              data-testid=\"create-api-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: API_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/api-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.apiTokens.create',\n                defaultMessage: 'Create new API Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"api-tokens\"\n            isLoading={isLoading}\n            // @ts-expect-error not converted yet\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={apiTokens}\n            tokenType={API_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.addFirstToken',\n              defaultMessage: 'Add your first API Token',\n            }}\n            action={\n              <LinkButton variant=\"secondary\" startIcon={<Plus />} to=\"/settings/api-tokens/create\">\n                {formatMessage({\n                  id: 'Settings.apiTokens.addNewToken',\n                  defaultMessage: 'Add new API Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\nexport const ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['api-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["qs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,gBAAgB;AAAA,EACpB;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAEO,MAAM,WAAW,MAAM;AACP;AACrB,QAAM,cAAc;AACd,QAAA,EAAE,kBAAkB;AAC1B,QAAM,qBAAqB;AACrB,QAAA,cAAc,YAAY,sBAAsB;AAChD,QAAA;AAAA,IACJ,gBAAgB,EAAE,WAAW,WAAW,WAAW,QAAQ;AAAA,EACzD,IAAA,QAAQ,YAAY,WAAW,YAAY,CAAC;AAC1C,QAAA,EAAE,SAAS;AACX,QAAA,EAAE,eAAe;AACjB,QAAA,EAAE,iBAAiB;AACnB,QAAA,kBAAkB,MAAM,OAAO,YAAY;AACjD,QAAM,EAAE,KAAK,IAAI,IAAI,eAAe;AAC9B,QAAA,EAAE,mBAAmB;AAE3B,QAAM,UAAU,MAAM;AACpB,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,WAAW;AAAA,IACrC;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,QAAM,UAAU,MAAM;AACpB,SAAK,EAAE,QAAQA,YAAG,UAAU,EAAE,MAAM,WAAW,GAAG,EAAE,QAAQ,MAAO,CAAA,EAAG,CAAA;AAAA,EAAA,GACrE,CAAC,IAAI,CAAC;AAET,QAAM,UAAU,cAAc,IAAI,CAAC,YAAY;AAAA,IAC7C,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,OAAO;AAAA,MACV,OAAO,cAAc,OAAO,UAAU,KAAK;AAAA,IAC7C;AAAA,EACA,EAAA;AAEF,QAAM,EAAE,MAAM,WAAW,WAAW,gBAAoB,IAAA;AAAA,IACtD,CAAC,YAAY;AAAA,IACb,YAAY;AACV,iBAAW,uBAAuB;AAAA,QAChC,WAAW;AAAA,MAAA,CACZ;AAEK,YAAA;AAAA,QACJ,MAAM,EAAE,KAAK;AAAA,MACf,IAAI,MAAM,IAAmB,mBAAmB;AAEhD,iBAAW,sBAAsB,EAAE,QAAQ,KAAK,QAAQ,WAAW,gBAAgB;AAE5E,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ,OAAO;AACb,YAAI,iBAAiB,YAAY;AACZ,6BAAA;AAAA,YACjB,MAAM;AAAA,YACN,SAAS,eAAe,KAAK;AAAA,UAAA,CAC9B;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,YAAY;AAElB,QAAM,iBAAiB;AAAA,IACrB,OAAO,OAAO;AACN,YAAA,IAAI,qBAAqB,EAAE,EAAE;AAAA,IACrC;AAAA,IACA;AAAA,MACE,MAAM,YAAY;AAChB,cAAM,YAAY,kBAAkB,CAAC,YAAY,CAAC;AAClD,mBAAW,gBAAgB;AAAA,MAC7B;AAAA,MACA,QAAQ,OAAO;AACb,YAAI,iBAAiB,YAAY;AAC/B,6BAAmB,EAAE,MAAM,WAAW,SAAS,eAAe,KAAK,GAAG;AAAA,QACxE;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGI,QAAA,eAAe,aAAa,UAAU,SAAS;AACrD,QAAM,4BAA4B,WAAW;AAC7C,QAAM,yBAAyB,WAAW,CAAC,gBAAgB,CAAC;AACtD,QAAA,2CAA2C,WAAW,CAAC,gBAAgB;AAG3E,SAAA,qBAAC,MAAK,EAAA,aAAW,WAEf,UAAA;AAAA,IAAC,oBAAA,mBAAA,EAAkB,MAAK,aAAa,CAAA;AAAA,IACrC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,cAAc,EAAE,IAAI,4BAA4B,gBAAgB,cAAc;AAAA,QACrF,UAAU,cAAc;AAAA,UACtB,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,QACD,eACE,aACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,+BAAY,MAAK,EAAA;AAAA,YACjB,MAAK;AAAA,YACL,SAAS,MACP,WAAW,wBAAwB;AAAA,cACjC,WAAW;AAAA,YAAA,CACZ;AAAA,YAEH,IAAG;AAAA,YAEF,UAAc,cAAA;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAGN;AAAA,yBACC,eACE,EAAA,UAAA;AAAA,MAAC,CAAA,+BAAY,eAAc,EAAA;AAAA,MAC3B,6BACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,EAAE,SAAS,WAAW,UAAU;AAAA,UAC7C;AAAA,UACA,aAAY;AAAA,UACZ;AAAA,UAEA,iBAAiB,CAAC,OAAO,eAAe,YAAY,EAAE;AAAA,UACtD,QAAQ;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAED,4CACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,UACA,QACG,oBAAA,YAAA,EAAW,SAAQ,aAAY,WAAW,oBAAC,MAAK,CAAA,CAAA,GAAI,IAAG,+BACrD,UAAc,cAAA;AAAA,YACb,IAAI;AAAA,YACJ,gBAAgB;AAAA,UACjB,CAAA,GACH;AAAA,QAAA;AAAA,MAEJ;AAAA,MAED,0BACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,YACP,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAClB;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,oBAAoB,MAAM;AAC/B,QAAA,cAAc,YAAY,sBAAsB;AAGpD,SAAA,oBAAC,sBAAqB,EAAA,aAAa,YAAY,WAAW,YAAY,EAAE,MACtE,UAAC,oBAAA,UAAA,CAAS,CAAA,EACZ,CAAA;AAEJ;"}
+{"version":3,"file":"ListView-bf4ccdba.mjs","sources":["../../admin/src/pages/Settings/pages/ApiTokens/ListView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContentLayout, HeaderLayout, LinkButton, Main } from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  NoContent,\n  NoPermissions,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useGuidedTour,\n  useNotification,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { API_TOKEN_TYPE } from '../../components/Tokens/constants';\nimport { Table } from '../../components/Tokens/Table';\n\nimport type { List } from '../../../../../../shared/contracts/api-token';\n\nconst TABLE_HEADERS = [\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.name',\n        defaultMessage: 'Name',\n      },\n      sortable: true,\n    },\n  },\n  {\n    name: 'description',\n    key: 'description',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.description',\n        defaultMessage: 'Description',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.createdAt',\n        defaultMessage: 'Created at',\n      },\n      sortable: false,\n    },\n  },\n  {\n    name: 'lastUsedAt',\n    key: 'lastUsedAt',\n    metadatas: {\n      label: {\n        id: 'Settings.apiTokens.ListView.headers.lastUsedAt',\n        defaultMessage: 'Last used',\n      },\n      sortable: false,\n    },\n  },\n];\n\nexport const ListView = () => {\n  useFocusWhenNavigate();\n  const queryClient = useQueryClient();\n  const { formatMessage } = useIntl();\n  const toggleNotification = useNotification();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    allowedActions: { canCreate, canDelete, canUpdate, canRead },\n  } = useRBAC(permissions.settings?.['api-tokens']);\n  const { push } = useHistory();\n  const { trackUsage } = useTracking();\n  const { startSection } = useGuidedTour();\n  const startSectionRef = React.useRef(startSection);\n  const { get, del } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  React.useEffect(() => {\n    if (startSectionRef.current) {\n      startSectionRef.current('apiTokens');\n    }\n  }, []);\n\n  React.useEffect(() => {\n    push({ search: qs.stringify({ sort: 'name:ASC' }, { encode: false }) });\n  }, [push]);\n\n  const headers = TABLE_HEADERS.map((header) => ({\n    ...header,\n    metadatas: {\n      ...header.metadatas,\n      label: formatMessage(header.metadatas.label),\n    },\n  }));\n\n  const { data: apiTokens, isLoading: isLoadingTokens } = useQuery(\n    ['api-tokens'],\n    async () => {\n      trackUsage('willAccessTokenList', {\n        tokenType: API_TOKEN_TYPE,\n      });\n\n      const {\n        data: { data },\n      } = await get<List.Response>(`/admin/api-tokens`);\n\n      trackUsage('didAccessTokenList', { number: data.length, tokenType: API_TOKEN_TYPE });\n\n      return data;\n    },\n    {\n      cacheTime: 0,\n      enabled: canRead,\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        }\n      },\n    }\n  );\n\n  const isLoading = isLoadingTokens;\n\n  const deleteMutation = useMutation(\n    async (id) => {\n      await del(`/admin/api-tokens/${id}`);\n    },\n    {\n      async onSuccess() {\n        await queryClient.invalidateQueries(['api-tokens']);\n        trackUsage('didDeleteToken');\n      },\n      onError(error) {\n        if (error instanceof AxiosError) {\n          toggleNotification({ type: 'warning', message: formatAPIError(error) });\n        }\n      },\n    }\n  );\n\n  const hasApiTokens = apiTokens && apiTokens.length > 0;\n  const shouldDisplayDynamicTable = canRead && hasApiTokens;\n  const shouldDisplayNoContent = canRead && !hasApiTokens && !canCreate;\n  const shouldDisplayNoContentWithCreationButton = canRead && !hasApiTokens && canCreate;\n\n  return (\n    <Main aria-busy={isLoading}>\n      {/* TODO: this needs to be translated */}\n      <SettingsPageTitle name=\"API Tokens\" />\n      <HeaderLayout\n        title={formatMessage({ id: 'Settings.apiTokens.title', defaultMessage: 'API Tokens' })}\n        subtitle={formatMessage({\n          id: 'Settings.apiTokens.description',\n          defaultMessage: 'List of generated tokens to consume the API',\n        })}\n        primaryAction={\n          canCreate && (\n            <LinkButton\n              data-testid=\"create-api-token-button\"\n              startIcon={<Plus />}\n              size=\"S\"\n              onClick={() =>\n                trackUsage('willAddTokenFromList', {\n                  tokenType: API_TOKEN_TYPE,\n                })\n              }\n              to=\"/settings/api-tokens/create\"\n            >\n              {formatMessage({\n                id: 'Settings.apiTokens.create',\n                defaultMessage: 'Create new API Token',\n              })}\n            </LinkButton>\n          )\n        }\n      />\n      <ContentLayout>\n        {!canRead && <NoPermissions />}\n        {shouldDisplayDynamicTable && (\n          <Table\n            permissions={{ canRead, canDelete, canUpdate }}\n            headers={headers}\n            contentType=\"api-tokens\"\n            isLoading={isLoading}\n            // @ts-expect-error not converted yet\n            onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}\n            tokens={apiTokens}\n            tokenType={API_TOKEN_TYPE}\n          />\n        )}\n        {shouldDisplayNoContentWithCreationButton && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.addFirstToken',\n              defaultMessage: 'Add your first API Token',\n            }}\n            action={\n              <LinkButton variant=\"secondary\" startIcon={<Plus />} to=\"/settings/api-tokens/create\">\n                {formatMessage({\n                  id: 'Settings.apiTokens.addNewToken',\n                  defaultMessage: 'Add new API Token',\n                })}\n              </LinkButton>\n            }\n          />\n        )}\n        {shouldDisplayNoContent && (\n          <NoContent\n            content={{\n              id: 'Settings.apiTokens.emptyStateLayout',\n              defaultMessage: 'You don’t have any content yet...',\n            }}\n          />\n        )}\n      </ContentLayout>\n    </Main>\n  );\n};\n\nexport const ProtectedListView = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.['api-tokens'].main}>\n      <ListView />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["qs"],"mappings":"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"}

package/dist/_chunks/{Login-906ebde5.js → Login-09040dec.js}

@@ -6,7 +6,7 @@ const helperPlugin = require("@strapi/helper-plugin");
 const reactIntl = require("react-intl");
 const reactQuery = require("react-query");
 const styled = require("styled-components");
-const index = require("./index-3f8cf4d5.js");
+const index = require("./index-3956d072.js");
 const SSOProviders = require("./SSOProviders-b395a4e6.js");
 require("react-dom/client");
 require("invariant");
@@ -100,4 +100,4 @@ const LoginEE = (loginProps) => {
   ] }) }) });
 };
 exports.LoginEE = LoginEE;
-//# sourceMappingURL=Login-906ebde5.js.map
+//# sourceMappingURL=Login-09040dec.js.map

package/dist/_chunks/{Login-906ebde5.js.map → Login-09040dec.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Login-906ebde5.js","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n  const { isLoading, data: providers = [] } = useQuery(\n    ['ee', 'providers'],\n    async () => {\n      const { data } = await get('/admin/providers');\n\n      return data;\n    },\n    {\n      enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),\n    }\n  );\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":["styled","Divider","useIntl","useFetchClient","useQuery","jsx","Login","Box","jsxs","Flex","Typography","SSOProviders"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAAcA,gBAAAA,QAAOC,aAAAA,OAAO;AAAA;AAAA;AAI5B,MAAA,UAAU,CAAC,eAA2B;AACpC,QAAA,EAAE,kBAAkBC,UAAAA;AACpB,QAAA,EAAE,QAAQC,aAAAA;AAChB,QAAM,EAAE,WAAW,MAAM,YAAY,CAAA,EAAO,IAAAC,WAAA;AAAA,IAC1C,CAAC,MAAM,WAAW;AAAA,IAClB,YAAY;AACV,YAAM,EAAE,KAAS,IAAA,MAAM,IAAI,kBAAkB;AAEtC,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,IACtE;AAAA,EAAA;AAGF,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACO,WAAAC,2BAAA,IAACC,MAAO,OAAA,EAAA,GAAG,WAAY,CAAA;AAAA,EAChC;AAEA,SACGD,2BAAA,IAAAC,aAAA,EAAO,GAAG,YACT,yCAACC,aAAAA,KAAI,EAAA,YAAY,GACf,UAAAC,gCAACC,aAAAA,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,IAAAD,gCAACC,aAAAA,MACC,EAAA,UAAA;AAAA,MAAAJ,2BAAA,IAAC,aAAY,EAAA;AAAA,qCACZE,aAAAA,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,yCAACG,yBAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,yBAAyB,CAAC,EACjD,CAAA,GACF;AAAA,qCACC,aAAY,EAAA;AAAA,IAAA,GACf;AAAA,IACCL,2BAAAA,IAAAM,aAAAA,cAAA,EAAa,WAAsB,qBAAqB,MAAO,CAAA;AAAA,EAAA,GAClE,GACF,EACF,CAAA;AAEJ;;"}
+{"version":3,"file":"Login-09040dec.js","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n  const { isLoading, data: providers = [] } = useQuery(\n    ['ee', 'providers'],\n    async () => {\n      const { data } = await get('/admin/providers');\n\n      return data;\n    },\n    {\n      enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),\n    }\n  );\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":["styled","Divider","useIntl","useFetchClient","useQuery","jsx","Login","Box","jsxs","Flex","Typography","SSOProviders"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAAcA,gBAAAA,QAAOC,aAAAA,OAAO;AAAA;AAAA;AAI5B,MAAA,UAAU,CAAC,eAA2B;AACpC,QAAA,EAAE,kBAAkBC,UAAAA;AACpB,QAAA,EAAE,QAAQC,aAAAA;AAChB,QAAM,EAAE,WAAW,MAAM,YAAY,CAAA,EAAO,IAAAC,WAAA;AAAA,IAC1C,CAAC,MAAM,WAAW;AAAA,IAClB,YAAY;AACV,YAAM,EAAE,KAAS,IAAA,MAAM,IAAI,kBAAkB;AAEtC,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,IACtE;AAAA,EAAA;AAGF,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACO,WAAAC,2BAAA,IAACC,MAAO,OAAA,EAAA,GAAG,WAAY,CAAA;AAAA,EAChC;AAEA,SACGD,2BAAA,IAAAC,aAAA,EAAO,GAAG,YACT,yCAACC,aAAAA,KAAI,EAAA,YAAY,GACf,UAAAC,gCAACC,aAAAA,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,IAAAD,gCAACC,aAAAA,MACC,EAAA,UAAA;AAAA,MAAAJ,2BAAA,IAAC,aAAY,EAAA;AAAA,qCACZE,aAAAA,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,yCAACG,yBAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,yBAAyB,CAAC,EACjD,CAAA,GACF;AAAA,qCACC,aAAY,EAAA;AAAA,IAAA,GACf;AAAA,IACCL,2BAAAA,IAAAM,aAAAA,cAAA,EAAa,WAAsB,qBAAqB,MAAO,CAAA;AAAA,EAAA,GAClE,GACF,EACF,CAAA;AAEJ;;"}

package/dist/_chunks/{Login-4eb1fb78.mjs → Login-6670c9b9.mjs}

@@ -4,7 +4,7 @@ import { useFetchClient } from "@strapi/helper-plugin";
 import { useIntl } from "react-intl";
 import { useQuery } from "react-query";
 import styled from "styled-components";
-import { L as Login } from "./index-95e8649d.mjs";
+import { L as Login } from "./index-3bbbb14c.mjs";
 import { S as SSOProviders } from "./SSOProviders-62bfad92.mjs";
 import "react-dom/client";
 import "invariant";
@@ -98,4 +98,4 @@ const LoginEE = (loginProps) => {
 export {
   LoginEE
 };
-//# sourceMappingURL=Login-4eb1fb78.mjs.map
+//# sourceMappingURL=Login-6670c9b9.mjs.map

package/dist/_chunks/{Login-4eb1fb78.mjs.map → Login-6670c9b9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Login-4eb1fb78.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n  const { isLoading, data: providers = [] } = useQuery(\n    ['ee', 'providers'],\n    async () => {\n      const { data } = await get('/admin/providers');\n\n      return data;\n    },\n    {\n      enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),\n    }\n  );\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAAc,OAAO,OAAO;AAAA;AAAA;AAI5B,MAAA,UAAU,CAAC,eAA2B;AACpC,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,QAAQ;AAChB,QAAM,EAAE,WAAW,MAAM,YAAY,CAAA,EAAO,IAAA;AAAA,IAC1C,CAAC,MAAM,WAAW;AAAA,IAClB,YAAY;AACV,YAAM,EAAE,KAAS,IAAA,MAAM,IAAI,kBAAkB;AAEtC,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,IACtE;AAAA,EAAA;AAGF,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACO,WAAA,oBAAC,OAAO,EAAA,GAAG,WAAY,CAAA;AAAA,EAChC;AAEA,SACG,oBAAA,OAAA,EAAO,GAAG,YACT,8BAAC,KAAI,EAAA,YAAY,GACf,UAAA,qBAAC,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,IAAA,qBAAC,MACC,EAAA,UAAA;AAAA,MAAA,oBAAC,aAAY,EAAA;AAAA,0BACZ,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,8BAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,yBAAyB,CAAC,EACjD,CAAA,GACF;AAAA,0BACC,aAAY,EAAA;AAAA,IAAA,GACf;AAAA,IACC,oBAAA,cAAA,EAAa,WAAsB,qBAAqB,MAAO,CAAA;AAAA,EAAA,GAClE,GACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Login-6670c9b9.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/Login.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled from 'styled-components';\n\nimport { Login, LoginProps } from '../../../../../../admin/src/pages/Auth/components/Login';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nconst LoginEE = (loginProps: LoginProps) => {\n  const { formatMessage } = useIntl();\n  const { get } = useFetchClient();\n  const { isLoading, data: providers = [] } = useQuery(\n    ['ee', 'providers'],\n    async () => {\n      const { data } = await get('/admin/providers');\n\n      return data;\n    },\n    {\n      enabled: window.strapi.features.isEnabled(window.strapi.features.SSO),\n    }\n  );\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Login {...loginProps} />;\n  }\n\n  return (\n    <Login {...loginProps}>\n      <Box paddingTop={7}>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n          <Flex>\n            <DividerFull />\n            <Box paddingLeft={3} paddingRight={3}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.divider' })}\n              </Typography>\n            </Box>\n            <DividerFull />\n          </Flex>\n          <SSOProviders providers={providers} displayAllProviders={false} />\n        </Flex>\n      </Box>\n    </Login>\n  );\n};\n\nexport { LoginEE };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAAc,OAAO,OAAO;AAAA;AAAA;AAI5B,MAAA,UAAU,CAAC,eAA2B;AACpC,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,QAAQ;AAChB,QAAM,EAAE,WAAW,MAAM,YAAY,CAAA,EAAO,IAAA;AAAA,IAC1C,CAAC,MAAM,WAAW;AAAA,IAClB,YAAY;AACV,YAAM,EAAE,KAAS,IAAA,MAAM,IAAI,kBAAkB;AAEtC,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,IACtE;AAAA,EAAA;AAGF,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACO,WAAA,oBAAC,OAAO,EAAA,GAAG,WAAY,CAAA;AAAA,EAChC;AAEA,SACG,oBAAA,OAAA,EAAO,GAAG,YACT,8BAAC,KAAI,EAAA,YAAY,GACf,UAAA,qBAAC,QAAK,WAAU,UAAS,YAAW,WAAU,KAAK,GACjD,UAAA;AAAA,IAAA,qBAAC,MACC,EAAA,UAAA;AAAA,MAAA,oBAAC,aAAY,EAAA;AAAA,0BACZ,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,8BAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,yBAAyB,CAAC,EACjD,CAAA,GACF;AAAA,0BACC,aAAY,EAAA;AAAA,IAAA,GACf;AAAA,IACC,oBAAA,cAAA,EAAa,WAAsB,qBAAqB,MAAO,CAAA;AAAA,EAAA,GAClE,GACF,EACF,CAAA;AAEJ;"}

package/dist/_chunks/{MagicLinkEE-03128309.mjs → MagicLinkEE-6d9ed1b1.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
-import { p as getBasename } from "./index-95e8649d.mjs";
-import { a as MagicLinkWrapper } from "./SelectRoles-3d810b00.mjs";
+import { p as getBasename } from "./index-3bbbb14c.mjs";
+import { a as MagicLinkWrapper } from "./SelectRoles-f0565968.mjs";
 import "@strapi/helper-plugin";
 import "react-dom/client";
 import "@strapi/design-system";
@@ -89,4 +89,4 @@ const MagicLinkEE = ({ registrationToken }) => {
 export {
   MagicLinkEE
 };
-//# sourceMappingURL=MagicLinkEE-03128309.mjs.map
+//# sourceMappingURL=MagicLinkEE-6d9ed1b1.mjs.map

package/dist/_chunks/{MagicLinkEE-03128309.mjs.map → MagicLinkEE-6d9ed1b1.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MagicLinkEE-03128309.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../../../admin/src/core/utils/basename';\nimport { MagicLinkWrapper } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper';\n\nimport type { MagicLinkCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE';\n\n// FIXME replace with parts compo when ready\nexport const MagicLinkEE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n\n  if (registrationToken) {\n    return (\n      <MagicLinkWrapper\n        target={`${\n          window.location.origin\n        }${getBasename()}/auth/register?registrationToken=${registrationToken}`}\n      >\n        {formatMessage({\n          id: 'app.components.Users.MagicLink.connect',\n          defaultMessage: 'Copy and share this link to give access to this user',\n        })}\n      </MagicLinkWrapper>\n    );\n  }\n\n  return (\n    <MagicLinkWrapper target={`${window.location.origin}${getBasename()}/auth/login`}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect.sso',\n        defaultMessage:\n          'Send this link to the user, the first login can be made via a SSO provider.',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,cAAc,CAAC,EAAE,wBAA0C;AAChE,QAAA,EAAE,kBAAkB;AAE1B,MAAI,mBAAmB;AAEnB,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,GACN,OAAO,SAAS,MAClB,GAAG,YAAa,CAAA,oCAAoC,iBAAiB;AAAA,QAEpE,UAAc,cAAA;AAAA,UACb,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAGE,SAAA,oBAAC,kBAAiB,EAAA,QAAQ,GAAG,OAAO,SAAS,MAAM,GAAG,YAAa,CAAA,eAChE,UAAc,cAAA;AAAA,IACb,IAAI;AAAA,IACJ,gBACE;AAAA,EACH,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"MagicLinkEE-6d9ed1b1.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/Users/components/MagicLinkEE.tsx"],"sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../../../admin/src/core/utils/basename';\nimport { MagicLinkWrapper } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper';\n\nimport type { MagicLinkCEProps } from '../../../../../../../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE';\n\n// FIXME replace with parts compo when ready\nexport const MagicLinkEE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n\n  if (registrationToken) {\n    return (\n      <MagicLinkWrapper\n        target={`${\n          window.location.origin\n        }${getBasename()}/auth/register?registrationToken=${registrationToken}`}\n      >\n        {formatMessage({\n          id: 'app.components.Users.MagicLink.connect',\n          defaultMessage: 'Copy and share this link to give access to this user',\n        })}\n      </MagicLinkWrapper>\n    );\n  }\n\n  return (\n    <MagicLinkWrapper target={`${window.location.origin}${getBasename()}/auth/login`}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect.sso',\n        defaultMessage:\n          'Send this link to the user, the first login can be made via a SSO provider.',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,cAAc,CAAC,EAAE,wBAA0C;AAChE,QAAA,EAAE,kBAAkB;AAE1B,MAAI,mBAAmB;AAEnB,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,GACN,OAAO,SAAS,MAClB,GAAG,YAAa,CAAA,oCAAoC,iBAAiB;AAAA,QAEpE,UAAc,cAAA;AAAA,UACb,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAGE,SAAA,oBAAC,kBAAiB,EAAA,QAAQ,GAAG,OAAO,SAAS,MAAM,GAAG,YAAa,CAAA,eAChE,UAAc,cAAA;AAAA,IACb,IAAI;AAAA,IACJ,gBACE;AAAA,EACH,CAAA,EACH,CAAA;AAEJ;"}