✨ Add “Common” hook to access merchant data

modules/ppcp-settings/resources/js/data/common/hooks.js

@@ -45,6 +45,10 @@ const useHooks = () => {
 	const isSandboxMode = usePersistent( 'useSandbox' );
 	const isManualConnectionMode = usePersistent( 'useManualConnection' );
 
+	const merchant = useSelect(
+		( select ) => select( STORE_NAME ).merchant(),
+		[]
+	);
 	const wooSettings = useSelect(
 		( select ) => select( STORE_NAME ).wooSettings(),
 		[]
@@ -76,6 +80,7 @@ const useHooks = () => {
 		connectToSandbox,
 		connectToProduction,
 		connectViaIdAndSecret,
+		merchant,
 		wooSettings,
 	};
 };
@@ -120,6 +125,27 @@ export const useWooSettings = () => {
 	return wooSettings;
 };
 
+export const useMerchantInfo = () => {
+	const { merchant } = useHooks();
+	const { refreshMerchantData } = useDispatch( STORE_NAME );
+
+	const verifyLoginStatus = useCallback( async () => {
+		const result = await refreshMerchantData();
+
+		if ( ! result.success ) {
+			throw new Error( result?.message || result?.error?.message );
+		}
+
+		// Verify if the server state is "connected" and we have a merchant ID.
+		return merchant?.isConnected && merchant?.id;
+	}, [ refreshMerchantData, merchant ] );
+
+	return {
+		merchant, // Merchant details
+		verifyLoginStatus, // Callback
+	};
+};
+
 // -- Not using the `useHooks()` data provider --
 
 export const useBusyState = () => {

modules/ppcp-settings/resources/js/data/common/selectors.js

@@ -26,6 +26,10 @@ export const getActivityList = ( state ) => {
 	return Object.fromEntries( activities );
 };
 
+export const merchant = ( state ) => {
+	return getState( state ).merchant || EMPTY_OBJ;
+};
+
 export const wooSettings = ( state ) => {
 	return getState( state ).wooSettings || EMPTY_OBJ;
 };