@strapi/admin 5.45.1 → 5.46.0

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

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var ee = require('@strapi/admin/strapi-admin/ee');
 var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
 var dateFns = require('date-fns');
 var reactIntl = require('react-intl');
 var styled = require('styled-components');
@@ -17,76 +18,103 @@ const BannerBackground = styled.styled(designSystem.Flex)`
     ${({ theme })=>theme.colors.primary600} 0%,
     ${({ theme })=>theme.colors.alternative600} 121.48%
   );
+  position: relative;
 `;
-const Banner = ({ isTrialEndedRecently })=>{
+const FixedButtonWrapper = styled.styled(designSystem.Box)`
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  z-index: 11;
+  align-items: flex-end;
+  top: 9px;
+  right: 16px;
+`;
+const Banner = ({ isTrialEndedRecently, onDismiss })=>{
     const { formatMessage } = reactIntl.useIntl();
-    return /*#__PURE__*/ jsxRuntime.jsx(BannerBackground, {
-        width: "100%",
-        justifyContent: "center",
-        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-            justifyContent: "center",
-            alignItems: "center",
-            width: "100%",
-            paddingTop: 2,
-            paddingBottom: 2,
-            paddingLeft: theme.RESPONSIVE_DEFAULT_SPACING,
-            paddingRight: theme.RESPONSIVE_DEFAULT_SPACING,
-            gap: 2,
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(BannerBackground, {
+                width: "100%",
+                justifyContent: "center",
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    justifyContent: "center",
+                    alignItems: "center",
+                    width: "100%",
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    paddingLeft: theme.RESPONSIVE_DEFAULT_SPACING,
+                    paddingRight: theme.RESPONSIVE_DEFAULT_SPACING,
+                    gap: 2,
                     children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                            variant: "delta",
-                            fontWeight: "bold",
-                            textColor: "neutral0",
-                            textAlign: "center",
-                            fontSize: 2,
-                            children: formatMessage(isTrialEndedRecently ? {
-                                id: 'app.components.UpsellBanner.intro.ended',
-                                defaultMessage: 'Your trial has ended: '
-                            } : {
-                                id: 'app.components.UpsellBanner.intro',
-                                defaultMessage: 'Access to Growth plan features: '
-                            })
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    variant: "delta",
+                                    fontWeight: "bold",
+                                    textColor: "neutral0",
+                                    textAlign: "center",
+                                    fontSize: 2,
+                                    children: formatMessage(isTrialEndedRecently ? {
+                                        id: 'app.components.UpsellBanner.intro.ended',
+                                        defaultMessage: 'Your trial has ended: '
+                                    } : {
+                                        id: 'app.components.UpsellBanner.intro',
+                                        defaultMessage: 'Access to Growth plan features: '
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    variant: "delta",
+                                    textColor: "neutral0",
+                                    textAlign: "center",
+                                    paddingRight: 4,
+                                    fontSize: 2,
+                                    children: formatMessage(isTrialEndedRecently ? {
+                                        id: 'app.components.UpsellBanner.text.ended',
+                                        defaultMessage: 'Keep access to Growth features by upgrading now.'
+                                    } : {
+                                        id: 'app.components.UpsellBanner.text',
+                                        defaultMessage: 'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).'
+                                    })
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                            variant: "delta",
-                            textColor: "neutral0",
-                            textAlign: "center",
-                            paddingRight: 4,
-                            fontSize: 2,
-                            children: formatMessage(isTrialEndedRecently ? {
-                                id: 'app.components.UpsellBanner.text.ended',
-                                defaultMessage: 'Keep access to Growth features by upgrading now.'
-                            } : {
-                                id: 'app.components.UpsellBanner.text',
-                                defaultMessage: 'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).'
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                                width: "max-content",
+                                variant: "tertiary",
+                                href: "https://strapi.chargebeeportal.com",
+                                target: "_blank",
+                                children: formatMessage(isTrialEndedRecently ? {
+                                    id: 'app.components.UpsellBanner.button.ended',
+                                    defaultMessage: 'Keep Growth plan'
+                                } : {
+                                    id: 'app.components.UpsellBanner.button',
+                                    defaultMessage: 'Upgrade now'
+                                })
                             })
                         })
                     ]
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
-                        width: "max-content",
-                        variant: "tertiary",
-                        href: "https://strapi.chargebeeportal.com",
-                        target: "_blank",
-                        children: formatMessage(isTrialEndedRecently ? {
-                            id: 'app.components.UpsellBanner.button.ended',
-                            defaultMessage: 'Keep Growth plan'
-                        } : {
-                            id: 'app.components.UpsellBanner.button',
-                            defaultMessage: 'Upgrade now'
-                        })
-                    })
                 })
-            ]
-        })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(FixedButtonWrapper, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                    withTooltip: false,
+                    label: formatMessage({
+                        id: 'app.components.UpsellBanner.close',
+                        defaultMessage: 'Close'
+                    }),
+                    onClick: onDismiss,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
+                })
+            })
+        ]
     });
 };
 const UpsellBanner = ()=>{
     const { license } = ee.useLicenseLimits();
+    const { formatMessage } = reactIntl.useIntl();
     const [cachedTrialEndsAt, setCachedTrialEndsAt] = usePersistentState.useScopedPersistentState('STRAPI_FREE_TRIAL_ENDS_AT', undefined);
+    const [dismissedFor, setDismissedFor] = usePersistentState.useScopedPersistentState('STRAPI_UPSELL_BANNER_DISMISSED_FOR', undefined);
     const sevenDaysAgo = dateFns.subDays(new Date(), 7);
     const timeLeftData = admin.useGetLicenseTrialTimeLeftQuery(undefined, {
         skip: !license?.isTrial
@@ -102,12 +130,35 @@ const UpsellBanner = ()=>{
     // 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
     // We show the banner to encourage the user to upgrade (for 7 days after the trial ends)
     const isTrialEndedRecently = Boolean(!license?.isTrial && !window.strapi.isEE && cachedTrialEndsAt && dateFns.isAfter(new Date(cachedTrialEndsAt), sevenDaysAgo));
-    if (timeLeftData.data?.trialEndsAt || isTrialEndedRecently) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Banner, {
-            isTrialEndedRecently: isTrialEndedRecently
+    const trialEndsAt = timeLeftData.data?.trialEndsAt ?? cachedTrialEndsAt;
+    const toCanonicalISO = (v)=>{
+        if (!v) return undefined;
+        const date = new Date(v);
+        return dateFns.isValid(date) ? date.toISOString() : undefined;
+    };
+    const isDismissed = Boolean(trialEndsAt && toCanonicalISO(dismissedFor) === toCanonicalISO(trialEndsAt));
+    const handleDismiss = ()=>setDismissedFor(toCanonicalISO(trialEndsAt));
+    const handleReopen = ()=>setDismissedFor(undefined);
+    if (!(timeLeftData.data?.trialEndsAt || isTrialEndedRecently)) {
+        return null;
+    }
+    if (isDismissed) {
+        return /*#__PURE__*/ jsxRuntime.jsx(FixedButtonWrapper, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                withTooltip: false,
+                label: formatMessage({
+                    id: 'app.components.UpsellBanner.reopen',
+                    defaultMessage: 'Reopen banner'
+                }),
+                onClick: handleReopen,
+                children: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowsOut, {})
+            })
         });
     }
-    return null;
+    return /*#__PURE__*/ jsxRuntime.jsx(Banner, {
+        isTrialEndedRecently: isTrialEndedRecently,
+        onDismiss: handleDismiss
+    });
 };
 
 exports.UpsellBanner = UpsellBanner;

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, Flex, LinkButton, Typography } from '@strapi/design-system';\nimport { isAfter, subDays } from 'date-fns';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useGetLicenseTrialTimeLeftQuery } from '../../src/services/admin';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nconst BannerBackground = styled(Flex)`\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.primary600} 0%,\n    ${({ theme }) => theme.colors.alternative600} 121.48%\n  );\n`;\n\nconst Banner = ({ isTrialEndedRecently }: { isTrialEndedRecently: boolean }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <BannerBackground width=\"100%\" justifyContent=\"center\">\n      <Flex\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        width=\"100%\"\n        paddingTop={2}\n        paddingBottom={2}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        gap={2}\n      >\n        <Box>\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        </Box>\n        <Box>\n          <LinkButton\n            width=\"max-content\"\n            variant=\"tertiary\"\n            href=\"https://strapi.chargebeeportal.com\"\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        </Box>\n      </Flex>\n    </BannerBackground>\n  );\n};\n\nconst UpsellBanner = () => {\n  const { license } = useLicenseLimits();\n\n  const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState<string | undefined>(\n    'STRAPI_FREE_TRIAL_ENDS_AT',\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  if (timeLeftData.data?.trialEndsAt || isTrialEndedRecently) {\n    return <Banner isTrialEndedRecently={isTrialEndedRecently} />;\n  }\n\n  return null;\n};\n\nexport { UpsellBanner };\n"],"names":["BannerBackground","styled","Flex","theme","colors","primary600","alternative600","Banner","isTrialEndedRecently","formatMessage","useIntl","_jsx","width","justifyContent","_jsxs","alignItems","paddingTop","paddingBottom","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","gap","Box","Typography","variant","fontWeight","textColor","textAlign","fontSize","id","defaultMessage","LinkButton","href","target","UpsellBanner","license","useLicenseLimits","cachedTrialEndsAt","setCachedTrialEndsAt","useScopedPersistentState","undefined","sevenDaysAgo","subDays","Date","timeLeftData","useGetLicenseTrialTimeLeftQuery","skip","isTrial","useEffect","data","trialEndsAt","Boolean","window","strapi","isEE","isAfter"],"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 { Box, Flex, IconButton, LinkButton, Typography } from '@strapi/design-system';\nimport { ArrowsOut, Cross } 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 { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nconst BannerBackground = styled(Flex)`\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.primary600} 0%,\n    ${({ theme }) => theme.colors.alternative600} 121.48%\n  );\n  position: relative;\n`;\n\nconst FixedButtonWrapper = styled(Box)`\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  z-index: 11;\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    <>\n      <BannerBackground width=\"100%\" justifyContent=\"center\">\n        <Flex\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          width=\"100%\"\n          paddingTop={2}\n          paddingBottom={2}\n          paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n          paddingRight={RESPONSIVE_DEFAULT_SPACING}\n          gap={2}\n        >\n          <Box>\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          </Box>\n          <Box>\n            <LinkButton\n              width=\"max-content\"\n              variant=\"tertiary\"\n              href=\"https://strapi.chargebeeportal.com\"\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          </Box>\n        </Flex>\n      </BannerBackground>\n      <FixedButtonWrapper>\n        <IconButton\n          withTooltip={false}\n          label={formatMessage({\n            id: 'app.components.UpsellBanner.close',\n            defaultMessage: 'Close',\n          })}\n          onClick={onDismiss}\n        >\n          <Cross />\n        </IconButton>\n      </FixedButtonWrapper>\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":["BannerBackground","styled","Flex","theme","colors","primary600","alternative600","FixedButtonWrapper","Box","Banner","isTrialEndedRecently","onDismiss","formatMessage","useIntl","_jsxs","_Fragment","_jsx","width","justifyContent","alignItems","paddingTop","paddingBottom","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","gap","Typography","variant","fontWeight","textColor","textAlign","fontSize","id","defaultMessage","LinkButton","href","target","IconButton","withTooltip","label","onClick","Cross","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","ArrowsOut"],"mappings":"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"}

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

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';
-import { Flex, Box, Typography, LinkButton } from '@strapi/design-system';
-import { subDays, isAfter } from 'date-fns';
+import { IconButton, Box, Flex, Typography, LinkButton } from '@strapi/design-system';
+import { ArrowsOut, Cross } 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';
@@ -15,76 +16,103 @@ const BannerBackground = styled(Flex)`
     ${({ theme })=>theme.colors.primary600} 0%,
     ${({ theme })=>theme.colors.alternative600} 121.48%
   );
+  position: relative;
 `;
-const Banner = ({ isTrialEndedRecently })=>{
+const FixedButtonWrapper = styled(Box)`
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  z-index: 11;
+  align-items: flex-end;
+  top: 9px;
+  right: 16px;
+`;
+const Banner = ({ isTrialEndedRecently, onDismiss })=>{
     const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsx(BannerBackground, {
-        width: "100%",
-        justifyContent: "center",
-        children: /*#__PURE__*/ jsxs(Flex, {
-            justifyContent: "center",
-            alignItems: "center",
-            width: "100%",
-            paddingTop: 2,
-            paddingBottom: 2,
-            paddingLeft: RESPONSIVE_DEFAULT_SPACING,
-            paddingRight: RESPONSIVE_DEFAULT_SPACING,
-            gap: 2,
-            children: [
-                /*#__PURE__*/ jsxs(Box, {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(BannerBackground, {
+                width: "100%",
+                justifyContent: "center",
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    justifyContent: "center",
+                    alignItems: "center",
+                    width: "100%",
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    paddingLeft: RESPONSIVE_DEFAULT_SPACING,
+                    paddingRight: RESPONSIVE_DEFAULT_SPACING,
+                    gap: 2,
                     children: [
-                        /*#__PURE__*/ jsx(Typography, {
-                            variant: "delta",
-                            fontWeight: "bold",
-                            textColor: "neutral0",
-                            textAlign: "center",
-                            fontSize: 2,
-                            children: formatMessage(isTrialEndedRecently ? {
-                                id: 'app.components.UpsellBanner.intro.ended',
-                                defaultMessage: 'Your trial has ended: '
-                            } : {
-                                id: 'app.components.UpsellBanner.intro',
-                                defaultMessage: 'Access to Growth plan features: '
-                            })
+                        /*#__PURE__*/ jsxs(Box, {
+                            children: [
+                                /*#__PURE__*/ jsx(Typography, {
+                                    variant: "delta",
+                                    fontWeight: "bold",
+                                    textColor: "neutral0",
+                                    textAlign: "center",
+                                    fontSize: 2,
+                                    children: formatMessage(isTrialEndedRecently ? {
+                                        id: 'app.components.UpsellBanner.intro.ended',
+                                        defaultMessage: 'Your trial has ended: '
+                                    } : {
+                                        id: 'app.components.UpsellBanner.intro',
+                                        defaultMessage: 'Access to Growth plan features: '
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Typography, {
+                                    variant: "delta",
+                                    textColor: "neutral0",
+                                    textAlign: "center",
+                                    paddingRight: 4,
+                                    fontSize: 2,
+                                    children: formatMessage(isTrialEndedRecently ? {
+                                        id: 'app.components.UpsellBanner.text.ended',
+                                        defaultMessage: 'Keep access to Growth features by upgrading now.'
+                                    } : {
+                                        id: 'app.components.UpsellBanner.text',
+                                        defaultMessage: 'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).'
+                                    })
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ jsx(Typography, {
-                            variant: "delta",
-                            textColor: "neutral0",
-                            textAlign: "center",
-                            paddingRight: 4,
-                            fontSize: 2,
-                            children: formatMessage(isTrialEndedRecently ? {
-                                id: 'app.components.UpsellBanner.text.ended',
-                                defaultMessage: 'Keep access to Growth features by upgrading now.'
-                            } : {
-                                id: 'app.components.UpsellBanner.text',
-                                defaultMessage: 'As part of your trial, you can explore premium tools such as Content History, Releases, and Single Sign-On (SSO).'
+                        /*#__PURE__*/ jsx(Box, {
+                            children: /*#__PURE__*/ jsx(LinkButton, {
+                                width: "max-content",
+                                variant: "tertiary",
+                                href: "https://strapi.chargebeeportal.com",
+                                target: "_blank",
+                                children: formatMessage(isTrialEndedRecently ? {
+                                    id: 'app.components.UpsellBanner.button.ended',
+                                    defaultMessage: 'Keep Growth plan'
+                                } : {
+                                    id: 'app.components.UpsellBanner.button',
+                                    defaultMessage: 'Upgrade now'
+                                })
                             })
                         })
                     ]
-                }),
-                /*#__PURE__*/ jsx(Box, {
-                    children: /*#__PURE__*/ jsx(LinkButton, {
-                        width: "max-content",
-                        variant: "tertiary",
-                        href: "https://strapi.chargebeeportal.com",
-                        target: "_blank",
-                        children: formatMessage(isTrialEndedRecently ? {
-                            id: 'app.components.UpsellBanner.button.ended',
-                            defaultMessage: 'Keep Growth plan'
-                        } : {
-                            id: 'app.components.UpsellBanner.button',
-                            defaultMessage: 'Upgrade now'
-                        })
-                    })
                 })
-            ]
-        })
+            }),
+            /*#__PURE__*/ jsx(FixedButtonWrapper, {
+                children: /*#__PURE__*/ jsx(IconButton, {
+                    withTooltip: false,
+                    label: formatMessage({
+                        id: 'app.components.UpsellBanner.close',
+                        defaultMessage: 'Close'
+                    }),
+                    onClick: onDismiss,
+                    children: /*#__PURE__*/ jsx(Cross, {})
+                })
+            })
+        ]
     });
 };
 const UpsellBanner = ()=>{
     const { license } = useLicenseLimits();
+    const { formatMessage } = useIntl();
     const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState('STRAPI_FREE_TRIAL_ENDS_AT', undefined);
+    const [dismissedFor, setDismissedFor] = useScopedPersistentState('STRAPI_UPSELL_BANNER_DISMISSED_FOR', undefined);
     const sevenDaysAgo = subDays(new Date(), 7);
     const timeLeftData = useGetLicenseTrialTimeLeftQuery(undefined, {
         skip: !license?.isTrial
@@ -100,12 +128,35 @@ const UpsellBanner = ()=>{
     // 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
     // We show the banner to encourage the user to upgrade (for 7 days after the trial ends)
     const isTrialEndedRecently = Boolean(!license?.isTrial && !window.strapi.isEE && cachedTrialEndsAt && isAfter(new Date(cachedTrialEndsAt), sevenDaysAgo));
-    if (timeLeftData.data?.trialEndsAt || isTrialEndedRecently) {
-        return /*#__PURE__*/ jsx(Banner, {
-            isTrialEndedRecently: isTrialEndedRecently
+    const trialEndsAt = timeLeftData.data?.trialEndsAt ?? cachedTrialEndsAt;
+    const toCanonicalISO = (v)=>{
+        if (!v) return undefined;
+        const date = new Date(v);
+        return isValid(date) ? date.toISOString() : undefined;
+    };
+    const isDismissed = Boolean(trialEndsAt && toCanonicalISO(dismissedFor) === toCanonicalISO(trialEndsAt));
+    const handleDismiss = ()=>setDismissedFor(toCanonicalISO(trialEndsAt));
+    const handleReopen = ()=>setDismissedFor(undefined);
+    if (!(timeLeftData.data?.trialEndsAt || isTrialEndedRecently)) {
+        return null;
+    }
+    if (isDismissed) {
+        return /*#__PURE__*/ jsx(FixedButtonWrapper, {
+            children: /*#__PURE__*/ jsx(IconButton, {
+                withTooltip: false,
+                label: formatMessage({
+                    id: 'app.components.UpsellBanner.reopen',
+                    defaultMessage: 'Reopen banner'
+                }),
+                onClick: handleReopen,
+                children: /*#__PURE__*/ jsx(ArrowsOut, {})
+            })
         });
     }
-    return null;
+    return /*#__PURE__*/ jsx(Banner, {
+        isTrialEndedRecently: isTrialEndedRecently,
+        onDismiss: handleDismiss
+    });
 };
 
 export { UpsellBanner };

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, Flex, LinkButton, Typography } from '@strapi/design-system';\nimport { isAfter, subDays } from 'date-fns';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useGetLicenseTrialTimeLeftQuery } from '../../src/services/admin';\nimport { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nconst BannerBackground = styled(Flex)`\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.primary600} 0%,\n    ${({ theme }) => theme.colors.alternative600} 121.48%\n  );\n`;\n\nconst Banner = ({ isTrialEndedRecently }: { isTrialEndedRecently: boolean }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <BannerBackground width=\"100%\" justifyContent=\"center\">\n      <Flex\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        width=\"100%\"\n        paddingTop={2}\n        paddingBottom={2}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        gap={2}\n      >\n        <Box>\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        </Box>\n        <Box>\n          <LinkButton\n            width=\"max-content\"\n            variant=\"tertiary\"\n            href=\"https://strapi.chargebeeportal.com\"\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        </Box>\n      </Flex>\n    </BannerBackground>\n  );\n};\n\nconst UpsellBanner = () => {\n  const { license } = useLicenseLimits();\n\n  const [cachedTrialEndsAt, setCachedTrialEndsAt] = useScopedPersistentState<string | undefined>(\n    'STRAPI_FREE_TRIAL_ENDS_AT',\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  if (timeLeftData.data?.trialEndsAt || isTrialEndedRecently) {\n    return <Banner isTrialEndedRecently={isTrialEndedRecently} />;\n  }\n\n  return null;\n};\n\nexport { UpsellBanner };\n"],"names":["BannerBackground","styled","Flex","theme","colors","primary600","alternative600","Banner","isTrialEndedRecently","formatMessage","useIntl","_jsx","width","justifyContent","_jsxs","alignItems","paddingTop","paddingBottom","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","gap","Box","Typography","variant","fontWeight","textColor","textAlign","fontSize","id","defaultMessage","LinkButton","href","target","UpsellBanner","license","useLicenseLimits","cachedTrialEndsAt","setCachedTrialEndsAt","useScopedPersistentState","undefined","sevenDaysAgo","subDays","Date","timeLeftData","useGetLicenseTrialTimeLeftQuery","skip","isTrial","useEffect","data","trialEndsAt","Boolean","window","strapi","isEE","isAfter"],"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 { Box, Flex, IconButton, LinkButton, Typography } from '@strapi/design-system';\nimport { ArrowsOut, Cross } 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 { RESPONSIVE_DEFAULT_SPACING } from '../constants/theme';\nimport { useScopedPersistentState } from '../hooks/usePersistentState';\n\nconst BannerBackground = styled(Flex)`\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.primary600} 0%,\n    ${({ theme }) => theme.colors.alternative600} 121.48%\n  );\n  position: relative;\n`;\n\nconst FixedButtonWrapper = styled(Box)`\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  z-index: 11;\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    <>\n      <BannerBackground width=\"100%\" justifyContent=\"center\">\n        <Flex\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          width=\"100%\"\n          paddingTop={2}\n          paddingBottom={2}\n          paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n          paddingRight={RESPONSIVE_DEFAULT_SPACING}\n          gap={2}\n        >\n          <Box>\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          </Box>\n          <Box>\n            <LinkButton\n              width=\"max-content\"\n              variant=\"tertiary\"\n              href=\"https://strapi.chargebeeportal.com\"\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          </Box>\n        </Flex>\n      </BannerBackground>\n      <FixedButtonWrapper>\n        <IconButton\n          withTooltip={false}\n          label={formatMessage({\n            id: 'app.components.UpsellBanner.close',\n            defaultMessage: 'Close',\n          })}\n          onClick={onDismiss}\n        >\n          <Cross />\n        </IconButton>\n      </FixedButtonWrapper>\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":["BannerBackground","styled","Flex","theme","colors","primary600","alternative600","FixedButtonWrapper","Box","Banner","isTrialEndedRecently","onDismiss","formatMessage","useIntl","_jsxs","_Fragment","_jsx","width","justifyContent","alignItems","paddingTop","paddingBottom","paddingLeft","RESPONSIVE_DEFAULT_SPACING","paddingRight","gap","Typography","variant","fontWeight","textColor","textAlign","fontSize","id","defaultMessage","LinkButton","href","target","IconButton","withTooltip","label","onClick","Cross","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","ArrowsOut"],"mappings":"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"}

package/dist/admin/admin/src/pages/ProfilePage.js

@@ -405,7 +405,7 @@ const PreferencesSection = ({ localeNames })=>{
                                 }))
                         ],
                         placeholder: formatMessage({
-                            id: 'components.Select.placeholder',
+                            id: 'app.components.Select.placeholder',
                             defaultMessage: 'Select'
                         }),
                         size: 6,