@flagship.io/react-sdk 5.2.0 → 5.2.2

package/dist/index.node.cjs

@@ -97,11 +97,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-'use client';
+/* harmony import */ var _flagship_io_js_sdk__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @flagship.io/js-sdk */ "@flagship.io/js-sdk");
+/* harmony import */ var _flagship_io_js_sdk__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_flagship_io_js_sdk__WEBPACK_IMPORTED_MODULE_1__);
+"use client";
+
 
 
 const initStat = {
-  isInitializing: true
+  isInitializing: true,
+  sdkStatus: _flagship_io_js_sdk__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_NOT_INITIALIZED
 };
 const FlagshipContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({
   state: {
@@ -126,12 +130,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_regexp_flags_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_flags_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _deps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./deps */ "@flagship.io/js-sdk");
-/* harmony import */ var _deps__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_deps__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _deps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./deps */ "@flagship.io/js-sdk");
+/* harmony import */ var _deps__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_deps__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");
 /* harmony import */ var _FlagshipContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./FlagshipContext */ "./src/FlagshipContext.tsx");
 /* harmony import */ var _FSFlag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FSFlag */ "./src/FSFlag.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks */ "./src/hooks.ts");
 'use client';
 
 
@@ -142,6 +147,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /**
  * This hook returns a flag object by its key. If no flag match the given key an empty flag will be returned.
  * @param key
@@ -186,108 +192,126 @@ const useFlagship = () => {
     visitor,
     config
   } = state;
+  const visitorRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLatestRef)(visitor);
+  const configRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLatestRef)(config);
+  const stateRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLatestRef)(state);
+  const visitorContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => ({
+    ...(visitor === null || visitor === void 0 ? void 0 : visitor.context)
+  }), [JSON.stringify(visitor === null || visitor === void 0 ? void 0 : visitor.context)]);
   const fsUpdateContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(context => {
     handleContextChange({
-      config,
-      visitor,
-      updateFunction: () => visitor === null || visitor === void 0 ? void 0 : visitor.updateContext(context),
+      config: configRef.current,
+      visitor: visitorRef.current,
+      updateFunction: () => {
+        var _visitorRef$current;
+        return (_visitorRef$current = visitorRef.current) === null || _visitorRef$current === void 0 ? void 0 : _visitorRef$current.updateContext(context);
+      },
       functionName: 'updateContext'
     });
-  }, [visitor]);
+  }, []);
   const fsClearContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
     handleContextChange({
-      config,
-      visitor,
-      updateFunction: () => visitor === null || visitor === void 0 ? void 0 : visitor.clearContext(),
+      config: configRef.current,
+      visitor: visitorRef.current,
+      updateFunction: () => {
+        var _visitorRef$current2;
+        return (_visitorRef$current2 = visitorRef.current) === null || _visitorRef$current2 === void 0 ? void 0 : _visitorRef$current2.clearContext();
+      },
       functionName: 'cleanContext'
     });
-  }, [visitor]);
+  }, []);
   const fsAuthenticate = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(visitorId => {
     const functionName = 'authenticate';
-    if (!visitor) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logError)(config, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, functionName);
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logError)(configRef.current, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, functionName);
       return;
     }
-    const originalVisitorId = visitor.visitorId;
-    visitor.authenticate(visitorId);
+    const originalVisitorId = currentVisitor.visitorId;
+    currentVisitor.authenticate(visitorId);
     if (originalVisitorId !== visitorId) {
-      visitor.fetchFlags();
+      currentVisitor.fetchFlags();
     }
-  }, [visitor]);
+  }, []);
   const fsUnauthenticate = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
     const functionName = 'unauthenticate';
-    if (!visitor) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logError)(config, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, functionName);
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logError)(configRef.current, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, functionName);
       return;
     }
-    const originalVisitorId = visitor.visitorId;
-    visitor.unauthenticate();
-    if (originalVisitorId !== visitor.visitorId) {
-      visitor.fetchFlags();
+    const originalVisitorId = currentVisitor.visitorId;
+    currentVisitor.unauthenticate();
+    if (originalVisitorId !== currentVisitor.visitorId) {
+      currentVisitor.fetchFlags();
     }
-  }, [visitor]);
+  }, []);
   const fsSendHit = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(hit => {
     const functionName = 'sendHit';
-    if (!visitor) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logError)(config, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, functionName);
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logError)(configRef.current, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, functionName);
       return Promise.resolve();
     }
     if (Array.isArray(hit)) {
-      return visitor.sendHits(hit);
+      return currentVisitor.sendHits(hit);
     }
-    return visitor.sendHit(hit);
-  }, [visitor]);
+    return currentVisitor.sendHit(hit);
+  }, []);
   const getFlag = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(key => {
-    if (!visitor) {
-      return new _FSFlag__WEBPACK_IMPORTED_MODULE_3__.FSFlag(key, state);
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      return new _FSFlag__WEBPACK_IMPORTED_MODULE_3__.FSFlag(key, stateRef.current);
     }
-    return visitor.getFlag(key);
-  }, [visitor]);
+    return currentVisitor.getFlag(key);
+  }, []);
   const fetchFlags = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(async () => {
-    if (!visitor) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logWarn)(config, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, 'fetchFlags');
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logWarn)(configRef.current, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, 'fetchFlags');
       return Promise.resolve();
     }
-    return visitor.fetchFlags();
-  }, [visitor]);
+    return currentVisitor.fetchFlags();
+  }, []);
   const setConsent = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(hasConsented => {
-    if (!visitor) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logWarn)(config, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, 'setConsent');
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__.logWarn)(configRef.current, _constants__WEBPACK_IMPORTED_MODULE_5__.noVisitorMessage, 'setConsent');
       return;
     }
-    visitor.setConsent(hasConsented);
-  }, [visitor]);
+    currentVisitor.setConsent(hasConsented);
+  }, []);
   const close = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
-    return _deps__WEBPACK_IMPORTED_MODULE_6__.Flagship.close();
+    return _deps__WEBPACK_IMPORTED_MODULE_7__.Flagship.close();
   }, []);
   const getFlags = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
-    if (!visitor) {
-      var _state$flags;
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
+      var _stateRef$current$fla;
       const flags = new Map();
-      (_state$flags = state.flags) === null || _state$flags === void 0 || _state$flags.forEach((flag, key) => {
-        flags.set(key, new _FSFlag__WEBPACK_IMPORTED_MODULE_3__.FSFlag(key, state));
+      (_stateRef$current$fla = stateRef.current.flags) === null || _stateRef$current$fla === void 0 || _stateRef$current$fla.forEach((flag, key) => {
+        flags.set(key, new _FSFlag__WEBPACK_IMPORTED_MODULE_3__.FSFlag(key, stateRef.current));
       });
-      return new _deps__WEBPACK_IMPORTED_MODULE_6__.FSFlagCollection({
+      return new _deps__WEBPACK_IMPORTED_MODULE_7__.FSFlagCollection({
         flags
       });
     }
-    return visitor.getFlags();
-  }, [visitor]);
+    return currentVisitor.getFlags();
+  }, []);
   const collectEAIEventsAsync = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(async (...args) => {
-    if (!visitor) {
+    const currentVisitor = visitorRef.current;
+    if (!currentVisitor) {
       return;
     }
-    return visitor.collectEAIEventsAsync(...args);
-  }, [visitor]);
+    return currentVisitor.collectEAIEventsAsync(...args);
+  }, []);
   return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => ({
     visitorId: visitor === null || visitor === void 0 ? void 0 : visitor.visitorId,
     anonymousId: visitor === null || visitor === void 0 ? void 0 : visitor.anonymousId,
-    context: {
-      ...(visitor === null || visitor === void 0 ? void 0 : visitor.context)
-    },
+    context: visitorContext,
     hasConsented: visitor === null || visitor === void 0 ? void 0 : visitor.hasConsented,
-    sdkStatus: _deps__WEBPACK_IMPORTED_MODULE_6__.Flagship.getStatus(),
-    flagsStatus: visitor === null || visitor === void 0 ? void 0 : visitor.flagsStatus,
+    sdkStatus: state.sdkStatus,
+    flagsStatus: state.flagsStatus,
     setConsent,
     updateContext: fsUpdateContext,
     clearContext: fsClearContext,
@@ -299,7 +323,7 @@ const useFlagship = () => {
     close,
     getFlags,
     collectEAIEventsAsync
-  }), [visitor, setConsent, fsUpdateContext, fsClearContext, fsAuthenticate, fsUnauthenticate, fsSendHit, getFlag, fetchFlags, close, getFlags, collectEAIEventsAsync]);
+  }), [visitor === null || visitor === void 0 ? void 0 : visitor.visitorId, visitor === null || visitor === void 0 ? void 0 : visitor.anonymousId, visitor === null || visitor === void 0 ? void 0 : visitor.hasConsented, visitorContext, state.sdkStatus, state.flagsStatus, setConsent, fsUpdateContext, fsClearContext, fsAuthenticate, fsUnauthenticate, fsSendHit, getFlag, fetchFlags, close, getFlags, collectEAIEventsAsync]);
 };
 
 /***/ }),
@@ -319,9 +343,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _deps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./deps */ "@flagship.io/js-sdk");
 /* harmony import */ var _deps__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_deps__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _FlagshipContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./FlagshipContext */ "./src/FlagshipContext.tsx");
-/* harmony import */ var _internalType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./internalType */ "./src/internalType.ts");
+/* harmony import */ var _internalType__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./internalType */ "./src/internalType.ts");
 /* harmony import */ var _sdkVersion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sdkVersion */ "./src/sdkVersion.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ "./src/hooks.ts");
 "use client";
 
 
@@ -330,6 +355,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 function FlagshipProvider({
   children,
   envId,
@@ -350,174 +376,207 @@ function FlagshipProvider({
   shouldSaveInstance,
   ...props
 }) {
-  var _state$config;
-  const flags = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.extractFlagsMap)(initialFlagsData, initialCampaigns);
-  const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+  const flags = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => (0,_utils__WEBPACK_IMPORTED_MODULE_3__.extractFlagsMap)(initialFlagsData, initialCampaigns), [initialFlagsData, initialCampaigns]);
+  const [flagshipState, setFlagshipState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
     ..._FlagshipContext__WEBPACK_IMPORTED_MODULE_4__.initStat,
     flags,
     hasVisitorData: !!visitorData
   });
   const [lastModified, setLastModified] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();
-  const stateRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  stateRef.current = state;
-  const visitorDataRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(visitorData);
+  const flagshipVisitorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    flagshipVisitorRef.current = flagshipState.visitor;
+  }, [flagshipState.visitor]);
+  const propsRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLatestRef)(props);
+  const configRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLatestRef)({
+    fetchNow,
+    hitDeduplicationTime,
+    language,
+    sdkVersion
+  });
+  const callbacksRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLatestRef)({
+    onSdkStatusChanged,
+    onBucketingUpdated,
+    onFlagsStatusChanged
+  });
+  const visitorDataMemo = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => visitorData, [visitorData === null || visitorData === void 0 ? void 0 : visitorData.id, visitorData === null || visitorData === void 0 ? void 0 : visitorData.isAuthenticated, visitorData === null || visitorData === void 0 ? void 0 : visitorData.hasConsented, JSON.stringify(visitorData === null || visitorData === void 0 ? void 0 : visitorData.context)]);
 
   // #region functions
 
-  const onBucketingLastModified = lastUpdate => {
-    if (onBucketingUpdated) {
-      onBucketingUpdated(lastUpdate);
+  const handleBucketingUpdate = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(lastUpdate => {
+    if (callbacksRef.current.onBucketingUpdated) {
+      callbacksRef.current.onBucketingUpdated(lastUpdate);
     }
     setLastModified(lastUpdate);
-  };
-  const statusChanged = status => {
-    if (onSdkStatusChanged) {
-      onSdkStatusChanged(status);
-    }
-    switch (status) {
-      case _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_PANIC:
-      case _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_INITIALIZED:
-        createVisitor();
-        break;
-      case _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_NOT_INITIALIZED:
-        setState(prev => ({
-          ...prev,
-          config: _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getConfig(),
-          isInitializing: false
-        }));
-        break;
-    }
-  };
-  const initSdk = () => {
-    _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.start(envId, apiKey, {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      decisionMode: decisionMode,
-      fetchNow,
-      onSdkStatusChanged: statusChanged,
-      onBucketingUpdated: onBucketingLastModified,
-      hitDeduplicationTime,
-      language,
-      sdkVersion,
-      ...props
+  }, []);
+  const handleFlagsStatusChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(({
+    status,
+    reason
+  }) => {
+    var _callbacksRef$current, _callbacksRef$current2;
+    (_callbacksRef$current = (_callbacksRef$current2 = callbacksRef.current).onFlagsStatusChanged) === null || _callbacksRef$current === void 0 || _callbacksRef$current.call(_callbacksRef$current2, {
+      status,
+      reason
     });
-  };
-  function initializeState(param) {
-    setState(currentState => ({
+    setFlagshipState(currentState => ({
+      ...currentState,
+      flagsStatus: {
+        status,
+        reason
+      }
+    }));
+  }, []);
+  const initializeVisitorState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(param => {
+    setFlagshipState(currentState => ({
       ...currentState,
       visitor: param.fsVisitor,
       config: _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getConfig(),
       isInitializing: false,
-      hasVisitorData: !!visitorData
+      hasVisitorData: !!visitorDataMemo,
+      sdkStatus: param.sdkStatus
     }));
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const onVisitorReady = (fsVisitor, error) => {
+  }, [!!visitorDataMemo]);
+  const handleVisitorReady = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((fsVisitor, error, sdkStatus) => {
     if (error) {
       (0,_utils__WEBPACK_IMPORTED_MODULE_3__.logError)(_deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getConfig(), error.message || error, "onReady");
     }
-    initializeState({
-      fsVisitor
+    initializeVisitorState({
+      fsVisitor,
+      sdkStatus
     });
-  };
-  const createVisitor = () => {
-    if (!visitorDataRef.current) {
+  }, [initializeVisitorState]);
+  const createFlagshipVisitor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(sdkStatus => {
+    if (!visitorDataMemo) {
       return;
     }
     const fsVisitor = _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.newVisitor({
-      visitorId: visitorDataRef.current.id,
-      context: visitorDataRef.current.context,
-      isAuthenticated: visitorDataRef.current.isAuthenticated,
-      hasConsented: visitorDataRef.current.hasConsented,
+      visitorId: visitorDataMemo.id,
+      context: visitorDataMemo.context,
+      isAuthenticated: visitorDataMemo.isAuthenticated,
+      hasConsented: visitorDataMemo.hasConsented,
       initialCampaigns,
       initialFlagsData,
-      onFlagsStatusChanged,
+      onFlagsStatusChanged: handleFlagsStatusChange,
       shouldSaveInstance
     });
     fsVisitor === null || fsVisitor === void 0 || fsVisitor.on("ready", error => {
-      onVisitorReady(fsVisitor, error);
+      handleVisitorReady(fsVisitor, error, sdkStatus);
     });
     if (!fetchNow) {
-      initializeState({
-        fsVisitor
+      initializeVisitorState({
+        fsVisitor,
+        sdkStatus
       });
     }
-  };
-  function updateVisitor() {
-    if (!visitorDataRef.current || _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getStatus() !== _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_INITIALIZED) {
-      return;
+  }, [initialCampaigns, initialFlagsData, handleFlagsStatusChange, shouldSaveInstance, fetchNow, handleVisitorReady, initializeVisitorState, visitorDataMemo]);
+  const handleSdkStatusChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(sdkStatus => {
+    if (callbacksRef.current.onSdkStatusChanged) {
+      callbacksRef.current.onSdkStatusChanged(sdkStatus);
     }
-    if (!state.visitor || state.visitor.visitorId !== visitorDataRef.current.id && (!visitorDataRef.current.isAuthenticated || visitorDataRef.current.isAuthenticated && state.visitor.anonymousId)) {
-      var _state$visitor;
-      (_state$visitor = state.visitor) === null || _state$visitor === void 0 || _state$visitor.cleanup();
-      createVisitor();
-      return;
+    switch (sdkStatus) {
+      case _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_PANIC:
+      case _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_INITIALIZED:
+        createFlagshipVisitor(sdkStatus);
+        break;
+      case _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_NOT_INITIALIZED:
+        setFlagshipState(prev => ({
+          ...prev,
+          config: _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getConfig(),
+          isInitializing: false,
+          sdkStatus
+        }));
+        break;
     }
-    if (visitorDataRef.current.hasConsented !== state.visitor.hasConsented) {
-      var _visitorDataRef$curre;
-      state.visitor.setConsent((_visitorDataRef$curre = visitorDataRef.current.hasConsented) !== null && _visitorDataRef$curre !== void 0 ? _visitorDataRef$curre : true);
+  }, [createFlagshipVisitor]);
+  const handleSdkStatusChangeRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLatestRef)(handleSdkStatusChange);
+  const handleBucketingUpdateRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLatestRef)(handleBucketingUpdate);
+  const initializeFlagshipSdk = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.start(envId, apiKey, {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      decisionMode: decisionMode,
+      fetchNow: configRef.current.fetchNow,
+      onSdkStatusChanged: (...args) => handleSdkStatusChangeRef.current(...args),
+      onBucketingUpdated: (...args) => handleBucketingUpdateRef.current(...args),
+      hitDeduplicationTime: configRef.current.hitDeduplicationTime,
+      language: configRef.current.language,
+      sdkVersion: configRef.current.sdkVersion,
+      ...propsRef.current
+    });
+  }, [envId, apiKey, decisionMode]);
+  const updateFlagshipVisitor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    if (!visitorDataMemo || _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getStatus() !== _deps__WEBPACK_IMPORTED_MODULE_1__.FSSdkStatus.SDK_INITIALIZED) {
+      return;
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    state.visitor.updateContext(visitorDataRef.current.context);
-    if (!state.visitor.anonymousId && visitorDataRef.current.isAuthenticated) {
-      state.visitor.authenticate(visitorDataRef.current.id);
+    const currentVisitor = flagshipVisitorRef.current;
+    if ((0,_hooks__WEBPACK_IMPORTED_MODULE_5__.shouldRecreateVisitor)(currentVisitor, visitorDataMemo.id, visitorDataMemo.isAuthenticated)) {
+      currentVisitor === null || currentVisitor === void 0 || currentVisitor.cleanup();
+      createFlagshipVisitor(_deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.getStatus());
+      return;
     }
-    if (state.visitor.anonymousId && !visitorDataRef.current.isAuthenticated) {
-      state.visitor.unauthenticate();
+
+    // Update existing visitor
+    if (currentVisitor) {
+      (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.updateVisitorData)(currentVisitor, visitorDataMemo.id, visitorDataMemo.context, visitorDataMemo.hasConsented, visitorDataMemo.isAuthenticated);
     }
-    state.visitor.fetchFlags();
-  }
+  }, [createFlagshipVisitor, visitorDataMemo]);
 
   // #endregion
 
   (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useNonInitialEffect)(() => {
     if (fetchFlagsOnBucketingUpdated) {
-      var _state$visitor2;
-      (_state$visitor2 = state.visitor) === null || _state$visitor2 === void 0 || _state$visitor2.fetchFlags();
+      var _flagshipVisitorRef$c;
+      (_flagshipVisitorRef$c = flagshipVisitorRef.current) === null || _flagshipVisitorRef$c === void 0 || _flagshipVisitorRef$c.fetchFlags();
     }
-  }, [lastModified]);
+  }, [lastModified, fetchFlagsOnBucketingUpdated]);
   (0,_utils__WEBPACK_IMPORTED_MODULE_3__.useNonInitialEffect)(() => {
-    visitorDataRef.current = visitorData;
-    updateVisitor();
-  }, [JSON.stringify(visitorData)]);
+    updateFlagshipVisitor();
+  }, [updateFlagshipVisitor]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    initSdk();
-  }, [envId, apiKey, decisionMode]);
-  const handleDisplay = () => {
-    const isFirstInit = !state.visitor;
-    if (state.isInitializing && loadingComponent && isFirstInit && fetchNow) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, loadingComponent);
-    }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children);
-  };
+    initializeFlagshipSdk();
+  }, [initializeFlagshipSdk]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    var _window, _window$addEventListe;
-    (_window = window) === null || _window === void 0 || (_window$addEventListe = _window.addEventListener) === null || _window$addEventListe === void 0 || _window$addEventListe.call(_window, _internalType__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.FsTriggerRendering, onVariationsForced);
     return () => {
-      var _window2, _window2$removeEventL;
-      return (_window2 = window) === null || _window2 === void 0 || (_window2$removeEventL = _window2.removeEventListener) === null || _window2$removeEventL === void 0 ? void 0 : _window2$removeEventL.call(_window2, _internalType__WEBPACK_IMPORTED_MODULE_5__.INTERNAL_EVENTS.FsTriggerRendering, onVariationsForced);
+      var _flagshipVisitorRef$c2;
+      (_flagshipVisitorRef$c2 = flagshipVisitorRef.current) === null || _flagshipVisitorRef$c2 === void 0 || _flagshipVisitorRef$c2.cleanup();
+      _deps__WEBPACK_IMPORTED_MODULE_1__.Flagship.close();
     };
-  }, [(_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.isQAModeEnabled]);
-  const onVariationsForced = e => {
+  }, []);
+  const handleDisplay = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    const isFirstInit = !flagshipState.visitor;
+    if (flagshipState.isInitializing && loadingComponent && isFirstInit && fetchNow) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, loadingComponent);
+    }
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children);
+  }, [flagshipState.isInitializing, flagshipState.visitor, loadingComponent, fetchNow, children]);
+  const handleForcedVariations = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(e => {
     const {
       detail
     } = e;
     if (detail.forcedReFetchFlags) {
-      var _stateRef$current;
-      (_stateRef$current = stateRef.current) === null || _stateRef$current === void 0 || (_stateRef$current = _stateRef$current.visitor) === null || _stateRef$current === void 0 || _stateRef$current.fetchFlags();
+      var _flagshipVisitorRef$c3;
+      (_flagshipVisitorRef$c3 = flagshipVisitorRef.current) === null || _flagshipVisitorRef$c3 === void 0 || _flagshipVisitorRef$c3.fetchFlags();
     } else {
-      setState(state => ({
+      setFlagshipState(state => ({
         ...state,
         toggleForcedVariations: !state.toggleForcedVariations
       }));
     }
-  };
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    var _window, _window$addEventListe;
+    (_window = window) === null || _window === void 0 || (_window$addEventListe = _window.addEventListener) === null || _window$addEventListe === void 0 || _window$addEventListe.call(_window, _internalType__WEBPACK_IMPORTED_MODULE_6__.INTERNAL_EVENTS.FsTriggerRendering, handleForcedVariations);
+    return () => {
+      var _window2, _window2$removeEventL;
+      return (_window2 = window) === null || _window2 === void 0 || (_window2$removeEventL = _window2.removeEventListener) === null || _window2$removeEventL === void 0 ? void 0 : _window2$removeEventL.call(_window2, _internalType__WEBPACK_IMPORTED_MODULE_6__.INTERNAL_EVENTS.FsTriggerRendering, handleForcedVariations);
+    };
+  }, [handleForcedVariations]);
+  const contextValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
+    state: flagshipState,
+    setState: setFlagshipState
+  }), [flagshipState]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FlagshipContext__WEBPACK_IMPORTED_MODULE_4__.FlagshipContext.Provider, {
-    value: {
-      state,
-      setState
-    }
-  }, handleDisplay());
+    value: contextValue
+  }, handleDisplay);
 }
 
 /***/ }),
@@ -662,6 +721,67 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 
 
+/***/ }),
+
+/***/ "./src/hooks.ts":
+/*!**********************!*\
+  !*** ./src/hooks.ts ***!
+  \**********************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getAuthenticationAction: () => (/* binding */ getAuthenticationAction),
+/* harmony export */   shouldRecreateVisitor: () => (/* binding */ shouldRecreateVisitor),
+/* harmony export */   shouldUpdateConsent: () => (/* binding */ shouldUpdateConsent),
+/* harmony export */   updateVisitorData: () => (/* binding */ updateVisitorData),
+/* harmony export */   useLatestRef: () => (/* binding */ useLatestRef)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+'use client';
+
+
+function useLatestRef(value) {
+  const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+function shouldRecreateVisitor(currentVisitor, visitorId, isAuthenticated) {
+  if (!currentVisitor) {
+    return true;
+  }
+  const hasIdChanged = currentVisitor.visitorId !== visitorId;
+  return hasIdChanged && (!isAuthenticated || isAuthenticated && !!currentVisitor.anonymousId);
+}
+function shouldUpdateConsent(currentVisitor, hasConsented) {
+  return currentVisitor.hasConsented !== hasConsented;
+}
+function getAuthenticationAction(currentVisitor, isAuthenticated) {
+  if (!currentVisitor.anonymousId && isAuthenticated) {
+    return "authenticate";
+  }
+  if (currentVisitor.anonymousId && !isAuthenticated) {
+    return "unauthenticate";
+  }
+  return null;
+}
+function updateVisitorData(visitor, visitorId, context, hasConsented, isAuthenticated) {
+  if (shouldUpdateConsent(visitor, hasConsented)) {
+    visitor.setConsent(hasConsented !== null && hasConsented !== void 0 ? hasConsented : true);
+  }
+  visitor.updateContext(context);
+  const authAction = getAuthenticationAction(visitor, isAuthenticated);
+  if (authAction === "authenticate") {
+    visitor.authenticate(visitorId);
+  } else if (authAction === "unauthenticate") {
+    visitor.unauthenticate();
+  }
+  visitor.fetchFlags();
+}
+
 /***/ }),
 
 /***/ "./src/internalType.ts":
@@ -692,7 +812,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   version: () => (/* binding */ version)
 /* harmony export */ });
 // Generated by genversion.
-const version = '5.2.0';
+const version = '5.2.2';
 
 /***/ }),