Update plugin ui payload with plugin version details (#104)

Co-authored-by: Stanislav <[email protected]>

Author: stanislavCQ

etc/plugin-config-ui-lib.api.md

@@ -1024,6 +1024,7 @@ export { useFormContext }
 export function useFormInit(pluginUiMessageHandler: PluginUiMessageHandler): {
     initialized: boolean;
     initialValues: FormMessagePayload['init']['initialValues'] | undefined;
+    pluginVersion: FormMessagePayload['init']['pluginVersion'];
     teamName: string;
     context: FormMessagePayload['init']['context'] | undefined;
     isManagedDestination: boolean;

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudquery/plugin-config-ui-lib",
   "description": "Plugin configuration UI library for CloudQuery Cloud App",
-  "version": "11.2.0",
+  "version": "11.3.0",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -91,7 +91,7 @@
     "react-virtuoso": "^4.12.7"
   },
   "peerDependencies": {
-    "@cloudquery/plugin-config-ui-connector": "^2.0.0",
+    "@cloudquery/plugin-config-ui-connector": "^2.1.0",
     "@emotion/cache": "^11.11.4",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.4",
@@ -115,7 +115,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
     "@chromatic-com/storybook": "^3.2.6",
-    "@cloudquery/plugin-config-ui-connector": "^2.0.0",
+    "@cloudquery/plugin-config-ui-connector": "^2.1.0",
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package.json

@@ -14,6 +14,7 @@ import { RudderAnalytics } from '@rudderstack/analytics-js';
 export function useFormInit(pluginUiMessageHandler: PluginUiMessageHandler): {
   initialized: boolean;
   initialValues: FormMessagePayload['init']['initialValues'] | undefined;
+  pluginVersion: FormMessagePayload['init']['pluginVersion'];
   teamName: string;
   context: FormMessagePayload['init']['context'] | undefined;
   isManagedDestination: boolean;
@@ -29,6 +30,10 @@ export function useFormInit(pluginUiMessageHandler: PluginUiMessageHandler): {
   const [user, setUser] = useState({ id: '', name: '', email: '' });
   const [isManagedDestination, setIsManagedDestination] = useState(false);
   const [isDisabled, setIsDisabled] = useState(false);
+  const [pluginVersion, setPluginVersion] = useState<
+    FormMessagePayload['init']['pluginVersion'] | undefined
+  >();
+
   useEffect(() => {
     pluginUiMessageHandler.sendMessage('loaded');
 
@@ -42,6 +47,7 @@ export function useFormInit(pluginUiMessageHandler: PluginUiMessageHandler): {
         isManagedDestination,
         user,
         isDisabled,
+        pluginVersion,
       }) => {
         if (rudderstackConfig) {
           const rudderAnalytics = new RudderAnalytics();
@@ -66,6 +72,10 @@ export function useFormInit(pluginUiMessageHandler: PluginUiMessageHandler): {
           setInitialValues(initialValues);
         }
 
+        if (pluginVersion) {
+          setPluginVersion(pluginVersion);
+        }
+
         setTeamName(teamName);
         setContext(context);
         setIsManagedDestination(!!isManagedDestination);
@@ -83,7 +93,16 @@ export function useFormInit(pluginUiMessageHandler: PluginUiMessageHandler): {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialized]);
 
-  return { initialized, initialValues, teamName, context, isManagedDestination, user, isDisabled };
+  return {
+    initialized,
+    initialValues,
+    teamName,
+    context,
+    isManagedDestination,
+    user,
+    isDisabled,
+    pluginVersion,
+  };
 }
 
 function trackAllClicks(rudderAnalytics: RudderAnalytics) {