@strapi/admin 5.55.0 → 5.56.0

package/dist/admin/admin/src/components/UpsellBanner.js

@@ -7,24 +7,11 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var dateFns = require('date-fns');
 var reactIntl = require('react-intl');
-var styledComponents = require('styled-components');
 var admin = require('../services/admin.js');
+var theme = require('../constants/theme.js');
 var usePersistentState = require('../hooks/usePersistentState.js');
 var DismissibleBanner = require('./DismissibleBanner.js');
 
-/**
- * Unlike `DismissibleBanner`'s own close button, this has no banner box left to
- * anchor to once dismissed (the banner unmounts entirely), so it stays pinned
- * to the viewport instead.
- */ const FixedButtonWrapper = styledComponents.styled(designSystem.Box)`
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  z-index: 1;
-  align-items: flex-end;
-  top: 9px;
-  right: 16px;
-`;
 const Banner = ({ isTrialEndedRecently, onDismiss })=>{
     const { formatMessage } = reactIntl.useIntl();
     return /*#__PURE__*/ jsxRuntime.jsx(DismissibleBanner.DismissibleBanner, {
@@ -113,15 +100,21 @@ const UpsellBanner = ()=>{
         return null;
     }
     if (isDismissed) {
-        return /*#__PURE__*/ jsxRuntime.jsx(FixedButtonWrapper, {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            justifyContent: "flex-end",
+            paddingTop: 1,
+            paddingBottom: 1,
+            paddingLeft: theme.RESPONSIVE_DEFAULT_SPACING,
+            paddingRight: theme.RESPONSIVE_DEFAULT_SPACING,
             children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                variant: "ghost",
                 withTooltip: false,
                 label: formatMessage({
                     id: 'app.components.UpsellBanner.reopen',
                     defaultMessage: 'Reopen banner'
                 }),
                 onClick: handleReopen,
-                children: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowsOut, {})
+                children: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronUp, {})
             })
         });
     }

package/dist/admin/admin/src/components/UpsellBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpsellBanner.js","sources":["../../../../../admin/src/components/UpsellBanner.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';\nimport { Box, IconButton, LinkButton, Typography } from '@strapi/design-system';\nimport { ArrowsOut } from '@strapi/icons';\nimport { isAfter, isValid, subDays } from 'date-fns';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useGetLicenseTrialTimeLeftQuery } from '../../src/services/admin';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nimport { DismissibleBanner } from './DismissibleBanner';\n\n/**\n * Unlike `DismissibleBanner`'s own close button, this has no banner box left to\n * anchor to once dismissed (the banner unmounts entirely), so it stays pinned\n * to the viewport instead.\n */\nconst FixedButtonWrapper = styled(Box)`\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  align-items: flex-end;\n  top: 9px;\n  right: 16px;\n`;\n\nconst Banner = ({\n  isTrialEndedRecently,\n  onDismiss,\n}: {\n  isTrialEndedRecently: boolean;\n  onDismiss: () => void;\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <DismissibleBanner\n      onDismiss={onDismiss}\n      closeLabel={formatMessage({\n        id: 'app.components.UpsellBanner.close',\n        defaultMessage: 'Close',\n      })}\n      message={\n        <>\n          <Typography\n            variant=\"delta\"\n            fontWeight=\"bold\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.intro.ended',\n                    defaultMessage: 'Your trial has ended: ',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.intro',\n                    defaultMessage: 'Access to Growth plan features: ',\n                  }\n            )}\n          </Typography>\n          <Typography\n            variant=\"delta\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            paddingRight={4}\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.text.ended',\n                    defaultMessage: 'Keep access to Growth features by upgrading now.',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.text',\n                    defaultMessage:\n                      'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).',\n                  }\n            )}\n          </Typography>\n        </>\n      }\n      action={\n        <LinkButton\n          width=\"max-content\"\n          variant=\"tertiary\"\n          href=\"https://billing.strapi.io\"\n          target=\"_blank\"\n        >\n          {formatMessage(\n            isTrialEndedRecently\n              ? {\n                  id: 'app.components.UpsellBanner.button.ended',\n                  defaultMessage: 'Keep Growth plan',\n                }\n              : {\n                  id: 'app.components.UpsellBanner.button',\n                  defaultMessage: 'Upgrade now',\n                }\n          )}\n        </LinkButton>\n      }\n    />\n  );\n};\n\nconst UpsellBanner = () => {\n  const { license } = useLicenseLimits();\n  const { formatMessage } = useIntl();\n\n  const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState<string | undefined>(\n    'STRAPI_FREE_TRIAL_ENDS_AT',\n    undefined\n  );\n\n  const [dismissedFor, setDismissedFor] = useScopedPersistentState<string | undefined>(\n    'STRAPI_UPSELL_BANNER_DISMISSED_FOR',\n    undefined\n  );\n\n  const sevenDaysAgo = subDays(new Date(), 7);\n\n  const timeLeftData = useGetLicenseTrialTimeLeftQuery(undefined, {\n    skip: !license?.isTrial,\n  });\n\n  useEffect(() => {\n    if (timeLeftData.data?.trialEndsAt) {\n      setCachedTrialEndsAt(timeLeftData.data.trialEndsAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [timeLeftData.data?.trialEndsAt]);\n\n  // When the license is not a trial + not EE, and the cached trial end date is found in the localstorage, that means the trial has ended\n  // We show the banner to encourage the user to upgrade (for 7 days after the trial ends)\n  const isTrialEndedRecently = Boolean(\n    !license?.isTrial &&\n      !window.strapi.isEE &&\n      cachedTrialEndsAt &&\n      isAfter(new Date(cachedTrialEndsAt), sevenDaysAgo)\n  );\n\n  const trialEndsAt = timeLeftData.data?.trialEndsAt ?? cachedTrialEndsAt;\n\n  const toCanonicalISO = (v: string | undefined): string | undefined => {\n    if (!v) return undefined;\n    const date = new Date(v);\n    return isValid(date) ? date.toISOString() : undefined;\n  };\n\n  const isDismissed = Boolean(\n    trialEndsAt && toCanonicalISO(dismissedFor) === toCanonicalISO(trialEndsAt)\n  );\n\n  const handleDismiss = () => setDismissedFor(toCanonicalISO(trialEndsAt));\n  const handleReopen = () => setDismissedFor(undefined);\n\n  if (!(timeLeftData.data?.trialEndsAt || isTrialEndedRecently)) {\n    return null;\n  }\n\n  if (isDismissed) {\n    return (\n      <FixedButtonWrapper>\n        <IconButton\n          withTooltip={false}\n          label={formatMessage({\n            id: 'app.components.UpsellBanner.reopen',\n            defaultMessage: 'Reopen banner',\n          })}\n          onClick={handleReopen}\n        >\n          <ArrowsOut />\n        </IconButton>\n      </FixedButtonWrapper>\n    );\n  }\n\n  return <Banner isTrialEndedRecently={isTrialEndedRecently} onDismiss={handleDismiss} />;\n};\n\nexport { UpsellBanner };\n"],"names":["FixedButtonWrapper","styled","Box","Banner","isTrialEndedRecently","onDismiss","formatMessage","useIntl","_jsx","DismissibleBanner","closeLabel","id","defaultMessage","message","_jsxs","_Fragment","Typography","variant","fontWeight","textColor","textAlign","fontSize","paddingRight","action","LinkButton","width","href","target","UpsellBanner","license","useLicenseLimits","cachedTrialEndsAt","setCachedTrialEndsAt","useScopedPersistentState","undefined","dismissedFor","setDismissedFor","sevenDaysAgo","subDays","Date","timeLeftData","useGetLicenseTrialTimeLeftQuery","skip","isTrial","useEffect","data","trialEndsAt","Boolean","window","strapi","isEE","isAfter","toCanonicalISO","v","date","isValid","toISOString","isDismissed","handleDismiss","handleReopen","IconButton","withTooltip","label","onClick","ArrowsOut"],"mappings":"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"}
+{"version":3,"file":"UpsellBanner.js","sources":["../../../../../admin/src/components/UpsellBanner.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';\nimport { Flex, IconButton, LinkButton, Typography } from '@strapi/design-system';\nimport { ChevronUp } from '@strapi/icons';\nimport { isAfter, isValid, subDays } from 'date-fns';\nimport { useIntl } from 'react-intl';\n\nimport { useGetLicenseTrialTimeLeftQuery } from '../../src/services/admin';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nimport { DismissibleBanner } from './DismissibleBanner';\n\nconst Banner = ({\n  isTrialEndedRecently,\n  onDismiss,\n}: {\n  isTrialEndedRecently: boolean;\n  onDismiss: () => void;\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <DismissibleBanner\n      onDismiss={onDismiss}\n      closeLabel={formatMessage({\n        id: 'app.components.UpsellBanner.close',\n        defaultMessage: 'Close',\n      })}\n      message={\n        <>\n          <Typography\n            variant=\"delta\"\n            fontWeight=\"bold\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.intro.ended',\n                    defaultMessage: 'Your trial has ended: ',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.intro',\n                    defaultMessage: 'Access to Growth plan features: ',\n                  }\n            )}\n          </Typography>\n          <Typography\n            variant=\"delta\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            paddingRight={4}\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.text.ended',\n                    defaultMessage: 'Keep access to Growth features by upgrading now.',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.text',\n                    defaultMessage:\n                      'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).',\n                  }\n            )}\n          </Typography>\n        </>\n      }\n      action={\n        <LinkButton\n          width=\"max-content\"\n          variant=\"tertiary\"\n          href=\"https://billing.strapi.io\"\n          target=\"_blank\"\n        >\n          {formatMessage(\n            isTrialEndedRecently\n              ? {\n                  id: 'app.components.UpsellBanner.button.ended',\n                  defaultMessage: 'Keep Growth plan',\n                }\n              : {\n                  id: 'app.components.UpsellBanner.button',\n                  defaultMessage: 'Upgrade now',\n                }\n          )}\n        </LinkButton>\n      }\n    />\n  );\n};\n\nconst UpsellBanner = () => {\n  const { license } = useLicenseLimits();\n  const { formatMessage } = useIntl();\n\n  const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState<string | undefined>(\n    'STRAPI_FREE_TRIAL_ENDS_AT',\n    undefined\n  );\n\n  const [dismissedFor, setDismissedFor] = useScopedPersistentState<string | undefined>(\n    'STRAPI_UPSELL_BANNER_DISMISSED_FOR',\n    undefined\n  );\n\n  const sevenDaysAgo = subDays(new Date(), 7);\n\n  const timeLeftData = useGetLicenseTrialTimeLeftQuery(undefined, {\n    skip: !license?.isTrial,\n  });\n\n  useEffect(() => {\n    if (timeLeftData.data?.trialEndsAt) {\n      setCachedTrialEndsAt(timeLeftData.data.trialEndsAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [timeLeftData.data?.trialEndsAt]);\n\n  // When the license is not a trial + not EE, and the cached trial end date is found in the localstorage, that means the trial has ended\n  // We show the banner to encourage the user to upgrade (for 7 days after the trial ends)\n  const isTrialEndedRecently = Boolean(\n    !license?.isTrial &&\n      !window.strapi.isEE &&\n      cachedTrialEndsAt &&\n      isAfter(new Date(cachedTrialEndsAt), sevenDaysAgo)\n  );\n\n  const trialEndsAt = timeLeftData.data?.trialEndsAt ?? cachedTrialEndsAt;\n\n  const toCanonicalISO = (v: string | undefined): string | undefined => {\n    if (!v) return undefined;\n    const date = new Date(v);\n    return isValid(date) ? date.toISOString() : undefined;\n  };\n\n  const isDismissed = Boolean(\n    trialEndsAt && toCanonicalISO(dismissedFor) === toCanonicalISO(trialEndsAt)\n  );\n\n  const handleDismiss = () => setDismissedFor(toCanonicalISO(trialEndsAt));\n  const handleReopen = () => setDismissedFor(undefined);\n\n  if (!(timeLeftData.data?.trialEndsAt || isTrialEndedRecently)) {\n    return null;\n  }\n\n  if (isDismissed) {\n    return (\n      <Flex\n        justifyContent=\"flex-end\"\n        paddingTop={1}\n        paddingBottom={1}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      >\n        <IconButton\n          variant=\"ghost\"\n          withTooltip={false}\n          label={formatMessage({\n            id: 'app.components.UpsellBanner.reopen',\n            defaultMessage: 'Reopen banner',\n          })}\n          onClick={handleReopen}\n        >\n          <ChevronUp />\n        </IconButton>\n      </Flex>\n    );\n  }\n\n  return <Banner isTrialEndedRecently={isTrialEndedRecently} onDismiss={handleDismiss} />;\n};\n\nexport { UpsellBanner };\n"],"names":["Banner","isTrialEndedRecently","onDismiss","formatMessage","useIntl","_jsx","DismissibleBanner","closeLabel","id","defaultMessage","message","_jsxs","_Fragment","Typography","variant","fontWeight","textColor","textAlign","fontSize","paddingRight","action","LinkButton","width","href","target","UpsellBanner","license","useLicenseLimits","cachedTrialEndsAt","setCachedTrialEndsAt","useScopedPersistentState","undefined","dismissedFor","setDismissedFor","sevenDaysAgo","subDays","Date","timeLeftData","useGetLicenseTrialTimeLeftQuery","skip","isTrial","useEffect","data","trialEndsAt","Boolean","window","strapi","isEE","isAfter","toCanonicalISO","v","date","isValid","toISOString","isDismissed","handleDismiss","handleReopen","Flex","justifyContent","paddingTop","paddingBottom","paddingLeft","RESPONSIVE_DEFAULT_SPACING","IconButton","withTooltip","label","onClick","ChevronUp"],"mappings":";;;;;;;;;;;;;;AAcA,MAAMA,SAAS,CAAC,EACdC,oBAAoB,EACpBC,SAAS,EAIV,GAAA;IACC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAAA,CAACC,mCAAAA,EAAAA;QACCJ,SAAAA,EAAWA,SAAAA;AACXK,QAAAA,UAAAA,EAAYJ,aAAAA,CAAc;YACxBK,EAAAA,EAAI,mCAAA;YACJC,cAAAA,EAAgB;AAClB,SAAA,CAAA;QACAC,OAAAA,gBACEC,eAAA,CAAAC,mBAAA,EAAA;;8BACEP,cAAA,CAACQ,uBAAAA,EAAAA;oBACCC,OAAAA,EAAQ,OAAA;oBACRC,UAAAA,EAAW,MAAA;oBACXC,SAAAA,EAAU,UAAA;oBACVC,SAAAA,EAAU,QAAA;oBACVC,QAAAA,EAAU,CAAA;AAETf,oBAAAA,QAAAA,EAAAA,aAAAA,CACCF,oBAAAA,GACI;wBACEO,EAAAA,EAAI,yCAAA;wBACJC,cAAAA,EAAgB;qBAClB,GACA;wBACED,EAAAA,EAAI,mCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA;;8BAGRJ,cAAA,CAACQ,uBAAAA,EAAAA;oBACCC,OAAAA,EAAQ,OAAA;oBACRE,SAAAA,EAAU,UAAA;oBACVC,SAAAA,EAAU,QAAA;oBACVE,YAAAA,EAAc,CAAA;oBACdD,QAAAA,EAAU,CAAA;AAETf,oBAAAA,QAAAA,EAAAA,aAAAA,CACCF,oBAAAA,GACI;wBACEO,EAAAA,EAAI,wCAAA;wBACJC,cAAAA,EAAgB;qBAClB,GACA;wBACED,EAAAA,EAAI,kCAAA;wBACJC,cAAAA,EACE;AACJ,qBAAA;;;;AAKZW,QAAAA,MAAAA,gBACEf,cAAA,CAACgB,uBAAAA,EAAAA;YACCC,KAAAA,EAAM,aAAA;YACNR,OAAAA,EAAQ,UAAA;YACRS,IAAAA,EAAK,2BAAA;YACLC,MAAAA,EAAO,QAAA;AAENrB,YAAAA,QAAAA,EAAAA,aAAAA,CACCF,oBAAAA,GACI;gBACEO,EAAAA,EAAI,0CAAA;gBACJC,cAAAA,EAAgB;aAClB,GACA;gBACED,EAAAA,EAAI,oCAAA;gBACJC,cAAAA,EAAgB;AAClB,aAAA;;;AAMhB,CAAA;AAEA,MAAMgB,YAAAA,GAAe,IAAA;IACnB,MAAM,EAAEC,OAAO,EAAE,GAAGC,mBAAAA,EAAAA;IACpB,MAAM,EAAExB,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAM,CAACwB,iBAAAA,EAAmBC,oBAAAA,CAAqB,GAAGC,4CAChD,2BAAA,EACAC,SAAAA,CAAAA;AAGF,IAAA,MAAM,CAACC,YAAAA,EAAcC,eAAAA,CAAgB,GAAGH,4CACtC,oCAAA,EACAC,SAAAA,CAAAA;IAGF,MAAMG,YAAAA,GAAeC,eAAAA,CAAQ,IAAIC,IAAAA,EAAAA,EAAQ,CAAA,CAAA;IAEzC,MAAMC,YAAAA,GAAeC,sCAAgCP,SAAAA,EAAW;AAC9DQ,QAAAA,IAAAA,EAAM,CAACb,OAAAA,EAASc;AAClB,KAAA,CAAA;IAEAC,eAAAA,CAAU,IAAA;QACR,IAAIJ,YAAAA,CAAaK,IAAI,EAAEC,WAAAA,EAAa;YAClCd,oBAAAA,CAAqBQ,YAAAA,CAAaK,IAAI,CAACC,WAAW,CAAA;AACpD,QAAA;;IAEF,CAAA,EAAG;AAACN,QAAAA,YAAAA,CAAaK,IAAI,EAAEC;AAAY,KAAA,CAAA;;;AAInC,IAAA,MAAM1C,oBAAAA,GAAuB2C,OAAAA,CAC3B,CAAClB,OAAAA,EAASc,WACR,CAACK,MAAAA,CAAOC,MAAM,CAACC,IAAI,IACnBnB,iBAAAA,IACAoB,eAAAA,CAAQ,IAAIZ,KAAKR,iBAAAA,CAAAA,EAAoBM,YAAAA,CAAAA,CAAAA;AAGzC,IAAA,MAAMS,WAAAA,GAAcN,YAAAA,CAAaK,IAAI,EAAEC,WAAAA,IAAef,iBAAAA;AAEtD,IAAA,MAAMqB,iBAAiB,CAACC,CAAAA,GAAAA;QACtB,IAAI,CAACA,GAAG,OAAOnB,SAAAA;QACf,MAAMoB,IAAAA,GAAO,IAAIf,IAAAA,CAAKc,CAAAA,CAAAA;AACtB,QAAA,OAAOE,eAAAA,CAAQD,IAAAA,CAAAA,GAAQA,IAAAA,CAAKE,WAAW,EAAA,GAAKtB,SAAAA;AAC9C,IAAA,CAAA;AAEA,IAAA,MAAMuB,WAAAA,GAAcV,OAAAA,CAClBD,WAAAA,IAAeM,cAAAA,CAAejB,kBAAkBiB,cAAAA,CAAeN,WAAAA,CAAAA,CAAAA;IAGjE,MAAMY,aAAAA,GAAgB,IAAMtB,eAAAA,CAAgBgB,cAAAA,CAAeN,WAAAA,CAAAA,CAAAA;IAC3D,MAAMa,YAAAA,GAAe,IAAMvB,eAAAA,CAAgBF,SAAAA,CAAAA;AAE3C,IAAA,IAAI,EAAEM,YAAAA,CAAaK,IAAI,EAAEC,WAAAA,IAAe1C,oBAAmB,CAAA,EAAI;QAC7D,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAIqD,WAAAA,EAAa;AACf,QAAA,qBACEjD,cAAA,CAACoD,iBAAAA,EAAAA;YACCC,cAAAA,EAAe,UAAA;YACfC,UAAAA,EAAY,CAAA;YACZC,aAAAA,EAAe,CAAA;YACfC,WAAAA,EAAaC,gCAAAA;YACb3C,YAAAA,EAAc2C,gCAAAA;AAEd,YAAA,QAAA,gBAAAzD,cAAA,CAAC0D,uBAAAA,EAAAA;gBACCjD,OAAAA,EAAQ,OAAA;gBACRkD,WAAAA,EAAa,KAAA;AACbC,gBAAAA,KAAAA,EAAO9D,aAAAA,CAAc;oBACnBK,EAAAA,EAAI,oCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAyD,OAAAA,EAASV,YAAAA;AAET,gBAAA,QAAA,gBAAAnD,cAAA,CAAC8D,eAAAA,EAAAA,EAAAA;;;AAIT,IAAA;AAEA,IAAA,qBAAO9D,cAAA,CAACL,MAAAA,EAAAA;QAAOC,oBAAAA,EAAsBA,oBAAAA;QAAsBC,SAAAA,EAAWqD;;AACxE;;;;"}

package/dist/admin/admin/src/components/UpsellBanner.mjs

@@ -1,28 +1,15 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';
-import { IconButton, Box, LinkButton, Typography } from '@strapi/design-system';
-import { ArrowsOut } from '@strapi/icons';
+import { Flex, IconButton, LinkButton, Typography } from '@strapi/design-system';
+import { ChevronUp } from '@strapi/icons';
 import { subDays, isAfter, isValid } from 'date-fns';
 import { useIntl } from 'react-intl';
-import { styled } from 'styled-components';
 import { useGetLicenseTrialTimeLeftQuery } from '../services/admin.mjs';
+import { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme.mjs';
 import { useScopedPersistentState } from '../hooks/usePersistentState.mjs';
 import { DismissibleBanner } from './DismissibleBanner.mjs';
 
-/**
- * Unlike `DismissibleBanner`'s own close button, this has no banner box left to
- * anchor to once dismissed (the banner unmounts entirely), so it stays pinned
- * to the viewport instead.
- */ const FixedButtonWrapper = styled(Box)`
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  z-index: 1;
-  align-items: flex-end;
-  top: 9px;
-  right: 16px;
-`;
 const Banner = ({ isTrialEndedRecently, onDismiss })=>{
     const { formatMessage } = useIntl();
     return /*#__PURE__*/ jsx(DismissibleBanner, {
@@ -111,15 +98,21 @@ const UpsellBanner = ()=>{
         return null;
     }
     if (isDismissed) {
-        return /*#__PURE__*/ jsx(FixedButtonWrapper, {
+        return /*#__PURE__*/ jsx(Flex, {
+            justifyContent: "flex-end",
+            paddingTop: 1,
+            paddingBottom: 1,
+            paddingLeft: RESPONSIVE_DEFAULT_SPACING,
+            paddingRight: RESPONSIVE_DEFAULT_SPACING,
             children: /*#__PURE__*/ jsx(IconButton, {
+                variant: "ghost",
                 withTooltip: false,
                 label: formatMessage({
                     id: 'app.components.UpsellBanner.reopen',
                     defaultMessage: 'Reopen banner'
                 }),
                 onClick: handleReopen,
-                children: /*#__PURE__*/ jsx(ArrowsOut, {})
+                children: /*#__PURE__*/ jsx(ChevronUp, {})
             })
         });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"UpsellBanner.mjs","sources":["../../../../../admin/src/components/UpsellBanner.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';\nimport { Box, IconButton, LinkButton, Typography } from '@strapi/design-system';\nimport { ArrowsOut } from '@strapi/icons';\nimport { isAfter, isValid, subDays } from 'date-fns';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useGetLicenseTrialTimeLeftQuery } from '../../src/services/admin';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nimport { DismissibleBanner } from './DismissibleBanner';\n\n/**\n * Unlike `DismissibleBanner`'s own close button, this has no banner box left to\n * anchor to once dismissed (the banner unmounts entirely), so it stays pinned\n * to the viewport instead.\n */\nconst FixedButtonWrapper = styled(Box)`\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  align-items: flex-end;\n  top: 9px;\n  right: 16px;\n`;\n\nconst Banner = ({\n  isTrialEndedRecently,\n  onDismiss,\n}: {\n  isTrialEndedRecently: boolean;\n  onDismiss: () => void;\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <DismissibleBanner\n      onDismiss={onDismiss}\n      closeLabel={formatMessage({\n        id: 'app.components.UpsellBanner.close',\n        defaultMessage: 'Close',\n      })}\n      message={\n        <>\n          <Typography\n            variant=\"delta\"\n            fontWeight=\"bold\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.intro.ended',\n                    defaultMessage: 'Your trial has ended: ',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.intro',\n                    defaultMessage: 'Access to Growth plan features: ',\n                  }\n            )}\n          </Typography>\n          <Typography\n            variant=\"delta\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            paddingRight={4}\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.text.ended',\n                    defaultMessage: 'Keep access to Growth features by upgrading now.',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.text',\n                    defaultMessage:\n                      'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).',\n                  }\n            )}\n          </Typography>\n        </>\n      }\n      action={\n        <LinkButton\n          width=\"max-content\"\n          variant=\"tertiary\"\n          href=\"https://billing.strapi.io\"\n          target=\"_blank\"\n        >\n          {formatMessage(\n            isTrialEndedRecently\n              ? {\n                  id: 'app.components.UpsellBanner.button.ended',\n                  defaultMessage: 'Keep Growth plan',\n                }\n              : {\n                  id: 'app.components.UpsellBanner.button',\n                  defaultMessage: 'Upgrade now',\n                }\n          )}\n        </LinkButton>\n      }\n    />\n  );\n};\n\nconst UpsellBanner = () => {\n  const { license } = useLicenseLimits();\n  const { formatMessage } = useIntl();\n\n  const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState<string | undefined>(\n    'STRAPI_FREE_TRIAL_ENDS_AT',\n    undefined\n  );\n\n  const [dismissedFor, setDismissedFor] = useScopedPersistentState<string | undefined>(\n    'STRAPI_UPSELL_BANNER_DISMISSED_FOR',\n    undefined\n  );\n\n  const sevenDaysAgo = subDays(new Date(), 7);\n\n  const timeLeftData = useGetLicenseTrialTimeLeftQuery(undefined, {\n    skip: !license?.isTrial,\n  });\n\n  useEffect(() => {\n    if (timeLeftData.data?.trialEndsAt) {\n      setCachedTrialEndsAt(timeLeftData.data.trialEndsAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [timeLeftData.data?.trialEndsAt]);\n\n  // When the license is not a trial + not EE, and the cached trial end date is found in the localstorage, that means the trial has ended\n  // We show the banner to encourage the user to upgrade (for 7 days after the trial ends)\n  const isTrialEndedRecently = Boolean(\n    !license?.isTrial &&\n      !window.strapi.isEE &&\n      cachedTrialEndsAt &&\n      isAfter(new Date(cachedTrialEndsAt), sevenDaysAgo)\n  );\n\n  const trialEndsAt = timeLeftData.data?.trialEndsAt ?? cachedTrialEndsAt;\n\n  const toCanonicalISO = (v: string | undefined): string | undefined => {\n    if (!v) return undefined;\n    const date = new Date(v);\n    return isValid(date) ? date.toISOString() : undefined;\n  };\n\n  const isDismissed = Boolean(\n    trialEndsAt && toCanonicalISO(dismissedFor) === toCanonicalISO(trialEndsAt)\n  );\n\n  const handleDismiss = () => setDismissedFor(toCanonicalISO(trialEndsAt));\n  const handleReopen = () => setDismissedFor(undefined);\n\n  if (!(timeLeftData.data?.trialEndsAt || isTrialEndedRecently)) {\n    return null;\n  }\n\n  if (isDismissed) {\n    return (\n      <FixedButtonWrapper>\n        <IconButton\n          withTooltip={false}\n          label={formatMessage({\n            id: 'app.components.UpsellBanner.reopen',\n            defaultMessage: 'Reopen banner',\n          })}\n          onClick={handleReopen}\n        >\n          <ArrowsOut />\n        </IconButton>\n      </FixedButtonWrapper>\n    );\n  }\n\n  return <Banner isTrialEndedRecently={isTrialEndedRecently} onDismiss={handleDismiss} />;\n};\n\nexport { UpsellBanner };\n"],"names":["FixedButtonWrapper","styled","Box","Banner","isTrialEndedRecently","onDismiss","formatMessage","useIntl","_jsx","DismissibleBanner","closeLabel","id","defaultMessage","message","_jsxs","_Fragment","Typography","variant","fontWeight","textColor","textAlign","fontSize","paddingRight","action","LinkButton","width","href","target","UpsellBanner","license","useLicenseLimits","cachedTrialEndsAt","setCachedTrialEndsAt","useScopedPersistentState","undefined","dismissedFor","setDismissedFor","sevenDaysAgo","subDays","Date","timeLeftData","useGetLicenseTrialTimeLeftQuery","skip","isTrial","useEffect","data","trialEndsAt","Boolean","window","strapi","isEE","isAfter","toCanonicalISO","v","date","isValid","toISOString","isDismissed","handleDismiss","handleReopen","IconButton","withTooltip","label","onClick","ArrowsOut"],"mappings":"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"}
+{"version":3,"file":"UpsellBanner.mjs","sources":["../../../../../admin/src/components/UpsellBanner.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';\nimport { Flex, IconButton, LinkButton, Typography } from '@strapi/design-system';\nimport { ChevronUp } from '@strapi/icons';\nimport { isAfter, isValid, subDays } from 'date-fns';\nimport { useIntl } from 'react-intl';\n\nimport { useGetLicenseTrialTimeLeftQuery } from '../../src/services/admin';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nimport { DismissibleBanner } from './DismissibleBanner';\n\nconst Banner = ({\n  isTrialEndedRecently,\n  onDismiss,\n}: {\n  isTrialEndedRecently: boolean;\n  onDismiss: () => void;\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <DismissibleBanner\n      onDismiss={onDismiss}\n      closeLabel={formatMessage({\n        id: 'app.components.UpsellBanner.close',\n        defaultMessage: 'Close',\n      })}\n      message={\n        <>\n          <Typography\n            variant=\"delta\"\n            fontWeight=\"bold\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.intro.ended',\n                    defaultMessage: 'Your trial has ended: ',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.intro',\n                    defaultMessage: 'Access to Growth plan features: ',\n                  }\n            )}\n          </Typography>\n          <Typography\n            variant=\"delta\"\n            textColor=\"neutral0\"\n            textAlign=\"center\"\n            paddingRight={4}\n            fontSize={2}\n          >\n            {formatMessage(\n              isTrialEndedRecently\n                ? {\n                    id: 'app.components.UpsellBanner.text.ended',\n                    defaultMessage: 'Keep access to Growth features by upgrading now.',\n                  }\n                : {\n                    id: 'app.components.UpsellBanner.text',\n                    defaultMessage:\n                      'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).',\n                  }\n            )}\n          </Typography>\n        </>\n      }\n      action={\n        <LinkButton\n          width=\"max-content\"\n          variant=\"tertiary\"\n          href=\"https://billing.strapi.io\"\n          target=\"_blank\"\n        >\n          {formatMessage(\n            isTrialEndedRecently\n              ? {\n                  id: 'app.components.UpsellBanner.button.ended',\n                  defaultMessage: 'Keep Growth plan',\n                }\n              : {\n                  id: 'app.components.UpsellBanner.button',\n                  defaultMessage: 'Upgrade now',\n                }\n          )}\n        </LinkButton>\n      }\n    />\n  );\n};\n\nconst UpsellBanner = () => {\n  const { license } = useLicenseLimits();\n  const { formatMessage } = useIntl();\n\n  const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState<string | undefined>(\n    'STRAPI_FREE_TRIAL_ENDS_AT',\n    undefined\n  );\n\n  const [dismissedFor, setDismissedFor] = useScopedPersistentState<string | undefined>(\n    'STRAPI_UPSELL_BANNER_DISMISSED_FOR',\n    undefined\n  );\n\n  const sevenDaysAgo = subDays(new Date(), 7);\n\n  const timeLeftData = useGetLicenseTrialTimeLeftQuery(undefined, {\n    skip: !license?.isTrial,\n  });\n\n  useEffect(() => {\n    if (timeLeftData.data?.trialEndsAt) {\n      setCachedTrialEndsAt(timeLeftData.data.trialEndsAt);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [timeLeftData.data?.trialEndsAt]);\n\n  // When the license is not a trial + not EE, and the cached trial end date is found in the localstorage, that means the trial has ended\n  // We show the banner to encourage the user to upgrade (for 7 days after the trial ends)\n  const isTrialEndedRecently = Boolean(\n    !license?.isTrial &&\n      !window.strapi.isEE &&\n      cachedTrialEndsAt &&\n      isAfter(new Date(cachedTrialEndsAt), sevenDaysAgo)\n  );\n\n  const trialEndsAt = timeLeftData.data?.trialEndsAt ?? cachedTrialEndsAt;\n\n  const toCanonicalISO = (v: string | undefined): string | undefined => {\n    if (!v) return undefined;\n    const date = new Date(v);\n    return isValid(date) ? date.toISOString() : undefined;\n  };\n\n  const isDismissed = Boolean(\n    trialEndsAt && toCanonicalISO(dismissedFor) === toCanonicalISO(trialEndsAt)\n  );\n\n  const handleDismiss = () => setDismissedFor(toCanonicalISO(trialEndsAt));\n  const handleReopen = () => setDismissedFor(undefined);\n\n  if (!(timeLeftData.data?.trialEndsAt || isTrialEndedRecently)) {\n    return null;\n  }\n\n  if (isDismissed) {\n    return (\n      <Flex\n        justifyContent=\"flex-end\"\n        paddingTop={1}\n        paddingBottom={1}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n      >\n        <IconButton\n          variant=\"ghost\"\n          withTooltip={false}\n          label={formatMessage({\n            id: 'app.components.UpsellBanner.reopen',\n            defaultMessage: 'Reopen banner',\n          })}\n          onClick={handleReopen}\n        >\n          <ChevronUp />\n        </IconButton>\n      </Flex>\n    );\n  }\n\n  return <Banner isTrialEndedRecently={isTrialEndedRecently} onDismiss={handleDismiss} />;\n};\n\nexport { UpsellBanner };\n"],"names":["Banner","isTrialEndedRecently","onDismiss","formatMessage","useIntl","_jsx","DismissibleBanner","closeLabel","id","defaultMessage","message","_jsxs","_Fragment","Typography","variant","fontWeight","textColor","textAlign","fontSize","paddingRight","action","LinkButton","width","href","target","UpsellBanner","license","useLicenseLimits","cachedTrialEndsAt","setCachedTrialEndsAt","useScopedPersistentState","undefined","dismissedFor","setDismissedFor","sevenDaysAgo","subDays","Date","timeLeftData","useGetLicenseTrialTimeLeftQuery","skip","isTrial","useEffect","data","trialEndsAt","Boolean","window","strapi","isEE","isAfter","toCanonicalISO","v","date","isValid","toISOString","isDismissed","handleDismiss","handleReopen","Flex","justifyContent","paddingTop","paddingBottom","paddingLeft","RESPONSIVE_DEFAULT_SPACING","IconButton","withTooltip","label","onClick","ChevronUp"],"mappings":"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"}

package/dist/admin/admin/src/render.js

@@ -2,80 +2,15 @@
 
 var client = require('react-dom/client');
 var StrapiApp = require('./StrapiApp.js');
-var getFetchClient = require('./utils/getFetchClient.js');
-var getProjectType = require('./utils/getProjectType.js');
-var urls = require('./utils/urls.js');
+var browserStrapi = require('./utils/browserStrapi.js');
 
 const renderAdmin = async (mountNode, { plugins, customisations, features })=>{
     if (!mountNode) {
         throw new Error('[@strapi/admin]: Could not find the root element to mount the admin app');
     }
-    window.strapi = {
-        /**
-     * This ENV variable is passed from the strapi instance, by default no url is set
-     * in the config and therefore the instance returns you an empty string so URLs are relative.
-     *
-     * To ensure that the backendURL is always set, we use the window.location.origin as a fallback.
-     */ backendURL: urls.createAbsoluteUrl(process.env.STRAPI_ADMIN_BACKEND_URL),
-        isEE: false,
-        isTrial: false,
-        telemetryDisabled: process.env.STRAPI_TELEMETRY_DISABLED === 'true',
-        future: {
-            isEnabled: (name)=>{
-                return features?.future?.[name] === true;
-            }
-        },
-        featureFlags: {
-            isEnabled: (name)=>{
-                return features?.[name] === true;
-            }
-        },
-        // eslint-disable-next-line
-        // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision. Cannot use @ts-expect-error because of build:code and build:types context collision.
-        features: {
-            SSO: 'sso',
-            AUDIT_LOGS: 'audit-logs',
-            REVIEW_WORKFLOWS: 'review-workflows',
-            /**
-       * If we don't get the license then we know it's not EE
-       * so no feature is enabled.
-       */ isEnabled: ()=>false
-        },
-        projectType: 'Community',
-        flags: {
-            nps: false,
-            promoteEE: true,
-            docLinks: true
-        },
-        // eslint-disable-next-line
-        // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.
-        ai: {
-            enabled: false
-        }
-    };
-    const { get } = getFetchClient.getFetchClient();
-    try {
-        const { data: { data: { isEE, isTrial, features, flags, ai, planPriceId } } } = await get('/admin/project-type');
-        window.strapi.isEE = isEE;
-        window.strapi.isTrialLicense = isTrial;
-        window.strapi.flags = flags;
-        window.strapi.features = {
-            ...window.strapi.features,
-            isEnabled: (featureName)=>features.some((feature)=>feature.name === featureName)
-        };
-        window.strapi.projectType = getProjectType.getProjectType({
-            isEE,
-            planPriceId
-        });
-        // eslint-disable-next-line
-        // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.
-        window.strapi.ai = ai;
-    } catch (err) {
-        /**
-     * If this fails, we simply don't activate any EE features.
-     * Should we warn clearer in the UI?
-     */ console.error(err);
-    }
+    const browserStrapi$1 = await browserStrapi.createBrowserStrapi(features);
+    // @ts-expect-error - conflicting global.Strapi with window.BrowserStrapi
+    window.strapi = browserStrapi$1;
     const app = new StrapiApp.StrapiApp({
         config: customisations?.config,
         appPlugins: plugins

package/dist/admin/admin/src/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["../../../../admin/src/render.ts"],"sourcesContent":["/* eslint-disable no-undef */\nimport { createRoot } from 'react-dom/client';\n\nimport { StrapiApp, StrapiAppConstructorArgs } from './StrapiApp';\nimport { getFetchClient } from './utils/getFetchClient';\nimport { getProjectType } from './utils/getProjectType';\nimport { createAbsoluteUrl } from './utils/urls';\n\nimport type { Modules } from '@strapi/types';\n\ninterface RenderAdminArgs {\n  customisations: {\n    register?: (app: StrapiApp) => Promise<void> | void;\n    bootstrap?: (app: StrapiApp) => Promise<void> | void;\n    config?: StrapiAppConstructorArgs['config'];\n  };\n  plugins: StrapiAppConstructorArgs['appPlugins'];\n  features?: Modules.Features.FeaturesService['config'];\n}\n\nconst renderAdmin = async (\n  mountNode: HTMLElement | null,\n  { plugins, customisations, features }: RenderAdminArgs\n) => {\n  if (!mountNode) {\n    throw new Error('[@strapi/admin]: Could not find the root element to mount the admin app');\n  }\n\n  window.strapi = {\n    /**\n     * This ENV variable is passed from the strapi instance, by default no url is set\n     * in the config and therefore the instance returns you an empty string so URLs are relative.\n     *\n     * To ensure that the backendURL is always set, we use the window.location.origin as a fallback.\n     */\n    backendURL: createAbsoluteUrl(process.env.STRAPI_ADMIN_BACKEND_URL),\n    isEE: false,\n    isTrial: false,\n    telemetryDisabled: process.env.STRAPI_TELEMETRY_DISABLED === 'true',\n    future: {\n      isEnabled: (name: keyof NonNullable<Modules.Features.FeaturesConfig['future']>) => {\n        return features?.future?.[name] === true;\n      },\n    },\n    featureFlags: {\n      isEnabled: (name: keyof Omit<Modules.Features.FeaturesConfig, 'future'>) => {\n        return features?.[name] === true;\n      },\n    },\n    // eslint-disable-next-line\n    // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision. Cannot use @ts-expect-error because of build:code and build:types context collision.\n    features: {\n      SSO: 'sso',\n      AUDIT_LOGS: 'audit-logs',\n      REVIEW_WORKFLOWS: 'review-workflows',\n      /**\n       * If we don't get the license then we know it's not EE\n       * so no feature is enabled.\n       */\n      isEnabled: () => false,\n    },\n    projectType: 'Community',\n    flags: {\n      nps: false,\n      promoteEE: true,\n      docLinks: true,\n    },\n    // eslint-disable-next-line\n    // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.\n    ai: {\n      enabled: false,\n    },\n  };\n\n  const { get } = getFetchClient();\n\n  interface ProjectType extends Pick<Window['strapi'], 'flags'> {\n    isEE: boolean;\n    isTrial: boolean;\n    /**\n     * The licensed plan price id, sent by the license registry (EE only).\n     * Used to distinguish the Growth plan from other Enterprise plans.\n     */\n    planPriceId?: string;\n    features: {\n      name: string;\n    }[];\n    ai: Window['strapi']['ai'];\n  }\n\n  try {\n    const {\n      data: {\n        data: { isEE, isTrial, features, flags, ai, planPriceId },\n      },\n    } = await get<{ data: ProjectType }>('/admin/project-type');\n\n    window.strapi.isEE = isEE;\n    window.strapi.isTrialLicense = isTrial;\n    window.strapi.flags = flags;\n    window.strapi.features = {\n      ...window.strapi.features,\n      isEnabled: (featureName: string | undefined) =>\n        features.some((feature) => feature.name === featureName),\n    };\n    window.strapi.projectType = getProjectType({ isEE, planPriceId });\n    // eslint-disable-next-line\n    // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.\n    window.strapi.ai = ai;\n  } catch (err) {\n    /**\n     * If this fails, we simply don't activate any EE features.\n     * Should we warn clearer in the UI?\n     */\n    console.error(err);\n  }\n\n  const app = new StrapiApp({\n    config: customisations?.config,\n    appPlugins: plugins,\n  });\n\n  await app.register(customisations?.register);\n  await app.bootstrap(customisations?.bootstrap);\n  await app.loadTrads(customisations?.config?.translations);\n\n  createRoot(mountNode).render(app.render());\n\n  if (\n    typeof module !== 'undefined' &&\n    module &&\n    'hot' in module &&\n    typeof module.hot === 'object' &&\n    module.hot !== null &&\n    'accept' in module.hot &&\n    typeof module.hot.accept === 'function'\n  ) {\n    module.hot.accept();\n  }\n\n  if (typeof import.meta.hot?.accept === 'function') {\n    import.meta.hot.accept();\n  }\n};\n\nexport { renderAdmin };\nexport type { RenderAdminArgs };\n"],"names":["renderAdmin","mountNode","plugins","customisations","features","Error","window","strapi","backendURL","createAbsoluteUrl","process","env","STRAPI_ADMIN_BACKEND_URL","isEE","isTrial","telemetryDisabled","STRAPI_TELEMETRY_DISABLED","future","isEnabled","name","featureFlags","SSO","AUDIT_LOGS","REVIEW_WORKFLOWS","projectType","flags","nps","promoteEE","docLinks","ai","enabled","get","getFetchClient","data","planPriceId","isTrialLicense","featureName","some","feature","getProjectType","err","console","error","app","StrapiApp","config","appPlugins","register","bootstrap","loadTrads","translations","createRoot","render","module","hot","accept"],"mappings":"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"}
+{"version":3,"file":"render.js","sources":["../../../../admin/src/render.ts"],"sourcesContent":["/* eslint-disable no-undef */\nimport { createRoot } from 'react-dom/client';\n\nimport { StrapiApp, StrapiAppConstructorArgs } from './StrapiApp';\nimport { createBrowserStrapi } from './utils/browserStrapi';\n\nimport type { Modules } from '@strapi/types';\n\ninterface RenderAdminArgs {\n  customisations: {\n    register?: (app: StrapiApp) => Promise<void> | void;\n    bootstrap?: (app: StrapiApp) => Promise<void> | void;\n    config?: StrapiAppConstructorArgs['config'];\n  };\n  plugins: StrapiAppConstructorArgs['appPlugins'];\n  features?: Modules.Features.FeaturesService['config'];\n}\n\nconst renderAdmin = async (\n  mountNode: HTMLElement | null,\n  { plugins, customisations, features }: RenderAdminArgs\n) => {\n  if (!mountNode) {\n    throw new Error('[@strapi/admin]: Could not find the root element to mount the admin app');\n  }\n\n  const browserStrapi = await createBrowserStrapi(features);\n\n  // @ts-expect-error - conflicting global.Strapi with window.BrowserStrapi\n  window.strapi = browserStrapi;\n\n  const app = new StrapiApp({\n    config: customisations?.config,\n    appPlugins: plugins,\n  });\n\n  await app.register(customisations?.register);\n  await app.bootstrap(customisations?.bootstrap);\n  await app.loadTrads(customisations?.config?.translations);\n\n  createRoot(mountNode).render(app.render());\n\n  if (\n    typeof module !== 'undefined' &&\n    module &&\n    'hot' in module &&\n    typeof module.hot === 'object' &&\n    module.hot !== null &&\n    'accept' in module.hot &&\n    typeof module.hot.accept === 'function'\n  ) {\n    module.hot.accept();\n  }\n\n  if (typeof import.meta.hot?.accept === 'function') {\n    import.meta.hot.accept();\n  }\n};\n\nexport { renderAdmin };\nexport type { RenderAdminArgs };\n"],"names":["renderAdmin","mountNode","plugins","customisations","features","Error","browserStrapi","createBrowserStrapi","window","strapi","app","StrapiApp","config","appPlugins","register","bootstrap","loadTrads","translations","createRoot","render","module","hot","accept"],"mappings":";;;;;;AAkBA,MAAMA,WAAAA,GAAc,OAClBC,SAAAA,EACA,EAAEC,OAAO,EAAEC,cAAc,EAAEC,QAAQ,EAAmB,GAAA;AAEtD,IAAA,IAAI,CAACH,SAAAA,EAAW;AACd,QAAA,MAAM,IAAII,KAAAA,CAAM,yEAAA,CAAA;AAClB,IAAA;IAEA,MAAMC,eAAAA,GAAgB,MAAMC,iCAAAA,CAAoBH,QAAAA,CAAAA;;AAGhDI,IAAAA,MAAAA,CAAOC,MAAM,GAAGH,eAAAA;IAEhB,MAAMI,GAAAA,GAAM,IAAIC,mBAAAA,CAAU;AACxBC,QAAAA,MAAAA,EAAQT,cAAAA,EAAgBS,MAAAA;QACxBC,UAAAA,EAAYX;AACd,KAAA,CAAA;IAEA,MAAMQ,GAAAA,CAAII,QAAQ,CAACX,cAAAA,EAAgBW,QAAAA,CAAAA;IACnC,MAAMJ,GAAAA,CAAIK,SAAS,CAACZ,cAAAA,EAAgBY,SAAAA,CAAAA;AACpC,IAAA,MAAML,GAAAA,CAAIM,SAAS,CAACb,cAAAA,EAAgBS,MAAAA,EAAQK,YAAAA,CAAAA;AAE5CC,IAAAA,iBAAAA,CAAWjB,SAAAA,CAAAA,CAAWkB,MAAM,CAACT,GAAAA,CAAIS,MAAM,EAAA,CAAA;IAEvC,IACE,OAAOC,MAAAA,KAAW,WAAA,IAClBA,MAAAA,IACA,KAAA,IAASA,UACT,OAAOA,MAAAA,CAAOC,GAAG,KAAK,QAAA,IACtBD,MAAAA,CAAOC,GAAG,KAAK,IAAA,IACf,QAAA,IAAYD,MAAAA,CAAOC,GAAG,IACtB,OAAOD,MAAAA,CAAOC,GAAG,CAACC,MAAM,KAAK,UAAA,EAC7B;QACAF,MAAAA,CAAOC,GAAG,CAACC,MAAM,EAAA;AACnB,IAAA;AAEA,IAAA,IAAI,OAAO,SAAe,EAAEA,WAAW,UAAA,EAAY;QACjD,SAAe,CAACA,MAAM,EAAA;AACxB,IAAA;AACF;;;;"}

package/dist/admin/admin/src/render.mjs

@@ -1,79 +1,14 @@
 import { createRoot } from 'react-dom/client';
 import { StrapiApp } from './StrapiApp.mjs';
-import { getFetchClient } from './utils/getFetchClient.mjs';
-import { getProjectType } from './utils/getProjectType.mjs';
-import { createAbsoluteUrl } from './utils/urls.mjs';
+import { createBrowserStrapi } from './utils/browserStrapi.mjs';
 
 const renderAdmin = async (mountNode, { plugins, customisations, features })=>{
     if (!mountNode) {
         throw new Error('[@strapi/admin]: Could not find the root element to mount the admin app');
     }
-    window.strapi = {
-        /**
-     * This ENV variable is passed from the strapi instance, by default no url is set
-     * in the config and therefore the instance returns you an empty string so URLs are relative.
-     *
-     * To ensure that the backendURL is always set, we use the window.location.origin as a fallback.
-     */ backendURL: createAbsoluteUrl(process.env.STRAPI_ADMIN_BACKEND_URL),
-        isEE: false,
-        isTrial: false,
-        telemetryDisabled: process.env.STRAPI_TELEMETRY_DISABLED === 'true',
-        future: {
-            isEnabled: (name)=>{
-                return features?.future?.[name] === true;
-            }
-        },
-        featureFlags: {
-            isEnabled: (name)=>{
-                return features?.[name] === true;
-            }
-        },
-        // eslint-disable-next-line
-        // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision. Cannot use @ts-expect-error because of build:code and build:types context collision.
-        features: {
-            SSO: 'sso',
-            AUDIT_LOGS: 'audit-logs',
-            REVIEW_WORKFLOWS: 'review-workflows',
-            /**
-       * If we don't get the license then we know it's not EE
-       * so no feature is enabled.
-       */ isEnabled: ()=>false
-        },
-        projectType: 'Community',
-        flags: {
-            nps: false,
-            promoteEE: true,
-            docLinks: true
-        },
-        // eslint-disable-next-line
-        // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.
-        ai: {
-            enabled: false
-        }
-    };
-    const { get } = getFetchClient();
-    try {
-        const { data: { data: { isEE, isTrial, features, flags, ai, planPriceId } } } = await get('/admin/project-type');
-        window.strapi.isEE = isEE;
-        window.strapi.isTrialLicense = isTrial;
-        window.strapi.flags = flags;
-        window.strapi.features = {
-            ...window.strapi.features,
-            isEnabled: (featureName)=>features.some((feature)=>feature.name === featureName)
-        };
-        window.strapi.projectType = getProjectType({
-            isEE,
-            planPriceId
-        });
-        // eslint-disable-next-line
-        // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.
-        window.strapi.ai = ai;
-    } catch (err) {
-        /**
-     * If this fails, we simply don't activate any EE features.
-     * Should we warn clearer in the UI?
-     */ console.error(err);
-    }
+    const browserStrapi = await createBrowserStrapi(features);
+    // @ts-expect-error - conflicting global.Strapi with window.BrowserStrapi
+    window.strapi = browserStrapi;
     const app = new StrapiApp({
         config: customisations?.config,
         appPlugins: plugins

package/dist/admin/admin/src/render.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"render.mjs","sources":["../../../../admin/src/render.ts"],"sourcesContent":["/* eslint-disable no-undef */\nimport { createRoot } from 'react-dom/client';\n\nimport { StrapiApp, StrapiAppConstructorArgs } from './StrapiApp';\nimport { getFetchClient } from './utils/getFetchClient';\nimport { getProjectType } from './utils/getProjectType';\nimport { createAbsoluteUrl } from './utils/urls';\n\nimport type { Modules } from '@strapi/types';\n\ninterface RenderAdminArgs {\n  customisations: {\n    register?: (app: StrapiApp) => Promise<void> | void;\n    bootstrap?: (app: StrapiApp) => Promise<void> | void;\n    config?: StrapiAppConstructorArgs['config'];\n  };\n  plugins: StrapiAppConstructorArgs['appPlugins'];\n  features?: Modules.Features.FeaturesService['config'];\n}\n\nconst renderAdmin = async (\n  mountNode: HTMLElement | null,\n  { plugins, customisations, features }: RenderAdminArgs\n) => {\n  if (!mountNode) {\n    throw new Error('[@strapi/admin]: Could not find the root element to mount the admin app');\n  }\n\n  window.strapi = {\n    /**\n     * This ENV variable is passed from the strapi instance, by default no url is set\n     * in the config and therefore the instance returns you an empty string so URLs are relative.\n     *\n     * To ensure that the backendURL is always set, we use the window.location.origin as a fallback.\n     */\n    backendURL: createAbsoluteUrl(process.env.STRAPI_ADMIN_BACKEND_URL),\n    isEE: false,\n    isTrial: false,\n    telemetryDisabled: process.env.STRAPI_TELEMETRY_DISABLED === 'true',\n    future: {\n      isEnabled: (name: keyof NonNullable<Modules.Features.FeaturesConfig['future']>) => {\n        return features?.future?.[name] === true;\n      },\n    },\n    featureFlags: {\n      isEnabled: (name: keyof Omit<Modules.Features.FeaturesConfig, 'future'>) => {\n        return features?.[name] === true;\n      },\n    },\n    // eslint-disable-next-line\n    // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision. Cannot use @ts-expect-error because of build:code and build:types context collision.\n    features: {\n      SSO: 'sso',\n      AUDIT_LOGS: 'audit-logs',\n      REVIEW_WORKFLOWS: 'review-workflows',\n      /**\n       * If we don't get the license then we know it's not EE\n       * so no feature is enabled.\n       */\n      isEnabled: () => false,\n    },\n    projectType: 'Community',\n    flags: {\n      nps: false,\n      promoteEE: true,\n      docLinks: true,\n    },\n    // eslint-disable-next-line\n    // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.\n    ai: {\n      enabled: false,\n    },\n  };\n\n  const { get } = getFetchClient();\n\n  interface ProjectType extends Pick<Window['strapi'], 'flags'> {\n    isEE: boolean;\n    isTrial: boolean;\n    /**\n     * The licensed plan price id, sent by the license registry (EE only).\n     * Used to distinguish the Growth plan from other Enterprise plans.\n     */\n    planPriceId?: string;\n    features: {\n      name: string;\n    }[];\n    ai: Window['strapi']['ai'];\n  }\n\n  try {\n    const {\n      data: {\n        data: { isEE, isTrial, features, flags, ai, planPriceId },\n      },\n    } = await get<{ data: ProjectType }>('/admin/project-type');\n\n    window.strapi.isEE = isEE;\n    window.strapi.isTrialLicense = isTrial;\n    window.strapi.flags = flags;\n    window.strapi.features = {\n      ...window.strapi.features,\n      isEnabled: (featureName: string | undefined) =>\n        features.some((feature) => feature.name === featureName),\n    };\n    window.strapi.projectType = getProjectType({ isEE, planPriceId });\n    // eslint-disable-next-line\n    // @ts-ignore – there's pollution from the global scope of Node. Cannot use @ts-expect-error because of build:code and build:types context collision.\n    window.strapi.ai = ai;\n  } catch (err) {\n    /**\n     * If this fails, we simply don't activate any EE features.\n     * Should we warn clearer in the UI?\n     */\n    console.error(err);\n  }\n\n  const app = new StrapiApp({\n    config: customisations?.config,\n    appPlugins: plugins,\n  });\n\n  await app.register(customisations?.register);\n  await app.bootstrap(customisations?.bootstrap);\n  await app.loadTrads(customisations?.config?.translations);\n\n  createRoot(mountNode).render(app.render());\n\n  if (\n    typeof module !== 'undefined' &&\n    module &&\n    'hot' in module &&\n    typeof module.hot === 'object' &&\n    module.hot !== null &&\n    'accept' in module.hot &&\n    typeof module.hot.accept === 'function'\n  ) {\n    module.hot.accept();\n  }\n\n  if (typeof import.meta.hot?.accept === 'function') {\n    import.meta.hot.accept();\n  }\n};\n\nexport { renderAdmin };\nexport type { RenderAdminArgs };\n"],"names":["renderAdmin","mountNode","plugins","customisations","features","Error","window","strapi","backendURL","createAbsoluteUrl","process","env","STRAPI_ADMIN_BACKEND_URL","isEE","isTrial","telemetryDisabled","STRAPI_TELEMETRY_DISABLED","future","isEnabled","name","featureFlags","SSO","AUDIT_LOGS","REVIEW_WORKFLOWS","projectType","flags","nps","promoteEE","docLinks","ai","enabled","get","getFetchClient","data","planPriceId","isTrialLicense","featureName","some","feature","getProjectType","err","console","error","app","StrapiApp","config","appPlugins","register","bootstrap","loadTrads","translations","createRoot","render","module","hot","accept"],"mappings":"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"}
+{"version":3,"file":"render.mjs","sources":["../../../../admin/src/render.ts"],"sourcesContent":["/* eslint-disable no-undef */\nimport { createRoot } from 'react-dom/client';\n\nimport { StrapiApp, StrapiAppConstructorArgs } from './StrapiApp';\nimport { createBrowserStrapi } from './utils/browserStrapi';\n\nimport type { Modules } from '@strapi/types';\n\ninterface RenderAdminArgs {\n  customisations: {\n    register?: (app: StrapiApp) => Promise<void> | void;\n    bootstrap?: (app: StrapiApp) => Promise<void> | void;\n    config?: StrapiAppConstructorArgs['config'];\n  };\n  plugins: StrapiAppConstructorArgs['appPlugins'];\n  features?: Modules.Features.FeaturesService['config'];\n}\n\nconst renderAdmin = async (\n  mountNode: HTMLElement | null,\n  { plugins, customisations, features }: RenderAdminArgs\n) => {\n  if (!mountNode) {\n    throw new Error('[@strapi/admin]: Could not find the root element to mount the admin app');\n  }\n\n  const browserStrapi = await createBrowserStrapi(features);\n\n  // @ts-expect-error - conflicting global.Strapi with window.BrowserStrapi\n  window.strapi = browserStrapi;\n\n  const app = new StrapiApp({\n    config: customisations?.config,\n    appPlugins: plugins,\n  });\n\n  await app.register(customisations?.register);\n  await app.bootstrap(customisations?.bootstrap);\n  await app.loadTrads(customisations?.config?.translations);\n\n  createRoot(mountNode).render(app.render());\n\n  if (\n    typeof module !== 'undefined' &&\n    module &&\n    'hot' in module &&\n    typeof module.hot === 'object' &&\n    module.hot !== null &&\n    'accept' in module.hot &&\n    typeof module.hot.accept === 'function'\n  ) {\n    module.hot.accept();\n  }\n\n  if (typeof import.meta.hot?.accept === 'function') {\n    import.meta.hot.accept();\n  }\n};\n\nexport { renderAdmin };\nexport type { RenderAdminArgs };\n"],"names":["renderAdmin","mountNode","plugins","customisations","features","Error","browserStrapi","createBrowserStrapi","window","strapi","app","StrapiApp","config","appPlugins","register","bootstrap","loadTrads","translations","createRoot","render","module","hot","accept"],"mappings":";;;;AAkBA,MAAMA,WAAAA,GAAc,OAClBC,SAAAA,EACA,EAAEC,OAAO,EAAEC,cAAc,EAAEC,QAAQ,EAAmB,GAAA;AAEtD,IAAA,IAAI,CAACH,SAAAA,EAAW;AACd,QAAA,MAAM,IAAII,KAAAA,CAAM,yEAAA,CAAA;AAClB,IAAA;IAEA,MAAMC,aAAAA,GAAgB,MAAMC,mBAAAA,CAAoBH,QAAAA,CAAAA;;AAGhDI,IAAAA,MAAAA,CAAOC,MAAM,GAAGH,aAAAA;IAEhB,MAAMI,GAAAA,GAAM,IAAIC,SAAAA,CAAU;AACxBC,QAAAA,MAAAA,EAAQT,cAAAA,EAAgBS,MAAAA;QACxBC,UAAAA,EAAYX;AACd,KAAA,CAAA;IAEA,MAAMQ,GAAAA,CAAII,QAAQ,CAACX,cAAAA,EAAgBW,QAAAA,CAAAA;IACnC,MAAMJ,GAAAA,CAAIK,SAAS,CAACZ,cAAAA,EAAgBY,SAAAA,CAAAA;AACpC,IAAA,MAAML,GAAAA,CAAIM,SAAS,CAACb,cAAAA,EAAgBS,MAAAA,EAAQK,YAAAA,CAAAA;AAE5CC,IAAAA,UAAAA,CAAWjB,SAAAA,CAAAA,CAAWkB,MAAM,CAACT,GAAAA,CAAIS,MAAM,EAAA,CAAA;IAEvC,IACE,OAAOC,MAAAA,KAAW,WAAA,IAClBA,MAAAA,IACA,KAAA,IAASA,UACT,OAAOA,MAAAA,CAAOC,GAAG,KAAK,QAAA,IACtBD,MAAAA,CAAOC,GAAG,KAAK,IAAA,IACf,QAAA,IAAYD,MAAAA,CAAOC,GAAG,IACtB,OAAOD,MAAAA,CAAOC,GAAG,CAACC,MAAM,KAAK,UAAA,EAC7B;QACAF,MAAAA,CAAOC,GAAG,CAACC,MAAM,EAAA;AACnB,IAAA;AAEA,IAAA,IAAI,OAAO,MAAA,CAAA,IAAA,CAAYD,GAAG,EAAEC,WAAW,UAAA,EAAY;QACjD,MAAA,CAAA,IAAA,CAAYD,GAAG,CAACC,MAAM,EAAA;AACxB,IAAA;AACF;;;;"}

package/dist/admin/admin/src/translations/en.json.js

@@ -182,6 +182,13 @@ var en = {
     "Settings.global": "Global Settings",
     "Settings.permissions": "Administration panel",
     "Settings.permissions.auditLogs.action": "Action",
+    "Settings.permissions.auditLogs.admin-user.create": "Create user",
+    "Settings.permissions.auditLogs.admin-user.delete": "Delete user",
+    "Settings.permissions.auditLogs.admin-user.invite.accept": "Accept invitation",
+    "Settings.permissions.auditLogs.admin-user.password-reset.confirm": "Reset password",
+    "Settings.permissions.auditLogs.admin-user.password-reset.create": "Request password reset",
+    "Settings.permissions.auditLogs.admin-user.password.update": "Update password",
+    "Settings.permissions.auditLogs.admin-user.update": "Update user",
     "Settings.permissions.auditLogs.admin.auth.success": "Admin login",
     "Settings.permissions.auditLogs.admin.logout": "Admin logout",
     "Settings.permissions.auditLogs.audit-log.export": "Export audit logs",
@@ -242,6 +249,9 @@ var en = {
     "Settings.permissions.auditLogs.user.fullname": "{firstname} {lastname}",
     "Settings.permissions.auditLogs.user.update": "Update user",
     "Settings.permissions.auditLogs.userId": "User ID",
+    "Settings.permissions.auditLogs.webhook.create": "Create webhook",
+    "Settings.permissions.auditLogs.webhook.delete": "Delete webhook",
+    "Settings.permissions.auditLogs.webhook.update": "Update webhook",
     "Settings.permissions.category": "Permissions settings for the {category}",
     "Settings.permissions.category.plugins": "Permissions settings for the {category} plugin",
     "Settings.permissions.conditions.anytime": "Anytime",

package/dist/admin/admin/src/translations/en.json.js.map

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

package/dist/admin/admin/src/translations/en.json.mjs

@@ -178,6 +178,13 @@ var en = {
     "Settings.global": "Global Settings",
     "Settings.permissions": "Administration panel",
     "Settings.permissions.auditLogs.action": "Action",
+    "Settings.permissions.auditLogs.admin-user.create": "Create user",
+    "Settings.permissions.auditLogs.admin-user.delete": "Delete user",
+    "Settings.permissions.auditLogs.admin-user.invite.accept": "Accept invitation",
+    "Settings.permissions.auditLogs.admin-user.password-reset.confirm": "Reset password",
+    "Settings.permissions.auditLogs.admin-user.password-reset.create": "Request password reset",
+    "Settings.permissions.auditLogs.admin-user.password.update": "Update password",
+    "Settings.permissions.auditLogs.admin-user.update": "Update user",
     "Settings.permissions.auditLogs.admin.auth.success": "Admin login",
     "Settings.permissions.auditLogs.admin.logout": "Admin logout",
     "Settings.permissions.auditLogs.audit-log.export": "Export audit logs",
@@ -238,6 +245,9 @@ var en = {
     "Settings.permissions.auditLogs.user.fullname": "{firstname} {lastname}",
     "Settings.permissions.auditLogs.user.update": "Update user",
     "Settings.permissions.auditLogs.userId": "User ID",
+    "Settings.permissions.auditLogs.webhook.create": "Create webhook",
+    "Settings.permissions.auditLogs.webhook.delete": "Delete webhook",
+    "Settings.permissions.auditLogs.webhook.update": "Update webhook",
     "Settings.permissions.category": "Permissions settings for the {category}",
     "Settings.permissions.category.plugins": "Permissions settings for the {category} plugin",
     "Settings.permissions.conditions.anytime": "Anytime",

package/dist/admin/admin/src/translations/en.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/admin/src/utils/browserStrapi.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var getProjectType = require('./getProjectType.js');
+var urls = require('./urls.js');
+
+/**
+ * Builds the `window.strapi` object: Community defaults, then the license response.
+ * Returned rather than assigned so the caller publishes it to `window` exactly once.
+ *
+ * Nothing here may read `window.strapi` — it does not exist yet, and the `#strapi`
+ * mount node shadows it as a named window property, so reads silently yield the
+ * element instead of throwing.
+ */ const createBrowserStrapi = async (features)=>{
+    const browserStrapi = {
+        /**
+     * This ENV variable is passed from the strapi instance, by default no url is set
+     * in the config and therefore the instance returns you an empty string so URLs are relative.
+     *
+     * To ensure that the backendURL is always set, we use the window.location.origin as a fallback.
+     */ backendURL: urls.createAbsoluteUrl(process.env.STRAPI_ADMIN_BACKEND_URL),
+        isEE: false,
+        isTrial: false,
+        isTrialLicense: false,
+        telemetryDisabled: process.env.STRAPI_TELEMETRY_DISABLED === 'true',
+        future: {
+            isEnabled: (name)=>{
+                return features?.future?.[name] === true;
+            }
+        },
+        featureFlags: {
+            isEnabled: (name)=>{
+                return features?.[name] === true;
+            }
+        },
+        features: {
+            SSO: 'sso',
+            AUDIT_LOGS: 'audit-logs',
+            REVIEW_WORKFLOWS: 'review-workflows',
+            /**
+       * If we don't get the license then we know it's not EE
+       * so no feature is enabled.
+       */ isEnabled: ()=>false
+        },
+        projectType: 'Community',
+        flags: {
+            nps: false,
+            promoteEE: true,
+            docLinks: true
+        },
+        ai: {
+            enabled: false
+        }
+    };
+    try {
+        /**
+     * Plain `fetch` rather than `getFetchClient`: the fetch client resolves its
+     * backend from `window.strapi`, which does not exist yet. The route is public,
+     * so it needs neither the auth header nor the token refresh the client adds.
+     */ const response = await fetch(`${browserStrapi.backendURL}/admin/project-type`, {
+            headers: {
+                Accept: 'application/json'
+            }
+        });
+        if (!response.ok) {
+            throw new Error(`[@strapi/admin]: /admin/project-type responded with ${response.status}`);
+        }
+        const { data: { isEE, isTrial, features: licensedFeatures, flags, ai, planPriceId } } = await response.json();
+        // Runtime defense: the payload is only typed by convention, not validated.
+        const trial = isTrial ?? false;
+        browserStrapi.isEE = isEE;
+        browserStrapi.isTrial = trial;
+        browserStrapi.isTrialLicense = trial;
+        browserStrapi.flags = flags;
+        browserStrapi.features = {
+            ...browserStrapi.features,
+            isEnabled: (featureName)=>licensedFeatures.some((feature)=>feature.name === featureName)
+        };
+        browserStrapi.projectType = getProjectType.getProjectType({
+            isEE,
+            planPriceId
+        });
+        browserStrapi.ai = ai;
+    } catch (err) {
+        /**
+     * If this fails, we simply don't activate any EE features.
+     * Should we warn clearer in the UI?
+     */ console.error(err);
+    }
+    return browserStrapi;
+};
+
+exports.createBrowserStrapi = createBrowserStrapi;
+//# sourceMappingURL=browserStrapi.js.map