ConvoStack
diff --git a/‎examples/fe-example-react/src/main.tsx‎
Lines changed: 5 additions & 4 deletions b/‎examples/fe-example-react/src/main.tsx‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎examples/fe-example-react/tsconfig.tsbuildinfo‎
Lines changed: 1 addition & 1 deletion b/‎examples/fe-example-react/tsconfig.tsbuildinfo‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎package-lock.json‎
Lines changed: 52 additions & 52 deletions b/‎package-lock.json‎
Lines changed: 52 additions & 52 deletions
diff --git a/‎packages/convostack-frontend-react/src/App.tsx‎
Lines changed: 4 additions & 0 deletions b/‎packages/convostack-frontend-react/src/App.tsx‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎packages/convostack-frontend-react/src/ConvoStackWidget.tsx‎
Lines changed: 4 additions & 1 deletion b/‎packages/convostack-frontend-react/src/ConvoStackWidget.tsx‎
Lines changed: 4 additions & 1 deletion
@@ -13,13 +13,14 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <>
     <ConvoStackWrapper>
       <ConvoStackWidget
-        graphqlUrl="http://localhost:3000/graphql"
-        websocketUrl="ws://localhost:3000/graphql"
+        graphqlUrl="http://localhost:3033/graphql"
+        websocketUrl="ws://localhost:3033/graphql"
+        workspaceId="clijh54bz0009wud1v4yhrt8o"
         userData={{
-          email: "m@g.com",
+          email: "m@sdfgfsdgg.com",
           name: "zxx",
           hash: "z420",
-          userId: "m",
+          userId: "mmsxsddfmm",
         }}
         customStyling={{
           headerText: "My Custom Header",
 
@@ -9,6 +9,7 @@ import {
   setStyling,
   setUserData,
   setWebsocketlUrl,
+  setWorkspaceId,
 } from "./redux/slice";
 import { CustomIcons } from "./types";
 import { ConvoStackWidgetProps } from "./ConvoStackWidget";
@@ -19,6 +20,7 @@ export const CustomIconsContext = createContext<CustomIcons | undefined>(
 
 const App: React.FC<Omit<ConvoStackWidgetProps, "children">> = ({
   graphqlUrl,
+  workspaceId,
   websocketUrl,
   userData,
   customStyling,
@@ -31,12 +33,14 @@ const App: React.FC<Omit<ConvoStackWidgetProps, "children">> = ({
   useEffect(() => {
     dispatch(setWebsocketlUrl(websocketUrl));
     dispatch(setGraphqlUrl(graphqlUrl));
+    dispatch(setWorkspaceId(workspaceId));
     if (defaultAgent !== undefined) dispatch(setDefaultAgent(defaultAgent));
     if (customStyling !== undefined) dispatch(setStyling(customStyling));
     if (userData !== undefined) dispatch(setUserData(userData));
   }, [
     websocketUrl,
     graphqlUrl,
+    workspaceId,
     customStyling,
     userData,
     dispatch,
 
@@ -7,6 +7,7 @@ import { CustomIcons, CustomStyling, UserData } from "./types";
 export interface ConvoStackWidgetProps {
   graphqlUrl: string;
   websocketUrl: string;
+  workspaceId?: string;
   userData?: UserData;
   customStyling?: CustomStyling;
   icons?: CustomIcons;
@@ -18,6 +19,7 @@ export interface ConvoStackWidgetProps {
 const ConvoStackWidget: React.FC<ConvoStackWidgetProps> = ({
   graphqlUrl,
   websocketUrl,
+  workspaceId,
   userData,
   customStyling,
   icons,
@@ -28,7 +30,7 @@ const ConvoStackWidget: React.FC<ConvoStackWidgetProps> = ({
   const [isLoading, setIsLoading] = useState(true);
   useEffect(() => {
     const fetchData = async () => {
-      await fetchTokens(graphqlUrl, userData);
+      await fetchTokens(graphqlUrl, workspaceId, userData);
     };
 
     fetchData()
@@ -44,6 +46,7 @@ const ConvoStackWidget: React.FC<ConvoStackWidgetProps> = ({
     <App
       graphqlUrl={graphqlUrl}
       websocketUrl={websocketUrl}
+      workspaceId={workspaceId}
       userData={userData}
       customStyling={customStyling}
       icons={icons}