@strapi/admin 4.15.1 → 4.15.3-alpha.0

package/dist/_chunks/{index-4565fcbd.js → index-5bf8300a.js}

@@ -10,7 +10,7 @@ const Icons = require("@strapi/icons");
 const formik = require("formik");
 const PropTypes = require("prop-types");
 const reactIntl = require("react-intl");
-const index = require("./index-edc9bb0b.js");
+const index = require("./index-0134922e.js");
 const styled = require("styled-components");
 const yup = require("yup");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -593,7 +593,7 @@ const WebhookForm = ({
   const [showTriggerResponse, setShowTriggerResponse] = React.useState(false);
   const EventTable2 = index.useEnterprise(
     EventTableCE,
-    async () => (await Promise.resolve().then(() => require("./index-77e0e5d7.js"))).EventTableEE
+    async () => (await Promise.resolve().then(() => require("./index-293f112c.js"))).EventTableEE
   );
   const mapHeaders = (headers) => {
     if (!Object.keys(headers).length) {
@@ -844,4 +844,4 @@ const EditView = () => {
 };
 exports.EditView = EditView;
 exports.EventTable = EventTable;
-//# sourceMappingURL=index-4565fcbd.js.map
+//# sourceMappingURL=index-5bf8300a.js.map

package/dist/_chunks/{index-4565fcbd.js.map → index-5bf8300a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-4565fcbd.js","sources":["../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/Events/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/EventTableCE.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/utils/makeWebhookValidationSchema.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  BaseCheckbox,\n  Checkbox,\n  FieldLabel,\n  Flex,\n  Loader,\n  RawTable as Table,\n  RawTbody as Tbody,\n  RawTd as Td,\n  RawTh as Th,\n  RawThead as Thead,\n  RawTr as Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { useFormikContext } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { useContentTypes } from '../../../../../../../hooks/useContentTypes';\n\nexport const formatValue = (value) =>\n  value.reduce((acc, curr) => {\n    const key = curr.split('.')[0];\n\n    if (!acc[key]) {\n      acc[key] = [];\n    }\n    acc[key].push(curr);\n\n    return acc;\n  }, {});\n\n// TODO check whether we want to move alternating background colour tables to the design system\nconst StyledTable = styled(Table)`\n  tbody tr:nth-child(odd) {\n    background: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  thead th span {\n    color: ${({ theme }) => theme.colors.neutral500};\n  }\n\n  td,\n  th {\n    padding-block-start: ${({ theme }) => theme.spaces[3]};\n    padding-block-end: ${({ theme }) => theme.spaces[3]};\n    width: 10%;\n    vertical-align: middle;\n    text-align: center;\n  }\n\n  tbody tr td:first-child {\n    /**\n     * Add padding to the start of the first column to avoid the checkbox appearing\n     * too close to the edge of the table\n     */\n    padding-inline-start: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst getCEHeaders = (isDraftAndPublish) => {\n  const headers = [\n    { id: 'Settings.webhooks.events.create', defaultMessage: 'Create' },\n    { id: 'Settings.webhooks.events.update', defaultMessage: 'Update' },\n    { id: 'app.utils.delete', defaultMessage: 'Delete' },\n  ];\n\n  if (isDraftAndPublish) {\n    headers.push({ id: 'app.utils.publish', defaultMessage: 'Publish' });\n    headers.push({ id: 'app.utils.unpublish', defaultMessage: 'Unpublish' });\n  }\n\n  return headers;\n};\n\nconst getCEEvents = (isDraftAndPublish) => {\n  const entryEvents = ['entry.create', 'entry.update', 'entry.delete'];\n\n  if (isDraftAndPublish) {\n    entryEvents.push('entry.publish', 'entry.unpublish');\n  }\n\n  return {\n    entry: entryEvents,\n    media: ['media.create', 'media.update', 'media.delete'],\n  };\n};\n\nconst WebhookEventContext = React.createContext();\n\nconst Root = ({ children }) => {\n  const { formatMessage } = useIntl();\n  const { collectionTypes, isLoading } = useContentTypes();\n\n  const isDraftAndPublish = React.useMemo(\n    () => collectionTypes.some((ct) => ct.options.draftAndPublish === true),\n    [collectionTypes]\n  );\n\n  const label = formatMessage({\n    id: 'Settings.webhooks.form.events',\n    defaultMessage: 'Events',\n  });\n\n  return (\n    <WebhookEventContext.Provider value={{ isDraftAndPublish }}>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n        <FieldLabel aria-hidden>{label}</FieldLabel>\n        {isLoading && (\n          <Loader>\n            {formatMessage({\n              id: 'Settings.webhooks.events.isLoading',\n              defaultMessage: 'Events loading',\n            })}\n          </Loader>\n        )}\n        <StyledTable aria-label={label}>{children}</StyledTable>\n      </Flex>\n    </WebhookEventContext.Provider>\n  );\n};\n\nRoot.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nconst Headers = ({ getHeaders = getCEHeaders }) => {\n  const { isDraftAndPublish } = React.useContext(WebhookEventContext);\n\n  const { formatMessage } = useIntl();\n  const headers = getHeaders(isDraftAndPublish);\n\n  return (\n    <Thead>\n      <Tr>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: 'Settings.webhooks.event.select',\n              defaultMessage: 'Select event',\n            })}\n          </VisuallyHidden>\n        </Th>\n        {headers.map((header) => {\n          if (['app.utils.publish', 'app.utils.unpublish'].includes(header.id)) {\n            return (\n              <Th\n                key={header.id}\n                title={formatMessage({\n                  id: 'Settings.webhooks.event.publish-tooltip',\n                  defaultMessage: 'This event only exists for content with draft & publish enabled',\n                })}\n              >\n                <Typography variant=\"sigma\" textColor=\"neutral600\">\n                  {formatMessage(header)}\n                </Typography>\n              </Th>\n            );\n          }\n\n          return (\n            <Th key={header.id}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage(header)}\n              </Typography>\n            </Th>\n          );\n        })}\n      </Tr>\n    </Thead>\n  );\n};\n\nHeaders.defaultProps = {\n  getHeaders: getCEHeaders,\n};\n\nHeaders.propTypes = {\n  getHeaders: PropTypes.func,\n};\n\nconst Body = ({ providedEvents }) => {\n  const { isDraftAndPublish } = React.useContext(WebhookEventContext);\n\n  const events = providedEvents || getCEEvents(isDraftAndPublish);\n  const { values, handleChange: onChange } = useFormikContext();\n\n  const inputName = 'events';\n  const inputValue = values.events;\n  const disabledEvents = [];\n\n  const formattedValue = formatValue(inputValue);\n\n  const handleSelect = ({ target: { name, value } }) => {\n    let set = new Set(inputValue);\n\n    if (value) {\n      set.add(name);\n    } else {\n      set.delete(name);\n    }\n    onChange({ target: { name: inputName, value: Array.from(set) } });\n  };\n\n  const handleSelectAll = ({ target: { name, value } }) => {\n    let set = new Set(inputValue);\n\n    if (value) {\n      events[name].forEach((event) => {\n        if (!disabledEvents.includes(event)) {\n          set.add(event);\n        }\n      });\n    } else {\n      events[name].forEach((event) => set.delete(event));\n    }\n    onChange({ target: { name: inputName, value: Array.from(set) } });\n  };\n\n  return (\n    <Tbody>\n      {Object.entries(events).map(([event, value]) => {\n        return (\n          <EventRow\n            disabledEvents={disabledEvents}\n            key={event}\n            name={event}\n            events={value}\n            inputValue={formattedValue[event]}\n            handleSelect={handleSelect}\n            handleSelectAll={handleSelectAll}\n          />\n        );\n      })}\n    </Tbody>\n  );\n};\n\nBody.defaultProps = {\n  providedEvents: null,\n};\n\nBody.propTypes = {\n  providedEvents: PropTypes.object,\n};\n\n/**\n * Converts a string to title case and removes hyphens.\n *\n * @param {string} str - The string to convert.\n * @returns {string} The converted string.\n */\nconst removeHyphensAndTitleCase = (str) =>\n  str\n    .replace(/-/g, ' ')\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ');\n\nconst EventRow = ({ disabledEvents, name, events, inputValue, handleSelect, handleSelectAll }) => {\n  const { formatMessage } = useIntl();\n  const enabledCheckboxes = events.filter((event) => !disabledEvents.includes(event));\n\n  const hasSomeCheckboxSelected = inputValue.length > 0;\n  const areAllCheckboxesSelected = inputValue.length === enabledCheckboxes.length;\n\n  const onChangeAll = ({ target: { name } }) => {\n    const valueToSet = !areAllCheckboxesSelected;\n\n    handleSelectAll({\n      target: { name, value: valueToSet },\n    });\n  };\n\n  const targetColumns = 5;\n\n  return (\n    <Tr>\n      <Td>\n        <Checkbox\n          indeterminate={hasSomeCheckboxSelected && !areAllCheckboxesSelected}\n          aria-label={formatMessage({\n            id: 'global.select-all-entries',\n            defaultMessage: 'Select all entries',\n          })}\n          name={name}\n          onChange={onChangeAll}\n          value={areAllCheckboxesSelected}\n        >\n          {removeHyphensAndTitleCase(name)}\n        </Checkbox>\n      </Td>\n\n      {events.map((event) => {\n        return (\n          <Td key={event}>\n            <BaseCheckbox\n              disabled={disabledEvents.includes(event)}\n              aria-label={event}\n              name={event}\n              value={inputValue.includes(event)}\n              onValueChange={(value) => handleSelect({ target: { name: event, value } })}\n            />\n          </Td>\n        );\n      })}\n      {events.length < targetColumns && <Td colSpan={targetColumns - events.length} />}\n    </Tr>\n  );\n};\n\nEventRow.defaultProps = {\n  disabledEvents: [],\n  events: [],\n  inputValue: [],\n  handleSelect() {},\n  handleSelectAll() {},\n};\n\nEventRow.propTypes = {\n  disabledEvents: PropTypes.array,\n  events: PropTypes.array,\n  inputValue: PropTypes.array,\n  handleSelect: PropTypes.func,\n  handleSelectAll: PropTypes.func,\n  name: PropTypes.string.isRequired,\n};\n\nexport default { Root, Headers, Body, EventRow };\n","import React from 'react';\n\nimport EventTable from '../Events';\n\n// This component is overwritten by the EE counterpart\nexport function EventTableCE() {\n  return (\n    <EventTable.Root>\n      <EventTable.Headers />\n      <EventTable.Body />\n    </EventTable.Root>\n  );\n}\n","import React, { useEffect, useState } from 'react';\n\nimport { ComboboxOption, CreatableCombobox } from '@strapi/design-system';\nimport { useFormikContext } from 'formik';\nimport PropTypes from 'prop-types';\n\nconst HTTP_HEADERS = [\n  'A-IM',\n  'Accept',\n  'Accept-Charset',\n  'Accept-Encoding',\n  'Accept-Language',\n  'Accept-Datetime',\n  'Access-Control-Request-Method',\n  'Access-Control-Request-Headers',\n  'Authorization',\n  'Cache-Control',\n  'Connection',\n  'Content-Length',\n  'Content-Type',\n  'Cookie',\n  'Date',\n  'Expect',\n  'Forwarded',\n  'From',\n  'Host',\n  'If-Match',\n  'If-Modified-Since',\n  'If-None-Match',\n  'If-Range',\n  'If-Unmodified-Since',\n  'Max-Forwards',\n  'Origin',\n  'Pragma',\n  'Proxy-Authorization',\n  'Range',\n  'Referer',\n  'TE',\n  'User-Agent',\n  'Upgrade',\n  'Via',\n  'Warning',\n];\n\nconst Combobox = ({ name, onChange, value, ...props }) => {\n  const {\n    values: { headers },\n  } = useFormikContext();\n  const [options, setOptions] = useState(HTTP_HEADERS);\n\n  useEffect(() => {\n    setOptions(\n      HTTP_HEADERS.filter(\n        (key) => !headers?.some((header) => header.key !== value && header.key === key)\n      )\n    );\n  }, [headers, value]);\n\n  const handleChange = (value) => {\n    onChange({ target: { name, value } });\n  };\n\n  const handleCreateOption = (value) => {\n    setOptions((prev) => [...prev, value]);\n\n    handleChange(value);\n  };\n\n  return (\n    <CreatableCombobox\n      {...props}\n      onClear={() => handleChange('')}\n      onChange={handleChange}\n      onCreateOption={handleCreateOption}\n      placeholder=\"\"\n      value={value}\n    >\n      {options.map((key) => (\n        <ComboboxOption value={key} key={key}>\n          {key}\n        </ComboboxOption>\n      ))}\n    </CreatableCombobox>\n  );\n};\n\nCombobox.defaultProps = {\n  value: undefined,\n};\n\nCombobox.propTypes = {\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n};\n\nexport default Combobox;\n","import React from 'react';\n\nimport {\n  Box,\n  FieldLabel,\n  Flex,\n  Grid,\n  GridItem,\n  TextButton,\n  TextInput,\n} from '@strapi/design-system';\nimport { RemoveRoundedButton } from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { Field, FieldArray, useFormikContext } from 'formik';\nimport { useIntl } from 'react-intl';\n\nimport Combobox from './Combobox';\n\nconst HeadersInput = () => {\n  const { formatMessage } = useIntl();\n  const { values, errors } = useFormikContext();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n      <FieldLabel>\n        {formatMessage({\n          id: 'Settings.webhooks.form.headers',\n          defaultMessage: 'Headers',\n        })}\n      </FieldLabel>\n      <Box padding={8} background=\"neutral100\" hasRadius>\n        <FieldArray\n          validateOnChange={false}\n          name=\"headers\"\n          render={({ push, remove }) => (\n            <Grid gap={4}>\n              {values.headers.map((header, index) => (\n                // eslint-disable-next-line\n                <React.Fragment key={`${index}.${header.key}`}>\n                  <GridItem col={6}>\n                    <Field\n                      as={Combobox}\n                      name={`headers.${index}.key`}\n                      aria-label={`row ${index + 1} key`}\n                      label={formatMessage({\n                        id: 'Settings.webhooks.key',\n                        defaultMessage: 'Key',\n                      })}\n                      error={errors.headers?.[index]?.key && errors.headers[index].key}\n                    />\n                  </GridItem>\n                  <GridItem col={6}>\n                    <Flex alignItems=\"flex-end\">\n                      <Box style={{ flex: 1 }}>\n                        <Field\n                          as={TextInput}\n                          name={`headers.${index}.value`}\n                          aria-label={`row ${index + 1} value`}\n                          label={formatMessage({\n                            id: 'Settings.webhooks.value',\n                            defaultMessage: 'Value',\n                          })}\n                          error={errors.headers?.[index]?.value && errors.headers[index].value}\n                        />\n                      </Box>\n                      <Flex\n                        paddingLeft={2}\n                        style={{ alignSelf: 'center' }}\n                        paddingTop={errors.headers?.[index]?.value ? 0 : 5}\n                      >\n                        <RemoveRoundedButton\n                          disabled={values.headers.length === 1}\n                          onClick={() => remove(index)}\n                          label={formatMessage(\n                            {\n                              id: 'Settings.webhooks.headers.remove',\n                              defaultMessage: 'Remove header row {number}',\n                            },\n                            { number: index + 1 }\n                          )}\n                        />\n                      </Flex>\n                    </Flex>\n                  </GridItem>\n                </React.Fragment>\n              ))}\n              <GridItem col={12}>\n                <TextButton\n                  type=\"button\"\n                  onClick={() => {\n                    push({ key: '', value: '' });\n                  }}\n                  startIcon={<Plus />}\n                >\n                  {formatMessage({\n                    id: 'Settings.webhooks.create.header',\n                    defaultMessage: 'Create new header',\n                  })}\n                </TextButton>\n              </GridItem>\n            </Grid>\n          )}\n        />\n      </Box>\n    </Flex>\n  );\n};\n\nexport default HeadersInput;\n","import React from 'react';\n\nimport { Box, Flex, Grid, GridItem, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\nimport { Check, Cross, Loader } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\n\n// Being discussed in Notion: create a <Icon /> component in Parts\nconst Icon = styled.svg(\n  ({ theme, color }) => `\n  width: ${12 / 16}rem;\n  height: ${12 / 16}rem;\n\n  path {\n    fill: ${theme.colors[color]};\n  }\n`\n);\n\nconst Status = ({ isPending, statusCode }) => {\n  const { formatMessage } = useIntl();\n\n  if (isPending) {\n    return (\n      <Flex gap={2} alignItems=\"center\">\n        <Icon as={Loader} />\n        <Typography>\n          {formatMessage({ id: 'Settings.webhooks.trigger.pending', defaultMessage: 'pending' })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  if (statusCode >= 200 && statusCode < 300) {\n    return (\n      <Flex gap={2} alignItems=\"center\">\n        <Icon as={Check} color=\"success700\" />\n        <Typography>\n          {formatMessage({ id: 'Settings.webhooks.trigger.success', defaultMessage: 'success' })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  if (statusCode >= 300) {\n    return (\n      <Flex gap={2} alignItems=\"center\">\n        <Icon as={Cross} color=\"danger700\" />\n        <Typography>\n          {formatMessage({ id: 'Settings.error', defaultMessage: 'error' })} {statusCode}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  return null;\n};\nStatus.propTypes = {\n  isPending: PropTypes.bool.isRequired,\n  statusCode: PropTypes.number,\n};\nStatus.defaultProps = {\n  statusCode: undefined,\n};\n\nconst Message = ({ statusCode, message }) => {\n  const { formatMessage } = useIntl();\n\n  if (statusCode >= 200 && statusCode < 300) {\n    return (\n      <Flex justifyContent=\"flex-end\">\n        <Typography textColor=\"neutral600\" ellipsis>\n          {formatMessage({\n            id: 'Settings.webhooks.trigger.success.label',\n            defaultMessage: 'Trigger succeeded',\n          })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  if (statusCode >= 300) {\n    return (\n      <Flex justifyContent=\"flex-end\">\n        <Flex maxWidth={pxToRem(250)} justifyContent=\"flex-end\" title={message}>\n          <Typography ellipsis textColor=\"neutral600\">\n            {message}\n          </Typography>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  return null;\n};\nMessage.propTypes = {\n  statusCode: PropTypes.number,\n  message: PropTypes.string,\n};\nMessage.defaultProps = {\n  statusCode: undefined,\n  message: undefined,\n};\n\nconst CancelButton = ({ onCancel }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex justifyContent=\"flex-end\">\n      <button onClick={onCancel} type=\"button\">\n        <Flex gap={2} alignItems=\"center\">\n          <Typography textColor=\"neutral400\">\n            {formatMessage({ id: 'Settings.webhooks.trigger.cancel', defaultMessage: 'cancel' })}\n          </Typography>\n          <Icon as={Cross} color=\"neutral400\" />\n        </Flex>\n      </button>\n    </Flex>\n  );\n};\n\nCancelButton.propTypes = { onCancel: PropTypes.func.isRequired };\n\nconst TriggerContainer = ({ isPending, onCancel, response }) => {\n  const { statusCode, message } = response;\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box background=\"neutral0\" padding={5} shadow=\"filterShadow\" hasRadius>\n      <Grid gap={4} style={{ alignItems: 'center' }}>\n        <GridItem col={3}>\n          <Typography>\n            {formatMessage({\n              id: 'Settings.webhooks.trigger.test',\n              defaultMessage: 'Test-trigger',\n            })}\n          </Typography>\n        </GridItem>\n        <GridItem col={3}>\n          <Status isPending={isPending} statusCode={statusCode} />\n        </GridItem>\n        <GridItem col={6}>\n          {!isPending ? (\n            <Message statusCode={statusCode} message={message} />\n          ) : (\n            <CancelButton onCancel={onCancel} />\n          )}\n        </GridItem>\n      </Grid>\n    </Box>\n  );\n};\n\nTriggerContainer.defaultProps = {\n  isPending: false,\n  onCancel() {},\n  response: {},\n};\n\nTriggerContainer.propTypes = {\n  isPending: PropTypes.bool,\n  onCancel: PropTypes.func,\n  response: PropTypes.object,\n};\n\nexport default TriggerContainer;\n","import * as yup from 'yup';\n\nconst NAME_REGEX = /(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/;\nconst URL_REGEX = /(^$)|((https?:\\/\\/.*)(d*)\\/?(.*))/;\n\nexport const makeWebhookValidationSchema = ({ formatMessage }) =>\n  yup.object().shape({\n    name: yup\n      .string()\n      .required(\n        formatMessage({\n          id: 'Settings.webhooks.validation.name.required',\n          defaultMessage: 'Name is required',\n        })\n      )\n      .matches(\n        NAME_REGEX,\n        formatMessage({\n          id: 'Settings.webhooks.validation.name.regex',\n          defaultMessage:\n            'The name must start with a letter and only contain letters, numbers, spaces and underscores',\n        })\n      ),\n    url: yup\n      .string()\n      .required(\n        formatMessage({\n          id: 'Settings.webhooks.validation.url.required',\n          defaultMessage: 'Url is required',\n        })\n      )\n      .matches(\n        URL_REGEX,\n        formatMessage({\n          id: 'Settings.webhooks.validation.url.regex',\n          defaultMessage: 'The value must be a valid Url',\n        })\n      ),\n    headers: yup.lazy((array) => {\n      let baseSchema = yup.array();\n\n      if (array.length === 1) {\n        const { key, value } = array[0];\n\n        if (!key && !value) {\n          return baseSchema;\n        }\n      }\n\n      return baseSchema.of(\n        yup.object().shape({\n          key: yup.string().required(\n            formatMessage({\n              id: 'Settings.webhooks.validation.key',\n              defaultMessage: 'Key is required',\n            })\n          ),\n          value: yup.string().required(\n            formatMessage({\n              id: 'Settings.webhooks.validation.value',\n              defaultMessage: 'Value is required',\n            })\n          ),\n        })\n      );\n    }),\n    events: yup.array(),\n  });\n","import React, { useState } from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  TextInput,\n} from '@strapi/design-system';\nimport { Form, Link } from '@strapi/helper-plugin';\nimport { ArrowLeft, Check, Play as Publish } from '@strapi/icons';\nimport { Field, FormikProvider, useFormik } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { useEnterprise } from '../../../../../../../hooks/useEnterprise';\nimport { EventTableCE } from '../EventTable';\nimport HeadersInput from '../HeadersInput';\nimport TriggerContainer from '../TriggerContainer';\n\nimport { makeWebhookValidationSchema } from './utils/makeWebhookValidationSchema';\n\nconst WebhookForm = ({\n  handleSubmit,\n  triggerWebhook,\n  isCreating,\n  isTriggering,\n  triggerResponse,\n  data,\n}) => {\n  const { formatMessage } = useIntl();\n  const [showTriggerResponse, setShowTriggerResponse] = useState(false);\n  const EventTable = useEnterprise(\n    EventTableCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable'\n        )\n      ).EventTableEE\n  );\n\n  /**\n   * Map the headers into a form that can be used within the formik form\n   * @param {Object} headers\n   * @returns {Array}\n   */\n  const mapHeaders = (headers) => {\n    if (!Object.keys(headers).length) {\n      return [{ key: '', value: '' }];\n    }\n\n    return Object.entries(headers).map(([key, value]) => ({ key, value }));\n  };\n\n  const formik = useFormik({\n    initialValues: {\n      name: data?.name || '',\n      url: data?.url || '',\n      headers: mapHeaders(data?.headers || {}),\n      events: data?.events || [],\n    },\n    onSubmit(values, { resetForm, setSubmitting }) {\n      handleSubmit(values);\n\n      resetForm({ values });\n      setSubmitting(false);\n    },\n    validationSchema: makeWebhookValidationSchema({ formatMessage }),\n    validateOnChange: false,\n    validateOnBlur: false,\n  });\n\n  // block rendering until the EE component is fully loaded\n  if (!EventTable) {\n    return null;\n  }\n\n  return (\n    <FormikProvider value={formik}>\n      <Form onSubmit={formik.handleSubmit}>\n        <HeaderLayout\n          primaryAction={\n            <Flex gap={2}>\n              <Button\n                onClick={() => {\n                  triggerWebhook();\n                  setShowTriggerResponse(true);\n                }}\n                variant=\"tertiary\"\n                startIcon={<Publish />}\n                disabled={isCreating || isTriggering}\n                size=\"L\"\n              >\n                {formatMessage({\n                  id: 'Settings.webhooks.trigger',\n                  defaultMessage: 'Trigger',\n                })}\n              </Button>\n              <Button\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"L\"\n                disabled={!formik.dirty}\n                loading={formik.isSubmitting}\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </Button>\n            </Flex>\n          }\n          title={\n            isCreating\n              ? formatMessage({\n                  id: 'Settings.webhooks.create',\n                  defaultMessage: 'Create a webhook',\n                })\n              : data?.name\n          }\n          navigationAction={\n            <Link startIcon={<ArrowLeft />} to=\"/settings/webhooks\">\n              {formatMessage({\n                id: 'global.back',\n                defaultMessage: 'Back',\n              })}\n            </Link>\n          }\n        />\n        <ContentLayout>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n            {showTriggerResponse && (\n              <TriggerContainer\n                isPending={isTriggering}\n                response={triggerResponse}\n                onCancel={() => setShowTriggerResponse(false)}\n              />\n            )}\n            <Box background=\"neutral0\" padding={8} shadow=\"filterShadow\" hasRadius>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <Grid gap={6}>\n                  <GridItem col={6}>\n                    <Field\n                      as={TextInput}\n                      name=\"name\"\n                      error={formik?.errors?.name && formik.errors.name}\n                      label={formatMessage({\n                        id: 'global.name',\n                        defaultMessage: 'Name',\n                      })}\n                      required\n                    />\n                  </GridItem>\n                  <GridItem col={12}>\n                    <Field\n                      as={TextInput}\n                      name=\"url\"\n                      error={formik?.errors?.url && formik.errors.url}\n                      label={formatMessage({\n                        id: 'Settings.roles.form.input.url',\n                        defaultMessage: 'Url',\n                      })}\n                      required\n                    />\n                  </GridItem>\n                </Grid>\n                <HeadersInput />\n                <EventTable />\n              </Flex>\n            </Box>\n          </Flex>\n        </ContentLayout>\n      </Form>\n    </FormikProvider>\n  );\n};\n\nWebhookForm.propTypes = {\n  data: PropTypes.object,\n  handleSubmit: PropTypes.func.isRequired,\n  triggerWebhook: PropTypes.func.isRequired,\n  isCreating: PropTypes.bool.isRequired,\n  isTriggering: PropTypes.bool.isRequired,\n  triggerResponse: PropTypes.object,\n};\n\nWebhookForm.defaultProps = {\n  data: undefined,\n  triggerResponse: undefined,\n};\n\nexport default WebhookForm;\n","import * as React from 'react';\n\nimport { Main } from '@strapi/design-system';\nimport {\n  LoadingIndicatorPage,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useHistory, useRouteMatch } from 'react-router-dom';\n\nimport { useContentTypes } from '../../../../../hooks/useContentTypes';\n\nimport WebhookForm from './components/WebhookForm';\n\nconst cleanData = (data) => ({\n  ...data,\n  headers: data.headers.reduce((acc, { key, value }) => {\n    if (key !== '') {\n      acc[key] = value;\n    }\n\n    return acc;\n  }, {}),\n});\n\nconst EditView = () => {\n  const {\n    params: { id },\n  } = useRouteMatch('/settings/webhooks/:id');\n  const isCreating = id === 'create';\n\n  const { replace } = useHistory();\n  const toggleNotification = useNotification();\n  const { formatAPIError } = useAPIErrorHandler();\n  const queryClient = useQueryClient();\n  const { isLoading: isLoadingForModels } = useContentTypes();\n  const { put, get, post } = useFetchClient();\n\n  const {\n    isLoading,\n    data: webhookData,\n    error: webhookError,\n  } = useQuery(\n    ['webhooks', id],\n    async () => {\n      const {\n        data: { data },\n      } = await get(`/admin/webhooks/${id}`);\n\n      return data;\n    },\n    {\n      enabled: !isCreating,\n    }\n  );\n\n  React.useEffect(() => {\n    if (webhookError) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(webhookError),\n      });\n    }\n  }, [webhookError, toggleNotification, formatAPIError]);\n\n  const {\n    isLoading: isTriggering,\n    data: triggerResponse,\n    isIdle: isTriggerIdle,\n    mutate,\n  } = useMutation(() => post(`/admin/webhooks/${id}/trigger`));\n\n  const triggerWebhook = () =>\n    mutate(null, {\n      onError(error) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      },\n    });\n\n  const createWebhookMutation = useMutation((body) => post('/admin/webhooks', body));\n\n  const updateWebhookMutation = useMutation(({ id, body }) => put(`/admin/webhooks/${id}`, body));\n\n  const handleSubmit = async (data) => {\n    if (isCreating) {\n      createWebhookMutation.mutate(cleanData(data), {\n        onSuccess({ data: result }) {\n          toggleNotification({\n            type: 'success',\n            message: { id: 'Settings.webhooks.created' },\n          });\n          replace(`/settings/webhooks/${result.data.id}`);\n        },\n        onError(error) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        },\n      });\n\n      return;\n    }\n    updateWebhookMutation.mutate(\n      { id, body: cleanData(data) },\n      {\n        onSuccess() {\n          queryClient.invalidateQueries(['webhooks', id]);\n          toggleNotification({\n            type: 'success',\n            message: { id: 'notification.form.success.fields' },\n          });\n        },\n        onError(error) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        },\n      }\n    );\n  };\n\n  if (isLoading || isLoadingForModels) {\n    return <LoadingIndicatorPage />;\n  }\n\n  return (\n    <Main>\n      <SettingsPageTitle name=\"Webhooks\" />\n      <WebhookForm\n        {...{\n          data: webhookData,\n          handleSubmit,\n          triggerWebhook,\n          isCreating,\n          isTriggering,\n          isTriggerIdle,\n          triggerResponse: triggerResponse?.data.data,\n        }}\n      />\n    </Main>\n  );\n};\n\nexport default EditView;\n"],"names":["styled","Table","React","useIntl","useContentTypes","jsx","jsxs","Flex","FieldLabel","Loader","PropTypes","Thead","Tr","Th","VisuallyHidden","Typography","useFormikContext","Tbody","name","Td","Checkbox","BaseCheckbox","useState","useEffect","value","CreatableCombobox","ComboboxOption","Box","FieldArray","Grid","index","GridItem","Field","TextInput","RemoveRoundedButton","TextButton","Plus","Check","Cross","pxToRem","yup","EventTable","useEnterprise","formik","useFormik","FormikProvider","Form","HeaderLayout","Button","Publish","Link","ArrowLeft","ContentLayout","useRouteMatch","useHistory","useNotification","useAPIErrorHandler","useQueryClient","useFetchClient","useQuery","useMutation","id","LoadingIndicatorPage","Main","SettingsPageTitle"],"mappings":"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"}
+{"version":3,"file":"index-5bf8300a.js","sources":["../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/Events/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/EventTableCE.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/utils/makeWebhookValidationSchema.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js","../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  BaseCheckbox,\n  Checkbox,\n  FieldLabel,\n  Flex,\n  Loader,\n  RawTable as Table,\n  RawTbody as Tbody,\n  RawTd as Td,\n  RawTh as Th,\n  RawThead as Thead,\n  RawTr as Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { useFormikContext } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { useContentTypes } from '../../../../../../../hooks/useContentTypes';\n\nexport const formatValue = (value) =>\n  value.reduce((acc, curr) => {\n    const key = curr.split('.')[0];\n\n    if (!acc[key]) {\n      acc[key] = [];\n    }\n    acc[key].push(curr);\n\n    return acc;\n  }, {});\n\n// TODO check whether we want to move alternating background colour tables to the design system\nconst StyledTable = styled(Table)`\n  tbody tr:nth-child(odd) {\n    background: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  thead th span {\n    color: ${({ theme }) => theme.colors.neutral500};\n  }\n\n  td,\n  th {\n    padding-block-start: ${({ theme }) => theme.spaces[3]};\n    padding-block-end: ${({ theme }) => theme.spaces[3]};\n    width: 10%;\n    vertical-align: middle;\n    text-align: center;\n  }\n\n  tbody tr td:first-child {\n    /**\n     * Add padding to the start of the first column to avoid the checkbox appearing\n     * too close to the edge of the table\n     */\n    padding-inline-start: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst getCEHeaders = (isDraftAndPublish) => {\n  const headers = [\n    { id: 'Settings.webhooks.events.create', defaultMessage: 'Create' },\n    { id: 'Settings.webhooks.events.update', defaultMessage: 'Update' },\n    { id: 'app.utils.delete', defaultMessage: 'Delete' },\n  ];\n\n  if (isDraftAndPublish) {\n    headers.push({ id: 'app.utils.publish', defaultMessage: 'Publish' });\n    headers.push({ id: 'app.utils.unpublish', defaultMessage: 'Unpublish' });\n  }\n\n  return headers;\n};\n\nconst getCEEvents = (isDraftAndPublish) => {\n  const entryEvents = ['entry.create', 'entry.update', 'entry.delete'];\n\n  if (isDraftAndPublish) {\n    entryEvents.push('entry.publish', 'entry.unpublish');\n  }\n\n  return {\n    entry: entryEvents,\n    media: ['media.create', 'media.update', 'media.delete'],\n  };\n};\n\nconst WebhookEventContext = React.createContext();\n\nconst Root = ({ children }) => {\n  const { formatMessage } = useIntl();\n  const { collectionTypes, isLoading } = useContentTypes();\n\n  const isDraftAndPublish = React.useMemo(\n    () => collectionTypes.some((ct) => ct.options.draftAndPublish === true),\n    [collectionTypes]\n  );\n\n  const label = formatMessage({\n    id: 'Settings.webhooks.form.events',\n    defaultMessage: 'Events',\n  });\n\n  return (\n    <WebhookEventContext.Provider value={{ isDraftAndPublish }}>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n        <FieldLabel aria-hidden>{label}</FieldLabel>\n        {isLoading && (\n          <Loader>\n            {formatMessage({\n              id: 'Settings.webhooks.events.isLoading',\n              defaultMessage: 'Events loading',\n            })}\n          </Loader>\n        )}\n        <StyledTable aria-label={label}>{children}</StyledTable>\n      </Flex>\n    </WebhookEventContext.Provider>\n  );\n};\n\nRoot.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nconst Headers = ({ getHeaders = getCEHeaders }) => {\n  const { isDraftAndPublish } = React.useContext(WebhookEventContext);\n\n  const { formatMessage } = useIntl();\n  const headers = getHeaders(isDraftAndPublish);\n\n  return (\n    <Thead>\n      <Tr>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: 'Settings.webhooks.event.select',\n              defaultMessage: 'Select event',\n            })}\n          </VisuallyHidden>\n        </Th>\n        {headers.map((header) => {\n          if (['app.utils.publish', 'app.utils.unpublish'].includes(header.id)) {\n            return (\n              <Th\n                key={header.id}\n                title={formatMessage({\n                  id: 'Settings.webhooks.event.publish-tooltip',\n                  defaultMessage: 'This event only exists for content with draft & publish enabled',\n                })}\n              >\n                <Typography variant=\"sigma\" textColor=\"neutral600\">\n                  {formatMessage(header)}\n                </Typography>\n              </Th>\n            );\n          }\n\n          return (\n            <Th key={header.id}>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage(header)}\n              </Typography>\n            </Th>\n          );\n        })}\n      </Tr>\n    </Thead>\n  );\n};\n\nHeaders.defaultProps = {\n  getHeaders: getCEHeaders,\n};\n\nHeaders.propTypes = {\n  getHeaders: PropTypes.func,\n};\n\nconst Body = ({ providedEvents }) => {\n  const { isDraftAndPublish } = React.useContext(WebhookEventContext);\n\n  const events = providedEvents || getCEEvents(isDraftAndPublish);\n  const { values, handleChange: onChange } = useFormikContext();\n\n  const inputName = 'events';\n  const inputValue = values.events;\n  const disabledEvents = [];\n\n  const formattedValue = formatValue(inputValue);\n\n  const handleSelect = ({ target: { name, value } }) => {\n    let set = new Set(inputValue);\n\n    if (value) {\n      set.add(name);\n    } else {\n      set.delete(name);\n    }\n    onChange({ target: { name: inputName, value: Array.from(set) } });\n  };\n\n  const handleSelectAll = ({ target: { name, value } }) => {\n    let set = new Set(inputValue);\n\n    if (value) {\n      events[name].forEach((event) => {\n        if (!disabledEvents.includes(event)) {\n          set.add(event);\n        }\n      });\n    } else {\n      events[name].forEach((event) => set.delete(event));\n    }\n    onChange({ target: { name: inputName, value: Array.from(set) } });\n  };\n\n  return (\n    <Tbody>\n      {Object.entries(events).map(([event, value]) => {\n        return (\n          <EventRow\n            disabledEvents={disabledEvents}\n            key={event}\n            name={event}\n            events={value}\n            inputValue={formattedValue[event]}\n            handleSelect={handleSelect}\n            handleSelectAll={handleSelectAll}\n          />\n        );\n      })}\n    </Tbody>\n  );\n};\n\nBody.defaultProps = {\n  providedEvents: null,\n};\n\nBody.propTypes = {\n  providedEvents: PropTypes.object,\n};\n\n/**\n * Converts a string to title case and removes hyphens.\n *\n * @param {string} str - The string to convert.\n * @returns {string} The converted string.\n */\nconst removeHyphensAndTitleCase = (str) =>\n  str\n    .replace(/-/g, ' ')\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ');\n\nconst EventRow = ({ disabledEvents, name, events, inputValue, handleSelect, handleSelectAll }) => {\n  const { formatMessage } = useIntl();\n  const enabledCheckboxes = events.filter((event) => !disabledEvents.includes(event));\n\n  const hasSomeCheckboxSelected = inputValue.length > 0;\n  const areAllCheckboxesSelected = inputValue.length === enabledCheckboxes.length;\n\n  const onChangeAll = ({ target: { name } }) => {\n    const valueToSet = !areAllCheckboxesSelected;\n\n    handleSelectAll({\n      target: { name, value: valueToSet },\n    });\n  };\n\n  const targetColumns = 5;\n\n  return (\n    <Tr>\n      <Td>\n        <Checkbox\n          indeterminate={hasSomeCheckboxSelected && !areAllCheckboxesSelected}\n          aria-label={formatMessage({\n            id: 'global.select-all-entries',\n            defaultMessage: 'Select all entries',\n          })}\n          name={name}\n          onChange={onChangeAll}\n          value={areAllCheckboxesSelected}\n        >\n          {removeHyphensAndTitleCase(name)}\n        </Checkbox>\n      </Td>\n\n      {events.map((event) => {\n        return (\n          <Td key={event}>\n            <BaseCheckbox\n              disabled={disabledEvents.includes(event)}\n              aria-label={event}\n              name={event}\n              value={inputValue.includes(event)}\n              onValueChange={(value) => handleSelect({ target: { name: event, value } })}\n            />\n          </Td>\n        );\n      })}\n      {events.length < targetColumns && <Td colSpan={targetColumns - events.length} />}\n    </Tr>\n  );\n};\n\nEventRow.defaultProps = {\n  disabledEvents: [],\n  events: [],\n  inputValue: [],\n  handleSelect() {},\n  handleSelectAll() {},\n};\n\nEventRow.propTypes = {\n  disabledEvents: PropTypes.array,\n  events: PropTypes.array,\n  inputValue: PropTypes.array,\n  handleSelect: PropTypes.func,\n  handleSelectAll: PropTypes.func,\n  name: PropTypes.string.isRequired,\n};\n\nexport default { Root, Headers, Body, EventRow };\n","import React from 'react';\n\nimport EventTable from '../Events';\n\n// This component is overwritten by the EE counterpart\nexport function EventTableCE() {\n  return (\n    <EventTable.Root>\n      <EventTable.Headers />\n      <EventTable.Body />\n    </EventTable.Root>\n  );\n}\n","import React, { useEffect, useState } from 'react';\n\nimport { ComboboxOption, CreatableCombobox } from '@strapi/design-system';\nimport { useFormikContext } from 'formik';\nimport PropTypes from 'prop-types';\n\nconst HTTP_HEADERS = [\n  'A-IM',\n  'Accept',\n  'Accept-Charset',\n  'Accept-Encoding',\n  'Accept-Language',\n  'Accept-Datetime',\n  'Access-Control-Request-Method',\n  'Access-Control-Request-Headers',\n  'Authorization',\n  'Cache-Control',\n  'Connection',\n  'Content-Length',\n  'Content-Type',\n  'Cookie',\n  'Date',\n  'Expect',\n  'Forwarded',\n  'From',\n  'Host',\n  'If-Match',\n  'If-Modified-Since',\n  'If-None-Match',\n  'If-Range',\n  'If-Unmodified-Since',\n  'Max-Forwards',\n  'Origin',\n  'Pragma',\n  'Proxy-Authorization',\n  'Range',\n  'Referer',\n  'TE',\n  'User-Agent',\n  'Upgrade',\n  'Via',\n  'Warning',\n];\n\nconst Combobox = ({ name, onChange, value, ...props }) => {\n  const {\n    values: { headers },\n  } = useFormikContext();\n  const [options, setOptions] = useState(HTTP_HEADERS);\n\n  useEffect(() => {\n    setOptions(\n      HTTP_HEADERS.filter(\n        (key) => !headers?.some((header) => header.key !== value && header.key === key)\n      )\n    );\n  }, [headers, value]);\n\n  const handleChange = (value) => {\n    onChange({ target: { name, value } });\n  };\n\n  const handleCreateOption = (value) => {\n    setOptions((prev) => [...prev, value]);\n\n    handleChange(value);\n  };\n\n  return (\n    <CreatableCombobox\n      {...props}\n      onClear={() => handleChange('')}\n      onChange={handleChange}\n      onCreateOption={handleCreateOption}\n      placeholder=\"\"\n      value={value}\n    >\n      {options.map((key) => (\n        <ComboboxOption value={key} key={key}>\n          {key}\n        </ComboboxOption>\n      ))}\n    </CreatableCombobox>\n  );\n};\n\nCombobox.defaultProps = {\n  value: undefined,\n};\n\nCombobox.propTypes = {\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n};\n\nexport default Combobox;\n","import React from 'react';\n\nimport {\n  Box,\n  FieldLabel,\n  Flex,\n  Grid,\n  GridItem,\n  TextButton,\n  TextInput,\n} from '@strapi/design-system';\nimport { RemoveRoundedButton } from '@strapi/helper-plugin';\nimport { Plus } from '@strapi/icons';\nimport { Field, FieldArray, useFormikContext } from 'formik';\nimport { useIntl } from 'react-intl';\n\nimport Combobox from './Combobox';\n\nconst HeadersInput = () => {\n  const { formatMessage } = useIntl();\n  const { values, errors } = useFormikContext();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n      <FieldLabel>\n        {formatMessage({\n          id: 'Settings.webhooks.form.headers',\n          defaultMessage: 'Headers',\n        })}\n      </FieldLabel>\n      <Box padding={8} background=\"neutral100\" hasRadius>\n        <FieldArray\n          validateOnChange={false}\n          name=\"headers\"\n          render={({ push, remove }) => (\n            <Grid gap={4}>\n              {values.headers.map((header, index) => (\n                // eslint-disable-next-line\n                <React.Fragment key={`${index}.${header.key}`}>\n                  <GridItem col={6}>\n                    <Field\n                      as={Combobox}\n                      name={`headers.${index}.key`}\n                      aria-label={`row ${index + 1} key`}\n                      label={formatMessage({\n                        id: 'Settings.webhooks.key',\n                        defaultMessage: 'Key',\n                      })}\n                      error={errors.headers?.[index]?.key && errors.headers[index].key}\n                    />\n                  </GridItem>\n                  <GridItem col={6}>\n                    <Flex alignItems=\"flex-end\">\n                      <Box style={{ flex: 1 }}>\n                        <Field\n                          as={TextInput}\n                          name={`headers.${index}.value`}\n                          aria-label={`row ${index + 1} value`}\n                          label={formatMessage({\n                            id: 'Settings.webhooks.value',\n                            defaultMessage: 'Value',\n                          })}\n                          error={errors.headers?.[index]?.value && errors.headers[index].value}\n                        />\n                      </Box>\n                      <Flex\n                        paddingLeft={2}\n                        style={{ alignSelf: 'center' }}\n                        paddingTop={errors.headers?.[index]?.value ? 0 : 5}\n                      >\n                        <RemoveRoundedButton\n                          disabled={values.headers.length === 1}\n                          onClick={() => remove(index)}\n                          label={formatMessage(\n                            {\n                              id: 'Settings.webhooks.headers.remove',\n                              defaultMessage: 'Remove header row {number}',\n                            },\n                            { number: index + 1 }\n                          )}\n                        />\n                      </Flex>\n                    </Flex>\n                  </GridItem>\n                </React.Fragment>\n              ))}\n              <GridItem col={12}>\n                <TextButton\n                  type=\"button\"\n                  onClick={() => {\n                    push({ key: '', value: '' });\n                  }}\n                  startIcon={<Plus />}\n                >\n                  {formatMessage({\n                    id: 'Settings.webhooks.create.header',\n                    defaultMessage: 'Create new header',\n                  })}\n                </TextButton>\n              </GridItem>\n            </Grid>\n          )}\n        />\n      </Box>\n    </Flex>\n  );\n};\n\nexport default HeadersInput;\n","import React from 'react';\n\nimport { Box, Flex, Grid, GridItem, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\nimport { Check, Cross, Loader } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport styled from 'styled-components';\n\n// Being discussed in Notion: create a <Icon /> component in Parts\nconst Icon = styled.svg(\n  ({ theme, color }) => `\n  width: ${12 / 16}rem;\n  height: ${12 / 16}rem;\n\n  path {\n    fill: ${theme.colors[color]};\n  }\n`\n);\n\nconst Status = ({ isPending, statusCode }) => {\n  const { formatMessage } = useIntl();\n\n  if (isPending) {\n    return (\n      <Flex gap={2} alignItems=\"center\">\n        <Icon as={Loader} />\n        <Typography>\n          {formatMessage({ id: 'Settings.webhooks.trigger.pending', defaultMessage: 'pending' })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  if (statusCode >= 200 && statusCode < 300) {\n    return (\n      <Flex gap={2} alignItems=\"center\">\n        <Icon as={Check} color=\"success700\" />\n        <Typography>\n          {formatMessage({ id: 'Settings.webhooks.trigger.success', defaultMessage: 'success' })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  if (statusCode >= 300) {\n    return (\n      <Flex gap={2} alignItems=\"center\">\n        <Icon as={Cross} color=\"danger700\" />\n        <Typography>\n          {formatMessage({ id: 'Settings.error', defaultMessage: 'error' })} {statusCode}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  return null;\n};\nStatus.propTypes = {\n  isPending: PropTypes.bool.isRequired,\n  statusCode: PropTypes.number,\n};\nStatus.defaultProps = {\n  statusCode: undefined,\n};\n\nconst Message = ({ statusCode, message }) => {\n  const { formatMessage } = useIntl();\n\n  if (statusCode >= 200 && statusCode < 300) {\n    return (\n      <Flex justifyContent=\"flex-end\">\n        <Typography textColor=\"neutral600\" ellipsis>\n          {formatMessage({\n            id: 'Settings.webhooks.trigger.success.label',\n            defaultMessage: 'Trigger succeeded',\n          })}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  if (statusCode >= 300) {\n    return (\n      <Flex justifyContent=\"flex-end\">\n        <Flex maxWidth={pxToRem(250)} justifyContent=\"flex-end\" title={message}>\n          <Typography ellipsis textColor=\"neutral600\">\n            {message}\n          </Typography>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  return null;\n};\nMessage.propTypes = {\n  statusCode: PropTypes.number,\n  message: PropTypes.string,\n};\nMessage.defaultProps = {\n  statusCode: undefined,\n  message: undefined,\n};\n\nconst CancelButton = ({ onCancel }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex justifyContent=\"flex-end\">\n      <button onClick={onCancel} type=\"button\">\n        <Flex gap={2} alignItems=\"center\">\n          <Typography textColor=\"neutral400\">\n            {formatMessage({ id: 'Settings.webhooks.trigger.cancel', defaultMessage: 'cancel' })}\n          </Typography>\n          <Icon as={Cross} color=\"neutral400\" />\n        </Flex>\n      </button>\n    </Flex>\n  );\n};\n\nCancelButton.propTypes = { onCancel: PropTypes.func.isRequired };\n\nconst TriggerContainer = ({ isPending, onCancel, response }) => {\n  const { statusCode, message } = response;\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box background=\"neutral0\" padding={5} shadow=\"filterShadow\" hasRadius>\n      <Grid gap={4} style={{ alignItems: 'center' }}>\n        <GridItem col={3}>\n          <Typography>\n            {formatMessage({\n              id: 'Settings.webhooks.trigger.test',\n              defaultMessage: 'Test-trigger',\n            })}\n          </Typography>\n        </GridItem>\n        <GridItem col={3}>\n          <Status isPending={isPending} statusCode={statusCode} />\n        </GridItem>\n        <GridItem col={6}>\n          {!isPending ? (\n            <Message statusCode={statusCode} message={message} />\n          ) : (\n            <CancelButton onCancel={onCancel} />\n          )}\n        </GridItem>\n      </Grid>\n    </Box>\n  );\n};\n\nTriggerContainer.defaultProps = {\n  isPending: false,\n  onCancel() {},\n  response: {},\n};\n\nTriggerContainer.propTypes = {\n  isPending: PropTypes.bool,\n  onCancel: PropTypes.func,\n  response: PropTypes.object,\n};\n\nexport default TriggerContainer;\n","import * as yup from 'yup';\n\nconst NAME_REGEX = /(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/;\nconst URL_REGEX = /(^$)|((https?:\\/\\/.*)(d*)\\/?(.*))/;\n\nexport const makeWebhookValidationSchema = ({ formatMessage }) =>\n  yup.object().shape({\n    name: yup\n      .string()\n      .required(\n        formatMessage({\n          id: 'Settings.webhooks.validation.name.required',\n          defaultMessage: 'Name is required',\n        })\n      )\n      .matches(\n        NAME_REGEX,\n        formatMessage({\n          id: 'Settings.webhooks.validation.name.regex',\n          defaultMessage:\n            'The name must start with a letter and only contain letters, numbers, spaces and underscores',\n        })\n      ),\n    url: yup\n      .string()\n      .required(\n        formatMessage({\n          id: 'Settings.webhooks.validation.url.required',\n          defaultMessage: 'Url is required',\n        })\n      )\n      .matches(\n        URL_REGEX,\n        formatMessage({\n          id: 'Settings.webhooks.validation.url.regex',\n          defaultMessage: 'The value must be a valid Url',\n        })\n      ),\n    headers: yup.lazy((array) => {\n      let baseSchema = yup.array();\n\n      if (array.length === 1) {\n        const { key, value } = array[0];\n\n        if (!key && !value) {\n          return baseSchema;\n        }\n      }\n\n      return baseSchema.of(\n        yup.object().shape({\n          key: yup.string().required(\n            formatMessage({\n              id: 'Settings.webhooks.validation.key',\n              defaultMessage: 'Key is required',\n            })\n          ),\n          value: yup.string().required(\n            formatMessage({\n              id: 'Settings.webhooks.validation.value',\n              defaultMessage: 'Value is required',\n            })\n          ),\n        })\n      );\n    }),\n    events: yup.array(),\n  });\n","import React, { useState } from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  TextInput,\n} from '@strapi/design-system';\nimport { Form, Link } from '@strapi/helper-plugin';\nimport { ArrowLeft, Check, Play as Publish } from '@strapi/icons';\nimport { Field, FormikProvider, useFormik } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { useEnterprise } from '../../../../../../../hooks/useEnterprise';\nimport { EventTableCE } from '../EventTable';\nimport HeadersInput from '../HeadersInput';\nimport TriggerContainer from '../TriggerContainer';\n\nimport { makeWebhookValidationSchema } from './utils/makeWebhookValidationSchema';\n\nconst WebhookForm = ({\n  handleSubmit,\n  triggerWebhook,\n  isCreating,\n  isTriggering,\n  triggerResponse,\n  data,\n}) => {\n  const { formatMessage } = useIntl();\n  const [showTriggerResponse, setShowTriggerResponse] = useState(false);\n  const EventTable = useEnterprise(\n    EventTableCE,\n    async () =>\n      (\n        await import(\n          '../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable'\n        )\n      ).EventTableEE\n  );\n\n  /**\n   * Map the headers into a form that can be used within the formik form\n   * @param {Object} headers\n   * @returns {Array}\n   */\n  const mapHeaders = (headers) => {\n    if (!Object.keys(headers).length) {\n      return [{ key: '', value: '' }];\n    }\n\n    return Object.entries(headers).map(([key, value]) => ({ key, value }));\n  };\n\n  const formik = useFormik({\n    initialValues: {\n      name: data?.name || '',\n      url: data?.url || '',\n      headers: mapHeaders(data?.headers || {}),\n      events: data?.events || [],\n    },\n    onSubmit(values, { resetForm, setSubmitting }) {\n      handleSubmit(values);\n\n      resetForm({ values });\n      setSubmitting(false);\n    },\n    validationSchema: makeWebhookValidationSchema({ formatMessage }),\n    validateOnChange: false,\n    validateOnBlur: false,\n  });\n\n  // block rendering until the EE component is fully loaded\n  if (!EventTable) {\n    return null;\n  }\n\n  return (\n    <FormikProvider value={formik}>\n      <Form onSubmit={formik.handleSubmit}>\n        <HeaderLayout\n          primaryAction={\n            <Flex gap={2}>\n              <Button\n                onClick={() => {\n                  triggerWebhook();\n                  setShowTriggerResponse(true);\n                }}\n                variant=\"tertiary\"\n                startIcon={<Publish />}\n                disabled={isCreating || isTriggering}\n                size=\"L\"\n              >\n                {formatMessage({\n                  id: 'Settings.webhooks.trigger',\n                  defaultMessage: 'Trigger',\n                })}\n              </Button>\n              <Button\n                startIcon={<Check />}\n                type=\"submit\"\n                size=\"L\"\n                disabled={!formik.dirty}\n                loading={formik.isSubmitting}\n              >\n                {formatMessage({\n                  id: 'global.save',\n                  defaultMessage: 'Save',\n                })}\n              </Button>\n            </Flex>\n          }\n          title={\n            isCreating\n              ? formatMessage({\n                  id: 'Settings.webhooks.create',\n                  defaultMessage: 'Create a webhook',\n                })\n              : data?.name\n          }\n          navigationAction={\n            <Link startIcon={<ArrowLeft />} to=\"/settings/webhooks\">\n              {formatMessage({\n                id: 'global.back',\n                defaultMessage: 'Back',\n              })}\n            </Link>\n          }\n        />\n        <ContentLayout>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n            {showTriggerResponse && (\n              <TriggerContainer\n                isPending={isTriggering}\n                response={triggerResponse}\n                onCancel={() => setShowTriggerResponse(false)}\n              />\n            )}\n            <Box background=\"neutral0\" padding={8} shadow=\"filterShadow\" hasRadius>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <Grid gap={6}>\n                  <GridItem col={6}>\n                    <Field\n                      as={TextInput}\n                      name=\"name\"\n                      error={formik?.errors?.name && formik.errors.name}\n                      label={formatMessage({\n                        id: 'global.name',\n                        defaultMessage: 'Name',\n                      })}\n                      required\n                    />\n                  </GridItem>\n                  <GridItem col={12}>\n                    <Field\n                      as={TextInput}\n                      name=\"url\"\n                      error={formik?.errors?.url && formik.errors.url}\n                      label={formatMessage({\n                        id: 'Settings.roles.form.input.url',\n                        defaultMessage: 'Url',\n                      })}\n                      required\n                    />\n                  </GridItem>\n                </Grid>\n                <HeadersInput />\n                <EventTable />\n              </Flex>\n            </Box>\n          </Flex>\n        </ContentLayout>\n      </Form>\n    </FormikProvider>\n  );\n};\n\nWebhookForm.propTypes = {\n  data: PropTypes.object,\n  handleSubmit: PropTypes.func.isRequired,\n  triggerWebhook: PropTypes.func.isRequired,\n  isCreating: PropTypes.bool.isRequired,\n  isTriggering: PropTypes.bool.isRequired,\n  triggerResponse: PropTypes.object,\n};\n\nWebhookForm.defaultProps = {\n  data: undefined,\n  triggerResponse: undefined,\n};\n\nexport default WebhookForm;\n","import * as React from 'react';\n\nimport { Main } from '@strapi/design-system';\nimport {\n  LoadingIndicatorPage,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n} from '@strapi/helper-plugin';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\nimport { useHistory, useRouteMatch } from 'react-router-dom';\n\nimport { useContentTypes } from '../../../../../hooks/useContentTypes';\n\nimport WebhookForm from './components/WebhookForm';\n\nconst cleanData = (data) => ({\n  ...data,\n  headers: data.headers.reduce((acc, { key, value }) => {\n    if (key !== '') {\n      acc[key] = value;\n    }\n\n    return acc;\n  }, {}),\n});\n\nconst EditView = () => {\n  const {\n    params: { id },\n  } = useRouteMatch('/settings/webhooks/:id');\n  const isCreating = id === 'create';\n\n  const { replace } = useHistory();\n  const toggleNotification = useNotification();\n  const { formatAPIError } = useAPIErrorHandler();\n  const queryClient = useQueryClient();\n  const { isLoading: isLoadingForModels } = useContentTypes();\n  const { put, get, post } = useFetchClient();\n\n  const {\n    isLoading,\n    data: webhookData,\n    error: webhookError,\n  } = useQuery(\n    ['webhooks', id],\n    async () => {\n      const {\n        data: { data },\n      } = await get(`/admin/webhooks/${id}`);\n\n      return data;\n    },\n    {\n      enabled: !isCreating,\n    }\n  );\n\n  React.useEffect(() => {\n    if (webhookError) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(webhookError),\n      });\n    }\n  }, [webhookError, toggleNotification, formatAPIError]);\n\n  const {\n    isLoading: isTriggering,\n    data: triggerResponse,\n    isIdle: isTriggerIdle,\n    mutate,\n  } = useMutation(() => post(`/admin/webhooks/${id}/trigger`));\n\n  const triggerWebhook = () =>\n    mutate(null, {\n      onError(error) {\n        toggleNotification({\n          type: 'warning',\n          message: formatAPIError(error),\n        });\n      },\n    });\n\n  const createWebhookMutation = useMutation((body) => post('/admin/webhooks', body));\n\n  const updateWebhookMutation = useMutation(({ id, body }) => put(`/admin/webhooks/${id}`, body));\n\n  const handleSubmit = async (data) => {\n    if (isCreating) {\n      createWebhookMutation.mutate(cleanData(data), {\n        onSuccess({ data: result }) {\n          toggleNotification({\n            type: 'success',\n            message: { id: 'Settings.webhooks.created' },\n          });\n          replace(`/settings/webhooks/${result.data.id}`);\n        },\n        onError(error) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        },\n      });\n\n      return;\n    }\n    updateWebhookMutation.mutate(\n      { id, body: cleanData(data) },\n      {\n        onSuccess() {\n          queryClient.invalidateQueries(['webhooks', id]);\n          toggleNotification({\n            type: 'success',\n            message: { id: 'notification.form.success.fields' },\n          });\n        },\n        onError(error) {\n          toggleNotification({\n            type: 'warning',\n            message: formatAPIError(error),\n          });\n        },\n      }\n    );\n  };\n\n  if (isLoading || isLoadingForModels) {\n    return <LoadingIndicatorPage />;\n  }\n\n  return (\n    <Main>\n      <SettingsPageTitle name=\"Webhooks\" />\n      <WebhookForm\n        {...{\n          data: webhookData,\n          handleSubmit,\n          triggerWebhook,\n          isCreating,\n          isTriggering,\n          isTriggerIdle,\n          triggerResponse: triggerResponse?.data.data,\n        }}\n      />\n    </Main>\n  );\n};\n\nexport default EditView;\n"],"names":["styled","Table","React","useIntl","useContentTypes","jsx","jsxs","Flex","FieldLabel","Loader","PropTypes","Thead","Tr","Th","VisuallyHidden","Typography","useFormikContext","Tbody","name","Td","Checkbox","BaseCheckbox","useState","useEffect","value","CreatableCombobox","ComboboxOption","Box","FieldArray","Grid","index","GridItem","Field","TextInput","RemoveRoundedButton","TextButton","Plus","Check","Cross","pxToRem","yup","EventTable","useEnterprise","formik","useFormik","FormikProvider","Form","HeaderLayout","Button","Publish","Link","ArrowLeft","ContentLayout","useRouteMatch","useHistory","useNotification","useAPIErrorHandler","useQueryClient","useFetchClient","useQuery","useMutation","id","LoadingIndicatorPage","Main","SettingsPageTitle"],"mappings":"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"}

package/dist/_chunks/{index-48322669.mjs → index-663f37fb.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
-import { T as getBasename } from "./index-34de382e.mjs";
+import { T as getBasename } from "./index-cd461a87.mjs";
 import { IconButton, Select, Option } from "@strapi/design-system";
 import { useNotification, useClipboard, ContentBox, getFetchClient } from "@strapi/helper-plugin";
 import { Duplicate, Loader as Loader$1 } from "@strapi/icons";
@@ -39,7 +39,7 @@ MagicLinkWrapper.propTypes = {
 };
 const MagicLinkCE = ({ registrationToken }) => {
   const { formatMessage } = useIntl();
-  const target = `${window.location.origin}${getBasename()}auth/register?registrationToken=${registrationToken}`;
+  const target = `${window.location.origin}${getBasename()}/auth/register?registrationToken=${registrationToken}`;
   return /* @__PURE__ */ jsx(MagicLinkWrapper, { target, children: formatMessage({
     id: "app.components.Users.MagicLink.connect",
     defaultMessage: "Copy and share this link to give access to this user"
@@ -129,4 +129,4 @@ export {
   SelectRoles as S,
   MagicLinkWrapper as a
 };
-//# sourceMappingURL=index-48322669.mjs.map
+//# sourceMappingURL=index-663f37fb.mjs.map

package/dist/_chunks/index-663f37fb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-663f37fb.mjs","sources":["../../admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js","../../admin/src/pages/SettingsPage/pages/Users/components/MagicLink/index.js","../../admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js"],"sourcesContent":["import React from 'react';\n\nimport { IconButton } from '@strapi/design-system';\nimport { ContentBox, useClipboard, useNotification } from '@strapi/helper-plugin';\nimport { Duplicate } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst MagicLinkWrapper = ({ children, target }) => {\n  const toggleNotification = useNotification();\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n\n  const copyLabel = formatMessage({\n    id: 'app.component.CopyToClipboard.label',\n    defaultMessage: 'Copy to clipboard',\n  });\n\n  const handleClick = async () => {\n    const didCopy = await copy(target);\n\n    if (didCopy) {\n      toggleNotification({ type: 'info', message: { id: 'notification.link-copied' } });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        <IconButton label={copyLabel} noBorder icon={<Duplicate />} onClick={handleClick} />\n      }\n      title={target}\n      titleEllipsis\n      subtitle={children}\n      icon={<span style={{ fontSize: 32 }}>✉️</span>}\n      iconBackground=\"neutral100\"\n    />\n  );\n};\n\nMagicLinkWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired,\n  target: PropTypes.string.isRequired,\n};\n\nexport default MagicLinkWrapper;\n","import React from 'react';\n\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../../core/utils/basename';\n\nimport MagicLinkWrapper from './MagicLinkWrapper';\n\nexport const MagicLinkCE = ({ registrationToken }) => {\n  const { formatMessage } = useIntl();\n  const target = `${\n    window.location.origin\n  }${getBasename()}/auth/register?registrationToken=${registrationToken}`;\n\n  return (\n    <MagicLinkWrapper target={target}>\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\nMagicLinkCE.defaultProps = {\n  registrationToken: '',\n};\n\nMagicLinkCE.propTypes = {\n  registrationToken: PropTypes.string,\n};\n","import React from 'react';\n\nimport { Option, Select } from '@strapi/design-system';\nimport { getFetchClient } from '@strapi/helper-plugin';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled, { keyframes } from 'styled-components';\n\nconst rotation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n`;\n\nconst LoadingWrapper = styled.div`\n  animation: ${rotation} 2s infinite linear;\n`;\n\nconst Loader = () => (\n  <LoadingWrapper>\n    <LoadingIcon />\n  </LoadingWrapper>\n);\n\nconst fetchData = async () => {\n  const { get } = getFetchClient();\n  const { data } = await get('/admin/roles');\n\n  return data.data;\n};\n\nconst SelectRoles = ({ disabled, error, onChange, value }) => {\n  const { status, data } = useQuery(['roles'], fetchData, {\n    staleTime: 50000,\n  });\n  const { formatMessage } = useIntl();\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n  const label = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles',\n    defaultMessage: \"User's roles\",\n  });\n  const hint = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles.description',\n    defaultMessage: 'A user can have one or several roles',\n  });\n  const placeholder = formatMessage({\n    id: 'app.components.Select.placeholder',\n    defaultMessage: 'Select',\n  });\n  const startIcon = status === 'loading' ? <Loader /> : undefined;\n\n  return (\n    <Select\n      id=\"roles\"\n      disabled={disabled}\n      error={errorMessage}\n      hint={hint}\n      label={label}\n      name=\"roles\"\n      onChange={(v) => {\n        onChange({ target: { name: 'roles', value: v } });\n      }}\n      placeholder={placeholder}\n      multi\n      startIcon={startIcon}\n      value={value.map((v) => v.toString())}\n      withTags\n      required\n    >\n      {(data || []).map((role) => {\n        return (\n          <Option key={role.id} value={role.id.toString()}>\n            {formatMessage({\n              id: `global.${role.code}`,\n              defaultMessage: role.name,\n            })}\n          </Option>\n        );\n      })}\n    </Select>\n  );\n};\n\nSelectRoles.defaultProps = {\n  disabled: false,\n  error: undefined,\n};\n\nSelectRoles.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.array.isRequired,\n};\n\nexport default SelectRoles;\n"],"names":["LoadingIcon"],"mappings":"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"}

package/dist/_chunks/{index-35e4bad6.mjs → index-6999385d.mjs}

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { translatedErrors, useNotification, useFetchClient, useOverlayBlocker, useTracking, useAPIErrorHandler, SettingsPageTitle, Link, LoadingIndicatorPage, useRBAC } from "@strapi/helper-plugin";
 import { useSelector } from "react-redux";
 import { useRouteMatch, Redirect } from "react-router-dom";
-import { s as selectAdminPermissions } from "./AuthenticatedApp-b0ada7e9.mjs";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-332b40a8.mjs";
 import { useState, useRef } from "react";
 import { Box, Flex, Typography, Button, Grid, GridItem, TextInput, Textarea, Main, HeaderLayout, ContentLayout } from "@strapi/design-system";
 import { ArrowLeft } from "@strapi/icons";
@@ -15,7 +15,7 @@ import * as yup from "yup";
 import "react-query";
 import "semver/functions/lt";
 import "semver/functions/valid";
-import "./index-34de382e.mjs";
+import "./index-cd461a87.mjs";
 import "react-dom/client";
 import "invariant";
 import "lodash/isFunction";
@@ -23,19 +23,18 @@ import "lodash/merge";
 import "lodash/pick";
 import "react-helmet";
 import "@radix-ui/react-context";
-import "axios";
+import "@strapi/design-system/v2";
 import "lodash/camelCase";
-import "lodash/get";
-import "lodash/omit";
-import "lodash/defaultsDeep";
 import "styled-components";
+import "lodash/defaultsDeep";
+import "lodash/omit";
+import "qs";
 import "immer";
+import "lodash/get";
 import "lodash/set";
-import "qs";
 import "@reduxjs/toolkit";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "@strapi/design-system/v2";
 import "lodash/cloneDeep";
 import "lodash/has";
 import "lodash/isEmpty";
@@ -271,4 +270,4 @@ const ProtectedEditPage = () => {
 export {
   ProtectedEditPage as default
 };
-//# sourceMappingURL=index-35e4bad6.mjs.map
+//# sourceMappingURL=index-6999385d.mjs.map

package/dist/_chunks/{index-35e4bad6.mjs.map → index-6999385d.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-35e4bad6.mjs","sources":["../../admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js","../../admin/src/pages/SettingsPage/pages/Roles/EditPage/utils/schema.js","../../admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js","../../admin/src/pages/SettingsPage/pages/Roles/ProtectedEditPage/index.js"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  GridItem,\n  Textarea,\n  TextInput,\n  Typography,\n} from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst RoleForm = ({ disabled, role, values, errors, onChange, onBlur }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Flex justifyContent=\"space-between\">\n          <Box>\n            <Box>\n              <Typography fontWeight=\"bold\">\n                {role\n                  ? role.name\n                  : formatMessage({\n                      id: 'global.details',\n                      defaultMessage: 'Details',\n                    })}\n              </Typography>\n            </Box>\n            <Box>\n              <Typography textColor=\"neutral500\" variant=\"pi\">\n                {role\n                  ? role.description\n                  : formatMessage({\n                      id: 'Settings.roles.form.description',\n                      defaultMessage: 'Name and description of the role',\n                    })}\n              </Typography>\n            </Box>\n          </Box>\n          <Button disabled variant=\"secondary\">\n            {formatMessage(\n              {\n                id: 'Settings.roles.form.button.users-with-role',\n                defaultMessage:\n                  '{number, plural, =0 {# users} one {# user} other {# users}} with this role',\n              },\n              { number: role.usersCount }\n            )}\n          </Button>\n        </Flex>\n        <Grid gap={4}>\n          <GridItem col={6}>\n            <TextInput\n              disabled={disabled}\n              name=\"name\"\n              error={errors.name && formatMessage({ id: errors.name })}\n              label={formatMessage({\n                id: 'global.name',\n                defaultMessage: 'Name',\n              })}\n              onChange={onChange}\n              onBlur={onBlur}\n              required\n              value={values.name || ''}\n            />\n          </GridItem>\n          <GridItem col={6}>\n            <Textarea\n              disabled={disabled}\n              label={formatMessage({\n                id: 'global.description',\n                defaultMessage: 'Description',\n              })}\n              id=\"description\"\n              error={errors.name && formatMessage({ id: errors.name })}\n              onChange={onChange}\n              onBlur={onBlur}\n            >\n              {values.description || ''}\n            </Textarea>\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nRoleForm.defaultProps = {\n  disabled: false,\n  role: null,\n  values: { name: '', description: '' },\n};\nRoleForm.propTypes = {\n  disabled: PropTypes.bool,\n  errors: PropTypes.object.isRequired,\n  onBlur: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n  role: PropTypes.object,\n  values: PropTypes.object,\n};\n\nexport default RoleForm;\n","import { translatedErrors } from '@strapi/helper-plugin';\nimport * as yup from 'yup';\n\nconst schema = yup.object().shape({\n  name: yup.string().required(translatedErrors.required),\n});\n\nexport default schema;\n","import React, { useRef, useState } from 'react';\n\nimport { Box, Button, ContentLayout, Flex, HeaderLayout, Main } from '@strapi/design-system';\nimport {\n  Link,\n  LoadingIndicatorPage,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useOverlayBlocker,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { ArrowLeft } from '@strapi/icons';\nimport { Formik } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useRouteMatch } from 'react-router-dom';\n\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\nimport { useAdminRolePermissionLayout } from '../hooks/useAdminRolePermissionLayout';\nimport { useAdminRolePermissions } from '../hooks/useAdminRolePermissions';\n\nimport { Permissions, RoleForm } from './components';\nimport schema from './utils/schema';\n\nconst EditPage = () => {\n  const toggleNotification = useNotification();\n  const { formatMessage } = useIntl();\n  const {\n    params: { id },\n  } = useRouteMatch('/settings/roles/:id');\n  const { put } = useFetchClient();\n  const [isSubmitting, setIsSubmiting] = useState(false);\n  const permissionsRef = useRef();\n  const { lockApp, unlockApp } = useOverlayBlocker();\n  const { trackUsage } = useTracking();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useAdminRolePermissionLayout(id, {\n      cacheTime: 0,\n    });\n\n  const {\n    roles: [role = {}],\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      cacheTime: 0,\n    }\n  );\n\n  const { permissions, isLoading: isLoadingPermissions } = useAdminRolePermissions(\n    { id },\n    {\n      cacheTime: 0,\n    }\n  );\n\n  // TODO: this should use a react-query mutation\n  const handleEditRoleSubmit = async (data) => {\n    try {\n      lockApp();\n      setIsSubmiting(true);\n\n      const { permissionsToSend, didUpdateConditions } = permissionsRef.current.getPermissions();\n\n      await put(`/admin/roles/${id}`, data);\n\n      if (role.code !== 'strapi-super-admin') {\n        await put(`/admin/roles/${id}/permissions`, {\n          permissions: permissionsToSend,\n        });\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: { id: 'notification.success.saved' },\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n    } finally {\n      setIsSubmiting(false);\n      unlockApp();\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  return (\n    <Main>\n      <SettingsPageTitle name=\"Roles\" />\n      <Formik\n        enableReinitialize\n        initialValues={{\n          name: role.name,\n          description: role.description,\n        }}\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={schema}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur }) => (\n          <form onSubmit={handleSubmit}>\n            <HeaderLayout\n              primaryAction={\n                <Flex gap={2}>\n                  <Button\n                    disabled={role.code === 'strapi-super-admin'}\n                    onClick={handleSubmit}\n                    loading={isSubmitting}\n                    size=\"L\"\n                  >\n                    {formatMessage({\n                      id: 'global.save',\n                      defaultMessage: 'Save',\n                    })}\n                  </Button>\n                </Flex>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                <Link startIcon={<ArrowLeft />} to=\"/settings/roles\">\n                  {formatMessage({\n                    id: 'global.back',\n                    defaultMessage: 'Back',\n                  })}\n                </Link>\n              }\n            />\n            <ContentLayout>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  isLoading={isRoleLoading || isLoadingPermissions}\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                {!isLoadingPermissionsLayout && !isRoleLoading && !isLoadingPermissions ? (\n                  <Box shadow=\"filterShadow\" hasRadius>\n                    <Permissions\n                      isFormDisabled={isFormDisabled}\n                      permissions={permissions}\n                      ref={permissionsRef}\n                      layout={permissionsLayout}\n                    />\n                  </Box>\n                ) : (\n                  <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n                    <LoadingIndicatorPage />\n                  </Box>\n                )}\n              </Flex>\n            </ContentLayout>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nexport default EditPage;\n","import React from 'react';\n\nimport { LoadingIndicatorPage, useRBAC } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\nimport { Redirect } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport EditPage from '../EditPage';\n\nconst ProtectedEditPage = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  const {\n    isLoading,\n    allowedActions: { canRead, canUpdate },\n  } = useRBAC({\n    read: permissions.settings.roles.read,\n    update: permissions.settings.roles.update,\n  });\n\n  if (isLoading) {\n    return <LoadingIndicatorPage />;\n  }\n\n  if (!canRead && !canUpdate) {\n    return <Redirect to=\"/\" />;\n  }\n\n  return <EditPage />;\n};\n\nexport default ProtectedEditPage;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index-6999385d.mjs","sources":["../../admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js","../../admin/src/pages/SettingsPage/pages/Roles/EditPage/utils/schema.js","../../admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js","../../admin/src/pages/SettingsPage/pages/Roles/ProtectedEditPage/index.js"],"sourcesContent":["import React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  GridItem,\n  Textarea,\n  TextInput,\n  Typography,\n} from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst RoleForm = ({ disabled, role, values, errors, onChange, onBlur }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Flex justifyContent=\"space-between\">\n          <Box>\n            <Box>\n              <Typography fontWeight=\"bold\">\n                {role\n                  ? role.name\n                  : formatMessage({\n                      id: 'global.details',\n                      defaultMessage: 'Details',\n                    })}\n              </Typography>\n            </Box>\n            <Box>\n              <Typography textColor=\"neutral500\" variant=\"pi\">\n                {role\n                  ? role.description\n                  : formatMessage({\n                      id: 'Settings.roles.form.description',\n                      defaultMessage: 'Name and description of the role',\n                    })}\n              </Typography>\n            </Box>\n          </Box>\n          <Button disabled variant=\"secondary\">\n            {formatMessage(\n              {\n                id: 'Settings.roles.form.button.users-with-role',\n                defaultMessage:\n                  '{number, plural, =0 {# users} one {# user} other {# users}} with this role',\n              },\n              { number: role.usersCount }\n            )}\n          </Button>\n        </Flex>\n        <Grid gap={4}>\n          <GridItem col={6}>\n            <TextInput\n              disabled={disabled}\n              name=\"name\"\n              error={errors.name && formatMessage({ id: errors.name })}\n              label={formatMessage({\n                id: 'global.name',\n                defaultMessage: 'Name',\n              })}\n              onChange={onChange}\n              onBlur={onBlur}\n              required\n              value={values.name || ''}\n            />\n          </GridItem>\n          <GridItem col={6}>\n            <Textarea\n              disabled={disabled}\n              label={formatMessage({\n                id: 'global.description',\n                defaultMessage: 'Description',\n              })}\n              id=\"description\"\n              error={errors.name && formatMessage({ id: errors.name })}\n              onChange={onChange}\n              onBlur={onBlur}\n            >\n              {values.description || ''}\n            </Textarea>\n          </GridItem>\n        </Grid>\n      </Flex>\n    </Box>\n  );\n};\n\nRoleForm.defaultProps = {\n  disabled: false,\n  role: null,\n  values: { name: '', description: '' },\n};\nRoleForm.propTypes = {\n  disabled: PropTypes.bool,\n  errors: PropTypes.object.isRequired,\n  onBlur: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n  role: PropTypes.object,\n  values: PropTypes.object,\n};\n\nexport default RoleForm;\n","import { translatedErrors } from '@strapi/helper-plugin';\nimport * as yup from 'yup';\n\nconst schema = yup.object().shape({\n  name: yup.string().required(translatedErrors.required),\n});\n\nexport default schema;\n","import React, { useRef, useState } from 'react';\n\nimport { Box, Button, ContentLayout, Flex, HeaderLayout, Main } from '@strapi/design-system';\nimport {\n  Link,\n  LoadingIndicatorPage,\n  SettingsPageTitle,\n  useAPIErrorHandler,\n  useFetchClient,\n  useNotification,\n  useOverlayBlocker,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { ArrowLeft } from '@strapi/icons';\nimport { Formik } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useRouteMatch } from 'react-router-dom';\n\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\nimport { useAdminRolePermissionLayout } from '../hooks/useAdminRolePermissionLayout';\nimport { useAdminRolePermissions } from '../hooks/useAdminRolePermissions';\n\nimport { Permissions, RoleForm } from './components';\nimport schema from './utils/schema';\n\nconst EditPage = () => {\n  const toggleNotification = useNotification();\n  const { formatMessage } = useIntl();\n  const {\n    params: { id },\n  } = useRouteMatch('/settings/roles/:id');\n  const { put } = useFetchClient();\n  const [isSubmitting, setIsSubmiting] = useState(false);\n  const permissionsRef = useRef();\n  const { lockApp, unlockApp } = useOverlayBlocker();\n  const { trackUsage } = useTracking();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingPermissionsLayout, data: permissionsLayout } =\n    useAdminRolePermissionLayout(id, {\n      cacheTime: 0,\n    });\n\n  const {\n    roles: [role = {}],\n    isLoading: isRoleLoading,\n    refetch: refetchRole,\n  } = useAdminRoles(\n    { id },\n    {\n      cacheTime: 0,\n    }\n  );\n\n  const { permissions, isLoading: isLoadingPermissions } = useAdminRolePermissions(\n    { id },\n    {\n      cacheTime: 0,\n    }\n  );\n\n  // TODO: this should use a react-query mutation\n  const handleEditRoleSubmit = async (data) => {\n    try {\n      lockApp();\n      setIsSubmiting(true);\n\n      const { permissionsToSend, didUpdateConditions } = permissionsRef.current.getPermissions();\n\n      await put(`/admin/roles/${id}`, data);\n\n      if (role.code !== 'strapi-super-admin') {\n        await put(`/admin/roles/${id}/permissions`, {\n          permissions: permissionsToSend,\n        });\n\n        if (didUpdateConditions) {\n          trackUsage('didUpdateConditions');\n        }\n      }\n\n      permissionsRef.current.setFormAfterSubmit();\n\n      await refetchRole();\n\n      toggleNotification({\n        type: 'success',\n        message: { id: 'notification.success.saved' },\n      });\n    } catch (error) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n    } finally {\n      setIsSubmiting(false);\n      unlockApp();\n    }\n  };\n\n  const isFormDisabled = !isRoleLoading && role.code === 'strapi-super-admin';\n\n  return (\n    <Main>\n      <SettingsPageTitle name=\"Roles\" />\n      <Formik\n        enableReinitialize\n        initialValues={{\n          name: role.name,\n          description: role.description,\n        }}\n        onSubmit={handleEditRoleSubmit}\n        validationSchema={schema}\n        validateOnChange={false}\n      >\n        {({ handleSubmit, values, errors, handleChange, handleBlur }) => (\n          <form onSubmit={handleSubmit}>\n            <HeaderLayout\n              primaryAction={\n                <Flex gap={2}>\n                  <Button\n                    disabled={role.code === 'strapi-super-admin'}\n                    onClick={handleSubmit}\n                    loading={isSubmitting}\n                    size=\"L\"\n                  >\n                    {formatMessage({\n                      id: 'global.save',\n                      defaultMessage: 'Save',\n                    })}\n                  </Button>\n                </Flex>\n              }\n              title={formatMessage({\n                id: 'Settings.roles.edit.title',\n                defaultMessage: 'Edit a role',\n              })}\n              subtitle={formatMessage({\n                id: 'Settings.roles.create.description',\n                defaultMessage: 'Define the rights given to the role',\n              })}\n              navigationAction={\n                <Link startIcon={<ArrowLeft />} to=\"/settings/roles\">\n                  {formatMessage({\n                    id: 'global.back',\n                    defaultMessage: 'Back',\n                  })}\n                </Link>\n              }\n            />\n            <ContentLayout>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n                <RoleForm\n                  isLoading={isRoleLoading || isLoadingPermissions}\n                  disabled={isFormDisabled}\n                  errors={errors}\n                  values={values}\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                  role={role}\n                />\n                {!isLoadingPermissionsLayout && !isRoleLoading && !isLoadingPermissions ? (\n                  <Box shadow=\"filterShadow\" hasRadius>\n                    <Permissions\n                      isFormDisabled={isFormDisabled}\n                      permissions={permissions}\n                      ref={permissionsRef}\n                      layout={permissionsLayout}\n                    />\n                  </Box>\n                ) : (\n                  <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n                    <LoadingIndicatorPage />\n                  </Box>\n                )}\n              </Flex>\n            </ContentLayout>\n          </form>\n        )}\n      </Formik>\n    </Main>\n  );\n};\n\nexport default EditPage;\n","import React from 'react';\n\nimport { LoadingIndicatorPage, useRBAC } from '@strapi/helper-plugin';\nimport { useSelector } from 'react-redux';\nimport { Redirect } from 'react-router-dom';\n\nimport { selectAdminPermissions } from '../../../../../selectors';\nimport EditPage from '../EditPage';\n\nconst ProtectedEditPage = () => {\n  const permissions = useSelector(selectAdminPermissions);\n\n  const {\n    isLoading,\n    allowedActions: { canRead, canUpdate },\n  } = useRBAC({\n    read: permissions.settings.roles.read,\n    update: permissions.settings.roles.update,\n  });\n\n  if (isLoading) {\n    return <LoadingIndicatorPage />;\n  }\n\n  if (!canRead && !canUpdate) {\n    return <Redirect to=\"/\" />;\n  }\n\n  return <EditPage />;\n};\n\nexport default ProtectedEditPage;\n"],"names":[],"mappings":"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"}

package/dist/_chunks/{index-928b18d2.mjs → index-70ad05e1.mjs}

@@ -7,8 +7,8 @@ import { useIntl } from "react-intl";
 import { useQuery } from "react-query";
 import { useSelector } from "react-redux";
 import { useHistory, useRouteMatch } from "react-router-dom";
-import { s as selectAdminPermissions } from "./AuthenticatedApp-b0ada7e9.mjs";
-import { z as formatAPIErrors } from "./index-34de382e.mjs";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-332b40a8.mjs";
+import { f as formatAPIErrors } from "./formatAPIErrors-db6ed675.mjs";
 import { T as TRANSFER_TOKEN_TYPE } from "./constants-d3dd8ed6.mjs";
 import { T as TokenName, a as TokenDescription, L as LifeSpanInput, b as TokenTypeSelect, F as FormHead, c as TokenBox } from "./index-176cc121.mjs";
 import PropTypes from "prop-types";
@@ -380,4 +380,4 @@ const TransferTokenCreateView = () => {
 export {
   TransferTokenCreateView as T
 };
-//# sourceMappingURL=index-928b18d2.mjs.map
+//# sourceMappingURL=index-70ad05e1.mjs.map