@strapi/admin 5.9.0 → 5.10.0

package/dist/admin/chunks/RelativeTime-r7oMqUVy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime-r7oMqUVy.mjs","sources":["../../../admin/src/components/RelativeTime.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Duration, intervalToDuration, isPast } from 'date-fns';\nimport { useIntl } from 'react-intl';\n\nconst intervals: Array<keyof Duration> = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];\n\ninterface CustomInterval {\n  unit: keyof Duration;\n  text: string;\n  threshold: number;\n}\n\ninterface RelativeTimeProps extends React.ComponentPropsWithoutRef<'time'> {\n  timestamp: Date;\n  customIntervals?: CustomInterval[];\n}\n\n/**\n * Displays the relative time between a given timestamp and the current time.\n * You can display a custom message for given time intervals by passing an array of custom intervals.\n *\n * @example\n * ```jsx\n * <caption>Display \"last hour\" if the timestamp is less than an hour ago</caption>\n * <RelativeTime\n *  timestamp={new Date('2021-01-01')}\n *  customIntervals={[\n *   { unit: 'hours', threshold: 1, text: 'last hour' },\n *  ]}\n * ```\n */\nconst RelativeTime = React.forwardRef<HTMLTimeElement, RelativeTimeProps>(\n  ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {\n    const { formatRelativeTime, formatDate, formatTime } = useIntl();\n\n    /**\n     * TODO: make this auto-update, like a clock.\n     */\n    const interval = intervalToDuration({\n      start: timestamp,\n      end: Date.now(),\n      // see https://github.com/date-fns/date-fns/issues/2891 – No idea why it's all partial it returns it every time.\n    }) as Required<Duration>;\n\n    const unit = intervals.find((intervalUnit) => {\n      return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);\n    })!;\n\n    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];\n\n    // Display custom text if interval is less than the threshold\n    const customInterval = customIntervals.find(\n      (custom) => interval[custom.unit] < custom.threshold\n    );\n\n    const displayText = customInterval\n      ? customInterval.text\n      : formatRelativeTime(relativeTime, unit, { numeric: 'auto' });\n\n    return (\n      <time\n        ref={forwardedRef}\n        dateTime={timestamp.toISOString()}\n        role=\"time\"\n        title={`${formatDate(timestamp)} ${formatTime(timestamp)}`}\n        {...restProps}\n      >\n        {displayText}\n      </time>\n    );\n  }\n);\n\nexport { RelativeTime };\nexport type { CustomInterval, RelativeTimeProps };\n"],"names":["intervals","RelativeTime","React","forwardRef","timestamp","customIntervals","restProps","forwardedRef","formatRelativeTime","formatDate","formatTime","useIntl","interval","intervalToDuration","start","end","Date","now","unit","find","intervalUnit","Object","keys","includes","relativeTime","isPast","customInterval","custom","threshold","displayText","text","numeric","_jsx","time","ref","dateTime","toISOString","role","title"],"mappings":";;;;;AAKA,MAAMA,SAAmC,GAAA;AAAC,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA,MAAA;AAAQ,IAAA,OAAA;AAAS,IAAA,SAAA;AAAW,IAAA;AAAU,CAAA;AAanG;;;;;;;;;;;;;AAaC,IACKC,MAAAA,YAAAA,iBAAeC,KAAMC,CAAAA,UAAU,CACnC,CAAC,EAAEC,SAAS,EAAEC,eAAkB,GAAA,EAAE,EAAE,GAAGC,WAAW,EAAEC,YAAAA,GAAAA;AAClD,IAAA,MAAM,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,OAAAA,EAAAA;AAEvD;;QAGA,MAAMC,WAAWC,kBAAmB,CAAA;QAClCC,KAAOV,EAAAA,SAAAA;AACPW,QAAAA,GAAAA,EAAKC,KAAKC,GAAG;AAEf,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAOlB,GAAAA,SAAAA,CAAUmB,IAAI,CAAC,CAACC,YAAAA,GAAAA;QAC3B,OAAOR,QAAQ,CAACQ,YAAAA,CAAa,GAAG,CAAA,IAAKC,OAAOC,IAAI,CAACV,QAAUW,CAAAA,CAAAA,QAAQ,CAACH,YAAAA,CAAAA;AACtE,KAAA,CAAA;IAEA,MAAMI,YAAAA,GAAeC,MAAOrB,CAAAA,SAAAA,CAAAA,GAAa,CAACQ,QAAQ,CAACM,IAAK,CAAA,GAAGN,QAAQ,CAACM,IAAK,CAAA;;AAGzE,IAAA,MAAMQ,cAAiBrB,GAAAA,eAAAA,CAAgBc,IAAI,CACzC,CAACQ,MAAAA,GAAWf,QAAQ,CAACe,MAAOT,CAAAA,IAAI,CAAC,GAAGS,OAAOC,SAAS,CAAA;AAGtD,IAAA,MAAMC,cAAcH,cAChBA,GAAAA,cAAAA,CAAeI,IAAI,GACnBtB,kBAAAA,CAAmBgB,cAAcN,IAAM,EAAA;QAAEa,OAAS,EAAA;AAAO,KAAA,CAAA;AAE7D,IAAA,qBACEC,GAACC,CAAAA,MAAAA,EAAAA;QACCC,GAAK3B,EAAAA,YAAAA;AACL4B,QAAAA,QAAAA,EAAU/B,UAAUgC,WAAW,EAAA;QAC/BC,IAAK,EAAA,MAAA;QACLC,KAAO,EAAA,CAAC,EAAE7B,UAAWL,CAAAA,SAAAA,CAAAA,CAAW,CAAC,EAAEM,UAAAA,CAAWN,WAAW,CAAC;AACzD,QAAA,GAAGE,SAAS;AAEZuB,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}

package/dist/admin/chunks/SSOProviders-BC_OI8Id.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var 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,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(SSOProviderButton, {
+                        provider: 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,
+                        direction: "column",
+                        alignItems: "stretch",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(SSOProviderButton, {
+                            provider: provider
+                        })
+                    }, provider.uid)),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                    col: 4,
+                    direction: "column",
+                    alignItems: "stretch",
+                    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
+            }, 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-BC_OI8Id.js.map

package/dist/admin/chunks/SSOProviders-BC_OI8Id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-BC_OI8Id.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} direction=\"column\" alignItems=\"stretch\">\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} direction=\"column\" alignItems=\"stretch\">\n            <SSOProviderButton provider={provider} />\n          </Grid.Item>\n        ))}\n        <Grid.Item col={4} direction=\"column\" alignItems=\"stretch\">\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":["SSOProviders","providers","displayAllProviders","formatMessage","useIntl","_jsx","Grid","Root","gap","map","provider","Item","col","direction","alignItems","SSOProviderButton","uid","length","_jsxs","slice","Tooltip","label","id","SSOButton","as","Link","to","span","aria-hidden","SSOProvidersWrapper","justifyContent","styled","Flex","theme","spaces","displayName","href","window","strapi","backendURL","icon","img","src","alt","height","Typography","a","colors","neutral150","borderRadius","neutral600"],"mappings":";;;;;;;;AAgBA,MAAMA,eAAe,CAAC,EAAEC,SAAS,EAAEC,mBAAmB,EAAqB,GAAA;IACzE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAIF,mBAAqB,EAAA;QACvB,qBACEG,cAAA,CAACC,kBAAKC,IAAI,EAAA;YAACC,GAAK,EAAA,CAAA;AACbP,YAAAA,QAAAA,EAAAA,SAAAA,CAAUQ,GAAG,CAAC,CAACC,QACd,iBAAAL,cAAA,CAACC,kBAAKK,IAAI,EAAA;oBAAoBC,GAAK,EAAA,CAAA;oBAAGC,SAAU,EAAA,QAAA;oBAASC,UAAW,EAAA,SAAA;AAClE,oBAAA,QAAA,gBAAAT,cAACU,CAAAA,iBAAAA,EAAAA;wBAAkBL,QAAUA,EAAAA;;AADfA,iBAAAA,EAAAA,QAAAA,CAASM,GAAG,CAAA;;AAMpC;AAEA,IAAA,IAAIf,SAAUgB,CAAAA,MAAM,GAAG,CAAA,IAAK,CAACf,mBAAqB,EAAA;QAChD,qBACEgB,eAAA,CAACZ,kBAAKC,IAAI,EAAA;YAACC,GAAK,EAAA,CAAA;;gBACbP,SAAUkB,CAAAA,KAAK,CAAC,CAAA,EAAG,CAAGV,CAAAA,CAAAA,GAAG,CAAC,CAACC,QAAAA,iBAC1BL,cAACC,CAAAA,iBAAAA,CAAKK,IAAI,EAAA;wBAAoBC,GAAK,EAAA,CAAA;wBAAGC,SAAU,EAAA,QAAA;wBAASC,UAAW,EAAA,SAAA;AAClE,wBAAA,QAAA,gBAAAT,cAACU,CAAAA,iBAAAA,EAAAA;4BAAkBL,QAAUA,EAAAA;;AADfA,qBAAAA,EAAAA,QAAAA,CAASM,GAAG,CAAA,CAAA;AAI9B,8BAAAX,cAAA,CAACC,kBAAKK,IAAI,EAAA;oBAACC,GAAK,EAAA,CAAA;oBAAGC,SAAU,EAAA,QAAA;oBAASC,UAAW,EAAA,SAAA;AAC/C,oBAAA,QAAA,gBAAAT,cAACe,CAAAA,oBAAAA,EAAAA;AACCC,wBAAAA,KAAAA,EAAOlB,aAAc,CAAA;4BACnBmB,EAAI,EAAA;AACN,yBAAA,CAAA;AAEA,wBAAA,QAAA,gBAAAjB,cAACkB,CAAAA,SAAAA,EAAAA;4BAAUC,EAAIC,EAAAA,mBAAAA;4BAAMC,EAAG,EAAA,iBAAA;AACtB,4BAAA,QAAA,gBAAArB,cAACsB,CAAAA,MAAAA,EAAAA;gCAAKC,aAAW,EAAA,IAAA;AAAC,gCAAA,QAAA,EAAA;;;;;;;AAM9B;AAEA,IAAA,qBACEvB,cAACwB,CAAAA,mBAAAA,EAAAA;QAAoBC,cAAe,EAAA,QAAA;AACjC7B,QAAAA,QAAAA,EAAAA,SAAAA,CAAUQ,GAAG,CAAC,CAACC,QAAAA,iBACdL,cAACU,CAAAA,iBAAAA,EAAAA;gBAAqCL,QAAUA,EAAAA;AAAxBA,aAAAA,EAAAA,QAAAA,CAASM,GAAG,CAAA;;AAI5C;AAEA,MAAMa,mBAAAA,GAAsBE,uBAAOC,CAAAA,iBAAAA,CAAK;;cAE1B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;kBAG7B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;iBAGlC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;AAElD,CAAC;AAUD,MAAMnB,iBAAoB,GAAA,CAAC,EAAEL,QAAQ,EAA0B,GAAA;AAC7D,IAAA,qBACEL,cAACe,CAAAA,oBAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOX,SAASyB,WAAW;AAClC,QAAA,QAAA,gBAAA9B,cAACkB,CAAAA,SAAAA,EAAAA;AAAUa,YAAAA,IAAAA,EAAM,CAAC,EAAEC,MAAOC,CAAAA,MAAM,CAACC,UAAU,CAAC,eAAe,EAAE7B,QAAAA,CAASM,GAAG,CAAC,CAAC;sBACzEN,QAAS8B,CAAAA,IAAI,iBACZnC,cAACoC,CAAAA,KAAAA,EAAAA;AAAIC,gBAAAA,GAAAA,EAAKhC,SAAS8B,IAAI;gBAAEZ,aAAW,EAAA,IAAA;gBAACe,GAAI,EAAA,EAAA;gBAAGC,MAAO,EAAA;+BAEnDvC,cAACwC,CAAAA,uBAAAA,EAAAA;AAAYnC,gBAAAA,QAAAA,EAAAA,QAAAA,CAASyB;;;;AAKhC,CAAA;AAEA,MAAMZ,SAAAA,GAAYQ,uBAAOe,CAAAA,CAAC;;;;;;oBAMN,EAAE,CAAC,EAAEb,KAAK,EAAE,GAAKA,KAAMc,CAAAA,MAAM,CAACC,UAAU,CAAC;AAC5C,iBAAA,EAAE,CAAC,EAAEf,KAAK,EAAE,GAAKA,KAAAA,CAAMgB,YAAY,CAAC;;;;;SAK5C,EAAE,CAAC,EAAEhB,KAAK,EAAE,GAAKA,KAAMc,CAAAA,MAAM,CAACG,UAAU,CAAC;AAClD,CAAC;;;;"}

package/dist/admin/chunks/SSOProviders-Dw_eYbX-.mjs

@@ -0,0 +1,105 @@
+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,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsx(SSOProviderButton, {
+                        provider: 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,
+                        direction: "column",
+                        alignItems: "stretch",
+                        children: /*#__PURE__*/ jsx(SSOProviderButton, {
+                            provider: provider
+                        })
+                    }, provider.uid)),
+                /*#__PURE__*/ jsx(Grid.Item, {
+                    col: 4,
+                    direction: "column",
+                    alignItems: "stretch",
+                    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
+            }, 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-Dw_eYbX-.mjs.map

package/dist/admin/chunks/SSOProviders-Dw_eYbX-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSOProviders-Dw_eYbX-.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} direction=\"column\" alignItems=\"stretch\">\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} direction=\"column\" alignItems=\"stretch\">\n            <SSOProviderButton provider={provider} />\n          </Grid.Item>\n        ))}\n        <Grid.Item col={4} direction=\"column\" alignItems=\"stretch\">\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":["SSOProviders","providers","displayAllProviders","formatMessage","useIntl","_jsx","Grid","Root","gap","map","provider","Item","col","direction","alignItems","SSOProviderButton","uid","length","_jsxs","slice","Tooltip","label","id","SSOButton","as","Link","to","span","aria-hidden","SSOProvidersWrapper","justifyContent","styled","Flex","theme","spaces","displayName","href","window","strapi","backendURL","icon","img","src","alt","height","Typography","a","colors","neutral150","borderRadius","neutral600"],"mappings":"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"}

package/dist/admin/chunks/SelectRoles-CG3Czm0u.mjs

@@ -0,0 +1,124 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useIntl } from 'react-intl';
+import { t as useClipboard, v as ContentBox, l as getBasename, u as useField } from './index-BUGouNML.mjs';
+import { IconButton, Field, MultiSelect, MultiSelectOption } from '@strapi/design-system';
+import { Duplicate, Loader as Loader$1 } from '@strapi/icons';
+import { a as useNotification } from './Theme-CDaBfQ-7.mjs';
+import { keyframes, styled } from 'styled-components';
+import { u as useAdminRoles } from './useAdminRoles-BEmkB0uj.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 (e)=>{
+        e.preventDefault();
+        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,
+            variant: "ghost",
+            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: 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: 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: disabled,
+                onChange: (v)=>{
+                    onChange('roles', v);
+                },
+                placeholder: formatMessage({
+                    id: 'app.components.Select.placeholder',
+                    defaultMessage: 'Select'
+                }),
+                startIcon: isLoading ? /*#__PURE__*/ jsx(Loader, {}) : undefined,
+                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-CG3Czm0u.mjs.map

package/dist/admin/chunks/SelectRoles-CG3Czm0u.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-CG3Czm0u.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 (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n\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} variant=\"ghost\" 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":["MagicLinkWrapper","children","target","toggleNotification","useNotification","formatMessage","useIntl","copy","useClipboard","copyLabel","id","defaultMessage","handleClick","e","preventDefault","didCopy","type","message","_jsx","ContentBox","endAction","IconButton","label","variant","onClick","Duplicate","title","titleEllipsis","subtitle","icon","span","style","fontSize","iconBackground","MagicLinkCE","registrationToken","window","location","origin","getBasename","SelectRoles","disabled","isLoading","roles","useAdminRoles","value","onChange","error","useField","_jsxs","Field","Root","hint","name","required","Label","MultiSelect","v","placeholder","startIcon","Loader","undefined","map","toString","withTags","role","MultiSelectOption","code","Error","Hint","rotation","keyframes","LoadingWrapper","styled","div","LoadingIcon"],"mappings":"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"}

package/dist/admin/chunks/SelectRoles-Clx1_4zB.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactIntl = require('react-intl');
+var index = require('./index-D7OmC33R.js');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var Theme = require('./Theme-CFGbtvHi.js');
+var styledComponents = require('styled-components');
+var useAdminRoles = require('./useAdminRoles-DwDqOIvp.js');
+
+const MagicLinkWrapper = ({ children, target })=>{
+    const { toggleNotification } = Theme.useNotification();
+    const { formatMessage } = reactIntl.useIntl();
+    const { copy } = index.useClipboard();
+    const copyLabel = formatMessage({
+        id: 'app.component.CopyToClipboard.label',
+        defaultMessage: 'Copy to clipboard'
+    });
+    const handleClick = async (e)=>{
+        e.preventDefault();
+        const didCopy = await copy(target);
+        if (didCopy) {
+            toggleNotification({
+                type: 'info',
+                message: formatMessage({
+                    id: 'notification.link-copied'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(index.ContentBox, {
+        endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+            label: copyLabel,
+            variant: "ghost",
+            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: 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: 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: disabled,
+                onChange: (v)=>{
+                    onChange('roles', v);
+                },
+                placeholder: formatMessage({
+                    id: 'app.components.Select.placeholder',
+                    defaultMessage: 'Select'
+                }),
+                startIcon: isLoading ? /*#__PURE__*/ jsxRuntime.jsx(Loader, {}) : undefined,
+                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-Clx1_4zB.js.map

package/dist/admin/chunks/SelectRoles-Clx1_4zB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-Clx1_4zB.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 (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n\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} variant=\"ghost\" 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":["MagicLinkWrapper","children","target","toggleNotification","useNotification","formatMessage","useIntl","copy","useClipboard","copyLabel","id","defaultMessage","handleClick","e","preventDefault","didCopy","type","message","_jsx","ContentBox","endAction","IconButton","label","variant","onClick","Duplicate","title","titleEllipsis","subtitle","icon","span","style","fontSize","iconBackground","MagicLinkCE","registrationToken","window","location","origin","getBasename","SelectRoles","disabled","isLoading","roles","useAdminRoles","value","onChange","error","useField","_jsxs","Field","Root","hint","name","required","Label","MultiSelect","v","placeholder","startIcon","Loader","undefined","map","toString","withTags","role","MultiSelectOption","code","Error","Hint","rotation","keyframes","LoadingWrapper","styled","div","LoadingIcon"],"mappings":"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"}