@frontegg/js 7.3.0-alpha.0 → 7.4.0-alpha.0

package/umd/frontegg.development.js

@@ -322,8 +322,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @frontegg/redux-store */ "../../dist/@frontegg/redux-store/index.js");
 /* harmony import */ var _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @frontegg/redux-store */ "../../dist/@frontegg/redux-store/toolkit/store.js");
-/* harmony import */ var _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @frontegg/redux-store */ "../../dist/@frontegg/redux-store/auth/Entitlements/helpers.js");
-/* harmony import */ var _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @frontegg/redux-store */ "../../dist/@frontegg/redux-store/auth/StepUpState/helpers.js");
+/* harmony import */ var _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @frontegg/redux-store */ "../../dist/@frontegg/redux-store/auth/Entitlements/helpers.js");
+/* harmony import */ var _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @frontegg/redux-store */ "../../dist/@frontegg/redux-store/auth/StepUpState/helpers.js");
 /* harmony import */ var _frontegg_types__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @frontegg/types */ "../../dist/@frontegg/types/index.js");
 /* harmony import */ var _frontegg_types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @frontegg/types */ "../../dist/@frontegg/types/Metadata/index.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "../../dist/@frontegg/js/utils/index.js");
@@ -332,12 +332,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/index.js");
 /* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/FetchClient.js");
 /* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/ContextHolder/index.js");
-/* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/interfaces.js");
+/* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/interfaces.js");
 /* harmony import */ var _version__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../version */ "../../dist/@frontegg/js/version.js");
 /* harmony import */ var _utils_mockFlagsList__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/mockFlagsList */ "../../dist/@frontegg/js/utils/mockFlagsList.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ "../../dist/@frontegg/js/FronteggApp/utils.js");
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-
 
 
 
@@ -711,8 +709,7 @@ var FronteggApp = /*#__PURE__*/function () {
             resolve(scriptHolder["".concat(component, "Init")]({
               FronteggRestApi: _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_13__,
               FronteggTypes: _frontegg_types__WEBPACK_IMPORTED_MODULE_16__,
-              FronteggReduxStore: _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_17__,
-              ValtioVanilla: valtio_vanilla__WEBPACK_IMPORTED_MODULE_18__
+              FronteggReduxStore: _frontegg_redux_store__WEBPACK_IMPORTED_MODULE_17__
             }));
           } else {
             resolve(scriptHolder[component]);
@@ -774,7 +771,7 @@ var FronteggApp = /*#__PURE__*/function () {
                 isMultiApp: false
               }, isMultiApp = _ref4.isMultiApp;
               _this$queryFeatureFla = this.queryFeatureFlags(['multi-apps-admin-portal']), _this$queryFeatureFla2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_this$queryFeatureFla, 1), multiAppsFlag = _this$queryFeatureFla2[0];
-              _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_15__.ContextHolder["for"](this.name).setRequestSource(_frontegg_rest_api__WEBPACK_IMPORTED_MODULE_19__.RequestSource.AdminPortal);
+              _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_15__.ContextHolder["for"](this.name).setRequestSource(_frontegg_rest_api__WEBPACK_IMPORTED_MODULE_18__.RequestSource.AdminPortal);
               _context6.next = 5;
               return this.loadScript('FronteggAdminPortal');
             case 5:
@@ -882,7 +879,7 @@ var FronteggApp = /*#__PURE__*/function () {
       var _this$getEntitlements = this.getEntitlementsQueryData(customAttributes),
         entitlements = _this$getEntitlements.entitlements,
         attributes = _this$getEntitlements.attributes;
-      return (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_20__.getFeatureEntitlements)(entitlements, key, attributes);
+      return (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_19__.getFeatureEntitlements)(entitlements, key, attributes);
     }
 
     /**
@@ -897,7 +894,7 @@ var FronteggApp = /*#__PURE__*/function () {
       var _this$getEntitlements2 = this.getEntitlementsQueryData(customAttributes),
         entitlements = _this$getEntitlements2.entitlements,
         attributes = _this$getEntitlements2.attributes;
-      return (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_20__.getPermissionEntitlements)(entitlements, key, attributes);
+      return (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_19__.getPermissionEntitlements)(entitlements, key, attributes);
     }
 
     /**
@@ -949,7 +946,7 @@ var FronteggApp = /*#__PURE__*/function () {
         });
         return;
       }
-      (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_21__.redirectByStepUpUrl)(stepUpUrl, state.auth.onRedirectTo, options == null ? void 0 : options.maxAge);
+      (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_20__.redirectByStepUpUrl)(stepUpUrl, state.auth.onRedirectTo, options == null ? void 0 : options.maxAge);
     }
 
     /**
@@ -963,7 +960,7 @@ var FronteggApp = /*#__PURE__*/function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var _ref6 = ((_this$store$getState = this.store.getState()) == null ? void 0 : _this$store$getState.auth) || {},
         user = _ref6.user;
-      return (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_21__.isSteppedUp)(user, options);
+      return (0,_frontegg_redux_store__WEBPACK_IMPORTED_MODULE_20__.isSteppedUp)(user, options);
     }
 
     /**
@@ -1086,8 +1083,10 @@ var getOverriddenMetadata = /*#__PURE__*/function () {
         case 3:
           _context.prev = 3;
           _context.next = 6;
-          return fetchClient.get(overrideUrl, {}, {
-            credentials: 'same-origin'
+          return fetchClient.sendRequest({
+            url: overrideUrl,
+            method: 'GET',
+            credentials: 'omit'
           });
         case 6:
           overrideData = _context.sent;
@@ -1587,7 +1586,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  cdnVersion: '7.3.0-alpha.0'
+  cdnVersion: '7.4.0-alpha.0'
 });
 
 /***/ }),
@@ -2169,12 +2168,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interfaces */ "../../dist/@frontegg/redux-store/auth/AcceptInvitationState/interfaces.js");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/AcceptInvitationState/state.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
-
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interfaces */ "../../dist/@frontegg/redux-store/auth/AcceptInvitationState/interfaces.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/AcceptInvitationState/state.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
 
 
 
@@ -2182,32 +2179,31 @@ __webpack_require__.r(__webpack_exports__);
   const actions = sharedActions;
   const setAcceptInvitationState = state => {
     Object.assign(store.auth.acceptInvitationState, state);
-    return (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__.snapshot)(store.auth.acceptInvitationState);
   };
   const resetAcceptInvitationState = () => {
-    store.auth.acceptInvitationState = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_2__.initialState);
+    store.auth.acceptInvitationState = (0,_helpers__WEBPACK_IMPORTED_MODULE_0__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_1__.initialState);
   };
   const acceptInvitation = async payload => {
     if (!payload.token || !payload.userId) {
       setAcceptInvitationState({
         error: undefined,
-        step: _interfaces__WEBPACK_IMPORTED_MODULE_3__.AcceptInvitationStep.invalid
+        step: _interfaces__WEBPACK_IMPORTED_MODULE_2__.AcceptInvitationStep.invalid
       });
       return;
     }
     try {
       setAcceptInvitationState({
         error: undefined,
-        step: _interfaces__WEBPACK_IMPORTED_MODULE_3__.AcceptInvitationStep.pending
+        step: _interfaces__WEBPACK_IMPORTED_MODULE_2__.AcceptInvitationStep.pending
       });
       await api.auth.acceptInvitation(payload);
       setAcceptInvitationState({
-        step: _interfaces__WEBPACK_IMPORTED_MODULE_3__.AcceptInvitationStep.success
+        step: _interfaces__WEBPACK_IMPORTED_MODULE_2__.AcceptInvitationStep.success
       });
     } catch (e) {
       setAcceptInvitationState({
-        step: _interfaces__WEBPACK_IMPORTED_MODULE_3__.AcceptInvitationStep.failed,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.errorHandler)(e)
+        step: _interfaces__WEBPACK_IMPORTED_MODULE_2__.AcceptInvitationStep.failed,
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.errorHandler)(e)
       });
     }
   };
@@ -2278,24 +2274,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "../../node_modules/@babel/runtime/helpers/esm/extends.js");
 /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js");
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/AccountSettingsState/state.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/AccountSettingsState/state.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
 
 
 const _excluded = ["activeTenant", "tenants"];
 
 
-
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((store, api, sharedActions) => {
   const actions = sharedActions;
   const setAccountSettingsState = state => {
     Object.assign(store.auth.accountSettingsState, state);
-    return (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__.snapshot)(store.auth.accountSettingsState);
   };
   const resetAccountSettingsState = () => {
-    store.auth.accountSettingsState = (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_4__.initialState);
+    store.auth.accountSettingsState = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_3__.initialState);
   };
   const updateTenantState = ({
     newSettingValues
@@ -2346,7 +2339,7 @@ const _excluded = ["activeTenant", "tenants"];
       var _payload$callback2;
       setAccountSettingsState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.errorHandler)(e)
       });
       (_payload$callback2 = payload.callback) == null ? void 0 : _payload$callback2.call(payload, null, e);
     }
@@ -2364,7 +2357,7 @@ const _excluded = ["activeTenant", "tenants"];
     } catch (e) {
       setAccountSettingsState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.errorHandler)(e)
       });
     }
   };
@@ -2412,16 +2405,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "../../node_modules/@babel/runtime/helpers/esm/extends.js");
 /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js");
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/ActivateAccountState/state.js");
-/* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/ContextHolder/index.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./interfaces */ "../../dist/@frontegg/redux-store/auth/ActivateAccountState/interfaces.js");
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../interfaces */ "../../dist/@frontegg/redux-store/auth/interfaces.js");
-/* harmony import */ var _helpers_gtm__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/gtm */ "../../dist/@frontegg/redux-store/helpers/gtm.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../helpers */ "../../dist/@frontegg/redux-store/auth/helpers.js");
-/* harmony import */ var _TeamState_interfaces__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../TeamState/interfaces */ "../../dist/@frontegg/redux-store/auth/TeamState/interfaces.js");
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/ActivateAccountState/state.js");
+/* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/ContextHolder/index.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interfaces */ "../../dist/@frontegg/redux-store/auth/ActivateAccountState/interfaces.js");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../interfaces */ "../../dist/@frontegg/redux-store/auth/interfaces.js");
+/* harmony import */ var _helpers_gtm__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../helpers/gtm */ "../../dist/@frontegg/redux-store/helpers/gtm.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../helpers */ "../../dist/@frontegg/redux-store/auth/helpers.js");
+/* harmony import */ var _TeamState_interfaces__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../TeamState/interfaces */ "../../dist/@frontegg/redux-store/auth/TeamState/interfaces.js");
 
 
 const _excluded = ["callback", "events"],
@@ -2436,15 +2428,13 @@ const _excluded = ["callback", "events"],
 
 
 
-
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((store, api, sharedActions) => {
   const actions = sharedActions;
   const setActivateState = state => {
     Object.assign(store.auth.activateAccountState, state);
-    return (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__.snapshot)(store.auth.activateAccountState);
   };
   const resetActivateState = () => {
-    store.auth.activateAccountState = (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_4__.initialState);
+    store.auth.activateAccountState = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_3__.initialState);
   };
   const setActivateStrategyState = state => {
     Object.assign(store.auth.activateAccountState.activationStrategy, state);
@@ -2456,7 +2446,7 @@ const _excluded = ["callback", "events"],
     } = payload;
     setActivateState({
       loading: true,
-      step: _interfaces__WEBPACK_IMPORTED_MODULE_5__.ActivateAccountStep.activating
+      step: _interfaces__WEBPACK_IMPORTED_MODULE_4__.ActivateAccountStep.activating
     });
     try {
       const isAuthenticated = store.auth.isAuthenticated;
@@ -2475,13 +2465,13 @@ const _excluded = ["callback", "events"],
       if (strategy.shouldSetPassword) {
         setActivateState({
           loading: false,
-          step: _interfaces__WEBPACK_IMPORTED_MODULE_5__.ActivateAccountStep.activatingForm
+          step: _interfaces__WEBPACK_IMPORTED_MODULE_4__.ActivateAccountStep.activatingForm
         });
       }
     } catch (e) {
       setActivateState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.errorHandler)(e)
       });
     }
   };
@@ -2495,7 +2485,7 @@ const _excluded = ["callback", "events"],
       loading: true
     });
     try {
-      const onRedirectTo = _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_7__.ContextHolder.for(store.root.appName).onRedirectTo;
+      const onRedirectTo = _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_6__.ContextHolder.for(store.root.appName).onRedirectTo;
       const routes = store.auth.routes;
       const _await$api$auth$activ = await api.auth.activateAccountV2(payload),
         {
@@ -2506,37 +2496,37 @@ const _excluded = ["callback", "events"],
         window.location.href = user.redirectLocation;
         return;
       }
-      if ((0,_helpers__WEBPACK_IMPORTED_MODULE_8__.isMfaRequired)(user, store.root.appName)) {
+      if ((0,_helpers__WEBPACK_IMPORTED_MODULE_7__.isMfaRequired)(user, store.root.appName)) {
         setActivateState({
-          step: _interfaces__WEBPACK_IMPORTED_MODULE_5__.ActivateAccountStep.success
+          step: _interfaces__WEBPACK_IMPORTED_MODULE_4__.ActivateAccountStep.success
         });
         const mfaRequiredState = await actions.getMfaRequiredState(user);
         actions.setAuthState(mfaRequiredState);
-        await (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.delay)(1000);
+        await (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.delay)(1000);
         onRedirectTo(routes.loginUrl, {
           preserveQueryParams: true
         });
       } else {
         var _events$userVerified;
         setActivateState({
-          step: _interfaces__WEBPACK_IMPORTED_MODULE_5__.ActivateAccountStep.success
+          step: _interfaces__WEBPACK_IMPORTED_MODULE_4__.ActivateAccountStep.success
         });
         const userVerifiedPayload = {
           email: user.email,
-          origin: _interfaces__WEBPACK_IMPORTED_MODULE_9__.UserVeirifedOriginTypes.ACTIVATION_LINK,
+          origin: _interfaces__WEBPACK_IMPORTED_MODULE_8__.UserVeirifedOriginTypes.ACTIVATION_LINK,
           id: user.id,
           tenantId: user.tenantId,
           name: user.name,
           createdAt: new Date()
         };
         events == null ? void 0 : (_events$userVerified = events.userVerified) == null ? void 0 : _events$userVerified.call(events, userVerifiedPayload);
-        (0,_helpers_gtm__WEBPACK_IMPORTED_MODULE_10__.reportGTMEvent)(_helpers_gtm__WEBPACK_IMPORTED_MODULE_10__.GTMEventAction.USER_VERIFIED, userVerifiedPayload);
+        (0,_helpers_gtm__WEBPACK_IMPORTED_MODULE_9__.reportGTMEvent)(_helpers_gtm__WEBPACK_IMPORTED_MODULE_9__.GTMEventAction.USER_VERIFIED, userVerifiedPayload);
         await actions.afterAuthenticationStateUpdate((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
           user
         }, rest), {
           isAuthenticated: true
         });
-        await (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.delay)(1000);
+        await (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.delay)(1000);
         await actions.afterAuthNavigation();
         resetActivateState();
       }
@@ -2544,7 +2534,7 @@ const _excluded = ["callback", "events"],
     } catch (e) {
       setActivateState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.errorHandler)(e)
       });
     }
   };
@@ -2567,7 +2557,7 @@ const _excluded = ["callback", "events"],
     } catch (e) {
       setActivateStrategyState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.errorHandler)(e)
       });
     }
   };
@@ -2577,7 +2567,7 @@ const _excluded = ["callback", "events"],
       } = payload,
       body = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(payload, _excluded4);
     actions.setTeamLoader({
-      key: _TeamState_interfaces__WEBPACK_IMPORTED_MODULE_11__.TeamStateKeys.RESEND_ACTIVATE_LINK,
+      key: _TeamState_interfaces__WEBPACK_IMPORTED_MODULE_10__.TeamStateKeys.RESEND_ACTIVATE_LINK,
       value: body.email
     });
     setActivateState({
@@ -2594,12 +2584,12 @@ const _excluded = ["callback", "events"],
     } catch (e) {
       setActivateState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.errorHandler)(e)
       });
       callback == null ? void 0 : callback(null, e);
     } finally {
       actions.setTeamLoader({
-        key: _TeamState_interfaces__WEBPACK_IMPORTED_MODULE_11__.TeamStateKeys.RESEND_ACTIVATE_LINK,
+        key: _TeamState_interfaces__WEBPACK_IMPORTED_MODULE_10__.TeamStateKeys.RESEND_ACTIVATE_LINK,
         value: false
       });
     }
@@ -15407,28 +15397,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/UnlockAccountState/state.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
-/* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/ContextHolder/index.js");
-
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./state */ "../../dist/@frontegg/redux-store/auth/UnlockAccountState/state.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/common.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../helpers */ "../../dist/@frontegg/redux-store/helpers/handlers.js");
+/* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/ContextHolder/index.js");
 
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((store, api, sharedActions) => {
   const setUnlockAccountState = state => {
     Object.assign(store.auth.unlockAccountState, state);
-    return (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__.snapshot)(store.auth.unlockAccountState);
   };
   const resetUnlockAccountState = () => {
-    store.auth.activateAccountState = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_2__.initialState);
+    store.auth.activateAccountState = (0,_helpers__WEBPACK_IMPORTED_MODULE_0__.deepClone)(_state__WEBPACK_IMPORTED_MODULE_1__.initialState);
   };
   const unlockAccount = async _payload => {
     const {
       token
     } = _payload;
-    const onRedirectTo = _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_3__.ContextHolder.for(store.root.appName).onRedirectTo;
+    const onRedirectTo = _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_2__.ContextHolder.for(store.root.appName).onRedirectTo;
     const routes = store.auth.routes;
     setUnlockAccountState({
       loading: true
@@ -15442,12 +15429,12 @@ __webpack_require__.r(__webpack_exports__);
         error: undefined,
         unlockAccountSuccess: true
       });
-      await (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.delay)(1000);
+      await (0,_helpers__WEBPACK_IMPORTED_MODULE_0__.delay)(1000);
       onRedirectTo(routes.loginUrl);
     } catch (e) {
       setUnlockAccountState({
         loading: false,
-        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.errorHandler)(e)
+        error: (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.errorHandler)(e)
       });
     }
   };
@@ -17561,6 +17548,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   createAuthState: () => (/* reexport safe */ _toolkit__WEBPACK_IMPORTED_MODULE_0__.createAuthState),
 /* harmony export */   createConnectivityState: () => (/* reexport safe */ _connectivity__WEBPACK_IMPORTED_MODULE_4__.createConnectivityState),
 /* harmony export */   createFronteggStore: () => (/* reexport safe */ _toolkit__WEBPACK_IMPORTED_MODULE_0__.createFronteggStore),
+/* harmony export */   createProxy: () => (/* reexport safe */ _toolkit__WEBPACK_IMPORTED_MODULE_0__.createProxy),
 /* harmony export */   createRandomString: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_2__.createRandomString),
 /* harmony export */   createStore: () => (/* reexport safe */ _toolkit__WEBPACK_IMPORTED_MODULE_0__.createStore),
 /* harmony export */   createSubscriptionsState: () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_5__.createSubscriptionsState),
@@ -17614,7 +17602,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _subscriptions_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./subscriptions/interfaces */ "../../dist/@frontegg/redux-store/subscriptions/interfaces.js");
 /* harmony import */ var _vendor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./vendor */ "../../dist/@frontegg/redux-store/vendor/index.js");
 /* harmony import */ var _audits__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./audits */ "../../dist/@frontegg/redux-store/audits/index.js");
-/** @license Frontegg v7.3.0-alpha.0
+/** @license Frontegg v7.4.0-alpha.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -23868,17 +23856,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   buildAuthActions: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.buildAuthActions),
 /* harmony export */   createAuthState: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.createAuthState),
 /* harmony export */   createFronteggStore: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.createFronteggStore),
+/* harmony export */   createProxy: () => (/* reexport safe */ _proxy__WEBPACK_IMPORTED_MODULE_3__.createProxy),
 /* harmony export */   createStore: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.createStore),
 /* harmony export */   getEntitlements: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.getEntitlements),
 /* harmony export */   getFeatureEntitlements: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.getFeatureEntitlements),
 /* harmony export */   getPermissionEntitlements: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.getPermissionEntitlements),
 /* harmony export */   isEntitlementsDeeplyEqual: () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.isEntitlementsDeeplyEqual),
-/* harmony export */   snapshot: () => (/* reexport safe */ valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__.snapshot),
-/* harmony export */   subscribe: () => (/* reexport safe */ valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__.subscribe)
+/* harmony export */   snapshot: () => (/* reexport safe */ _valtio__WEBPACK_IMPORTED_MODULE_2__.snapshot),
+/* harmony export */   subscribe: () => (/* reexport safe */ _valtio__WEBPACK_IMPORTED_MODULE_2__.subscribe)
 /* harmony export */ });
 /* harmony import */ var _FronteggNativeModule__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FronteggNativeModule */ "../../dist/@frontegg/redux-store/toolkit/FronteggNativeModule.js");
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "../../dist/@frontegg/redux-store/toolkit/store.js");
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
+/* harmony import */ var _valtio__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../valtio */ "../../dist/@frontegg/redux-store/valtio/valtio.js");
+/* harmony import */ var _proxy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./proxy */ "../../dist/@frontegg/redux-store/toolkit/proxy.js");
+
 
 
 
@@ -23897,7 +23888,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   createProxy: () => (/* binding */ createProxy)
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "../../node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
+/* harmony import */ var _valtio__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../valtio */ "../../dist/@frontegg/redux-store/valtio/valtio.js");
 /* harmony import */ var deepmerge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! deepmerge */ "../../node_modules/deepmerge/dist/cjs.js");
 /* harmony import */ var deepmerge__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_1__);
 
@@ -23905,7 +23896,7 @@ __webpack_require__.r(__webpack_exports__);
 
 const createProxy = (initialState, overrideState) => {
   const deepMergedState = deepmerge__WEBPACK_IMPORTED_MODULE_1___default()(initialState, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, overrideState));
-  return (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_2__.proxy)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+  return (0,_valtio__WEBPACK_IMPORTED_MODULE_2__.proxy)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
     __isProxy: true
   }, deepMergedState));
 };
@@ -23957,7 +23948,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   isEntitlementsDeeplyEqual: () => (/* reexport safe */ _auth__WEBPACK_IMPORTED_MODULE_2__.isEntitlementsDeeplyEqual)
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "../../node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var valtio_vanilla_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! valtio/vanilla/utils */ "../../node_modules/valtio/esm/vanilla/utils.mjs");
+/* harmony import */ var _valtio__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../valtio */ "../../dist/@frontegg/redux-store/valtio/utils/devtools.js");
+/* harmony import */ var _valtio__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../valtio */ "../../dist/@frontegg/redux-store/valtio/valtio.js");
 /* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/ContextHolder/index.js");
 /* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/index.js");
 /* harmony import */ var _frontegg_rest_api__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @frontegg/rest-api */ "../../node_modules/@frontegg/rest-api/FetchClient.js");
@@ -23971,7 +23963,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _audits__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../audits */ "../../dist/@frontegg/redux-store/audits/index.js");
 /* harmony import */ var set_value__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! set-value */ "../../node_modules/set-value/index.js");
 /* harmony import */ var set_value__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(set_value__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
 /* harmony import */ var _audits_backward_compatibility__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../audits-backward-compatibility */ "../../dist/@frontegg/redux-store/audits-backward-compatibility/state.js");
 /* harmony import */ var _audits_backward_compatibility__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../audits-backward-compatibility */ "../../dist/@frontegg/redux-store/audits-backward-compatibility/actions.js");
 /* harmony import */ var _mocks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../mocks */ "../../dist/@frontegg/redux-store/mocks/index.js");
@@ -23992,7 +23983,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /**
  * @deprecated use createStore instead
  */
@@ -24075,7 +24065,7 @@ const createStore = options => {
     audits: oldAuditsState
   });
   if (typeof window !== 'undefined' && (localStorage['DEBUG_FRONTEGG_STORE'] === 'true' || "development" === 'development')) {
-    (0,valtio_vanilla_utils__WEBPACK_IMPORTED_MODULE_11__.devtools)(store, {
+    (0,_valtio__WEBPACK_IMPORTED_MODULE_11__.devtools)(store, {
       name: `${appName} Store`,
       enabled: true
     });
@@ -24123,7 +24113,7 @@ const createStore = options => {
         });
       },
       getState: () => store,
-      subscribe: callback => (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_15__.subscribe)(store, callback),
+      subscribe: callback => (0,_valtio__WEBPACK_IMPORTED_MODULE_15__.subscribe)(store, callback),
       store,
       actions,
       stateActions
@@ -24167,7 +24157,7 @@ const createStore = options => {
         }
       },
       getState: () => store,
-      subscribe: callback => (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_15__.subscribe)(store, callback),
+      subscribe: callback => (0,_valtio__WEBPACK_IMPORTED_MODULE_15__.subscribe)(store, callback),
       store,
       actions,
       stateActions
@@ -24177,6 +24167,408 @@ const createStore = options => {
 
 /***/ }),
 
+/***/ "../../dist/@frontegg/redux-store/valtio/utils/devtools.js":
+/*!*****************************************************************!*\
+  !*** ../../dist/@frontegg/redux-store/valtio/utils/devtools.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   devtools: () => (/* binding */ devtools)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "../../node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js");
+/* harmony import */ var _valtio__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../valtio */ "../../dist/@frontegg/redux-store/valtio/valtio.js");
+
+
+const _excluded = ["enabled", "name"];
+
+const DEVTOOLS = Symbol();
+/**
+ * devtools
+ *
+ * This is to connect with [Redux DevTools Extension](https://github.com/reduxjs/redux-devtools).
+ * Limitation: Only plain objects/values are supported.
+ *
+ * @example
+ * import { devtools } from 'valtio/utils'
+ * const state = proxy({ count: 0, text: 'hello' })
+ * const unsub = devtools(state, { name: 'state name', enabled: true })
+ */
+function devtools(proxyObject, options) {
+  if (typeof options === 'string') {
+    // console.warn('string name option is deprecated, use { name }. https://github.com/pmndrs/valtio/pull/400');
+    options = {
+      name: options
+    };
+  }
+  const _ref = options || {},
+    {
+      enabled,
+      name = ''
+    } = _ref,
+    rest = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, _excluded);
+
+  // @ts-ignore
+  let extension;
+  try {
+    // @ts-ignore
+    extension = enabled && window.__REDUX_DEVTOOLS_EXTENSION__;
+  } catch {
+    // ignored
+  }
+  if (!extension) {
+    // @ts-ignore
+    // TODO: console.warn('[Warning] Please install/enable Redux devtools extension');
+    return;
+  }
+  let isTimeTraveling = false;
+  const devtools = extension.connect((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    name
+  }, rest));
+  const unsub1 = (0,_valtio__WEBPACK_IMPORTED_MODULE_2__.subscribe)(proxyObject, ops => {
+    const action = ops.filter(([_, path]) => path[0] !== DEVTOOLS).map(([op, path]) => `${op}:${path.map(String).join('.')}`).join(', ');
+    if (!action) {
+      return;
+    }
+    if (isTimeTraveling) {
+      isTimeTraveling = false;
+    } else {
+      const snapWithoutDevtools = Object.assign({}, (0,_valtio__WEBPACK_IMPORTED_MODULE_2__.snapshot)(proxyObject));
+      delete snapWithoutDevtools[DEVTOOLS];
+      devtools.send({
+        type: action,
+        updatedAt: new Date().toLocaleString()
+      }, snapWithoutDevtools);
+    }
+  });
+  const unsub2 = devtools.subscribe(message => {
+    var _message$payload3, _message$payload4;
+    if (message.type === 'ACTION' && message.payload) {
+      try {
+        Object.assign(proxyObject, JSON.parse(message.payload));
+      } catch (e) {
+        console.error('please dispatch a serializable value that JSON.parse() and proxy() support\n', e);
+      }
+    }
+    if (message.type === 'DISPATCH' && message.state) {
+      var _message$payload, _message$payload2;
+      if (((_message$payload = message.payload) == null ? void 0 : _message$payload.type) === 'JUMP_TO_ACTION' || ((_message$payload2 = message.payload) == null ? void 0 : _message$payload2.type) === 'JUMP_TO_STATE') {
+        isTimeTraveling = true;
+        const state = JSON.parse(message.state);
+        Object.assign(proxyObject, state);
+      }
+      proxyObject[DEVTOOLS] = message;
+    } else if (message.type === 'DISPATCH' && ((_message$payload3 = message.payload) == null ? void 0 : _message$payload3.type) === 'COMMIT') {
+      devtools.init((0,_valtio__WEBPACK_IMPORTED_MODULE_2__.snapshot)(proxyObject));
+    } else if (message.type === 'DISPATCH' && ((_message$payload4 = message.payload) == null ? void 0 : _message$payload4.type) === 'IMPORT_STATE') {
+      var _message$payload$next, _message$payload$next2;
+      const actions = (_message$payload$next = message.payload.nextLiftedState) == null ? void 0 : _message$payload$next.actionsById;
+      const computedStates = ((_message$payload$next2 = message.payload.nextLiftedState) == null ? void 0 : _message$payload$next2.computedStates) || [];
+      isTimeTraveling = true;
+      computedStates.forEach(({
+        state
+      }, index) => {
+        const action = actions[index] || 'No action found';
+        Object.assign(proxyObject, state);
+        if (index === 0) {
+          devtools.init((0,_valtio__WEBPACK_IMPORTED_MODULE_2__.snapshot)(proxyObject));
+        } else {
+          devtools.send(action, (0,_valtio__WEBPACK_IMPORTED_MODULE_2__.snapshot)(proxyObject));
+        }
+      });
+    }
+  });
+  devtools.init((0,_valtio__WEBPACK_IMPORTED_MODULE_2__.snapshot)(proxyObject));
+  return () => {
+    unsub1();
+    unsub2 == null ? void 0 : unsub2();
+  };
+}
+
+/***/ }),
+
+/***/ "../../dist/@frontegg/redux-store/valtio/valtio.js":
+/*!*********************************************************!*\
+  !*** ../../dist/@frontegg/redux-store/valtio/valtio.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getVersion: () => (/* binding */ getVersion),
+/* harmony export */   proxy: () => (/* binding */ proxy),
+/* harmony export */   ref: () => (/* binding */ ref),
+/* harmony export */   snapshot: () => (/* binding */ snapshot),
+/* harmony export */   subscribe: () => (/* binding */ subscribe),
+/* harmony export */   unstable_buildProxyFunction: () => (/* binding */ unstable_buildProxyFunction)
+/* harmony export */ });
+/* harmony import */ var proxy_compare__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! proxy-compare */ "../../node_modules/proxy-compare/dist/index.js");
+
+const isObject = x => typeof x === 'object' && x !== null;
+// shared state
+const proxyStateMap = new WeakMap();
+const refSet = new WeakSet();
+function buildProxyFunction(objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = x => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = promise => {
+  switch (promise.status) {
+    case 'fulfilled':
+      return promise.value;
+    case 'rejected':
+      throw promise.reason;
+    default:
+      throw promise;
+  }
+}, snapCache = new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
+  const cache = snapCache.get(target);
+  if ((cache == null ? void 0 : cache[0]) === version) {
+    return cache[1];
+  }
+  const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
+  (0,proxy_compare__WEBPACK_IMPORTED_MODULE_0__.markToTrack)(snap, true); // mark to track
+  snapCache.set(target, [version, snap]);
+  Reflect.ownKeys(target).forEach(key => {
+    if (Object.getOwnPropertyDescriptor(snap, key)) {
+      // Only the known case is Array.length so far.
+      return;
+    }
+    const value = Reflect.get(target, key);
+    const {
+      enumerable
+    } = Reflect.getOwnPropertyDescriptor(target, key);
+    const desc = {
+      value,
+      enumerable: enumerable,
+      // This is intentional to avoid copying with proxy-compare.
+      // It's still non-writable, so it avoids assigning a value.
+      configurable: true
+    };
+    if (refSet.has(value)) {
+      (0,proxy_compare__WEBPACK_IMPORTED_MODULE_0__.markToTrack)(value, false); // mark not to track
+    } else if (value instanceof Promise) {
+      delete desc.value;
+      desc.get = () => handlePromise(value);
+    } else if (proxyStateMap.has(value)) {
+      const [target, ensureVersion] = proxyStateMap.get(value);
+      desc.value = createSnapshot(target, ensureVersion(), handlePromise);
+    }
+    Object.defineProperty(snap, key, desc);
+  });
+  return Object.preventExtensions(snap);
+}, proxyCache = new WeakMap(), versionHolder = [1, 1], proxyFunction = initialObject => {
+  if (!isObject(initialObject)) {
+    throw new Error('object required');
+  }
+  const found = proxyCache.get(initialObject);
+  if (found) {
+    return found;
+  }
+  let version = versionHolder[0];
+  const listeners = new Set();
+  const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
+    if (version !== nextVersion) {
+      version = nextVersion;
+      listeners.forEach(listener => listener(op, nextVersion));
+    }
+  };
+  let checkVersion = versionHolder[1];
+  const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
+    if (checkVersion !== nextCheckVersion && !listeners.size) {
+      checkVersion = nextCheckVersion;
+      propProxyStates.forEach(([propProxyState]) => {
+        const propVersion = propProxyState[1](nextCheckVersion);
+        if (propVersion > version) {
+          version = propVersion;
+        }
+      });
+    }
+    return version;
+  };
+  const createPropListener = prop => (op, nextVersion) => {
+    const newOp = [...op];
+    newOp[1] = [prop, ...newOp[1]];
+    notifyUpdate(newOp, nextVersion);
+  };
+  const propProxyStates = new Map();
+  const addPropListener = (prop, propProxyState) => {
+    // @ts-ignore
+    // if (import.meta.env?.MODE !== 'production' && propProxyStates.has(prop)) {
+    //   throw new Error('prop listener already exists');
+    // }
+    if (listeners.size) {
+      const remove = propProxyState[3](createPropListener(prop));
+      propProxyStates.set(prop, [propProxyState, remove]);
+    } else {
+      propProxyStates.set(prop, [propProxyState]);
+    }
+  };
+  const removePropListener = prop => {
+    const entry = propProxyStates.get(prop);
+    if (entry) {
+      var _entry$;
+      propProxyStates.delete(prop);
+      (_entry$ = entry[1]) == null ? void 0 : _entry$.call(entry);
+    }
+  };
+  const addListener = listener => {
+    listeners.add(listener);
+    if (listeners.size === 1) {
+      propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
+        // @ts-ignore
+        // if (import.meta.env?.MODE !== 'production' && prevRemove) {
+        //   throw new Error('remove already exists');
+        // }
+        const remove = propProxyState[3](createPropListener(prop));
+        propProxyStates.set(prop, [propProxyState, remove]);
+      });
+    }
+    const removeListener = () => {
+      listeners.delete(listener);
+      if (listeners.size === 0) {
+        propProxyStates.forEach(([propProxyState, remove], prop) => {
+          if (remove) {
+            remove();
+            propProxyStates.set(prop, [propProxyState]);
+          }
+        });
+      }
+    };
+    return removeListener;
+  };
+  const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
+  const handler = {
+    deleteProperty(target, prop) {
+      const prevValue = Reflect.get(target, prop);
+      removePropListener(prop);
+      const deleted = Reflect.deleteProperty(target, prop);
+      if (deleted) {
+        notifyUpdate(['delete', [prop], prevValue]);
+      }
+      return deleted;
+    },
+    set(target, prop, value, receiver) {
+      const hasPrevValue = Reflect.has(target, prop);
+      const prevValue = Reflect.get(target, prop, receiver);
+      if (hasPrevValue && (objectIs(prevValue, value) || proxyCache.has(value) && objectIs(prevValue, proxyCache.get(value)))) {
+        return true;
+      }
+      removePropListener(prop);
+      if (isObject(value)) {
+        value = (0,proxy_compare__WEBPACK_IMPORTED_MODULE_0__.getUntracked)(value) || value;
+      }
+      let nextValue = value;
+      if (value instanceof Promise) {
+        value.then(v => {
+          // @ts-ignore
+          value.status = 'fulfilled';
+          // @ts-ignore
+          value.value = v;
+          notifyUpdate(['resolve', [prop], v]);
+        }).catch(e => {
+          // @ts-ignore
+          value.status = 'rejected';
+          // @ts-ignore
+          value.reason = e;
+          notifyUpdate(['reject', [prop], e]);
+        });
+      } else {
+        if (!proxyStateMap.has(value) && canProxy(value)) {
+          nextValue = proxyFunction(value);
+        }
+        const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
+        if (childProxyState) {
+          addPropListener(prop, childProxyState);
+        }
+      }
+      Reflect.set(target, prop, nextValue, receiver);
+      notifyUpdate(['set', [prop], value, prevValue]);
+      return true;
+    }
+  };
+  const proxyObject = newProxy(baseObject, handler);
+  proxyCache.set(initialObject, proxyObject);
+  const proxyState = [baseObject, ensureVersion, createSnapshot, addListener];
+  proxyStateMap.set(proxyObject, proxyState);
+  Reflect.ownKeys(initialObject).forEach(key => {
+    const desc = Object.getOwnPropertyDescriptor(initialObject, key);
+    if ('value' in desc) {
+      proxyObject[key] = initialObject[key];
+      // We need to delete desc.value because we already set it,
+      // and delete desc.writable because we want to write it again.
+      delete desc.value;
+      delete desc.writable;
+    }
+    Object.defineProperty(baseObject, key, desc);
+  });
+  return proxyObject;
+}) {
+  return [
+  // public functions
+  proxyFunction,
+  // shared state
+  proxyStateMap, refSet,
+  // internal things
+  objectIs, newProxy, canProxy, defaultHandlePromise, snapCache, createSnapshot, proxyCache, versionHolder];
+}
+const [defaultProxyFunction] = buildProxyFunction();
+function proxy(initialObject = {}) {
+  return defaultProxyFunction(initialObject);
+}
+function getVersion(proxyObject) {
+  const proxyState = proxyStateMap.get(proxyObject);
+  return proxyState == null ? void 0 : proxyState[1]();
+}
+function subscribe(proxyObject, callback, notifyInSync) {
+  const proxyState = proxyStateMap.get(proxyObject);
+  // @ts-ignore
+  // if (import.meta.env?.MODE !== 'production' && !proxyState) {
+  //   console.warn('Please use proxy object');
+  // }
+  let promise;
+  const ops = [];
+  const addListener = proxyState[3];
+  let isListenerActive = false;
+  const listener = op => {
+    ops.push(op);
+    if (notifyInSync) {
+      callback(ops.splice(0));
+      return;
+    }
+    if (!promise) {
+      promise = Promise.resolve().then(() => {
+        promise = undefined;
+        if (isListenerActive) {
+          callback(ops.splice(0));
+        }
+      });
+    }
+  };
+  const removeListener = addListener(listener);
+  isListenerActive = true;
+  return () => {
+    isListenerActive = false;
+    removeListener();
+  };
+}
+function snapshot(proxyObject, handlePromise) {
+  const proxyState = proxyStateMap.get(proxyObject);
+  // @ts-ignore
+  // if (import.meta.env?.MODE !== 'production' && !proxyState) {
+  //   console.warn('Please use proxy object');
+  // }
+  const [target, ensureVersion, createSnapshot] = proxyState;
+  return createSnapshot(target, ensureVersion(), handlePromise);
+}
+function ref(obj) {
+  refSet.add(obj);
+  return obj;
+}
+const unstable_buildProxyFunction = buildProxyFunction;
+
+/***/ }),
+
 /***/ "../../dist/@frontegg/redux-store/vendor/actions.js":
 /*!**********************************************************!*\
   !*** ../../dist/@frontegg/redux-store/vendor/actions.js ***!
@@ -24983,7 +25375,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _ThemeOptions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ThemeOptions */ "../../dist/@frontegg/types/ThemeOptions/index.js");
 /* harmony import */ var _Metadata__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Metadata */ "../../dist/@frontegg/types/Metadata/index.js");
-/** @license Frontegg v7.3.0-alpha.0
+/** @license Frontegg v7.4.0-alpha.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -31566,26 +31958,6 @@ var deepmerge_1 = deepmerge;
 module.exports = deepmerge_1;
 
 
-/***/ }),
-
-/***/ "../../node_modules/derive-valtio/dist/index.modern.js":
-/*!*************************************************************!*\
-  !*** ../../node_modules/derive-valtio/dist/index.modern.js ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   derive: () => (/* binding */ f),
-/* harmony export */   underive: () => (/* binding */ u),
-/* harmony export */   unstable_deriveSubscriptions: () => (/* binding */ i)
-/* harmony export */ });
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-const o=new WeakMap,r=new WeakMap,s=(e,t)=>{const n=o.get(e);n&&(n[0].forEach(t=>{const{d:n}=t;e!==n&&s(n)}),++n[2],t&&n[3].add(t))},l=e=>{const t=o.get(e);t&&(--t[2],t[2]||(t[3].forEach(e=>e()),t[3].clear()),t[0].forEach(t=>{const{d:n}=t;e!==n&&l(n)}))},c=e=>{const{s:n,d:c}=e;let a=r.get(c);a||(a=[new Set],r.set(e.d,a)),a[0].add(e);let d=o.get(n);if(!d){const e=new Set,r=(0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__.subscribe)(n,t=>{e.forEach(e=>{const{d:o,c:r,n:c,i:a}=e;n===o&&t.every(e=>1===e[1].length&&a.includes(e[1][0]))||e.p||(s(n,r),c?l(n):e.p=Promise.resolve().then(()=>{delete e.p,l(n)}))})},!0);d=[e,r,0,new Set],o.set(n,d)}d[0].add(e)},a=e=>{const{s:t,d:n}=e,s=r.get(n);null==s||s[0].delete(e),0===(null==s?void 0:s[0].size)&&r.delete(n);const l=o.get(t);if(l){const[n,r]=l;n.delete(e),n.size||(r(),o.delete(t))}},d=e=>{const t=r.get(e);return t?Array.from(t[0]):[]},i={add:c,remove:a,list:d};function f(t,r){const s=(null==r?void 0:r.proxy)||(0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__.proxy)({}),l=!(null==r||!r.sync),d=Object.keys(t);return d.forEach(e=>{if(Object.getOwnPropertyDescriptor(s,e))throw new Error("object property already defined");const r=t[e];let i=null;const f=()=>{if(i){if(Array.from(i).map(([e])=>((e,t)=>{const n=o.get(e);return!(null==n||!n[2]||(n[3].add(t),0))})(e,f)).some(e=>e))return;if(Array.from(i).every(([e,t])=>(0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__.getVersion)(e)===t.v))return}const t=new Map,u=r(e=>(t.set(e,{v:(0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_0__.getVersion)(e)}),e)),p=()=>{var n;t.forEach((t,n)=>{var o;const r=null==(o=i)||null==(o=o.get(n))?void 0:o.s;if(r)t.s=r;else{const o={s:n,d:s,k:e,c:f,n:l,i:d};c(o),t.s=o}}),null==(n=i)||n.forEach((e,n)=>{!t.has(n)&&e.s&&a(e.s)}),i=t};u instanceof Promise?u.finally(p):p(),s[e]=u};f()}),s}function u(e,t){const n=null!=t&&t.delete?new Set:null;d(e).forEach(e=>{const{k:o}=e;null!=t&&t.keys&&!t.keys.includes(o)||(a(e),n&&n.add(o))}),n&&n.forEach(t=>{delete e[t]})}
-//# sourceMappingURL=index.modern.mjs.map
-
-
 /***/ }),
 
 /***/ "../../node_modules/fast-deep-equal/index.js":
@@ -31740,29 +32112,6 @@ module.exports = function isObject(val) {
 };
 
 
-/***/ }),
-
-/***/ "../../node_modules/proxy-compare/dist/index.modern.js":
-/*!*************************************************************!*\
-  !*** ../../node_modules/proxy-compare/dist/index.modern.js ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   affectedToPathList: () => (/* binding */ w),
-/* harmony export */   createProxy: () => (/* binding */ a),
-/* harmony export */   getUntracked: () => (/* binding */ y),
-/* harmony export */   isChanged: () => (/* binding */ p),
-/* harmony export */   markToTrack: () => (/* binding */ h),
-/* harmony export */   replaceNewProxy: () => (/* binding */ O),
-/* harmony export */   trackMemo: () => (/* binding */ g)
-/* harmony export */ });
-const e=Symbol(),t=Symbol(),r="a",n="w";let o=(e,t)=>new Proxy(e,t);const s=Object.getPrototypeOf,c=new WeakMap,l=e=>e&&(c.has(e)?c.get(e):s(e)===Object.prototype||s(e)===Array.prototype),f=e=>"object"==typeof e&&null!==e,i=e=>{if(Array.isArray(e))return Array.from(e);const t=Object.getOwnPropertyDescriptors(e);return Object.values(t).forEach(e=>{e.configurable=!0}),Object.create(s(e),t)},u=e=>e[t]||e,a=(s,c,f,p)=>{if(!l(s))return s;let g=p&&p.get(s);if(!g){const e=u(s);g=(e=>Object.values(Object.getOwnPropertyDescriptors(e)).some(e=>!e.configurable&&!e.writable))(e)?[e,i(e)]:[e],null==p||p.set(s,g)}const[y,h]=g;let w=f&&f.get(y);return w&&w[1].f===!!h||(w=((o,s)=>{const c={f:s};let l=!1;const f=(e,t)=>{if(!l){let s=c[r].get(o);if(s||(s={},c[r].set(o,s)),e===n)s[n]=!0;else{let r=s[e];r||(r=new Set,s[e]=r),r.add(t)}}},i={get:(e,n)=>n===t?o:(f("k",n),a(Reflect.get(e,n),c[r],c.c,c.t)),has:(t,n)=>n===e?(l=!0,c[r].delete(o),!0):(f("h",n),Reflect.has(t,n)),getOwnPropertyDescriptor:(e,t)=>(f("o",t),Reflect.getOwnPropertyDescriptor(e,t)),ownKeys:e=>(f(n),Reflect.ownKeys(e))};return s&&(i.set=i.deleteProperty=()=>!1),[i,c]})(y,!!h),w[1].p=o(h||y,w[0]),f&&f.set(y,w)),w[1][r]=c,w[1].c=f,w[1].t=p,w[1].p},p=(e,t,r,o,s=Object.is)=>{if(s(e,t))return!1;if(!f(e)||!f(t))return!0;const c=r.get(u(e));if(!c)return!0;if(o){const r=o.get(e);if(r&&r.n===t)return r.g;o.set(e,{n:t,g:!1})}let l=null;try{for(const r of c.h||[])if(l=Reflect.has(e,r)!==Reflect.has(t,r),l)return l;if(!0===c[n]){if(l=((e,t)=>{const r=Reflect.ownKeys(e),n=Reflect.ownKeys(t);return r.length!==n.length||r.some((e,t)=>e!==n[t])})(e,t),l)return l}else for(const r of c.o||[])if(l=!!Reflect.getOwnPropertyDescriptor(e,r)!=!!Reflect.getOwnPropertyDescriptor(t,r),l)return l;for(const n of c.k||[])if(l=p(e[n],t[n],r,o,s),l)return l;return null===l&&(l=!0),l}finally{o&&o.set(e,{n:t,g:l})}},g=t=>!!l(t)&&e in t,y=e=>l(e)&&e[t]||null,h=(e,t=!0)=>{c.set(e,t)},w=(e,t,r)=>{const o=[],s=new WeakSet,c=(e,l)=>{if(s.has(e))return;f(e)&&s.add(e);const i=f(e)&&t.get(u(e));if(i){var a,p;if(null==(a=i.h)||a.forEach(e=>{const t=`:has(${String(e)})`;o.push(l?[...l,t]:[t])}),!0===i[n]){const e=":ownKeys";o.push(l?[...l,e]:[e])}else{var g;null==(g=i.o)||g.forEach(e=>{const t=`:hasOwn(${String(e)})`;o.push(l?[...l,t]:[t])})}null==(p=i.k)||p.forEach(t=>{r&&!("value"in(Object.getOwnPropertyDescriptor(e,t)||{}))||c(e[t],l?[...l,t]:[t])})}else l&&o.push(l)};return c(e),o},O=e=>{o=e};
-//# sourceMappingURL=index.modern.mjs.map
-
-
 /***/ }),
 
 /***/ "../../node_modules/set-value/index.js":
@@ -33063,725 +33412,422 @@ function _wrapNativeSuper(Class) {
 
 /***/ }),
 
-/***/ "../../node_modules/valtio/esm/vanilla.mjs":
-/*!*************************************************!*\
-  !*** ../../node_modules/valtio/esm/vanilla.mjs ***!
-  \*************************************************/
+/***/ "../../node_modules/proxy-compare/dist/index.js":
+/*!******************************************************!*\
+  !*** ../../node_modules/proxy-compare/dist/index.js ***!
+  \******************************************************/
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   getVersion: () => (/* binding */ getVersion),
-/* harmony export */   proxy: () => (/* binding */ proxy),
-/* harmony export */   ref: () => (/* binding */ ref),
-/* harmony export */   snapshot: () => (/* binding */ snapshot),
-/* harmony export */   subscribe: () => (/* binding */ subscribe),
-/* harmony export */   unstable_buildProxyFunction: () => (/* binding */ unstable_buildProxyFunction)
-/* harmony export */ });
-/* harmony import */ var proxy_compare__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! proxy-compare */ "../../node_modules/proxy-compare/dist/index.modern.js");
-
-
-const isObject = (x) => typeof x === "object" && x !== null;
-const proxyStateMap = /* @__PURE__ */ new WeakMap();
-const refSet = /* @__PURE__ */ new WeakSet();
-const buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = (promise) => {
-  switch (promise.status) {
-    case "fulfilled":
-      return promise.value;
-    case "rejected":
-      throw promise.reason;
-    default:
-      throw promise;
-  }
-}, snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
-  const cache = snapCache.get(target);
-  if ((cache == null ? void 0 : cache[0]) === version) {
-    return cache[1];
-  }
-  const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
-  (0,proxy_compare__WEBPACK_IMPORTED_MODULE_0__.markToTrack)(snap, true);
-  snapCache.set(target, [version, snap]);
-  Reflect.ownKeys(target).forEach((key) => {
-    if (Object.getOwnPropertyDescriptor(snap, key)) {
-      return;
-    }
-    const value = Reflect.get(target, key);
-    const { enumerable } = Reflect.getOwnPropertyDescriptor(
-      target,
-      key
-    );
-    const desc = {
-      value,
-      enumerable,
-      // This is intentional to avoid copying with proxy-compare.
-      // It's still non-writable, so it avoids assigning a value.
-      configurable: true
+/* harmony export */   affectedToPathList: () => (/* binding */ affectedToPathList),
+/* harmony export */   createProxy: () => (/* binding */ createProxy),
+/* harmony export */   getUntracked: () => (/* binding */ getUntracked),
+/* harmony export */   isChanged: () => (/* binding */ isChanged),
+/* harmony export */   markToTrack: () => (/* binding */ markToTrack),
+/* harmony export */   replaceNewProxy: () => (/* binding */ replaceNewProxy),
+/* harmony export */   trackMemo: () => (/* binding */ trackMemo)
+/* harmony export */ });
+/* eslint @typescript-eslint/no-explicit-any: off */
+// symbols
+const TRACK_MEMO_SYMBOL = Symbol();
+const GET_ORIGINAL_SYMBOL = Symbol();
+// properties
+const AFFECTED_PROPERTY = 'a';
+const IS_TARGET_COPIED_PROPERTY = 'f';
+const PROXY_PROPERTY = 'p';
+const PROXY_CACHE_PROPERTY = 'c';
+const TARGET_CACHE_PROPERTY = 't';
+const NEXT_OBJECT_PROPERTY = 'n';
+const CHANGED_PROPERTY = 'g';
+const HAS_KEY_PROPERTY = 'h';
+const ALL_OWN_KEYS_PROPERTY = 'w';
+const HAS_OWN_KEY_PROPERTY = 'o';
+const KEYS_PROPERTY = 'k';
+// function to create a new bare proxy
+let newProxy = (target, handler) => new Proxy(target, handler);
+// get object prototype
+const getProto = Object.getPrototypeOf;
+const objectsToTrack = new WeakMap();
+// check if obj is a plain object or an array
+const isObjectToTrack = (obj) => obj &&
+    (objectsToTrack.has(obj)
+        ? objectsToTrack.get(obj)
+        : getProto(obj) === Object.prototype || getProto(obj) === Array.prototype);
+// check if it is object
+const isObject = (x) => typeof x === 'object' && x !== null;
+// Properties that are both non-configurable and non-writable will break
+// the proxy get trap when we try to return a recursive/child compare proxy
+// from them. We can avoid this by making a copy of the target object with
+// all descriptors marked as configurable, see `copyTargetObject`.
+// See: https://github.com/dai-shi/proxy-compare/pull/8
+const needsToCopyTargetObject = (obj) => Object.values(Object.getOwnPropertyDescriptors(obj)).some((descriptor) => !descriptor.configurable && !descriptor.writable);
+// Make a copy with all descriptors marked as configurable.
+const copyTargetObject = (obj) => {
+    if (Array.isArray(obj)) {
+        // Arrays need a special way to copy
+        return Array.from(obj);
+    }
+    // For non-array objects, we create a new object keeping the prototype
+    // with changing all configurable options (otherwise, proxies will complain)
+    const descriptors = Object.getOwnPropertyDescriptors(obj);
+    Object.values(descriptors).forEach((desc) => {
+        desc.configurable = true;
+    });
+    return Object.create(getProto(obj), descriptors);
+};
+const createProxyHandler = (origObj, isTargetCopied) => {
+    const state = {
+        [IS_TARGET_COPIED_PROPERTY]: isTargetCopied,
+    };
+    let trackObject = false; // for trackMemo
+    const recordUsage = (type, key) => {
+        if (!trackObject) {
+            let used = state[AFFECTED_PROPERTY].get(origObj);
+            if (!used) {
+                used = {};
+                state[AFFECTED_PROPERTY].set(origObj, used);
+            }
+            if (type === ALL_OWN_KEYS_PROPERTY) {
+                used[ALL_OWN_KEYS_PROPERTY] = true;
+            }
+            else {
+                let set = used[type];
+                if (!set) {
+                    set = new Set();
+                    used[type] = set;
+                }
+                set.add(key);
+            }
+        }
     };
-    if (refSet.has(value)) {
-      (0,proxy_compare__WEBPACK_IMPORTED_MODULE_0__.markToTrack)(value, false);
-    } else if (value instanceof Promise) {
-      delete desc.value;
-      desc.get = () => handlePromise(value);
-    } else if (proxyStateMap.has(value)) {
-      const [target2, ensureVersion] = proxyStateMap.get(
-        value
-      );
-      desc.value = createSnapshot(
-        target2,
-        ensureVersion(),
-        handlePromise
-      );
-    }
-    Object.defineProperty(snap, key, desc);
-  });
-  return Object.preventExtensions(snap);
-}, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1, 1], proxyFunction = (initialObject) => {
-  if (!isObject(initialObject)) {
-    throw new Error("object required");
-  }
-  const found = proxyCache.get(initialObject);
-  if (found) {
-    return found;
-  }
-  let version = versionHolder[0];
-  const listeners = /* @__PURE__ */ new Set();
-  const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
-    if (version !== nextVersion) {
-      version = nextVersion;
-      listeners.forEach((listener) => listener(op, nextVersion));
+    const recordObjectAsUsed = () => {
+        trackObject = true;
+        state[AFFECTED_PROPERTY].delete(origObj);
+    };
+    const handler = {
+        get(target, key) {
+            if (key === GET_ORIGINAL_SYMBOL) {
+                return origObj;
+            }
+            recordUsage(KEYS_PROPERTY, key);
+            return createProxy(Reflect.get(target, key), state[AFFECTED_PROPERTY], state[PROXY_CACHE_PROPERTY], state[TARGET_CACHE_PROPERTY]);
+        },
+        has(target, key) {
+            if (key === TRACK_MEMO_SYMBOL) {
+                recordObjectAsUsed();
+                return true;
+            }
+            recordUsage(HAS_KEY_PROPERTY, key);
+            return Reflect.has(target, key);
+        },
+        getOwnPropertyDescriptor(target, key) {
+            recordUsage(HAS_OWN_KEY_PROPERTY, key);
+            return Reflect.getOwnPropertyDescriptor(target, key);
+        },
+        ownKeys(target) {
+            recordUsage(ALL_OWN_KEYS_PROPERTY);
+            return Reflect.ownKeys(target);
+        },
+    };
+    if (isTargetCopied) {
+        handler.set = handler.deleteProperty = () => false;
     }
-  };
-  let checkVersion = versionHolder[1];
-  const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
-    if (checkVersion !== nextCheckVersion && !listeners.size) {
-      checkVersion = nextCheckVersion;
-      propProxyStates.forEach(([propProxyState]) => {
-        const propVersion = propProxyState[1](nextCheckVersion);
-        if (propVersion > version) {
-          version = propVersion;
+    return [handler, state];
+};
+const getOriginalObject = (obj) => 
+// unwrap proxy
+obj[GET_ORIGINAL_SYMBOL] ||
+    // otherwise
+    obj;
+/**
+ * Create a proxy.
+ *
+ * This function will create a proxy at top level and proxy nested objects as you access them,
+ * in order to keep track of which properties were accessed via get/has proxy handlers:
+ *
+ * NOTE: Printing of WeakMap is hard to inspect and not very readable
+ * for this purpose you can use the `affectedToPathList` helper.
+ *
+ * @param {object} obj - Object that will be wrapped on the proxy.
+ * @param {WeakMap<object, unknown>} affected -
+ * WeakMap that will hold the tracking of which properties in the proxied object were accessed.
+ * @param {WeakMap<object, unknown>} [proxyCache] -
+ * WeakMap that will help keep referential identity for proxies.
+ * @returns {Proxy<object>} - Object wrapped in a proxy.
+ *
+ * @example
+ * import { createProxy } from 'proxy-compare';
+ *
+ * const original = { a: "1", c: "2", d: { e: "3" } };
+ * const affected = new WeakMap();
+ * const proxy = createProxy(original, affected);
+ *
+ * proxy.a // Will mark as used and track its value.
+ * // This will update the affected WeakMap with original as key
+ * // and a Set with "a"
+ *
+ * proxy.d // Will mark "d" as accessed to track and proxy itself ({ e: "3" }).
+ * // This will update the affected WeakMap with original as key
+ * // and a Set with "d"
+ */
+const createProxy = (obj, affected, proxyCache, targetCache) => {
+    if (!isObjectToTrack(obj))
+        return obj;
+    let targetAndCopied = targetCache && targetCache.get(obj);
+    if (!targetAndCopied) {
+        const target = getOriginalObject(obj);
+        if (needsToCopyTargetObject(target)) {
+            targetAndCopied = [target, copyTargetObject(target)];
         }
-      });
-    }
-    return version;
-  };
-  const createPropListener = (prop) => (op, nextVersion) => {
-    const newOp = [...op];
-    newOp[1] = [prop, ...newOp[1]];
-    notifyUpdate(newOp, nextVersion);
-  };
-  const propProxyStates = /* @__PURE__ */ new Map();
-  const addPropListener = (prop, propProxyState) => {
-    if (( false ? 0 : void 0) !== "production" && propProxyStates.has(prop)) {
-      throw new Error("prop listener already exists");
-    }
-    if (listeners.size) {
-      const remove = propProxyState[3](createPropListener(prop));
-      propProxyStates.set(prop, [propProxyState, remove]);
-    } else {
-      propProxyStates.set(prop, [propProxyState]);
-    }
-  };
-  const removePropListener = (prop) => {
-    var _a;
-    const entry = propProxyStates.get(prop);
-    if (entry) {
-      propProxyStates.delete(prop);
-      (_a = entry[1]) == null ? void 0 : _a.call(entry);
-    }
-  };
-  const addListener = (listener) => {
-    listeners.add(listener);
-    if (listeners.size === 1) {
-      propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
-        if (( false ? 0 : void 0) !== "production" && prevRemove) {
-          throw new Error("remove already exists");
+        else {
+            targetAndCopied = [target];
+        }
+        targetCache === null || targetCache === void 0 ? void 0 : targetCache.set(obj, targetAndCopied);
+    }
+    const [target, copiedTarget] = targetAndCopied;
+    let handlerAndState = proxyCache && proxyCache.get(target);
+    if (!handlerAndState ||
+        handlerAndState[1][IS_TARGET_COPIED_PROPERTY] !== !!copiedTarget) {
+        handlerAndState = createProxyHandler(target, !!copiedTarget);
+        handlerAndState[1][PROXY_PROPERTY] = newProxy(copiedTarget || target, handlerAndState[0]);
+        if (proxyCache) {
+            proxyCache.set(target, handlerAndState);
         }
-        const remove = propProxyState[3](createPropListener(prop));
-        propProxyStates.set(prop, [propProxyState, remove]);
-      });
     }
-    const removeListener = () => {
-      listeners.delete(listener);
-      if (listeners.size === 0) {
-        propProxyStates.forEach(([propProxyState, remove], prop) => {
-          if (remove) {
-            remove();
-            propProxyStates.set(prop, [propProxyState]);
-          }
-        });
-      }
-    };
-    return removeListener;
-  };
-  const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
-  const handler = {
-    deleteProperty(target, prop) {
-      const prevValue = Reflect.get(target, prop);
-      removePropListener(prop);
-      const deleted = Reflect.deleteProperty(target, prop);
-      if (deleted) {
-        notifyUpdate(["delete", [prop], prevValue]);
-      }
-      return deleted;
-    },
-    set(target, prop, value, receiver) {
-      const hasPrevValue = Reflect.has(target, prop);
-      const prevValue = Reflect.get(target, prop, receiver);
-      if (hasPrevValue && (objectIs(prevValue, value) || proxyCache.has(value) && objectIs(prevValue, proxyCache.get(value)))) {
+    handlerAndState[1][AFFECTED_PROPERTY] = affected;
+    handlerAndState[1][PROXY_CACHE_PROPERTY] = proxyCache;
+    handlerAndState[1][TARGET_CACHE_PROPERTY] = targetCache;
+    return handlerAndState[1][PROXY_PROPERTY];
+};
+const isAllOwnKeysChanged = (prevObj, nextObj) => {
+    const prevKeys = Reflect.ownKeys(prevObj);
+    const nextKeys = Reflect.ownKeys(nextObj);
+    return (prevKeys.length !== nextKeys.length ||
+        prevKeys.some((k, i) => k !== nextKeys[i]));
+};
+/**
+ * Compare changes on objects.
+ *
+ * This will compare the affected properties on tracked objects inside the proxy
+ * to check if there were any changes made to it,
+ * by default if no property was accessed on the proxy it will attempt to do a
+ * reference equality check for the objects provided (Object.is(a, b)). If you access a property
+ * on the proxy, then isChanged will only compare the affected properties.
+ *
+ * @param {object} prevObj - The previous object to compare.
+ * @param {object} nextObj - Object to compare with the previous one.
+ * @param {WeakMap<object, unknown>} affected -
+ * WeakMap that holds the tracking of which properties in the proxied object were accessed.
+ * @param {WeakMap<object, unknown>} [cache] -
+ * WeakMap that holds a cache of the comparisons for better performance with repetitive comparisons,
+ * and to avoid infinite loop with circular structures.
+ * @returns {boolean} - Boolean indicating if the affected property on the object has changed.
+ *
+ * @example
+ * import { createProxy, isChanged } from 'proxy-compare';
+ *
+ * const obj = { a: "1", c: "2", d: { e: "3" } };
+ * const affected = new WeakMap();
+ *
+ * const proxy = createProxy(obj, affected);
+ *
+ * proxy.a
+ *
+ * isChanged(obj, { a: "1" }, affected) // false
+ *
+ * proxy.a = "2"
+ *
+ * isChanged(obj, { a: "1" }, affected) // true
+ */
+const isChanged = (prevObj, nextObj, affected, cache, isEqual = Object.is) => {
+    if (isEqual(prevObj, nextObj)) {
+        return false;
+    }
+    if (!isObject(prevObj) || !isObject(nextObj))
         return true;
-      }
-      removePropListener(prop);
-      if (isObject(value)) {
-        value = (0,proxy_compare__WEBPACK_IMPORTED_MODULE_0__.getUntracked)(value) || value;
-      }
-      let nextValue = value;
-      if (value instanceof Promise) {
-        value.then((v) => {
-          value.status = "fulfilled";
-          value.value = v;
-          notifyUpdate(["resolve", [prop], v]);
-        }).catch((e) => {
-          value.status = "rejected";
-          value.reason = e;
-          notifyUpdate(["reject", [prop], e]);
+    const used = affected.get(getOriginalObject(prevObj));
+    if (!used)
+        return true;
+    if (cache) {
+        const hit = cache.get(prevObj);
+        if (hit && hit[NEXT_OBJECT_PROPERTY] === nextObj) {
+            return hit[CHANGED_PROPERTY];
+        }
+        // for object with cycles
+        cache.set(prevObj, {
+            [NEXT_OBJECT_PROPERTY]: nextObj,
+            [CHANGED_PROPERTY]: false,
         });
-      } else {
-        if (!proxyStateMap.has(value) && canProxy(value)) {
-          nextValue = proxyFunction(value);
+    }
+    let changed = null;
+    try {
+        for (const key of used[HAS_KEY_PROPERTY] || []) {
+            changed = Reflect.has(prevObj, key) !== Reflect.has(nextObj, key);
+            if (changed)
+                return changed;
         }
-        const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
-        if (childProxyState) {
-          addPropListener(prop, childProxyState);
+        if (used[ALL_OWN_KEYS_PROPERTY] === true) {
+            changed = isAllOwnKeysChanged(prevObj, nextObj);
+            if (changed)
+                return changed;
         }
-      }
-      Reflect.set(target, prop, nextValue, receiver);
-      notifyUpdate(["set", [prop], value, prevValue]);
-      return true;
-    }
-  };
-  const proxyObject = newProxy(baseObject, handler);
-  proxyCache.set(initialObject, proxyObject);
-  const proxyState = [
-    baseObject,
-    ensureVersion,
-    createSnapshot,
-    addListener
-  ];
-  proxyStateMap.set(proxyObject, proxyState);
-  Reflect.ownKeys(initialObject).forEach((key) => {
-    const desc = Object.getOwnPropertyDescriptor(
-      initialObject,
-      key
-    );
-    if ("value" in desc) {
-      proxyObject[key] = initialObject[key];
-      delete desc.value;
-      delete desc.writable;
-    }
-    Object.defineProperty(baseObject, key, desc);
-  });
-  return proxyObject;
-}) => [
-  // public functions
-  proxyFunction,
-  // shared state
-  proxyStateMap,
-  refSet,
-  // internal things
-  objectIs,
-  newProxy,
-  canProxy,
-  defaultHandlePromise,
-  snapCache,
-  createSnapshot,
-  proxyCache,
-  versionHolder
-];
-const [defaultProxyFunction] = buildProxyFunction();
-function proxy(initialObject = {}) {
-  return defaultProxyFunction(initialObject);
-}
-function getVersion(proxyObject) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  return proxyState == null ? void 0 : proxyState[1]();
-}
-function subscribe(proxyObject, callback, notifyInSync) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  if (( false ? 0 : void 0) !== "production" && !proxyState) {
-    console.warn("Please use proxy object");
-  }
-  let promise;
-  const ops = [];
-  const addListener = proxyState[3];
-  let isListenerActive = false;
-  const listener = (op) => {
-    ops.push(op);
-    if (notifyInSync) {
-      callback(ops.splice(0));
-      return;
-    }
-    if (!promise) {
-      promise = Promise.resolve().then(() => {
-        promise = void 0;
-        if (isListenerActive) {
-          callback(ops.splice(0));
+        else {
+            for (const key of used[HAS_OWN_KEY_PROPERTY] || []) {
+                const hasPrev = !!Reflect.getOwnPropertyDescriptor(prevObj, key);
+                const hasNext = !!Reflect.getOwnPropertyDescriptor(nextObj, key);
+                changed = hasPrev !== hasNext;
+                if (changed)
+                    return changed;
+            }
         }
-      });
-    }
-  };
-  const removeListener = addListener(listener);
-  isListenerActive = true;
-  return () => {
-    isListenerActive = false;
-    removeListener();
-  };
-}
-function snapshot(proxyObject, handlePromise) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  if (( false ? 0 : void 0) !== "production" && !proxyState) {
-    console.warn("Please use proxy object");
-  }
-  const [target, ensureVersion, createSnapshot] = proxyState;
-  return createSnapshot(target, ensureVersion(), handlePromise);
-}
-function ref(obj) {
-  refSet.add(obj);
-  return obj;
-}
-const unstable_buildProxyFunction = buildProxyFunction;
-
-
-
-
-/***/ }),
-
-/***/ "../../node_modules/valtio/esm/vanilla/utils.mjs":
-/*!*******************************************************!*\
-  !*** ../../node_modules/valtio/esm/vanilla/utils.mjs ***!
-  \*******************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   addComputed: () => (/* binding */ addComputed_DEPRECATED),
-/* harmony export */   derive: () => (/* reexport safe */ derive_valtio__WEBPACK_IMPORTED_MODULE_0__.derive),
-/* harmony export */   devtools: () => (/* binding */ devtools),
-/* harmony export */   proxyMap: () => (/* binding */ proxyMap),
-/* harmony export */   proxySet: () => (/* binding */ proxySet),
-/* harmony export */   proxyWithComputed: () => (/* binding */ proxyWithComputed_DEPRECATED),
-/* harmony export */   proxyWithHistory: () => (/* binding */ proxyWithHistory_DEPRECATED),
-/* harmony export */   subscribeKey: () => (/* binding */ subscribeKey),
-/* harmony export */   underive: () => (/* reexport safe */ derive_valtio__WEBPACK_IMPORTED_MODULE_0__.underive),
-/* harmony export */   unstable_deriveSubscriptions: () => (/* reexport safe */ derive_valtio__WEBPACK_IMPORTED_MODULE_0__.unstable_deriveSubscriptions),
-/* harmony export */   watch: () => (/* binding */ watch)
-/* harmony export */ });
-/* harmony import */ var valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! valtio/vanilla */ "../../node_modules/valtio/esm/vanilla.mjs");
-/* harmony import */ var derive_valtio__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! derive-valtio */ "../../node_modules/derive-valtio/dist/index.modern.js");
-
-
-
-
-function subscribeKey(proxyObject, key, callback, notifyInSync) {
-  let prevValue = proxyObject[key];
-  return (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.subscribe)(
-    proxyObject,
-    () => {
-      const nextValue = proxyObject[key];
-      if (!Object.is(prevValue, nextValue)) {
-        callback(prevValue = nextValue);
-      }
-    },
-    notifyInSync
-  );
-}
-
-let currentCleanups;
-function watch(callback, options) {
-  let alive = true;
-  const cleanups = /* @__PURE__ */ new Set();
-  const subscriptions = /* @__PURE__ */ new Map();
-  const cleanup = () => {
-    if (alive) {
-      alive = false;
-      cleanups.forEach((clean) => clean());
-      cleanups.clear();
-      subscriptions.forEach((unsubscribe) => unsubscribe());
-      subscriptions.clear();
-    }
-  };
-  const revalidate = async () => {
-    if (!alive) {
-      return;
-    }
-    cleanups.forEach((clean) => clean());
-    cleanups.clear();
-    const proxiesToSubscribe = /* @__PURE__ */ new Set();
-    const parent = currentCleanups;
-    currentCleanups = cleanups;
-    try {
-      const promiseOrPossibleCleanup = callback((proxyObject) => {
-        proxiesToSubscribe.add(proxyObject);
-        if (alive && !subscriptions.has(proxyObject)) {
-          const unsubscribe = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.subscribe)(proxyObject, revalidate, options == null ? void 0 : options.sync);
-          subscriptions.set(proxyObject, unsubscribe);
+        for (const key of used[KEYS_PROPERTY] || []) {
+            changed = isChanged(prevObj[key], nextObj[key], affected, cache, isEqual);
+            if (changed)
+                return changed;
         }
-        return proxyObject;
-      });
-      const couldBeCleanup = promiseOrPossibleCleanup && promiseOrPossibleCleanup instanceof Promise ? await promiseOrPossibleCleanup : promiseOrPossibleCleanup;
-      if (couldBeCleanup) {
-        if (alive) {
-          cleanups.add(couldBeCleanup);
-        } else {
-          cleanup();
+        if (changed === null)
+            changed = true;
+        return changed;
+    }
+    finally {
+        if (cache) {
+            cache.set(prevObj, {
+                [NEXT_OBJECT_PROPERTY]: nextObj,
+                [CHANGED_PROPERTY]: changed,
+            });
         }
-      }
-    } finally {
-      currentCleanups = parent;
     }
-    subscriptions.forEach((unsubscribe, proxyObject) => {
-      if (!proxiesToSubscribe.has(proxyObject)) {
-        subscriptions.delete(proxyObject);
-        unsubscribe();
-      }
-    });
-  };
-  if (currentCleanups) {
-    currentCleanups.add(cleanup);
-  }
-  revalidate();
-  return cleanup;
-}
-
-const DEVTOOLS = Symbol();
-function devtools(proxyObject, options) {
-  if (typeof options === "string") {
-    console.warn(
-      "string name option is deprecated, use { name }. https://github.com/pmndrs/valtio/pull/400"
-    );
-    options = { name: options };
-  }
-  const { enabled, name = "", ...rest } = options || {};
-  let extension;
-  try {
-    extension = (enabled != null ? enabled : ( false ? 0 : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
-  } catch (e) {
-  }
-  if (!extension) {
-    if (( false ? 0 : void 0) !== "production" && enabled) {
-      console.warn("[Warning] Please install/enable Redux devtools extension");
-    }
-    return;
-  }
-  let isTimeTraveling = false;
-  const devtools2 = extension.connect({ name, ...rest });
-  const unsub1 = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.subscribe)(proxyObject, (ops) => {
-    const action = ops.filter(([_, path]) => path[0] !== DEVTOOLS).map(([op, path]) => `${op}:${path.map(String).join(".")}`).join(", ");
-    if (!action) {
-      return;
-    }
-    if (isTimeTraveling) {
-      isTimeTraveling = false;
-    } else {
-      const snapWithoutDevtools = Object.assign({}, (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject));
-      delete snapWithoutDevtools[DEVTOOLS];
-      devtools2.send(
-        {
-          type: action,
-          updatedAt: (/* @__PURE__ */ new Date()).toLocaleString()
-        },
-        snapWithoutDevtools
-      );
+};
+// explicitly track object with memo
+const trackMemo = (obj) => {
+    if (isObjectToTrack(obj)) {
+        return TRACK_MEMO_SYMBOL in obj;
     }
-  });
-  const unsub2 = devtools2.subscribe((message) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (message.type === "ACTION" && message.payload) {
-      try {
-        Object.assign(proxyObject, JSON.parse(message.payload));
-      } catch (e) {
-        console.error(
-          "please dispatch a serializable value that JSON.parse() and proxy() support\n",
-          e
-        );
-      }
+    return false;
+};
+/**
+ * Unwrap proxy to get the original object.
+ *
+ * Used to retrieve the original object used to create the proxy instance with `createProxy`.
+ *
+ * @param {Proxy<object>} obj -  The proxy wrapper of the originial object.
+ * @returns {object | null} - Return either the unwrapped object if exists.
+ *
+ * @example
+ * import { createProxy, getUntracked } from 'proxy-compare';
+ *
+ * const original = { a: "1", c: "2", d: { e: "3" } };
+ * const affected = new WeakMap();
+ *
+ * const proxy = createProxy(original, affected);
+ * const originalFromProxy = getUntracked(proxy)
+ *
+ * Object.is(original, originalFromProxy) // true
+ * isChanged(original, originalFromProxy, affected) // false
+ */
+const getUntracked = (obj) => {
+    if (isObjectToTrack(obj)) {
+        return obj[GET_ORIGINAL_SYMBOL] || null;
     }
-    if (message.type === "DISPATCH" && message.state) {
-      if (((_a = message.payload) == null ? void 0 : _a.type) === "JUMP_TO_ACTION" || ((_b = message.payload) == null ? void 0 : _b.type) === "JUMP_TO_STATE") {
-        isTimeTraveling = true;
-        const state = JSON.parse(message.state);
-        Object.assign(proxyObject, state);
-      }
-      proxyObject[DEVTOOLS] = message;
-    } else if (message.type === "DISPATCH" && ((_c = message.payload) == null ? void 0 : _c.type) === "COMMIT") {
-      devtools2.init((0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject));
-    } else if (message.type === "DISPATCH" && ((_d = message.payload) == null ? void 0 : _d.type) === "IMPORT_STATE") {
-      const actions = (_e = message.payload.nextLiftedState) == null ? void 0 : _e.actionsById;
-      const computedStates = ((_f = message.payload.nextLiftedState) == null ? void 0 : _f.computedStates) || [];
-      isTimeTraveling = true;
-      computedStates.forEach(({ state }, index) => {
-        const action = actions[index] || "No action found";
-        Object.assign(proxyObject, state);
-        if (index === 0) {
-          devtools2.init((0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject));
-        } else {
-          devtools2.send(action, (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject));
+    return null;
+};
+/**
+ * Mark object to be tracked.
+ *
+ * This function marks an object that will be passed into `createProxy`
+ * as marked to track or not. By default only Array and Object are marked to track,
+ * so this is useful for example to mark a class instance to track or to mark a object
+ * to be untracked when creating your proxy.
+ *
+ * @param obj - Object to mark as tracked or not.
+ * @param mark - Boolean indicating whether you want to track this object or not.
+ * @returns - No return.
+ *
+ * @example
+ * import { createProxy, markToTrack, isChanged } from 'proxy-compare';
+ *
+ * const nested = { e: "3" }
+ *
+ * markToTrack(nested, false)
+ *
+ * const original = { a: "1", c: "2", d: nested };
+ * const affected = new WeakMap();
+ *
+ * const proxy = createProxy(original, affected);
+ *
+ * proxy.d.e
+ *
+ * isChanged(original, { d: { e: "3" } }, affected) // true
+ */
+const markToTrack = (obj, mark = true) => {
+    objectsToTrack.set(obj, mark);
+};
+/**
+ * Convert `affected` to path list
+ *
+ * `affected` is a weak map which is not printable.
+ * This function is can convert it to printable path list.
+ * It's for debugging purpose.
+ *
+ * @param obj - An object that is used with `createProxy`.
+ * @param affected - A weak map that is used with `createProxy`.
+ * @param onlyWithValues - An optional boolean to exclude object getters.
+ * @returns - An array of paths.
+ */
+const affectedToPathList = (obj, affected, onlyWithValues) => {
+    const list = [];
+    const seen = new WeakSet();
+    const walk = (x, path) => {
+        var _a, _b, _c;
+        if (seen.has(x)) {
+            // for object with cycles
+            return;
         }
-      });
-    }
-  });
-  devtools2.init((0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject));
-  return () => {
-    unsub1();
-    unsub2 == null ? void 0 : unsub2();
-  };
-}
-
-function addComputed_DEPRECATED(proxyObject, computedFns_FAKE, targetObject = proxyObject) {
-  if (( false ? 0 : void 0) !== "production") {
-    console.warn(
-      "addComputed is deprecated. Please consider using `derive`. Falling back to emulation with derive. https://github.com/pmndrs/valtio/pull/201"
-    );
-  }
-  const derivedFns = {};
-  Object.keys(computedFns_FAKE).forEach((key) => {
-    derivedFns[key] = (get) => computedFns_FAKE[key](get(proxyObject));
-  });
-  return (0,derive_valtio__WEBPACK_IMPORTED_MODULE_0__.derive)(derivedFns, { proxy: targetObject });
-}
-
-function proxyWithComputed_DEPRECATED(initialObject, computedFns) {
-  if (( false ? 0 : void 0) !== "production") {
-    console.warn(
-      'proxyWithComputed is deprecated. Please follow "Computed Properties" guide in docs.'
-    );
-  }
-  Object.keys(computedFns).forEach((key) => {
-    if (Object.getOwnPropertyDescriptor(initialObject, key)) {
-      throw new Error("object property already defined");
-    }
-    const computedFn = computedFns[key];
-    const { get, set } = typeof computedFn === "function" ? { get: computedFn } : computedFn;
-    const desc = {};
-    desc.get = () => get((0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject));
-    if (set) {
-      desc.set = (newValue) => set(proxyObject, newValue);
-    }
-    Object.defineProperty(initialObject, key, desc);
-  });
-  const proxyObject = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.proxy)(initialObject);
-  return proxyObject;
-}
-
-const isObject = (x) => typeof x === "object" && x !== null;
-let refSet;
-const deepClone = (obj) => {
-  if (!refSet) {
-    refSet = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.unstable_buildProxyFunction)()[2];
-  }
-  if (!isObject(obj) || refSet.has(obj)) {
-    return obj;
-  }
-  const baseObject = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj));
-  Reflect.ownKeys(obj).forEach((key) => {
-    baseObject[key] = deepClone(obj[key]);
-  });
-  return baseObject;
+        if (isObject(x)) {
+            seen.add(x);
+        }
+        const used = isObject(x) && affected.get(getOriginalObject(x));
+        if (used) {
+            (_a = used[HAS_KEY_PROPERTY]) === null || _a === void 0 ? void 0 : _a.forEach((key) => {
+                const segment = `:has(${String(key)})`;
+                list.push(path ? [...path, segment] : [segment]);
+            });
+            if (used[ALL_OWN_KEYS_PROPERTY] === true) {
+                const segment = ':ownKeys';
+                list.push(path ? [...path, segment] : [segment]);
+            }
+            else {
+                (_b = used[HAS_OWN_KEY_PROPERTY]) === null || _b === void 0 ? void 0 : _b.forEach((key) => {
+                    const segment = `:hasOwn(${String(key)})`;
+                    list.push(path ? [...path, segment] : [segment]);
+                });
+            }
+            (_c = used[KEYS_PROPERTY]) === null || _c === void 0 ? void 0 : _c.forEach((key) => {
+                if (!onlyWithValues ||
+                    'value' in (Object.getOwnPropertyDescriptor(x, key) || {})) {
+                    walk(x[key], path ? [...path, key] : [key]);
+                }
+            });
+        }
+        else if (path) {
+            list.push(path);
+        }
+    };
+    walk(obj);
+    return list;
+};
+/**
+ * replace newProxy function.
+ *
+ * This can be used if you want to use proxy-polyfill.
+ * Note that proxy-polyfill can't polyfill everything.
+ * Use it at your own risk.
+ */
+const replaceNewProxy = (fn) => {
+    newProxy = fn;
 };
-function proxyWithHistory_DEPRECATED(initialValue, skipSubscribe = false) {
-  if (( false ? 0 : void 0) !== "production") {
-    console.warn(
-      'proxyWithHistory is deprecated. Please use the "valtio-history" package; refer to the docs'
-    );
-  }
-  const proxyObject = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.proxy)({
-    value: initialValue,
-    history: (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.ref)({
-      wip: void 0,
-      // to avoid infinite loop
-      snapshots: [],
-      index: -1
-    }),
-    clone: deepClone,
-    canUndo: () => proxyObject.history.index > 0,
-    undo: () => {
-      if (proxyObject.canUndo()) {
-        proxyObject.value = proxyObject.history.wip = proxyObject.clone(
-          proxyObject.history.snapshots[--proxyObject.history.index]
-        );
-      }
-    },
-    canRedo: () => proxyObject.history.index < proxyObject.history.snapshots.length - 1,
-    redo: () => {
-      if (proxyObject.canRedo()) {
-        proxyObject.value = proxyObject.history.wip = proxyObject.clone(
-          proxyObject.history.snapshots[++proxyObject.history.index]
-        );
-      }
-    },
-    saveHistory: () => {
-      proxyObject.history.snapshots.splice(proxyObject.history.index + 1);
-      proxyObject.history.snapshots.push((0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.snapshot)(proxyObject).value);
-      ++proxyObject.history.index;
-    },
-    subscribe: () => (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.subscribe)(proxyObject, (ops) => {
-      if (ops.every(
-        (op) => op[1][0] === "value" && (op[0] !== "set" || op[2] !== proxyObject.history.wip)
-      )) {
-        proxyObject.saveHistory();
-      }
-    })
-  });
-  proxyObject.saveHistory();
-  if (!skipSubscribe) {
-    proxyObject.subscribe();
-  }
-  return proxyObject;
-}
-
-function proxySet(initialValues) {
-  const set = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.proxy)({
-    data: Array.from(new Set(initialValues)),
-    has(value) {
-      return this.data.indexOf(value) !== -1;
-    },
-    add(value) {
-      let hasProxy = false;
-      if (typeof value === "object" && value !== null) {
-        hasProxy = this.data.indexOf((0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.proxy)(value)) !== -1;
-      }
-      if (this.data.indexOf(value) === -1 && !hasProxy) {
-        this.data.push(value);
-      }
-      return this;
-    },
-    delete(value) {
-      const index = this.data.indexOf(value);
-      if (index === -1) {
-        return false;
-      }
-      this.data.splice(index, 1);
-      return true;
-    },
-    clear() {
-      this.data.splice(0);
-    },
-    get size() {
-      return this.data.length;
-    },
-    forEach(cb) {
-      this.data.forEach((value) => {
-        cb(value, value, this);
-      });
-    },
-    get [Symbol.toStringTag]() {
-      return "Set";
-    },
-    toJSON() {
-      return new Set(this.data);
-    },
-    [Symbol.iterator]() {
-      return this.data[Symbol.iterator]();
-    },
-    values() {
-      return this.data.values();
-    },
-    keys() {
-      return this.data.values();
-    },
-    entries() {
-      return new Set(this.data).entries();
-    }
-  });
-  Object.defineProperties(set, {
-    data: {
-      enumerable: false
-    },
-    size: {
-      enumerable: false
-    },
-    toJSON: {
-      enumerable: false
-    }
-  });
-  Object.seal(set);
-  return set;
-}
-
-function proxyMap(entries) {
-  const map = (0,valtio_vanilla__WEBPACK_IMPORTED_MODULE_1__.proxy)({
-    data: Array.from(entries || []),
-    has(key) {
-      return this.data.some((p) => p[0] === key);
-    },
-    set(key, value) {
-      const record = this.data.find((p) => p[0] === key);
-      if (record) {
-        record[1] = value;
-      } else {
-        this.data.push([key, value]);
-      }
-      return this;
-    },
-    get(key) {
-      var _a;
-      return (_a = this.data.find((p) => p[0] === key)) == null ? void 0 : _a[1];
-    },
-    delete(key) {
-      const index = this.data.findIndex((p) => p[0] === key);
-      if (index === -1) {
-        return false;
-      }
-      this.data.splice(index, 1);
-      return true;
-    },
-    clear() {
-      this.data.splice(0);
-    },
-    get size() {
-      return this.data.length;
-    },
-    toJSON() {
-      return new Map(this.data);
-    },
-    forEach(cb) {
-      this.data.forEach((p) => {
-        cb(p[1], p[0], this);
-      });
-    },
-    keys() {
-      return this.data.map((p) => p[0]).values();
-    },
-    values() {
-      return this.data.map((p) => p[1]).values();
-    },
-    entries() {
-      return new Map(this.data).entries();
-    },
-    get [Symbol.toStringTag]() {
-      return "Map";
-    },
-    [Symbol.iterator]() {
-      return this.entries();
-    }
-  });
-  Object.defineProperties(map, {
-    data: {
-      enumerable: false
-    },
-    size: {
-      enumerable: false
-    },
-    toJSON: {
-      enumerable: false
-    }
-  });
-  Object.seal(map);
-  return map;
-}
-
-
 
 
 /***/ })