send applicationId for npm plugins

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/editor/right/PluginPanel/PluginCompItem.tsx

@@ -11,6 +11,7 @@ import { LowcoderCompMeta } from "types/remoteComp";
 import { TransparentImg } from "util/commonUtils";
 import { ModuleIcon } from "lowcoder-design";
 import { NPM_PLUGIN_ASSETS_BASE_URL } from "constants/npmPlugins";
+import { useApplicationId } from "@lowcoder-ee/index.sdk";
 
 const ItemWrapper = styled.div`
   display: flex;
@@ -75,10 +76,11 @@ interface PluginCompItemProps {
 }
 
 export function PluginCompItem(props: PluginCompItemProps) {
+  const appId = useApplicationId();
   const { packageName, packageVersion, compName, compMeta, onDrag } = props;
   const compType = getRemoteCompType("npm", packageName, packageVersion, compName);
 
-  const icon = `${NPM_PLUGIN_ASSETS_BASE_URL}/${packageName}@${packageVersion}/${compMeta.icon}`;
+  const icon = `${NPM_PLUGIN_ASSETS_BASE_URL}/${appId}/${packageName}@${packageVersion}/${compMeta.icon}`;
 
   return (
     <ItemWrapper

client/packages/lowcoder/src/pages/editor/right/PluginPanel/PluginItem.tsx

@@ -1,7 +1,7 @@
 import axios from "axios";
 import { EmptyContent } from "components/EmptyContent";
 import { LinkButton } from "lowcoder-design";
-import { useShallowEqualSelector } from "util/hooks";
+import { useApplicationId, useShallowEqualSelector } from "util/hooks";
 import { useContext, useEffect, useMemo, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { AppState } from "redux/reducers";
@@ -55,6 +55,7 @@ interface PluginViewProps {
 export function PluginItem(props: PluginViewProps) {
   const { name, onRemove } = props;
   const dispatch = useDispatch();
+  const appId = useApplicationId();
   const { onDrag, searchValue } = useContext(RightContext);
   const [loading, setLoading] = useState(false);
   const packageMeta = useShallowEqualSelector(
@@ -67,7 +68,7 @@ export function PluginItem(props: PluginViewProps) {
 
   useEffect(() => {
     setLoading(true);
-    axios.get<NpmPackageMeta>(`${NPM_REGISTRY_URL}/${name}`).then((res) => {
+    axios.get<NpmPackageMeta>(`${NPM_REGISTRY_URL}/${appId}/${name}`).then((res) => {
       if (res.status >= 400) {
         return;
       }