@strapi/admin 5.26.0 → 5.28.0

package/dist/admin/admin/src/pages/Auth/components/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sources":["../../../../../../../admin/src/pages/Auth/components/Login.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main, Typography, Link } from '@strapi/design-system';\nimport camelCase from 'lodash/camelCase';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useLocation, useNavigate } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Form } from '../../../components/Form';\nimport { InputRenderer } from '../../../components/FormInputs/Renderer';\nimport { Logo } from '../../../components/UnauthenticatedLogo';\nimport { useAuth } from '../../../features/Auth';\nimport {\n  UnauthenticatedLayout,\n  Column,\n  LayoutContent,\n} from '../../../layouts/UnauthenticatedLayout';\nimport { translatedErrors } from '../../../utils/translatedErrors';\n\nimport type { Login } from '../../../../../shared/contracts/authentication';\n\ninterface LoginProps {\n  children?: React.ReactNode;\n}\n\nconst LOGIN_SCHEMA = yup.object().shape({\n  email: yup\n    .string()\n    .nullable()\n    .email({\n      id: translatedErrors.email.id,\n      defaultMessage: 'Not a valid email',\n    })\n    .required(translatedErrors.required),\n  password: yup.string().required(translatedErrors.required).nullable(),\n  rememberMe: yup.bool().nullable(),\n});\n\nconst Login = ({ children }: LoginProps) => {\n  const [apiError, setApiError] = React.useState<string>();\n  const { formatMessage } = useIntl();\n  const { search: searchString } = useLocation();\n  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);\n  const navigate = useNavigate();\n\n  const { login } = useAuth('Login', (auth) => auth);\n\n  const handleLogin = async (body: Parameters<typeof login>[0]) => {\n    setApiError(undefined);\n\n    const res = await login(body);\n\n    if ('error' in res) {\n      const message = res.error.message ?? 'Something went wrong';\n\n      if (camelCase(message).toLowerCase() === 'usernotactive') {\n        navigate('/auth/oops');\n        return;\n      }\n\n      setApiError(message);\n    } else {\n      const redirectTo = query.get('redirectTo');\n      const redirectUrl = redirectTo ? decodeURIComponent(redirectTo) : '/';\n\n      navigate(redirectUrl);\n    }\n  };\n\n  return (\n    <UnauthenticatedLayout>\n      <Main>\n        <LayoutContent>\n          <Column>\n            <Logo />\n            <Box paddingTop={6} paddingBottom={1}>\n              <Typography variant=\"alpha\" tag=\"h1\">\n                {formatMessage({\n                  id: 'Auth.form.welcome.title',\n                  defaultMessage: 'Welcome!',\n                })}\n              </Typography>\n            </Box>\n            <Box paddingBottom={7}>\n              <Typography variant=\"epsilon\" textColor=\"neutral600\">\n                {formatMessage({\n                  id: 'Auth.form.welcome.subtitle',\n                  defaultMessage: 'Log in to your Strapi account',\n                })}\n              </Typography>\n            </Box>\n            {apiError ? (\n              <Typography id=\"global-form-error\" role=\"alert\" tabIndex={-1} textColor=\"danger600\">\n                {apiError}\n              </Typography>\n            ) : null}\n          </Column>\n          <Form\n            method=\"PUT\"\n            initialValues={{\n              email: '',\n              password: '',\n              rememberMe: false,\n            }}\n            onSubmit={(values) => {\n              handleLogin(values);\n            }}\n            validationSchema={LOGIN_SCHEMA}\n          >\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              {[\n                {\n                  label: formatMessage({ id: 'Auth.form.email.label', defaultMessage: 'Email' }),\n                  name: 'email',\n                  placeholder: formatMessage({\n                    id: 'Auth.form.email.placeholder',\n                    defaultMessage: 'kai@doe.com',\n                  }),\n                  required: true,\n                  type: 'string' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'global.password',\n                    defaultMessage: 'Password',\n                  }),\n                  name: 'password',\n                  required: true,\n                  type: 'password' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'Auth.form.rememberMe.label',\n                    defaultMessage: 'Remember me',\n                  }),\n                  name: 'rememberMe',\n                  type: 'checkbox' as const,\n                },\n              ].map((field) => (\n                <InputRenderer key={field.name} {...field} />\n              ))}\n              <Button fullWidth type=\"submit\">\n                {formatMessage({ id: 'Auth.form.button.login', defaultMessage: 'Login' })}\n              </Button>\n            </Flex>\n          </Form>\n          {children}\n        </LayoutContent>\n        <Flex justifyContent=\"center\">\n          <Box paddingTop={4}>\n            <Link isExternal={false} tag={NavLink} to=\"/auth/forgot-password\">\n              {formatMessage({\n                id: 'Auth.link.forgot-password',\n                defaultMessage: 'Forgot your password?',\n              })}\n            </Link>\n          </Box>\n        </Flex>\n      </Main>\n    </UnauthenticatedLayout>\n  );\n};\n\nexport { Login };\nexport type { LoginProps };\n"],"names":["LOGIN_SCHEMA","yup","object","shape","email","string","nullable","id","translatedErrors","defaultMessage","required","password","rememberMe","bool","Login","children","apiError","setApiError","React","useState","formatMessage","useIntl","search","searchString","useLocation","query","useMemo","URLSearchParams","navigate","useNavigate","login","useAuth","auth","handleLogin","body","undefined","res","message","error","camelCase","toLowerCase","redirectTo","get","redirectUrl","decodeURIComponent","_jsx","UnauthenticatedLayout","_jsxs","Main","LayoutContent","Column","Logo","Box","paddingTop","paddingBottom","Typography","variant","tag","textColor","role","tabIndex","Form","method","initialValues","onSubmit","values","validationSchema","Flex","direction","alignItems","gap","label","name","placeholder","type","map","field","InputRenderer","Button","fullWidth","justifyContent","Link","isExternal","NavLink","to"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,YAAeC,GAAAA,cAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;AACtCC,IAAAA,KAAAA,EAAOH,eACJI,MAAM,EAAA,CACNC,QAAQ,EAAA,CACRF,KAAK,CAAC;QACLG,EAAIC,EAAAA,iCAAAA,CAAiBJ,KAAK,CAACG,EAAE;QAC7BE,cAAgB,EAAA;KAEjBC,CAAAA,CAAAA,QAAQ,CAACF,iCAAAA,CAAiBE,QAAQ,CAAA;IACrCC,QAAUV,EAAAA,cAAAA,CAAII,MAAM,EAAGK,CAAAA,QAAQ,CAACF,iCAAiBE,CAAAA,QAAQ,EAAEJ,QAAQ,EAAA;IACnEM,UAAYX,EAAAA,cAAAA,CAAIY,IAAI,EAAA,CAAGP,QAAQ;AACjC,CAAA,CAAA;AAEA,MAAMQ,KAAQ,GAAA,CAAC,EAAEC,QAAQ,EAAc,GAAA;AACrC,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAY,CAAA,GAAGC,iBAAMC,QAAQ,EAAA;IAC9C,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,MAAAA,EAAQC,YAAY,EAAE,GAAGC,0BAAAA,EAAAA;AACjC,IAAA,MAAMC,QAAQP,gBAAMQ,CAAAA,OAAO,CAAC,IAAM,IAAIC,gBAAgBJ,YAAe,CAAA,EAAA;AAACA,QAAAA;AAAa,KAAA,CAAA;AACnF,IAAA,MAAMK,QAAWC,GAAAA,0BAAAA,EAAAA;AAEjB,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,YAAQ,CAAA,OAAA,EAAS,CAACC,IAASA,GAAAA,IAAAA,CAAAA;AAE7C,IAAA,MAAMC,cAAc,OAAOC,IAAAA,GAAAA;QACzBjB,WAAYkB,CAAAA,SAAAA,CAAAA;QAEZ,MAAMC,GAAAA,GAAM,MAAMN,KAAMI,CAAAA,IAAAA,CAAAA;AAExB,QAAA,IAAI,WAAWE,GAAK,EAAA;AAClB,YAAA,MAAMC,OAAUD,GAAAA,GAAAA,CAAIE,KAAK,CAACD,OAAO,IAAI,sBAAA;AAErC,YAAA,IAAIE,SAAUF,CAAAA,OAAAA,CAAAA,CAASG,WAAW,EAAA,KAAO,eAAiB,EAAA;gBACxDZ,QAAS,CAAA,YAAA,CAAA;AACT,gBAAA;AACF;YAEAX,WAAYoB,CAAAA,OAAAA,CAAAA;SACP,MAAA;YACL,MAAMI,UAAAA,GAAahB,KAAMiB,CAAAA,GAAG,CAAC,YAAA,CAAA;YAC7B,MAAMC,WAAAA,GAAcF,UAAaG,GAAAA,kBAAAA,CAAmBH,UAAc,CAAA,GAAA,GAAA;YAElEb,QAASe,CAAAA,WAAAA,CAAAA;AACX;AACF,KAAA;AAEA,IAAA,qBACEE,cAACC,CAAAA,2CAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;;8BACCD,eAACE,CAAAA,mCAAAA,EAAAA;;sCACCF,eAACG,CAAAA,4BAAAA,EAAAA;;8CACCL,cAACM,CAAAA,wBAAAA,EAAAA,EAAAA,CAAAA;8CACDN,cAACO,CAAAA,gBAAAA,EAAAA;oCAAIC,UAAY,EAAA,CAAA;oCAAGC,aAAe,EAAA,CAAA;AACjC,oCAAA,QAAA,gBAAAT,cAACU,CAAAA,uBAAAA,EAAAA;wCAAWC,OAAQ,EAAA,OAAA;wCAAQC,GAAI,EAAA,IAAA;kDAC7BrC,aAAc,CAAA;4CACbb,EAAI,EAAA,yBAAA;4CACJE,cAAgB,EAAA;AAClB,yCAAA;;;8CAGJoC,cAACO,CAAAA,gBAAAA,EAAAA;oCAAIE,aAAe,EAAA,CAAA;AAClB,oCAAA,QAAA,gBAAAT,cAACU,CAAAA,uBAAAA,EAAAA;wCAAWC,OAAQ,EAAA,SAAA;wCAAUE,SAAU,EAAA,YAAA;kDACrCtC,aAAc,CAAA;4CACbb,EAAI,EAAA,4BAAA;4CACJE,cAAgB,EAAA;AAClB,yCAAA;;;AAGHO,gCAAAA,QAAAA,iBACC6B,cAACU,CAAAA,uBAAAA,EAAAA;oCAAWhD,EAAG,EAAA,mBAAA;oCAAoBoD,IAAK,EAAA,OAAA;AAAQC,oCAAAA,QAAAA,EAAU,CAAC,CAAA;oCAAGF,SAAU,EAAA,WAAA;AACrE1C,oCAAAA,QAAAA,EAAAA;AAED,iCAAA,CAAA,GAAA;;;sCAEN6B,cAACgB,CAAAA,SAAAA,EAAAA;4BACCC,MAAO,EAAA,KAAA;4BACPC,aAAe,EAAA;gCACb3D,KAAO,EAAA,EAAA;gCACPO,QAAU,EAAA,EAAA;gCACVC,UAAY,EAAA;AACd,6BAAA;AACAoD,4BAAAA,QAAAA,EAAU,CAACC,MAAAA,GAAAA;gCACThC,WAAYgC,CAAAA,MAAAA,CAAAA;AACd,6BAAA;4BACAC,gBAAkBlE,EAAAA,YAAAA;AAElB,4BAAA,QAAA,gBAAA+C,eAACoB,CAAAA,iBAAAA,EAAAA;gCAAKC,SAAU,EAAA,QAAA;gCAASC,UAAW,EAAA,SAAA;gCAAUC,GAAK,EAAA,CAAA;;AAChD,oCAAA;AACC,wCAAA;AACEC,4CAAAA,KAAAA,EAAOnD,aAAc,CAAA;gDAAEb,EAAI,EAAA,uBAAA;gDAAyBE,cAAgB,EAAA;AAAQ,6CAAA,CAAA;4CAC5E+D,IAAM,EAAA,OAAA;AACNC,4CAAAA,WAAAA,EAAarD,aAAc,CAAA;gDACzBb,EAAI,EAAA,6BAAA;gDACJE,cAAgB,EAAA;AAClB,6CAAA,CAAA;4CACAC,QAAU,EAAA,IAAA;4CACVgE,IAAM,EAAA;AACR,yCAAA;AACA,wCAAA;AACEH,4CAAAA,KAAAA,EAAOnD,aAAc,CAAA;gDACnBb,EAAI,EAAA,iBAAA;gDACJE,cAAgB,EAAA;AAClB,6CAAA,CAAA;4CACA+D,IAAM,EAAA,UAAA;4CACN9D,QAAU,EAAA,IAAA;4CACVgE,IAAM,EAAA;AACR,yCAAA;AACA,wCAAA;AACEH,4CAAAA,KAAAA,EAAOnD,aAAc,CAAA;gDACnBb,EAAI,EAAA,4BAAA;gDACJE,cAAgB,EAAA;AAClB,6CAAA,CAAA;4CACA+D,IAAM,EAAA,YAAA;4CACNE,IAAM,EAAA;AACR;AACD,qCAAA,CAACC,GAAG,CAAC,CAACC,KAAAA,iBACL/B,cAACgC,CAAAA,sBAAAA,EAAAA;AAAgC,4CAAA,GAAGD;AAAhBA,yCAAAA,EAAAA,KAAAA,CAAMJ,IAAI,CAAA,CAAA;kDAEhC3B,cAACiC,CAAAA,mBAAAA,EAAAA;wCAAOC,SAAS,EAAA,IAAA;wCAACL,IAAK,EAAA,QAAA;kDACpBtD,aAAc,CAAA;4CAAEb,EAAI,EAAA,wBAAA;4CAA0BE,cAAgB,EAAA;AAAQ,yCAAA;;;;;AAI5EM,wBAAAA;;;8BAEH8B,cAACsB,CAAAA,iBAAAA,EAAAA;oBAAKa,cAAe,EAAA,QAAA;AACnB,oBAAA,QAAA,gBAAAnC,cAACO,CAAAA,gBAAAA,EAAAA;wBAAIC,UAAY,EAAA,CAAA;AACf,wBAAA,QAAA,gBAAAR,cAACoC,CAAAA,iBAAAA,EAAAA;4BAAKC,UAAY,EAAA,KAAA;4BAAOzB,GAAK0B,EAAAA,sBAAAA;4BAASC,EAAG,EAAA,uBAAA;sCACvChE,aAAc,CAAA;gCACbb,EAAI,EAAA,2BAAA;gCACJE,cAAgB,EAAA;AAClB,6BAAA;;;;;;;AAOd;;;;"}
+{"version":3,"file":"Login.js","sources":["../../../../../../../admin/src/pages/Auth/components/Login.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main, Typography, Link } from '@strapi/design-system';\nimport camelCase from 'lodash/camelCase';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useLocation, useNavigate } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Form } from '../../../components/Form';\nimport { InputRenderer } from '../../../components/FormInputs/Renderer';\nimport { Logo } from '../../../components/UnauthenticatedLogo';\nimport { useAuth } from '../../../features/Auth';\nimport {\n  UnauthenticatedLayout,\n  Column,\n  LayoutContent,\n} from '../../../layouts/UnauthenticatedLayout';\nimport { translatedErrors } from '../../../utils/translatedErrors';\n\nimport type { Login } from '../../../../../shared/contracts/authentication';\n\ninterface LoginProps {\n  children?: React.ReactNode;\n}\n\nconst LOGIN_SCHEMA = yup.object().shape({\n  email: yup\n    .string()\n    .nullable()\n    .email({\n      id: translatedErrors.email.id,\n      defaultMessage: 'Not a valid email',\n    })\n    .required(translatedErrors.required),\n  password: yup.string().required(translatedErrors.required).nullable(),\n  rememberMe: yup.bool().nullable(),\n});\n\nconst Login = ({ children }: LoginProps) => {\n  const [apiError, setApiError] = React.useState<string>();\n  const { formatMessage } = useIntl();\n  const { search: searchString } = useLocation();\n  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);\n  const navigate = useNavigate();\n\n  const { login } = useAuth('Login', (auth) => auth);\n\n  const handleLogin = async (body: Parameters<typeof login>[0]) => {\n    setApiError(undefined);\n\n    const res = await login(body);\n\n    if ('error' in res) {\n      const message = res.error.message ?? 'Something went wrong';\n\n      if (camelCase(message).toLowerCase() === 'usernotactive') {\n        navigate('/auth/oops');\n        return;\n      }\n\n      setApiError(message);\n    } else {\n      const redirectTo = query.get('redirectTo');\n      const redirectUrl = redirectTo ? decodeURIComponent(redirectTo) : '/';\n\n      navigate(redirectUrl);\n    }\n  };\n\n  return (\n    <UnauthenticatedLayout>\n      <Main>\n        <LayoutContent>\n          <Column>\n            <Logo />\n            <Box paddingTop={6} paddingBottom={1}>\n              <Typography variant=\"alpha\" tag=\"h1\" textAlign=\"center\">\n                {formatMessage({\n                  id: 'Auth.form.welcome.title',\n                  defaultMessage: 'Welcome!',\n                })}\n              </Typography>\n            </Box>\n            <Box paddingBottom={7}>\n              <Typography\n                variant=\"epsilon\"\n                textColor=\"neutral600\"\n                textAlign=\"center\"\n                display=\"block\"\n              >\n                {formatMessage({\n                  id: 'Auth.form.welcome.subtitle',\n                  defaultMessage: 'Log in to your Strapi account',\n                })}\n              </Typography>\n            </Box>\n            {apiError ? (\n              <Typography id=\"global-form-error\" role=\"alert\" tabIndex={-1} textColor=\"danger600\">\n                {apiError}\n              </Typography>\n            ) : null}\n          </Column>\n          <Form\n            method=\"PUT\"\n            initialValues={{\n              email: '',\n              password: '',\n              rememberMe: false,\n            }}\n            onSubmit={(values) => {\n              handleLogin(values);\n            }}\n            validationSchema={LOGIN_SCHEMA}\n          >\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              {[\n                {\n                  label: formatMessage({ id: 'Auth.form.email.label', defaultMessage: 'Email' }),\n                  name: 'email',\n                  placeholder: formatMessage({\n                    id: 'Auth.form.email.placeholder',\n                    defaultMessage: 'kai@doe.com',\n                  }),\n                  required: true,\n                  type: 'string' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'global.password',\n                    defaultMessage: 'Password',\n                  }),\n                  name: 'password',\n                  required: true,\n                  type: 'password' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'Auth.form.rememberMe.label',\n                    defaultMessage: 'Remember me',\n                  }),\n                  name: 'rememberMe',\n                  type: 'checkbox' as const,\n                },\n              ].map((field) => (\n                <InputRenderer key={field.name} {...field} />\n              ))}\n              <Button fullWidth type=\"submit\">\n                {formatMessage({ id: 'Auth.form.button.login', defaultMessage: 'Login' })}\n              </Button>\n            </Flex>\n          </Form>\n          {children}\n        </LayoutContent>\n        <Flex justifyContent=\"center\">\n          <Box paddingTop={4}>\n            <Link isExternal={false} tag={NavLink} to=\"/auth/forgot-password\">\n              {formatMessage({\n                id: 'Auth.link.forgot-password',\n                defaultMessage: 'Forgot your password?',\n              })}\n            </Link>\n          </Box>\n        </Flex>\n      </Main>\n    </UnauthenticatedLayout>\n  );\n};\n\nexport { Login };\nexport type { LoginProps };\n"],"names":["LOGIN_SCHEMA","yup","object","shape","email","string","nullable","id","translatedErrors","defaultMessage","required","password","rememberMe","bool","Login","children","apiError","setApiError","React","useState","formatMessage","useIntl","search","searchString","useLocation","query","useMemo","URLSearchParams","navigate","useNavigate","login","useAuth","auth","handleLogin","body","undefined","res","message","error","camelCase","toLowerCase","redirectTo","get","redirectUrl","decodeURIComponent","_jsx","UnauthenticatedLayout","_jsxs","Main","LayoutContent","Column","Logo","Box","paddingTop","paddingBottom","Typography","variant","tag","textAlign","textColor","display","role","tabIndex","Form","method","initialValues","onSubmit","values","validationSchema","Flex","direction","alignItems","gap","label","name","placeholder","type","map","field","InputRenderer","Button","fullWidth","justifyContent","Link","isExternal","NavLink","to"],"mappings":"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"}

package/dist/admin/admin/src/pages/Auth/components/Login.mjs

@@ -59,6 +59,7 @@ const Login = ({ children })=>{
                                     children: /*#__PURE__*/ jsx(Typography, {
                                         variant: "alpha",
                                         tag: "h1",
+                                        textAlign: "center",
                                         children: formatMessage({
                                             id: 'Auth.form.welcome.title',
                                             defaultMessage: 'Welcome!'
@@ -70,6 +71,8 @@ const Login = ({ children })=>{
                                     children: /*#__PURE__*/ jsx(Typography, {
                                         variant: "epsilon",
                                         textColor: "neutral600",
+                                        textAlign: "center",
+                                        display: "block",
                                         children: formatMessage({
                                             id: 'Auth.form.welcome.subtitle',
                                             defaultMessage: 'Log in to your Strapi account'

package/dist/admin/admin/src/pages/Auth/components/Login.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Login.mjs","sources":["../../../../../../../admin/src/pages/Auth/components/Login.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main, Typography, Link } from '@strapi/design-system';\nimport camelCase from 'lodash/camelCase';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useLocation, useNavigate } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Form } from '../../../components/Form';\nimport { InputRenderer } from '../../../components/FormInputs/Renderer';\nimport { Logo } from '../../../components/UnauthenticatedLogo';\nimport { useAuth } from '../../../features/Auth';\nimport {\n  UnauthenticatedLayout,\n  Column,\n  LayoutContent,\n} from '../../../layouts/UnauthenticatedLayout';\nimport { translatedErrors } from '../../../utils/translatedErrors';\n\nimport type { Login } from '../../../../../shared/contracts/authentication';\n\ninterface LoginProps {\n  children?: React.ReactNode;\n}\n\nconst LOGIN_SCHEMA = yup.object().shape({\n  email: yup\n    .string()\n    .nullable()\n    .email({\n      id: translatedErrors.email.id,\n      defaultMessage: 'Not a valid email',\n    })\n    .required(translatedErrors.required),\n  password: yup.string().required(translatedErrors.required).nullable(),\n  rememberMe: yup.bool().nullable(),\n});\n\nconst Login = ({ children }: LoginProps) => {\n  const [apiError, setApiError] = React.useState<string>();\n  const { formatMessage } = useIntl();\n  const { search: searchString } = useLocation();\n  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);\n  const navigate = useNavigate();\n\n  const { login } = useAuth('Login', (auth) => auth);\n\n  const handleLogin = async (body: Parameters<typeof login>[0]) => {\n    setApiError(undefined);\n\n    const res = await login(body);\n\n    if ('error' in res) {\n      const message = res.error.message ?? 'Something went wrong';\n\n      if (camelCase(message).toLowerCase() === 'usernotactive') {\n        navigate('/auth/oops');\n        return;\n      }\n\n      setApiError(message);\n    } else {\n      const redirectTo = query.get('redirectTo');\n      const redirectUrl = redirectTo ? decodeURIComponent(redirectTo) : '/';\n\n      navigate(redirectUrl);\n    }\n  };\n\n  return (\n    <UnauthenticatedLayout>\n      <Main>\n        <LayoutContent>\n          <Column>\n            <Logo />\n            <Box paddingTop={6} paddingBottom={1}>\n              <Typography variant=\"alpha\" tag=\"h1\">\n                {formatMessage({\n                  id: 'Auth.form.welcome.title',\n                  defaultMessage: 'Welcome!',\n                })}\n              </Typography>\n            </Box>\n            <Box paddingBottom={7}>\n              <Typography variant=\"epsilon\" textColor=\"neutral600\">\n                {formatMessage({\n                  id: 'Auth.form.welcome.subtitle',\n                  defaultMessage: 'Log in to your Strapi account',\n                })}\n              </Typography>\n            </Box>\n            {apiError ? (\n              <Typography id=\"global-form-error\" role=\"alert\" tabIndex={-1} textColor=\"danger600\">\n                {apiError}\n              </Typography>\n            ) : null}\n          </Column>\n          <Form\n            method=\"PUT\"\n            initialValues={{\n              email: '',\n              password: '',\n              rememberMe: false,\n            }}\n            onSubmit={(values) => {\n              handleLogin(values);\n            }}\n            validationSchema={LOGIN_SCHEMA}\n          >\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              {[\n                {\n                  label: formatMessage({ id: 'Auth.form.email.label', defaultMessage: 'Email' }),\n                  name: 'email',\n                  placeholder: formatMessage({\n                    id: 'Auth.form.email.placeholder',\n                    defaultMessage: 'kai@doe.com',\n                  }),\n                  required: true,\n                  type: 'string' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'global.password',\n                    defaultMessage: 'Password',\n                  }),\n                  name: 'password',\n                  required: true,\n                  type: 'password' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'Auth.form.rememberMe.label',\n                    defaultMessage: 'Remember me',\n                  }),\n                  name: 'rememberMe',\n                  type: 'checkbox' as const,\n                },\n              ].map((field) => (\n                <InputRenderer key={field.name} {...field} />\n              ))}\n              <Button fullWidth type=\"submit\">\n                {formatMessage({ id: 'Auth.form.button.login', defaultMessage: 'Login' })}\n              </Button>\n            </Flex>\n          </Form>\n          {children}\n        </LayoutContent>\n        <Flex justifyContent=\"center\">\n          <Box paddingTop={4}>\n            <Link isExternal={false} tag={NavLink} to=\"/auth/forgot-password\">\n              {formatMessage({\n                id: 'Auth.link.forgot-password',\n                defaultMessage: 'Forgot your password?',\n              })}\n            </Link>\n          </Box>\n        </Flex>\n      </Main>\n    </UnauthenticatedLayout>\n  );\n};\n\nexport { Login };\nexport type { LoginProps };\n"],"names":["LOGIN_SCHEMA","yup","object","shape","email","string","nullable","id","translatedErrors","defaultMessage","required","password","rememberMe","bool","Login","children","apiError","setApiError","React","useState","formatMessage","useIntl","search","searchString","useLocation","query","useMemo","URLSearchParams","navigate","useNavigate","login","useAuth","auth","handleLogin","body","undefined","res","message","error","camelCase","toLowerCase","redirectTo","get","redirectUrl","decodeURIComponent","_jsx","UnauthenticatedLayout","_jsxs","Main","LayoutContent","Column","Logo","Box","paddingTop","paddingBottom","Typography","variant","tag","textColor","role","tabIndex","Form","method","initialValues","onSubmit","values","validationSchema","Flex","direction","alignItems","gap","label","name","placeholder","type","map","field","InputRenderer","Button","fullWidth","justifyContent","Link","isExternal","NavLink","to"],"mappings":"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"}
+{"version":3,"file":"Login.mjs","sources":["../../../../../../../admin/src/pages/Auth/components/Login.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Main, Typography, Link } from '@strapi/design-system';\nimport camelCase from 'lodash/camelCase';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useLocation, useNavigate } from 'react-router-dom';\nimport * as yup from 'yup';\n\nimport { Form } from '../../../components/Form';\nimport { InputRenderer } from '../../../components/FormInputs/Renderer';\nimport { Logo } from '../../../components/UnauthenticatedLogo';\nimport { useAuth } from '../../../features/Auth';\nimport {\n  UnauthenticatedLayout,\n  Column,\n  LayoutContent,\n} from '../../../layouts/UnauthenticatedLayout';\nimport { translatedErrors } from '../../../utils/translatedErrors';\n\nimport type { Login } from '../../../../../shared/contracts/authentication';\n\ninterface LoginProps {\n  children?: React.ReactNode;\n}\n\nconst LOGIN_SCHEMA = yup.object().shape({\n  email: yup\n    .string()\n    .nullable()\n    .email({\n      id: translatedErrors.email.id,\n      defaultMessage: 'Not a valid email',\n    })\n    .required(translatedErrors.required),\n  password: yup.string().required(translatedErrors.required).nullable(),\n  rememberMe: yup.bool().nullable(),\n});\n\nconst Login = ({ children }: LoginProps) => {\n  const [apiError, setApiError] = React.useState<string>();\n  const { formatMessage } = useIntl();\n  const { search: searchString } = useLocation();\n  const query = React.useMemo(() => new URLSearchParams(searchString), [searchString]);\n  const navigate = useNavigate();\n\n  const { login } = useAuth('Login', (auth) => auth);\n\n  const handleLogin = async (body: Parameters<typeof login>[0]) => {\n    setApiError(undefined);\n\n    const res = await login(body);\n\n    if ('error' in res) {\n      const message = res.error.message ?? 'Something went wrong';\n\n      if (camelCase(message).toLowerCase() === 'usernotactive') {\n        navigate('/auth/oops');\n        return;\n      }\n\n      setApiError(message);\n    } else {\n      const redirectTo = query.get('redirectTo');\n      const redirectUrl = redirectTo ? decodeURIComponent(redirectTo) : '/';\n\n      navigate(redirectUrl);\n    }\n  };\n\n  return (\n    <UnauthenticatedLayout>\n      <Main>\n        <LayoutContent>\n          <Column>\n            <Logo />\n            <Box paddingTop={6} paddingBottom={1}>\n              <Typography variant=\"alpha\" tag=\"h1\" textAlign=\"center\">\n                {formatMessage({\n                  id: 'Auth.form.welcome.title',\n                  defaultMessage: 'Welcome!',\n                })}\n              </Typography>\n            </Box>\n            <Box paddingBottom={7}>\n              <Typography\n                variant=\"epsilon\"\n                textColor=\"neutral600\"\n                textAlign=\"center\"\n                display=\"block\"\n              >\n                {formatMessage({\n                  id: 'Auth.form.welcome.subtitle',\n                  defaultMessage: 'Log in to your Strapi account',\n                })}\n              </Typography>\n            </Box>\n            {apiError ? (\n              <Typography id=\"global-form-error\" role=\"alert\" tabIndex={-1} textColor=\"danger600\">\n                {apiError}\n              </Typography>\n            ) : null}\n          </Column>\n          <Form\n            method=\"PUT\"\n            initialValues={{\n              email: '',\n              password: '',\n              rememberMe: false,\n            }}\n            onSubmit={(values) => {\n              handleLogin(values);\n            }}\n            validationSchema={LOGIN_SCHEMA}\n          >\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\n              {[\n                {\n                  label: formatMessage({ id: 'Auth.form.email.label', defaultMessage: 'Email' }),\n                  name: 'email',\n                  placeholder: formatMessage({\n                    id: 'Auth.form.email.placeholder',\n                    defaultMessage: 'kai@doe.com',\n                  }),\n                  required: true,\n                  type: 'string' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'global.password',\n                    defaultMessage: 'Password',\n                  }),\n                  name: 'password',\n                  required: true,\n                  type: 'password' as const,\n                },\n                {\n                  label: formatMessage({\n                    id: 'Auth.form.rememberMe.label',\n                    defaultMessage: 'Remember me',\n                  }),\n                  name: 'rememberMe',\n                  type: 'checkbox' as const,\n                },\n              ].map((field) => (\n                <InputRenderer key={field.name} {...field} />\n              ))}\n              <Button fullWidth type=\"submit\">\n                {formatMessage({ id: 'Auth.form.button.login', defaultMessage: 'Login' })}\n              </Button>\n            </Flex>\n          </Form>\n          {children}\n        </LayoutContent>\n        <Flex justifyContent=\"center\">\n          <Box paddingTop={4}>\n            <Link isExternal={false} tag={NavLink} to=\"/auth/forgot-password\">\n              {formatMessage({\n                id: 'Auth.link.forgot-password',\n                defaultMessage: 'Forgot your password?',\n              })}\n            </Link>\n          </Box>\n        </Flex>\n      </Main>\n    </UnauthenticatedLayout>\n  );\n};\n\nexport { Login };\nexport type { LoginProps };\n"],"names":["LOGIN_SCHEMA","yup","object","shape","email","string","nullable","id","translatedErrors","defaultMessage","required","password","rememberMe","bool","Login","children","apiError","setApiError","React","useState","formatMessage","useIntl","search","searchString","useLocation","query","useMemo","URLSearchParams","navigate","useNavigate","login","useAuth","auth","handleLogin","body","undefined","res","message","error","camelCase","toLowerCase","redirectTo","get","redirectUrl","decodeURIComponent","_jsx","UnauthenticatedLayout","_jsxs","Main","LayoutContent","Column","Logo","Box","paddingTop","paddingBottom","Typography","variant","tag","textAlign","textColor","display","role","tabIndex","Form","method","initialValues","onSubmit","values","validationSchema","Flex","direction","alignItems","gap","label","name","placeholder","type","map","field","InputRenderer","Button","fullWidth","justifyContent","Link","isExternal","NavLink","to"],"mappings":"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"}

package/dist/admin/admin/src/pages/Home/HomePage.js

@@ -5,17 +5,24 @@ var React = require('react');
 var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
-var reactRouterDom = require('react-router-dom');
+var styled = require('styled-components');
+var DragLayer = require('../../components/DragLayer.js');
+var GapDropZone = require('../../components/GapDropZone.js');
 var Overview = require('../../components/GuidedTour/Overview.js');
 var Layout = require('../../components/Layouts/Layout.js');
 var PageHelpers = require('../../components/PageHelpers.js');
+var ResizeIndicator = require('../../components/ResizeIndicator.js');
 var WidgetHelpers = require('../../components/WidgetHelpers.js');
+var WidgetRoot = require('../../components/WidgetRoot.js');
 require('../../services/admin.js');
 var useEnterprise = require('../../hooks/useEnterprise.js');
 require('../../../../ee/admin/src/services/ai.js');
 var Auth = require('../../features/Auth.js');
 var StrapiApp = require('../../features/StrapiApp.js');
-var Tracking = require('../../features/Tracking.js');
+var Widgets = require('../../features/Widgets.js');
+var homepage = require('../../services/homepage.js');
+var widgetLayout = require('../../utils/widgetLayout.js');
+var AddWidgetModal = require('./components/AddWidgetModal.js');
 var FreeTrialEndedModal = require('./components/FreeTrialEndedModal.js');
 var FreeTrialWelcomeModal = require('./components/FreeTrialWelcomeModal.js');
 
@@ -38,79 +45,18 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const WidgetRoot = ({ title, icon = icons.PuzzlePiece, children, link, uid })=>{
-    const { trackUsage } = Tracking.useTracking();
-    const { formatMessage } = reactIntl.useIntl();
-    const id = React__namespace.useId();
-    const Icon = icon;
-    const handleClickOnLink = ()=>{
-        trackUsage('didOpenHomeWidgetLink', {
-            widgetUID: uid
-        });
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-        width: "100%",
-        hasRadius: true,
-        direction: "column",
-        alignItems: "flex-start",
-        background: "neutral0",
-        borderColor: "neutral150",
-        shadow: "tableShadow",
-        tag: "section",
-        gap: 4,
-        padding: 6,
-        "aria-labelledby": id,
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                direction: "row",
-                gap: 2,
-                justifyContent: "space-between",
-                width: "100%",
-                tag: "header",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                        gap: 2,
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(Icon, {
-                                fill: "neutral500",
-                                "aria-hidden": true
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                textColor: "neutral500",
-                                variant: "sigma",
-                                tag: "h2",
-                                id: id,
-                                children: formatMessage(title)
-                            })
-                        ]
-                    }),
-                    link && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        tag: reactRouterDom.Link,
-                        variant: "omega",
-                        textColor: "primary600",
-                        style: {
-                            textDecoration: 'none'
-                        },
-                        textAlign: "right",
-                        to: link.href,
-                        onClick: handleClickOnLink,
-                        children: formatMessage(link.label)
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                width: "100%",
-                height: "261px",
-                overflow: "auto",
-                tag: "main",
-                children: children
-            })
-        ]
-    });
-};
+// Styled wrapper for the drag preview
+const DragPreviewWrapper = styled.styled.div`
+  max-width: ${(props)=>props.$maxWidth};
+  overflow: hidden;
+  opacity: 0.9;
+  border: 2px solid ${({ theme })=>theme.colors.primary500};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  pointer-events: none;
+`;
 /* -------------------------------------------------------------------------------------------------
  * UnstableHomePageCe
- * -----------------------------------------------------------------------------------------------*/ const WidgetComponent = ({ component })=>{
+ * -----------------------------------------------------------------------------------------------*/ const WidgetComponent = ({ component, columnWidth })=>{
     const [loadedComponent, setLoadedComponent] = React__namespace.useState(null);
     React__namespace.useEffect(()=>{
         const loadComponent = async ()=>{
@@ -125,7 +71,11 @@ const WidgetRoot = ({ title, icon = icons.PuzzlePiece, children, link, uid })=>{
     if (!Component) {
         return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.Loading, {});
     }
-    return /*#__PURE__*/ jsxRuntime.jsx(Component, {});
+    return /*#__PURE__*/ jsxRuntime.jsx(Component, {
+        ...{
+            columnWidth
+        }
+    });
 };
 /* -------------------------------------------------------------------------------------------------
  * HomePageCE
@@ -135,8 +85,16 @@ const WidgetRoot = ({ title, icon = icons.PuzzlePiece, children, link, uid })=>{
     const displayName = user?.firstname ?? user?.username ?? user?.email;
     const getAllWidgets = StrapiApp.useStrapiApp('UnstableHomepageCe', (state)=>state.widgets.getAll);
     const checkUserHasPermissions = Auth.useAuth('WidgetRoot', (state)=>state.checkUserHasPermissions);
+    const { data: homepageLayout, isLoading: _isLoadingLayout } = homepage.useGetHomepageLayoutQuery();
     const [filteredWidgets, setFilteredWidgets] = React__namespace.useState([]);
+    const [allAvailableWidgets, setAllAvailableWidgets] = React__namespace.useState([]);
     const [loading, setLoading] = React__namespace.useState(true);
+    const [isAddWidgetModalOpen, setIsAddWidgetModalOpen] = React__namespace.useState(false);
+    // Use custom hook for widget management
+    const { findWidget, deleteWidget, addWidget, moveWidget, columnWidths, setColumnWidths, handleWidgetResize, saveLayout, isDraggingWidget, draggedWidgetId, handleDragStart, handleDragEnd } = Widgets.useWidgets({
+        filteredWidgets,
+        setFilteredWidgets
+    });
     React__namespace.useEffect(()=>{
         const checkWidgetsPermissions = async ()=>{
             const allWidgets = getAllWidgets();
@@ -145,7 +103,8 @@ const WidgetRoot = ({ title, icon = icons.PuzzlePiece, children, link, uid })=>{
                 const matchingPermissions = await checkUserHasPermissions(widget.permissions);
                 return matchingPermissions.length >= widget.permissions.length;
             }));
-            setFilteredWidgets(allWidgets.filter((_, i)=>authorizedWidgets[i]));
+            const authorizedWidgetsList = allWidgets.filter((_, i)=>authorizedWidgets[i]);
+            setAllAvailableWidgets(authorizedWidgetsList);
             setLoading(false);
         };
         checkWidgetsPermissions();
@@ -153,63 +112,174 @@ const WidgetRoot = ({ title, icon = icons.PuzzlePiece, children, link, uid })=>{
         checkUserHasPermissions,
         getAllWidgets
     ]);
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Title, {
-                children: formatMessage({
-                    id: 'HomePage.head.title',
-                    defaultMessage: 'Homepage'
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {
-                title: formatMessage({
-                    id: 'HomePage.header.title',
-                    defaultMessage: 'Hello {name}'
-                }, {
-                    name: displayName
+    React__namespace.useEffect(()=>{
+        if (allAvailableWidgets.length === 0) return;
+        // If user has customized the homepage layout, apply it
+        if (homepageLayout && homepageLayout.widgets) {
+            const { filteredWidgets, widths: homepageWidths } = widgetLayout.applyHomepageLayout(allAvailableWidgets, homepageLayout);
+            setFilteredWidgets(filteredWidgets);
+            setColumnWidths(homepageWidths);
+        } else {
+            // Set default layout when no custom layout exists
+            setFilteredWidgets(allAvailableWidgets);
+            setColumnWidths(widgetLayout.createDefaultWidgetWidths(allAvailableWidgets));
+        }
+    }, [
+        homepageLayout,
+        allAvailableWidgets,
+        setColumnWidths
+    ]);
+    const widgetLayout$1 = React__namespace.useMemo(()=>{
+        return filteredWidgets.map((widget, index)=>{
+            const rightWidgetId = filteredWidgets[index + 1]?.uid;
+            const widgetWidth = widgetLayout.getWidgetWidth(columnWidths, widget.uid);
+            const rightWidgetWidth = widgetLayout.getWidgetWidth(columnWidths, rightWidgetId);
+            return {
+                widget,
+                index,
+                isLastInRow: widgetLayout.isLastWidgetInRow(index, filteredWidgets, columnWidths),
+                rightWidgetId,
+                widgetWidth,
+                rightWidgetWidth,
+                canResize: rightWidgetId && widgetLayout.canResizeBetweenWidgets(widget.uid, rightWidgetId, columnWidths, filteredWidgets)
+            };
+        });
+    }, [
+        filteredWidgets,
+        columnWidths
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Root, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Title, {
+                    children: formatMessage({
+                        id: 'HomePage.head.title',
+                        defaultMessage: 'Homepage'
+                    })
                 }),
-                subtitle: formatMessage({
-                    id: 'HomePage.header.subtitle',
-                    defaultMessage: 'Welcome to your administration panel'
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(FreeTrialWelcomeModal.FreeTrialWelcomeModal, {}),
-            /*#__PURE__*/ jsxRuntime.jsx(FreeTrialEndedModal.FreeTrialEndedModal, {}),
-            /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Content, {
-                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                    direction: "column",
-                    alignItems: "stretch",
-                    gap: 8,
-                    paddingBottom: 10,
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(Overview.GuidedTourHomepageOverview, {}),
-                        loading ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                            position: "absolute",
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            children: /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {})
-                        }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
-                            gap: 5,
-                            children: filteredWidgets.map((widget)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                                    col: 6,
-                                    s: 12,
-                                    children: /*#__PURE__*/ jsxRuntime.jsx(WidgetRoot, {
-                                        title: widget.title,
-                                        icon: widget.icon,
-                                        link: widget.link,
-                                        uid: widget.uid,
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(WidgetComponent, {
-                                            component: widget.component
-                                        })
-                                    })
-                                }, widget.uid))
+                /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Header, {
+                    title: formatMessage({
+                        id: 'HomePage.header.title',
+                        defaultMessage: 'Hello {name}'
+                    }, {
+                        name: displayName
+                    }),
+                    subtitle: formatMessage({
+                        id: 'HomePage.header.subtitle',
+                        defaultMessage: 'Welcome to your administration panel'
+                    }),
+                    primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        variant: "tertiary",
+                        size: "S",
+                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                        onClick: ()=>setIsAddWidgetModalOpen(true),
+                        children: formatMessage({
+                            id: 'HomePage.addWidget.button',
+                            defaultMessage: 'Add Widget'
                         })
-                    ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(FreeTrialWelcomeModal.FreeTrialWelcomeModal, {}),
+                /*#__PURE__*/ jsxRuntime.jsx(FreeTrialEndedModal.FreeTrialEndedModal, {}),
+                /*#__PURE__*/ jsxRuntime.jsx(AddWidgetModal.AddWidgetModal, {
+                    isOpen: isAddWidgetModalOpen,
+                    onClose: ()=>setIsAddWidgetModalOpen(false),
+                    onAddWidget: addWidget,
+                    currentWidgets: filteredWidgets,
+                    availableWidgets: allAvailableWidgets
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(Layout.Layouts.Content, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 8,
+                        paddingBottom: 10,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(Overview.GuidedTourHomepageOverview, {}),
+                            loading ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                position: "absolute",
+                                top: 0,
+                                left: 0,
+                                right: 0,
+                                bottom: 0,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {})
+                            }) : /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                position: "relative",
+                                [widgetLayout.WIDGET_DATA_ATTRIBUTES.GRID_CONTAINER]: true,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                                        gap: 5,
+                                        children: widgetLayout$1.map(({ widget, isLastInRow, rightWidgetId, widgetWidth, rightWidgetWidth, canResize })=>/*#__PURE__*/ jsxRuntime.jsxs(React__namespace.Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                        col: widgetWidth,
+                                                        s: 12,
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(WidgetRoot.WidgetRoot, {
+                                                            uid: widget.uid,
+                                                            title: widget.title,
+                                                            icon: widget.icon,
+                                                            link: widget.link,
+                                                            findWidget: findWidget,
+                                                            deleteWidget: deleteWidget,
+                                                            onDragStart: handleDragStart,
+                                                            onDragEnd: handleDragEnd,
+                                                            component: widget.component,
+                                                            children: /*#__PURE__*/ jsxRuntime.jsx(WidgetComponent, {
+                                                                component: widget.component,
+                                                                columnWidth: widgetWidth
+                                                            })
+                                                        })
+                                                    }),
+                                                    !isLastInRow && canResize && rightWidgetId && /*#__PURE__*/ jsxRuntime.jsx(ResizeIndicator.WidgetResizeHandle, {
+                                                        leftWidgetId: widget.uid,
+                                                        rightWidgetId: rightWidgetId,
+                                                        leftWidgetWidth: widgetWidth,
+                                                        rightWidgetWidth: rightWidgetWidth,
+                                                        onResize: handleWidgetResize,
+                                                        saveLayout: saveLayout,
+                                                        filteredWidgets: filteredWidgets
+                                                    }, `resize-${widget.uid}`)
+                                                ]
+                                            }, widget.uid))
+                                    }),
+                                    isDraggingWidget && /*#__PURE__*/ jsxRuntime.jsx(GapDropZone.GapDropZoneManager, {
+                                        filteredWidgets: filteredWidgets,
+                                        columnWidths: columnWidths,
+                                        draggedWidgetId: draggedWidgetId,
+                                        moveWidget: moveWidget
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(DragLayer.DragLayer, {
+                    renderItem: ({ type, item })=>{
+                        if (!DragLayer.isWidgetDragItem(item)) {
+                            return null;
+                        }
+                        const widgetElement = widgetLayout.getWidgetElement(item.id);
+                        const maxWidth = `${widgetElement?.clientWidth}px`;
+                        return /*#__PURE__*/ jsxRuntime.jsx(DragPreviewWrapper, {
+                            $maxWidth: maxWidth,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(WidgetRoot.WidgetRoot, {
+                                uid: item.id,
+                                title: item.title || {
+                                    id: `${item.id}`,
+                                    defaultMessage: item.id
+                                },
+                                icon: item.icon,
+                                link: item.link,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(WidgetComponent, {
+                                    component: item.component,
+                                    columnWidth: 4
+                                })
+                            })
+                        });
+                    }
                 })
-            })
-        ]
+            ]
+        })
     });
 };
 /* -------------------------------------------------------------------------------------------------
@@ -226,5 +296,5 @@ const WidgetRoot = ({ title, icon = icons.PuzzlePiece, children, link, uid })=>{
 
 exports.HomePage = HomePage;
 exports.HomePageCE = HomePageCE;
-exports.WidgetRoot = WidgetRoot;
+exports.WidgetComponent = WidgetComponent;
 //# sourceMappingURL=HomePage.js.map

package/dist/admin/admin/src/pages/Home/HomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","sources":["../../../../../../admin/src/pages/Home/HomePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Grid, Main, Typography } from '@strapi/design-system';\nimport { PuzzlePiece } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link as ReactRouterLink } from 'react-router-dom';\n\nimport { GuidedTourHomepageOverview } from '../../components/GuidedTour/Overview';\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { Page } from '../../components/PageHelpers';\nimport { Widget } from '../../components/WidgetHelpers';\nimport { useEnterprise } from '../../ee';\nimport { useAuth } from '../../features/Auth';\nimport { useStrapiApp } from '../../features/StrapiApp';\nimport { useTracking } from '../../features/Tracking';\n\nimport { FreeTrialEndedModal } from './components/FreeTrialEndedModal';\nimport { FreeTrialWelcomeModal } from './components/FreeTrialWelcomeModal';\n\nimport type { WidgetWithUID } from '../../core/apis/Widgets';\nimport type { WidgetType } from '@strapi/admin/strapi-admin';\n\n/* -------------------------------------------------------------------------------------------------\n * WidgetRoot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface WidgetRootProps\n  extends Pick<WidgetType, 'title' | 'icon' | 'permissions' | 'link' | 'uid'> {\n  children: React.ReactNode;\n}\n\nexport const WidgetRoot = ({ title, icon = PuzzlePiece, children, link, uid }: WidgetRootProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const id = React.useId();\n  const Icon = icon;\n\n  const handleClickOnLink = () => {\n    trackUsage('didOpenHomeWidgetLink', { widgetUID: uid });\n  };\n\n  return (\n    <Flex\n      width=\"100%\"\n      hasRadius\n      direction=\"column\"\n      alignItems=\"flex-start\"\n      background=\"neutral0\"\n      borderColor=\"neutral150\"\n      shadow=\"tableShadow\"\n      tag=\"section\"\n      gap={4}\n      padding={6}\n      aria-labelledby={id}\n    >\n      <Flex direction=\"row\" gap={2} justifyContent=\"space-between\" width=\"100%\" tag=\"header\">\n        <Flex gap={2}>\n          <Icon fill=\"neutral500\" aria-hidden />\n          <Typography textColor=\"neutral500\" variant=\"sigma\" tag=\"h2\" id={id}>\n            {formatMessage(title)}\n          </Typography>\n        </Flex>\n        {link && (\n          <Typography\n            tag={ReactRouterLink}\n            variant=\"omega\"\n            textColor=\"primary600\"\n            style={{ textDecoration: 'none' }}\n            textAlign=\"right\"\n            to={link.href}\n            onClick={handleClickOnLink}\n          >\n            {formatMessage(link.label)}\n          </Typography>\n        )}\n      </Flex>\n      <Box width=\"100%\" height=\"261px\" overflow=\"auto\" tag=\"main\">\n        {children}\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UnstableHomePageCe\n * -----------------------------------------------------------------------------------------------*/\n\nconst WidgetComponent = ({ component }: { component: () => Promise<React.ComponentType> }) => {\n  const [loadedComponent, setLoadedComponent] = React.useState<React.ComponentType | null>(null);\n\n  React.useEffect(() => {\n    const loadComponent = async () => {\n      const resolvedComponent = await component();\n\n      setLoadedComponent(() => resolvedComponent);\n    };\n\n    loadComponent();\n  }, [component]);\n\n  const Component = loadedComponent;\n\n  if (!Component) {\n    return <Widget.Loading />;\n  }\n\n  return <Component />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePageCE\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePageCE = () => {\n  const { formatMessage } = useIntl();\n  const user = useAuth('HomePageCE', (state) => state.user);\n  const displayName = user?.firstname ?? user?.username ?? user?.email;\n  const getAllWidgets = useStrapiApp('UnstableHomepageCe', (state) => state.widgets.getAll);\n  const checkUserHasPermissions = useAuth('WidgetRoot', (state) => state.checkUserHasPermissions);\n  const [filteredWidgets, setFilteredWidgets] = React.useState<WidgetWithUID[]>([]);\n  const [loading, setLoading] = React.useState(true);\n\n  React.useEffect(() => {\n    const checkWidgetsPermissions = async () => {\n      const allWidgets = getAllWidgets();\n      const authorizedWidgets = await Promise.all(\n        allWidgets.map(async (widget) => {\n          if (!widget.permissions || widget.permissions.length === 0) return true;\n          const matchingPermissions = await checkUserHasPermissions(widget.permissions);\n          return matchingPermissions.length >= widget.permissions.length;\n        })\n      );\n      setFilteredWidgets(allWidgets.filter((_, i) => authorizedWidgets[i]));\n      setLoading(false);\n    };\n\n    checkWidgetsPermissions();\n  }, [checkUserHasPermissions, getAllWidgets]);\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage({ id: 'HomePage.head.title', defaultMessage: 'Homepage' })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage(\n          { id: 'HomePage.header.title', defaultMessage: 'Hello {name}' },\n          { name: displayName }\n        )}\n        subtitle={formatMessage({\n          id: 'HomePage.header.subtitle',\n          defaultMessage: 'Welcome to your administration panel',\n        })}\n      />\n      <FreeTrialWelcomeModal />\n      <FreeTrialEndedModal />\n      <Layouts.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={8} paddingBottom={10}>\n          <GuidedTourHomepageOverview />\n          {loading ? (\n            <Box position=\"absolute\" top={0} left={0} right={0} bottom={0}>\n              <Page.Loading />\n            </Box>\n          ) : (\n            <Grid.Root gap={5}>\n              {filteredWidgets.map((widget) => (\n                <Grid.Item col={6} s={12} key={widget.uid}>\n                  <WidgetRoot\n                    title={widget.title}\n                    icon={widget.icon}\n                    link={widget.link}\n                    uid={widget.uid}\n                  >\n                    <WidgetComponent component={widget.component} />\n                  </WidgetRoot>\n                </Grid.Item>\n              ))}\n            </Grid.Root>\n          )}\n        </Flex>\n      </Layouts.Content>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePage = () => {\n  const Page = useEnterprise(\n    HomePageCE,\n    // eslint-disable-next-line import/no-cycle\n    async () => (await import('../../../../ee/admin/src/pages/HomePage')).HomePageEE\n  );\n\n  // block rendering until the EE component is fully loaded\n  if (!Page) {\n    return null;\n  }\n\n  return <Page />;\n};\n\nexport { HomePage, HomePageCE };\n"],"names":["WidgetRoot","title","icon","PuzzlePiece","children","link","uid","trackUsage","useTracking","formatMessage","useIntl","id","React","useId","Icon","handleClickOnLink","widgetUID","_jsxs","Flex","width","hasRadius","direction","alignItems","background","borderColor","shadow","tag","gap","padding","aria-labelledby","justifyContent","_jsx","fill","aria-hidden","Typography","textColor","variant","ReactRouterLink","style","textDecoration","textAlign","to","href","onClick","label","Box","height","overflow","WidgetComponent","component","loadedComponent","setLoadedComponent","useState","useEffect","loadComponent","resolvedComponent","Component","Widget","Loading","HomePageCE","user","useAuth","state","displayName","firstname","username","email","getAllWidgets","useStrapiApp","widgets","getAll","checkUserHasPermissions","filteredWidgets","setFilteredWidgets","loading","setLoading","checkWidgetsPermissions","allWidgets","authorizedWidgets","Promise","all","map","widget","permissions","length","matchingPermissions","filter","_","i","Main","Page","Title","defaultMessage","Layouts","Header","name","subtitle","FreeTrialWelcomeModal","FreeTrialEndedModal","Content","paddingBottom","GuidedTourHomepageOverview","position","top","left","right","bottom","Grid","Root","Item","col","s","HomePage","useEnterprise","HomePageEE"],"mappings":"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"}
+{"version":3,"file":"HomePage.js","sources":["../../../../../../admin/src/pages/Home/HomePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Grid, Main } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { DragLayer, isWidgetDragItem } from '../../components/DragLayer';\nimport { GapDropZoneManager } from '../../components/GapDropZone';\nimport { GuidedTourHomepageOverview } from '../../components/GuidedTour/Overview';\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { Page } from '../../components/PageHelpers';\nimport { WidgetResizeHandle } from '../../components/ResizeIndicator';\nimport { Widget } from '../../components/WidgetHelpers';\nimport { WidgetRoot } from '../../components/WidgetRoot';\nimport { useEnterprise } from '../../ee';\nimport { useAuth } from '../../features/Auth';\nimport { useStrapiApp } from '../../features/StrapiApp';\nimport { useWidgets } from '../../features/Widgets';\nimport { useGetHomepageLayoutQuery } from '../../services/homepage';\nimport { getWidgetElement, WIDGET_DATA_ATTRIBUTES } from '../../utils/widgetLayout';\nimport {\n  applyHomepageLayout,\n  createDefaultWidgetWidths,\n  isLastWidgetInRow,\n  canResizeBetweenWidgets,\n  getWidgetWidth,\n} from '../../utils/widgetLayout';\n\nimport { AddWidgetModal } from './components/AddWidgetModal';\nimport { FreeTrialEndedModal } from './components/FreeTrialEndedModal';\nimport { FreeTrialWelcomeModal } from './components/FreeTrialWelcomeModal';\n\nimport type { WidgetWithUID } from '../../core/apis/Widgets';\n\n// Styled wrapper for the drag preview\nconst DragPreviewWrapper = styled.div<{ $maxWidth: string }>`\n  max-width: ${(props) => props.$maxWidth};\n  overflow: hidden;\n  opacity: 0.9;\n  border: 2px solid ${({ theme }) => theme.colors.primary500};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  pointer-events: none;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * UnstableHomePageCe\n * -----------------------------------------------------------------------------------------------*/\n\nexport const WidgetComponent = ({\n  component,\n  columnWidth,\n}: {\n  component: () => Promise<React.ComponentType>;\n  columnWidth: number;\n}) => {\n  const [loadedComponent, setLoadedComponent] = React.useState<React.ComponentType<{\n    columnWidth?: number;\n  }> | null>(null);\n\n  React.useEffect(() => {\n    const loadComponent = async () => {\n      const resolvedComponent = await component();\n\n      setLoadedComponent(() => resolvedComponent);\n    };\n\n    loadComponent();\n  }, [component]);\n\n  const Component = loadedComponent;\n\n  if (!Component) {\n    return <Widget.Loading />;\n  }\n\n  return <Component {...({ columnWidth } as Record<string, unknown>)} />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePageCE\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePageCE = () => {\n  const { formatMessage } = useIntl();\n  const user = useAuth('HomePageCE', (state) => state.user);\n  const displayName = user?.firstname ?? user?.username ?? user?.email;\n  const getAllWidgets = useStrapiApp('UnstableHomepageCe', (state) => state.widgets.getAll);\n  const checkUserHasPermissions = useAuth('WidgetRoot', (state) => state.checkUserHasPermissions);\n  const { data: homepageLayout, isLoading: _isLoadingLayout } = useGetHomepageLayoutQuery();\n  const [filteredWidgets, setFilteredWidgets] = React.useState<WidgetWithUID[]>([]);\n  const [allAvailableWidgets, setAllAvailableWidgets] = React.useState<WidgetWithUID[]>([]);\n  const [loading, setLoading] = React.useState(true);\n  const [isAddWidgetModalOpen, setIsAddWidgetModalOpen] = React.useState(false);\n\n  // Use custom hook for widget management\n  const {\n    findWidget,\n    deleteWidget,\n    addWidget,\n    moveWidget,\n    columnWidths,\n    setColumnWidths,\n    handleWidgetResize,\n    saveLayout,\n    isDraggingWidget,\n    draggedWidgetId,\n    handleDragStart,\n    handleDragEnd,\n  } = useWidgets({\n    filteredWidgets,\n    setFilteredWidgets,\n  });\n\n  React.useEffect(() => {\n    const checkWidgetsPermissions = async () => {\n      const allWidgets = getAllWidgets();\n      const authorizedWidgets = await Promise.all(\n        allWidgets.map(async (widget) => {\n          if (!widget.permissions || widget.permissions.length === 0) return true;\n          const matchingPermissions = await checkUserHasPermissions(widget.permissions);\n          return matchingPermissions.length >= widget.permissions.length;\n        })\n      );\n      const authorizedWidgetsList = allWidgets.filter((_, i) => authorizedWidgets[i]);\n\n      setAllAvailableWidgets(authorizedWidgetsList);\n      setLoading(false);\n    };\n\n    checkWidgetsPermissions();\n  }, [checkUserHasPermissions, getAllWidgets]);\n\n  React.useEffect(() => {\n    if (allAvailableWidgets.length === 0) return;\n\n    // If user has customized the homepage layout, apply it\n    if (homepageLayout && homepageLayout.widgets) {\n      const { filteredWidgets, widths: homepageWidths } = applyHomepageLayout(\n        allAvailableWidgets,\n        homepageLayout\n      );\n\n      setFilteredWidgets(filteredWidgets);\n      setColumnWidths(homepageWidths);\n    } else {\n      // Set default layout when no custom layout exists\n      setFilteredWidgets(allAvailableWidgets);\n      setColumnWidths(createDefaultWidgetWidths(allAvailableWidgets));\n    }\n  }, [homepageLayout, allAvailableWidgets, setColumnWidths]);\n\n  const widgetLayout = React.useMemo(() => {\n    return filteredWidgets.map((widget, index) => {\n      const rightWidgetId = filteredWidgets[index + 1]?.uid;\n      const widgetWidth = getWidgetWidth(columnWidths, widget.uid);\n      const rightWidgetWidth = getWidgetWidth(columnWidths, rightWidgetId);\n\n      return {\n        widget,\n        index,\n        isLastInRow: isLastWidgetInRow(index, filteredWidgets, columnWidths),\n        rightWidgetId,\n        widgetWidth,\n        rightWidgetWidth,\n        canResize:\n          rightWidgetId &&\n          canResizeBetweenWidgets(widget.uid, rightWidgetId, columnWidths, filteredWidgets),\n      };\n    });\n  }, [filteredWidgets, columnWidths]);\n\n  return (\n    <Layouts.Root>\n      <Main>\n        <Page.Title>\n          {formatMessage({ id: 'HomePage.head.title', defaultMessage: 'Homepage' })}\n        </Page.Title>\n        <Layouts.Header\n          title={formatMessage(\n            { id: 'HomePage.header.title', defaultMessage: 'Hello {name}' },\n            { name: displayName }\n          )}\n          subtitle={formatMessage({\n            id: 'HomePage.header.subtitle',\n            defaultMessage: 'Welcome to your administration panel',\n          })}\n          primaryAction={\n            <Button\n              variant=\"tertiary\"\n              size=\"S\"\n              startIcon={<Plus />}\n              onClick={() => setIsAddWidgetModalOpen(true)}\n            >\n              {formatMessage({\n                id: 'HomePage.addWidget.button',\n                defaultMessage: 'Add Widget',\n              })}\n            </Button>\n          }\n        />\n        <FreeTrialWelcomeModal />\n        <FreeTrialEndedModal />\n        <AddWidgetModal\n          isOpen={isAddWidgetModalOpen}\n          onClose={() => setIsAddWidgetModalOpen(false)}\n          onAddWidget={addWidget}\n          currentWidgets={filteredWidgets}\n          availableWidgets={allAvailableWidgets}\n        />\n        <Layouts.Content>\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={8} paddingBottom={10}>\n            <GuidedTourHomepageOverview />\n            {loading ? (\n              <Box position=\"absolute\" top={0} left={0} right={0} bottom={0}>\n                <Page.Loading />\n              </Box>\n            ) : (\n              <Box position=\"relative\" {...{ [WIDGET_DATA_ATTRIBUTES.GRID_CONTAINER]: true }}>\n                <Grid.Root gap={5}>\n                  {widgetLayout.map(\n                    ({\n                      widget,\n                      isLastInRow,\n                      rightWidgetId,\n                      widgetWidth,\n                      rightWidgetWidth,\n                      canResize,\n                    }) => (\n                      <React.Fragment key={widget.uid}>\n                        <Grid.Item col={widgetWidth} s={12}>\n                          <WidgetRoot\n                            uid={widget.uid}\n                            title={widget.title}\n                            icon={widget.icon}\n                            link={widget.link}\n                            findWidget={findWidget}\n                            deleteWidget={deleteWidget}\n                            onDragStart={handleDragStart}\n                            onDragEnd={handleDragEnd}\n                            component={widget.component}\n                          >\n                            <WidgetComponent\n                              component={widget.component}\n                              columnWidth={widgetWidth}\n                            />\n                          </WidgetRoot>\n                        </Grid.Item>\n\n                        {!isLastInRow && canResize && rightWidgetId && (\n                          <WidgetResizeHandle\n                            key={`resize-${widget.uid}`}\n                            leftWidgetId={widget.uid}\n                            rightWidgetId={rightWidgetId}\n                            leftWidgetWidth={widgetWidth}\n                            rightWidgetWidth={rightWidgetWidth}\n                            onResize={handleWidgetResize}\n                            saveLayout={saveLayout}\n                            filteredWidgets={filteredWidgets}\n                          />\n                        )}\n                      </React.Fragment>\n                    )\n                  )}\n                </Grid.Root>\n\n                {isDraggingWidget && (\n                  <GapDropZoneManager\n                    filteredWidgets={filteredWidgets}\n                    columnWidths={columnWidths}\n                    draggedWidgetId={draggedWidgetId}\n                    moveWidget={moveWidget}\n                  />\n                )}\n              </Box>\n            )}\n          </Flex>\n        </Layouts.Content>\n\n        {/* Add the DragLayer to handle custom drag previews */}\n        <DragLayer\n          renderItem={({ type, item }) => {\n            if (!isWidgetDragItem(item)) {\n              return null;\n            }\n\n            const widgetElement = getWidgetElement(item.id);\n            const maxWidth = `${widgetElement?.clientWidth}px`;\n\n            return (\n              <DragPreviewWrapper $maxWidth={maxWidth}>\n                <WidgetRoot\n                  uid={item.id as WidgetWithUID['uid']}\n                  title={item.title || { id: `${item.id}`, defaultMessage: item.id }}\n                  icon={item.icon}\n                  link={item.link}\n                >\n                  <WidgetComponent component={item.component} columnWidth={4} />\n                </WidgetRoot>\n              </DragPreviewWrapper>\n            );\n          }}\n        />\n      </Main>\n    </Layouts.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePage = () => {\n  const Page = useEnterprise(\n    HomePageCE,\n    // eslint-disable-next-line import/no-cycle\n    async () => (await import('../../../../ee/admin/src/pages/HomePage')).HomePageEE\n  );\n\n  // block rendering until the EE component is fully loaded\n  if (!Page) {\n    return null;\n  }\n\n  return <Page />;\n};\n\nexport { HomePage, HomePageCE };\n"],"names":["DragPreviewWrapper","styled","div","props","$maxWidth","theme","colors","primary500","borderRadius","WidgetComponent","component","columnWidth","loadedComponent","setLoadedComponent","React","useState","useEffect","loadComponent","resolvedComponent","Component","_jsx","Widget","Loading","HomePageCE","formatMessage","useIntl","user","useAuth","state","displayName","firstname","username","email","getAllWidgets","useStrapiApp","widgets","getAll","checkUserHasPermissions","data","homepageLayout","isLoading","_isLoadingLayout","useGetHomepageLayoutQuery","filteredWidgets","setFilteredWidgets","allAvailableWidgets","setAllAvailableWidgets","loading","setLoading","isAddWidgetModalOpen","setIsAddWidgetModalOpen","findWidget","deleteWidget","addWidget","moveWidget","columnWidths","setColumnWidths","handleWidgetResize","saveLayout","isDraggingWidget","draggedWidgetId","handleDragStart","handleDragEnd","useWidgets","checkWidgetsPermissions","allWidgets","authorizedWidgets","Promise","all","map","widget","permissions","length","matchingPermissions","authorizedWidgetsList","filter","_","i","widths","homepageWidths","applyHomepageLayout","createDefaultWidgetWidths","widgetLayout","useMemo","index","rightWidgetId","uid","widgetWidth","getWidgetWidth","rightWidgetWidth","isLastInRow","isLastWidgetInRow","canResize","canResizeBetweenWidgets","Layouts","Root","_jsxs","Main","Page","Title","id","defaultMessage","Header","title","name","subtitle","primaryAction","Button","variant","size","startIcon","Plus","onClick","FreeTrialWelcomeModal","FreeTrialEndedModal","AddWidgetModal","isOpen","onClose","onAddWidget","currentWidgets","availableWidgets","Content","Flex","direction","alignItems","gap","paddingBottom","GuidedTourHomepageOverview","Box","position","top","left","right","bottom","WIDGET_DATA_ATTRIBUTES","GRID_CONTAINER","Grid","Fragment","Item","col","s","WidgetRoot","icon","link","onDragStart","onDragEnd","WidgetResizeHandle","leftWidgetId","leftWidgetWidth","onResize","GapDropZoneManager","DragLayer","renderItem","type","item","isWidgetDragItem","widgetElement","getWidgetElement","maxWidth","clientWidth","HomePage","useEnterprise","HomePageEE"],"mappings":"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"}