@strapi/admin 5.42.1 → 5.44.0

package/dist/admin/admin/src/components/Widgets.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Widgets.mjs","sources":["../../../../../admin/src/components/Widgets.tsx"],"sourcesContent":["import { useAuth, useTracking } from '@strapi/admin/strapi-admin';\nimport { Avatar, Badge, Box, Flex, Typography } from '@strapi/design-system';\nimport { Earth, Images, User, Key, Files, Layout, Graph, Webhooks } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useGetCountDocumentsQuery, useGetKeyStatisticsQuery } from '../services/homepage';\nimport { getDisplayName, getInitials } from '../utils/users';\n\nimport { Widget } from './WidgetHelpers';\n\n/* -------------------------------------------------------------------------------------------------\n * ProfileWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst DisplayNameTypography = styled(Typography)`\n  font-size: 2.4rem;\n`;\n\nconst ProfileWidget = () => {\n  const user = useAuth('User', (state) => state.user);\n  const userDisplayName = getDisplayName(user);\n  const initials = getInitials(user);\n\n  return (\n    <Flex direction=\"column\" gap={3} height=\"100%\" justifyContent=\"center\">\n      <Avatar.Item delayMs={0} fallback={initials} />\n      {userDisplayName && (\n        <DisplayNameTypography fontWeight=\"bold\" textTransform=\"none\" textAlign=\"center\">\n          {userDisplayName}\n        </DisplayNameTypography>\n      )}\n      {user?.email && (\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {user?.email}\n        </Typography>\n      )}\n      {user?.roles?.length && (\n        <Flex marginTop={2} gap={1} wrap=\"wrap\">\n          {user?.roles?.map((role) => <Badge key={role.id}>{role.name}</Badge>)}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Key Statistics\n * -----------------------------------------------------------------------------------------------*/\nconst Grid = styled(Box)`\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  overflow: hidden;\n`;\n\nconst GridCell = styled(Box)`\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral200};\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n\n  &:nth-child(2n) {\n    border-right: none;\n  }\n  &:nth-last-child(-n + 2) {\n    border-bottom: none;\n  }\n`;\n\nconst formatNumber = ({ locale, number }: { locale: string; number: number }) => {\n  return new Intl.NumberFormat(locale, {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(number);\n};\n\nconst LinkCell = styled(Link)`\n  text-decoration: none;\n  padding: ${({ theme }) => theme.spaces[3]};\n`;\n\nconst KeyStatisticsWidget = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage, locale } = useIntl();\n  const { data: countDocuments, isLoading: isLoadingCountDocuments } = useGetCountDocumentsQuery();\n  const { data: countKeyStatistics, isLoading: isLoadingKeyStatistics } =\n    useGetKeyStatisticsQuery();\n\n  if (isLoadingKeyStatistics || isLoadingCountDocuments) {\n    return <Widget.Loading />;\n  }\n\n  if (!countKeyStatistics || !countDocuments) {\n    return <Widget.Error />;\n  }\n\n  const keyStatisticsList = {\n    entries: {\n      label: {\n        id: 'widget.key-statistics.list.entries',\n        defaultMessage: 'Entries',\n      },\n      icon: {\n        component: <Files />,\n        background: 'primary100',\n        color: 'primary600',\n      },\n      link: '/content-manager',\n    },\n    assets: {\n      label: {\n        id: 'widget.key-statistics.list.assets',\n        defaultMessage: 'Assets',\n      },\n      icon: {\n        component: <Images />,\n        background: 'warning100',\n        color: 'warning600',\n      },\n      link: '/plugins/upload',\n    },\n    contentTypes: {\n      label: {\n        id: 'widget.key-statistics.list.contentTypes',\n        defaultMessage: 'Content-Types',\n      },\n      icon: {\n        component: <Layout />,\n        background: 'secondary100',\n        color: 'secondary600',\n      },\n      link: '/plugins/content-type-builder',\n    },\n    components: {\n      label: {\n        id: 'widget.key-statistics.list.components',\n        defaultMessage: 'Components',\n      },\n      icon: {\n        component: <Graph />,\n        background: 'alternative100',\n        color: 'alternative600',\n      },\n      link: '/plugins/content-type-builder',\n    },\n    locales: {\n      label: {\n        id: 'widget.key-statistics.list.locales',\n        defaultMessage: 'Locales',\n      },\n      icon: {\n        component: <Earth />,\n        background: 'success100',\n        color: 'success600',\n      },\n      link: '/settings/internationalization',\n    },\n    admins: {\n      label: {\n        id: 'widget.key-statistics.list.admins',\n        defaultMessage: 'Admins',\n      },\n      icon: {\n        component: <User />,\n        background: 'danger100',\n        color: 'danger600',\n      },\n      link: '/settings/users?pageSize=10&page=1&sort=firstname',\n    },\n    webhooks: {\n      label: {\n        id: 'widget.key-statistics.list.webhooks',\n        defaultMessage: 'Webhooks',\n      },\n      icon: {\n        component: <Webhooks />,\n        background: 'alternative100',\n        color: 'alternative600',\n      },\n      link: '/settings/webhooks',\n    },\n    apiTokens: {\n      label: {\n        id: 'widget.key-statistics.list.apiTokens',\n        defaultMessage: 'API Tokens',\n      },\n      icon: {\n        component: <Key />,\n        background: 'neutral100',\n        color: 'neutral600',\n      },\n      link: '/settings/api-tokens?sort=name:ASC',\n    },\n  };\n\n  const { draft, published, modified } = countDocuments ?? {\n    draft: 0,\n    published: 0,\n    modified: 0,\n  };\n\n  const totalCountEntries = draft + published + modified;\n\n  return (\n    <Grid>\n      {Object.entries(keyStatisticsList).map(([key, item]) => {\n        const value = countKeyStatistics?.[key as keyof typeof countKeyStatistics];\n        return (\n          value !== null && (\n            <GridCell\n              as={LinkCell}\n              to={item.link}\n              key={`key-statistics-${key}`}\n              data-testid={`stat-${key}`}\n              onClick={() => trackUsage('didOpenKeyStatisticsWidgetLink', { itemKey: key })}\n            >\n              <Flex alignItems=\"center\" gap={2}>\n                <Flex\n                  padding={2}\n                  borderRadius={1}\n                  background={item.icon.background}\n                  color={item.icon.color}\n                >\n                  {item.icon.component}\n                </Flex>\n                <Flex direction=\"column\" alignItems=\"flex-start\">\n                  <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral500\">\n                    {formatMessage(item.label)}\n                  </Typography>\n                  <Typography variant=\"omega\" fontWeight=\"bold\" textColor=\"neutral800\">\n                    {formatNumber({\n                      locale,\n                      number: key === 'entries' ? totalCountEntries : value,\n                    })}\n                  </Typography>\n                </Flex>\n              </Flex>\n            </GridCell>\n          )\n        );\n      })}\n    </Grid>\n  );\n};\n\nexport { ProfileWidget, KeyStatisticsWidget };\n"],"names":["DisplayNameTypography","styled","Typography","ProfileWidget","user","useAuth","state","userDisplayName","getDisplayName","initials","getInitials","_jsxs","Flex","direction","gap","height","justifyContent","_jsx","Avatar","Item","delayMs","fallback","fontWeight","textTransform","textAlign","email","variant","textColor","roles","length","marginTop","wrap","map","role","Badge","name","id","Grid","Box","theme","colors","neutral200","borderRadius","GridCell","formatNumber","locale","number","Intl","NumberFormat","notation","maximumFractionDigits","format","LinkCell","Link","spaces","KeyStatisticsWidget","trackUsage","useTracking","formatMessage","useIntl","data","countDocuments","isLoading","isLoadingCountDocuments","useGetCountDocumentsQuery","countKeyStatistics","isLoadingKeyStatistics","useGetKeyStatisticsQuery","Widget","Loading","Error","keyStatisticsList","entries","label","defaultMessage","icon","component","Files","background","color","link","assets","Images","contentTypes","Layout","components","Graph","locales","Earth","admins","User","webhooks","Webhooks","apiTokens","Key","draft","published","modified","totalCountEntries","Object","key","item","value","as","to","data-testid","onClick","itemKey","alignItems","padding"],"mappings":"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"}
+{"version":3,"file":"Widgets.mjs","sources":["../../../../../admin/src/components/Widgets.tsx"],"sourcesContent":["import { useAuth, useTracking } from '@strapi/admin/strapi-admin';\nimport { Avatar, Badge, Box, Flex, LinkButton, Typography } from '@strapi/design-system';\nimport {\n  Cloud,\n  CloudUpload,\n  Earth,\n  Images,\n  User,\n  Key,\n  Files,\n  Layout,\n  Graph,\n  Webhooks,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useGetCountDocumentsQuery, useGetKeyStatisticsQuery } from '../services/homepage';\nimport { getDisplayName, getInitials } from '../utils/users';\n\nimport { Widget } from './WidgetHelpers';\n\n/* -------------------------------------------------------------------------------------------------\n * ProfileWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst DisplayNameTypography = styled(Typography)`\n  font-size: 2.4rem;\n`;\n\nconst ProfileWidget = () => {\n  const user = useAuth('User', (state) => state.user);\n  const userDisplayName = getDisplayName(user);\n  const initials = getInitials(user);\n\n  return (\n    <Flex direction=\"column\" gap={3} height=\"100%\" justifyContent=\"center\">\n      <Avatar.Item delayMs={0} fallback={initials} />\n      {userDisplayName && (\n        <DisplayNameTypography fontWeight=\"bold\" textTransform=\"none\" textAlign=\"center\">\n          {userDisplayName}\n        </DisplayNameTypography>\n      )}\n      {user?.email && (\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {user?.email}\n        </Typography>\n      )}\n      {user?.roles?.length && (\n        <Flex marginTop={2} gap={1} wrap=\"wrap\">\n          {user?.roles?.map((role) => <Badge key={role.id}>{role.name}</Badge>)}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Key Statistics\n * -----------------------------------------------------------------------------------------------*/\nconst Grid = styled(Box)`\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  overflow: hidden;\n`;\n\nconst GridCell = styled(Box)`\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral200};\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n\n  &:nth-child(2n) {\n    border-right: none;\n  }\n  &:nth-last-child(-n + 2) {\n    border-bottom: none;\n  }\n`;\n\nconst formatNumber = ({ locale, number }: { locale: string; number: number }) => {\n  return new Intl.NumberFormat(locale, {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(number);\n};\n\nconst LinkCell = styled(Link)`\n  text-decoration: none;\n  padding: ${({ theme }) => theme.spaces[3]};\n`;\n\nconst KeyStatisticsWidget = () => {\n  const { trackUsage } = useTracking();\n  const { formatMessage, locale } = useIntl();\n  const { data: countDocuments, isLoading: isLoadingCountDocuments } = useGetCountDocumentsQuery();\n  const { data: countKeyStatistics, isLoading: isLoadingKeyStatistics } =\n    useGetKeyStatisticsQuery();\n\n  if (isLoadingKeyStatistics || isLoadingCountDocuments) {\n    return <Widget.Loading />;\n  }\n\n  if (!countKeyStatistics || !countDocuments) {\n    return <Widget.Error />;\n  }\n\n  const keyStatisticsList = {\n    entries: {\n      label: {\n        id: 'widget.key-statistics.list.entries',\n        defaultMessage: 'Entries',\n      },\n      icon: {\n        component: <Files />,\n        background: 'primary100',\n        color: 'primary600',\n      },\n      link: '/content-manager',\n    },\n    assets: {\n      label: {\n        id: 'widget.key-statistics.list.assets',\n        defaultMessage: 'Assets',\n      },\n      icon: {\n        component: <Images />,\n        background: 'warning100',\n        color: 'warning600',\n      },\n      link: '/plugins/upload',\n    },\n    contentTypes: {\n      label: {\n        id: 'widget.key-statistics.list.contentTypes',\n        defaultMessage: 'Content-Types',\n      },\n      icon: {\n        component: <Layout />,\n        background: 'secondary100',\n        color: 'secondary600',\n      },\n      link: '/plugins/content-type-builder',\n    },\n    components: {\n      label: {\n        id: 'widget.key-statistics.list.components',\n        defaultMessage: 'Components',\n      },\n      icon: {\n        component: <Graph />,\n        background: 'alternative100',\n        color: 'alternative600',\n      },\n      link: '/plugins/content-type-builder',\n    },\n    locales: {\n      label: {\n        id: 'widget.key-statistics.list.locales',\n        defaultMessage: 'Locales',\n      },\n      icon: {\n        component: <Earth />,\n        background: 'success100',\n        color: 'success600',\n      },\n      link: '/settings/internationalization',\n    },\n    admins: {\n      label: {\n        id: 'widget.key-statistics.list.admins',\n        defaultMessage: 'Admins',\n      },\n      icon: {\n        component: <User />,\n        background: 'danger100',\n        color: 'danger600',\n      },\n      link: '/settings/users?pageSize=10&page=1&sort=firstname',\n    },\n    webhooks: {\n      label: {\n        id: 'widget.key-statistics.list.webhooks',\n        defaultMessage: 'Webhooks',\n      },\n      icon: {\n        component: <Webhooks />,\n        background: 'alternative100',\n        color: 'alternative600',\n      },\n      link: '/settings/webhooks',\n    },\n    apiTokens: {\n      label: {\n        id: 'widget.key-statistics.list.apiTokens',\n        defaultMessage: 'API Tokens',\n      },\n      icon: {\n        component: <Key />,\n        background: 'neutral100',\n        color: 'neutral600',\n      },\n      link: '/settings/api-tokens?sort=name:ASC',\n    },\n  };\n\n  const { draft, published, modified } = countDocuments ?? {\n    draft: 0,\n    published: 0,\n    modified: 0,\n  };\n\n  const totalCountEntries = draft + published + modified;\n\n  return (\n    <Grid>\n      {Object.entries(keyStatisticsList).map(([key, item]) => {\n        const value = countKeyStatistics?.[key as keyof typeof countKeyStatistics];\n        return (\n          value !== null && (\n            <GridCell\n              as={LinkCell}\n              to={item.link}\n              key={`key-statistics-${key}`}\n              data-testid={`stat-${key}`}\n              onClick={() => trackUsage('didOpenKeyStatisticsWidgetLink', { itemKey: key })}\n            >\n              <Flex alignItems=\"center\" gap={2}>\n                <Flex\n                  padding={2}\n                  borderRadius={1}\n                  background={item.icon.background}\n                  color={item.icon.color}\n                >\n                  {item.icon.component}\n                </Flex>\n                <Flex direction=\"column\" alignItems=\"flex-start\">\n                  <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral500\">\n                    {formatMessage(item.label)}\n                  </Typography>\n                  <Typography variant=\"omega\" fontWeight=\"bold\" textColor=\"neutral800\">\n                    {formatNumber({\n                      locale,\n                      number: key === 'entries' ? totalCountEntries : value,\n                    })}\n                  </Typography>\n                </Flex>\n              </Flex>\n            </GridCell>\n          )\n        );\n      })}\n    </Grid>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DeployNowWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst DeployNowWidget = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" gap={4} height=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n      <CloudUpload width=\"3.2rem\" height=\"3.2rem\" />\n      <Flex direction=\"column\" gap={2}>\n        <Typography variant=\"beta\" textAlign=\"center\">\n          {formatMessage({\n            id: 'HomePage.widget.deploy-now.title',\n            defaultMessage: 'Ready to go live ?',\n          })}\n        </Typography>\n        <Typography variant=\"omega\" textColor=\"neutral600\" textAlign=\"center\">\n          {formatMessage({\n            id: 'HomePage.widget.deploy-now.description',\n            defaultMessage: 'Deploy with Strapi Cloud',\n          })}\n        </Typography>\n      </Flex>\n      <LinkButton href=\"https://cloud.strapi.io/login\" isExternal size=\"L\" startIcon={<Cloud />}>\n        {formatMessage({ id: 'HomePage.widget.deploy-now.button', defaultMessage: 'Deploy Now' })}\n      </LinkButton>\n    </Flex>\n  );\n};\n\nexport { ProfileWidget, KeyStatisticsWidget, DeployNowWidget };\n"],"names":["DisplayNameTypography","styled","Typography","ProfileWidget","user","useAuth","state","userDisplayName","getDisplayName","initials","getInitials","_jsxs","Flex","direction","gap","height","justifyContent","_jsx","Avatar","Item","delayMs","fallback","fontWeight","textTransform","textAlign","email","variant","textColor","roles","length","marginTop","wrap","map","role","Badge","name","id","Grid","Box","theme","colors","neutral200","borderRadius","GridCell","formatNumber","locale","number","Intl","NumberFormat","notation","maximumFractionDigits","format","LinkCell","Link","spaces","KeyStatisticsWidget","trackUsage","useTracking","formatMessage","useIntl","data","countDocuments","isLoading","isLoadingCountDocuments","useGetCountDocumentsQuery","countKeyStatistics","isLoadingKeyStatistics","useGetKeyStatisticsQuery","Widget","Loading","Error","keyStatisticsList","entries","label","defaultMessage","icon","component","Files","background","color","link","assets","Images","contentTypes","Layout","components","Graph","locales","Earth","admins","User","webhooks","Webhooks","apiTokens","Key","draft","published","modified","totalCountEntries","Object","key","item","value","as","to","data-testid","onClick","itemKey","alignItems","padding","DeployNowWidget","CloudUpload","width","LinkButton","href","isExternal","size","startIcon","Cloud"],"mappings":";;;;;;;;;;;AAuBA;;AAEkG,qGAElG,MAAMA,qBAAAA,GAAwBC,MAAAA,CAAOC,UAAAA,CAAW;;AAEhD,CAAC;AAED,MAAMC,aAAAA,GAAgB,IAAA;AACpB,IAAA,MAAMC,OAAOC,OAAAA,CAAQ,MAAA,EAAQ,CAACC,KAAAA,GAAUA,MAAMF,IAAI,CAAA;AAClD,IAAA,MAAMG,kBAAkBC,cAAAA,CAAeJ,IAAAA,CAAAA;AACvC,IAAA,MAAMK,WAAWC,WAAAA,CAAYN,IAAAA,CAAAA;AAE7B,IAAA,qBACEO,IAAA,CAACC,IAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,GAAAA,EAAK,CAAA;QAAGC,MAAAA,EAAO,MAAA;QAAOC,cAAAA,EAAe,QAAA;;AAC5D,0BAAAC,GAAA,CAACC,OAAOC,IAAI,EAAA;gBAACC,OAAAA,EAAS,CAAA;gBAAGC,QAAAA,EAAUZ;;AAClCF,YAAAA,eAAAA,kBACCU,GAAA,CAACjB,qBAAAA,EAAAA;gBAAsBsB,UAAAA,EAAW,MAAA;gBAAOC,aAAAA,EAAc,MAAA;gBAAOC,SAAAA,EAAU,QAAA;AACrEjB,gBAAAA,QAAAA,EAAAA;;AAGJH,YAAAA,IAAAA,EAAMqB,uBACLR,GAAA,CAACf,UAAAA,EAAAA;gBAAWwB,OAAAA,EAAQ,OAAA;gBAAQC,SAAAA,EAAU,YAAA;0BACnCvB,IAAAA,EAAMqB;;YAGVrB,IAAAA,EAAMwB,KAAAA,EAAOC,wBACZZ,GAAA,CAACL,IAAAA,EAAAA;gBAAKkB,SAAAA,EAAW,CAAA;gBAAGhB,GAAAA,EAAK,CAAA;gBAAGiB,IAAAA,EAAK,MAAA;AAC9B3B,gBAAAA,QAAAA,EAAAA,IAAAA,EAAMwB,KAAAA,EAAOI,GAAAA,CAAI,CAACC,IAAAA,iBAAShB,GAAA,CAACiB,KAAAA,EAAAA;AAAqBD,wBAAAA,QAAAA,EAAAA,IAAAA,CAAKE;AAAfF,qBAAAA,EAAAA,IAAAA,CAAKG,EAAE,CAAA;;;;AAKzD;AAEA;;AAEkG,qGAClG,MAAMC,IAAAA,GAAOpC,MAAAA,CAAOqC,GAAAA,CAAI;;;;oBAIJ,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;AAC5C,iBAAA,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,YAAY,CAAC;;AAErD,CAAC;AAED,MAAMC,QAAAA,GAAW1C,MAAAA,CAAOqC,GAAAA,CAAI;2BACD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;0BAC1C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;;;;;;;;AAWnE,CAAC;AAED,MAAMG,eAAe,CAAC,EAAEC,MAAM,EAAEC,MAAM,EAAsC,GAAA;AAC1E,IAAA,OAAO,IAAIC,IAAAA,CAAKC,YAAY,CAACH,MAAAA,EAAQ;QACnCI,QAAAA,EAAU,SAAA;QACVC,qBAAAA,EAAuB;AACzB,KAAA,CAAA,CAAGC,MAAM,CAACL,MAAAA,CAAAA;AACZ,CAAA;AAEA,MAAMM,QAAAA,GAAWnD,MAAAA,CAAOoD,IAAAA,CAAK;;WAElB,EAAE,CAAC,EAAEd,KAAK,EAAE,GAAKA,KAAAA,CAAMe,MAAM,CAAC,CAAA,CAAE,CAAC;AAC5C,CAAC;AAED,MAAMC,mBAAAA,GAAsB,IAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,EAAEC,aAAa,EAAEb,MAAM,EAAE,GAAGc,OAAAA,EAAAA;AAClC,IAAA,MAAM,EAAEC,IAAAA,EAAMC,cAAc,EAAEC,SAAAA,EAAWC,uBAAuB,EAAE,GAAGC,yBAAAA,EAAAA;AACrE,IAAA,MAAM,EAAEJ,IAAAA,EAAMK,kBAAkB,EAAEH,SAAAA,EAAWI,sBAAsB,EAAE,GACnEC,wBAAAA,EAAAA;AAEF,IAAA,IAAID,0BAA0BH,uBAAAA,EAAyB;QACrD,qBAAO9C,GAAA,CAACmD,OAAOC,OAAO,EAAA,EAAA,CAAA;AACxB,IAAA;IAEA,IAAI,CAACJ,kBAAAA,IAAsB,CAACJ,cAAAA,EAAgB;QAC1C,qBAAO5C,GAAA,CAACmD,OAAOE,KAAK,EAAA,EAAA,CAAA;AACtB,IAAA;AAEA,IAAA,MAAMC,iBAAAA,GAAoB;QACxBC,OAAAA,EAAS;YACPC,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,oCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAAC4D,KAAAA,EAAAA,EAAAA,CAAAA;gBACZC,UAAAA,EAAY,YAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAC,MAAAA,EAAQ;YACNR,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,mCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAACiE,MAAAA,EAAAA,EAAAA,CAAAA;gBACZJ,UAAAA,EAAY,YAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAG,YAAAA,EAAc;YACZV,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,yCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAACmE,MAAAA,EAAAA,EAAAA,CAAAA;gBACZN,UAAAA,EAAY,cAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAK,UAAAA,EAAY;YACVZ,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,uCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAACqE,KAAAA,EAAAA,EAAAA,CAAAA;gBACZR,UAAAA,EAAY,gBAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAO,OAAAA,EAAS;YACPd,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,oCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAACuE,KAAAA,EAAAA,EAAAA,CAAAA;gBACZV,UAAAA,EAAY,YAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAS,MAAAA,EAAQ;YACNhB,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,mCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAACyE,IAAAA,EAAAA,EAAAA,CAAAA;gBACZZ,UAAAA,EAAY,WAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAW,QAAAA,EAAU;YACRlB,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,qCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAAC2E,QAAAA,EAAAA,EAAAA,CAAAA;gBACZd,UAAAA,EAAY,gBAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR,SAAA;QACAa,SAAAA,EAAW;YACTpB,KAAAA,EAAO;gBACLrC,EAAAA,EAAI,sCAAA;gBACJsC,cAAAA,EAAgB;AAClB,aAAA;YACAC,IAAAA,EAAM;AACJC,gBAAAA,SAAAA,gBAAW3D,GAAA,CAAC6E,GAAAA,EAAAA,EAAAA,CAAAA;gBACZhB,UAAAA,EAAY,YAAA;gBACZC,KAAAA,EAAO;AACT,aAAA;YACAC,IAAAA,EAAM;AACR;AACF,KAAA;IAEA,MAAM,EAAEe,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGpC,cAAAA,IAAkB;QACvDkC,KAAAA,EAAO,CAAA;QACPC,SAAAA,EAAW,CAAA;QACXC,QAAAA,EAAU;AACZ,KAAA;IAEA,MAAMC,iBAAAA,GAAoBH,QAAQC,SAAAA,GAAYC,QAAAA;AAE9C,IAAA,qBACEhF,GAAA,CAACoB,IAAAA,EAAAA;kBACE8D,MAAAA,CAAO3B,OAAO,CAACD,iBAAAA,CAAAA,CAAmBvC,GAAG,CAAC,CAAC,CAACoE,KAAKC,IAAAA,CAAK,GAAA;YACjD,MAAMC,KAAAA,GAAQrC,kBAAAA,GAAqBmC,GAAAA,CAAuC;YAC1E,OACEE,KAAAA,KAAU,sBACRrF,GAAA,CAAC0B,QAAAA,EAAAA;gBACC4D,EAAAA,EAAInD,QAAAA;AACJoD,gBAAAA,EAAAA,EAAIH,KAAKrB,IAAI;gBAEbyB,aAAAA,EAAa,CAAC,KAAK,EAAEL,GAAAA,CAAAA,CAAK;gBAC1BM,OAAAA,EAAS,IAAMlD,WAAW,gCAAA,EAAkC;wBAAEmD,OAAAA,EAASP;AAAI,qBAAA,CAAA;AAE3E,gBAAA,QAAA,gBAAAzF,IAAA,CAACC,IAAAA,EAAAA;oBAAKgG,UAAAA,EAAW,QAAA;oBAAS9F,GAAAA,EAAK,CAAA;;sCAC7BG,GAAA,CAACL,IAAAA,EAAAA;4BACCiG,OAAAA,EAAS,CAAA;4BACTnE,YAAAA,EAAc,CAAA;4BACdoC,UAAAA,EAAYuB,IAAAA,CAAK1B,IAAI,CAACG,UAAU;4BAChCC,KAAAA,EAAOsB,IAAAA,CAAK1B,IAAI,CAACI,KAAK;sCAErBsB,IAAAA,CAAK1B,IAAI,CAACC;;sCAEbjE,IAAA,CAACC,IAAAA,EAAAA;4BAAKC,SAAAA,EAAU,QAAA;4BAAS+F,UAAAA,EAAW,YAAA;;8CAClC3F,GAAA,CAACf,UAAAA,EAAAA;oCAAWwB,OAAAA,EAAQ,IAAA;oCAAKJ,UAAAA,EAAW,MAAA;oCAAOK,SAAAA,EAAU,YAAA;AAClD+B,oCAAAA,QAAAA,EAAAA,aAAAA,CAAc2C,KAAK5B,KAAK;;8CAE3BxD,GAAA,CAACf,UAAAA,EAAAA;oCAAWwB,OAAAA,EAAQ,OAAA;oCAAQJ,UAAAA,EAAW,MAAA;oCAAOK,SAAAA,EAAU,YAAA;8CACrDiB,YAAAA,CAAa;AACZC,wCAAAA,MAAAA;wCACAC,MAAAA,EAAQsD,GAAAA,KAAQ,YAAYF,iBAAAA,GAAoBI;AAClD,qCAAA;;;;;;eArBD,CAAC,eAAe,EAAEF,GAAAA,CAAAA,CAAK,CAAA;AA4BpC,QAAA,CAAA;;AAGN;AAEA;;AAEkG,2GAE5FU,eAAAA,GAAkB,IAAA;IACtB,MAAM,EAAEpD,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEhD,IAAA,CAACC,IAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,GAAAA,EAAK,CAAA;QAAGC,MAAAA,EAAO,MAAA;QAAO6F,UAAAA,EAAW,QAAA;QAAS5F,cAAAA,EAAe,QAAA;;0BAChFC,GAAA,CAAC8F,WAAAA,EAAAA;gBAAYC,KAAAA,EAAM,QAAA;gBAASjG,MAAAA,EAAO;;0BACnCJ,IAAA,CAACC,IAAAA,EAAAA;gBAAKC,SAAAA,EAAU,QAAA;gBAASC,GAAAA,EAAK,CAAA;;kCAC5BG,GAAA,CAACf,UAAAA,EAAAA;wBAAWwB,OAAAA,EAAQ,MAAA;wBAAOF,SAAAA,EAAU,QAAA;kCAClCkC,aAAAA,CAAc;4BACbtB,EAAAA,EAAI,kCAAA;4BACJsC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFzD,GAAA,CAACf,UAAAA,EAAAA;wBAAWwB,OAAAA,EAAQ,OAAA;wBAAQC,SAAAA,EAAU,YAAA;wBAAaH,SAAAA,EAAU,QAAA;kCAC1DkC,aAAAA,CAAc;4BACbtB,EAAAA,EAAI,wCAAA;4BACJsC,cAAAA,EAAgB;AAClB,yBAAA;;;;0BAGJzD,GAAA,CAACgG,UAAAA,EAAAA;gBAAWC,IAAAA,EAAK,+BAAA;gBAAgCC,UAAU,EAAA,IAAA;gBAACC,IAAAA,EAAK,GAAA;AAAIC,gBAAAA,SAAAA,gBAAWpG,GAAA,CAACqG,KAAAA,EAAAA,EAAAA,CAAAA;0BAC9E5D,aAAAA,CAAc;oBAAEtB,EAAAA,EAAI,mCAAA;oBAAqCsC,cAAAA,EAAgB;AAAa,iBAAA;;;;AAI/F;;;;"}

package/dist/admin/admin/src/core/store/configure.js

@@ -3,6 +3,7 @@
 var toolkit = require('@reduxjs/toolkit');
 var reducer = require('../../reducer.js');
 var api = require('../../services/api.js');
+var basename = require('../utils/basename.js');
 
 /**
  * @description Static reducers are ones we know, they live in the admin package.
@@ -63,7 +64,8 @@ const rtkQueryUnauthorizedMiddleware = ({ dispatch })=>(next)=>(action)=>{
             // isRejectedWithValue Or isRejected
             if (toolkit.isRejected(action) && action.payload?.status === 401) {
                 dispatch(reducer.logout());
-                window.location.href = '/admin/auth/login';
+                const basename$1 = basename.getBasename();
+                window.location.href = `${basename$1}/auth/login`;
                 return;
             }
             return next(action);

package/dist/admin/admin/src/core/store/configure.js.map

@@ -1 +1 @@
-{"version":3,"file":"configure.js","sources":["../../../../../../admin/src/core/store/configure.ts"],"sourcesContent":["import {\n  configureStore,\n  StoreEnhancer,\n  Middleware,\n  Reducer,\n  combineReducers,\n  MiddlewareAPI,\n  isRejected,\n} from '@reduxjs/toolkit';\n\nimport { reducer as appReducer, AppState, logout } from '../../reducer';\nimport { adminApi } from '../../services/api';\n\n/**\n * @description Static reducers are ones we know, they live in the admin package.\n */\nconst staticReducers = {\n  [adminApi.reducerPath]: adminApi.reducer,\n  admin_app: appReducer,\n} as const;\n\nconst injectReducerStoreEnhancer: (appReducers: Record<string, Reducer>) => StoreEnhancer =\n  (appReducers) =>\n  (next) =>\n  (...args) => {\n    const store = next(...args);\n\n    const asyncReducers: Record<string, Reducer> = {};\n\n    return {\n      ...store,\n      asyncReducers,\n      injectReducer: (key: string, asyncReducer: Reducer) => {\n        asyncReducers[key] = asyncReducer;\n        store.replaceReducer(\n          // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.\n          combineReducers({\n            ...appReducers,\n            ...asyncReducers,\n          })\n        );\n      },\n    };\n  };\n\ntype PreloadState = Partial<{\n  admin_app: AppState;\n}>;\n\n/**\n * @description This is the main store configuration function, injected Reducers use our legacy app.addReducer API,\n * which we're trying to phase out. App Middlewares could potentially be improved...?\n */\nconst configureStoreImpl = (\n  preloadedState: PreloadState = {},\n  appMiddlewares: Array<() => Middleware> = [],\n  injectedReducers: Record<string, Reducer> = {}\n) => {\n  const coreReducers = { ...staticReducers, ...injectedReducers } as const;\n\n  const defaultMiddlewareOptions = {} as any;\n\n  // These are already disabled in 'production' env but we also need to disable it in test environments\n  // However, we want to leave them on for development so any issues can still be caught\n  if (process.env.NODE_ENV === 'test') {\n    defaultMiddlewareOptions.serializableCheck = false;\n    defaultMiddlewareOptions.immutableCheck = false;\n  }\n\n  const store = configureStore({\n    preloadedState: {\n      admin_app: preloadedState.admin_app,\n    },\n    reducer: coreReducers,\n    devTools: process.env.NODE_ENV !== 'production',\n    middleware: (getDefaultMiddleware) => [\n      ...getDefaultMiddleware(defaultMiddlewareOptions),\n      rtkQueryUnauthorizedMiddleware,\n      adminApi.middleware,\n      ...appMiddlewares.map((m) => m()),\n    ],\n    enhancers: [injectReducerStoreEnhancer(coreReducers)],\n  });\n\n  return store;\n};\n\nconst rtkQueryUnauthorizedMiddleware: Middleware =\n  ({ dispatch }: MiddlewareAPI) =>\n  (next) =>\n  (action) => {\n    // isRejectedWithValue Or isRejected\n    if (isRejected(action) && action.payload?.status === 401) {\n      dispatch(logout());\n      window.location.href = '/admin/auth/login';\n      return;\n    }\n\n    return next(action);\n  };\n\ntype Store = ReturnType<typeof configureStoreImpl> & {\n  asyncReducers: Record<string, Reducer>;\n  injectReducer: (key: string, asyncReducer: Reducer) => void;\n};\n\ntype RootState = ReturnType<Store['getState']>;\n\ntype Dispatch = Store['dispatch'];\n\nexport { configureStoreImpl as configureStore };\nexport type { RootState, Dispatch, AppState, Store, PreloadState };\n"],"names":["staticReducers","adminApi","reducerPath","reducer","admin_app","appReducer","injectReducerStoreEnhancer","appReducers","next","args","store","asyncReducers","injectReducer","key","asyncReducer","replaceReducer","combineReducers","configureStoreImpl","preloadedState","appMiddlewares","injectedReducers","coreReducers","defaultMiddlewareOptions","process","env","NODE_ENV","serializableCheck","immutableCheck","configureStore","devTools","middleware","getDefaultMiddleware","rtkQueryUnauthorizedMiddleware","map","m","enhancers","dispatch","action","isRejected","payload","status","logout","window","location","href"],"mappings":";;;;;;AAaA;;AAEC,IACD,MAAMA,cAAAA,GAAiB;AACrB,IAAA,CAACC,YAAAA,CAASC,WAAW,GAAGD,aAASE,OAAO;IACxCC,SAAAA,EAAWC;AACb,CAAA;AAEA,MAAMC,6BACJ,CAACC,WAAAA,GACD,CAACC,IAAAA,GACD,CAAC,GAAGC,IAAAA,GAAAA;AACF,YAAA,MAAMC,QAAQF,IAAAA,CAAAA,GAAQC,IAAAA,CAAAA;AAEtB,YAAA,MAAME,gBAAyC,EAAC;YAEhD,OAAO;AACL,gBAAA,GAAGD,KAAK;AACRC,gBAAAA,aAAAA;AACAC,gBAAAA,aAAAA,EAAe,CAACC,GAAAA,EAAaC,YAAAA,GAAAA;oBAC3BH,aAAa,CAACE,IAAI,GAAGC,YAAAA;oBACrBJ,KAAAA,CAAMK,cAAc;oBAElBC,uBAAAA,CAAgB;AACd,wBAAA,GAAGT,WAAW;AACd,wBAAA,GAAGI;AACL,qBAAA,CAAA,CAAA;AAEJ,gBAAA;AACF,aAAA;AACF,QAAA,CAAA;AAMF;;;AAGC,IACD,MAAMM,kBAAAA,GAAqB,CACzBC,cAAAA,GAA+B,EAAE,EACjCC,cAAAA,GAA0C,EAAE,EAC5CC,gBAAAA,GAA4C,EAAE,GAAA;AAE9C,IAAA,MAAMC,YAAAA,GAAe;AAAE,QAAA,GAAGrB,cAAc;AAAE,QAAA,GAAGoB;AAAiB,KAAA;AAE9D,IAAA,MAAME,2BAA2B,EAAC;;;AAIlC,IAAA,IAAIC,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,MAAA,EAAQ;AACnCH,QAAAA,wBAAAA,CAAyBI,iBAAiB,GAAG,KAAA;AAC7CJ,QAAAA,wBAAAA,CAAyBK,cAAc,GAAG,KAAA;AAC5C,IAAA;AAEA,IAAA,MAAMjB,QAAQkB,sBAAAA,CAAe;QAC3BV,cAAAA,EAAgB;AACdd,YAAAA,SAAAA,EAAWc,eAAed;AAC5B,SAAA;QACAD,OAAAA,EAASkB,YAAAA;AACTQ,QAAAA,QAAAA,EAAUN,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,YAAA;AACnCK,QAAAA,UAAAA,EAAY,CAACC,oBAAAA,GAAyB;mBACjCA,oBAAAA,CAAqBT,wBAAAA,CAAAA;AACxBU,gBAAAA,8BAAAA;AACA/B,gBAAAA,YAAAA,CAAS6B,UAAU;mBAChBX,cAAAA,CAAec,GAAG,CAAC,CAACC,CAAAA,GAAMA,CAAAA,EAAAA;AAC9B,aAAA;QACDC,SAAAA,EAAW;YAAC7B,0BAAAA,CAA2Be,YAAAA;AAAc;AACvD,KAAA,CAAA;IAEA,OAAOX,KAAAA;AACT;AAEA,MAAMsB,8BAAAA,GACJ,CAAC,EAAEI,QAAQ,EAAiB,GAC5B,CAAC5B,OACD,CAAC6B,MAAAA,GAAAA;;AAEC,YAAA,IAAIC,mBAAWD,MAAAA,CAAAA,IAAWA,MAAAA,CAAOE,OAAO,EAAEC,WAAW,GAAA,EAAK;gBACxDJ,QAAAA,CAASK,cAAAA,EAAAA,CAAAA;gBACTC,MAAAA,CAAOC,QAAQ,CAACC,IAAI,GAAG,mBAAA;AACvB,gBAAA;AACF,YAAA;AAEA,YAAA,OAAOpC,IAAAA,CAAK6B,MAAAA,CAAAA;AACd,QAAA,CAAA;;;;"}
+{"version":3,"file":"configure.js","sources":["../../../../../../admin/src/core/store/configure.ts"],"sourcesContent":["import {\n  configureStore,\n  StoreEnhancer,\n  Middleware,\n  Reducer,\n  combineReducers,\n  MiddlewareAPI,\n  isRejected,\n} from '@reduxjs/toolkit';\n\nimport { reducer as appReducer, AppState, logout } from '../../reducer';\nimport { adminApi } from '../../services/api';\nimport { getBasename } from '../utils/basename';\n\n/**\n * @description Static reducers are ones we know, they live in the admin package.\n */\nconst staticReducers = {\n  [adminApi.reducerPath]: adminApi.reducer,\n  admin_app: appReducer,\n} as const;\n\nconst injectReducerStoreEnhancer: (appReducers: Record<string, Reducer>) => StoreEnhancer =\n  (appReducers) =>\n  (next) =>\n  (...args) => {\n    const store = next(...args);\n\n    const asyncReducers: Record<string, Reducer> = {};\n\n    return {\n      ...store,\n      asyncReducers,\n      injectReducer: (key: string, asyncReducer: Reducer) => {\n        asyncReducers[key] = asyncReducer;\n        store.replaceReducer(\n          // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.\n          combineReducers({\n            ...appReducers,\n            ...asyncReducers,\n          })\n        );\n      },\n    };\n  };\n\ntype PreloadState = Partial<{\n  admin_app: AppState;\n}>;\n\n/**\n * @description This is the main store configuration function, injected Reducers use our legacy app.addReducer API,\n * which we're trying to phase out. App Middlewares could potentially be improved...?\n */\nconst configureStoreImpl = (\n  preloadedState: PreloadState = {},\n  appMiddlewares: Array<() => Middleware> = [],\n  injectedReducers: Record<string, Reducer> = {}\n) => {\n  const coreReducers = { ...staticReducers, ...injectedReducers } as const;\n\n  const defaultMiddlewareOptions = {} as any;\n\n  // These are already disabled in 'production' env but we also need to disable it in test environments\n  // However, we want to leave them on for development so any issues can still be caught\n  if (process.env.NODE_ENV === 'test') {\n    defaultMiddlewareOptions.serializableCheck = false;\n    defaultMiddlewareOptions.immutableCheck = false;\n  }\n\n  const store = configureStore({\n    preloadedState: {\n      admin_app: preloadedState.admin_app,\n    },\n    reducer: coreReducers,\n    devTools: process.env.NODE_ENV !== 'production',\n    middleware: (getDefaultMiddleware) => [\n      ...getDefaultMiddleware(defaultMiddlewareOptions),\n      rtkQueryUnauthorizedMiddleware,\n      adminApi.middleware,\n      ...appMiddlewares.map((m) => m()),\n    ],\n    enhancers: [injectReducerStoreEnhancer(coreReducers)],\n  });\n\n  return store;\n};\n\nconst rtkQueryUnauthorizedMiddleware: Middleware =\n  ({ dispatch }: MiddlewareAPI) =>\n  (next) =>\n  (action) => {\n    // isRejectedWithValue Or isRejected\n    if (isRejected(action) && action.payload?.status === 401) {\n      dispatch(logout());\n      const basename = getBasename();\n      window.location.href = `${basename}/auth/login`;\n      return;\n    }\n\n    return next(action);\n  };\n\ntype Store = ReturnType<typeof configureStoreImpl> & {\n  asyncReducers: Record<string, Reducer>;\n  injectReducer: (key: string, asyncReducer: Reducer) => void;\n};\n\ntype RootState = ReturnType<Store['getState']>;\n\ntype Dispatch = Store['dispatch'];\n\nexport { configureStoreImpl as configureStore };\nexport type { RootState, Dispatch, AppState, Store, PreloadState };\n"],"names":["staticReducers","adminApi","reducerPath","reducer","admin_app","appReducer","injectReducerStoreEnhancer","appReducers","next","args","store","asyncReducers","injectReducer","key","asyncReducer","replaceReducer","combineReducers","configureStoreImpl","preloadedState","appMiddlewares","injectedReducers","coreReducers","defaultMiddlewareOptions","process","env","NODE_ENV","serializableCheck","immutableCheck","configureStore","devTools","middleware","getDefaultMiddleware","rtkQueryUnauthorizedMiddleware","map","m","enhancers","dispatch","action","isRejected","payload","status","logout","basename","getBasename","window","location","href"],"mappings":";;;;;;;AAcA;;AAEC,IACD,MAAMA,cAAAA,GAAiB;AACrB,IAAA,CAACC,YAAAA,CAASC,WAAW,GAAGD,aAASE,OAAO;IACxCC,SAAAA,EAAWC;AACb,CAAA;AAEA,MAAMC,6BACJ,CAACC,WAAAA,GACD,CAACC,IAAAA,GACD,CAAC,GAAGC,IAAAA,GAAAA;AACF,YAAA,MAAMC,QAAQF,IAAAA,CAAAA,GAAQC,IAAAA,CAAAA;AAEtB,YAAA,MAAME,gBAAyC,EAAC;YAEhD,OAAO;AACL,gBAAA,GAAGD,KAAK;AACRC,gBAAAA,aAAAA;AACAC,gBAAAA,aAAAA,EAAe,CAACC,GAAAA,EAAaC,YAAAA,GAAAA;oBAC3BH,aAAa,CAACE,IAAI,GAAGC,YAAAA;oBACrBJ,KAAAA,CAAMK,cAAc;oBAElBC,uBAAAA,CAAgB;AACd,wBAAA,GAAGT,WAAW;AACd,wBAAA,GAAGI;AACL,qBAAA,CAAA,CAAA;AAEJ,gBAAA;AACF,aAAA;AACF,QAAA,CAAA;AAMF;;;AAGC,IACD,MAAMM,kBAAAA,GAAqB,CACzBC,cAAAA,GAA+B,EAAE,EACjCC,cAAAA,GAA0C,EAAE,EAC5CC,gBAAAA,GAA4C,EAAE,GAAA;AAE9C,IAAA,MAAMC,YAAAA,GAAe;AAAE,QAAA,GAAGrB,cAAc;AAAE,QAAA,GAAGoB;AAAiB,KAAA;AAE9D,IAAA,MAAME,2BAA2B,EAAC;;;AAIlC,IAAA,IAAIC,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,MAAA,EAAQ;AACnCH,QAAAA,wBAAAA,CAAyBI,iBAAiB,GAAG,KAAA;AAC7CJ,QAAAA,wBAAAA,CAAyBK,cAAc,GAAG,KAAA;AAC5C,IAAA;AAEA,IAAA,MAAMjB,QAAQkB,sBAAAA,CAAe;QAC3BV,cAAAA,EAAgB;AACdd,YAAAA,SAAAA,EAAWc,eAAed;AAC5B,SAAA;QACAD,OAAAA,EAASkB,YAAAA;AACTQ,QAAAA,QAAAA,EAAUN,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,YAAA;AACnCK,QAAAA,UAAAA,EAAY,CAACC,oBAAAA,GAAyB;mBACjCA,oBAAAA,CAAqBT,wBAAAA,CAAAA;AACxBU,gBAAAA,8BAAAA;AACA/B,gBAAAA,YAAAA,CAAS6B,UAAU;mBAChBX,cAAAA,CAAec,GAAG,CAAC,CAACC,CAAAA,GAAMA,CAAAA,EAAAA;AAC9B,aAAA;QACDC,SAAAA,EAAW;YAAC7B,0BAAAA,CAA2Be,YAAAA;AAAc;AACvD,KAAA,CAAA;IAEA,OAAOX,KAAAA;AACT;AAEA,MAAMsB,8BAAAA,GACJ,CAAC,EAAEI,QAAQ,EAAiB,GAC5B,CAAC5B,OACD,CAAC6B,MAAAA,GAAAA;;AAEC,YAAA,IAAIC,mBAAWD,MAAAA,CAAAA,IAAWA,MAAAA,CAAOE,OAAO,EAAEC,WAAW,GAAA,EAAK;gBACxDJ,QAAAA,CAASK,cAAAA,EAAAA,CAAAA;AACT,gBAAA,MAAMC,UAAAA,GAAWC,oBAAAA,EAAAA;AACjBC,gBAAAA,MAAAA,CAAOC,QAAQ,CAACC,IAAI,GAAG,CAAA,EAAGJ,UAAAA,CAAS,WAAW,CAAC;AAC/C,gBAAA;AACF,YAAA;AAEA,YAAA,OAAOlC,IAAAA,CAAK6B,MAAAA,CAAAA;AACd,QAAA,CAAA;;;;"}

package/dist/admin/admin/src/core/store/configure.mjs

@@ -1,6 +1,7 @@
 import { configureStore, isRejected, combineReducers } from '@reduxjs/toolkit';
 import { reducer, logout } from '../../reducer.mjs';
 import { adminApi } from '../../services/api.mjs';
+import { getBasename } from '../utils/basename.mjs';
 
 /**
  * @description Static reducers are ones we know, they live in the admin package.
@@ -61,7 +62,8 @@ const rtkQueryUnauthorizedMiddleware = ({ dispatch })=>(next)=>(action)=>{
             // isRejectedWithValue Or isRejected
             if (isRejected(action) && action.payload?.status === 401) {
                 dispatch(logout());
-                window.location.href = '/admin/auth/login';
+                const basename = getBasename();
+                window.location.href = `${basename}/auth/login`;
                 return;
             }
             return next(action);

package/dist/admin/admin/src/core/store/configure.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"configure.mjs","sources":["../../../../../../admin/src/core/store/configure.ts"],"sourcesContent":["import {\n  configureStore,\n  StoreEnhancer,\n  Middleware,\n  Reducer,\n  combineReducers,\n  MiddlewareAPI,\n  isRejected,\n} from '@reduxjs/toolkit';\n\nimport { reducer as appReducer, AppState, logout } from '../../reducer';\nimport { adminApi } from '../../services/api';\n\n/**\n * @description Static reducers are ones we know, they live in the admin package.\n */\nconst staticReducers = {\n  [adminApi.reducerPath]: adminApi.reducer,\n  admin_app: appReducer,\n} as const;\n\nconst injectReducerStoreEnhancer: (appReducers: Record<string, Reducer>) => StoreEnhancer =\n  (appReducers) =>\n  (next) =>\n  (...args) => {\n    const store = next(...args);\n\n    const asyncReducers: Record<string, Reducer> = {};\n\n    return {\n      ...store,\n      asyncReducers,\n      injectReducer: (key: string, asyncReducer: Reducer) => {\n        asyncReducers[key] = asyncReducer;\n        store.replaceReducer(\n          // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.\n          combineReducers({\n            ...appReducers,\n            ...asyncReducers,\n          })\n        );\n      },\n    };\n  };\n\ntype PreloadState = Partial<{\n  admin_app: AppState;\n}>;\n\n/**\n * @description This is the main store configuration function, injected Reducers use our legacy app.addReducer API,\n * which we're trying to phase out. App Middlewares could potentially be improved...?\n */\nconst configureStoreImpl = (\n  preloadedState: PreloadState = {},\n  appMiddlewares: Array<() => Middleware> = [],\n  injectedReducers: Record<string, Reducer> = {}\n) => {\n  const coreReducers = { ...staticReducers, ...injectedReducers } as const;\n\n  const defaultMiddlewareOptions = {} as any;\n\n  // These are already disabled in 'production' env but we also need to disable it in test environments\n  // However, we want to leave them on for development so any issues can still be caught\n  if (process.env.NODE_ENV === 'test') {\n    defaultMiddlewareOptions.serializableCheck = false;\n    defaultMiddlewareOptions.immutableCheck = false;\n  }\n\n  const store = configureStore({\n    preloadedState: {\n      admin_app: preloadedState.admin_app,\n    },\n    reducer: coreReducers,\n    devTools: process.env.NODE_ENV !== 'production',\n    middleware: (getDefaultMiddleware) => [\n      ...getDefaultMiddleware(defaultMiddlewareOptions),\n      rtkQueryUnauthorizedMiddleware,\n      adminApi.middleware,\n      ...appMiddlewares.map((m) => m()),\n    ],\n    enhancers: [injectReducerStoreEnhancer(coreReducers)],\n  });\n\n  return store;\n};\n\nconst rtkQueryUnauthorizedMiddleware: Middleware =\n  ({ dispatch }: MiddlewareAPI) =>\n  (next) =>\n  (action) => {\n    // isRejectedWithValue Or isRejected\n    if (isRejected(action) && action.payload?.status === 401) {\n      dispatch(logout());\n      window.location.href = '/admin/auth/login';\n      return;\n    }\n\n    return next(action);\n  };\n\ntype Store = ReturnType<typeof configureStoreImpl> & {\n  asyncReducers: Record<string, Reducer>;\n  injectReducer: (key: string, asyncReducer: Reducer) => void;\n};\n\ntype RootState = ReturnType<Store['getState']>;\n\ntype Dispatch = Store['dispatch'];\n\nexport { configureStoreImpl as configureStore };\nexport type { RootState, Dispatch, AppState, Store, PreloadState };\n"],"names":["staticReducers","adminApi","reducerPath","reducer","admin_app","appReducer","injectReducerStoreEnhancer","appReducers","next","args","store","asyncReducers","injectReducer","key","asyncReducer","replaceReducer","combineReducers","configureStoreImpl","preloadedState","appMiddlewares","injectedReducers","coreReducers","defaultMiddlewareOptions","process","env","NODE_ENV","serializableCheck","immutableCheck","configureStore","devTools","middleware","getDefaultMiddleware","rtkQueryUnauthorizedMiddleware","map","m","enhancers","dispatch","action","isRejected","payload","status","logout","window","location","href"],"mappings":";;;;AAaA;;AAEC,IACD,MAAMA,cAAAA,GAAiB;AACrB,IAAA,CAACC,QAAAA,CAASC,WAAW,GAAGD,SAASE,OAAO;IACxCC,SAAAA,EAAWC;AACb,CAAA;AAEA,MAAMC,6BACJ,CAACC,WAAAA,GACD,CAACC,IAAAA,GACD,CAAC,GAAGC,IAAAA,GAAAA;AACF,YAAA,MAAMC,QAAQF,IAAAA,CAAAA,GAAQC,IAAAA,CAAAA;AAEtB,YAAA,MAAME,gBAAyC,EAAC;YAEhD,OAAO;AACL,gBAAA,GAAGD,KAAK;AACRC,gBAAAA,aAAAA;AACAC,gBAAAA,aAAAA,EAAe,CAACC,GAAAA,EAAaC,YAAAA,GAAAA;oBAC3BH,aAAa,CAACE,IAAI,GAAGC,YAAAA;oBACrBJ,KAAAA,CAAMK,cAAc;oBAElBC,eAAAA,CAAgB;AACd,wBAAA,GAAGT,WAAW;AACd,wBAAA,GAAGI;AACL,qBAAA,CAAA,CAAA;AAEJ,gBAAA;AACF,aAAA;AACF,QAAA,CAAA;AAMF;;;AAGC,IACD,MAAMM,kBAAAA,GAAqB,CACzBC,cAAAA,GAA+B,EAAE,EACjCC,cAAAA,GAA0C,EAAE,EAC5CC,gBAAAA,GAA4C,EAAE,GAAA;AAE9C,IAAA,MAAMC,YAAAA,GAAe;AAAE,QAAA,GAAGrB,cAAc;AAAE,QAAA,GAAGoB;AAAiB,KAAA;AAE9D,IAAA,MAAME,2BAA2B,EAAC;;;AAIlC,IAAA,IAAIC,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,MAAA,EAAQ;AACnCH,QAAAA,wBAAAA,CAAyBI,iBAAiB,GAAG,KAAA;AAC7CJ,QAAAA,wBAAAA,CAAyBK,cAAc,GAAG,KAAA;AAC5C,IAAA;AAEA,IAAA,MAAMjB,QAAQkB,cAAAA,CAAe;QAC3BV,cAAAA,EAAgB;AACdd,YAAAA,SAAAA,EAAWc,eAAed;AAC5B,SAAA;QACAD,OAAAA,EAASkB,YAAAA;AACTQ,QAAAA,QAAAA,EAAUN,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,YAAA;AACnCK,QAAAA,UAAAA,EAAY,CAACC,oBAAAA,GAAyB;mBACjCA,oBAAAA,CAAqBT,wBAAAA,CAAAA;AACxBU,gBAAAA,8BAAAA;AACA/B,gBAAAA,QAAAA,CAAS6B,UAAU;mBAChBX,cAAAA,CAAec,GAAG,CAAC,CAACC,CAAAA,GAAMA,CAAAA,EAAAA;AAC9B,aAAA;QACDC,SAAAA,EAAW;YAAC7B,0BAAAA,CAA2Be,YAAAA;AAAc;AACvD,KAAA,CAAA;IAEA,OAAOX,KAAAA;AACT;AAEA,MAAMsB,8BAAAA,GACJ,CAAC,EAAEI,QAAQ,EAAiB,GAC5B,CAAC5B,OACD,CAAC6B,MAAAA,GAAAA;;AAEC,YAAA,IAAIC,WAAWD,MAAAA,CAAAA,IAAWA,MAAAA,CAAOE,OAAO,EAAEC,WAAW,GAAA,EAAK;gBACxDJ,QAAAA,CAASK,MAAAA,EAAAA,CAAAA;gBACTC,MAAAA,CAAOC,QAAQ,CAACC,IAAI,GAAG,mBAAA;AACvB,gBAAA;AACF,YAAA;AAEA,YAAA,OAAOpC,IAAAA,CAAK6B,MAAAA,CAAAA;AACd,QAAA,CAAA;;;;"}
+{"version":3,"file":"configure.mjs","sources":["../../../../../../admin/src/core/store/configure.ts"],"sourcesContent":["import {\n  configureStore,\n  StoreEnhancer,\n  Middleware,\n  Reducer,\n  combineReducers,\n  MiddlewareAPI,\n  isRejected,\n} from '@reduxjs/toolkit';\n\nimport { reducer as appReducer, AppState, logout } from '../../reducer';\nimport { adminApi } from '../../services/api';\nimport { getBasename } from '../utils/basename';\n\n/**\n * @description Static reducers are ones we know, they live in the admin package.\n */\nconst staticReducers = {\n  [adminApi.reducerPath]: adminApi.reducer,\n  admin_app: appReducer,\n} as const;\n\nconst injectReducerStoreEnhancer: (appReducers: Record<string, Reducer>) => StoreEnhancer =\n  (appReducers) =>\n  (next) =>\n  (...args) => {\n    const store = next(...args);\n\n    const asyncReducers: Record<string, Reducer> = {};\n\n    return {\n      ...store,\n      asyncReducers,\n      injectReducer: (key: string, asyncReducer: Reducer) => {\n        asyncReducers[key] = asyncReducer;\n        store.replaceReducer(\n          // @ts-expect-error we dynamically add reducers which makes the types uncomfortable.\n          combineReducers({\n            ...appReducers,\n            ...asyncReducers,\n          })\n        );\n      },\n    };\n  };\n\ntype PreloadState = Partial<{\n  admin_app: AppState;\n}>;\n\n/**\n * @description This is the main store configuration function, injected Reducers use our legacy app.addReducer API,\n * which we're trying to phase out. App Middlewares could potentially be improved...?\n */\nconst configureStoreImpl = (\n  preloadedState: PreloadState = {},\n  appMiddlewares: Array<() => Middleware> = [],\n  injectedReducers: Record<string, Reducer> = {}\n) => {\n  const coreReducers = { ...staticReducers, ...injectedReducers } as const;\n\n  const defaultMiddlewareOptions = {} as any;\n\n  // These are already disabled in 'production' env but we also need to disable it in test environments\n  // However, we want to leave them on for development so any issues can still be caught\n  if (process.env.NODE_ENV === 'test') {\n    defaultMiddlewareOptions.serializableCheck = false;\n    defaultMiddlewareOptions.immutableCheck = false;\n  }\n\n  const store = configureStore({\n    preloadedState: {\n      admin_app: preloadedState.admin_app,\n    },\n    reducer: coreReducers,\n    devTools: process.env.NODE_ENV !== 'production',\n    middleware: (getDefaultMiddleware) => [\n      ...getDefaultMiddleware(defaultMiddlewareOptions),\n      rtkQueryUnauthorizedMiddleware,\n      adminApi.middleware,\n      ...appMiddlewares.map((m) => m()),\n    ],\n    enhancers: [injectReducerStoreEnhancer(coreReducers)],\n  });\n\n  return store;\n};\n\nconst rtkQueryUnauthorizedMiddleware: Middleware =\n  ({ dispatch }: MiddlewareAPI) =>\n  (next) =>\n  (action) => {\n    // isRejectedWithValue Or isRejected\n    if (isRejected(action) && action.payload?.status === 401) {\n      dispatch(logout());\n      const basename = getBasename();\n      window.location.href = `${basename}/auth/login`;\n      return;\n    }\n\n    return next(action);\n  };\n\ntype Store = ReturnType<typeof configureStoreImpl> & {\n  asyncReducers: Record<string, Reducer>;\n  injectReducer: (key: string, asyncReducer: Reducer) => void;\n};\n\ntype RootState = ReturnType<Store['getState']>;\n\ntype Dispatch = Store['dispatch'];\n\nexport { configureStoreImpl as configureStore };\nexport type { RootState, Dispatch, AppState, Store, PreloadState };\n"],"names":["staticReducers","adminApi","reducerPath","reducer","admin_app","appReducer","injectReducerStoreEnhancer","appReducers","next","args","store","asyncReducers","injectReducer","key","asyncReducer","replaceReducer","combineReducers","configureStoreImpl","preloadedState","appMiddlewares","injectedReducers","coreReducers","defaultMiddlewareOptions","process","env","NODE_ENV","serializableCheck","immutableCheck","configureStore","devTools","middleware","getDefaultMiddleware","rtkQueryUnauthorizedMiddleware","map","m","enhancers","dispatch","action","isRejected","payload","status","logout","basename","getBasename","window","location","href"],"mappings":";;;;;AAcA;;AAEC,IACD,MAAMA,cAAAA,GAAiB;AACrB,IAAA,CAACC,QAAAA,CAASC,WAAW,GAAGD,SAASE,OAAO;IACxCC,SAAAA,EAAWC;AACb,CAAA;AAEA,MAAMC,6BACJ,CAACC,WAAAA,GACD,CAACC,IAAAA,GACD,CAAC,GAAGC,IAAAA,GAAAA;AACF,YAAA,MAAMC,QAAQF,IAAAA,CAAAA,GAAQC,IAAAA,CAAAA;AAEtB,YAAA,MAAME,gBAAyC,EAAC;YAEhD,OAAO;AACL,gBAAA,GAAGD,KAAK;AACRC,gBAAAA,aAAAA;AACAC,gBAAAA,aAAAA,EAAe,CAACC,GAAAA,EAAaC,YAAAA,GAAAA;oBAC3BH,aAAa,CAACE,IAAI,GAAGC,YAAAA;oBACrBJ,KAAAA,CAAMK,cAAc;oBAElBC,eAAAA,CAAgB;AACd,wBAAA,GAAGT,WAAW;AACd,wBAAA,GAAGI;AACL,qBAAA,CAAA,CAAA;AAEJ,gBAAA;AACF,aAAA;AACF,QAAA,CAAA;AAMF;;;AAGC,IACD,MAAMM,kBAAAA,GAAqB,CACzBC,cAAAA,GAA+B,EAAE,EACjCC,cAAAA,GAA0C,EAAE,EAC5CC,gBAAAA,GAA4C,EAAE,GAAA;AAE9C,IAAA,MAAMC,YAAAA,GAAe;AAAE,QAAA,GAAGrB,cAAc;AAAE,QAAA,GAAGoB;AAAiB,KAAA;AAE9D,IAAA,MAAME,2BAA2B,EAAC;;;AAIlC,IAAA,IAAIC,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,MAAA,EAAQ;AACnCH,QAAAA,wBAAAA,CAAyBI,iBAAiB,GAAG,KAAA;AAC7CJ,QAAAA,wBAAAA,CAAyBK,cAAc,GAAG,KAAA;AAC5C,IAAA;AAEA,IAAA,MAAMjB,QAAQkB,cAAAA,CAAe;QAC3BV,cAAAA,EAAgB;AACdd,YAAAA,SAAAA,EAAWc,eAAed;AAC5B,SAAA;QACAD,OAAAA,EAASkB,YAAAA;AACTQ,QAAAA,QAAAA,EAAUN,OAAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,YAAA;AACnCK,QAAAA,UAAAA,EAAY,CAACC,oBAAAA,GAAyB;mBACjCA,oBAAAA,CAAqBT,wBAAAA,CAAAA;AACxBU,gBAAAA,8BAAAA;AACA/B,gBAAAA,QAAAA,CAAS6B,UAAU;mBAChBX,cAAAA,CAAec,GAAG,CAAC,CAACC,CAAAA,GAAMA,CAAAA,EAAAA;AAC9B,aAAA;QACDC,SAAAA,EAAW;YAAC7B,0BAAAA,CAA2Be,YAAAA;AAAc;AACvD,KAAA,CAAA;IAEA,OAAOX,KAAAA;AACT;AAEA,MAAMsB,8BAAAA,GACJ,CAAC,EAAEI,QAAQ,EAAiB,GAC5B,CAAC5B,OACD,CAAC6B,MAAAA,GAAAA;;AAEC,YAAA,IAAIC,WAAWD,MAAAA,CAAAA,IAAWA,MAAAA,CAAOE,OAAO,EAAEC,WAAW,GAAA,EAAK;gBACxDJ,QAAAA,CAASK,MAAAA,EAAAA,CAAAA;AACT,gBAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;AACjBC,gBAAAA,MAAAA,CAAOC,QAAQ,CAACC,IAAI,GAAG,CAAA,EAAGJ,QAAAA,CAAS,WAAW,CAAC;AAC/C,gBAAA;AACF,YAAA;AAEA,YAAA,OAAOlC,IAAAA,CAAK6B,MAAAA,CAAAA;AACd,QAAA,CAAA;;;;"}

package/dist/admin/admin/src/hooks/usePersistentState.js

@@ -27,8 +27,9 @@ const usePersistentState = (key, defaultValue)=>{
         key,
         defaultValue
     ]);
-    // persist whenever (key, value) change — but only for the active key
-    React.useEffect(()=>{
+    // Persist synchronously after commit so values survive same-tab navigation (e.g. external
+    // links) before the next paint — useEffect can run after unload and skip writing.
+    React.useLayoutEffect(()=>{
         if (currentKeyRef.current !== key) return; // safety guard
         window.localStorage.setItem(key, JSON.stringify(value));
     }, [
@@ -40,15 +41,19 @@ const usePersistentState = (key, defaultValue)=>{
         setValue
     ];
 };
+const usePersistentStateScope = ()=>{
+    const { data: initData } = admin.useInitQuery();
+    return initData?.uuid;
+};
 // Same as usePersistentState, but scoped to the current instance of Strapi
 // useful for storing state that should not be shared across different instances of Strapi running on localhost
 const useScopedPersistentState = (key, defaultValue)=>{
-    const { data: initData } = admin.useInitQuery();
-    const { uuid } = initData ?? {};
+    const uuid = usePersistentStateScope();
     const namespacedKey = `${key}:${uuid}`;
     return usePersistentState(namespacedKey, defaultValue);
 };
 
 exports.usePersistentState = usePersistentState;
+exports.usePersistentStateScope = usePersistentStateScope;
 exports.useScopedPersistentState = useScopedPersistentState;
 //# sourceMappingURL=usePersistentState.js.map

package/dist/admin/admin/src/hooks/usePersistentState.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistentState.js","sources":["../../../../../admin/src/hooks/usePersistentState.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useInitQuery } from '../services/admin';\n\nfunction readFromStorage<T>(key: string, fallback: T): T {\n  const raw = window.localStorage.getItem(key);\n  if (raw === null) return fallback;\n  try {\n    return JSON.parse(raw);\n  } catch {\n    // if primitive was stored\n    return raw as unknown as T;\n  }\n}\n\nconst usePersistentState = <T>(key: string, defaultValue: T) => {\n  const [value, setValue] = useState<T>(() => readFromStorage(key, defaultValue));\n\n  const currentKeyRef = useRef(key);\n\n  // when the key changes, re-hydrate from the new key\n  useEffect(() => {\n    if (currentKeyRef.current !== key) {\n      currentKeyRef.current = key;\n      setValue(readFromStorage(key, defaultValue));\n    }\n    // include defaultValue in case it changes across models\n  }, [key, defaultValue]);\n\n  // persist whenever (key, value) change — but only for the active key\n  useEffect(() => {\n    if (currentKeyRef.current !== key) return; // safety guard\n\n    window.localStorage.setItem(key, JSON.stringify(value));\n  }, [key, value]);\n\n  return [value, setValue] as const;\n};\n\n// Same as usePersistentState, but scoped to the current instance of Strapi\n// useful for storing state that should not be shared across different instances of Strapi running on localhost\nconst useScopedPersistentState = <T>(key: string, defaultValue: T) => {\n  const { data: initData } = useInitQuery();\n  const { uuid } = initData ?? {};\n\n  const namespacedKey = `${key}:${uuid}`;\n  return usePersistentState<T>(namespacedKey, defaultValue);\n};\n\nexport { usePersistentState, useScopedPersistentState };\n"],"names":["readFromStorage","key","fallback","raw","window","localStorage","getItem","JSON","parse","usePersistentState","defaultValue","value","setValue","useState","currentKeyRef","useRef","useEffect","current","setItem","stringify","useScopedPersistentState","data","initData","useInitQuery","uuid","namespacedKey"],"mappings":";;;;;AAIA,SAASA,eAAAA,CAAmBC,GAAW,EAAEC,QAAW,EAAA;AAClD,IAAA,MAAMC,GAAAA,GAAMC,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAACL,GAAAA,CAAAA;IACxC,IAAIE,GAAAA,KAAQ,MAAM,OAAOD,QAAAA;IACzB,IAAI;QACF,OAAOK,IAAAA,CAAKC,KAAK,CAACL,GAAAA,CAAAA;AACpB,IAAA,CAAA,CAAE,OAAM;;QAEN,OAAOA,GAAAA;AACT,IAAA;AACF;AAEA,MAAMM,kBAAAA,GAAqB,CAAIR,GAAAA,EAAaS,YAAAA,GAAAA;AAC1C,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAY,IAAMb,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAEjE,IAAA,MAAMI,gBAAgBC,YAAAA,CAAOd,GAAAA,CAAAA;;IAG7Be,eAAAA,CAAU,IAAA;QACR,IAAIF,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AACjCa,YAAAA,aAAAA,CAAcG,OAAO,GAAGhB,GAAAA;AACxBW,YAAAA,QAAAA,CAASZ,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAChC,QAAA;;IAEF,CAAA,EAAG;AAACT,QAAAA,GAAAA;AAAKS,QAAAA;AAAa,KAAA,CAAA;;IAGtBM,eAAAA,CAAU,IAAA;AACR,QAAA,IAAIF,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AAEnCG,QAAAA,MAAAA,CAAOC,YAAY,CAACa,OAAO,CAACjB,GAAAA,EAAKM,IAAAA,CAAKY,SAAS,CAACR,KAAAA,CAAAA,CAAAA;IAClD,CAAA,EAAG;AAACV,QAAAA,GAAAA;AAAKU,QAAAA;AAAM,KAAA,CAAA;IAEf,OAAO;AAACA,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA;AAC1B;AAEA;AACA;AACA,MAAMQ,wBAAAA,GAA2B,CAAInB,GAAAA,EAAaS,YAAAA,GAAAA;AAChD,IAAA,MAAM,EAAEW,IAAAA,EAAMC,QAAQ,EAAE,GAAGC,kBAAAA,EAAAA;AAC3B,IAAA,MAAM,EAAEC,IAAI,EAAE,GAAGF,YAAY,EAAC;AAE9B,IAAA,MAAMG,aAAAA,GAAgB,CAAA,EAAGxB,GAAAA,CAAI,CAAC,EAAEuB,IAAAA,CAAAA,CAAM;AACtC,IAAA,OAAOf,mBAAsBgB,aAAAA,EAAef,YAAAA,CAAAA;AAC9C;;;;;"}
+{"version":3,"file":"usePersistentState.js","sources":["../../../../../admin/src/hooks/usePersistentState.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { useInitQuery } from '../services/admin';\n\nfunction readFromStorage<T>(key: string, fallback: T): T {\n  const raw = window.localStorage.getItem(key);\n  if (raw === null) return fallback;\n  try {\n    return JSON.parse(raw);\n  } catch {\n    // if primitive was stored\n    return raw as unknown as T;\n  }\n}\n\nconst usePersistentState = <T>(key: string, defaultValue: T) => {\n  const [value, setValue] = useState<T>(() => readFromStorage(key, defaultValue));\n\n  const currentKeyRef = useRef(key);\n\n  // when the key changes, re-hydrate from the new key\n  useEffect(() => {\n    if (currentKeyRef.current !== key) {\n      currentKeyRef.current = key;\n      setValue(readFromStorage(key, defaultValue));\n    }\n    // include defaultValue in case it changes across models\n  }, [key, defaultValue]);\n\n  // Persist synchronously after commit so values survive same-tab navigation (e.g. external\n  // links) before the next paint — useEffect can run after unload and skip writing.\n  useLayoutEffect(() => {\n    if (currentKeyRef.current !== key) return; // safety guard\n\n    window.localStorage.setItem(key, JSON.stringify(value));\n  }, [key, value]);\n\n  return [value, setValue] as const;\n};\n\nconst usePersistentStateScope = () => {\n  const { data: initData } = useInitQuery();\n\n  return initData?.uuid;\n};\n\n// Same as usePersistentState, but scoped to the current instance of Strapi\n// useful for storing state that should not be shared across different instances of Strapi running on localhost\nconst useScopedPersistentState = <T>(key: string, defaultValue: T) => {\n  const uuid = usePersistentStateScope();\n\n  const namespacedKey = `${key}:${uuid}`;\n  return usePersistentState<T>(namespacedKey, defaultValue);\n};\n\nexport { usePersistentState, useScopedPersistentState, usePersistentStateScope };\n"],"names":["readFromStorage","key","fallback","raw","window","localStorage","getItem","JSON","parse","usePersistentState","defaultValue","value","setValue","useState","currentKeyRef","useRef","useEffect","current","useLayoutEffect","setItem","stringify","usePersistentStateScope","data","initData","useInitQuery","uuid","useScopedPersistentState","namespacedKey"],"mappings":";;;;;AAIA,SAASA,eAAAA,CAAmBC,GAAW,EAAEC,QAAW,EAAA;AAClD,IAAA,MAAMC,GAAAA,GAAMC,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAACL,GAAAA,CAAAA;IACxC,IAAIE,GAAAA,KAAQ,MAAM,OAAOD,QAAAA;IACzB,IAAI;QACF,OAAOK,IAAAA,CAAKC,KAAK,CAACL,GAAAA,CAAAA;AACpB,IAAA,CAAA,CAAE,OAAM;;QAEN,OAAOA,GAAAA;AACT,IAAA;AACF;AAEA,MAAMM,kBAAAA,GAAqB,CAAIR,GAAAA,EAAaS,YAAAA,GAAAA;AAC1C,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAY,IAAMb,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAEjE,IAAA,MAAMI,gBAAgBC,YAAAA,CAAOd,GAAAA,CAAAA;;IAG7Be,eAAAA,CAAU,IAAA;QACR,IAAIF,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AACjCa,YAAAA,aAAAA,CAAcG,OAAO,GAAGhB,GAAAA;AACxBW,YAAAA,QAAAA,CAASZ,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAChC,QAAA;;IAEF,CAAA,EAAG;AAACT,QAAAA,GAAAA;AAAKS,QAAAA;AAAa,KAAA,CAAA;;;IAItBQ,qBAAAA,CAAgB,IAAA;AACd,QAAA,IAAIJ,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AAEnCG,QAAAA,MAAAA,CAAOC,YAAY,CAACc,OAAO,CAAClB,GAAAA,EAAKM,IAAAA,CAAKa,SAAS,CAACT,KAAAA,CAAAA,CAAAA;IAClD,CAAA,EAAG;AAACV,QAAAA,GAAAA;AAAKU,QAAAA;AAAM,KAAA,CAAA;IAEf,OAAO;AAACA,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA;AAC1B;AAEA,MAAMS,uBAAAA,GAA0B,IAAA;AAC9B,IAAA,MAAM,EAAEC,IAAAA,EAAMC,QAAQ,EAAE,GAAGC,kBAAAA,EAAAA;AAE3B,IAAA,OAAOD,QAAAA,EAAUE,IAAAA;AACnB;AAEA;AACA;AACA,MAAMC,wBAAAA,GAA2B,CAAIzB,GAAAA,EAAaS,YAAAA,GAAAA;AAChD,IAAA,MAAMe,IAAAA,GAAOJ,uBAAAA,EAAAA;AAEb,IAAA,MAAMM,aAAAA,GAAgB,CAAA,EAAG1B,GAAAA,CAAI,CAAC,EAAEwB,IAAAA,CAAAA,CAAM;AACtC,IAAA,OAAOhB,mBAAsBkB,aAAAA,EAAejB,YAAAA,CAAAA;AAC9C;;;;;;"}

package/dist/admin/admin/src/hooks/usePersistentState.mjs

@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, useLayoutEffect } from 'react';
 import { useInitQuery } from '../services/admin.mjs';
 
 function readFromStorage(key, fallback) {
@@ -25,8 +25,9 @@ const usePersistentState = (key, defaultValue)=>{
         key,
         defaultValue
     ]);
-    // persist whenever (key, value) change — but only for the active key
-    useEffect(()=>{
+    // Persist synchronously after commit so values survive same-tab navigation (e.g. external
+    // links) before the next paint — useEffect can run after unload and skip writing.
+    useLayoutEffect(()=>{
         if (currentKeyRef.current !== key) return; // safety guard
         window.localStorage.setItem(key, JSON.stringify(value));
     }, [
@@ -38,14 +39,17 @@ const usePersistentState = (key, defaultValue)=>{
         setValue
     ];
 };
+const usePersistentStateScope = ()=>{
+    const { data: initData } = useInitQuery();
+    return initData?.uuid;
+};
 // Same as usePersistentState, but scoped to the current instance of Strapi
 // useful for storing state that should not be shared across different instances of Strapi running on localhost
 const useScopedPersistentState = (key, defaultValue)=>{
-    const { data: initData } = useInitQuery();
-    const { uuid } = initData ?? {};
+    const uuid = usePersistentStateScope();
     const namespacedKey = `${key}:${uuid}`;
     return usePersistentState(namespacedKey, defaultValue);
 };
 
-export { usePersistentState, useScopedPersistentState };
+export { usePersistentState, usePersistentStateScope, useScopedPersistentState };
 //# sourceMappingURL=usePersistentState.mjs.map

package/dist/admin/admin/src/hooks/usePersistentState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistentState.mjs","sources":["../../../../../admin/src/hooks/usePersistentState.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useInitQuery } from '../services/admin';\n\nfunction readFromStorage<T>(key: string, fallback: T): T {\n  const raw = window.localStorage.getItem(key);\n  if (raw === null) return fallback;\n  try {\n    return JSON.parse(raw);\n  } catch {\n    // if primitive was stored\n    return raw as unknown as T;\n  }\n}\n\nconst usePersistentState = <T>(key: string, defaultValue: T) => {\n  const [value, setValue] = useState<T>(() => readFromStorage(key, defaultValue));\n\n  const currentKeyRef = useRef(key);\n\n  // when the key changes, re-hydrate from the new key\n  useEffect(() => {\n    if (currentKeyRef.current !== key) {\n      currentKeyRef.current = key;\n      setValue(readFromStorage(key, defaultValue));\n    }\n    // include defaultValue in case it changes across models\n  }, [key, defaultValue]);\n\n  // persist whenever (key, value) change — but only for the active key\n  useEffect(() => {\n    if (currentKeyRef.current !== key) return; // safety guard\n\n    window.localStorage.setItem(key, JSON.stringify(value));\n  }, [key, value]);\n\n  return [value, setValue] as const;\n};\n\n// Same as usePersistentState, but scoped to the current instance of Strapi\n// useful for storing state that should not be shared across different instances of Strapi running on localhost\nconst useScopedPersistentState = <T>(key: string, defaultValue: T) => {\n  const { data: initData } = useInitQuery();\n  const { uuid } = initData ?? {};\n\n  const namespacedKey = `${key}:${uuid}`;\n  return usePersistentState<T>(namespacedKey, defaultValue);\n};\n\nexport { usePersistentState, useScopedPersistentState };\n"],"names":["readFromStorage","key","fallback","raw","window","localStorage","getItem","JSON","parse","usePersistentState","defaultValue","value","setValue","useState","currentKeyRef","useRef","useEffect","current","setItem","stringify","useScopedPersistentState","data","initData","useInitQuery","uuid","namespacedKey"],"mappings":";;;AAIA,SAASA,eAAAA,CAAmBC,GAAW,EAAEC,QAAW,EAAA;AAClD,IAAA,MAAMC,GAAAA,GAAMC,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAACL,GAAAA,CAAAA;IACxC,IAAIE,GAAAA,KAAQ,MAAM,OAAOD,QAAAA;IACzB,IAAI;QACF,OAAOK,IAAAA,CAAKC,KAAK,CAACL,GAAAA,CAAAA;AACpB,IAAA,CAAA,CAAE,OAAM;;QAEN,OAAOA,GAAAA;AACT,IAAA;AACF;AAEA,MAAMM,kBAAAA,GAAqB,CAAIR,GAAAA,EAAaS,YAAAA,GAAAA;AAC1C,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAY,IAAMb,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAEjE,IAAA,MAAMI,gBAAgBC,MAAAA,CAAOd,GAAAA,CAAAA;;IAG7Be,SAAAA,CAAU,IAAA;QACR,IAAIF,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AACjCa,YAAAA,aAAAA,CAAcG,OAAO,GAAGhB,GAAAA;AACxBW,YAAAA,QAAAA,CAASZ,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAChC,QAAA;;IAEF,CAAA,EAAG;AAACT,QAAAA,GAAAA;AAAKS,QAAAA;AAAa,KAAA,CAAA;;IAGtBM,SAAAA,CAAU,IAAA;AACR,QAAA,IAAIF,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AAEnCG,QAAAA,MAAAA,CAAOC,YAAY,CAACa,OAAO,CAACjB,GAAAA,EAAKM,IAAAA,CAAKY,SAAS,CAACR,KAAAA,CAAAA,CAAAA;IAClD,CAAA,EAAG;AAACV,QAAAA,GAAAA;AAAKU,QAAAA;AAAM,KAAA,CAAA;IAEf,OAAO;AAACA,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA;AAC1B;AAEA;AACA;AACA,MAAMQ,wBAAAA,GAA2B,CAAInB,GAAAA,EAAaS,YAAAA,GAAAA;AAChD,IAAA,MAAM,EAAEW,IAAAA,EAAMC,QAAQ,EAAE,GAAGC,YAAAA,EAAAA;AAC3B,IAAA,MAAM,EAAEC,IAAI,EAAE,GAAGF,YAAY,EAAC;AAE9B,IAAA,MAAMG,aAAAA,GAAgB,CAAA,EAAGxB,GAAAA,CAAI,CAAC,EAAEuB,IAAAA,CAAAA,CAAM;AACtC,IAAA,OAAOf,mBAAsBgB,aAAAA,EAAef,YAAAA,CAAAA;AAC9C;;;;"}
+{"version":3,"file":"usePersistentState.mjs","sources":["../../../../../admin/src/hooks/usePersistentState.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { useInitQuery } from '../services/admin';\n\nfunction readFromStorage<T>(key: string, fallback: T): T {\n  const raw = window.localStorage.getItem(key);\n  if (raw === null) return fallback;\n  try {\n    return JSON.parse(raw);\n  } catch {\n    // if primitive was stored\n    return raw as unknown as T;\n  }\n}\n\nconst usePersistentState = <T>(key: string, defaultValue: T) => {\n  const [value, setValue] = useState<T>(() => readFromStorage(key, defaultValue));\n\n  const currentKeyRef = useRef(key);\n\n  // when the key changes, re-hydrate from the new key\n  useEffect(() => {\n    if (currentKeyRef.current !== key) {\n      currentKeyRef.current = key;\n      setValue(readFromStorage(key, defaultValue));\n    }\n    // include defaultValue in case it changes across models\n  }, [key, defaultValue]);\n\n  // Persist synchronously after commit so values survive same-tab navigation (e.g. external\n  // links) before the next paint — useEffect can run after unload and skip writing.\n  useLayoutEffect(() => {\n    if (currentKeyRef.current !== key) return; // safety guard\n\n    window.localStorage.setItem(key, JSON.stringify(value));\n  }, [key, value]);\n\n  return [value, setValue] as const;\n};\n\nconst usePersistentStateScope = () => {\n  const { data: initData } = useInitQuery();\n\n  return initData?.uuid;\n};\n\n// Same as usePersistentState, but scoped to the current instance of Strapi\n// useful for storing state that should not be shared across different instances of Strapi running on localhost\nconst useScopedPersistentState = <T>(key: string, defaultValue: T) => {\n  const uuid = usePersistentStateScope();\n\n  const namespacedKey = `${key}:${uuid}`;\n  return usePersistentState<T>(namespacedKey, defaultValue);\n};\n\nexport { usePersistentState, useScopedPersistentState, usePersistentStateScope };\n"],"names":["readFromStorage","key","fallback","raw","window","localStorage","getItem","JSON","parse","usePersistentState","defaultValue","value","setValue","useState","currentKeyRef","useRef","useEffect","current","useLayoutEffect","setItem","stringify","usePersistentStateScope","data","initData","useInitQuery","uuid","useScopedPersistentState","namespacedKey"],"mappings":";;;AAIA,SAASA,eAAAA,CAAmBC,GAAW,EAAEC,QAAW,EAAA;AAClD,IAAA,MAAMC,GAAAA,GAAMC,MAAAA,CAAOC,YAAY,CAACC,OAAO,CAACL,GAAAA,CAAAA;IACxC,IAAIE,GAAAA,KAAQ,MAAM,OAAOD,QAAAA;IACzB,IAAI;QACF,OAAOK,IAAAA,CAAKC,KAAK,CAACL,GAAAA,CAAAA;AACpB,IAAA,CAAA,CAAE,OAAM;;QAEN,OAAOA,GAAAA;AACT,IAAA;AACF;AAEA,MAAMM,kBAAAA,GAAqB,CAAIR,GAAAA,EAAaS,YAAAA,GAAAA;AAC1C,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAY,IAAMb,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAEjE,IAAA,MAAMI,gBAAgBC,MAAAA,CAAOd,GAAAA,CAAAA;;IAG7Be,SAAAA,CAAU,IAAA;QACR,IAAIF,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AACjCa,YAAAA,aAAAA,CAAcG,OAAO,GAAGhB,GAAAA;AACxBW,YAAAA,QAAAA,CAASZ,gBAAgBC,GAAAA,EAAKS,YAAAA,CAAAA,CAAAA;AAChC,QAAA;;IAEF,CAAA,EAAG;AAACT,QAAAA,GAAAA;AAAKS,QAAAA;AAAa,KAAA,CAAA;;;IAItBQ,eAAAA,CAAgB,IAAA;AACd,QAAA,IAAIJ,aAAAA,CAAcG,OAAO,KAAKhB,GAAAA,EAAK;AAEnCG,QAAAA,MAAAA,CAAOC,YAAY,CAACc,OAAO,CAAClB,GAAAA,EAAKM,IAAAA,CAAKa,SAAS,CAACT,KAAAA,CAAAA,CAAAA;IAClD,CAAA,EAAG;AAACV,QAAAA,GAAAA;AAAKU,QAAAA;AAAM,KAAA,CAAA;IAEf,OAAO;AAACA,QAAAA,KAAAA;AAAOC,QAAAA;AAAS,KAAA;AAC1B;AAEA,MAAMS,uBAAAA,GAA0B,IAAA;AAC9B,IAAA,MAAM,EAAEC,IAAAA,EAAMC,QAAQ,EAAE,GAAGC,YAAAA,EAAAA;AAE3B,IAAA,OAAOD,QAAAA,EAAUE,IAAAA;AACnB;AAEA;AACA;AACA,MAAMC,wBAAAA,GAA2B,CAAIzB,GAAAA,EAAaS,YAAAA,GAAAA;AAChD,IAAA,MAAMe,IAAAA,GAAOJ,uBAAAA,EAAAA;AAEb,IAAA,MAAMM,aAAAA,GAAgB,CAAA,EAAG1B,GAAAA,CAAI,CAAC,EAAEwB,IAAAA,CAAAA,CAAM;AACtC,IAAA,OAAOhB,mBAAsBkB,aAAAA,EAAejB,YAAAA,CAAAA;AAC9C;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.js

@@ -193,10 +193,13 @@ const LogoInput = ({ canUpdate, customLogo, defaultLogo, hint, label, onChangeLo
                 responseType: 'blob',
                 timeout: 8000
             });
+            // Axios types Content-Type as AxiosHeaderValue (string | array | null | …); File#type only accepts string | undefined.
+            const contentType = res.headers['content-type'];
+            const mimeType = typeof contentType === 'string' ? contentType : Array.isArray(contentType) ? contentType[0] : contentType != null && typeof contentType !== 'object' ? String(contentType) : undefined;
             const file = new File([
                 res.data
             ], res.config.url ?? '', {
-                type: res.headers['content-type']
+                type: mimeType
             });
             const asset = await files.parseFileMetadatas(file);
             setLocalImage(asset);

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoInput.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { createContext } from '@radix-ui/react-context';\nimport {\n  Box,\n  Button,\n  ButtonProps,\n  Card,\n  CardAsset,\n  CardBadge,\n  CardBody,\n  CardContent,\n  CardHeader,\n  CardSubtitle,\n  CardTitle,\n  CarouselActions,\n  CarouselInput,\n  CarouselInputProps,\n  CarouselSlide,\n  Field,\n  Flex,\n  IconButton,\n  Modal,\n  Tabs,\n  TextInput,\n  TextInputProps,\n  Typography,\n} from '@strapi/design-system';\nimport { PlusCircle, Plus, ArrowClockwise } from '@strapi/icons';\nimport axios, { AxiosError } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ConfigurationContextValue } from '../../../../../features/Configuration';\nimport { ACCEPTED_FORMAT, DIMENSION, SIZE } from '../utils/constants';\nimport { ImageAsset, ParsingFileError, parseFileMetadatas } from '../utils/files';\n\n/* -------------------------------------------------------------------------------------------------\n * LogoInputContext\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LogoInputContextValue {\n  localImage: ImageAsset | undefined;\n  goToStep: (step: Step) => void;\n  onClose: () => void;\n  setLocalImage: (asset: ImageAsset | undefined) => void;\n}\n\nconst [LogoInputContextProvider, useLogoInputContext] =\n  createContext<LogoInputContextValue>('LogoInput');\n\n/* -------------------------------------------------------------------------------------------------\n * LogoInput\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LogoInputProps\n  extends Pick<PendingLogoDialogProps, 'onChangeLogo'>,\n    Pick<CarouselInputProps, 'label' | 'hint'> {\n  canUpdate: boolean;\n  customLogo?: ConfigurationContextValue['logos']['auth']['custom'];\n  defaultLogo: string;\n}\n\ntype Step = 'pending' | 'upload' | undefined;\n\nconst LogoInput = ({\n  canUpdate,\n  customLogo,\n  defaultLogo,\n  hint,\n  label,\n  onChangeLogo,\n}: LogoInputProps) => {\n  const [localImage, setLocalImage] = React.useState<ImageAsset | undefined>();\n  const [currentStep, setCurrentStep] = React.useState<Step>();\n  const { formatMessage } = useIntl();\n\n  const handleClose = () => {\n    setLocalImage(undefined);\n    setCurrentStep(undefined);\n  };\n\n  return (\n    <Modal.Root\n      open={!!currentStep}\n      onOpenChange={(state) => {\n        if (state === false) {\n          handleClose();\n        }\n      }}\n    >\n      <LogoInputContextProvider\n        setLocalImage={setLocalImage}\n        localImage={localImage}\n        goToStep={setCurrentStep}\n        onClose={handleClose}\n      >\n        <CarouselInput\n          label={label}\n          selectedSlide={0}\n          hint={hint}\n          // Carousel is used here for a single media,\n          // we don't need previous and next labels but these props are required\n          previousLabel=\"\"\n          nextLabel=\"\"\n          onNext={() => {}}\n          onPrevious={() => {}}\n          secondaryLabel={customLogo?.name || 'logo.png'}\n          actions={\n            <CarouselActions>\n              <Modal.Trigger>\n                <IconButton\n                  disabled={!canUpdate}\n                  onClick={() => setCurrentStep('upload')}\n                  label={formatMessage({\n                    id: 'Settings.application.customization.carousel.change-action',\n                    defaultMessage: 'Change logo',\n                  })}\n                >\n                  <Plus />\n                </IconButton>\n              </Modal.Trigger>\n              {customLogo?.url && (\n                <IconButton\n                  disabled={!canUpdate}\n                  onClick={() => onChangeLogo(null)}\n                  label={formatMessage({\n                    id: 'Settings.application.customization.carousel.reset-action',\n                    defaultMessage: 'Reset logo',\n                  })}\n                >\n                  <ArrowClockwise />\n                </IconButton>\n              )}\n            </CarouselActions>\n          }\n        >\n          <CarouselSlide\n            label={formatMessage({\n              id: 'Settings.application.customization.carousel-slide.label',\n              defaultMessage: 'Logo slide',\n            })}\n          >\n            <Box\n              maxHeight=\"40%\"\n              maxWidth=\"40%\"\n              tag=\"img\"\n              src={customLogo?.url || defaultLogo}\n              alt={formatMessage({\n                id: 'Settings.application.customization.carousel.title',\n                defaultMessage: 'Logo',\n              })}\n            />\n          </CarouselSlide>\n        </CarouselInput>\n        <Modal.Content>\n          <Modal.Header>\n            <Modal.Title>\n              {formatMessage(\n                currentStep === 'upload'\n                  ? {\n                      id: 'Settings.application.customization.modal.upload',\n                      defaultMessage: 'Upload logo',\n                    }\n                  : {\n                      id: 'Settings.application.customization.modal.pending',\n                      defaultMessage: 'Pending logo',\n                    }\n              )}\n            </Modal.Title>\n          </Modal.Header>\n          {currentStep === 'upload' ? (\n            <AddLogoDialog />\n          ) : (\n            <PendingLogoDialog onChangeLogo={onChangeLogo} />\n          )}\n        </Modal.Content>\n      </LogoInputContextProvider>\n    </Modal.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AddLogoDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst AddLogoDialog = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Tabs.Root variant=\"simple\" defaultValue=\"computer\">\n      <Box paddingLeft={8} paddingRight={8}>\n        <Tabs.List\n          aria-label={formatMessage({\n            id: 'Settings.application.customization.modal.tab.label',\n            defaultMessage: 'How do you want to upload your assets?',\n          })}\n        >\n          <Tabs.Trigger value=\"computer\">\n            {formatMessage({\n              id: 'Settings.application.customization.modal.upload.from-computer',\n              defaultMessage: 'From computer',\n            })}\n          </Tabs.Trigger>\n          <Tabs.Trigger value=\"url\">\n            {formatMessage({\n              id: 'Settings.application.customization.modal.upload.from-url',\n              defaultMessage: 'From url',\n            })}\n          </Tabs.Trigger>\n        </Tabs.List>\n      </Box>\n      <Tabs.Content value=\"computer\">\n        <ComputerForm />\n      </Tabs.Content>\n      <Tabs.Content value=\"url\">\n        <URLForm />\n      </Tabs.Content>\n    </Tabs.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * URLForm\n * -----------------------------------------------------------------------------------------------*/\n\nconst URLForm = () => {\n  const { formatMessage } = useIntl();\n  const [logoUrl, setLogoUrl] = React.useState('');\n  const [error, setError] = React.useState<string>();\n  const { setLocalImage, goToStep, onClose } = useLogoInputContext('URLForm');\n\n  const handleChange: TextInputProps['onChange'] = (e) => {\n    setLogoUrl(e.target.value);\n  };\n\n  const handleSubmit: React.FormEventHandler<HTMLFormElement> = async (event) => {\n    event.preventDefault();\n\n    const data = new FormData(event.target as HTMLFormElement);\n\n    const url = data.get('logo-url');\n\n    if (!url) {\n      return;\n    }\n\n    try {\n      const res = await axios.get(url.toString(), { responseType: 'blob', timeout: 8000 });\n\n      const file = new File([res.data], res.config.url ?? '', {\n        type: res.headers['content-type'],\n      });\n\n      const asset = await parseFileMetadatas(file);\n\n      setLocalImage(asset);\n      goToStep('pending');\n    } catch (err) {\n      if (err instanceof AxiosError) {\n        setError(\n          formatMessage({\n            id: 'Settings.application.customization.modal.upload.error-network',\n            defaultMessage: 'Network error',\n          })\n        );\n      } else if (err instanceof ParsingFileError) {\n        setError(formatMessage(err.displayMessage, { size: SIZE, dimension: DIMENSION }));\n      } else {\n        throw err;\n      }\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n        <Field.Root error={error} name=\"logo-url\">\n          <Field.Label>\n            {formatMessage({\n              id: 'Settings.application.customization.modal.upload.from-url.input-label',\n              defaultMessage: 'URL',\n            })}\n          </Field.Label>\n          <TextInput type=\"url\" onChange={handleChange} value={logoUrl} />\n          <Field.Error />\n        </Field.Root>\n      </Box>\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n        </Button>\n        <Button type=\"submit\">\n          {formatMessage({\n            id: 'Settings.application.customization.modal.upload.next',\n            defaultMessage: 'Next',\n          })}\n        </Button>\n      </Modal.Footer>\n    </form>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ComputerForm\n * -----------------------------------------------------------------------------------------------*/\n\nconst ComputerForm = () => {\n  const { formatMessage } = useIntl();\n  const [dragOver, setDragOver] = React.useState(false);\n  const [fileError, setFileError] = React.useState<string>();\n  const inputRef = React.useRef<HTMLInputElement>(null!);\n  const id = React.useId();\n\n  const { setLocalImage, goToStep, onClose } = useLogoInputContext('ComputerForm');\n\n  const handleDragEnter = () => {\n    setDragOver(true);\n  };\n  const handleDragLeave = () => {\n    setDragOver(false);\n  };\n\n  const handleClick: ButtonProps['onClick'] = (e) => {\n    e.preventDefault();\n    inputRef.current.click();\n  };\n\n  const handleChange = async () => {\n    handleDragLeave();\n\n    if (!inputRef.current.files) {\n      return;\n    }\n\n    const [file] = inputRef.current.files;\n\n    try {\n      const asset = await parseFileMetadatas(file);\n      setLocalImage(asset);\n      goToStep('pending');\n    } catch (err) {\n      if (err instanceof ParsingFileError) {\n        setFileError(formatMessage(err.displayMessage, { size: SIZE, dimension: DIMENSION }));\n        inputRef.current.focus();\n      } else {\n        throw err;\n      }\n    }\n  };\n\n  return (\n    <>\n      <form>\n        <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n          <Field.Root name={id} error={fileError}>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n              <Flex\n                paddingTop={9}\n                paddingBottom={7}\n                hasRadius\n                justifyContent=\"center\"\n                direction=\"column\"\n                background={dragOver ? 'primary100' : 'neutral100'}\n                borderColor={dragOver ? 'primary500' : fileError ? 'danger600' : 'neutral300'}\n                borderStyle=\"dashed\"\n                borderWidth=\"1px\"\n                position=\"relative\"\n                onDragEnter={handleDragEnter}\n                onDragLeave={handleDragLeave}\n              >\n                <PlusCircle fill=\"primary600\" width=\"6rem\" height=\"6rem\" aria-hidden />\n                <Box paddingTop={3} paddingBottom={5}>\n                  <Typography variant=\"delta\" tag=\"label\" htmlFor={id}>\n                    {formatMessage({\n                      id: 'Settings.application.customization.modal.upload.drag-drop',\n                      defaultMessage: 'Drag and Drop here or',\n                    })}\n                  </Typography>\n                </Box>\n                <Box position=\"relative\">\n                  <FileInput\n                    accept={ACCEPTED_FORMAT.join(', ')}\n                    type=\"file\"\n                    name=\"files\"\n                    tabIndex={-1}\n                    onChange={handleChange}\n                    ref={inputRef}\n                    id={id}\n                  />\n                </Box>\n                <Button type=\"button\" onClick={handleClick}>\n                  {formatMessage({\n                    id: 'Settings.application.customization.modal.upload.cta.browse',\n                    defaultMessage: 'Browse files',\n                  })}\n                </Button>\n                <Box paddingTop={6}>\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {formatMessage(\n                      {\n                        id: 'Settings.application.customization.modal.upload.file-validation',\n                        defaultMessage:\n                          'Max dimension: {dimension}x{dimension}, Max size: {size}KB',\n                      },\n                      { size: SIZE, dimension: DIMENSION }\n                    )}\n                  </Typography>\n                </Box>\n              </Flex>\n              <Field.Error />\n            </Flex>\n          </Field.Root>\n        </Box>\n      </form>\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n        </Button>\n      </Modal.Footer>\n    </>\n  );\n};\n\nconst FileInput = styled(Field.Input)`\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * PendingLogoDialog\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PendingLogoDialogProps {\n  onChangeLogo: (file: ImageAsset | null) => void;\n}\n\nconst PendingLogoDialog = ({ onChangeLogo }: PendingLogoDialogProps) => {\n  const { formatMessage } = useIntl();\n  const { localImage, setLocalImage, goToStep, onClose } = useLogoInputContext('PendingLogoDialog');\n\n  const handleGoBack = () => {\n    setLocalImage(undefined);\n    goToStep('upload');\n  };\n\n  const handleUpload = () => {\n    if (localImage) {\n      onChangeLogo(localImage);\n    }\n    onClose();\n  };\n\n  return (\n    <>\n      <Modal.Body>\n        <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n          <Flex justifyContent=\"space-between\" paddingBottom={6}>\n            <Flex direction=\"column\" alignItems=\"flex-start\">\n              <Typography variant=\"pi\" fontWeight=\"bold\">\n                {formatMessage({\n                  id: 'Settings.application.customization.modal.pending.title',\n                  defaultMessage: 'Logo ready to upload',\n                })}\n              </Typography>\n              <Typography variant=\"pi\" textColor=\"neutral500\">\n                {formatMessage({\n                  id: 'Settings.application.customization.modal.pending.subtitle',\n                  defaultMessage: 'Manage the chosen logo before uploading it',\n                })}\n              </Typography>\n            </Flex>\n            <Button onClick={handleGoBack} variant=\"secondary\">\n              {formatMessage({\n                id: 'Settings.application.customization.modal.pending.choose-another',\n                defaultMessage: 'Choose another logo',\n              })}\n            </Button>\n          </Flex>\n          <Box maxWidth={`18rem`}>\n            {localImage?.url ? <ImageCardAsset asset={localImage} /> : null}\n          </Box>\n        </Box>\n      </Modal.Body>\n      <Modal.Footer>\n        <Modal.Close>\n          <Button onClick={onClose} variant=\"tertiary\">\n            {formatMessage({\n              id: 'Settings.application.customization.modal.cancel',\n              defaultMessage: 'Cancel',\n            })}\n          </Button>\n        </Modal.Close>\n        <Button onClick={handleUpload}>\n          {formatMessage({\n            id: 'Settings.application.customization.modal.pending.upload',\n            defaultMessage: 'Upload logo',\n          })}\n        </Button>\n      </Modal.Footer>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ImageCardAsset\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ImageCardAssetProps {\n  asset: ImageAsset;\n}\n\nconst ImageCardAsset = ({ asset }: ImageCardAssetProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardAsset size=\"S\" src={asset.url} />\n      </CardHeader>\n      <CardBody>\n        <CardContent>\n          <CardTitle>{asset.name}</CardTitle>\n          <CardSubtitle>\n            {`${asset.ext?.toUpperCase()} - ${asset.width}✕${asset.height}`}\n          </CardSubtitle>\n        </CardContent>\n        <CardBadge>\n          {formatMessage({\n            id: 'Settings.application.customization.modal.pending.card-badge',\n            defaultMessage: 'image',\n          })}\n        </CardBadge>\n      </CardBody>\n    </Card>\n  );\n};\n\nexport { LogoInput };\nexport type { LogoInputProps };\n"],"names":["LogoInputContextProvider","useLogoInputContext","createContext","LogoInput","canUpdate","customLogo","defaultLogo","hint","label","onChangeLogo","localImage","setLocalImage","React","useState","currentStep","setCurrentStep","formatMessage","useIntl","handleClose","undefined","_jsx","Modal","Root","open","onOpenChange","state","_jsxs","goToStep","onClose","CarouselInput","selectedSlide","previousLabel","nextLabel","onNext","onPrevious","secondaryLabel","name","actions","CarouselActions","Trigger","IconButton","disabled","onClick","id","defaultMessage","Plus","url","ArrowClockwise","CarouselSlide","Box","maxHeight","maxWidth","tag","src","alt","Content","Header","Title","AddLogoDialog","PendingLogoDialog","Tabs","variant","defaultValue","paddingLeft","paddingRight","List","aria-label","value","ComputerForm","URLForm","logoUrl","setLogoUrl","error","setError","handleChange","e","target","handleSubmit","event","preventDefault","data","FormData","get","res","axios","toString","responseType","timeout","file","File","config","type","headers","asset","parseFileMetadatas","err","AxiosError","ParsingFileError","displayMessage","size","SIZE","dimension","DIMENSION","form","onSubmit","paddingTop","paddingBottom","Field","Label","TextInput","onChange","Error","Footer","Button","dragOver","setDragOver","fileError","setFileError","inputRef","useRef","useId","handleDragEnter","handleDragLeave","handleClick","current","click","files","focus","_Fragment","Flex","direction","alignItems","gap","hasRadius","justifyContent","background","borderColor","borderStyle","borderWidth","position","onDragEnter","onDragLeave","PlusCircle","fill","width","height","aria-hidden","Typography","htmlFor","FileInput","accept","ACCEPTED_FORMAT","join","tabIndex","ref","textColor","styled","Input","handleGoBack","handleUpload","Body","fontWeight","ImageCardAsset","Close","Card","CardHeader","CardAsset","CardBody","CardContent","CardTitle","CardSubtitle","ext","toUpperCase","CardBadge"],"mappings":"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"}
+{"version":3,"file":"LogoInput.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { createContext } from '@radix-ui/react-context';\nimport {\n  Box,\n  Button,\n  ButtonProps,\n  Card,\n  CardAsset,\n  CardBadge,\n  CardBody,\n  CardContent,\n  CardHeader,\n  CardSubtitle,\n  CardTitle,\n  CarouselActions,\n  CarouselInput,\n  CarouselInputProps,\n  CarouselSlide,\n  Field,\n  Flex,\n  IconButton,\n  Modal,\n  Tabs,\n  TextInput,\n  TextInputProps,\n  Typography,\n} from '@strapi/design-system';\nimport { PlusCircle, Plus, ArrowClockwise } from '@strapi/icons';\nimport axios, { AxiosError } from 'axios';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ConfigurationContextValue } from '../../../../../features/Configuration';\nimport { ACCEPTED_FORMAT, DIMENSION, SIZE } from '../utils/constants';\nimport { ImageAsset, ParsingFileError, parseFileMetadatas } from '../utils/files';\n\n/* -------------------------------------------------------------------------------------------------\n * LogoInputContext\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LogoInputContextValue {\n  localImage: ImageAsset | undefined;\n  goToStep: (step: Step) => void;\n  onClose: () => void;\n  setLocalImage: (asset: ImageAsset | undefined) => void;\n}\n\nconst [LogoInputContextProvider, useLogoInputContext] =\n  createContext<LogoInputContextValue>('LogoInput');\n\n/* -------------------------------------------------------------------------------------------------\n * LogoInput\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LogoInputProps\n  extends Pick<PendingLogoDialogProps, 'onChangeLogo'>,\n    Pick<CarouselInputProps, 'label' | 'hint'> {\n  canUpdate: boolean;\n  customLogo?: ConfigurationContextValue['logos']['auth']['custom'];\n  defaultLogo: string;\n}\n\ntype Step = 'pending' | 'upload' | undefined;\n\nconst LogoInput = ({\n  canUpdate,\n  customLogo,\n  defaultLogo,\n  hint,\n  label,\n  onChangeLogo,\n}: LogoInputProps) => {\n  const [localImage, setLocalImage] = React.useState<ImageAsset | undefined>();\n  const [currentStep, setCurrentStep] = React.useState<Step>();\n  const { formatMessage } = useIntl();\n\n  const handleClose = () => {\n    setLocalImage(undefined);\n    setCurrentStep(undefined);\n  };\n\n  return (\n    <Modal.Root\n      open={!!currentStep}\n      onOpenChange={(state) => {\n        if (state === false) {\n          handleClose();\n        }\n      }}\n    >\n      <LogoInputContextProvider\n        setLocalImage={setLocalImage}\n        localImage={localImage}\n        goToStep={setCurrentStep}\n        onClose={handleClose}\n      >\n        <CarouselInput\n          label={label}\n          selectedSlide={0}\n          hint={hint}\n          // Carousel is used here for a single media,\n          // we don't need previous and next labels but these props are required\n          previousLabel=\"\"\n          nextLabel=\"\"\n          onNext={() => {}}\n          onPrevious={() => {}}\n          secondaryLabel={customLogo?.name || 'logo.png'}\n          actions={\n            <CarouselActions>\n              <Modal.Trigger>\n                <IconButton\n                  disabled={!canUpdate}\n                  onClick={() => setCurrentStep('upload')}\n                  label={formatMessage({\n                    id: 'Settings.application.customization.carousel.change-action',\n                    defaultMessage: 'Change logo',\n                  })}\n                >\n                  <Plus />\n                </IconButton>\n              </Modal.Trigger>\n              {customLogo?.url && (\n                <IconButton\n                  disabled={!canUpdate}\n                  onClick={() => onChangeLogo(null)}\n                  label={formatMessage({\n                    id: 'Settings.application.customization.carousel.reset-action',\n                    defaultMessage: 'Reset logo',\n                  })}\n                >\n                  <ArrowClockwise />\n                </IconButton>\n              )}\n            </CarouselActions>\n          }\n        >\n          <CarouselSlide\n            label={formatMessage({\n              id: 'Settings.application.customization.carousel-slide.label',\n              defaultMessage: 'Logo slide',\n            })}\n          >\n            <Box\n              maxHeight=\"40%\"\n              maxWidth=\"40%\"\n              tag=\"img\"\n              src={customLogo?.url || defaultLogo}\n              alt={formatMessage({\n                id: 'Settings.application.customization.carousel.title',\n                defaultMessage: 'Logo',\n              })}\n            />\n          </CarouselSlide>\n        </CarouselInput>\n        <Modal.Content>\n          <Modal.Header>\n            <Modal.Title>\n              {formatMessage(\n                currentStep === 'upload'\n                  ? {\n                      id: 'Settings.application.customization.modal.upload',\n                      defaultMessage: 'Upload logo',\n                    }\n                  : {\n                      id: 'Settings.application.customization.modal.pending',\n                      defaultMessage: 'Pending logo',\n                    }\n              )}\n            </Modal.Title>\n          </Modal.Header>\n          {currentStep === 'upload' ? (\n            <AddLogoDialog />\n          ) : (\n            <PendingLogoDialog onChangeLogo={onChangeLogo} />\n          )}\n        </Modal.Content>\n      </LogoInputContextProvider>\n    </Modal.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AddLogoDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst AddLogoDialog = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Tabs.Root variant=\"simple\" defaultValue=\"computer\">\n      <Box paddingLeft={8} paddingRight={8}>\n        <Tabs.List\n          aria-label={formatMessage({\n            id: 'Settings.application.customization.modal.tab.label',\n            defaultMessage: 'How do you want to upload your assets?',\n          })}\n        >\n          <Tabs.Trigger value=\"computer\">\n            {formatMessage({\n              id: 'Settings.application.customization.modal.upload.from-computer',\n              defaultMessage: 'From computer',\n            })}\n          </Tabs.Trigger>\n          <Tabs.Trigger value=\"url\">\n            {formatMessage({\n              id: 'Settings.application.customization.modal.upload.from-url',\n              defaultMessage: 'From url',\n            })}\n          </Tabs.Trigger>\n        </Tabs.List>\n      </Box>\n      <Tabs.Content value=\"computer\">\n        <ComputerForm />\n      </Tabs.Content>\n      <Tabs.Content value=\"url\">\n        <URLForm />\n      </Tabs.Content>\n    </Tabs.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * URLForm\n * -----------------------------------------------------------------------------------------------*/\n\nconst URLForm = () => {\n  const { formatMessage } = useIntl();\n  const [logoUrl, setLogoUrl] = React.useState('');\n  const [error, setError] = React.useState<string>();\n  const { setLocalImage, goToStep, onClose } = useLogoInputContext('URLForm');\n\n  const handleChange: TextInputProps['onChange'] = (e) => {\n    setLogoUrl(e.target.value);\n  };\n\n  const handleSubmit: React.FormEventHandler<HTMLFormElement> = async (event) => {\n    event.preventDefault();\n\n    const data = new FormData(event.target as HTMLFormElement);\n\n    const url = data.get('logo-url');\n\n    if (!url) {\n      return;\n    }\n\n    try {\n      const res = await axios.get(url.toString(), { responseType: 'blob', timeout: 8000 });\n\n      // Axios types Content-Type as AxiosHeaderValue (string | array | null | …); File#type only accepts string | undefined.\n      const contentType = res.headers['content-type'];\n      const mimeType =\n        typeof contentType === 'string'\n          ? contentType\n          : Array.isArray(contentType)\n            ? contentType[0]\n            : contentType != null && typeof contentType !== 'object'\n              ? String(contentType)\n              : undefined;\n\n      const file = new File([res.data], res.config.url ?? '', {\n        type: mimeType,\n      });\n\n      const asset = await parseFileMetadatas(file);\n\n      setLocalImage(asset);\n      goToStep('pending');\n    } catch (err) {\n      if (err instanceof AxiosError) {\n        setError(\n          formatMessage({\n            id: 'Settings.application.customization.modal.upload.error-network',\n            defaultMessage: 'Network error',\n          })\n        );\n      } else if (err instanceof ParsingFileError) {\n        setError(formatMessage(err.displayMessage, { size: SIZE, dimension: DIMENSION }));\n      } else {\n        throw err;\n      }\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n        <Field.Root error={error} name=\"logo-url\">\n          <Field.Label>\n            {formatMessage({\n              id: 'Settings.application.customization.modal.upload.from-url.input-label',\n              defaultMessage: 'URL',\n            })}\n          </Field.Label>\n          <TextInput type=\"url\" onChange={handleChange} value={logoUrl} />\n          <Field.Error />\n        </Field.Root>\n      </Box>\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n        </Button>\n        <Button type=\"submit\">\n          {formatMessage({\n            id: 'Settings.application.customization.modal.upload.next',\n            defaultMessage: 'Next',\n          })}\n        </Button>\n      </Modal.Footer>\n    </form>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ComputerForm\n * -----------------------------------------------------------------------------------------------*/\n\nconst ComputerForm = () => {\n  const { formatMessage } = useIntl();\n  const [dragOver, setDragOver] = React.useState(false);\n  const [fileError, setFileError] = React.useState<string>();\n  const inputRef = React.useRef<HTMLInputElement>(null!);\n  const id = React.useId();\n\n  const { setLocalImage, goToStep, onClose } = useLogoInputContext('ComputerForm');\n\n  const handleDragEnter = () => {\n    setDragOver(true);\n  };\n  const handleDragLeave = () => {\n    setDragOver(false);\n  };\n\n  const handleClick: ButtonProps['onClick'] = (e) => {\n    e.preventDefault();\n    inputRef.current.click();\n  };\n\n  const handleChange = async () => {\n    handleDragLeave();\n\n    if (!inputRef.current.files) {\n      return;\n    }\n\n    const [file] = inputRef.current.files;\n\n    try {\n      const asset = await parseFileMetadatas(file);\n      setLocalImage(asset);\n      goToStep('pending');\n    } catch (err) {\n      if (err instanceof ParsingFileError) {\n        setFileError(formatMessage(err.displayMessage, { size: SIZE, dimension: DIMENSION }));\n        inputRef.current.focus();\n      } else {\n        throw err;\n      }\n    }\n  };\n\n  return (\n    <>\n      <form>\n        <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n          <Field.Root name={id} error={fileError}>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n              <Flex\n                paddingTop={9}\n                paddingBottom={7}\n                hasRadius\n                justifyContent=\"center\"\n                direction=\"column\"\n                background={dragOver ? 'primary100' : 'neutral100'}\n                borderColor={dragOver ? 'primary500' : fileError ? 'danger600' : 'neutral300'}\n                borderStyle=\"dashed\"\n                borderWidth=\"1px\"\n                position=\"relative\"\n                onDragEnter={handleDragEnter}\n                onDragLeave={handleDragLeave}\n              >\n                <PlusCircle fill=\"primary600\" width=\"6rem\" height=\"6rem\" aria-hidden />\n                <Box paddingTop={3} paddingBottom={5}>\n                  <Typography variant=\"delta\" tag=\"label\" htmlFor={id}>\n                    {formatMessage({\n                      id: 'Settings.application.customization.modal.upload.drag-drop',\n                      defaultMessage: 'Drag and Drop here or',\n                    })}\n                  </Typography>\n                </Box>\n                <Box position=\"relative\">\n                  <FileInput\n                    accept={ACCEPTED_FORMAT.join(', ')}\n                    type=\"file\"\n                    name=\"files\"\n                    tabIndex={-1}\n                    onChange={handleChange}\n                    ref={inputRef}\n                    id={id}\n                  />\n                </Box>\n                <Button type=\"button\" onClick={handleClick}>\n                  {formatMessage({\n                    id: 'Settings.application.customization.modal.upload.cta.browse',\n                    defaultMessage: 'Browse files',\n                  })}\n                </Button>\n                <Box paddingTop={6}>\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {formatMessage(\n                      {\n                        id: 'Settings.application.customization.modal.upload.file-validation',\n                        defaultMessage:\n                          'Max dimension: {dimension}x{dimension}, Max size: {size}KB',\n                      },\n                      { size: SIZE, dimension: DIMENSION }\n                    )}\n                  </Typography>\n                </Box>\n              </Flex>\n              <Field.Error />\n            </Flex>\n          </Field.Root>\n        </Box>\n      </form>\n      <Modal.Footer>\n        <Button onClick={onClose} variant=\"tertiary\">\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n        </Button>\n      </Modal.Footer>\n    </>\n  );\n};\n\nconst FileInput = styled(Field.Input)`\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * PendingLogoDialog\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PendingLogoDialogProps {\n  onChangeLogo: (file: ImageAsset | null) => void;\n}\n\nconst PendingLogoDialog = ({ onChangeLogo }: PendingLogoDialogProps) => {\n  const { formatMessage } = useIntl();\n  const { localImage, setLocalImage, goToStep, onClose } = useLogoInputContext('PendingLogoDialog');\n\n  const handleGoBack = () => {\n    setLocalImage(undefined);\n    goToStep('upload');\n  };\n\n  const handleUpload = () => {\n    if (localImage) {\n      onChangeLogo(localImage);\n    }\n    onClose();\n  };\n\n  return (\n    <>\n      <Modal.Body>\n        <Box paddingLeft={8} paddingRight={8} paddingTop={6} paddingBottom={6}>\n          <Flex justifyContent=\"space-between\" paddingBottom={6}>\n            <Flex direction=\"column\" alignItems=\"flex-start\">\n              <Typography variant=\"pi\" fontWeight=\"bold\">\n                {formatMessage({\n                  id: 'Settings.application.customization.modal.pending.title',\n                  defaultMessage: 'Logo ready to upload',\n                })}\n              </Typography>\n              <Typography variant=\"pi\" textColor=\"neutral500\">\n                {formatMessage({\n                  id: 'Settings.application.customization.modal.pending.subtitle',\n                  defaultMessage: 'Manage the chosen logo before uploading it',\n                })}\n              </Typography>\n            </Flex>\n            <Button onClick={handleGoBack} variant=\"secondary\">\n              {formatMessage({\n                id: 'Settings.application.customization.modal.pending.choose-another',\n                defaultMessage: 'Choose another logo',\n              })}\n            </Button>\n          </Flex>\n          <Box maxWidth={`18rem`}>\n            {localImage?.url ? <ImageCardAsset asset={localImage} /> : null}\n          </Box>\n        </Box>\n      </Modal.Body>\n      <Modal.Footer>\n        <Modal.Close>\n          <Button onClick={onClose} variant=\"tertiary\">\n            {formatMessage({\n              id: 'Settings.application.customization.modal.cancel',\n              defaultMessage: 'Cancel',\n            })}\n          </Button>\n        </Modal.Close>\n        <Button onClick={handleUpload}>\n          {formatMessage({\n            id: 'Settings.application.customization.modal.pending.upload',\n            defaultMessage: 'Upload logo',\n          })}\n        </Button>\n      </Modal.Footer>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ImageCardAsset\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ImageCardAssetProps {\n  asset: ImageAsset;\n}\n\nconst ImageCardAsset = ({ asset }: ImageCardAssetProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardAsset size=\"S\" src={asset.url} />\n      </CardHeader>\n      <CardBody>\n        <CardContent>\n          <CardTitle>{asset.name}</CardTitle>\n          <CardSubtitle>\n            {`${asset.ext?.toUpperCase()} - ${asset.width}✕${asset.height}`}\n          </CardSubtitle>\n        </CardContent>\n        <CardBadge>\n          {formatMessage({\n            id: 'Settings.application.customization.modal.pending.card-badge',\n            defaultMessage: 'image',\n          })}\n        </CardBadge>\n      </CardBody>\n    </Card>\n  );\n};\n\nexport { LogoInput };\nexport type { LogoInputProps };\n"],"names":["LogoInputContextProvider","useLogoInputContext","createContext","LogoInput","canUpdate","customLogo","defaultLogo","hint","label","onChangeLogo","localImage","setLocalImage","React","useState","currentStep","setCurrentStep","formatMessage","useIntl","handleClose","undefined","_jsx","Modal","Root","open","onOpenChange","state","_jsxs","goToStep","onClose","CarouselInput","selectedSlide","previousLabel","nextLabel","onNext","onPrevious","secondaryLabel","name","actions","CarouselActions","Trigger","IconButton","disabled","onClick","id","defaultMessage","Plus","url","ArrowClockwise","CarouselSlide","Box","maxHeight","maxWidth","tag","src","alt","Content","Header","Title","AddLogoDialog","PendingLogoDialog","Tabs","variant","defaultValue","paddingLeft","paddingRight","List","aria-label","value","ComputerForm","URLForm","logoUrl","setLogoUrl","error","setError","handleChange","e","target","handleSubmit","event","preventDefault","data","FormData","get","res","axios","toString","responseType","timeout","contentType","headers","mimeType","Array","isArray","String","file","File","config","type","asset","parseFileMetadatas","err","AxiosError","ParsingFileError","displayMessage","size","SIZE","dimension","DIMENSION","form","onSubmit","paddingTop","paddingBottom","Field","Label","TextInput","onChange","Error","Footer","Button","dragOver","setDragOver","fileError","setFileError","inputRef","useRef","useId","handleDragEnter","handleDragLeave","handleClick","current","click","files","focus","_Fragment","Flex","direction","alignItems","gap","hasRadius","justifyContent","background","borderColor","borderStyle","borderWidth","position","onDragEnter","onDragLeave","PlusCircle","fill","width","height","aria-hidden","Typography","htmlFor","FileInput","accept","ACCEPTED_FORMAT","join","tabIndex","ref","textColor","styled","Input","handleGoBack","handleUpload","Body","fontWeight","ImageCardAsset","Close","Card","CardHeader","CardAsset","CardBody","CardContent","CardTitle","CardSubtitle","ext","toUpperCase","CardBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,CAACA,wBAAAA,EAA0BC,mBAAAA,CAAoB,GACnDC,0BAAAA,CAAqC,WAAA,CAAA;AAgBvC,MAAMC,SAAAA,GAAY,CAAC,EACjBC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,YAAY,EACG,GAAA;AACf,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,iBAAMC,QAAQ,EAAA;AAClD,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGH,iBAAMC,QAAQ,EAAA;IACpD,MAAM,EAAEG,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,WAAAA,GAAc,IAAA;QAClBP,aAAAA,CAAcQ,SAAAA,CAAAA;QACdJ,cAAAA,CAAeI,SAAAA,CAAAA;AACjB,IAAA,CAAA;IAEA,qBACEC,cAAA,CAACC,mBAAMC,IAAI,EAAA;AACTC,QAAAA,IAAAA,EAAM,CAAC,CAACT,WAAAA;AACRU,QAAAA,YAAAA,EAAc,CAACC,KAAAA,GAAAA;AACb,YAAA,IAAIA,UAAU,KAAA,EAAO;AACnBP,gBAAAA,WAAAA,EAAAA;AACF,YAAA;AACF,QAAA,CAAA;AAEA,QAAA,QAAA,gBAAAQ,eAAA,CAAC1B,wBAAAA,EAAAA;YACCW,aAAAA,EAAeA,aAAAA;YACfD,UAAAA,EAAYA,UAAAA;YACZiB,QAAAA,EAAUZ,cAAAA;YACVa,OAAAA,EAASV,WAAAA;;8BAETE,cAAA,CAACS,0BAAAA,EAAAA;oBACCrB,KAAAA,EAAOA,KAAAA;oBACPsB,aAAAA,EAAe,CAAA;oBACfvB,IAAAA,EAAMA,IAAAA;;;oBAGNwB,aAAAA,EAAc,EAAA;oBACdC,SAAAA,EAAU,EAAA;AACVC,oBAAAA,MAAAA,EAAQ,IAAA,CAAO,CAAA;AACfC,oBAAAA,UAAAA,EAAY,IAAA,CAAO,CAAA;AACnBC,oBAAAA,cAAAA,EAAgB9B,YAAY+B,IAAAA,IAAQ,UAAA;AACpCC,oBAAAA,OAAAA,gBACEX,eAAA,CAACY,4BAAAA,EAAAA;;AACC,0CAAAlB,cAAA,CAACC,mBAAMkB,OAAO,EAAA;AACZ,gCAAA,QAAA,gBAAAnB,cAAA,CAACoB,uBAAAA,EAAAA;AACCC,oCAAAA,QAAAA,EAAU,CAACrC,SAAAA;AACXsC,oCAAAA,OAAAA,EAAS,IAAM3B,cAAAA,CAAe,QAAA,CAAA;AAC9BP,oCAAAA,KAAAA,EAAOQ,aAAAA,CAAc;wCACnB2B,EAAAA,EAAI,2DAAA;wCACJC,cAAAA,EAAgB;AAClB,qCAAA,CAAA;AAEA,oCAAA,QAAA,gBAAAxB,cAAA,CAACyB,UAAAA,EAAAA,EAAAA;;;AAGJxC,4BAAAA,UAAAA,EAAYyC,qBACX1B,cAAA,CAACoB,uBAAAA,EAAAA;AACCC,gCAAAA,QAAAA,EAAU,CAACrC,SAAAA;AACXsC,gCAAAA,OAAAA,EAAS,IAAMjC,YAAAA,CAAa,IAAA,CAAA;AAC5BD,gCAAAA,KAAAA,EAAOQ,aAAAA,CAAc;oCACnB2B,EAAAA,EAAI,0DAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA,CAAA;AAEA,gCAAA,QAAA,gBAAAxB,cAAA,CAAC2B,oBAAAA,EAAAA,EAAAA;;;;AAMT,oBAAA,QAAA,gBAAA3B,cAAA,CAAC4B,0BAAAA,EAAAA;AACCxC,wBAAAA,KAAAA,EAAOQ,aAAAA,CAAc;4BACnB2B,EAAAA,EAAI,yDAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;AAEA,wBAAA,QAAA,gBAAAxB,cAAA,CAAC6B,gBAAAA,EAAAA;4BACCC,SAAAA,EAAU,KAAA;4BACVC,QAAAA,EAAS,KAAA;4BACTC,GAAAA,EAAI,KAAA;AACJC,4BAAAA,GAAAA,EAAKhD,YAAYyC,GAAAA,IAAOxC,WAAAA;AACxBgD,4BAAAA,GAAAA,EAAKtC,aAAAA,CAAc;gCACjB2B,EAAAA,EAAI,mDAAA;gCACJC,cAAAA,EAAgB;AAClB,6BAAA;;;;AAIN,8BAAAlB,eAAA,CAACL,mBAAMkC,OAAO,EAAA;;AACZ,sCAAAnC,cAAA,CAACC,mBAAMmC,MAAM,EAAA;oDACXpC,cAAA,CAACC,mBAAMoC,KAAK,EAAA;AACTzC,gCAAAA,QAAAA,EAAAA,aAAAA,CACCF,gBAAgB,QAAA,GACZ;oCACE6B,EAAAA,EAAI,iDAAA;oCACJC,cAAAA,EAAgB;iCAClB,GACA;oCACED,EAAAA,EAAI,kDAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;wBAIT9B,WAAAA,KAAgB,QAAA,iBACfM,cAAA,CAACsC,aAAAA,EAAAA,EAAAA,CAAAA,iBAEDtC,cAAA,CAACuC,iBAAAA,EAAAA;4BAAkBlD,YAAAA,EAAcA;;;;;;;AAM7C;AAEA;;AAEkG,qGAElG,MAAMiD,aAAAA,GAAgB,IAAA;IACpB,MAAM,EAAE1C,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACES,eAAA,CAACkC,kBAAKtC,IAAI,EAAA;QAACuC,OAAAA,EAAQ,QAAA;QAASC,YAAAA,EAAa,UAAA;;0BACvC1C,cAAA,CAAC6B,gBAAAA,EAAAA;gBAAIc,WAAAA,EAAa,CAAA;gBAAGC,YAAAA,EAAc,CAAA;wCACjCtC,eAAA,CAACkC,kBAAKK,IAAI,EAAA;AACRC,oBAAAA,YAAAA,EAAYlD,aAAAA,CAAc;wBACxB2B,EAAAA,EAAI,oDAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;;AAEA,sCAAAxB,cAAA,CAACwC,kBAAKrB,OAAO,EAAA;4BAAC4B,KAAAA,EAAM,UAAA;sCACjBnD,aAAAA,CAAc;gCACb2B,EAAAA,EAAI,+DAAA;gCACJC,cAAAA,EAAgB;AAClB,6BAAA;;AAEF,sCAAAxB,cAAA,CAACwC,kBAAKrB,OAAO,EAAA;4BAAC4B,KAAAA,EAAM,KAAA;sCACjBnD,aAAAA,CAAc;gCACb2B,EAAAA,EAAI,0DAAA;gCACJC,cAAAA,EAAgB;AAClB,6BAAA;;;;;AAIN,0BAAAxB,cAAA,CAACwC,kBAAKL,OAAO,EAAA;gBAACY,KAAAA,EAAM,UAAA;AAClB,gBAAA,QAAA,gBAAA/C,cAAA,CAACgD,YAAAA,EAAAA,EAAAA;;AAEH,0BAAAhD,cAAA,CAACwC,kBAAKL,OAAO,EAAA;gBAACY,KAAAA,EAAM,KAAA;AAClB,gBAAA,QAAA,gBAAA/C,cAAA,CAACiD,OAAAA,EAAAA,EAAAA;;;;AAIT,CAAA;AAEA;;AAEkG,qGAElG,MAAMA,OAAAA,GAAU,IAAA;IACd,MAAM,EAAErD,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACqD,OAAAA,EAASC,UAAAA,CAAW,GAAG3D,gBAAAA,CAAMC,QAAQ,CAAC,EAAA,CAAA;AAC7C,IAAA,MAAM,CAAC2D,KAAAA,EAAOC,QAAAA,CAAS,GAAG7D,iBAAMC,QAAQ,EAAA;IACxC,MAAM,EAAEF,aAAa,EAAEgB,QAAQ,EAAEC,OAAO,EAAE,GAAG3B,mBAAAA,CAAoB,SAAA,CAAA;AAEjE,IAAA,MAAMyE,eAA2C,CAACC,CAAAA,GAAAA;QAChDJ,UAAAA,CAAWI,CAAAA,CAAEC,MAAM,CAACT,KAAK,CAAA;AAC3B,IAAA,CAAA;AAEA,IAAA,MAAMU,eAAwD,OAAOC,KAAAA,GAAAA;AACnEA,QAAAA,KAAAA,CAAMC,cAAc,EAAA;AAEpB,QAAA,MAAMC,IAAAA,GAAO,IAAIC,QAAAA,CAASH,KAAAA,CAAMF,MAAM,CAAA;QAEtC,MAAM9B,GAAAA,GAAMkC,IAAAA,CAAKE,GAAG,CAAC,UAAA,CAAA;AAErB,QAAA,IAAI,CAACpC,GAAAA,EAAK;AACR,YAAA;AACF,QAAA;QAEA,IAAI;AACF,YAAA,MAAMqC,MAAM,MAAMC,KAAAA,CAAMF,GAAG,CAACpC,GAAAA,CAAIuC,QAAQ,EAAA,EAAI;gBAAEC,YAAAA,EAAc,MAAA;gBAAQC,OAAAA,EAAS;AAAK,aAAA,CAAA;;AAGlF,YAAA,MAAMC,WAAAA,GAAcL,GAAAA,CAAIM,OAAO,CAAC,cAAA,CAAe;AAC/C,YAAA,MAAMC,WACJ,OAAOF,WAAAA,KAAgB,WACnBA,WAAAA,GACAG,KAAAA,CAAMC,OAAO,CAACJ,WAAAA,CAAAA,GACZA,WAAW,CAAC,CAAA,CAAE,GACdA,WAAAA,IAAe,IAAA,IAAQ,OAAOA,WAAAA,KAAgB,QAAA,GAC5CK,OAAOL,WAAAA,CAAAA,GACPrE,SAAAA;YAEV,MAAM2E,IAAAA,GAAO,IAAIC,IAAAA,CAAK;AAACZ,gBAAAA,GAAAA,CAAIH;AAAK,aAAA,EAAEG,GAAAA,CAAIa,MAAM,CAAClD,GAAG,IAAI,EAAA,EAAI;gBACtDmD,IAAAA,EAAMP;AACR,aAAA,CAAA;YAEA,MAAMQ,KAAAA,GAAQ,MAAMC,wBAAAA,CAAmBL,IAAAA,CAAAA;YAEvCnF,aAAAA,CAAcuF,KAAAA,CAAAA;YACdvE,QAAAA,CAAS,SAAA,CAAA;AACX,QAAA,CAAA,CAAE,OAAOyE,GAAAA,EAAK;AACZ,YAAA,IAAIA,eAAeC,gBAAAA,EAAY;AAC7B5B,gBAAAA,QAAAA,CACEzD,aAAAA,CAAc;oBACZ2B,EAAAA,EAAI,+DAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA,CAAA;YAEJ,CAAA,MAAO,IAAIwD,eAAeE,sBAAAA,EAAkB;gBAC1C7B,QAAAA,CAASzD,aAAAA,CAAcoF,GAAAA,CAAIG,cAAc,EAAE;oBAAEC,IAAAA,EAAMC,cAAAA;oBAAMC,SAAAA,EAAWC;AAAU,iBAAA,CAAA,CAAA;YAChF,CAAA,MAAO;gBACL,MAAMP,GAAAA;AACR,YAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACE1E,eAAA,CAACkF,MAAAA,EAAAA;QAAKC,QAAAA,EAAUhC,YAAAA;;0BACdzD,cAAA,CAAC6B,gBAAAA,EAAAA;gBAAIc,WAAAA,EAAa,CAAA;gBAAGC,YAAAA,EAAc,CAAA;gBAAG8C,UAAAA,EAAY,CAAA;gBAAGC,aAAAA,EAAe,CAAA;wCAClErF,eAAA,CAACsF,mBAAM1F,IAAI,EAAA;oBAACkD,KAAAA,EAAOA,KAAAA;oBAAOpC,IAAAA,EAAK,UAAA;;AAC7B,sCAAAhB,cAAA,CAAC4F,mBAAMC,KAAK,EAAA;sCACTjG,aAAAA,CAAc;gCACb2B,EAAAA,EAAI,sEAAA;gCACJC,cAAAA,EAAgB;AAClB,6BAAA;;sCAEFxB,cAAA,CAAC8F,sBAAAA,EAAAA;4BAAUjB,IAAAA,EAAK,KAAA;4BAAMkB,QAAAA,EAAUzC,YAAAA;4BAAcP,KAAAA,EAAOG;;AACrD,sCAAAlD,cAAA,CAAC4F,mBAAMI,KAAK,EAAA,EAAA;;;;AAGhB,0BAAA1F,eAAA,CAACL,mBAAMgG,MAAM,EAAA;;kCACXjG,cAAA,CAACkG,mBAAAA,EAAAA;wBAAO5E,OAAAA,EAASd,OAAAA;wBAASiC,OAAAA,EAAQ,UAAA;kCAC/B7C,aAAAA,CAAc;4BAAE2B,EAAAA,EAAI,8BAAA;4BAAgCC,cAAAA,EAAgB;AAAS,yBAAA;;kCAEhFxB,cAAA,CAACkG,mBAAAA,EAAAA;wBAAOrB,IAAAA,EAAK,QAAA;kCACVjF,aAAAA,CAAc;4BACb2B,EAAAA,EAAI,sDAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;;;;;AAKV,CAAA;AAEA;;AAEkG,qGAElG,MAAMwB,YAAAA,GAAe,IAAA;IACnB,MAAM,EAAEpD,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACsG,QAAAA,EAAUC,WAAAA,CAAY,GAAG5G,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAC/C,IAAA,MAAM,CAAC4G,SAAAA,EAAWC,YAAAA,CAAa,GAAG9G,iBAAMC,QAAQ,EAAA;IAChD,MAAM8G,QAAAA,GAAW/G,gBAAAA,CAAMgH,MAAM,CAAmB,IAAA,CAAA;IAChD,MAAMjF,EAAAA,GAAK/B,iBAAMiH,KAAK,EAAA;IAEtB,MAAM,EAAElH,aAAa,EAAEgB,QAAQ,EAAEC,OAAO,EAAE,GAAG3B,mBAAAA,CAAoB,cAAA,CAAA;AAEjE,IAAA,MAAM6H,eAAAA,GAAkB,IAAA;QACtBN,WAAAA,CAAY,IAAA,CAAA;AACd,IAAA,CAAA;AACA,IAAA,MAAMO,eAAAA,GAAkB,IAAA;QACtBP,WAAAA,CAAY,KAAA,CAAA;AACd,IAAA,CAAA;AAEA,IAAA,MAAMQ,cAAsC,CAACrD,CAAAA,GAAAA;AAC3CA,QAAAA,CAAAA,CAAEI,cAAc,EAAA;QAChB4C,QAAAA,CAASM,OAAO,CAACC,KAAK,EAAA;AACxB,IAAA,CAAA;AAEA,IAAA,MAAMxD,YAAAA,GAAe,UAAA;AACnBqD,QAAAA,eAAAA,EAAAA;AAEA,QAAA,IAAI,CAACJ,QAAAA,CAASM,OAAO,CAACE,KAAK,EAAE;AAC3B,YAAA;AACF,QAAA;AAEA,QAAA,MAAM,CAACrC,IAAAA,CAAK,GAAG6B,QAAAA,CAASM,OAAO,CAACE,KAAK;QAErC,IAAI;YACF,MAAMjC,KAAAA,GAAQ,MAAMC,wBAAAA,CAAmBL,IAAAA,CAAAA;YACvCnF,aAAAA,CAAcuF,KAAAA,CAAAA;YACdvE,QAAAA,CAAS,SAAA,CAAA;AACX,QAAA,CAAA,CAAE,OAAOyE,GAAAA,EAAK;AACZ,YAAA,IAAIA,eAAeE,sBAAAA,EAAkB;gBACnCoB,YAAAA,CAAa1G,aAAAA,CAAcoF,GAAAA,CAAIG,cAAc,EAAE;oBAAEC,IAAAA,EAAMC,cAAAA;oBAAMC,SAAAA,EAAWC;AAAU,iBAAA,CAAA,CAAA;gBAClFgB,QAAAA,CAASM,OAAO,CAACG,KAAK,EAAA;YACxB,CAAA,MAAO;gBACL,MAAMhC,GAAAA;AACR,YAAA;AACF,QAAA;AACF,IAAA,CAAA;IAEA,qBACE1E,eAAA,CAAA2G,mBAAA,EAAA;;0BACEjH,cAAA,CAACwF,MAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAxF,cAAA,CAAC6B,gBAAAA,EAAAA;oBAAIc,WAAAA,EAAa,CAAA;oBAAGC,YAAAA,EAAc,CAAA;oBAAG8C,UAAAA,EAAY,CAAA;oBAAGC,aAAAA,EAAe,CAAA;4CAClE3F,cAAA,CAAC4F,mBAAM1F,IAAI,EAAA;wBAACc,IAAAA,EAAMO,EAAAA;wBAAI6B,KAAAA,EAAOiD,SAAAA;AAC3B,wBAAA,QAAA,gBAAA/F,eAAA,CAAC4G,iBAAAA,EAAAA;4BAAKC,SAAAA,EAAU,QAAA;4BAASC,UAAAA,EAAW,SAAA;4BAAUC,GAAAA,EAAK,CAAA;;8CACjD/G,eAAA,CAAC4G,iBAAAA,EAAAA;oCACCxB,UAAAA,EAAY,CAAA;oCACZC,aAAAA,EAAe,CAAA;oCACf2B,SAAS,EAAA,IAAA;oCACTC,cAAAA,EAAe,QAAA;oCACfJ,SAAAA,EAAU,QAAA;AACVK,oCAAAA,UAAAA,EAAYrB,WAAW,YAAA,GAAe,YAAA;oCACtCsB,WAAAA,EAAatB,QAAAA,GAAW,YAAA,GAAeE,SAAAA,GAAY,WAAA,GAAc,YAAA;oCACjEqB,WAAAA,EAAY,QAAA;oCACZC,WAAAA,EAAY,KAAA;oCACZC,QAAAA,EAAS,UAAA;oCACTC,WAAAA,EAAanB,eAAAA;oCACboB,WAAAA,EAAanB,eAAAA;;sDAEb3G,cAAA,CAAC+H,gBAAAA,EAAAA;4CAAWC,IAAAA,EAAK,YAAA;4CAAaC,KAAAA,EAAM,MAAA;4CAAOC,MAAAA,EAAO,MAAA;4CAAOC,aAAW,EAAA;;sDACpEnI,cAAA,CAAC6B,gBAAAA,EAAAA;4CAAI6D,UAAAA,EAAY,CAAA;4CAAGC,aAAAA,EAAe,CAAA;AACjC,4CAAA,QAAA,gBAAA3F,cAAA,CAACoI,uBAAAA,EAAAA;gDAAW3F,OAAAA,EAAQ,OAAA;gDAAQT,GAAAA,EAAI,OAAA;gDAAQqG,OAAAA,EAAS9G,EAAAA;0DAC9C3B,aAAAA,CAAc;oDACb2B,EAAAA,EAAI,2DAAA;oDACJC,cAAAA,EAAgB;AAClB,iDAAA;;;sDAGJxB,cAAA,CAAC6B,gBAAAA,EAAAA;4CAAI+F,QAAAA,EAAS,UAAA;AACZ,4CAAA,QAAA,gBAAA5H,cAAA,CAACsI,SAAAA,EAAAA;gDACCC,MAAAA,EAAQC,yBAAAA,CAAgBC,IAAI,CAAC,IAAA,CAAA;gDAC7B5D,IAAAA,EAAK,MAAA;gDACL7D,IAAAA,EAAK,OAAA;AACL0H,gDAAAA,QAAAA,EAAU,EAAC;gDACX3C,QAAAA,EAAUzC,YAAAA;gDACVqF,GAAAA,EAAKpC,QAAAA;gDACLhF,EAAAA,EAAIA;;;sDAGRvB,cAAA,CAACkG,mBAAAA,EAAAA;4CAAOrB,IAAAA,EAAK,QAAA;4CAASvD,OAAAA,EAASsF,WAAAA;sDAC5BhH,aAAAA,CAAc;gDACb2B,EAAAA,EAAI,4DAAA;gDACJC,cAAAA,EAAgB;AAClB,6CAAA;;sDAEFxB,cAAA,CAAC6B,gBAAAA,EAAAA;4CAAI6D,UAAAA,EAAY,CAAA;AACf,4CAAA,QAAA,gBAAA1F,cAAA,CAACoI,uBAAAA,EAAAA;gDAAW3F,OAAAA,EAAQ,IAAA;gDAAKmG,SAAAA,EAAU,YAAA;0DAChChJ,aAAAA,CACC;oDACE2B,EAAAA,EAAI,iEAAA;oDACJC,cAAAA,EACE;iDACJ,EACA;oDAAE4D,IAAAA,EAAMC,cAAAA;oDAAMC,SAAAA,EAAWC;AAAU,iDAAA;;;;;AAK3C,8CAAAvF,cAAA,CAAC4F,mBAAMI,KAAK,EAAA,EAAA;;;;;;AAKpB,0BAAAhG,cAAA,CAACC,mBAAMgG,MAAM,EAAA;AACX,gBAAA,QAAA,gBAAAjG,cAAA,CAACkG,mBAAAA,EAAAA;oBAAO5E,OAAAA,EAASd,OAAAA;oBAASiC,OAAAA,EAAQ,UAAA;8BAC/B7C,aAAAA,CAAc;wBAAE2B,EAAAA,EAAI,8BAAA;wBAAgCC,cAAAA,EAAgB;AAAS,qBAAA;;;;;AAKxF,CAAA;AAEA,MAAM8G,SAAAA,GAAYO,aAAAA,CAAOjD,kBAAAA,CAAMkD,KAAK,CAAC;;;;;;;;AAQrC,CAAC;AAUD,MAAMvG,iBAAAA,GAAoB,CAAC,EAAElD,YAAY,EAA0B,GAAA;IACjE,MAAM,EAAEO,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEP,UAAU,EAAEC,aAAa,EAAEgB,QAAQ,EAAEC,OAAO,EAAE,GAAG3B,mBAAAA,CAAoB,mBAAA,CAAA;AAE7E,IAAA,MAAMkK,YAAAA,GAAe,IAAA;QACnBxJ,aAAAA,CAAcQ,SAAAA,CAAAA;QACdQ,QAAAA,CAAS,QAAA,CAAA;AACX,IAAA,CAAA;AAEA,IAAA,MAAMyI,YAAAA,GAAe,IAAA;AACnB,QAAA,IAAI1J,UAAAA,EAAY;YACdD,YAAAA,CAAaC,UAAAA,CAAAA;AACf,QAAA;AACAkB,QAAAA,OAAAA,EAAAA;AACF,IAAA,CAAA;IAEA,qBACEF,eAAA,CAAA2G,mBAAA,EAAA;;AACE,0BAAAjH,cAAA,CAACC,mBAAMgJ,IAAI,EAAA;AACT,gBAAA,QAAA,gBAAA3I,eAAA,CAACuB,gBAAAA,EAAAA;oBAAIc,WAAAA,EAAa,CAAA;oBAAGC,YAAAA,EAAc,CAAA;oBAAG8C,UAAAA,EAAY,CAAA;oBAAGC,aAAAA,EAAe,CAAA;;sCAClErF,eAAA,CAAC4G,iBAAAA,EAAAA;4BAAKK,cAAAA,EAAe,eAAA;4BAAgB5B,aAAAA,EAAe,CAAA;;8CAClDrF,eAAA,CAAC4G,iBAAAA,EAAAA;oCAAKC,SAAAA,EAAU,QAAA;oCAASC,UAAAA,EAAW,YAAA;;sDAClCpH,cAAA,CAACoI,uBAAAA,EAAAA;4CAAW3F,OAAAA,EAAQ,IAAA;4CAAKyG,UAAAA,EAAW,MAAA;sDACjCtJ,aAAAA,CAAc;gDACb2B,EAAAA,EAAI,wDAAA;gDACJC,cAAAA,EAAgB;AAClB,6CAAA;;sDAEFxB,cAAA,CAACoI,uBAAAA,EAAAA;4CAAW3F,OAAAA,EAAQ,IAAA;4CAAKmG,SAAAA,EAAU,YAAA;sDAChChJ,aAAAA,CAAc;gDACb2B,EAAAA,EAAI,2DAAA;gDACJC,cAAAA,EAAgB;AAClB,6CAAA;;;;8CAGJxB,cAAA,CAACkG,mBAAAA,EAAAA;oCAAO5E,OAAAA,EAASyH,YAAAA;oCAActG,OAAAA,EAAQ,WAAA;8CACpC7C,aAAAA,CAAc;wCACb2B,EAAAA,EAAI,iEAAA;wCACJC,cAAAA,EAAgB;AAClB,qCAAA;;;;sCAGJxB,cAAA,CAAC6B,gBAAAA,EAAAA;4BAAIE,QAAAA,EAAU,CAAC,KAAK,CAAC;AACnBzC,4BAAAA,QAAAA,EAAAA,UAAAA,EAAYoC,oBAAM1B,cAAA,CAACmJ,cAAAA,EAAAA;gCAAerE,KAAAA,EAAOxF;AAAiB,6BAAA,CAAA,GAAA;;;;;AAIjE,0BAAAgB,eAAA,CAACL,mBAAMgG,MAAM,EAAA;;AACX,kCAAAjG,cAAA,CAACC,mBAAMmJ,KAAK,EAAA;AACV,wBAAA,QAAA,gBAAApJ,cAAA,CAACkG,mBAAAA,EAAAA;4BAAO5E,OAAAA,EAASd,OAAAA;4BAASiC,OAAAA,EAAQ,UAAA;sCAC/B7C,aAAAA,CAAc;gCACb2B,EAAAA,EAAI,iDAAA;gCACJC,cAAAA,EAAgB;AAClB,6BAAA;;;kCAGJxB,cAAA,CAACkG,mBAAAA,EAAAA;wBAAO5E,OAAAA,EAAS0H,YAAAA;kCACdpJ,aAAAA,CAAc;4BACb2B,EAAAA,EAAI,yDAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;;;;;AAKV,CAAA;AAUA,MAAM2H,cAAAA,GAAiB,CAAC,EAAErE,KAAK,EAAuB,GAAA;IACpD,MAAM,EAAElF,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACES,eAAA,CAAC+I,iBAAAA,EAAAA;;0BACCrJ,cAAA,CAACsJ,uBAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAtJ,cAAA,CAACuJ,sBAAAA,EAAAA;oBAAUnE,IAAAA,EAAK,GAAA;AAAInD,oBAAAA,GAAAA,EAAK6C,MAAMpD;;;0BAEjCpB,eAAA,CAACkJ,qBAAAA,EAAAA;;kCACClJ,eAAA,CAACmJ,wBAAAA,EAAAA;;0CACCzJ,cAAA,CAAC0J,sBAAAA,EAAAA;AAAW5E,gCAAAA,QAAAA,EAAAA,KAAAA,CAAM9D;;0CAClBhB,cAAA,CAAC2J,yBAAAA,EAAAA;AACE,gCAAA,QAAA,EAAA,CAAA,EAAG7E,KAAAA,CAAM8E,GAAG,EAAEC,WAAAA,EAAAA,CAAc,GAAG,EAAE/E,KAAAA,CAAMmD,KAAK,CAAC,CAAC,EAAEnD,KAAAA,CAAMoD,MAAM,CAAA;;;;kCAGjElI,cAAA,CAAC8J,sBAAAA,EAAAA;kCACElK,aAAAA,CAAc;4BACb2B,EAAAA,EAAI,6DAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA;;;;;;AAKV,CAAA;;;;"}

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.mjs

@@ -172,10 +172,13 @@ const LogoInput = ({ canUpdate, customLogo, defaultLogo, hint, label, onChangeLo
                 responseType: 'blob',
                 timeout: 8000
             });
+            // Axios types Content-Type as AxiosHeaderValue (string | array | null | …); File#type only accepts string | undefined.
+            const contentType = res.headers['content-type'];
+            const mimeType = typeof contentType === 'string' ? contentType : Array.isArray(contentType) ? contentType[0] : contentType != null && typeof contentType !== 'object' ? String(contentType) : undefined;
             const file = new File([
                 res.data
             ], res.config.url ?? '', {
-                type: res.headers['content-type']
+                type: mimeType
             });
             const asset = await parseFileMetadatas(file);
             setLocalImage(asset);