@strapi/admin 4.20.5 → 5.0.0-alpha.1

package/dist/_chunks/ca-pKSR4Q9q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-pKSR4Q9q.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/constants-FEW7x2Od.mjs

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Divider, Main, Box, Typography, Flex, Loader, Button } from "@strapi/design-system";
+import { Link } from "@strapi/design-system/v2";
+import { useIntl } from "react-intl";
+import { useNavigate, Navigate, NavLink } from "react-router-dom";
+import styled from "styled-components";
+import { b0 as useGetProvidersQuery, U as UnauthenticatedLayout, L as LayoutContent, b2 as Column, a as Logo } from "./index-hjUhNUvw.mjs";
+import { S as SSOProviders } from "./SSOProviders-GvoeZh35.mjs";
+const Providers = () => {
+  const navigate = useNavigate();
+  const { formatMessage } = useIntl();
+  const { isLoading, data: providers = [] } = useGetProvidersQuery(void 0, {
+    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO)
+  });
+  const handleClick = () => {
+    navigate("/auth/login");
+  };
+  if (!window.strapi.features.isEnabled(window.strapi.features.SSO) || !isLoading && providers.length === 0) {
+    return /* @__PURE__ */ jsx(Navigate, { to: "/auth/login" });
+  }
+  return /* @__PURE__ */ jsx(UnauthenticatedLayout, { children: /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsxs(LayoutContent, { children: [
+      /* @__PURE__ */ jsxs(Column, { children: [
+        /* @__PURE__ */ jsx(Logo, {}),
+        /* @__PURE__ */ jsx(Box, { paddingTop: 6, paddingBottom: 1, children: /* @__PURE__ */ jsx(Typography, { as: "h1", variant: "alpha", children: formatMessage({ id: "Auth.form.welcome.title" }) }) }),
+        /* @__PURE__ */ jsx(Box, { paddingBottom: 7, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "Auth.login.sso.subtitle" }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 7, children: [
+        isLoading ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({ id: "Auth.login.sso.loading" }) }) }) : /* @__PURE__ */ jsx(SSOProviders, { providers }),
+        /* @__PURE__ */ jsxs(Flex, { children: [
+          /* @__PURE__ */ jsx(DividerFull, {}),
+          /* @__PURE__ */ jsx(Box, { paddingLeft: 3, paddingRight: 3, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "or" }) }) }),
+          /* @__PURE__ */ jsx(DividerFull, {})
+        ] }),
+        /* @__PURE__ */ jsx(Button, { fullWidth: true, size: "L", onClick: handleClick, children: formatMessage({ id: "Auth.form.button.login.strapi" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Link, { as: NavLink, to: "/auth/forgot-password", children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: formatMessage({ id: "Auth.link.forgot-password" }) }) }) }) })
+  ] }) });
+};
+const DividerFull = styled(Divider)`
+  flex: 1;
+`;
+const FORMS = {
+  providers: Providers
+};
+export {
+  FORMS
+};
+//# sourceMappingURL=constants-FEW7x2Od.mjs.map

package/dist/_chunks/constants-FEW7x2Od.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-FEW7x2Od.mjs","sources":["../../ee/admin/src/pages/AuthPage/components/Providers.tsx","../../ee/admin/src/pages/AuthPage/constants.ts"],"sourcesContent":["import { Box, Button, Divider, Flex, Loader, Main, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { useIntl } from 'react-intl';\nimport { NavLink, Navigate, useNavigate } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { Logo } from '../../../../../../admin/src/components/UnauthenticatedLogo';\nimport {\n  Column,\n  LayoutContent,\n  UnauthenticatedLayout,\n} from '../../../../../../admin/src/layouts/UnauthenticatedLayout';\nimport { useGetProvidersQuery } from '../../../../../../admin/src/services/auth';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst Providers = () => {\n  const navigate = useNavigate();\n  const { formatMessage } = useIntl();\n  const { isLoading, data: providers = [] } = useGetProvidersQuery(undefined, {\n    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  const handleClick = () => {\n    navigate('/auth/login');\n  };\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Navigate to=\"/auth/login\" />;\n  }\n\n  return (\n    <UnauthenticatedLayout>\n      <Main>\n        <LayoutContent>\n          <Column>\n            <Logo />\n            <Box paddingTop={6} paddingBottom={1}>\n              <Typography as=\"h1\" variant=\"alpha\">\n                {formatMessage({ id: 'Auth.form.welcome.title' })}\n              </Typography>\n            </Box>\n            <Box paddingBottom={7}>\n              <Typography variant=\"epsilon\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.subtitle' })}\n              </Typography>\n            </Box>\n          </Column>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n            {isLoading ? (\n              <Flex justifyContent=\"center\">\n                <Loader>{formatMessage({ id: 'Auth.login.sso.loading' })}</Loader>\n              </Flex>\n            ) : (\n              <SSOProviders providers={providers} />\n            )}\n            <Flex>\n              <DividerFull />\n              <Box paddingLeft={3} paddingRight={3}>\n                <Typography variant=\"sigma\" textColor=\"neutral600\">\n                  {formatMessage({ id: 'or' })}\n                </Typography>\n              </Box>\n              <DividerFull />\n            </Flex>\n            <Button fullWidth size=\"L\" onClick={handleClick}>\n              {formatMessage({ id: 'Auth.form.button.login.strapi' })}\n            </Button>\n          </Flex>\n        </LayoutContent>\n        <Flex justifyContent=\"center\">\n          <Box paddingTop={4}>\n            {/* @ts-expect-error – error with inferring the props from the as component */}\n            <Link as={NavLink} to=\"/auth/forgot-password\">\n              <Typography variant=\"pi\">\n                {formatMessage({ id: 'Auth.link.forgot-password' })}\n              </Typography>\n            </Link>\n          </Box>\n        </Flex>\n      </Main>\n    </UnauthenticatedLayout>\n  );\n};\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nexport { Providers };\n","import type { ComponentType } from 'react';\n\nimport { Providers } from './components/Providers';\n\ntype AuthType = 'providers';\n\ntype FormDictionary = Record<AuthType, ComponentType>;\n\nexport const FORMS = {\n  providers: Providers,\n} satisfies FormDictionary;\n"],"names":[],"mappings":";;;;;;;;AAgBA,MAAM,YAAY,MAAM;AACtB,QAAM,WAAW;AACX,QAAA,EAAE,kBAAkB;AACpB,QAAA,EAAE,WAAW,MAAM,YAAY,CAAA,MAAO,qBAAqB,QAAW;AAAA,IAC1E,MAAM,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,EAAA,CACnE;AAED,QAAM,cAAc,MAAM;AACxB,aAAS,aAAa;AAAA,EAAA;AAGxB,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACO,WAAA,oBAAC,UAAS,EAAA,IAAG,cAAc,CAAA;AAAA,EACpC;AAGE,SAAA,oBAAC,uBACC,EAAA,UAAA,qBAAC,MACC,EAAA,UAAA;AAAA,IAAA,qBAAC,eACC,EAAA,UAAA;AAAA,MAAA,qBAAC,QACC,EAAA,UAAA;AAAA,QAAA,oBAAC,MAAK,EAAA;AAAA,4BACL,KAAI,EAAA,YAAY,GAAG,eAAe,GACjC,8BAAC,YAAW,EAAA,IAAG,MAAK,SAAQ,SACzB,UAAc,cAAA,EAAE,IAAI,0BAA0B,CAAC,EAClD,CAAA,GACF;AAAA,4BACC,KAAI,EAAA,eAAe,GAClB,UAAA,oBAAC,cAAW,SAAQ,WAAU,WAAU,cACrC,wBAAc,EAAE,IAAI,0BAA0B,CAAC,EAClD,CAAA,GACF;AAAA,MAAA,GACF;AAAA,2BACC,MAAK,EAAA,WAAU,UAAS,YAAW,WAAU,KAAK,GAChD,UAAA;AAAA,QAAA,gCACE,MAAK,EAAA,gBAAe,UACnB,UAAA,oBAAC,UAAQ,UAAc,cAAA,EAAE,IAAI,yBAA0B,CAAA,GAAE,EAAA,CAC3D,IAEA,oBAAC,gBAAa,WAAsB;AAAA,6BAErC,MACC,EAAA,UAAA;AAAA,UAAA,oBAAC,aAAY,EAAA;AAAA,8BACZ,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,8BAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,KAAK,CAAC,EAC7B,CAAA,GACF;AAAA,8BACC,aAAY,EAAA;AAAA,QAAA,GACf;AAAA,QACC,oBAAA,QAAA,EAAO,WAAS,MAAC,MAAK,KAAI,SAAS,aACjC,UAAc,cAAA,EAAE,IAAI,gCAAA,CAAiC,EACxD,CAAA;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,MAAK,EAAA,gBAAe,UACnB,UAAA,oBAAC,KAAI,EAAA,YAAY,GAEf,UAAA,oBAAC,MAAK,EAAA,IAAI,SAAS,IAAG,yBACpB,UAAC,oBAAA,YAAA,EAAW,SAAQ,MACjB,UAAc,cAAA,EAAE,IAAI,4BAA6B,CAAA,EACpD,CAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAEA,MAAM,cAAc,OAAO,OAAO;AAAA;AAAA;AChF3B,MAAM,QAAQ;AAAA,EACnB,WAAW;AACb;"}

package/dist/_chunks/constants-RZp8o_c4.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const v2 = require("@strapi/design-system/v2");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+const styled = require("styled-components");
+const index = require("./index-ejSDPT-T.js");
+const SSOProviders = require("./SSOProviders-Z6IAEre2.js");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const Providers = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const { formatMessage } = reactIntl.useIntl();
+  const { isLoading, data: providers = [] } = index.useGetProvidersQuery(void 0, {
+    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO)
+  });
+  const handleClick = () => {
+    navigate("/auth/login");
+  };
+  if (!window.strapi.features.isEnabled(window.strapi.features.SSO) || !isLoading && providers.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/auth/login" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index.UnauthenticatedLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(index.LayoutContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Column, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.Logo, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 6, paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h1", variant: "alpha", children: formatMessage({ id: "Auth.form.welcome.title" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 7, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "Auth.login.sso.subtitle" }) }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 7, children: [
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: formatMessage({ id: "Auth.login.sso.loading" }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(SSOProviders.SSOProviders, { providers }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DividerFull, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 3, paddingRight: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "or" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(DividerFull, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, size: "L", onClick: handleClick, children: formatMessage({ id: "Auth.form.button.login.strapi" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(v2.Link, { as: reactRouterDom.NavLink, to: "/auth/forgot-password", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: formatMessage({ id: "Auth.link.forgot-password" }) }) }) }) })
+  ] }) });
+};
+const DividerFull = styled__default.default(designSystem.Divider)`
+  flex: 1;
+`;
+const FORMS = {
+  providers: Providers
+};
+exports.FORMS = FORMS;
+//# sourceMappingURL=constants-RZp8o_c4.js.map

package/dist/_chunks/constants-RZp8o_c4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-RZp8o_c4.js","sources":["../../ee/admin/src/pages/AuthPage/components/Providers.tsx","../../ee/admin/src/pages/AuthPage/constants.ts"],"sourcesContent":["import { Box, Button, Divider, Flex, Loader, Main, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { useIntl } from 'react-intl';\nimport { NavLink, Navigate, useNavigate } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { Logo } from '../../../../../../admin/src/components/UnauthenticatedLogo';\nimport {\n  Column,\n  LayoutContent,\n  UnauthenticatedLayout,\n} from '../../../../../../admin/src/layouts/UnauthenticatedLayout';\nimport { useGetProvidersQuery } from '../../../../../../admin/src/services/auth';\n\nimport { SSOProviders } from './SSOProviders';\n\nconst Providers = () => {\n  const navigate = useNavigate();\n  const { formatMessage } = useIntl();\n  const { isLoading, data: providers = [] } = useGetProvidersQuery(undefined, {\n    skip: !window.strapi.features.isEnabled(window.strapi.features.SSO),\n  });\n\n  const handleClick = () => {\n    navigate('/auth/login');\n  };\n\n  if (\n    !window.strapi.features.isEnabled(window.strapi.features.SSO) ||\n    (!isLoading && providers.length === 0)\n  ) {\n    return <Navigate to=\"/auth/login\" />;\n  }\n\n  return (\n    <UnauthenticatedLayout>\n      <Main>\n        <LayoutContent>\n          <Column>\n            <Logo />\n            <Box paddingTop={6} paddingBottom={1}>\n              <Typography as=\"h1\" variant=\"alpha\">\n                {formatMessage({ id: 'Auth.form.welcome.title' })}\n              </Typography>\n            </Box>\n            <Box paddingBottom={7}>\n              <Typography variant=\"epsilon\" textColor=\"neutral600\">\n                {formatMessage({ id: 'Auth.login.sso.subtitle' })}\n              </Typography>\n            </Box>\n          </Column>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n            {isLoading ? (\n              <Flex justifyContent=\"center\">\n                <Loader>{formatMessage({ id: 'Auth.login.sso.loading' })}</Loader>\n              </Flex>\n            ) : (\n              <SSOProviders providers={providers} />\n            )}\n            <Flex>\n              <DividerFull />\n              <Box paddingLeft={3} paddingRight={3}>\n                <Typography variant=\"sigma\" textColor=\"neutral600\">\n                  {formatMessage({ id: 'or' })}\n                </Typography>\n              </Box>\n              <DividerFull />\n            </Flex>\n            <Button fullWidth size=\"L\" onClick={handleClick}>\n              {formatMessage({ id: 'Auth.form.button.login.strapi' })}\n            </Button>\n          </Flex>\n        </LayoutContent>\n        <Flex justifyContent=\"center\">\n          <Box paddingTop={4}>\n            {/* @ts-expect-error – error with inferring the props from the as component */}\n            <Link as={NavLink} to=\"/auth/forgot-password\">\n              <Typography variant=\"pi\">\n                {formatMessage({ id: 'Auth.link.forgot-password' })}\n              </Typography>\n            </Link>\n          </Box>\n        </Flex>\n      </Main>\n    </UnauthenticatedLayout>\n  );\n};\n\nconst DividerFull = styled(Divider)`\n  flex: 1;\n`;\n\nexport { Providers };\n","import type { ComponentType } from 'react';\n\nimport { Providers } from './components/Providers';\n\ntype AuthType = 'providers';\n\ntype FormDictionary = Record<AuthType, ComponentType>;\n\nexport const FORMS = {\n  providers: Providers,\n} satisfies FormDictionary;\n"],"names":["useNavigate","useIntl","useGetProvidersQuery","jsx","Navigate","UnauthenticatedLayout","jsxs","Main","LayoutContent","Column","Logo","Box","Typography","Flex","Loader","SSOProviders","Button","Link","NavLink","styled","Divider"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,YAAY,MAAM;AACtB,QAAM,WAAWA,eAAAA;AACX,QAAA,EAAE,kBAAkBC,UAAAA;AACpB,QAAA,EAAE,WAAW,MAAM,YAAY,CAAA,MAAOC,MAAAA,qBAAqB,QAAW;AAAA,IAC1E,MAAM,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG;AAAA,EAAA,CACnE;AAED,QAAM,cAAc,MAAM;AACxB,aAAS,aAAa;AAAA,EAAA;AAGxB,MACE,CAAC,OAAO,OAAO,SAAS,UAAU,OAAO,OAAO,SAAS,GAAG,KAC3D,CAAC,aAAa,UAAU,WAAW,GACpC;AACO,WAAAC,2BAAA,IAACC,eAAS,UAAA,EAAA,IAAG,cAAc,CAAA;AAAA,EACpC;AAGE,SAAAD,2BAAAA,IAACE,MAAAA,uBACC,EAAA,UAAAC,2BAAAA,KAACC,aAAAA,MACC,EAAA,UAAA;AAAA,IAAAD,gCAACE,MAAAA,eACC,EAAA,UAAA;AAAA,MAAAF,gCAACG,MAAAA,QACC,EAAA,UAAA;AAAA,QAAAN,2BAAA,IAACO,MAAK,MAAA,EAAA;AAAA,uCACLC,aAAAA,KAAI,EAAA,YAAY,GAAG,eAAe,GACjC,yCAACC,yBAAW,EAAA,IAAG,MAAK,SAAQ,SACzB,UAAc,cAAA,EAAE,IAAI,0BAA0B,CAAC,EAClD,CAAA,GACF;AAAA,uCACCD,aAAAA,KAAI,EAAA,eAAe,GAClB,UAAAR,2BAAA,IAACS,2BAAW,SAAQ,WAAU,WAAU,cACrC,wBAAc,EAAE,IAAI,0BAA0B,CAAC,EAClD,CAAA,GACF;AAAA,MAAA,GACF;AAAA,sCACCC,aAAAA,MAAK,EAAA,WAAU,UAAS,YAAW,WAAU,KAAK,GAChD,UAAA;AAAA,QAAA,2CACEA,aAAK,MAAA,EAAA,gBAAe,UACnB,UAAAV,2BAAAA,IAACW,uBAAQ,UAAc,cAAA,EAAE,IAAI,yBAA0B,CAAA,GAAE,EAAA,CAC3D,IAEAX,+BAACY,aAAAA,gBAAa,WAAsB;AAAA,wCAErCF,aAAAA,MACC,EAAA,UAAA;AAAA,UAAAV,2BAAA,IAAC,aAAY,EAAA;AAAA,yCACZQ,aAAAA,KAAI,EAAA,aAAa,GAAG,cAAc,GACjC,yCAACC,yBAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA,EAAE,IAAI,KAAK,CAAC,EAC7B,CAAA,GACF;AAAA,yCACC,aAAY,EAAA;AAAA,QAAA,GACf;AAAA,QACCT,2BAAA,IAAAa,aAAA,QAAA,EAAO,WAAS,MAAC,MAAK,KAAI,SAAS,aACjC,UAAc,cAAA,EAAE,IAAI,gCAAA,CAAiC,EACxD,CAAA;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,IACAb,2BAAA,IAACU,aAAK,MAAA,EAAA,gBAAe,UACnB,UAAAV,2BAAAA,IAACQ,aAAAA,KAAI,EAAA,YAAY,GAEf,UAAAR,2BAAA,IAACc,GAAK,MAAA,EAAA,IAAIC,eAAS,SAAA,IAAG,yBACpB,UAACf,2BAAA,IAAAS,aAAA,YAAA,EAAW,SAAQ,MACjB,UAAc,cAAA,EAAE,IAAI,4BAA6B,CAAA,EACpD,CAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAEA,MAAM,cAAcO,gBAAAA,QAAOC,aAAAA,OAAO;AAAA;AAAA;AChF3B,MAAM,QAAQ;AAAA,EACnB,WAAW;AACb;;"}

package/dist/_chunks/constants-Xd-X3SCR.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./index-ejSDPT-T.js");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const useReviewWorkflows = require("./useReviewWorkflows-QoSEilRp.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const AssigneeFilter = ({ name }) => {
+  const [page, setPage] = React__namespace.useState(1);
+  const { formatMessage } = reactIntl.useIntl();
+  const { data, isLoading } = index.useAdminUsers({
+    page
+  });
+  const users = data?.users || [];
+  const field = index.useField(name);
+  const handleChange = (value) => {
+    setPage(1);
+    field.onChange(name, value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Combobox,
+    {
+      value: field.value,
+      "aria-label": formatMessage({
+        id: "content-manager.components.Filters.usersSelect.label",
+        defaultMessage: "Search and select an user to filter"
+      }),
+      onChange: handleChange,
+      loading: isLoading,
+      onLoadMore: () => setPage((prev) => prev + 1),
+      children: users.map((user) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: user.id.toString(), children: index.getDisplayName(user, formatMessage) }, user.id);
+      })
+    }
+  );
+};
+const StageFilter = (props) => {
+  const { model } = index.useDoc();
+  const { formatMessage } = reactIntl.useIntl();
+  const { workflows, isLoading } = useReviewWorkflows.useReviewWorkflows({ filters: { contentTypes: model } });
+  const field = index.useField(props.name);
+  const [workflow] = workflows ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.SingleSelect,
+    {
+      "aria-label": formatMessage({
+        id: "content-manager.components.Filters.reviewWorkflows.label",
+        defaultMessage: "Search and select an workflow stage to filter"
+      }),
+      value: field.value,
+      onChange: (value) => {
+        field.onChange(props.name, value);
+      },
+      loading: isLoading,
+      customizeContent: () => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { as: "span", justifyContent: "space-between", alignItems: "center", width: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: field.value }),
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, style: { display: "flex" } }) : null
+      ] }),
+      children: (workflow?.stages ?? []).map(({ id, color, name }) => {
+        const { themeColorName } = index.getStageColorByHex(color) ?? {};
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.SingleSelectOption,
+          {
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Flex,
+              {
+                height: 2,
+                background: color,
+                borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+                hasRadius: true,
+                shrink: 0,
+                width: 2
+              }
+            ),
+            value: name,
+            children: name
+          },
+          id
+        );
+      })
+    }
+  );
+};
+const REVIEW_WORKFLOW_COLUMNS_EE = [
+  {
+    name: index.STAGE_ATTRIBUTE_NAME,
+    attribute: {
+      type: "relation",
+      relation: "oneToMany",
+      target: "admin::review-workflow-stage"
+    },
+    label: {
+      id: index.getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),
+      defaultMessage: "Review stage"
+    },
+    searchable: false,
+    sortable: true,
+    mainField: {
+      name: "name",
+      type: "string"
+    }
+  },
+  {
+    name: index.ASSIGNEE_ATTRIBUTE_NAME,
+    attribute: {
+      type: "relation",
+      target: "admin::user",
+      relation: "oneToMany"
+    },
+    label: {
+      id: index.getTranslation(`containers.list.table-headers.reviewWorkflows.assignee`),
+      defaultMessage: "Assignee"
+    },
+    searchable: false,
+    sortable: true,
+    mainField: {
+      name: "firstname",
+      type: "string"
+    }
+  }
+];
+const REVIEW_WORKFLOW_FILTERS = [
+  {
+    mainField: {
+      name: "name",
+      type: "string"
+    },
+    input: StageFilter,
+    label: {
+      id: index.getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),
+      defaultMessage: "Review stage"
+    },
+    name: "strapi_stage",
+    type: "relation"
+  },
+  {
+    type: "relation",
+    mainField: {
+      name: "id",
+      type: "integer"
+    },
+    input: AssigneeFilter,
+    operators: [
+      {
+        label: {
+          id: "components.FilterOptions.FILTER_TYPES.$eq",
+          defaultMessage: "is"
+        },
+        value: "$eq"
+      },
+      {
+        label: {
+          id: "components.FilterOptions.FILTER_TYPES.$ne",
+          defaultMessage: "is not"
+        },
+        value: "$ne"
+      }
+    ],
+    label: {
+      id: index.getTranslation(`containers.list.table-headers.reviewWorkflows.assignee.label`),
+      defaultMessage: "Assignee"
+    },
+    name: "strapi_assignee"
+  }
+];
+exports.REVIEW_WORKFLOW_COLUMNS_EE = REVIEW_WORKFLOW_COLUMNS_EE;
+exports.REVIEW_WORKFLOW_FILTERS = REVIEW_WORKFLOW_FILTERS;
+//# sourceMappingURL=constants-Xd-X3SCR.js.map

package/dist/_chunks/constants-Xd-X3SCR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-Xd-X3SCR.js","sources":["../../ee/admin/src/content-manager/pages/ListView/components/AssigneeFilter.tsx","../../ee/admin/src/content-manager/pages/ListView/components/StageFilter.tsx","../../ee/admin/src/content-manager/pages/ListView/constants.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Combobox, ComboboxOption, ComboboxProps } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Filters } from '../../../../../../../admin/src/components/Filters';\nimport { useField } from '../../../../../../../admin/src/components/Form';\nimport { useAdminUsers } from '../../../../../../../admin/src/services/users';\nimport { getDisplayName } from '../../../../../../../admin/src/utils/users';\n\ninterface AssigneeFilterProps extends Pick<ComboboxProps, 'value' | 'onChange'> {}\n\nconst AssigneeFilter = ({ name }: Filters.ValueInputProps) => {\n  const [page, setPage] = React.useState(1);\n  const { formatMessage } = useIntl();\n  const { data, isLoading } = useAdminUsers({\n    page,\n  });\n  const users = data?.users || [];\n\n  const field = useField(name);\n\n  const handleChange = (value?: string) => {\n    setPage(1);\n    field.onChange(name, value);\n  };\n\n  return (\n    <Combobox\n      value={field.value}\n      aria-label={formatMessage({\n        id: 'content-manager.components.Filters.usersSelect.label',\n        defaultMessage: 'Search and select an user to filter',\n      })}\n      onChange={handleChange}\n      loading={isLoading}\n      onLoadMore={() => setPage((prev) => prev + 1)}\n    >\n      {users.map((user) => {\n        return (\n          <ComboboxOption key={user.id} value={user.id.toString()}>\n            {getDisplayName(user, formatMessage)}\n          </ComboboxOption>\n        );\n      })}\n    </Combobox>\n  );\n};\n\nexport { AssigneeFilter };\nexport type { AssigneeFilterProps };\n","import {\n  Flex,\n  Loader,\n  SingleSelect,\n  SingleSelectOption,\n  SingleSelectProps,\n  Typography,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Filters } from '../../../../../../../admin/src/components/Filters';\nimport { useField } from '../../../../../../../admin/src/components/Form';\nimport { useDoc } from '../../../../../../../admin/src/content-manager/hooks/useDocument';\nimport { useReviewWorkflows } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\ninterface StageFilterProps extends Pick<SingleSelectProps, 'value' | 'onChange'> {\n  uid?: string;\n}\n\nconst StageFilter = (props: Filters.ValueInputProps) => {\n  const { model } = useDoc();\n  const { formatMessage } = useIntl();\n  const { workflows, isLoading } = useReviewWorkflows({ filters: { contentTypes: model } });\n\n  const field = useField(props.name);\n\n  const [workflow] = workflows ?? [];\n\n  return (\n    <SingleSelect\n      aria-label={formatMessage({\n        id: 'content-manager.components.Filters.reviewWorkflows.label',\n        defaultMessage: 'Search and select an workflow stage to filter',\n      })}\n      value={field.value}\n      onChange={(value) => {\n        field.onChange(props.name, value);\n      }}\n      loading={isLoading}\n      // @ts-expect-error – DS type error with SingleSelect['customizeContent']\n      customizeContent={() => (\n        <Flex as=\"span\" justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography textColor=\"neutral800\" ellipsis>\n            {field.value}\n          </Typography>\n          {isLoading ? <Loader small style={{ display: 'flex' }} /> : null}\n        </Flex>\n      )}\n    >\n      {(workflow?.stages ?? []).map(({ id, color, name }) => {\n        const { themeColorName } = getStageColorByHex(color) ?? {};\n\n        return (\n          <SingleSelectOption\n            key={id}\n            startIcon={\n              <Flex\n                height={2}\n                background={color}\n                borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                hasRadius\n                shrink={0}\n                width={2}\n              />\n            }\n            value={name}\n          >\n            {name}\n          </SingleSelectOption>\n        );\n      })}\n    </SingleSelect>\n  );\n};\n\nexport { StageFilter };\nexport type { StageFilterProps };\n","import { getTranslation } from '../../../../../../admin/src/content-manager/utils/translations';\nimport { ASSIGNEE_ATTRIBUTE_NAME, STAGE_ATTRIBUTE_NAME } from '../EditView/components/constants';\n\nimport { AssigneeFilter } from './components/AssigneeFilter';\nimport { StageFilter } from './components/StageFilter';\n\nimport type { Filters } from '../../../../../../admin/src/components/Filters';\nimport type { ListFieldLayout } from '../../../../../../admin/src/content-manager/hooks/useDocumentLayout';\nimport type { MessageDescriptor } from 'react-intl';\n\nexport const REVIEW_WORKFLOW_COLUMNS_EE = [\n  {\n    name: STAGE_ATTRIBUTE_NAME,\n    attribute: {\n      type: 'relation',\n      relation: 'oneToMany',\n      target: 'admin::review-workflow-stage',\n    },\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),\n      defaultMessage: 'Review stage',\n    },\n    searchable: false,\n    sortable: true,\n    mainField: {\n      name: 'name',\n      type: 'string',\n    },\n  },\n  {\n    name: ASSIGNEE_ATTRIBUTE_NAME,\n    attribute: {\n      type: 'relation',\n      target: 'admin::user',\n      relation: 'oneToMany',\n    },\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.assignee`),\n      defaultMessage: 'Assignee',\n    },\n    searchable: false,\n    sortable: true,\n    mainField: {\n      name: 'firstname',\n      type: 'string',\n    },\n  },\n] satisfies Array<Omit<ListFieldLayout, 'label'> & { label: MessageDescriptor }>;\n\nexport const REVIEW_WORKFLOW_FILTERS = [\n  {\n    mainField: {\n      name: 'name',\n      type: 'string',\n    },\n    input: StageFilter,\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),\n      defaultMessage: 'Review stage',\n    },\n    name: 'strapi_stage',\n    type: 'relation',\n  },\n\n  {\n    type: 'relation',\n    mainField: {\n      name: 'id',\n      type: 'integer',\n    },\n    input: AssigneeFilter,\n    operators: [\n      {\n        label: {\n          id: 'components.FilterOptions.FILTER_TYPES.$eq',\n          defaultMessage: 'is',\n        },\n        value: '$eq',\n      },\n      {\n        label: {\n          id: 'components.FilterOptions.FILTER_TYPES.$ne',\n          defaultMessage: 'is not',\n        },\n        value: '$ne',\n      },\n    ],\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.assignee.label`),\n      defaultMessage: 'Assignee',\n    },\n    name: 'strapi_assignee',\n  },\n] satisfies Array<\n  Omit<Filters.Filter, 'label' | 'operators'> & {\n    label: MessageDescriptor;\n    operators?: Array<{ value: string; label: MessageDescriptor }>;\n  }\n>;\n"],"names":["React","useIntl","useAdminUsers","useField","jsx","Combobox","ComboboxOption","getDisplayName","useDoc","useReviewWorkflows","SingleSelect","jsxs","Flex","Typography","Loader","getStageColorByHex","SingleSelectOption","STAGE_ATTRIBUTE_NAME","getTranslation","ASSIGNEE_ATTRIBUTE_NAME"],"mappings":"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"}

package/dist/_chunks/constants-_T5uxsuv.mjs

@@ -0,0 +1,169 @@
+import { y as useAdminUsers, z as useField, i as getDisplayName, ah as useDoc, ae as getStageColorByHex, bh as STAGE_ATTRIBUTE_NAME, am as getTranslation, bi as ASSIGNEE_ATTRIBUTE_NAME } from "./index-hjUhNUvw.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Combobox, ComboboxOption, SingleSelect, Flex, Typography, Loader, SingleSelectOption } from "@strapi/design-system";
+import { useIntl } from "react-intl";
+import { u as useReviewWorkflows } from "./useReviewWorkflows-0rQx2KxS.mjs";
+const AssigneeFilter = ({ name }) => {
+  const [page, setPage] = React.useState(1);
+  const { formatMessage } = useIntl();
+  const { data, isLoading } = useAdminUsers({
+    page
+  });
+  const users = data?.users || [];
+  const field = useField(name);
+  const handleChange = (value) => {
+    setPage(1);
+    field.onChange(name, value);
+  };
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      value: field.value,
+      "aria-label": formatMessage({
+        id: "content-manager.components.Filters.usersSelect.label",
+        defaultMessage: "Search and select an user to filter"
+      }),
+      onChange: handleChange,
+      loading: isLoading,
+      onLoadMore: () => setPage((prev) => prev + 1),
+      children: users.map((user) => {
+        return /* @__PURE__ */ jsx(ComboboxOption, { value: user.id.toString(), children: getDisplayName(user, formatMessage) }, user.id);
+      })
+    }
+  );
+};
+const StageFilter = (props) => {
+  const { model } = useDoc();
+  const { formatMessage } = useIntl();
+  const { workflows, isLoading } = useReviewWorkflows({ filters: { contentTypes: model } });
+  const field = useField(props.name);
+  const [workflow] = workflows ?? [];
+  return /* @__PURE__ */ jsx(
+    SingleSelect,
+    {
+      "aria-label": formatMessage({
+        id: "content-manager.components.Filters.reviewWorkflows.label",
+        defaultMessage: "Search and select an workflow stage to filter"
+      }),
+      value: field.value,
+      onChange: (value) => {
+        field.onChange(props.name, value);
+      },
+      loading: isLoading,
+      customizeContent: () => /* @__PURE__ */ jsxs(Flex, { as: "span", justifyContent: "space-between", alignItems: "center", width: "100%", children: [
+        /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: field.value }),
+        isLoading ? /* @__PURE__ */ jsx(Loader, { small: true, style: { display: "flex" } }) : null
+      ] }),
+      children: (workflow?.stages ?? []).map(({ id, color, name }) => {
+        const { themeColorName } = getStageColorByHex(color) ?? {};
+        return /* @__PURE__ */ jsx(
+          SingleSelectOption,
+          {
+            startIcon: /* @__PURE__ */ jsx(
+              Flex,
+              {
+                height: 2,
+                background: color,
+                borderColor: themeColorName === "neutral0" ? "neutral150" : void 0,
+                hasRadius: true,
+                shrink: 0,
+                width: 2
+              }
+            ),
+            value: name,
+            children: name
+          },
+          id
+        );
+      })
+    }
+  );
+};
+const REVIEW_WORKFLOW_COLUMNS_EE = [
+  {
+    name: STAGE_ATTRIBUTE_NAME,
+    attribute: {
+      type: "relation",
+      relation: "oneToMany",
+      target: "admin::review-workflow-stage"
+    },
+    label: {
+      id: getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),
+      defaultMessage: "Review stage"
+    },
+    searchable: false,
+    sortable: true,
+    mainField: {
+      name: "name",
+      type: "string"
+    }
+  },
+  {
+    name: ASSIGNEE_ATTRIBUTE_NAME,
+    attribute: {
+      type: "relation",
+      target: "admin::user",
+      relation: "oneToMany"
+    },
+    label: {
+      id: getTranslation(`containers.list.table-headers.reviewWorkflows.assignee`),
+      defaultMessage: "Assignee"
+    },
+    searchable: false,
+    sortable: true,
+    mainField: {
+      name: "firstname",
+      type: "string"
+    }
+  }
+];
+const REVIEW_WORKFLOW_FILTERS = [
+  {
+    mainField: {
+      name: "name",
+      type: "string"
+    },
+    input: StageFilter,
+    label: {
+      id: getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),
+      defaultMessage: "Review stage"
+    },
+    name: "strapi_stage",
+    type: "relation"
+  },
+  {
+    type: "relation",
+    mainField: {
+      name: "id",
+      type: "integer"
+    },
+    input: AssigneeFilter,
+    operators: [
+      {
+        label: {
+          id: "components.FilterOptions.FILTER_TYPES.$eq",
+          defaultMessage: "is"
+        },
+        value: "$eq"
+      },
+      {
+        label: {
+          id: "components.FilterOptions.FILTER_TYPES.$ne",
+          defaultMessage: "is not"
+        },
+        value: "$ne"
+      }
+    ],
+    label: {
+      id: getTranslation(`containers.list.table-headers.reviewWorkflows.assignee.label`),
+      defaultMessage: "Assignee"
+    },
+    name: "strapi_assignee"
+  }
+];
+export {
+  REVIEW_WORKFLOW_COLUMNS_EE,
+  REVIEW_WORKFLOW_FILTERS
+};
+//# sourceMappingURL=constants-_T5uxsuv.mjs.map

package/dist/_chunks/constants-_T5uxsuv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-_T5uxsuv.mjs","sources":["../../ee/admin/src/content-manager/pages/ListView/components/AssigneeFilter.tsx","../../ee/admin/src/content-manager/pages/ListView/components/StageFilter.tsx","../../ee/admin/src/content-manager/pages/ListView/constants.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Combobox, ComboboxOption, ComboboxProps } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Filters } from '../../../../../../../admin/src/components/Filters';\nimport { useField } from '../../../../../../../admin/src/components/Form';\nimport { useAdminUsers } from '../../../../../../../admin/src/services/users';\nimport { getDisplayName } from '../../../../../../../admin/src/utils/users';\n\ninterface AssigneeFilterProps extends Pick<ComboboxProps, 'value' | 'onChange'> {}\n\nconst AssigneeFilter = ({ name }: Filters.ValueInputProps) => {\n  const [page, setPage] = React.useState(1);\n  const { formatMessage } = useIntl();\n  const { data, isLoading } = useAdminUsers({\n    page,\n  });\n  const users = data?.users || [];\n\n  const field = useField(name);\n\n  const handleChange = (value?: string) => {\n    setPage(1);\n    field.onChange(name, value);\n  };\n\n  return (\n    <Combobox\n      value={field.value}\n      aria-label={formatMessage({\n        id: 'content-manager.components.Filters.usersSelect.label',\n        defaultMessage: 'Search and select an user to filter',\n      })}\n      onChange={handleChange}\n      loading={isLoading}\n      onLoadMore={() => setPage((prev) => prev + 1)}\n    >\n      {users.map((user) => {\n        return (\n          <ComboboxOption key={user.id} value={user.id.toString()}>\n            {getDisplayName(user, formatMessage)}\n          </ComboboxOption>\n        );\n      })}\n    </Combobox>\n  );\n};\n\nexport { AssigneeFilter };\nexport type { AssigneeFilterProps };\n","import {\n  Flex,\n  Loader,\n  SingleSelect,\n  SingleSelectOption,\n  SingleSelectProps,\n  Typography,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Filters } from '../../../../../../../admin/src/components/Filters';\nimport { useField } from '../../../../../../../admin/src/components/Form';\nimport { useDoc } from '../../../../../../../admin/src/content-manager/hooks/useDocument';\nimport { useReviewWorkflows } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\ninterface StageFilterProps extends Pick<SingleSelectProps, 'value' | 'onChange'> {\n  uid?: string;\n}\n\nconst StageFilter = (props: Filters.ValueInputProps) => {\n  const { model } = useDoc();\n  const { formatMessage } = useIntl();\n  const { workflows, isLoading } = useReviewWorkflows({ filters: { contentTypes: model } });\n\n  const field = useField(props.name);\n\n  const [workflow] = workflows ?? [];\n\n  return (\n    <SingleSelect\n      aria-label={formatMessage({\n        id: 'content-manager.components.Filters.reviewWorkflows.label',\n        defaultMessage: 'Search and select an workflow stage to filter',\n      })}\n      value={field.value}\n      onChange={(value) => {\n        field.onChange(props.name, value);\n      }}\n      loading={isLoading}\n      // @ts-expect-error – DS type error with SingleSelect['customizeContent']\n      customizeContent={() => (\n        <Flex as=\"span\" justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography textColor=\"neutral800\" ellipsis>\n            {field.value}\n          </Typography>\n          {isLoading ? <Loader small style={{ display: 'flex' }} /> : null}\n        </Flex>\n      )}\n    >\n      {(workflow?.stages ?? []).map(({ id, color, name }) => {\n        const { themeColorName } = getStageColorByHex(color) ?? {};\n\n        return (\n          <SingleSelectOption\n            key={id}\n            startIcon={\n              <Flex\n                height={2}\n                background={color}\n                borderColor={themeColorName === 'neutral0' ? 'neutral150' : undefined}\n                hasRadius\n                shrink={0}\n                width={2}\n              />\n            }\n            value={name}\n          >\n            {name}\n          </SingleSelectOption>\n        );\n      })}\n    </SingleSelect>\n  );\n};\n\nexport { StageFilter };\nexport type { StageFilterProps };\n","import { getTranslation } from '../../../../../../admin/src/content-manager/utils/translations';\nimport { ASSIGNEE_ATTRIBUTE_NAME, STAGE_ATTRIBUTE_NAME } from '../EditView/components/constants';\n\nimport { AssigneeFilter } from './components/AssigneeFilter';\nimport { StageFilter } from './components/StageFilter';\n\nimport type { Filters } from '../../../../../../admin/src/components/Filters';\nimport type { ListFieldLayout } from '../../../../../../admin/src/content-manager/hooks/useDocumentLayout';\nimport type { MessageDescriptor } from 'react-intl';\n\nexport const REVIEW_WORKFLOW_COLUMNS_EE = [\n  {\n    name: STAGE_ATTRIBUTE_NAME,\n    attribute: {\n      type: 'relation',\n      relation: 'oneToMany',\n      target: 'admin::review-workflow-stage',\n    },\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),\n      defaultMessage: 'Review stage',\n    },\n    searchable: false,\n    sortable: true,\n    mainField: {\n      name: 'name',\n      type: 'string',\n    },\n  },\n  {\n    name: ASSIGNEE_ATTRIBUTE_NAME,\n    attribute: {\n      type: 'relation',\n      target: 'admin::user',\n      relation: 'oneToMany',\n    },\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.assignee`),\n      defaultMessage: 'Assignee',\n    },\n    searchable: false,\n    sortable: true,\n    mainField: {\n      name: 'firstname',\n      type: 'string',\n    },\n  },\n] satisfies Array<Omit<ListFieldLayout, 'label'> & { label: MessageDescriptor }>;\n\nexport const REVIEW_WORKFLOW_FILTERS = [\n  {\n    mainField: {\n      name: 'name',\n      type: 'string',\n    },\n    input: StageFilter,\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.stage`),\n      defaultMessage: 'Review stage',\n    },\n    name: 'strapi_stage',\n    type: 'relation',\n  },\n\n  {\n    type: 'relation',\n    mainField: {\n      name: 'id',\n      type: 'integer',\n    },\n    input: AssigneeFilter,\n    operators: [\n      {\n        label: {\n          id: 'components.FilterOptions.FILTER_TYPES.$eq',\n          defaultMessage: 'is',\n        },\n        value: '$eq',\n      },\n      {\n        label: {\n          id: 'components.FilterOptions.FILTER_TYPES.$ne',\n          defaultMessage: 'is not',\n        },\n        value: '$ne',\n      },\n    ],\n    label: {\n      id: getTranslation(`containers.list.table-headers.reviewWorkflows.assignee.label`),\n      defaultMessage: 'Assignee',\n    },\n    name: 'strapi_assignee',\n  },\n] satisfies Array<\n  Omit<Filters.Filter, 'label' | 'operators'> & {\n    label: MessageDescriptor;\n    operators?: Array<{ value: string; label: MessageDescriptor }>;\n  }\n>;\n"],"names":[],"mappings":"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"}