diff --git a/projects/js-packages/licensing/changelog/add-licensing-support-for-all-jetpack-products b/projects/js-packages/licensing/changelog/add-licensing-support-for-all-jetpack-products
new file mode 100644
index 000000000000..6ba0d013e582
--- /dev/null
+++ b/projects/js-packages/licensing/changelog/add-licensing-support-for-all-jetpack-products
@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Add support for all Jetpack products
diff --git a/projects/js-packages/licensing/components/activation-screen-success-info/index.jsx b/projects/js-packages/licensing/components/activation-screen-success-info/index.jsx
index 89f76dab4ab6..d1e9c79fd63c 100644
--- a/projects/js-packages/licensing/components/activation-screen-success-info/index.jsx
+++ b/projects/js-packages/licensing/components/activation-screen-success-info/index.jsx
@@ -10,43 +10,31 @@ import React from 'react';
/**
* Internal dependencies
*/
-import {
- JetpackBackupDailyProductDetails,
- JetpackSecurityDailyProductDetails,
-} from './product-details';
+import { getJetpackProductDashboardUrl } from '../activation-screen/utils';
+import JetpackProductDetails from './product-details';
/**
* Style dependencies
*/
import './style.scss';
-const productIdToDetails = ( productId, dashboardUrl ) => {
- switch ( productId ) {
- case 2100:
- return ;
- case 2010:
- return ;
- default:
- return null;
- }
-};
-
/**
* The Activation Screen Illustration component.
*
* @param {object} props -- The properties.
* @param {number} props.productId -- The id of the product activated
- * @param {number} props.dashboardUrl -- The url that links to the site dashboard
+ * @param {string} props.siteRawUrl -- The url of the site
* @returns {React.Component} The `ActivationSuccessInfo` component.
*/
const ActivationSuccessInfo = props => {
- const { dashboardUrl, productId } = props;
+ const { productId, siteRawUrl } = props;
+ const dashboardUrl = getJetpackProductDashboardUrl( productId, siteRawUrl );
return (
- { productIdToDetails( productId, dashboardUrl ) }
+