@strapi/admin 4.18.0 → 4.18.1-beta.1

package/dist/_chunks/ReviewWorkflowsColumn-lTUV7dcS.mjs

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

package/dist/_chunks/ReviewWorkflowsColumn-lTUV7dcS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewWorkflowsColumn-lTUV7dcS.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,QAAQ;AAAA,EACR;AACF,MAAmC;AACjC,QAAM,EAAE,eAAe,IAAI,mBAAmB,KAAK,KAAK,CAAA;AAGtD,SAAA,qBAAC,QAAK,YAAW,UAAS,KAAK,GAAG,UAAU,QAAQ,GAAG,GACrD,UAAA;AAAA,IAAA;AAAA,MAAC;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,IAEA,oBAAC,cAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UACH,KAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;ACvBA,MAAM,4BAA4B,CAAC,EAAE,WAA2C;AACxE,QAAA,EAAE,kBAAkB;AAE1B,6BAAQ,YAAW,EAAA,WAAU,cAAc,UAAe,eAAA,MAAM,aAAa,EAAE,CAAA;AACjF;"}

package/dist/_chunks/SSOProviders-GvoeZh35.mjs

@@ -0,0 +1,58 @@
+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-GvoeZh35.mjs.map

package/dist/_chunks/SSOProviders-GvoeZh35.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-GvoeZh35.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-Z6IAEre2.js

@@ -0,0 +1,59 @@
+"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-Z6IAEre2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-Z6IAEre2.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-I--ohnc5.js

@@ -0,0 +1,103 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const reactIntl = require("react-intl");
+const index = require("./index-MT7kEnIb.js");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const styled = require("styled-components");
+const useAdminRoles = require("./useAdminRoles-KYuD14-e.js");
+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 { isLoading, roles } = useAdminRoles.useAdminRoles();
+  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: roles.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-I--ohnc5.js.map

package/dist/_chunks/SelectRoles-I--ohnc5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-I--ohnc5.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 { Loader as LoadingIcon } from '@strapi/icons';\nimport { FieldInputProps } from 'formik';\nimport { useIntl } from 'react-intl';\nimport styled, { keyframes } from 'styled-components';\n\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\n\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 { isLoading, roles } = useAdminRoles();\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      {roles.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","useAdminRoles","MultiSelect","MultiSelectOption","keyframes","styled","LoadingIcon"],"mappings":"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"}

package/dist/_chunks/SelectRoles-YHXfTcgD.mjs

@@ -0,0 +1,102 @@
+import { jsx } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { K as getBasename } from "./index-nxvCbsRp.mjs";
+import { IconButton, MultiSelect, MultiSelectOption } from "@strapi/design-system";
+import { useNotification, useClipboard, ContentBox } from "@strapi/helper-plugin";
+import { Duplicate, Loader as Loader$1 } from "@strapi/icons";
+import styled, { keyframes } from "styled-components";
+import { u as useAdminRoles } from "./useAdminRoles-HCV2gJiW.mjs";
+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 { isLoading, roles } = useAdminRoles();
+  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: roles.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-YHXfTcgD.mjs.map

package/dist/_chunks/SelectRoles-YHXfTcgD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-YHXfTcgD.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 { Loader as LoadingIcon } from '@strapi/icons';\nimport { FieldInputProps } from 'formik';\nimport { useIntl } from 'react-intl';\nimport styled, { keyframes } from 'styled-components';\n\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\n\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 { isLoading, roles } = useAdminRoles();\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      {roles.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":["LoadingIcon"],"mappings":";;;;;;;;AAUA,MAAM,mBAAmB,CAAC,EAAE,UAAU,aAAoC;AACxE,QAAM,qBAAqB;AACrB,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,SAAS;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,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE,oBAAC,YAAW,EAAA,OAAO,WAAW,UAAQ,MAAC,MAAO,oBAAA,WAAA,CAAA,CAAU,GAAI,SAAS,YAAa,CAAA;AAAA,MAEpF,OAAO;AAAA,MACP,eAAa;AAAA,MACb,UAAU;AAAA,MACV,0BAAO,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,kBAAkB;AACpB,QAAA,SAAS,GACb,OAAO,SAAS,MAClB,GAAG,aAAa,oCAAoC,iBAAiB;AAGnE,SAAA,oBAAC,kBAAiB,EAAA,QACf,UAAc,cAAA;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,EACjB,CAAA,EACH,CAAA;AAEJ;ACTA,MAAM,cAAc,CAAC,EAAE,UAAU,OAAO,UAAU,YAA8B;AAC9E,QAAM,EAAE,WAAW,MAAM,IAAI,cAAc;AAErC,QAAA,EAAE,kBAAkB;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,SAAA;AAAA,IAAC;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,YAAa,oBAAA,QAAA,CAAO,CAAA,IAAK;AAAA,MACpC,OAAO,MAAM,IAAI,CAAC,MAAM,EAAE,UAAU;AAAA,MACpC,UAAQ;AAAA,MACR,UAAQ;AAAA,MAEP,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,mCACG,mBAAgC,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,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjB,MAAM,iBAAiB,OAAO;AAAA,eACf,QAAQ;AAAA;AAGvB,MAAM,SAAS,MACb,oBAAC,gBACC,EAAA,UAAA,oBAACA,WAAY,CAAA,GACf;"}