@strapi/admin 4.26.0 → 4.26.2

package/dist/_chunks/SSOProviders-DXiFqVN5.mjs

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid, GridItem, Tooltip, Typography, Flex } 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-DXiFqVN5.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-DXiFqVN5.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;AAC9E,QAAM,EAAE,cAAA,IAAkB,QAAA;AAE1B,MAAI,qBAAqB;AACvB,+BACG,MAAA,EAAK,KAAK,GACR,UAAA,UAAU,IAAI,CAAC,aACd,oBAAC,YAA4B,KAAK,GAChC,8BAAC,mBAAA,EAAkB,SAAA,CAAoB,KAD1B,SAAS,GAExB,CACD,EAAA,CACH;AAAA,EAEJ;AAEA,MAAI,UAAU,SAAS,KAAK,CAAC,qBAAqB;AAChD,WACE,qBAAC,MAAA,EAAK,KAAK,GACR,UAAA;AAAA,MAAA,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,aAC1B,oBAAC,UAAA,EAA4B,KAAK,GAChC,UAAA,oBAAC,mBAAA,EAAkB,UAAoB,EAAA,GAD1B,SAAS,GAExB,CACD;AAAA,MACD,oBAAC,UAAA,EAAS,KAAK,GACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,cAAc;AAAA,YACnB,IAAI;AAAA,UAAA,CACL;AAAA,UAED,UAAA,oBAAC,WAAA,EAAU,IAAI,MAAM,IAAG,mBACtB,UAAA,oBAAC,QAAA,EAAK,eAAW,MAAC,UAAA,MAAA,CAAG,EAAA,CACvB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,qBAAA,EAAoB,gBAAe,UACjC,oBAAU,IAAI,CAAC,aACd,oBAAC,mBAAA,EAAqC,SAAA,GAAd,SAAS,GAAyB,CAC3D,GACH;AAEJ;AAEA,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA,gBAEvB,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,oBAG1B,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,mBAG/B,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAYjD,MAAM,oBAAoB,CAAC,EAAE,eAAuC;AAClE,SACE,oBAAC,SAAA,EAAQ,OAAO,SAAS,aACvB,UAAA,oBAAC,WAAA,EAAU,MAAM,GAAG,OAAO,OAAO,UAAU,kBAAkB,SAAS,GAAG,IACvE,UAAA,SAAS,OACR,oBAAC,SAAI,KAAK,SAAS,MAAM,eAAW,MAAC,KAAI,IAAG,QAAO,QAAO,IAE1D,oBAAC,YAAA,EAAY,UAAA,SAAS,YAAA,CAAY,GAEtC,GACF;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/SelectRoles-BBt0I6mr.js

@@ -0,0 +1,103 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const reactIntl = require("react-intl");
+const index = require("./index-BiELGgSr.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-CgCWq8bE.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-BBt0I6mr.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-BBt0I6mr.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-DXP3vxWG.mjs

@@ -0,0 +1,102 @@
+import { jsx } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { K as getBasename } from "./index-Cwr9u7_W.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-B7eTo_wV.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-DXP3vxWG.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-DXP3vxWG.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,gBAAA;AAC3B,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,EAAE,KAAA,IAAS,aAAA;AAEjB,QAAM,YAAY,cAAc;AAAA,IAC9B,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAED,QAAM,cAAc,YAAY;AAC9B,UAAM,UAAU,MAAM,KAAK,MAAM;AAEjC,QAAI,SAAS;AACX,yBAAmB,EAAE,MAAM,QAAQ,SAAS,EAAE,IAAI,2BAAA,GAA8B;AAAA,IAClF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE,oBAAC,YAAA,EAAW,OAAO,WAAW,UAAQ,MAAC,MAAM,oBAAC,WAAA,CAAA,CAAU,GAAI,SAAS,YAAA,CAAa;AAAA,MAEpF,OAAO;AAAA,MACP,eAAa;AAAA,MACb,UAAU;AAAA,MACV,0BAAO,QAAA,EAAK,OAAO,EAAE,UAAU,GAAA,GAAM,UAAA,MAAE;AAAA,MACvC,gBAAe;AAAA,IAAA;AAAA,EAAA;AAGrB;AC9BA,MAAM,cAAc,CAAC,EAAE,wBAA0C;AAC/D,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,SAAS,GACb,OAAO,SAAS,MAClB,GAAG,YAAA,CAAa,oCAAoC,iBAAiB;AAErE,SACE,oBAAC,kBAAA,EAAiB,QACf,UAAA,cAAc;AAAA,IACb,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACH;AAEJ;ACTA,MAAM,cAAc,CAAC,EAAE,UAAU,OAAO,UAAU,YAA8B;AAC9E,QAAM,EAAE,WAAW,MAAA,IAAU,cAAA;AAE7B,QAAM,EAAE,cAAA,IAAkB,QAAA;AAC1B,QAAM,eAAe,QAAQ,cAAc,EAAE,IAAI,OAAO,gBAAgB,MAAA,CAAO,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;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,UAAU,CAAC,MAAM;AACf,iBAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,OAAO,EAAA,GAAK;AAAA,MAClD;AAAA,MACA;AAAA,MACA,WAAW,YAAY,oBAAC,QAAA,CAAA,CAAO,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,mBAAA,EAAgC,OAAO,KAAK,GAAG,SAAA,GAC7C,UAAA,cAAc;AAAA,UACb,IAAI,UAAU,KAAK,IAAI;AAAA,UACvB,gBAAgB,KAAK;AAAA,QAAA,CACtB,EAAA,GAJqB,KAAK,EAK7B;AAAA,MAEJ,CAAC;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,gBAAA,EACC,UAAA,oBAACA,YAAY,GACf;"}