feature/IO-3701-Harness-Replacement - Implement

client/src/App/App.container.jsx

@@ -1,6 +1,6 @@
 import { ApolloProvider } from "@apollo/client/react";
 import * as Sentry from "@sentry/react";
-import { SplitFactoryProvider, useSplitClient } from "@splitsoftware/splitio-react";
+import { FeatureFlagProvider, useFeatureFlagClient } from "../feature-flags/splitio-react-replacement";
 import { ConfigProvider } from "antd";
 import enLocale from "antd/es/locale/en_US";
 import { useEffect, useMemo } from "react";
@@ -16,23 +16,21 @@ import client from "../utils/GraphQLClient";
 import App from "./App";
 import getTheme from "./themeProvider";
 
-// Base Split configuration
 const config = {
   core: {
-    authorizationKey: import.meta.env.VITE_APP_SPLIT_API,
     key: "anon"
   }
 };
 
-function SplitClientProvider({ children }) {
+function FeatureFlagClientProvider({ children }) {
   const imexshopid = useSelector((state) => state.user.imexshopid);
-  const splitClient = useSplitClient({ key: imexshopid || "anon" });
+  const featureFlagClient = useFeatureFlagClient({ key: imexshopid || "anon" });
 
   useEffect(() => {
-    if (import.meta.env.DEV && splitClient && imexshopid) {
-      console.log(`Split client initialized with key: ${imexshopid}, isReady: ${splitClient.isReady}`);
+    if (import.meta.env.DEV && featureFlagClient && imexshopid) {
+      console.log(`Feature flag client initialized with key: ${imexshopid}, isReady: ${featureFlagClient.isReady}`);
     }
-  }, [splitClient, imexshopid]);
+  }, [featureFlagClient, imexshopid]);
 
   return children;
 }
@@ -124,11 +122,11 @@ function AppContainer() {
       <ApolloProvider client={client}>
         <ConfigProvider input={antdInput} locale={enLocale} theme={theme} form={antdForm}>
           <GlobalLoadingBar />
-          <SplitFactoryProvider config={config}>
-            <SplitClientProvider>
+          <FeatureFlagProvider config={config}>
+            <FeatureFlagClientProvider>
               <App />
-            </SplitClientProvider>
-          </SplitFactoryProvider>
+            </FeatureFlagClientProvider>
+          </FeatureFlagProvider>
         </ConfigProvider>
       </ApolloProvider>
     </CookiesProvider>