@strapi/admin 4.17.0 → 4.18.1-beta.0

package/dist/_chunks/ReviewWorkflowsColumn-b36965fe.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-const helperPlugin = require("@strapi/helper-plugin");
-const constants = require("./constants-85da8cc4.js");
-const colors = require("./colors-c17c9c3c.js");
-const reactIntl = require("react-intl");
-const index = require("./index-3f8cf4d5.js");
-require("react-dom/client");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/merge");
-require("lodash/pick");
-require("react-helmet");
-require("react-router-dom");
-require("react");
-require("react-redux");
-require("@radix-ui/react-context");
-require("react-query");
-require("@strapi/design-system/v2");
-require("@strapi/icons");
-require("formik");
-require("lodash/camelCase");
-require("styled-components");
-require("yup");
-require("@reduxjs/toolkit");
-require("lodash/omit");
-require("qs");
-require("immer");
-require("lodash/get");
-require("lodash/set");
-require("lodash/defaultsDeep");
-require("react-dnd");
-require("react-dnd-html5-backend");
-require("react-window");
-require("lodash/cloneDeep");
-require("lodash/isEqual");
-require("lodash/upperFirst");
-require("prop-types");
-require("axios");
-require("lodash/fp");
-require("lodash/isNaN");
-require("lodash/take");
-require("slate");
-require("slate-history");
-require("slate-react");
-require("@radix-ui/react-toolbar");
-require("codemirror5");
-require("sanitize-html");
-require("highlight.js");
-require("markdown-it");
-require("markdown-it-abbr");
-require("markdown-it-container");
-require("markdown-it-deflist");
-require("markdown-it-emoji");
-require("markdown-it-footnote");
-require("markdown-it-ins");
-require("markdown-it-mark");
-require("markdown-it-sub");
-require("markdown-it-sup");
-require("codemirror5/addon/display/placeholder");
-require("lodash/toString");
-require("lodash/isEmpty");
-require("react-dom");
-require("lodash/isBoolean");
-require("lodash/toNumber");
-require("fractional-indexing");
-require("lodash/uniqBy");
-require("lodash/unset");
-require("lodash/isArray");
-require("date-fns/parseISO");
-const ReviewWorkflowsStageEE = ({
-  color = constants.STAGE_COLOR_DEFAULT,
-  name
-}) => {
-  const { themeColorName } = colors.getStageColorByHex(color) ?? {};
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, maxWidth: helperPlugin.pxToRem(300), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Box,
-      {
-        height: 2,
-        background: color,
-        borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
-        hasRadius: true,
-        shrink: 0,
-        width: 2
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "regular", textColor: "neutral700", ellipsis: true, children: name })
-  ] });
-};
-const ReviewWorkflowsAssigneeEE = ({ user }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: index.getDisplayName(user, formatMessage) });
-};
-exports.ReviewWorkflowsAssigneeEE = ReviewWorkflowsAssigneeEE;
-exports.ReviewWorkflowsStageEE = ReviewWorkflowsStageEE;
-//# sourceMappingURL=ReviewWorkflowsColumn-b36965fe.js.map

package/dist/_chunks/ReviewWorkflowsColumn-b36965fe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReviewWorkflowsColumn-b36965fe.js","sources":["../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsStageEE.tsx","../../ee/admin/src/content-manager/pages/ListView/components/ReviewWorkflowsAssigneeEE.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\n\nimport { STAGE_COLOR_DEFAULT } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\ninterface ReviewWorkflowsStageEEProps {\n  color?: string;\n  name: string;\n}\n\nconst ReviewWorkflowsStageEE = ({\n  color = STAGE_COLOR_DEFAULT,\n  name,\n}: ReviewWorkflowsStageEEProps) => {\n  const { themeColorName } = getStageColorByHex(color) ?? {};\n\n  return (\n    <Flex alignItems=\"center\" gap={2} maxWidth={pxToRem(300)}>\n      <Box\n        height={2}\n        background={color}\n        borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n        hasRadius\n        shrink={0}\n        width={2}\n      />\n\n      <Typography fontWeight=\"regular\" textColor=\"neutral700\" ellipsis>\n        {name}\n      </Typography>\n    </Flex>\n  );\n};\n\nexport { ReviewWorkflowsStageEE };\nexport type { ReviewWorkflowsStageEEProps };\n","import { Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils/users';\nimport { SanitizedAdminUser } from '../../../../../../../shared/contracts/shared';\n\ninterface ReviewWorkflowsAssigneeEEProps {\n  user: Pick<SanitizedAdminUser, 'firstname' | 'lastname' | 'username' | 'email'>;\n}\n\nconst ReviewWorkflowsAssigneeEE = ({ user }: ReviewWorkflowsAssigneeEEProps) => {\n  const { formatMessage } = useIntl();\n\n  return <Typography textColor=\"neutral800\">{getDisplayName(user, formatMessage)}</Typography>;\n};\n\nexport { ReviewWorkflowsAssigneeEE };\nexport type { ReviewWorkflowsAssigneeEEProps };\n"],"names":["STAGE_COLOR_DEFAULT","getStageColorByHex","jsxs","Flex","pxToRem","jsx","Box","Typography","useIntl","getDisplayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,QAAQA,UAAA;AAAA,EACR;AACF,MAAmC;AACjC,QAAM,EAAE,eAAe,IAAIC,OAAmB,mBAAA,KAAK,KAAK,CAAA;AAGtD,SAAAC,gCAACC,aAAAA,QAAK,YAAW,UAAS,KAAK,GAAG,UAAUC,aAAAA,QAAQ,GAAG,GACrD,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa,mBAAmB,aAAa,eAAe;AAAA,QAC5D,WAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEAD,2BAAAA,IAACE,2BAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UACH,KAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;ACvBA,MAAM,4BAA4B,CAAC,EAAE,WAA2C;AACxE,QAAA,EAAE,kBAAkBC,UAAAA;AAE1B,wCAAQD,aAAAA,YAAW,EAAA,WAAU,cAAc,UAAeE,MAAAA,eAAA,MAAM,aAAa,EAAE,CAAA;AACjF;;;"}

package/dist/_chunks/SSOProviders-62bfad92.mjs

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Flex, Grid, GridItem, Tooltip, Typography } from "@strapi/design-system";
-import { useIntl } from "react-intl";
-import { Link } from "react-router-dom";
-import styled from "styled-components";
-const SSOProviders = ({ providers, displayAllProviders }) => {
-  const { formatMessage } = useIntl();
-  if (displayAllProviders) {
-    return /* @__PURE__ */ jsx(Grid, { gap: 4, children: providers.map((provider) => /* @__PURE__ */ jsx(GridItem, { col: 4, children: /* @__PURE__ */ jsx(SSOProviderButton, { provider }) }, provider.uid)) });
-  }
-  if (providers.length > 2 && !displayAllProviders) {
-    return /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
-      providers.slice(0, 2).map((provider) => /* @__PURE__ */ jsx(GridItem, { col: 4, children: /* @__PURE__ */ jsx(SSOProviderButton, { provider }) }, provider.uid)),
-      /* @__PURE__ */ jsx(GridItem, { col: 4, children: /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          label: formatMessage({
-            id: "global.see-more"
-          }),
-          children: /* @__PURE__ */ jsx(SSOButton, { as: Link, to: "/auth/providers", children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "•••" }) })
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(SSOProvidersWrapper, { justifyContent: "center", children: providers.map((provider) => /* @__PURE__ */ jsx(SSOProviderButton, { provider }, provider.uid)) });
-};
-const SSOProvidersWrapper = styled(Flex)`
-  & a:not(:first-child):not(:last-child) {
-    margin: 0 ${({ theme }) => theme.spaces[2]};
-  }
-  & a:first-child {
-    margin-right: ${({ theme }) => theme.spaces[2]};
-  }
-  & a:last-child {
-    margin-left: ${({ theme }) => theme.spaces[2]};
-  }
-`;
-const SSOProviderButton = ({ provider }) => {
-  return /* @__PURE__ */ jsx(Tooltip, { label: provider.displayName, children: /* @__PURE__ */ jsx(SSOButton, { href: `${window.strapi.backendURL}/admin/connect/${provider.uid}`, children: provider.icon ? /* @__PURE__ */ jsx("img", { src: provider.icon, "aria-hidden": true, alt: "", height: "32px" }) : /* @__PURE__ */ jsx(Typography, { children: provider.displayName }) }) });
-};
-const SSOButton = styled.a`
-  width: ${136 / 16}rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: ${48 / 16}rem;
-  border: 1px solid ${({ theme }) => theme.colors.neutral150};
-  border-radius: ${({ theme }) => theme.borderRadius};
-  text-decoration: inherit;
-  &:link {
-    text-decoration: none;
-  }
-  color: ${({ theme }) => theme.colors.neutral600};
-`;
-export {
-  SSOProviders as S
-};
-//# sourceMappingURL=SSOProviders-62bfad92.mjs.map

package/dist/_chunks/SSOProviders-62bfad92.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SSOProviders-62bfad92.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GetProviders } from '../../../../../../shared/contracts/providers';\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviders\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProvidersProps {\n  providers: GetProviders.Response;\n  displayAllProviders?: boolean;\n}\n\nconst SSOProviders = ({ providers, displayAllProviders }: SSOProvidersProps) => {\n  const { formatMessage } = useIntl();\n\n  if (displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n      </Grid>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n        <GridItem col={4}>\n          <Tooltip\n            label={formatMessage({\n              id: 'global.see-more',\n            })}\n          >\n            <SSOButton as={Link} to=\"/auth/providers\">\n              <span aria-hidden>•••</span>\n            </SSOButton>\n          </Tooltip>\n        </GridItem>\n      </Grid>\n    );\n  }\n\n  return (\n    <SSOProvidersWrapper justifyContent=\"center\">\n      {providers.map((provider) => (\n        <SSOProviderButton key={provider.uid} provider={provider} />\n      ))}\n    </SSOProvidersWrapper>\n  );\n};\n\nconst SSOProvidersWrapper = styled(Flex)`\n  & a:not(:first-child):not(:last-child) {\n    margin: 0 ${({ theme }) => theme.spaces[2]};\n  }\n  & a:first-child {\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n  & a:last-child {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviderButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProviderButtonProps {\n  provider: GetProviders.Response[number];\n}\n\nconst SSOProviderButton = ({ provider }: SSOProviderButtonProps) => {\n  return (\n    <Tooltip label={provider.displayName}>\n      <SSOButton href={`${window.strapi.backendURL}/admin/connect/${provider.uid}`}>\n        {provider.icon ? (\n          <img src={provider.icon} aria-hidden alt=\"\" height=\"32px\" />\n        ) : (\n          <Typography>{provider.displayName}</Typography>\n        )}\n      </SSOButton>\n    </Tooltip>\n  );\n};\n\nconst SSOButton = styled.a`\n  width: ${136 / 16}rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: ${48 / 16}rem;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: inherit;\n  &:link {\n    text-decoration: none;\n  }\n  color: ${({ theme }) => theme.colors.neutral600};\n`;\n\nexport { SSOProviders };\nexport type { SSOProvidersProps };\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,eAAe,CAAC,EAAE,WAAW,0BAA6C;AACxE,QAAA,EAAE,kBAAkB;AAE1B,MAAI,qBAAqB;AACvB,+BACG,MAAK,EAAA,KAAK,GACR,UAAU,UAAA,IAAI,CAAC,aACd,oBAAC,YAA4B,KAAK,GAChC,8BAAC,mBAAkB,EAAA,UAAoB,KAD1B,SAAS,GAExB,CACD,EACH,CAAA;AAAA,EAEJ;AAEA,MAAI,UAAU,SAAS,KAAK,CAAC,qBAAqB;AAE9C,WAAA,qBAAC,MAAK,EAAA,KAAK,GACR,UAAA;AAAA,MAAA,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,aAC1B,oBAAC,UAA4B,EAAA,KAAK,GAChC,UAAC,oBAAA,mBAAA,EAAkB,UAAoB,EAD1B,GAAA,SAAS,GAExB,CACD;AAAA,MACD,oBAAC,UAAS,EAAA,KAAK,GACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,cAAc;AAAA,YACnB,IAAI;AAAA,UAAA,CACL;AAAA,UAED,UAAA,oBAAC,WAAU,EAAA,IAAI,MAAM,IAAG,mBACtB,UAAA,oBAAC,QAAK,EAAA,eAAW,MAAC,UAAA,MAAG,CAAA,GACvB;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AAEA,SACG,oBAAA,qBAAA,EAAoB,gBAAe,UACjC,oBAAU,IAAI,CAAC,aACd,oBAAC,mBAAqC,EAAA,SAAA,GAAd,SAAS,GAAyB,CAC3D,EACH,CAAA;AAEJ;AAEA,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA,gBAEvB,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,oBAG1B,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,mBAG/B,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAYjD,MAAM,oBAAoB,CAAC,EAAE,eAAuC;AAClE,SACG,oBAAA,SAAA,EAAQ,OAAO,SAAS,aACvB,UAAC,oBAAA,WAAA,EAAU,MAAM,GAAG,OAAO,OAAO,UAAU,kBAAkB,SAAS,GAAG,IACvE,UAAA,SAAS,OACR,oBAAC,SAAI,KAAK,SAAS,MAAM,eAAW,MAAC,KAAI,IAAG,QAAO,OAAA,CAAO,IAEzD,oBAAA,YAAA,EAAY,UAAS,SAAA,YAAY,CAAA,GAEtC,EACF,CAAA;AAEJ;AAEA,MAAM,YAAY,OAAO;AAAA,WACd,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,YAIP,KAAK,EAAE;AAAA,sBACG,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA,mBACzC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,WAKzC,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;"}

package/dist/_chunks/SSOProviders-b395a4e6.js

@@ -1,59 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const SSOProviders = ({ providers, displayAllProviders }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  if (displayAllProviders) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }) }, provider.uid)) });
-  }
-  if (providers.length > 2 && !displayAllProviders) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 4, children: [
-      providers.slice(0, 2).map((provider) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }) }, provider.uid)),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Tooltip,
-        {
-          label: formatMessage({
-            id: "global.see-more"
-          }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(SSOButton, { as: reactRouterDom.Link, to: "/auth/providers", children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "•••" }) })
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(SSOProvidersWrapper, { justifyContent: "center", children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }, provider.uid)) });
-};
-const SSOProvidersWrapper = styled__default.default(designSystem.Flex)`
-  & a:not(:first-child):not(:last-child) {
-    margin: 0 ${({ theme }) => theme.spaces[2]};
-  }
-  & a:first-child {
-    margin-right: ${({ theme }) => theme.spaces[2]};
-  }
-  & a:last-child {
-    margin-left: ${({ theme }) => theme.spaces[2]};
-  }
-`;
-const SSOProviderButton = ({ provider }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: provider.displayName, children: /* @__PURE__ */ jsxRuntime.jsx(SSOButton, { href: `${window.strapi.backendURL}/admin/connect/${provider.uid}`, children: provider.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: provider.icon, "aria-hidden": true, alt: "", height: "32px" }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: provider.displayName }) }) });
-};
-const SSOButton = styled__default.default.a`
-  width: ${136 / 16}rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: ${48 / 16}rem;
-  border: 1px solid ${({ theme }) => theme.colors.neutral150};
-  border-radius: ${({ theme }) => theme.borderRadius};
-  text-decoration: inherit;
-  &:link {
-    text-decoration: none;
-  }
-  color: ${({ theme }) => theme.colors.neutral600};
-`;
-exports.SSOProviders = SSOProviders;
-//# sourceMappingURL=SSOProviders-b395a4e6.js.map

package/dist/_chunks/SSOProviders-b395a4e6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SSOProviders-b395a4e6.js","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { GetProviders } from '../../../../../../shared/contracts/providers';\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviders\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProvidersProps {\n  providers: GetProviders.Response;\n  displayAllProviders?: boolean;\n}\n\nconst SSOProviders = ({ providers, displayAllProviders }: SSOProvidersProps) => {\n  const { formatMessage } = useIntl();\n\n  if (displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n      </Grid>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <GridItem key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </GridItem>\n        ))}\n        <GridItem col={4}>\n          <Tooltip\n            label={formatMessage({\n              id: 'global.see-more',\n            })}\n          >\n            <SSOButton as={Link} to=\"/auth/providers\">\n              <span aria-hidden>•••</span>\n            </SSOButton>\n          </Tooltip>\n        </GridItem>\n      </Grid>\n    );\n  }\n\n  return (\n    <SSOProvidersWrapper justifyContent=\"center\">\n      {providers.map((provider) => (\n        <SSOProviderButton key={provider.uid} provider={provider} />\n      ))}\n    </SSOProvidersWrapper>\n  );\n};\n\nconst SSOProvidersWrapper = styled(Flex)`\n  & a:not(:first-child):not(:last-child) {\n    margin: 0 ${({ theme }) => theme.spaces[2]};\n  }\n  & a:first-child {\n    margin-right: ${({ theme }) => theme.spaces[2]};\n  }\n  & a:last-child {\n    margin-left: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * SSOProviderButton\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SSOProviderButtonProps {\n  provider: GetProviders.Response[number];\n}\n\nconst SSOProviderButton = ({ provider }: SSOProviderButtonProps) => {\n  return (\n    <Tooltip label={provider.displayName}>\n      <SSOButton href={`${window.strapi.backendURL}/admin/connect/${provider.uid}`}>\n        {provider.icon ? (\n          <img src={provider.icon} aria-hidden alt=\"\" height=\"32px\" />\n        ) : (\n          <Typography>{provider.displayName}</Typography>\n        )}\n      </SSOButton>\n    </Tooltip>\n  );\n};\n\nconst SSOButton = styled.a`\n  width: ${136 / 16}rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: ${48 / 16}rem;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  text-decoration: inherit;\n  &:link {\n    text-decoration: none;\n  }\n  color: ${({ theme }) => theme.colors.neutral600};\n`;\n\nexport { SSOProviders };\nexport type { SSOProvidersProps };\n"],"names":["useIntl","Grid","jsx","GridItem","jsxs","Tooltip","Link","styled","Flex","Typography"],"mappings":";;;;;;;;AAgBA,MAAM,eAAe,CAAC,EAAE,WAAW,0BAA6C;AACxE,QAAA,EAAE,kBAAkBA,UAAAA;AAE1B,MAAI,qBAAqB;AACvB,0CACGC,aAAAA,MAAK,EAAA,KAAK,GACR,UAAU,UAAA,IAAI,CAAC,aACdC,2BAAA,IAACC,yBAA4B,KAAK,GAChC,yCAAC,mBAAkB,EAAA,UAAoB,KAD1B,SAAS,GAExB,CACD,EACH,CAAA;AAAA,EAEJ;AAEA,MAAI,UAAU,SAAS,KAAK,CAAC,qBAAqB;AAE9C,WAAAC,2BAAA,KAACH,aAAK,MAAA,EAAA,KAAK,GACR,UAAA;AAAA,MAAA,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,aAC1BC,2BAAA,IAACC,uBAA4B,EAAA,KAAK,GAChC,UAACD,2BAAA,IAAA,mBAAA,EAAkB,UAAoB,EAD1B,GAAA,SAAS,GAExB,CACD;AAAA,MACDA,2BAAAA,IAACC,aAAAA,UAAS,EAAA,KAAK,GACb,UAAAD,2BAAA;AAAA,QAACG,aAAA;AAAA,QAAA;AAAA,UACC,OAAO,cAAc;AAAA,YACnB,IAAI;AAAA,UAAA,CACL;AAAA,UAED,UAAAH,2BAAA,IAAC,WAAU,EAAA,IAAII,eAAM,MAAA,IAAG,mBACtB,UAAAJ,2BAAAA,IAAC,QAAK,EAAA,eAAW,MAAC,UAAA,MAAG,CAAA,GACvB;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AAEA,SACGA,2BAAAA,IAAA,qBAAA,EAAoB,gBAAe,UACjC,oBAAU,IAAI,CAAC,aACdA,2BAAA,IAAC,mBAAqC,EAAA,SAAA,GAAd,SAAS,GAAyB,CAC3D,EACH,CAAA;AAEJ;AAEA,MAAM,sBAAsBK,gBAAAA,QAAOC,aAAAA,IAAI;AAAA;AAAA,gBAEvB,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,oBAG1B,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,mBAG/B,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAYjD,MAAM,oBAAoB,CAAC,EAAE,eAAuC;AAClE,SACGN,2BAAA,IAAAG,sBAAA,EAAQ,OAAO,SAAS,aACvB,UAACH,+BAAA,WAAA,EAAU,MAAM,GAAG,OAAO,OAAO,UAAU,kBAAkB,SAAS,GAAG,IACvE,UAAA,SAAS,OACRA,2BAAAA,IAAC,SAAI,KAAK,SAAS,MAAM,eAAW,MAAC,KAAI,IAAG,QAAO,OAAA,CAAO,IAEzDA,2BAAAA,IAAAO,aAAA,YAAA,EAAY,UAAS,SAAA,YAAY,CAAA,GAEtC,EACF,CAAA;AAEJ;AAEA,MAAM,YAAYF,gBAAO,QAAA;AAAA,WACd,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,YAIP,KAAK,EAAE;AAAA,sBACG,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA,mBACzC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,WAKzC,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;;"}

package/dist/_chunks/SelectRoles-3d810b00.mjs

@@ -1,114 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useIntl } from "react-intl";
-import { p as getBasename } from "./index-95e8649d.mjs";
-import { IconButton, MultiSelect, MultiSelectOption } from "@strapi/design-system";
-import { useNotification, useClipboard, ContentBox, useFetchClient } from "@strapi/helper-plugin";
-import { Duplicate, Loader as Loader$1 } from "@strapi/icons";
-import { useQuery } from "react-query";
-import styled, { keyframes } from "styled-components";
-const MagicLinkWrapper = ({ children, target }) => {
-  const toggleNotification = useNotification();
-  const { formatMessage } = useIntl();
-  const { copy } = useClipboard();
-  const copyLabel = formatMessage({
-    id: "app.component.CopyToClipboard.label",
-    defaultMessage: "Copy to clipboard"
-  });
-  const handleClick = async () => {
-    const didCopy = await copy(target);
-    if (didCopy) {
-      toggleNotification({ type: "info", message: { id: "notification.link-copied" } });
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    ContentBox,
-    {
-      endAction: /* @__PURE__ */ jsx(IconButton, { label: copyLabel, noBorder: true, icon: /* @__PURE__ */ jsx(Duplicate, {}), onClick: handleClick }),
-      title: target,
-      titleEllipsis: true,
-      subtitle: children,
-      icon: /* @__PURE__ */ jsx("span", { style: { fontSize: 32 }, children: "✉️" }),
-      iconBackground: "neutral100"
-    }
-  );
-};
-const MagicLinkCE = ({ registrationToken }) => {
-  const { formatMessage } = useIntl();
-  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"
-  }) });
-};
-const SelectRoles = ({ disabled, error, onChange, value }) => {
-  const { get } = useFetchClient();
-  const { isLoading, data } = useQuery(
-    ["roles"],
-    async () => {
-      const {
-        data: { data: data2 }
-      } = await get("/admin/roles");
-      return data2;
-    },
-    {
-      staleTime: 5e4
-    }
-  );
-  const { formatMessage } = useIntl();
-  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : "";
-  const label = formatMessage({
-    id: "app.components.Users.ModalCreateBody.block-title.roles",
-    defaultMessage: "User's roles"
-  });
-  const hint = formatMessage({
-    id: "app.components.Users.ModalCreateBody.block-title.roles.description",
-    defaultMessage: "A user can have one or several roles"
-  });
-  const placeholder = formatMessage({
-    id: "app.components.Select.placeholder",
-    defaultMessage: "Select"
-  });
-  return /* @__PURE__ */ jsx(
-    MultiSelect,
-    {
-      id: "roles",
-      disabled,
-      error: errorMessage,
-      hint,
-      label,
-      name: "roles",
-      onChange: (v) => {
-        onChange({ target: { name: "roles", value: v } });
-      },
-      placeholder,
-      startIcon: isLoading ? /* @__PURE__ */ jsx(Loader, {}) : void 0,
-      value: value.map((v) => v.toString()),
-      withTags: true,
-      required: true,
-      children: (data ?? []).map((role) => {
-        return /* @__PURE__ */ jsx(MultiSelectOption, { value: role.id.toString(), children: formatMessage({
-          id: `global.${role.code}`,
-          defaultMessage: role.name
-        }) }, role.id);
-      })
-    }
-  );
-};
-const rotation = keyframes`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-`;
-const LoadingWrapper = styled.div`
-  animation: ${rotation} 2s infinite linear;
-`;
-const Loader = () => /* @__PURE__ */ jsx(LoadingWrapper, { children: /* @__PURE__ */ jsx(Loader$1, {}) });
-export {
-  MagicLinkCE as M,
-  SelectRoles as S,
-  MagicLinkWrapper as a
-};
-//# sourceMappingURL=SelectRoles-3d810b00.mjs.map

package/dist/_chunks/SelectRoles-3d810b00.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectRoles-3d810b00.mjs","sources":["../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper.tsx","../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE.tsx","../../admin/src/pages/Settings/pages/Users/components/SelectRoles.tsx"],"sourcesContent":["import { IconButton } from '@strapi/design-system';\nimport { ContentBox, useClipboard, useNotification } from '@strapi/helper-plugin';\nimport { Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\ninterface MagicLinkWrapperProps {\n  children: string;\n  target: string;\n}\n\nconst MagicLinkWrapper = ({ children, target }: MagicLinkWrapperProps) => {\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\nexport { MagicLinkWrapper };\nexport type { MagicLinkWrapperProps };\n","import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../core/utils/basename';\n\nimport { MagicLinkWrapper } from './MagicLinkWrapper';\n\ninterface MagicLinkCEProps {\n  registrationToken: string;\n}\n\nconst MagicLinkCE = ({ registrationToken }: MagicLinkCEProps) => {\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\nexport { MagicLinkCE };\nexport type { MagicLinkCEProps };\n","import { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport { FieldInputProps } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled, { keyframes } from 'styled-components';\n\nimport type { FindRoles } from '../../../../../../../shared/contracts/roles';\nimport type { Entity } from '@strapi/types';\n\ninterface SelectRolesProps extends Pick<FieldInputProps<Entity.ID[]>, 'onChange' | 'value'> {\n  disabled?: boolean;\n  error?: string;\n}\n\nconst SelectRoles = ({ disabled, error, onChange, value }: SelectRolesProps) => {\n  const { get } = useFetchClient();\n\n  const { isLoading, data } = useQuery(\n    ['roles'],\n    async () => {\n      const {\n        data: { data },\n      } = await get<FindRoles.Response>('/admin/roles');\n\n      return data;\n    },\n    {\n      staleTime: 50000,\n    }\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\n  return (\n    <MultiSelect\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      startIcon={isLoading ? <Loader /> : undefined}\n      value={value.map((v) => v.toString())}\n      withTags\n      required\n    >\n      {(data ?? []).map((role) => {\n        return (\n          <MultiSelectOption key={role.id} value={role.id.toString()}>\n            {formatMessage({\n              id: `global.${role.code}`,\n              defaultMessage: role.name,\n            })}\n          </MultiSelectOption>\n        );\n      })}\n    </MultiSelect>\n  );\n};\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\nexport { SelectRoles };\n"],"names":["data","LoadingIcon"],"mappings":"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"}

package/dist/_chunks/SelectRoles-e83f2dee.js

@@ -1,115 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const reactIntl = require("react-intl");
-const index = require("./index-3f8cf4d5.js");
-const designSystem = require("@strapi/design-system");
-const helperPlugin = require("@strapi/helper-plugin");
-const Icons = require("@strapi/icons");
-const reactQuery = require("react-query");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const MagicLinkWrapper = ({ children, target }) => {
-  const toggleNotification = helperPlugin.useNotification();
-  const { formatMessage } = reactIntl.useIntl();
-  const { copy } = helperPlugin.useClipboard();
-  const copyLabel = formatMessage({
-    id: "app.component.CopyToClipboard.label",
-    defaultMessage: "Copy to clipboard"
-  });
-  const handleClick = async () => {
-    const didCopy = await copy(target);
-    if (didCopy) {
-      toggleNotification({ type: "info", message: { id: "notification.link-copied" } });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    helperPlugin.ContentBox,
-    {
-      endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: copyLabel, noBorder: true, icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Duplicate, {}), onClick: handleClick }),
-      title: target,
-      titleEllipsis: true,
-      subtitle: children,
-      icon: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 32 }, children: "✉️" }),
-      iconBackground: "neutral100"
-    }
-  );
-};
-const MagicLinkCE = ({ registrationToken }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const target = `${window.location.origin}${index.getBasename()}/auth/register?registrationToken=${registrationToken}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(MagicLinkWrapper, { target, children: formatMessage({
-    id: "app.components.Users.MagicLink.connect",
-    defaultMessage: "Copy and share this link to give access to this user"
-  }) });
-};
-const SelectRoles = ({ disabled, error, onChange, value }) => {
-  const { get } = helperPlugin.useFetchClient();
-  const { isLoading, data } = reactQuery.useQuery(
-    ["roles"],
-    async () => {
-      const {
-        data: { data: data2 }
-      } = await get("/admin/roles");
-      return data2;
-    },
-    {
-      staleTime: 5e4
-    }
-  );
-  const { formatMessage } = reactIntl.useIntl();
-  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : "";
-  const label = formatMessage({
-    id: "app.components.Users.ModalCreateBody.block-title.roles",
-    defaultMessage: "User's roles"
-  });
-  const hint = formatMessage({
-    id: "app.components.Users.ModalCreateBody.block-title.roles.description",
-    defaultMessage: "A user can have one or several roles"
-  });
-  const placeholder = formatMessage({
-    id: "app.components.Select.placeholder",
-    defaultMessage: "Select"
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.MultiSelect,
-    {
-      id: "roles",
-      disabled,
-      error: errorMessage,
-      hint,
-      label,
-      name: "roles",
-      onChange: (v) => {
-        onChange({ target: { name: "roles", value: v } });
-      },
-      placeholder,
-      startIcon: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) : void 0,
-      value: value.map((v) => v.toString()),
-      withTags: true,
-      required: true,
-      children: (data ?? []).map((role) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: role.id.toString(), children: formatMessage({
-          id: `global.${role.code}`,
-          defaultMessage: role.name
-        }) }, role.id);
-      })
-    }
-  );
-};
-const rotation = styled.keyframes`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-`;
-const LoadingWrapper = styled__default.default.div`
-  animation: ${rotation} 2s infinite linear;
-`;
-const Loader = () => /* @__PURE__ */ jsxRuntime.jsx(LoadingWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Loader, {}) });
-exports.MagicLinkCE = MagicLinkCE;
-exports.MagicLinkWrapper = MagicLinkWrapper;
-exports.SelectRoles = SelectRoles;
-//# sourceMappingURL=SelectRoles-e83f2dee.js.map

package/dist/_chunks/SelectRoles-e83f2dee.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectRoles-e83f2dee.js","sources":["../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper.tsx","../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE.tsx","../../admin/src/pages/Settings/pages/Users/components/SelectRoles.tsx"],"sourcesContent":["import { IconButton } from '@strapi/design-system';\nimport { ContentBox, useClipboard, useNotification } from '@strapi/helper-plugin';\nimport { Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\ninterface MagicLinkWrapperProps {\n  children: string;\n  target: string;\n}\n\nconst MagicLinkWrapper = ({ children, target }: MagicLinkWrapperProps) => {\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\nexport { MagicLinkWrapper };\nexport type { MagicLinkWrapperProps };\n","import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../core/utils/basename';\n\nimport { MagicLinkWrapper } from './MagicLinkWrapper';\n\ninterface MagicLinkCEProps {\n  registrationToken: string;\n}\n\nconst MagicLinkCE = ({ registrationToken }: MagicLinkCEProps) => {\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\nexport { MagicLinkCE };\nexport type { MagicLinkCEProps };\n","import { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport { useFetchClient } from '@strapi/helper-plugin';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport { FieldInputProps } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\nimport styled, { keyframes } from 'styled-components';\n\nimport type { FindRoles } from '../../../../../../../shared/contracts/roles';\nimport type { Entity } from '@strapi/types';\n\ninterface SelectRolesProps extends Pick<FieldInputProps<Entity.ID[]>, 'onChange' | 'value'> {\n  disabled?: boolean;\n  error?: string;\n}\n\nconst SelectRoles = ({ disabled, error, onChange, value }: SelectRolesProps) => {\n  const { get } = useFetchClient();\n\n  const { isLoading, data } = useQuery(\n    ['roles'],\n    async () => {\n      const {\n        data: { data },\n      } = await get<FindRoles.Response>('/admin/roles');\n\n      return data;\n    },\n    {\n      staleTime: 50000,\n    }\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\n  return (\n    <MultiSelect\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      startIcon={isLoading ? <Loader /> : undefined}\n      value={value.map((v) => v.toString())}\n      withTags\n      required\n    >\n      {(data ?? []).map((role) => {\n        return (\n          <MultiSelectOption key={role.id} value={role.id.toString()}>\n            {formatMessage({\n              id: `global.${role.code}`,\n              defaultMessage: role.name,\n            })}\n          </MultiSelectOption>\n        );\n      })}\n    </MultiSelect>\n  );\n};\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\nexport { SelectRoles };\n"],"names":["useNotification","useIntl","useClipboard","jsx","ContentBox","IconButton","Duplicate","getBasename","useFetchClient","useQuery","data","MultiSelect","MultiSelectOption","keyframes","styled","LoadingIcon"],"mappings":";;;;;;;;;;;AAUA,MAAM,mBAAmB,CAAC,EAAE,UAAU,aAAoC;AACxE,QAAM,qBAAqBA,aAAAA;AACrB,QAAA,EAAE,kBAAkBC,UAAAA;AACpB,QAAA,EAAE,SAASC,aAAAA;AAEjB,QAAM,YAAY,cAAc;AAAA,IAC9B,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAED,QAAM,cAAc,YAAY;AACxB,UAAA,UAAU,MAAM,KAAK,MAAM;AAEjC,QAAI,SAAS;AACQ,yBAAA,EAAE,MAAM,QAAQ,SAAS,EAAE,IAAI,8BAA8B;AAAA,IAClF;AAAA,EAAA;AAIA,SAAAC,2BAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,WACED,2BAAA,IAACE,aAAW,YAAA,EAAA,OAAO,WAAW,UAAQ,MAAC,MAAOF,2BAAAA,IAAAG,MAAAA,WAAA,CAAA,CAAU,GAAI,SAAS,YAAa,CAAA;AAAA,MAEpF,OAAO;AAAA,MACP,eAAa;AAAA,MACb,UAAU;AAAA,MACV,qCAAO,QAAK,EAAA,OAAO,EAAE,UAAU,MAAM,UAAE,MAAA;AAAA,MACvC,gBAAe;AAAA,IAAA;AAAA,EAAA;AAGrB;AC9BA,MAAM,cAAc,CAAC,EAAE,wBAA0C;AACzD,QAAA,EAAE,kBAAkBL,UAAAA;AACpB,QAAA,SAAS,GACb,OAAO,SAAS,MAClB,GAAGM,MAAAA,aAAa,oCAAoC,iBAAiB;AAGnE,SAAAJ,2BAAA,IAAC,kBAAiB,EAAA,QACf,UAAc,cAAA;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,EACjB,CAAA,EACH,CAAA;AAEJ;ACRA,MAAM,cAAc,CAAC,EAAE,UAAU,OAAO,UAAU,YAA8B;AACxE,QAAA,EAAE,QAAQK,aAAAA;AAEV,QAAA,EAAE,WAAW,KAAA,IAASC,WAAA;AAAA,IAC1B,CAAC,OAAO;AAAA,IACR,YAAY;AACJ,YAAA;AAAA,QACJ,MAAM,EAAE,MAAAC,MAAK;AAAA,MAAA,IACX,MAAM,IAAwB,cAAc;AAEzCA,aAAAA;AAAAA,IACT;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EAAA;AAEI,QAAA,EAAE,kBAAkBT,UAAAA;AACpB,QAAA,eAAe,QAAQ,cAAc,EAAE,IAAI,OAAO,gBAAgB,OAAO,IAAI;AACnF,QAAM,QAAQ,cAAc;AAAA,IAC1B,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AACD,QAAM,OAAO,cAAc;AAAA,IACzB,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AACD,QAAM,cAAc,cAAc;AAAA,IAChC,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAGC,SAAAE,2BAAA;AAAA,IAACQ,aAAA;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,UAAU,CAAC,MAAM;AACN,iBAAA,EAAE,QAAQ,EAAE,MAAM,SAAS,OAAO,KAAK;AAAA,MAClD;AAAA,MACA;AAAA,MACA,WAAW,YAAaR,2BAAA,IAAA,QAAA,CAAO,CAAA,IAAK;AAAA,MACpC,OAAO,MAAM,IAAI,CAAC,MAAM,EAAE,UAAU;AAAA,MACpC,UAAQ;AAAA,MACR,UAAQ;AAAA,MAEN,WAAQ,QAAA,CAAI,GAAA,IAAI,CAAC,SAAS;AAC1B,8CACGS,gCAAgC,EAAA,OAAO,KAAK,GAAG,SAAA,GAC7C,UAAc,cAAA;AAAA,UACb,IAAI,UAAU,KAAK,IAAI;AAAA,UACvB,gBAAgB,KAAK;AAAA,QAAA,CACtB,EAJqB,GAAA,KAAK,EAK7B;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,WAAWC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASjB,MAAM,iBAAiBC,gBAAO,QAAA;AAAA,eACf,QAAQ;AAAA;AAGvB,MAAM,SAAS,MACbX,2BAAA,IAAC,gBACC,EAAA,UAAAA,+BAACY,MAAAA,SAAY,CAAA,GACf;;;;"}