update to use buildless component

composer.json

@@ -93,6 +93,7 @@
     "newfold-labs/wp-module-performance": "2.0.1 as 1.9.9",
     "newfold-labs/wp-module-runtime": "^1.0.11",
     "newfold-labs/wp-module-secure-passwords": "^1.1.1",
+    "newfold-labs/wp-module-solutions": "dev-update/buildless-component",
     "newfold-labs/wp-module-sso": "^1.0.6",
     "newfold-labs/wp-module-staging": "^2.1.0",
     "wp-forge/wp-update-handler": "^1.0.2",

src/app/data/routes.js

@@ -16,7 +16,7 @@ import Home from '../pages/home';
 import PagesAndPosts from '../pages/pages-and-posts';
 import Store from '../pages/ecommerce/page';
 import Marketplace from '../pages/marketplace';
-import WPSolution from '../pages/wpsolutions';
+import Solutions from '../pages/solutions';
 import Performance from '../pages/performance';
 import Settings from '../pages/settings';
 import Staging from '../pages/staging';

src/app/pages/solutions/index.js

@@ -0,0 +1,58 @@
+import './style.scss';
+import apiFetch from '@wordpress/api-fetch';
+import { useState, useEffect } from '@wordpress/element';
+import { useLocation, useMatch, useNavigate } from 'react-router-dom';
+import { Container, Page, Title } from '@newfold/ui-component-library';
+import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
+import { default as NewfoldEntitlements } from '@modules/wp-module-solutions/components/entitlements';
+
+const Solutions = () => {
+
+	// constants to pass to module
+	const moduleConstants = {
+		text: {
+			title: __( 'Solution', 'bluehost-wordpress-plugin' ),
+			subTitle: __(
+				'Explore the entitlements available with your solution.',
+				'bluehost-wordpress-plugin'
+			),
+			error: __(
+				'Oops, there was an error loading the entitlements, please try again later.',
+				'bluehost-wordpress-plugin'
+			),
+			noEntitlements: __(
+				'Sorry, no current entitlements. Please, try again later.',
+				'bluehost-wordpress-plugin'
+			),
+		},
+	};
+
+	// methods to pass to module
+	const moduleMethods = {
+		apiFetch,
+		classNames,
+		useState,
+		useEffect,
+		useLocation,
+		useMatch,
+		useNavigate,
+		NewfoldRuntime,
+	};
+
+	return (
+		<Page>
+			<Container
+				className={
+					'newfold-entitlements-container nfd-overflow-clip'
+				}
+			>
+				<NewfoldEntitlements
+					methods={ moduleMethods }
+					constants={ moduleConstants }
+				/>
+			</Container>
+		</Page>
+	);
+};
+
+export default Solutions;