@iblai/web-utils 1.4.0 → 1.5.0

package/dist/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var o = require('react');
+var React = require('react');
 var dataLayer = require('@iblai/data-layer');
 var jsxRuntime = require('react/jsx-runtime');
 var iblaiApi = require('@iblai/iblai-api');
-var vt = require('react-dom');
+require('react-dom');
 var axios = require('axios');
 
 function _interopNamespaceDefault(e) {
@@ -24,7 +24,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var o__namespace = /*#__PURE__*/_interopNamespaceDefault(o);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const SUBSCRIPTION_TRIGGERS = {
     PRICING_MODAL: "TRIGGER_PRICING_MODAL",
@@ -114,9 +114,9 @@ const useSubscriptionHandler = (subscriptionFlow) => {
     const [getUserApps] = dataLayer.useLazyGetUserAppsQuery();
     // Trial period state management
     const [createStripeCustomerPortal] = dataLayer.useCreateStripeCustomerPortalMutation();
-    const [freeTrialIntervalCheckCounter, setFreeTrialIntervalCheckCounter] = o.useState(24 * 60 * 60000); // Default check every 24 hours
-    const [trialCounterStarted, setTrialCounterStarted] = o.useState(false);
-    const [freeTrialIntervalID, setFreeTrialIntervalID] = o.useState(0);
+    const [freeTrialIntervalCheckCounter, setFreeTrialIntervalCheckCounter] = React.useState(24 * 60 * 60000); // Default check every 24 hours
+    const [trialCounterStarted, setTrialCounterStarted] = React.useState(false);
+    const [freeTrialIntervalID, setFreeTrialIntervalID] = React.useState(0);
     // Utility queries and hooks
     const [getFreeUsageCount] = dataLayer.useLazyGetFreeUsageCountQuery();
     const { getTimeDifferenceBetweenTwoDates, getDayJSDurationObjFromSeconds } = useDayJs();
@@ -553,6 +553,13 @@ const MENTOR_AI_CONFIG = {
             description: "Display the accessibility menu in the mentor platform.",
             type: "boolean",
         },
+        {
+            slug: "persistent_chat_input_label",
+            label: "Persistent Chat Input Label",
+            defaultValue: false,
+            description: "Show a visible, persistent label above the chat input. When off, the label is available to screen readers only.",
+            type: "boolean",
+        },
         {
             slug: "mentor_include_community_mentors",
             label: "Community Mentors",
@@ -1957,7 +1964,7 @@ class SubscriptionFlowV2 {
 }
 
 const useExternalPricingPlan = ({ pricingModalData, userEmail, }) => {
-    const pricingBoxIframeRef = o.useRef(null);
+    const pricingBoxIframeRef = React.useRef(null);
     const getIFrameReadyData = async () => {
         return {
             referenceId: (pricingModalData === null || pricingModalData === void 0 ? void 0 : pricingModalData.referenceId) || "",
@@ -1976,7 +1983,7 @@ const useExternalPricingPlan = ({ pricingModalData, userEmail, }) => {
             (_b = (_a = pricingBoxIframeRef === null || pricingBoxIframeRef === void 0 ? void 0 : pricingBoxIframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage(JSON.stringify({ data: dataToSend }), "*");
         }
     };
-    o.useEffect(() => {
+    React.useEffect(() => {
         window.addEventListener("message", handleIframePostMessageInteractions);
         return () => {
             window.removeEventListener("message", handleIframePostMessageInteractions);
@@ -2006,16 +2013,16 @@ var hasRequiredUseSyncExternalStoreWithSelector_production;
 function requireUseSyncExternalStoreWithSelector_production () {
 	if (hasRequiredUseSyncExternalStoreWithSelector_production) return useSyncExternalStoreWithSelector_production;
 	hasRequiredUseSyncExternalStoreWithSelector_production = 1;
-	var React = o;
+	var React$1 = React;
 	function is(x, y) {
 	  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 	}
 	var objectIs = "function" === typeof Object.is ? Object.is : is,
-	  useSyncExternalStore = React.useSyncExternalStore,
-	  useRef = React.useRef,
-	  useEffect = React.useEffect,
-	  useMemo = React.useMemo,
-	  useDebugValue = React.useDebugValue;
+	  useSyncExternalStore = React$1.useSyncExternalStore,
+	  useRef = React$1.useRef,
+	  useEffect = React$1.useEffect,
+	  useMemo = React$1.useMemo,
+	  useDebugValue = React$1.useDebugValue;
 	useSyncExternalStoreWithSelector_production.useSyncExternalStoreWithSelector = function (
 	  subscribe,
 	  getSnapshot,
@@ -2108,13 +2115,13 @@ function requireUseSyncExternalStoreWithSelector_development () {
 	      "function" ===
 	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
 	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-	    var React = o,
+	    var React$1 = React,
 	      objectIs = "function" === typeof Object.is ? Object.is : is,
-	      useSyncExternalStore = React.useSyncExternalStore,
-	      useRef = React.useRef,
-	      useEffect = React.useEffect,
-	      useMemo = React.useMemo,
-	      useDebugValue = React.useDebugValue;
+	      useSyncExternalStore = React$1.useSyncExternalStore,
+	      useRef = React$1.useRef,
+	      useEffect = React$1.useEffect,
+	      useMemo = React$1.useMemo,
+	      useDebugValue = React$1.useDebugValue;
 	    useSyncExternalStoreWithSelector_development.useSyncExternalStoreWithSelector = function (
 	      subscribe,
 	      getSnapshot,
@@ -2241,17 +2248,17 @@ var gT = typeof globalThis !== "undefined" ? globalThis : (
   {}
 );
 function getContext() {
-  if (!o__namespace.createContext) return {};
+  if (!React__namespace.createContext) return {};
   const contextMap = gT[ContextKey] ??= /* @__PURE__ */ new Map();
-  let realContext = contextMap.get(o__namespace.createContext);
+  let realContext = contextMap.get(React__namespace.createContext);
   if (!realContext) {
-    realContext = o__namespace.createContext(
+    realContext = React__namespace.createContext(
       null
     );
     if (process.env.NODE_ENV !== "production") {
       realContext.displayName = "ReactRedux";
     }
-    contextMap.set(o__namespace.createContext, realContext);
+    contextMap.set(React__namespace.createContext, realContext);
   }
   return realContext;
 }
@@ -2260,7 +2267,7 @@ var ReactReduxContext = /* @__PURE__ */ getContext();
 // src/hooks/useReduxContext.ts
 function createReduxContextHook(context = ReactReduxContext) {
   return function useReduxContext2() {
-    const contextValue = o__namespace.useContext(context);
+    const contextValue = React__namespace.useContext(context);
     if (process.env.NODE_ENV !== "production" && !contextValue) {
       throw new Error(
         "could not find react-redux context value; please ensure the component is wrapped in a <Provider>"
@@ -2321,8 +2328,8 @@ function createSelectorHook(context = ReactReduxContext) {
     }
     const reduxContext = useReduxContext2();
     const { store, subscription, getServerState } = reduxContext;
-    const firstRun = o__namespace.useRef(true);
-    const wrappedSelector = o__namespace.useCallback(
+    const firstRun = React__namespace.useRef(true);
+    const wrappedSelector = React__namespace.useCallback(
       {
         [selector.name](state) {
           const selected = selector(state);
@@ -2385,7 +2392,7 @@ function createSelectorHook(context = ReactReduxContext) {
       wrappedSelector,
       equalityFn
     );
-    o__namespace.useDebugValue(selectedState);
+    React__namespace.useDebugValue(selectedState);
     return selectedState;
   };
   Object.assign(useSelector2, {
@@ -2826,14 +2833,14 @@ async function validateJwtToken(storageService) {
     }
 }
 function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure, redirectToAuthSpa, hasNonExpiredAuthToken, username, pathname, storageService, skipAuthCheck, token, enableStorageSync = true, }) {
-    const [isAuthenticating, setIsAuthenticating] = o.useState(true);
-    const [userIsAccessingPublicRoute, setUserIsAccessingPublicRoute] = o.useState(false);
-    const [initialSyncComplete, setInitialSyncComplete] = o.useState(false);
-    const cookieCheckIntervalRef = o.useRef(null);
-    const lastLogoutTimestampRef = o.useRef(null);
+    const [isAuthenticating, setIsAuthenticating] = React.useState(true);
+    const [userIsAccessingPublicRoute, setUserIsAccessingPublicRoute] = React.useState(false);
+    const [initialSyncComplete, setInitialSyncComplete] = React.useState(false);
+    const cookieCheckIntervalRef = React.useRef(null);
+    const lastLogoutTimestampRef = React.useRef(null);
     // Guard to prevent poll from firing after a redirect has been initiated.
     // Once set, no further redirects or cookie syncs will happen.
-    const isRedirectingRef = o.useRef(false);
+    const isRedirectingRef = React.useRef(false);
     // RTK Query hook for refreshing JWT token
     const [refreshJwtToken] = dataLayer.useLazyRefreshJwtTokenQuery();
     /**
@@ -2845,6 +2852,11 @@ function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure,
             console.log("[AuthProvider] Redirect already in progress, skipping");
             return;
         }
+        // Skip if a tenant switch is already in progress
+        if (isWeb$1() && document.cookie.includes("ibl_tenant_switching")) {
+            console.log("[AuthProvider] Tenant switch in progress, skipping redirect");
+            return;
+        }
         isRedirectingRef.current = true;
         // NOTE: we intentionally do NOT clear the interval here.
         // The isRedirectingRef guard prevents redundant redirects while navigation
@@ -2869,7 +2881,7 @@ function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure,
      * On React Native, this is a no-op
      * Skipped if enableStorageSync is false
      */
-    o.useEffect(() => {
+    React.useEffect(() => {
         console.log("[AuthProvider] cookie-sync effect running", {
             pathname,
             enableStorageSync,
@@ -2940,6 +2952,8 @@ function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure,
                 needsRefresh,
                 userDataOutOfSync,
                 pathname,
+                currentLogoutTimestamp,
+                lastLogoutTimestampRef: lastLogoutTimestampRef.current,
             });
             if (needsRefresh) {
                 console.log("[auth-redirect] Cookie sync detected changes from another SPA, refreshing page");
@@ -2974,7 +2988,7 @@ function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure,
      * On React Native, this is a no-op
      * Skipped if enableStorageSync is false
      */
-    o.useEffect(() => {
+    React.useEffect(() => {
         if (!storageService || !isWeb$1() || !enableStorageSync)
             return;
         const handleStorageChange = async (event) => {
@@ -3074,7 +3088,7 @@ function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure,
             safeRedirectToAuthSpa();
         }
     }
-    o.useEffect(() => {
+    React.useEffect(() => {
         // Wait for initial sync to complete before performing auth check
         if (!initialSyncComplete) {
             console.log("[useAuthProvider] Waiting for initial sync to complete...");
@@ -3107,13 +3121,13 @@ function useAuthProvider({ middleware = new Map(), onAuthSuccess, onAuthFailure,
         setUserIsAccessingPublicRoute,
     };
 }
-const AuthContext = o.createContext(undefined);
+const AuthContext = React.createContext(undefined);
 /**
  * Hook to access the auth context
  * @throws Error if used outside of AuthContextProvider
  */
 const useAuthContext = () => {
-    const context = o.useContext(AuthContext);
+    const context = React.useContext(AuthContext);
     if (!context)
         console.error("useAuthContext must be used within a provider");
     return context;
@@ -3196,7 +3210,7 @@ function AuthProvider({ children, fallback, middleware = new Map(), onAuthSucces
 const isWeb = () => {
     return typeof window !== "undefined" && typeof document !== "undefined";
 };
-const TenantContext = o.createContext(undefined);
+const TenantContext = React.createContext(undefined);
 /**
  * Context Provider component that wraps children with tenant context
  */
@@ -3205,7 +3219,7 @@ const TenantContextProvider = ({ value, children }) => (jsxRuntime.jsx(TenantCon
  * Hook to access the tenant context
  * @returns TenantContextType
  */
-const useTenantContext = () => o.useContext(TenantContext);
+const useTenantContext = () => React.useContext(TenantContext);
 /**
  * TenantProvider Component
  *
@@ -3216,26 +3230,26 @@ const useTenantContext = () => o.useContext(TenantContext);
  * 4. Handles tenant-specific domain redirects
  * 5. Maintains tenant access state
  */
-function TenantProvider({ children, fallback, onAuthSuccess, onAuthFailure, currentTenant, requestedTenant, saveCurrentTenant, saveUserTenants, handleTenantSwitch, saveVisitingTenant, removeVisitingTenant, saveUserTokens, saveTenant, onAutoJoinUserToTenant, redirectToAuthSpa, username, isIframed = false, setUseMentorProvider, skip = false, onLoadPlatformPermissions, skipCustomDomainCheck = false, }) {
+function TenantProvider({ children, fallback, onAuthSuccess, onAuthFailure, currentTenant, requestedTenant, saveCurrentTenant, saveUserTenants, handleTenantSwitch, saveVisitingTenant, removeVisitingTenant, saveUserTokens, saveTenant, onAutoJoinUserToTenant, redirectToAuthSpa, username, isIframed = false, setUseMentorProvider, skip = false, onLoadPlatformPermissions, skipCustomDomainCheck = false, onTenantMismatch = () => { }, }) {
     // If skip is true, just return children without any provider logic
     if (skip) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
     }
     const { userIsAccessingPublicRoute, setUserIsAccessingPublicRoute } = useAuthContext();
-    const [determineUserPath, setDetermineUserPath] = o.useState(false);
-    const [isLoading, setIsLoading] = o.useState(true);
+    const [determineUserPath, setDetermineUserPath] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(true);
     const [fetchUserTenants] = dataLayer.useLazyGetUserTenantsQuery();
     const [getUserApps] = dataLayer.useLazyGetUserAppsQuery();
     const [joinTenant] = dataLayer.useJoinTenantMutation();
     const [fetchTenantMetadata] = dataLayer.useLazyGetTenantMetadataQuery();
     const [getAppToken] = dataLayer.useGetAppTokensMutation();
-    const [tenantKey, setTenantKey] = o.useState(currentTenant);
-    const [metadata, setMetadata] = o.useState({});
+    const [tenantKey, setTenantKey] = React.useState(currentTenant);
+    const [metadata, setMetadata] = React.useState({});
     // Fetch custom domain to get platform_key
     const currentDomain = typeof window !== "undefined" ? window.location.hostname : "";
     const { data: customDomainData, isLoading: isLoadingCustomDomain, isError: isCustomDomainError, } = dataLayer.useGetCustomDomainsQuery({ params: { domain: currentDomain } }, { skip: !isWeb() || !currentDomain || skipCustomDomainCheck });
     // Extract platform_key from custom domain response to use as requestedTenant
-    const { customDomainPlatformKey, isAdvertisingTenant } = o.useMemo(() => {
+    const { customDomainPlatformKey, isAdvertisingTenant } = React.useMemo(() => {
         let platformKey;
         let isAdvertising = false;
         if (customDomainData &&
@@ -3606,7 +3620,7 @@ function TenantProvider({ children, fallback, onAuthSuccess, onAuthFailure, curr
         }
     }
     // Effect to handle tenant determination when auth state changes
-    o.useEffect(() => {
+    React.useEffect(() => {
         // Wait for custom domain query to complete (unless skipped or error)
         const customDomainQuerySkipped = !isWeb() || !currentDomain;
         if (!customDomainQuerySkipped && isLoadingCustomDomain) {
@@ -3647,6 +3661,30 @@ function TenantProvider({ children, fallback, onAuthSuccess, onAuthFailure, curr
         isLoadingCustomDomain,
         isCustomDomainError,
     ]);
+    // Poll every 2s: if requestedTenant exists, differs from currentTenant,
+    // and user is not on a public route, invoke the onTenantMismatch callback.
+    React.useEffect(() => {
+        if (!onTenantMismatch)
+            return;
+        const interval = setInterval(() => {
+            if (requestedTenant &&
+                currentTenant &&
+                requestedTenant !== currentTenant &&
+                !userIsAccessingPublicRoute) {
+                console.log("[TenantProvider] Tenant mismatch detected", {
+                    requestedTenant,
+                    currentTenant,
+                });
+                onTenantMismatch();
+            }
+        }, 2000);
+        return () => clearInterval(interval);
+    }, [
+        requestedTenant,
+        currentTenant,
+        userIsAccessingPublicRoute,
+        onTenantMismatch,
+    ]);
     // Show fallback component during tenant determination
     if (isLoading) {
         return fallback;
@@ -3685,7 +3723,7 @@ function MentorProvider({ children, fallback, onAuthSuccess, onAuthFailure, redi
     if (skip) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
     }
-    const [isLoading, setIsLoading] = o.useState(true);
+    const [isLoading, setIsLoading] = React.useState(true);
     const { userIsAccessingPublicRoute, isLoggedIn } = useAuthContext();
     const { determineUserPath, tenantKey, metadata } = useTenantContext();
     const isMainTenant = tenantKey === mainTenantKey;
@@ -4022,7 +4060,7 @@ function MentorProvider({ children, fallback, onAuthSuccess, onAuthFailure, redi
         }
     }
     // Effect to handle mentor determination when tenant path is determined
-    o.useEffect(() => {
+    React.useEffect(() => {
         async function checkMentor() {
             console.log("starting mentor check process", determineUserPath, requestedMentorId, tenantKey, userIsAccessingPublicRoute, window.location.href);
             if (userIsAccessingPublicRoute && !requestedMentorId) {
@@ -6462,43 +6500,43 @@ class TimeTracker {
 
 function useTimeTracker(config) {
     var _a;
-    const trackerRef = o.useRef(null);
-    const enabledRef = o.useRef((_a = config.enabled) !== null && _a !== void 0 ? _a : true);
-    const defaultGetCurrentUrl = o.useCallback(() => {
+    const trackerRef = React.useRef(null);
+    const enabledRef = React.useRef((_a = config.enabled) !== null && _a !== void 0 ? _a : true);
+    const defaultGetCurrentUrl = React.useCallback(() => {
         if (typeof window !== "undefined") {
             return window.location.pathname + window.location.search;
         }
         return "/";
     }, []);
     const getCurrentUrl = config.getCurrentUrl || defaultGetCurrentUrl;
-    const defaultOnRouteChange = o.useCallback(() => {
+    const defaultOnRouteChange = React.useCallback(() => {
         // No-op for platforms that don't support route change events
         return () => { };
     }, []);
     const onRouteChange = config.onRouteChange || defaultOnRouteChange;
-    const pause = o.useCallback(() => {
+    const pause = React.useCallback(() => {
         if (trackerRef.current) {
             trackerRef.current.pause();
         }
     }, []);
-    const resume = o.useCallback(() => {
+    const resume = React.useCallback(() => {
         if (trackerRef.current) {
             trackerRef.current.resume();
         }
     }, []);
-    const getTimeSpentSinceLastReset = o.useCallback(() => {
+    const getTimeSpentSinceLastReset = React.useCallback(() => {
         if (trackerRef.current) {
             return trackerRef.current.getTimeSpentSinceLastReset();
         }
         return 0;
     }, []);
-    const getTrackerCurrentUrl = o.useCallback(() => {
+    const getTrackerCurrentUrl = React.useCallback(() => {
         if (trackerRef.current) {
             return trackerRef.current.getCurrentUrl();
         }
         return getCurrentUrl();
     }, [getCurrentUrl]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         enabledRef.current = (_a = config.enabled) !== null && _a !== void 0 ? _a : true;
         if (enabledRef.current) {
@@ -6522,7 +6560,7 @@ function useTimeTracker(config) {
         getCurrentUrl,
         onRouteChange,
     ]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         if (config.enabled !== enabledRef.current) {
             if (config.enabled && !trackerRef.current) {
@@ -6557,34 +6595,34 @@ function useTimeTracker(config) {
 
 function useTimeTrackerNative(config) {
     var _a;
-    const trackerRef = o.useRef(null);
-    const enabledRef = o.useRef((_a = config.enabled) !== null && _a !== void 0 ? _a : true);
-    const getCurrentUrl = o.useCallback(() => {
+    const trackerRef = React.useRef(null);
+    const enabledRef = React.useRef((_a = config.enabled) !== null && _a !== void 0 ? _a : true);
+    const getCurrentUrl = React.useCallback(() => {
         return config.getCurrentRoute();
     }, [config]);
-    const pause = o.useCallback(() => {
+    const pause = React.useCallback(() => {
         if (trackerRef.current) {
             trackerRef.current.pause();
         }
     }, []);
-    const resume = o.useCallback(() => {
+    const resume = React.useCallback(() => {
         if (trackerRef.current) {
             trackerRef.current.resume();
         }
     }, []);
-    const getTimeSpentSinceLastReset = o.useCallback(() => {
+    const getTimeSpentSinceLastReset = React.useCallback(() => {
         if (trackerRef.current) {
             return trackerRef.current.getTimeSpentSinceLastReset();
         }
         return 0;
     }, []);
-    const getTrackerCurrentUrl = o.useCallback(() => {
+    const getTrackerCurrentUrl = React.useCallback(() => {
         if (trackerRef.current) {
             return trackerRef.current.getCurrentUrl();
         }
         return getCurrentUrl();
     }, [getCurrentUrl]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         enabledRef.current = (_a = config.enabled) !== null && _a !== void 0 ? _a : true;
         if (enabledRef.current) {
@@ -6608,7 +6646,7 @@ function useTimeTrackerNative(config) {
         config.onRouteChange,
         getCurrentUrl,
     ]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         if (config.enabled !== enabledRef.current) {
             if (config.enabled && !trackerRef.current) {
@@ -7092,45 +7130,45 @@ function isTauriApp() {
 }
 const useChat = ({ wsUrl, wsToken, flowConfig, sessionId, stopGenerationWsUrl, enableHaptics = false, hapticFeedback, store, errorHandler, onStatusChange, onStreamingChange, onStreamingMessageUpdate, WebSocketImpl = WebSocket, redirectToAuthSpa, sendMessageToParentWebsite, on402Error, onOAuthRequired, onOAuthResolved, onOfflineWithoutLocalLLM, isOffline = false, }) => {
     const dispatch = useDispatch();
-    const isWebSocketPaused = o.useRef(false);
-    const ws = o.useRef(null);
-    const isConnected = o.useRef(false);
-    const messageQueue = o.useRef([]);
+    const isWebSocketPaused = React.useRef(false);
+    const ws = React.useRef(null);
+    const isConnected = React.useRef(false);
+    const messageQueue = React.useRef([]);
     // Keep sessionId in a ref so sendMessage always reads the latest value,
     // avoiding stale closures when Redux updates sessionIds between renders.
-    const sessionIdRef = o.useRef(sessionId);
+    const sessionIdRef = React.useRef(sessionId);
     sessionIdRef.current = sessionId;
-    const currentStreamingMessage = o.useRef({
+    const currentStreamingMessage = React.useRef({
         id: null,
         content: "",
     });
     // Track artifact state during streaming
-    const currentArtifact = o.useRef(null);
+    const currentArtifact = React.useRef(null);
     // Store pending artifact version to add when message is finalized (eos)
     // This is needed because artifact_end can fire before eos
-    const pendingArtifactVersion = o.useRef(null);
+    const pendingArtifactVersion = React.useRef(null);
     // Content buffer for batching artifact streaming updates
     // This prevents excessive state updates and the "Maximum update depth exceeded" error
-    const artifactContentBuffer = o.useRef({
+    const artifactContentBuffer = React.useRef({
         content: "",
         lastFlushTime: 0,
         flushTimer: null,
     });
-    const stopGenerationSocket = o.useRef(null);
-    const isInitialConnection = o.useRef(true);
-    const connectionAttempts = o.useRef(0);
+    const stopGenerationSocket = React.useRef(null);
+    const isInitialConnection = React.useRef(true);
+    const connectionAttempts = React.useRef(0);
     const { userIsAccessingPublicRoute } = useAuthContext();
     const iframeContext = useSelector(selectIframeContext);
     const chatMetadata = useSelector(selectMetadata);
     const documentFilter = useSelector(selectDocumentFilter);
     const linkToken = useSelector(selectToken);
     // Ollama/offline mode state
-    const ollamaAbortController = o.useRef(null);
-    const ollamaConversationHistory = o.useRef([]);
+    const ollamaAbortController = React.useRef(null);
+    const ollamaConversationHistory = React.useRef([]);
     // Track offline state in a ref so event handlers can access current value
     // Note: This ref is updated in the main useEffect that handles offline changes
-    const isOfflineRef = o.useRef(isOffline);
-    const triggerHapticFeedback = o.useCallback(async () => {
+    const isOfflineRef = React.useRef(isOffline);
+    const triggerHapticFeedback = React.useCallback(async () => {
         if (enableHaptics && hapticFeedback) {
             try {
                 await hapticFeedback.impactAsync("medium");
@@ -7983,7 +8021,7 @@ const useChat = ({ wsUrl, wsToken, flowConfig, sessionId, stopGenerationWsUrl, e
             });
         });
     };
-    const sendMessage = o.useCallback(async (tab, text, options) => {
+    const sendMessage = React.useCallback(async (tab, text, options) => {
         var _a, _b;
         dispatch(chatActions.setShowingSharedChat(false));
         // Allow sending if there's text OR file references
@@ -8264,7 +8302,7 @@ const useChat = ({ wsUrl, wsToken, flowConfig, sessionId, stopGenerationWsUrl, e
         onStreamingMessageUpdate === null || onStreamingMessageUpdate === void 0 ? void 0 : onStreamingMessageUpdate(currentStreamingMessage.current);
     };
     // Initialize WebSocket on mount and handle offline changes
-    o.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         // IMPORTANT: Update the ref FIRST before any socket operations
         // This ensures error handlers see the correct offline state immediately
@@ -8294,7 +8332,7 @@ const useChat = ({ wsUrl, wsToken, flowConfig, sessionId, stopGenerationWsUrl, e
             resetConnection();
         };
     }, [isOffline]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         sendMessageToParentWebsite === null || sendMessageToParentWebsite === void 0 ? void 0 : sendMessageToParentWebsite({ loaded: true, auth: { ...localStorage } });
     }, []);
     return {
@@ -12880,7 +12918,7 @@ function safeAssign(target, ...args) {
 // src/query/react/constants.ts
 var UNINITIALIZED_VALUE = Symbol();
 function useStableQueryArgs(queryArgs, serialize, endpointDefinition, endpointName) {
-  const incoming = o.useMemo(() => ({
+  const incoming = React.useMemo(() => ({
     queryArgs,
     serialized: typeof queryArgs == "object" ? serialize({
       queryArgs,
@@ -12888,8 +12926,8 @@ function useStableQueryArgs(queryArgs, serialize, endpointDefinition, endpointNa
       endpointName
     }) : queryArgs
   }), [queryArgs, serialize, endpointDefinition, endpointName]);
-  const cache = o.useRef(incoming);
-  o.useEffect(() => {
+  const cache = React.useRef(incoming);
+  React.useEffect(() => {
     if (cache.current.serialized !== incoming.serialized) {
       cache.current = incoming;
     }
@@ -12897,8 +12935,8 @@ function useStableQueryArgs(queryArgs, serialize, endpointDefinition, endpointNa
   return cache.current.serialized === incoming.serialized ? cache.current.queryArgs : queryArgs;
 }
 function useShallowStableValue(value) {
-  const cache = o.useRef(value);
-  o.useEffect(() => {
+  const cache = React.useRef(value);
+  React.useEffect(() => {
     if (!shallowEqual(cache.current, value)) {
       cache.current = value;
     }
@@ -12911,7 +12949,7 @@ var canUseDOM = () => !!(typeof window !== "undefined" && typeof window.document
 var isDOM = /* @__PURE__ */ canUseDOM();
 var isRunningInReactNative = () => typeof navigator !== "undefined" && navigator.product === "ReactNative";
 var isReactNative = /* @__PURE__ */ isRunningInReactNative();
-var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? o.useLayoutEffect : o.useEffect;
+var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React.useLayoutEffect : React.useEffect;
 var useIsomorphicLayoutEffect = /* @__PURE__ */ getUseIsomorphicLayoutEffect();
 var noPendingQueryStateSelector = (selected) => {
   if (selected.isUninitialized) {
@@ -12948,7 +12986,7 @@ function buildHooks({
   serializeQueryArgs,
   context
 }) {
-  const usePossiblyImmediateEffect = unstable__sideEffectsInRender ? (cb) => cb() : o.useEffect;
+  const usePossiblyImmediateEffect = unstable__sideEffectsInRender ? (cb) => cb() : React.useEffect;
   return {
     buildQueryHooks,
     buildInfiniteQueryHooks,
@@ -13020,7 +13058,7 @@ function buildHooks({
   function usePrefetch(endpointName, defaultOptions) {
     const dispatch = useDispatch();
     const stableDefaultOptions = useShallowStableValue(defaultOptions);
-    return o.useCallback((arg, options) => dispatch(api.util.prefetch(endpointName, arg, {
+    return React.useCallback((arg, options) => dispatch(api.util.prefetch(endpointName, arg, {
       ...stableDefaultOptions,
       ...options
     })), [endpointName, dispatch, stableDefaultOptions]);
@@ -13038,7 +13076,7 @@ function buildHooks({
       initiate
     } = api.endpoints[endpointName];
     const dispatch = useDispatch();
-    const subscriptionSelectorsRef = o.useRef(void 0);
+    const subscriptionSelectorsRef = React.useRef(void 0);
     if (!subscriptionSelectorsRef.current) {
       const returnedValue = dispatch(api.internalActions.internal_getRTKQSubscriptions());
       if (process.env.NODE_ENV !== "production") {
@@ -13068,7 +13106,7 @@ function buildHooks({
     });
     const initialPageParam = rest.initialPageParam;
     const stableInitialPageParam = useShallowStableValue(initialPageParam);
-    const promiseRef = o.useRef(void 0);
+    const promiseRef = React.useRef(void 0);
     let {
       queryCacheKey,
       requestId
@@ -13119,8 +13157,8 @@ function buildHooks({
         select
       } = api.endpoints[endpointName];
       const stableArg = useStableQueryArgs(skip ? skipToken : arg, serializeQueryArgs, context.endpointDefinitions[endpointName], endpointName);
-      const lastValue = o.useRef(void 0);
-      const selectDefaultResult = o.useMemo(() => (
+      const lastValue = React.useRef(void 0);
+      const selectDefaultResult = React.useMemo(() => (
         // Normally ts-ignores are bad and should be avoided, but we're
         // already casting this selector to be `Selector<any>` anyway,
         // so the inconsistencies don't matter here
@@ -13136,7 +13174,7 @@ function buildHooks({
           }
         })
       ), [select, stableArg]);
-      const querySelector = o.useMemo(() => selectFromResult ? createSelector([selectDefaultResult], selectFromResult, {
+      const querySelector = React.useMemo(() => selectFromResult ? createSelector([selectDefaultResult], selectFromResult, {
         devModeChecks: {
           identityFunctionCheck: "never"
         }
@@ -13152,7 +13190,7 @@ function buildHooks({
     return useQueryState;
   }
   function usePromiseRefUnsubscribeOnUnmount(promiseRef) {
-    o.useEffect(() => {
+    React.useEffect(() => {
       return () => {
         promiseRef.current?.unsubscribe?.();
         promiseRef.current = void 0;
@@ -13167,7 +13205,7 @@ function buildHooks({
     const useQuerySubscription = (arg, options = {}) => {
       const [promiseRef] = useQuerySubscriptionCommonImpl(endpointName, arg, options);
       usePromiseRefUnsubscribeOnUnmount(promiseRef);
-      return o.useMemo(() => ({
+      return React.useMemo(() => ({
         /**
          * A method to manually refetch data for the query
          */
@@ -13184,8 +13222,8 @@ function buildHooks({
         initiate
       } = api.endpoints[endpointName];
       const dispatch = useDispatch();
-      const [arg, setArg] = o.useState(UNINITIALIZED_VALUE);
-      const promiseRef = o.useRef(void 0);
+      const [arg, setArg] = React.useState(UNINITIALIZED_VALUE);
+      const promiseRef = React.useRef(void 0);
       const stableSubscriptionOptions = useShallowStableValue({
         refetchOnReconnect,
         refetchOnFocus,
@@ -13198,11 +13236,11 @@ function buildHooks({
           promiseRef.current?.updateSubscriptionOptions(stableSubscriptionOptions);
         }
       }, [stableSubscriptionOptions]);
-      const subscriptionOptionsRef = o.useRef(stableSubscriptionOptions);
+      const subscriptionOptionsRef = React.useRef(stableSubscriptionOptions);
       usePossiblyImmediateEffect(() => {
         subscriptionOptionsRef.current = stableSubscriptionOptions;
       }, [stableSubscriptionOptions]);
-      const trigger = o.useCallback(function(arg2, preferCacheValue = false) {
+      const trigger = React.useCallback(function(arg2, preferCacheValue = false) {
         let promise;
         batch(() => {
           promiseRef.current?.unsubscribe();
@@ -13214,24 +13252,24 @@ function buildHooks({
         });
         return promise;
       }, [dispatch, initiate]);
-      const reset = o.useCallback(() => {
+      const reset = React.useCallback(() => {
         if (promiseRef.current?.queryCacheKey) {
           dispatch(api.internalActions.removeQueryResult({
             queryCacheKey: promiseRef.current?.queryCacheKey
           }));
         }
       }, [dispatch]);
-      o.useEffect(() => {
+      React.useEffect(() => {
         return () => {
           promiseRef?.current?.unsubscribe();
         };
       }, []);
-      o.useEffect(() => {
+      React.useEffect(() => {
         if (arg !== UNINITIALIZED_VALUE && !promiseRef.current) {
           trigger(arg, true);
         }
       }, [arg, trigger]);
-      return o.useMemo(() => [trigger, arg, {
+      return React.useMemo(() => [trigger, arg, {
         reset
       }], [trigger, arg, reset]);
     };
@@ -13248,10 +13286,10 @@ function buildHooks({
           ...options,
           skip: arg === UNINITIALIZED_VALUE
         });
-        const info = o.useMemo(() => ({
+        const info = React.useMemo(() => ({
           lastArg: arg
         }), [arg]);
-        return o.useMemo(() => [trigger, {
+        return React.useMemo(() => [trigger, {
           ...queryStateResults,
           reset
         }, info], [trigger, queryStateResults, reset, info]);
@@ -13263,8 +13301,8 @@ function buildHooks({
           ...options
         });
         const debugValue = pick(queryStateResults, ...COMMON_HOOK_DEBUG_FIELDS);
-        o.useDebugValue(debugValue);
-        return o.useMemo(() => ({
+        React.useDebugValue(debugValue);
+        return React.useMemo(() => ({
           ...queryStateResults,
           ...querySubscriptionResults
         }), [queryStateResults, querySubscriptionResults]);
@@ -13274,11 +13312,11 @@ function buildHooks({
   function buildInfiniteQueryHooks(endpointName) {
     const useInfiniteQuerySubscription = (arg, options = {}) => {
       const [promiseRef, dispatch, initiate, stableSubscriptionOptions] = useQuerySubscriptionCommonImpl(endpointName, arg, options);
-      const subscriptionOptionsRef = o.useRef(stableSubscriptionOptions);
+      const subscriptionOptionsRef = React.useRef(stableSubscriptionOptions);
       usePossiblyImmediateEffect(() => {
         subscriptionOptionsRef.current = stableSubscriptionOptions;
       }, [stableSubscriptionOptions]);
-      const trigger = o.useCallback(function(arg2, direction) {
+      const trigger = React.useCallback(function(arg2, direction) {
         let promise;
         batch(() => {
           promiseRef.current?.unsubscribe();
@@ -13301,8 +13339,8 @@ function buildHooks({
         context.endpointDefinitions[endpointName],
         endpointName
       );
-      const refetch = o.useCallback(() => refetchOrErrorIfUnmounted(promiseRef), [promiseRef]);
-      return o.useMemo(() => {
+      const refetch = React.useCallback(() => refetchOrErrorIfUnmounted(promiseRef), [promiseRef]);
+      return React.useMemo(() => {
         const fetchNextPage = () => {
           return trigger(stableArg, "forward");
         };
@@ -13335,8 +13373,8 @@ function buildHooks({
           ...options
         });
         const debugValue = pick(queryStateResults, ...COMMON_HOOK_DEBUG_FIELDS, "hasNextPage", "hasPreviousPage");
-        o.useDebugValue(debugValue);
-        return o.useMemo(() => ({
+        React.useDebugValue(debugValue);
+        return React.useMemo(() => ({
           ...queryStateResults,
           fetchNextPage,
           fetchPreviousPage,
@@ -13355,13 +13393,13 @@ function buildHooks({
         initiate
       } = api.endpoints[name];
       const dispatch = useDispatch();
-      const [promise, setPromise] = o.useState();
-      o.useEffect(() => () => {
+      const [promise, setPromise] = React.useState();
+      React.useEffect(() => () => {
         if (!promise?.arg.fixedCacheKey) {
           promise?.reset();
         }
       }, [promise]);
-      const triggerMutation = o.useCallback(function(arg) {
+      const triggerMutation = React.useCallback(function(arg) {
         const promise2 = dispatch(initiate(arg, {
           fixedCacheKey
         }));
@@ -13371,14 +13409,14 @@ function buildHooks({
       const {
         requestId
       } = promise || {};
-      const selectDefaultResult = o.useMemo(() => select({
+      const selectDefaultResult = React.useMemo(() => select({
         fixedCacheKey,
         requestId: promise?.requestId
       }), [fixedCacheKey, promise, select]);
-      const mutationSelector = o.useMemo(() => selectFromResult ? createSelector([selectDefaultResult], selectFromResult) : selectDefaultResult, [selectFromResult, selectDefaultResult]);
+      const mutationSelector = React.useMemo(() => selectFromResult ? createSelector([selectDefaultResult], selectFromResult) : selectDefaultResult, [selectFromResult, selectDefaultResult]);
       const currentState = useSelector(mutationSelector, shallowEqual);
       const originalArgs = fixedCacheKey == null ? promise?.arg.originalArgs : void 0;
-      const reset = o.useCallback(() => {
+      const reset = React.useCallback(() => {
         batch(() => {
           if (promise) {
             setPromise(void 0);
@@ -13392,13 +13430,13 @@ function buildHooks({
         });
       }, [dispatch, fixedCacheKey, promise, requestId]);
       const debugValue = pick(currentState, ...COMMON_HOOK_DEBUG_FIELDS, "endpointName");
-      o.useDebugValue(debugValue);
-      const finalState = o.useMemo(() => ({
+      React.useDebugValue(debugValue);
+      const finalState = React.useMemo(() => ({
         ...currentState,
         originalArgs,
         reset
       }), [currentState, originalArgs, reset]);
-      return o.useMemo(() => [triggerMutation, finalState], [triggerMutation, finalState]);
+      return React.useMemo(() => [triggerMutation, finalState], [triggerMutation, finalState]);
     };
   }
 }
@@ -18479,10 +18517,10 @@ function useAdvancedChat({ tenantKey, mentorId, username = ANONYMOUS_USERNAME, t
         isOffline,
         onOfflineWithoutLocalLLM,
     });
-    const [isLoadingChats, setIsLoadingChats] = o.useState(true);
+    const [isLoadingChats, setIsLoadingChats] = React.useState(true);
     const [getSessionChats] = dataLayer.useLazyGetSessionIdQuery();
     const [getSharedSessionChats] = dataLayer.useLazyGetSharedSessionIdQuery();
-    const getChats = o.useCallback(async () => {
+    const getChats = React.useCallback(async () => {
         var _a, _b, _c, _d;
         let data;
         try {
@@ -18579,7 +18617,7 @@ function useAdvancedChat({ tenantKey, mentorId, username = ANONYMOUS_USERNAME, t
         getSessionChats,
         dispatch,
     ]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         if (cachedSessionId === null || cachedSessionId === void 0 ? void 0 : cachedSessionId[mentorId]) {
             dispatch(chatActions.updateSessionIds(cachedSessionId === null || cachedSessionId === void 0 ? void 0 : cachedSessionId[mentorId]));
             // Skip fetching previous chats when offline
@@ -18594,7 +18632,7 @@ function useAdvancedChat({ tenantKey, mentorId, username = ANONYMOUS_USERNAME, t
             setIsLoadingChats(false);
         }
     }, [cachedSessionId, isOffline]);
-    const startNewChat = o.useCallback(async () => {
+    const startNewChat = React.useCallback(async () => {
         // Reset all chat state
         if (!showingSharedChat) {
             dispatch(chatActions.resetChats(undefined));
@@ -18655,7 +18693,7 @@ function useAdvancedChat({ tenantKey, mentorId, username = ANONYMOUS_USERNAME, t
         dispatch,
         errorHandler,
     ]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         if (!showingSharedChat || mentorSettings.allowAnonymous) {
             if (mentorSettings.allowAnonymous !== undefined &&
                 !(cachedSessionId === null || cachedSessionId === void 0 ? void 0 : cachedSessionId[mentorId])) {
@@ -18663,7 +18701,7 @@ function useAdvancedChat({ tenantKey, mentorId, username = ANONYMOUS_USERNAME, t
             }
         }
     }, [shouldStartNewChat, showingSharedChat, mentorSettings.allowAnonymous]);
-    o.useEffect(() => {
+    React.useEffect(() => {
         if (sessionIds[activeTab] && sessionIds[activeTab] !== sessionId) {
             dispatch(chatActions.setSessionId(sessionIds[activeTab]));
             // Reset WebSocket connection when session ID changes
@@ -18843,15 +18881,15 @@ function useMentorTools({ tenantKey, mentorId, username = ANONYMOUS_USERNAME, er
             errorHandler === null || errorHandler === void 0 ? void 0 : errorHandler("Failed to update session", error);
         }
     };
-    const webBrowsingIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.WEB_SEARCH), [tools, mentorSettings]);
-    const screenSharingIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.SCREEN_SHARE), [tools, mentorSettings]);
-    const deepSearchIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.DEEP_RESEARCH), [tools, mentorSettings]);
-    const studyModeIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.STUDY_MODE), [tools, mentorSettings]);
-    const imageGenerationIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.IMAGE_GENERATION), [tools, mentorSettings]);
-    const codeInterpreterIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.CODE_INTERPRETER), [tools, mentorSettings]);
-    const promptsIsEnabled = o.useMemo(() => { var _a, _b; return !!(((_a = prompts === null || prompts === void 0 ? void 0 : prompts.results) === null || _a === void 0 ? void 0 : _a.length) && ((_b = prompts === null || prompts === void 0 ? void 0 : prompts.results) === null || _b === void 0 ? void 0 : _b.length) > 0); }, [(_a = prompts === null || prompts === void 0 ? void 0 : prompts.results) === null || _a === void 0 ? void 0 : _a.length]);
-    const googleSlidesIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.GOOGLE_SLIDES), [tools, mentorSettings]);
-    const googleDocumentIsEnabled = o.useMemo(() => hasTool(tools, mentorSettings, TOOLS.GOOGLE_DOCUMENT), [tools, mentorSettings]);
+    const webBrowsingIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.WEB_SEARCH), [tools, mentorSettings]);
+    const screenSharingIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.SCREEN_SHARE), [tools, mentorSettings]);
+    const deepSearchIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.DEEP_RESEARCH), [tools, mentorSettings]);
+    const studyModeIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.STUDY_MODE), [tools, mentorSettings]);
+    const imageGenerationIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.IMAGE_GENERATION), [tools, mentorSettings]);
+    const codeInterpreterIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.CODE_INTERPRETER), [tools, mentorSettings]);
+    const promptsIsEnabled = React.useMemo(() => { var _a, _b; return !!(((_a = prompts === null || prompts === void 0 ? void 0 : prompts.results) === null || _a === void 0 ? void 0 : _a.length) && ((_b = prompts === null || prompts === void 0 ? void 0 : prompts.results) === null || _b === void 0 ? void 0 : _b.length) > 0); }, [(_a = prompts === null || prompts === void 0 ? void 0 : prompts.results) === null || _a === void 0 ? void 0 : _a.length]);
+    const googleSlidesIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.GOOGLE_SLIDES), [tools, mentorSettings]);
+    const googleDocumentIsEnabled = React.useMemo(() => hasTool(tools, mentorSettings, TOOLS.GOOGLE_DOCUMENT), [tools, mentorSettings]);
     return {
         tools,
         activeTools,
@@ -18984,8 +19022,300 @@ function useProfileImageUpload(options = {}) {
 // This will be deprecated in favor of the new configuration system
 const METADATAS = loadMetadataConfig();
 
-var jt=n=>{switch(n){case "success":return ee;case "info":return ae;case "warning":return oe;case "error":return se;default:return null}},te=Array(12).fill(0),Yt=({visible:n,className:e})=>o.createElement("div",{className:["sonner-loading-wrapper",e].filter(Boolean).join(" "),"data-visible":n},o.createElement("div",{className:"sonner-spinner"},te.map((t,a)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),ee=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),oe=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ae=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),se=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),Ot=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}));var Ft=()=>{let[n,e]=o.useState(document.hidden);return o.useEffect(()=>{let t=()=>{e(document.hidden);};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),n};var bt=1,yt=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1);});this.publish=e=>{this.subscribers.forEach(t=>t(e));};this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e];};this.create=e=>{var S;let{message:t,...a}=e,u=typeof(e==null?void 0:e.id)=="number"||((S=e.id)==null?void 0:S.length)>0?e.id:bt++,f=this.toasts.find(g=>g.id===u),w=e.dismissible===void 0?true:e.dismissible;return this.dismissedToasts.has(u)&&this.dismissedToasts.delete(u),f?this.toasts=this.toasts.map(g=>g.id===u?(this.publish({...g,...e,id:u,title:t}),{...g,...e,id:u,dismissible:w,title:t}):g):this.addToast({title:t,...a,dismissible:w,id:u}),u};this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(t=>{this.subscribers.forEach(a=>a({id:t.id,dismiss:true}));}),this.subscribers.forEach(t=>t({id:e,dismiss:true})),e);this.message=(e,t)=>this.create({...t,message:e});this.error=(e,t)=>this.create({...t,message:e,type:"error"});this.success=(e,t)=>this.create({...t,type:"success",message:e});this.info=(e,t)=>this.create({...t,type:"info",message:e});this.warning=(e,t)=>this.create({...t,type:"warning",message:e});this.loading=(e,t)=>this.create({...t,type:"loading",message:e});this.promise=(e,t)=>{if(!t)return;let a;t.loading!==void 0&&(a=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let u=e instanceof Promise?e:e(),f=a!==void 0,w,S=u.then(async i=>{if(w=["resolve",i],o.isValidElement(i))f=false,this.create({id:a,type:"default",message:i});else if(ie(i)&&!i.ok){f=false;let T=typeof t.error=="function"?await t.error(`HTTP error! status: ${i.status}`):t.error,F=typeof t.description=="function"?await t.description(`HTTP error! status: ${i.status}`):t.description;this.create({id:a,type:"error",message:T,description:F});}else if(t.success!==void 0){f=false;let T=typeof t.success=="function"?await t.success(i):t.success,F=typeof t.description=="function"?await t.description(i):t.description;this.create({id:a,type:"success",message:T,description:F});}}).catch(async i=>{if(w=["reject",i],t.error!==void 0){f=false;let D=typeof t.error=="function"?await t.error(i):t.error,T=typeof t.description=="function"?await t.description(i):t.description;this.create({id:a,type:"error",message:D,description:T});}}).finally(()=>{var i;f&&(this.dismiss(a),a=void 0),(i=t.finally)==null||i.call(t);}),g=()=>new Promise((i,D)=>S.then(()=>w[0]==="reject"?D(w[1]):i(w[1])).catch(D));return typeof a!="string"&&typeof a!="number"?{unwrap:g}:Object.assign(a,{unwrap:g})};this.custom=(e,t)=>{let a=(t==null?void 0:t.id)||bt++;return this.create({jsx:e(a),id:a,...t}),a};this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id));this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set;}},v=new yt,ne=(n,e)=>{let t=(e==null?void 0:e.id)||bt++;return v.addToast({title:n,...e,id:t}),t},ie=n=>n&&typeof n=="object"&&"ok"in n&&typeof n.ok=="boolean"&&"status"in n&&typeof n.status=="number",le=ne,ce=()=>v.toasts,de=()=>v.getActiveToasts(),ue=Object.assign(le,{success:v.success,info:v.info,warning:v.warning,error:v.error,custom:v.custom,message:v.message,promise:v.promise,dismiss:v.dismiss,loading:v.loading},{getHistory:ce,getToasts:de});function wt(n,{insertAt:e}={}){if(typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",e==="top"&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n));}wt(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
-`);function tt(n){return n.label!==void 0}var pe=3,me="32px",ge="16px",Wt=4e3,he=356,be=14,ye=20,we=200;function M(...n){return n.filter(Boolean).join(" ")}function xe(n){let[e,t]=n.split("-"),a=[];return e&&a.push(e),t&&a.push(t),a}var ve=n=>{var Dt,Pt,Nt,Bt,Ct,kt,It,Mt,Ht,At,Lt;let{invert:e,toast:t,unstyled:a,interacting:u,setHeights:f,visibleToasts:w,heights:S,index:g,toasts:i,expanded:D,removeToast:T,defaultRichColors:F,closeButton:et,style:ut,cancelButtonStyle:ft,actionButtonStyle:l,className:ot="",descriptionClassName:at="",duration:X,position:st,gap:pt,loadingIcon:rt,expandByDefault:B,classNames:s,icons:P,closeButtonAriaLabel:nt="Close toast",pauseWhenPageIsHidden:it}=n,[Y,C]=o.useState(null),[lt,J]=o.useState(null),[W,H]=o.useState(false),[A,mt]=o.useState(false),[L,z]=o.useState(false),[ct,d]=o.useState(false),[h,y]=o.useState(false),[R,j]=o.useState(0),[p,_]=o.useState(0),O=o.useRef(t.duration||X||Wt),G=o.useRef(null),k=o.useRef(null),Vt=g===0,Ut=g+1<=w,N=t.type,V=t.dismissible!==false,Kt=t.className||"",Xt=t.descriptionClassName||"",dt=o.useMemo(()=>S.findIndex(r=>r.toastId===t.id)||0,[S,t.id]),Jt=o.useMemo(()=>{var r;return (r=t.closeButton)!=null?r:et},[t.closeButton,et]),Tt=o.useMemo(()=>t.duration||X||Wt,[t.duration,X]),gt=o.useRef(0),U=o.useRef(0),St=o.useRef(0),K=o.useRef(null),[Gt,Qt]=st.split("-"),Rt=o.useMemo(()=>S.reduce((r,m,c)=>c>=dt?r:r+m.height,0),[S,dt]),Et=Ft(),qt=t.invert||e,ht=N==="loading";U.current=o.useMemo(()=>dt*pt+Rt,[dt,Rt]),o.useEffect(()=>{O.current=Tt;},[Tt]),o.useEffect(()=>{H(true);},[]),o.useEffect(()=>{let r=k.current;if(r){let m=r.getBoundingClientRect().height;return _(m),f(c=>[{toastId:t.id,height:m,position:t.position},...c]),()=>f(c=>c.filter(b=>b.toastId!==t.id))}},[f,t.id]),o.useLayoutEffect(()=>{if(!W)return;let r=k.current,m=r.style.height;r.style.height="auto";let c=r.getBoundingClientRect().height;r.style.height=m,_(c),f(b=>b.find(x=>x.toastId===t.id)?b.map(x=>x.toastId===t.id?{...x,height:c}:x):[{toastId:t.id,height:c,position:t.position},...b]);},[W,t.title,t.description,f,t.id]);let $=o.useCallback(()=>{mt(true),j(U.current),f(r=>r.filter(m=>m.toastId!==t.id)),setTimeout(()=>{T(t);},we);},[t,T,f,U]);o.useEffect(()=>{if(t.promise&&N==="loading"||t.duration===1/0||t.type==="loading")return;let r;return D||u||it&&Et?(()=>{if(St.current<gt.current){let b=new Date().getTime()-gt.current;O.current=O.current-b;}St.current=new Date().getTime();})():(()=>{O.current!==1/0&&(gt.current=new Date().getTime(),r=setTimeout(()=>{var b;(b=t.onAutoClose)==null||b.call(t,t),$();},O.current));})(),()=>clearTimeout(r)},[D,u,t,N,it,Et,$]),o.useEffect(()=>{t.delete&&$();},[$,t.delete]);function Zt(){var r,m,c;return P!=null&&P.loading?o.createElement("div",{className:M(s==null?void 0:s.loader,(r=t==null?void 0:t.classNames)==null?void 0:r.loader,"sonner-loader"),"data-visible":N==="loading"},P.loading):rt?o.createElement("div",{className:M(s==null?void 0:s.loader,(m=t==null?void 0:t.classNames)==null?void 0:m.loader,"sonner-loader"),"data-visible":N==="loading"},rt):o.createElement(Yt,{className:M(s==null?void 0:s.loader,(c=t==null?void 0:t.classNames)==null?void 0:c.loader),visible:N==="loading"})}return o.createElement("li",{tabIndex:0,ref:k,className:M(ot,Kt,s==null?void 0:s.toast,(Dt=t==null?void 0:t.classNames)==null?void 0:Dt.toast,s==null?void 0:s.default,s==null?void 0:s[N],(Pt=t==null?void 0:t.classNames)==null?void 0:Pt[N]),"data-sonner-toast":"","data-rich-colors":(Nt=t.richColors)!=null?Nt:F,"data-styled":!(t.jsx||t.unstyled||a),"data-mounted":W,"data-promise":!!t.promise,"data-swiped":h,"data-removed":A,"data-visible":Ut,"data-y-position":Gt,"data-x-position":Qt,"data-index":g,"data-front":Vt,"data-swiping":L,"data-dismissible":V,"data-type":N,"data-invert":qt,"data-swipe-out":ct,"data-swipe-direction":lt,"data-expanded":!!(D||B&&W),style:{"--index":g,"--toasts-before":g,"--z-index":i.length-g,"--offset":`${A?R:U.current}px`,"--initial-height":B?"auto":`${p}px`,...ut,...t.style},onDragEnd:()=>{z(false),C(null),K.current=null;},onPointerDown:r=>{ht||!V||(G.current=new Date,j(U.current),r.target.setPointerCapture(r.pointerId),r.target.tagName!=="BUTTON"&&(z(true),K.current={x:r.clientX,y:r.clientY}));},onPointerUp:()=>{var x,Q,q,Z;if(ct||!V)return;K.current=null;let r=Number(((x=k.current)==null?void 0:x.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),m=Number(((Q=k.current)==null?void 0:Q.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),c=new Date().getTime()-((q=G.current)==null?void 0:q.getTime()),b=Y==="x"?r:m,I=Math.abs(b)/c;if(Math.abs(b)>=ye||I>.11){j(U.current),(Z=t.onDismiss)==null||Z.call(t,t),J(Y==="x"?r>0?"right":"left":m>0?"down":"up"),$(),d(true),y(false);return}z(false),C(null);},onPointerMove:r=>{var Q,q,Z,zt;if(!K.current||!V||((Q=window.getSelection())==null?void 0:Q.toString().length)>0)return;let c=r.clientY-K.current.y,b=r.clientX-K.current.x,I=(q=n.swipeDirections)!=null?q:xe(st);!Y&&(Math.abs(b)>1||Math.abs(c)>1)&&C(Math.abs(b)>Math.abs(c)?"x":"y");let x={x:0,y:0};Y==="y"?(I.includes("top")||I.includes("bottom"))&&(I.includes("top")&&c<0||I.includes("bottom")&&c>0)&&(x.y=c):Y==="x"&&(I.includes("left")||I.includes("right"))&&(I.includes("left")&&b<0||I.includes("right")&&b>0)&&(x.x=b),(Math.abs(x.x)>0||Math.abs(x.y)>0)&&y(true),(Z=k.current)==null||Z.style.setProperty("--swipe-amount-x",`${x.x}px`),(zt=k.current)==null||zt.style.setProperty("--swipe-amount-y",`${x.y}px`);}},Jt&&!t.jsx?o.createElement("button",{"aria-label":nt,"data-disabled":ht,"data-close-button":true,onClick:ht||!V?()=>{}:()=>{var r;$(),(r=t.onDismiss)==null||r.call(t,t);},className:M(s==null?void 0:s.closeButton,(Bt=t==null?void 0:t.classNames)==null?void 0:Bt.closeButton)},(Ct=P==null?void 0:P.close)!=null?Ct:Ot):null,t.jsx||o.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.createElement(o.Fragment,null,N||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:M(s==null?void 0:s.icon,(kt=t==null?void 0:t.classNames)==null?void 0:kt.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Zt():null,t.type!=="loading"?t.icon||(P==null?void 0:P[N])||jt(N):null):null,o.createElement("div",{"data-content":"",className:M(s==null?void 0:s.content,(It=t==null?void 0:t.classNames)==null?void 0:It.content)},o.createElement("div",{"data-title":"",className:M(s==null?void 0:s.title,(Mt=t==null?void 0:t.classNames)==null?void 0:Mt.title)},typeof t.title=="function"?t.title():t.title),t.description?o.createElement("div",{"data-description":"",className:M(at,Xt,s==null?void 0:s.description,(Ht=t==null?void 0:t.classNames)==null?void 0:Ht.description)},typeof t.description=="function"?t.description():t.description):null),o.isValidElement(t.cancel)?t.cancel:t.cancel&&tt(t.cancel)?o.createElement("button",{"data-button":true,"data-cancel":true,style:t.cancelButtonStyle||ft,onClick:r=>{var m,c;tt(t.cancel)&&V&&((c=(m=t.cancel).onClick)==null||c.call(m,r),$());},className:M(s==null?void 0:s.cancelButton,(At=t==null?void 0:t.classNames)==null?void 0:At.cancelButton)},t.cancel.label):null,o.isValidElement(t.action)?t.action:t.action&&tt(t.action)?o.createElement("button",{"data-button":true,"data-action":true,style:t.actionButtonStyle||l,onClick:r=>{var m,c;tt(t.action)&&((c=(m=t.action).onClick)==null||c.call(m,r),!r.defaultPrevented&&$());},className:M(s==null?void 0:s.actionButton,(Lt=t==null?void 0:t.classNames)==null?void 0:Lt.actionButton)},t.action.label):null))};function _t(){if(typeof window=="undefined"||typeof document=="undefined")return "ltr";let n=document.documentElement.getAttribute("dir");return n==="auto"||!n?window.getComputedStyle(document.documentElement).direction:n}function Te(n,e){let t={};return [n,e].forEach((a,u)=>{let f=u===1,w=f?"--mobile-offset":"--offset",S=f?ge:me;function g(i){["top","right","bottom","left"].forEach(D=>{t[`${w}-${D}`]=typeof i=="number"?`${i}px`:i;});}typeof a=="number"||typeof a=="string"?g(a):typeof a=="object"?["top","right","bottom","left"].forEach(i=>{a[i]===void 0?t[`${w}-${i}`]=S:t[`${w}-${i}`]=typeof a[i]=="number"?`${a[i]}px`:a[i];}):g(S);}),t}o.forwardRef(function(e,t){let{invert:a,position:u="bottom-right",hotkey:f=["altKey","KeyT"],expand:w,closeButton:S,className:g,offset:i,mobileOffset:D,theme:T="light",richColors:F,duration:et,style:ut,visibleToasts:ft=pe,toastOptions:l,dir:ot=_t(),gap:at=be,loadingIcon:X,icons:st,containerAriaLabel:pt="Notifications",pauseWhenPageIsHidden:rt}=e,[B,s]=o.useState([]),P=o.useMemo(()=>Array.from(new Set([u].concat(B.filter(d=>d.position).map(d=>d.position)))),[B,u]),[nt,it]=o.useState([]),[Y,C]=o.useState(false),[lt,J]=o.useState(false),[W,H]=o.useState(T!=="system"?T:typeof window!="undefined"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),A=o.useRef(null),mt=f.join("+").replace(/Key/g,"").replace(/Digit/g,""),L=o.useRef(null),z=o.useRef(false),ct=o.useCallback(d=>{s(h=>{var y;return (y=h.find(R=>R.id===d.id))!=null&&y.delete||v.dismiss(d.id),h.filter(({id:R})=>R!==d.id)});},[]);return o.useEffect(()=>v.subscribe(d=>{if(d.dismiss){s(h=>h.map(y=>y.id===d.id?{...y,delete:true}:y));return}setTimeout(()=>{vt.flushSync(()=>{s(h=>{let y=h.findIndex(R=>R.id===d.id);return y!==-1?[...h.slice(0,y),{...h[y],...d},...h.slice(y+1)]:[d,...h]});});});}),[]),o.useEffect(()=>{if(T!=="system"){H(T);return}if(T==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?H("dark"):H("light")),typeof window=="undefined")return;let d=window.matchMedia("(prefers-color-scheme: dark)");try{d.addEventListener("change",({matches:h})=>{H(h?"dark":"light");});}catch(h){d.addListener(({matches:y})=>{try{H(y?"dark":"light");}catch(R){console.error(R);}});}},[T]),o.useEffect(()=>{B.length<=1&&C(false);},[B]),o.useEffect(()=>{let d=h=>{var R,j;f.every(p=>h[p]||h.code===p)&&(C(true),(R=A.current)==null||R.focus()),h.code==="Escape"&&(document.activeElement===A.current||(j=A.current)!=null&&j.contains(document.activeElement))&&C(false);};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[f]),o.useEffect(()=>{if(A.current)return ()=>{L.current&&(L.current.focus({preventScroll:true}),L.current=null,z.current=false);}},[A.current]),o.createElement("section",{ref:t,"aria-label":`${pt} ${mt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:true},P.map((d,h)=>{var j;let[y,R]=d.split("-");return B.length?o.createElement("ol",{key:d,dir:ot==="auto"?_t():ot,tabIndex:-1,ref:A,className:g,"data-sonner-toaster":true,"data-theme":W,"data-y-position":y,"data-lifted":Y&&B.length>1&&!w,"data-x-position":R,style:{"--front-toast-height":`${((j=nt[0])==null?void 0:j.height)||0}px`,"--width":`${he}px`,"--gap":`${at}px`,...ut,...Te(i,D)},onBlur:p=>{z.current&&!p.currentTarget.contains(p.relatedTarget)&&(z.current=false,L.current&&(L.current.focus({preventScroll:true}),L.current=null));},onFocus:p=>{p.target instanceof HTMLElement&&p.target.dataset.dismissible==="false"||z.current||(z.current=true,L.current=p.relatedTarget);},onMouseEnter:()=>C(true),onMouseMove:()=>C(true),onMouseLeave:()=>{lt||C(false);},onDragEnd:()=>C(false),onPointerDown:p=>{p.target instanceof HTMLElement&&p.target.dataset.dismissible==="false"||J(true);},onPointerUp:()=>J(false)},B.filter(p=>!p.position&&h===0||p.position===d).map((p,_)=>{var O,G;return o.createElement(ve,{key:p.id,icons:st,index:_,toast:p,defaultRichColors:F,duration:(O=l==null?void 0:l.duration)!=null?O:et,className:l==null?void 0:l.className,descriptionClassName:l==null?void 0:l.descriptionClassName,invert:a,visibleToasts:ft,closeButton:(G=l==null?void 0:l.closeButton)!=null?G:S,interacting:lt,position:d,style:l==null?void 0:l.style,unstyled:l==null?void 0:l.unstyled,classNames:l==null?void 0:l.classNames,cancelButtonStyle:l==null?void 0:l.cancelButtonStyle,actionButtonStyle:l==null?void 0:l.actionButtonStyle,removeToast:ct,toasts:B.filter(k=>k.position==p.position),heights:nt.filter(k=>k.position==p.position),setHeights:it,expandByDefault:w,gap:at,loadingIcon:X,expanded:Y,pauseWhenPageIsHidden:rt,swipeDirections:e.swipeDirections})})):null}))});
+function __insertCSS(code) {
+  if (typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0];
+  let style = document.createElement('style');
+  style.type = 'text/css';
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code));
+}
+Array(12).fill(0);
+
+let toastsCounter = 1;
+class Observer {
+    constructor(){
+        // We use arrow functions to maintain the correct `this` reference
+        this.subscribe = (subscriber)=>{
+            this.subscribers.push(subscriber);
+            return ()=>{
+                const index = this.subscribers.indexOf(subscriber);
+                this.subscribers.splice(index, 1);
+            };
+        };
+        this.publish = (data)=>{
+            this.subscribers.forEach((subscriber)=>subscriber(data));
+        };
+        this.addToast = (data)=>{
+            this.publish(data);
+            this.toasts = [
+                ...this.toasts,
+                data
+            ];
+        };
+        this.create = (data)=>{
+            var _data_id;
+            const { message, ...rest } = data;
+            const id = typeof (data == null ? void 0 : data.id) === 'number' || ((_data_id = data.id) == null ? void 0 : _data_id.length) > 0 ? data.id : toastsCounter++;
+            const alreadyExists = this.toasts.find((toast)=>{
+                return toast.id === id;
+            });
+            const dismissible = data.dismissible === undefined ? true : data.dismissible;
+            if (this.dismissedToasts.has(id)) {
+                this.dismissedToasts.delete(id);
+            }
+            if (alreadyExists) {
+                this.toasts = this.toasts.map((toast)=>{
+                    if (toast.id === id) {
+                        this.publish({
+                            ...toast,
+                            ...data,
+                            id,
+                            title: message
+                        });
+                        return {
+                            ...toast,
+                            ...data,
+                            id,
+                            dismissible,
+                            title: message
+                        };
+                    }
+                    return toast;
+                });
+            } else {
+                this.addToast({
+                    title: message,
+                    ...rest,
+                    dismissible,
+                    id
+                });
+            }
+            return id;
+        };
+        this.dismiss = (id)=>{
+            if (id) {
+                this.dismissedToasts.add(id);
+                requestAnimationFrame(()=>this.subscribers.forEach((subscriber)=>subscriber({
+                            id,
+                            dismiss: true
+                        })));
+            } else {
+                this.toasts.forEach((toast)=>{
+                    this.subscribers.forEach((subscriber)=>subscriber({
+                            id: toast.id,
+                            dismiss: true
+                        }));
+                });
+            }
+            return id;
+        };
+        this.message = (message, data)=>{
+            return this.create({
+                ...data,
+                message
+            });
+        };
+        this.error = (message, data)=>{
+            return this.create({
+                ...data,
+                message,
+                type: 'error'
+            });
+        };
+        this.success = (message, data)=>{
+            return this.create({
+                ...data,
+                type: 'success',
+                message
+            });
+        };
+        this.info = (message, data)=>{
+            return this.create({
+                ...data,
+                type: 'info',
+                message
+            });
+        };
+        this.warning = (message, data)=>{
+            return this.create({
+                ...data,
+                type: 'warning',
+                message
+            });
+        };
+        this.loading = (message, data)=>{
+            return this.create({
+                ...data,
+                type: 'loading',
+                message
+            });
+        };
+        this.promise = (promise, data)=>{
+            if (!data) {
+                // Nothing to show
+                return;
+            }
+            let id = undefined;
+            if (data.loading !== undefined) {
+                id = this.create({
+                    ...data,
+                    promise,
+                    type: 'loading',
+                    message: data.loading,
+                    description: typeof data.description !== 'function' ? data.description : undefined
+                });
+            }
+            const p = Promise.resolve(promise instanceof Function ? promise() : promise);
+            let shouldDismiss = id !== undefined;
+            let result;
+            const originalPromise = p.then(async (response)=>{
+                result = [
+                    'resolve',
+                    response
+                ];
+                const isReactElementResponse = React.isValidElement(response);
+                if (isReactElementResponse) {
+                    shouldDismiss = false;
+                    this.create({
+                        id,
+                        type: 'default',
+                        message: response
+                    });
+                } else if (isHttpResponse(response) && !response.ok) {
+                    shouldDismiss = false;
+                    const promiseData = typeof data.error === 'function' ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
+                    const description = typeof data.description === 'function' ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
+                    const isExtendedResult = typeof promiseData === 'object' && !React.isValidElement(promiseData);
+                    const toastSettings = isExtendedResult ? promiseData : {
+                        message: promiseData
+                    };
+                    this.create({
+                        id,
+                        type: 'error',
+                        description,
+                        ...toastSettings
+                    });
+                } else if (response instanceof Error) {
+                    shouldDismiss = false;
+                    const promiseData = typeof data.error === 'function' ? await data.error(response) : data.error;
+                    const description = typeof data.description === 'function' ? await data.description(response) : data.description;
+                    const isExtendedResult = typeof promiseData === 'object' && !React.isValidElement(promiseData);
+                    const toastSettings = isExtendedResult ? promiseData : {
+                        message: promiseData
+                    };
+                    this.create({
+                        id,
+                        type: 'error',
+                        description,
+                        ...toastSettings
+                    });
+                } else if (data.success !== undefined) {
+                    shouldDismiss = false;
+                    const promiseData = typeof data.success === 'function' ? await data.success(response) : data.success;
+                    const description = typeof data.description === 'function' ? await data.description(response) : data.description;
+                    const isExtendedResult = typeof promiseData === 'object' && !React.isValidElement(promiseData);
+                    const toastSettings = isExtendedResult ? promiseData : {
+                        message: promiseData
+                    };
+                    this.create({
+                        id,
+                        type: 'success',
+                        description,
+                        ...toastSettings
+                    });
+                }
+            }).catch(async (error)=>{
+                result = [
+                    'reject',
+                    error
+                ];
+                if (data.error !== undefined) {
+                    shouldDismiss = false;
+                    const promiseData = typeof data.error === 'function' ? await data.error(error) : data.error;
+                    const description = typeof data.description === 'function' ? await data.description(error) : data.description;
+                    const isExtendedResult = typeof promiseData === 'object' && !React.isValidElement(promiseData);
+                    const toastSettings = isExtendedResult ? promiseData : {
+                        message: promiseData
+                    };
+                    this.create({
+                        id,
+                        type: 'error',
+                        description,
+                        ...toastSettings
+                    });
+                }
+            }).finally(()=>{
+                if (shouldDismiss) {
+                    // Toast is still in load state (and will be indefinitely — dismiss it)
+                    this.dismiss(id);
+                    id = undefined;
+                }
+                data.finally == null ? void 0 : data.finally.call(data);
+            });
+            const unwrap = ()=>new Promise((resolve, reject)=>originalPromise.then(()=>result[0] === 'reject' ? reject(result[1]) : resolve(result[1])).catch(reject));
+            if (typeof id !== 'string' && typeof id !== 'number') {
+                // cannot Object.assign on undefined
+                return {
+                    unwrap
+                };
+            } else {
+                return Object.assign(id, {
+                    unwrap
+                });
+            }
+        };
+        this.custom = (jsx, data)=>{
+            const id = (data == null ? void 0 : data.id) || toastsCounter++;
+            this.create({
+                jsx: jsx(id),
+                id,
+                ...data
+            });
+            return id;
+        };
+        this.getActiveToasts = ()=>{
+            return this.toasts.filter((toast)=>!this.dismissedToasts.has(toast.id));
+        };
+        this.subscribers = [];
+        this.toasts = [];
+        this.dismissedToasts = new Set();
+    }
+}
+const ToastState = new Observer();
+// bind this to the toast function
+const toastFunction = (message, data)=>{
+    const id = (data == null ? void 0 : data.id) || toastsCounter++;
+    ToastState.addToast({
+        title: message,
+        ...data,
+        id
+    });
+    return id;
+};
+const isHttpResponse = (data)=>{
+    return data && typeof data === 'object' && 'ok' in data && typeof data.ok === 'boolean' && 'status' in data && typeof data.status === 'number';
+};
+const basicToast = toastFunction;
+const getHistory = ()=>ToastState.toasts;
+const getToasts = ()=>ToastState.getActiveToasts();
+// We use `Object.assign` to maintain the correct types as we would lose them otherwise
+const toast = Object.assign(basicToast, {
+    success: ToastState.success,
+    info: ToastState.info,
+    warning: ToastState.warning,
+    error: ToastState.error,
+    custom: ToastState.custom,
+    message: ToastState.message,
+    promise: ToastState.promise,
+    dismiss: ToastState.dismiss,
+    loading: ToastState.loading
+}, {
+    getHistory,
+    getToasts
+});
+
+__insertCSS("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
 
 function buildCheckoutUrl(baseUrl, email, clientReferenceId) {
     const separator = baseUrl.includes("?") ? "&" : "?";
@@ -18993,9 +19323,9 @@ function buildCheckoutUrl(baseUrl, email, clientReferenceId) {
 }
 const useStripeUpgrade = ({ redirectUrl, sourcePlatformKey, mainPlatformKey, currentUserEmail, }) => {
     const [triggerGetSession] = dataLayer.useLazyGetStripePricingPageSessionQuery();
-    const [isLoading, setIsLoading] = o.useState(false);
-    const [freeUrl, setFreeUrl] = o.useState(null);
-    const [premiumUrl, setPremiumUrl] = o.useState(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [freeUrl, setFreeUrl] = React.useState(null);
+    const [premiumUrl, setPremiumUrl] = React.useState(null);
     const handleUpgrade = async (redirectPlan) => {
         setIsLoading(true);
         try {
@@ -19028,7 +19358,7 @@ const useStripeUpgrade = ({ redirectUrl, sourcePlatformKey, mainPlatformKey, cur
             }
         }
         catch (_a) {
-            ue.error("Failed to load upgrade options. Please try again.");
+            toast.error("Failed to load upgrade options. Please try again.");
         }
         finally {
             setIsLoading(false);