[FSSDK-10777] ssr support update

Author: junaed-optimizely

src/Experiment.spec.tsx

@@ -63,6 +63,8 @@ describe('<OptimizelyExperiment>', () => {
       getIsUsingSdkKey: () => true,
       onForcedVariationsUpdate: jest.fn().mockReturnValue(() => {}),
       setUser: jest.fn(),
+      getOptimizelyConfig: jest.fn().mockImplementation(() => (isReady ? {} : null)),
+      getUserContext: jest.fn().mockImplementation(() => (isReady ? {} : null)),
     } as unknown as ReactSDKClient;
   });
 
@@ -512,6 +514,11 @@ describe('<OptimizelyExperiment>', () => {
   });
 
   describe('when the isServerSide prop is true', () => {
+    beforeEach(() => {
+      (optimizelyMock.getOptimizelyConfig as jest.Mock).mockReturnValue({});
+      (optimizelyMock.getUserContext as jest.Mock).mockReturnValue({});
+    });
+
     it('should immediately render the result of the experiment without waiting', async () => {
       render(
         <OptimizelyProvider optimizely={optimizelyMock} timeout={100} isServerSide={true}>

src/Feature.spec.tsx

@@ -60,6 +60,8 @@ describe('<OptimizelyFeature>', () => {
       isReady: jest.fn().mockImplementation(() => isReady),
       getIsReadyPromiseFulfilled: () => true,
       getIsUsingSdkKey: () => true,
+      getOptimizelyConfig: jest.fn().mockImplementation(() => (isReady ? {} : null)),
+      getUserContext: jest.fn().mockImplementation(() => (isReady ? {} : null)),
     } as unknown as ReactSDKClient;
   });
 
@@ -310,6 +312,11 @@ describe('<OptimizelyFeature>', () => {
   });
 
   describe('when the isServerSide prop is true', () => {
+    beforeEach(() => {
+      (optimizelyMock.getOptimizelyConfig as jest.Mock).mockReturnValue({});
+      (optimizelyMock.getUserContext as jest.Mock).mockReturnValue({});
+    });
+
     it('should immediately render the result of isFeatureEnabled and getFeatureVariables', async () => {
       const { container } = render(
         <OptimizelyProvider optimizely={optimizelyMock} isServerSide={true}>

src/hooks.spec.tsx

@@ -172,6 +172,8 @@ describe('hooks', () => {
       setForcedDecision: setForcedDecisionMock,
       track: jest.fn(),
       setUser: jest.fn(),
+      getOptimizelyConfig: jest.fn().mockImplementation(() => (readySuccess ? {} : null)),
+      getUserContext: jest.fn().mockImplementation(() => (readySuccess ? {} : null)),
     } as unknown as ReactSDKClient;
 
     mockLog = jest.fn();

src/hooks.ts

@@ -270,9 +270,9 @@ export const useExperiment: UseExperiment = (experimentKey, options = {}, overri
 
   const isClientReady = isServerSide || !!optimizely?.isReady();
   const isReadyPromiseFulfilled = !!optimizely?.getIsReadyPromiseFulfilled();
-
+  const canMakeDecision = optimizely?.getOptimizelyConfig() && optimizely.getUserContext();
   const [state, setState] = useState<ExperimentDecisionValues & InitializationState>(() => {
-    const decisionState = isClientReady ? getCurrentDecision() : { variation: null };
+    const decisionState = canMakeDecision ? getCurrentDecision() : { variation: null };
     return {
       ...decisionState,
       clientReady: isClientReady,
@@ -368,9 +368,10 @@ export const useFeature: UseFeature = (featureKey, options = {}, overrides = {})
 
   const isClientReady = isServerSide || !!optimizely?.isReady();
   const isReadyPromiseFulfilled = !!optimizely?.getIsReadyPromiseFulfilled();
+  const canMakeDecision = optimizely?.getOptimizelyConfig() && optimizely.getUserContext();
 
   const [state, setState] = useState<FeatureDecisionValues & InitializationState>(() => {
-    const decisionState = isClientReady ? getCurrentDecision() : { isEnabled: false, variables: {} };
+    const decisionState = canMakeDecision ? getCurrentDecision() : { isEnabled: false, variables: {} };
     return {
       ...decisionState,
       clientReady: isClientReady,
@@ -467,9 +468,10 @@ export const useDecision: UseDecision = (flagKey, options = {}, overrides = {})
 
   const isClientReady = isServerSide || !!optimizely?.isReady();
   const isReadyPromiseFulfilled = !!optimizely?.getIsReadyPromiseFulfilled();
+  const canMakeDecision = optimizely?.getOptimizelyConfig() && optimizely.getUserContext();
 
   const [state, setState] = useState<{ decision: OptimizelyDecision } & InitializationState>(() => {
-    const decisionState = isClientReady
+    const decisionState = canMakeDecision
       ? getCurrentDecision()
       : {
           decision: defaultDecision,