@strapi/admin 5.0.0-beta.1 → 5.0.0-beta.10

package/dist/admin/PurchaseSingleSignOn-6VTPjJVO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseSingleSignOn-6VTPjJVO.mjs","sources":["../../admin/src/pages/Settings/pages/PurchaseSingleSignOn.tsx"],"sourcesContent":["import { Box, Main, EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\n\nconst PurchaseSingleSignOn = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layouts.Root>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'Settings.sso.title',\n            defaultMessage: 'Single Sign-On',\n          })}\n          subtitle={formatMessage({\n            id: 'Settings.sso.subTitle',\n            defaultMessage: 'Configure the settings for the Single Sign-On feature.',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"16rem\" />}\n            content={formatMessage({\n              id: 'Settings.sso.not-available',\n              defaultMessage:\n                'SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/46Fk1BA\"\n                isExternal\n                target=\"_blank\"\n              >\n                {formatMessage({\n                  id: 'global.learn-more',\n                  defaultMessage: 'Learn more',\n                })}\n              </LinkButton>\n            }\n          />\n        </Box>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nexport { PurchaseSingleSignOn };\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,uBAAuB,MAAM;AACjC,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAElC,EAAA,uBACG,GAAA,CAAA,OAAA,CAAQ,IAAR,EAAA,EACC,+BAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAQ,CAAA,MAAA;AAAA,MAAR;AAAA,QACC,OAAO,aAAc,CAAA;AAAA,UACnB,EAAI,EAAA,oBAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SACjB,CAAA;AAAA,QACD,UAAU,aAAc,CAAA;AAAA,UACtB,EAAI,EAAA,uBAAA;AAAA,UACJ,cAAgB,EAAA,wDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAa,EAAA,EAAA,EAAI,cAAc,EAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,IAAM,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,QACtC,SAAS,aAAc,CAAA;AAAA,UACrB,EAAI,EAAA,4BAAA;AAAA,UACJ,cACE,EAAA,wIAAA;AAAA,SACH,CAAA;AAAA,QACD,MACE,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,SAAA;AAAA,YACR,OAAA,sBAAU,YAAa,EAAA,EAAA,CAAA;AAAA,YACvB,IAAK,EAAA,yBAAA;AAAA,YACL,UAAU,EAAA,IAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YAEN,QAAc,EAAA,aAAA,CAAA;AAAA,cACb,EAAI,EAAA,mBAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/PurchaseSingleSignOn-7NMcihzT.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const designSystem = require('@strapi/design-system');
+const icons = require('@strapi/icons');
+const symbols = require('@strapi/icons/symbols');
+const reactIntl = require('react-intl');
+const index = require('./index-Ncrnmg5a.js');
+
+const PurchaseSingleSignOn = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Layouts.Root, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.Layouts.Header,
+      {
+        title: formatMessage({
+          id: "Settings.sso.title",
+          defaultMessage: "Single Sign-On"
+        }),
+        subtitle: formatMessage({
+          id: "Settings.sso.subTitle",
+          defaultMessage: "Configure the settings for the Single Sign-On feature."
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyPermissions, { width: "16rem" }),
+        content: formatMessage({
+          id: "Settings.sso.not-available",
+          defaultMessage: "SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel."
+        }),
+        action: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.LinkButton,
+          {
+            variant: "default",
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}),
+            href: "https://strp.cc/46Fk1BA",
+            isExternal: true,
+            target: "_blank",
+            children: formatMessage({
+              id: "global.learn-more",
+              defaultMessage: "Learn more"
+            })
+          }
+        )
+      }
+    ) })
+  ] }) });
+};
+
+exports.PurchaseSingleSignOn = PurchaseSingleSignOn;
+//# sourceMappingURL=PurchaseSingleSignOn-7NMcihzT.js.map

package/dist/admin/PurchaseSingleSignOn-7NMcihzT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseSingleSignOn-7NMcihzT.js","sources":["../../admin/src/pages/Settings/pages/PurchaseSingleSignOn.tsx"],"sourcesContent":["import { Box, Main, EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../../components/Layouts/Layout';\n\nconst PurchaseSingleSignOn = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Layouts.Root>\n      <Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: 'Settings.sso.title',\n            defaultMessage: 'Single Sign-On',\n          })}\n          subtitle={formatMessage({\n            id: 'Settings.sso.subTitle',\n            defaultMessage: 'Configure the settings for the Single Sign-On feature.',\n          })}\n        />\n        <Box paddingLeft={10} paddingRight={10}>\n          <EmptyStateLayout\n            icon={<EmptyPermissions width=\"16rem\" />}\n            content={formatMessage({\n              id: 'Settings.sso.not-available',\n              defaultMessage:\n                'SSO is only available as part of a paid plan. Upgrade to configure additional sign-in & sign-up methods for your administration panel.',\n            })}\n            action={\n              <LinkButton\n                variant=\"default\"\n                endIcon={<ExternalLink />}\n                href=\"https://strp.cc/46Fk1BA\"\n                isExternal\n                target=\"_blank\"\n              >\n                {formatMessage({\n                  id: 'global.learn-more',\n                  defaultMessage: 'Learn more',\n                })}\n              </LinkButton>\n            }\n          />\n        </Box>\n      </Main>\n    </Layouts.Root>\n  );\n};\n\nexport { PurchaseSingleSignOn };\n"],"names":["useIntl","jsx","Layouts","Main","Box","EmptyStateLayout","EmptyPermissions","LinkButton","ExternalLink"],"mappings":";;;;;;;;;;;AAOA,MAAM,uBAAuB,MAAM;AACjC,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIA,iBAAQ,EAAA,CAAA;AAElC,EAAA,uBACGC,cAAA,CAAAC,aAAA,CAAQ,IAAR,EAAA,EACC,0CAACC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAF,cAAA;AAAA,MAACC,aAAQ,CAAA,MAAA;AAAA,MAAR;AAAA,QACC,OAAO,aAAc,CAAA;AAAA,UACnB,EAAI,EAAA,oBAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SACjB,CAAA;AAAA,QACD,UAAU,aAAc,CAAA;AAAA,UACtB,EAAI,EAAA,uBAAA;AAAA,UACJ,cAAgB,EAAA,wDAAA;AAAA,SACjB,CAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACCD,cAAA,CAAAG,gBAAA,EAAA,EAAI,WAAa,EAAA,EAAA,EAAI,cAAc,EAClC,EAAA,QAAA,kBAAAH,cAAA;AAAA,MAACI,6BAAA;AAAA,MAAA;AAAA,QACC,IAAM,kBAAAJ,cAAA,CAACK,wBAAiB,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,QACtC,SAAS,aAAc,CAAA;AAAA,UACrB,EAAI,EAAA,4BAAA;AAAA,UACJ,cACE,EAAA,wIAAA;AAAA,SACH,CAAA;AAAA,QACD,MACE,kBAAAL,cAAA;AAAA,UAACM,uBAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,SAAA;AAAA,YACR,OAAA,iCAAUC,kBAAa,EAAA,EAAA,CAAA;AAAA,YACvB,IAAK,EAAA,yBAAA;AAAA,YACL,UAAU,EAAA,IAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YAEN,QAAc,EAAA,aAAA,CAAA;AAAA,cACb,EAAI,EAAA,mBAAA;AAAA,cACJ,cAAgB,EAAA,YAAA;AAAA,aACjB,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/admin/SSOProviders-QBcyB9VI.js

@@ -0,0 +1,60 @@
+'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 styledComponents = require('styled-components');
+
+const SSOProviders = ({ providers, displayAllProviders }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  if (displayAllProviders) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }) }, provider.uid)) });
+  }
+  if (providers.length > 2 && !displayAllProviders) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+      providers.slice(0, 2).map((provider) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(SSOProviderButton, { provider }) }, provider.uid)),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { 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 = styledComponents.styled(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 = styledComponents.styled.a`
+  width: 13.6rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 4.8rem;
+  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-QBcyB9VI.js.map

package/dist/admin/SSOProviders-QBcyB9VI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-QBcyB9VI.js","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, 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.Root gap={4}>\n        {providers.map((provider) => (\n          <Grid.Item key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </Grid.Item>\n        ))}\n      </Grid.Root>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid.Root gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <Grid.Item key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </Grid.Item>\n        ))}\n        <Grid.Item 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        </Grid.Item>\n      </Grid.Root>\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: 13.6rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 4.8rem;\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","jsx","Grid","jsxs","Tooltip","Link","styled","Flex","Typography"],"mappings":"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"}

package/dist/admin/SSOProviders-nMmBLr8g.mjs

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Flex, Grid, 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.Root, { gap: 4, children: providers.map((provider) => /* @__PURE__ */ jsx(Grid.Item, { col: 4, children: /* @__PURE__ */ jsx(SSOProviderButton, { provider }) }, provider.uid)) });
+  }
+  if (providers.length > 2 && !displayAllProviders) {
+    return /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+      providers.slice(0, 2).map((provider) => /* @__PURE__ */ jsx(Grid.Item, { col: 4, children: /* @__PURE__ */ jsx(SSOProviderButton, { provider }) }, provider.uid)),
+      /* @__PURE__ */ jsx(Grid.Item, { 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: 13.6rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 4.8rem;
+  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-nMmBLr8g.mjs.map

package/dist/admin/SSOProviders-nMmBLr8g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-nMmBLr8g.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/SSOProviders.tsx"],"sourcesContent":["import { Flex, Grid, 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.Root gap={4}>\n        {providers.map((provider) => (\n          <Grid.Item key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </Grid.Item>\n        ))}\n      </Grid.Root>\n    );\n  }\n\n  if (providers.length > 2 && !displayAllProviders) {\n    return (\n      <Grid.Root gap={4}>\n        {providers.slice(0, 2).map((provider) => (\n          <Grid.Item key={provider.uid} col={4}>\n            <SSOProviderButton provider={provider} />\n          </Grid.Item>\n        ))}\n        <Grid.Item 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        </Grid.Item>\n      </Grid.Root>\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: 13.6rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 4.8rem;\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":"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"}

package/dist/admin/SelectRoles-BtQp5Va-.mjs

@@ -0,0 +1,111 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useIntl } from 'react-intl';
+import { w as useClipboard, m as getBasename, u as useField } from './index-jwAq-BX-.mjs';
+import { IconButton, Field, MultiSelect, MultiSelectOption } from '@strapi/design-system';
+import { Duplicate, Loader as Loader$1 } from '@strapi/icons';
+import { C as ContentBox } from './ContentBox-9LBDzws0.mjs';
+import { u as useNotification } from './rbac-A_QIXvpC.mjs';
+import { keyframes, styled } from 'styled-components';
+import { u as useAdminRoles } from './useAdminRoles-gMNUnVWO.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: formatMessage({ id: "notification.link-copied" })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ContentBox,
+    {
+      endAction: /* @__PURE__ */ jsx(IconButton, { label: copyLabel, borderWidth: 0, onClick: handleClick, children: /* @__PURE__ */ jsx(Duplicate, {}) }),
+      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 }) => {
+  const { isLoading, roles } = useAdminRoles();
+  const { formatMessage } = useIntl();
+  const { value = [], onChange, error } = useField("roles");
+  return /* @__PURE__ */ jsxs(
+    Field.Root,
+    {
+      error,
+      hint: formatMessage({
+        id: "app.components.Users.ModalCreateBody.block-title.roles.description",
+        defaultMessage: "A user can have one or several roles"
+      }),
+      name: "roles",
+      required: true,
+      children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+          id: "app.components.Users.ModalCreateBody.block-title.roles",
+          defaultMessage: "User's roles"
+        }) }),
+        /* @__PURE__ */ jsx(
+          MultiSelect,
+          {
+            disabled,
+            onChange: (v) => {
+              onChange("roles", v);
+            },
+            placeholder: formatMessage({
+              id: "app.components.Select.placeholder",
+              defaultMessage: "Select"
+            }),
+            startIcon: isLoading ? /* @__PURE__ */ jsx(Loader, {}) : void 0,
+            value: value.map((v) => v.toString()),
+            withTags: true,
+            children: roles.map((role) => {
+              return /* @__PURE__ */ jsx(MultiSelectOption, { value: role.id.toString(), children: formatMessage({
+                id: `global.${role.code}`,
+                defaultMessage: role.name
+              }) }, role.id);
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(Field.Error, {}),
+        /* @__PURE__ */ jsx(Field.Hint, {})
+      ]
+    }
+  );
+};
+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-BtQp5Va-.mjs.map

package/dist/admin/SelectRoles-BtQp5Va-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-BtQp5Va-.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 { Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { ContentBox } from '../../../../../components/ContentBox';\nimport { useNotification } from '../../../../../features/Notifications';\nimport { useClipboard } from '../../../../../hooks/useClipboard';\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({\n        type: 'info',\n        message: formatMessage({ id: 'notification.link-copied' }),\n      });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        <IconButton label={copyLabel} borderWidth={0} onClick={handleClick}>\n          <Duplicate />\n        </IconButton>\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 { Field, MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, keyframes } from 'styled-components';\n\nimport { useField } from '../../../../../components/Form';\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\n\ninterface SelectRolesProps {\n  disabled?: boolean;\n}\n\nconst SelectRoles = ({ disabled }: SelectRolesProps) => {\n  const { isLoading, roles } = useAdminRoles();\n\n  const { formatMessage } = useIntl();\n  const { value = [], onChange, error } = useField<string[]>('roles');\n\n  return (\n    <Field.Root\n      error={error}\n      hint={formatMessage({\n        id: 'app.components.Users.ModalCreateBody.block-title.roles.description',\n        defaultMessage: 'A user can have one or several roles',\n      })}\n      name=\"roles\"\n      required\n    >\n      <Field.Label>\n        {formatMessage({\n          id: 'app.components.Users.ModalCreateBody.block-title.roles',\n          defaultMessage: \"User's roles\",\n        })}\n      </Field.Label>\n      <MultiSelect\n        disabled={disabled}\n        onChange={(v) => {\n          onChange('roles', v);\n        }}\n        placeholder={formatMessage({\n          id: 'app.components.Select.placeholder',\n          defaultMessage: 'Select',\n        })}\n        startIcon={isLoading ? <Loader /> : undefined}\n        value={value.map((v) => v.toString())}\n        withTags\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      <Field.Error />\n      <Field.Hint />\n    </Field.Root>\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":"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"}

package/dist/admin/SelectRoles-q8vaxqfL.js

@@ -0,0 +1,115 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactIntl = require('react-intl');
+const index = require('./index-Ncrnmg5a.js');
+const designSystem = require('@strapi/design-system');
+const icons = require('@strapi/icons');
+const ContentBox = require('./ContentBox-3MRTNw0X.js');
+const rbac = require('./rbac-c6QPc6s7.js');
+const styledComponents = require('styled-components');
+const useAdminRoles = require('./useAdminRoles-zEk0tBhE.js');
+
+const MagicLinkWrapper = ({ children, target }) => {
+  const { toggleNotification } = rbac.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const { copy } = index.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: formatMessage({ id: "notification.link-copied" })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContentBox.ContentBox,
+    {
+      endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: copyLabel, borderWidth: 0, onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Duplicate, {}) }),
+      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 }) => {
+  const { isLoading, roles } = useAdminRoles.useAdminRoles();
+  const { formatMessage } = reactIntl.useIntl();
+  const { value = [], onChange, error } = index.useField("roles");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Field.Root,
+    {
+      error,
+      hint: formatMessage({
+        id: "app.components.Users.ModalCreateBody.block-title.roles.description",
+        defaultMessage: "A user can have one or several roles"
+      }),
+      name: "roles",
+      required: true,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+          id: "app.components.Users.ModalCreateBody.block-title.roles",
+          defaultMessage: "User's roles"
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.MultiSelect,
+          {
+            disabled,
+            onChange: (v) => {
+              onChange("roles", v);
+            },
+            placeholder: formatMessage({
+              id: "app.components.Select.placeholder",
+              defaultMessage: "Select"
+            }),
+            startIcon: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) : void 0,
+            value: value.map((v) => v.toString()),
+            withTags: 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);
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+      ]
+    }
+  );
+};
+const rotation = styledComponents.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`;
+const LoadingWrapper = styledComponents.styled.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-q8vaxqfL.js.map

package/dist/admin/SelectRoles-q8vaxqfL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-q8vaxqfL.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 { Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { ContentBox } from '../../../../../components/ContentBox';\nimport { useNotification } from '../../../../../features/Notifications';\nimport { useClipboard } from '../../../../../hooks/useClipboard';\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({\n        type: 'info',\n        message: formatMessage({ id: 'notification.link-copied' }),\n      });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        <IconButton label={copyLabel} borderWidth={0} onClick={handleClick}>\n          <Duplicate />\n        </IconButton>\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 { Field, MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, keyframes } from 'styled-components';\n\nimport { useField } from '../../../../../components/Form';\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\n\ninterface SelectRolesProps {\n  disabled?: boolean;\n}\n\nconst SelectRoles = ({ disabled }: SelectRolesProps) => {\n  const { isLoading, roles } = useAdminRoles();\n\n  const { formatMessage } = useIntl();\n  const { value = [], onChange, error } = useField<string[]>('roles');\n\n  return (\n    <Field.Root\n      error={error}\n      hint={formatMessage({\n        id: 'app.components.Users.ModalCreateBody.block-title.roles.description',\n        defaultMessage: 'A user can have one or several roles',\n      })}\n      name=\"roles\"\n      required\n    >\n      <Field.Label>\n        {formatMessage({\n          id: 'app.components.Users.ModalCreateBody.block-title.roles',\n          defaultMessage: \"User's roles\",\n        })}\n      </Field.Label>\n      <MultiSelect\n        disabled={disabled}\n        onChange={(v) => {\n          onChange('roles', v);\n        }}\n        placeholder={formatMessage({\n          id: 'app.components.Select.placeholder',\n          defaultMessage: 'Select',\n        })}\n        startIcon={isLoading ? <Loader /> : undefined}\n        value={value.map((v) => v.toString())}\n        withTags\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      <Field.Error />\n      <Field.Hint />\n    </Field.Root>\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","useField","jsxs","Field","MultiSelect","MultiSelectOption","keyframes","styled","LoadingIcon"],"mappings":"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"}