var __CODE__ = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/__injected-globals.js var fetch; var init_injected_globals = __esm({ "virtual:/__injected-globals.js"() { fetch = /* @__PURE__ */ (function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "97a1dda2-dfa6-4c6d-b27c-6d883beb86a9"); finalHeaders.set("x-createxyz-project-group-id", "fd55c142-441e-4ba4-8826-668f7738258b"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "97a1dda2-dfa6-4c6d-b27c-6d883beb86a9"); input.headers.set("x-createxyz-project-group-id", "fd55c142-441e-4ba4-8826-668f7738258b"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; })(globalThis.fetch); } }); // global-externals:react var require_react = __commonJS({ "global-externals:react"(exports, module) { init_injected_globals(); module.exports = React; } }); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js var Subscribable; var init_subscribable = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/subscribable.js"() { init_injected_globals(); Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/utils.js function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function shallowEqualObjects(a, b) { if (!b || Object.keys(a).length !== Object.keys(b).length) { return false; } for (const key in a) { if (a[key] !== b[key]) { return false; } } return true; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (false) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } function ensureQueryFn(options, fetchOptions) { if (false) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } var isServer, skipToken; var init_utils = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/utils.js"() { init_injected_globals(); isServer = typeof window === "undefined" || "Deno" in globalThis; skipToken = Symbol(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager, focusManager; var init_focusManager = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/focusManager.js"() { init_injected_globals(); init_subscribable(); init_utils(); FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; focusManager = new FocusManager(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js var OnlineManager, onlineManager; var init_onlineManager = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js"() { init_injected_globals(); init_subscribable(); init_utils(); OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; onlineManager = new OnlineManager(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } var init_thenable = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/thenable.js"() { init_injected_globals(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } var CancelledError; var init_retryer = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/retryer.js"() { init_injected_globals(); init_focusManager(); init_onlineManager(); init_thenable(); init_utils(); CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var defaultScheduler, notifyManager; var init_notifyManager = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js"() { init_injected_globals(); defaultScheduler = (cb) => setTimeout(cb, 0); notifyManager = createNotifyManager(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js var Removable; var init_removable = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/removable.js"() { init_injected_globals(); init_utils(); Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/query.js function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } var Query; var init_query = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/query.js"() { init_injected_globals(); init_utils(); init_notifyManager(); init_retryer(); init_removable(); Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (false) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (false) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache; var init_queryCache = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/queryCache.js"() { init_injected_globals(); init_utils(); init_query(); init_notifyManager(); init_subscribable(); QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } var Mutation; var init_mutation = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/mutation.js"() { init_injected_globals(); init_notifyManager(); init_removable(); init_retryer(); Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js function scopeFor(mutation) { return mutation.options.scope?.id; } var MutationCache; var init_mutationCache = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js"() { init_injected_globals(); init_notifyManager(); init_mutation(); init_utils(); init_subscribable(); MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } var init_infiniteQueryBehavior = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js"() { init_injected_globals(); init_utils(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient; var init_queryClient = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/queryClient.js"() { init_injected_globals(); init_utils(); init_queryCache(); init_mutationCache(); init_focusManager(); init_onlineManager(); init_notifyManager(); init_infiniteQueryBehavior(); QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/queryObserver.js function shouldLoadOnMount(query, options) { return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false); } function shouldFetchOnMount(query, options) { return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount); } function shouldFetchOn(query, options, field) { if (resolveEnabled(options.enabled, query) !== false) { const value = typeof field === "function" ? field(query) : field; return value === "always" || value !== false && isStale(query, options); } return false; } function shouldFetchOptionally(query, prevQuery, options, prevOptions) { return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options); } function isStale(query, options) { return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query)); } function shouldAssignObserverCurrentProperties(observer, optimisticResult) { if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) { return true; } return false; } var QueryObserver; var init_queryObserver = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/queryObserver.js"() { init_injected_globals(); init_focusManager(); init_notifyManager(); init_query(); init_subscribable(); init_thenable(); init_utils(); QueryObserver = class extends Subscribable { constructor(client, options) { super(); this.options = options; this.#client = client; this.#selectError = null; this.#currentThenable = pendingThenable(); if (!this.options.experimental_prefetchInRender) { this.#currentThenable.reject( new Error("experimental_prefetchInRender feature flag is not enabled") ); } this.bindMethods(); this.setOptions(options); } #client; #currentQuery = void 0; #currentQueryInitialState = void 0; #currentResult = void 0; #currentResultState; #currentResultOptions; #currentThenable; #selectError; #selectFn; #selectResult; // This property keeps track of the last query with defined data. // It will be used to pass the previous data and query to the placeholder function between renders. #lastQueryWithDefinedData; #staleTimeoutId; #refetchIntervalId; #currentRefetchInterval; #trackedProps = /* @__PURE__ */ new Set(); bindMethods() { this.refetch = this.refetch.bind(this); } onSubscribe() { if (this.listeners.size === 1) { this.#currentQuery.addObserver(this); if (shouldFetchOnMount(this.#currentQuery, this.options)) { this.#executeFetch(); } else { this.updateResult(); } this.#updateTimers(); } } onUnsubscribe() { if (!this.hasListeners()) { this.destroy(); } } shouldFetchOnReconnect() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnReconnect ); } shouldFetchOnWindowFocus() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnWindowFocus ); } destroy() { this.listeners = /* @__PURE__ */ new Set(); this.#clearStaleTimeout(); this.#clearRefetchInterval(); this.#currentQuery.removeObserver(this); } setOptions(options) { const prevOptions = this.options; const prevQuery = this.#currentQuery; this.options = this.#client.defaultQueryOptions(options); if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") { throw new Error( "Expected enabled to be a boolean or a callback that returns a boolean" ); } this.#updateQuery(); this.#currentQuery.setOptions(this.options); if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) { this.#client.getQueryCache().notify({ type: "observerOptionsUpdated", query: this.#currentQuery, observer: this }); } const mounted = this.hasListeners(); if (mounted && shouldFetchOptionally( this.#currentQuery, prevQuery, this.options, prevOptions )) { this.#executeFetch(); } this.updateResult(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) { this.#updateStaleTimeout(); } const nextRefetchInterval = this.#computeRefetchInterval(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) { this.#updateRefetchInterval(nextRefetchInterval); } } getOptimisticResult(options) { const query = this.#client.getQueryCache().build(this.#client, options); const result = this.createResult(query, options); if (shouldAssignObserverCurrentProperties(this, result)) { this.#currentResult = result; this.#currentResultOptions = this.options; this.#currentResultState = this.#currentQuery.state; } return result; } getCurrentResult() { return this.#currentResult; } trackResult(result, onPropTracked) { const trackedResult = {}; Object.keys(result).forEach((key) => { Object.defineProperty(trackedResult, key, { configurable: false, enumerable: true, get: () => { this.trackProp(key); onPropTracked?.(key); return result[key]; } }); }); return trackedResult; } trackProp(key) { this.#trackedProps.add(key); } getCurrentQuery() { return this.#currentQuery; } refetch({ ...options } = {}) { return this.fetch({ ...options }); } fetchOptimistic(options) { const defaultedOptions = this.#client.defaultQueryOptions(options); const query = this.#client.getQueryCache().build(this.#client, defaultedOptions); return query.fetch().then(() => this.createResult(query, defaultedOptions)); } fetch(fetchOptions) { return this.#executeFetch({ ...fetchOptions, cancelRefetch: fetchOptions.cancelRefetch ?? true }).then(() => { this.updateResult(); return this.#currentResult; }); } #executeFetch(fetchOptions) { this.#updateQuery(); let promise = this.#currentQuery.fetch( this.options, fetchOptions ); if (!fetchOptions?.throwOnError) { promise = promise.catch(noop); } return promise; } #updateStaleTimeout() { this.#clearStaleTimeout(); const staleTime = resolveStaleTime( this.options.staleTime, this.#currentQuery ); if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) { return; } const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime); const timeout = time + 1; this.#staleTimeoutId = setTimeout(() => { if (!this.#currentResult.isStale) { this.updateResult(); } }, timeout); } #computeRefetchInterval() { return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false; } #updateRefetchInterval(nextInterval) { this.#clearRefetchInterval(); this.#currentRefetchInterval = nextInterval; if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) { return; } this.#refetchIntervalId = setInterval(() => { if (this.options.refetchIntervalInBackground || focusManager.isFocused()) { this.#executeFetch(); } }, this.#currentRefetchInterval); } #updateTimers() { this.#updateStaleTimeout(); this.#updateRefetchInterval(this.#computeRefetchInterval()); } #clearStaleTimeout() { if (this.#staleTimeoutId) { clearTimeout(this.#staleTimeoutId); this.#staleTimeoutId = void 0; } } #clearRefetchInterval() { if (this.#refetchIntervalId) { clearInterval(this.#refetchIntervalId); this.#refetchIntervalId = void 0; } } createResult(query, options) { const prevQuery = this.#currentQuery; const prevOptions = this.options; const prevResult = this.#currentResult; const prevResultState = this.#currentResultState; const prevResultOptions = this.#currentResultOptions; const queryChange = query !== prevQuery; const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState; const { state } = query; let newState = { ...state }; let isPlaceholderData = false; let data; if (options._optimisticResults) { const mounted = this.hasListeners(); const fetchOnMount = !mounted && shouldFetchOnMount(query, options); const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions); if (fetchOnMount || fetchOptionally) { newState = { ...newState, ...fetchState(state.data, query.options) }; } if (options._optimisticResults === "isRestoring") { newState.fetchStatus = "idle"; } } let { error, errorUpdatedAt, status } = newState; data = newState.data; let skipSelect = false; if (options.placeholderData !== void 0 && data === void 0 && status === "pending") { let placeholderData; if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) { placeholderData = prevResult.data; skipSelect = true; } else { placeholderData = typeof options.placeholderData === "function" ? options.placeholderData( this.#lastQueryWithDefinedData?.state.data, this.#lastQueryWithDefinedData ) : options.placeholderData; } if (placeholderData !== void 0) { status = "success"; data = replaceData( prevResult?.data, placeholderData, options ); isPlaceholderData = true; } } if (options.select && data !== void 0 && !skipSelect) { if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) { data = this.#selectResult; } else { try { this.#selectFn = options.select; data = options.select(data); data = replaceData(prevResult?.data, data, options); this.#selectResult = data; this.#selectError = null; } catch (selectError) { this.#selectError = selectError; } } } if (this.#selectError) { error = this.#selectError; data = this.#selectResult; errorUpdatedAt = Date.now(); status = "error"; } const isFetching = newState.fetchStatus === "fetching"; const isPending = status === "pending"; const isError = status === "error"; const isLoading = isPending && isFetching; const hasData = data !== void 0; const result = { status, fetchStatus: newState.fetchStatus, isPending, isSuccess: status === "success", isError, isInitialLoading: isLoading, isLoading, data, dataUpdatedAt: newState.dataUpdatedAt, error, errorUpdatedAt, failureCount: newState.fetchFailureCount, failureReason: newState.fetchFailureReason, errorUpdateCount: newState.errorUpdateCount, isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0, isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount, isFetching, isRefetching: isFetching && !isPending, isLoadingError: isError && !hasData, isPaused: newState.fetchStatus === "paused", isPlaceholderData, isRefetchError: isError && hasData, isStale: isStale(query, options), refetch: this.refetch, promise: this.#currentThenable }; const nextResult = result; if (this.options.experimental_prefetchInRender) { const finalizeThenableIfPossible = (thenable) => { if (nextResult.status === "error") { thenable.reject(nextResult.error); } else if (nextResult.data !== void 0) { thenable.resolve(nextResult.data); } }; const recreateThenable = () => { const pending = this.#currentThenable = nextResult.promise = pendingThenable(); finalizeThenableIfPossible(pending); }; const prevThenable = this.#currentThenable; switch (prevThenable.status) { case "pending": if (query.queryHash === prevQuery.queryHash) { finalizeThenableIfPossible(prevThenable); } break; case "fulfilled": if (nextResult.status === "error" || nextResult.data !== prevThenable.value) { recreateThenable(); } break; case "rejected": if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) { recreateThenable(); } break; } } return nextResult; } updateResult() { const prevResult = this.#currentResult; const nextResult = this.createResult(this.#currentQuery, this.options); this.#currentResultState = this.#currentQuery.state; this.#currentResultOptions = this.options; if (this.#currentResultState.data !== void 0) { this.#lastQueryWithDefinedData = this.#currentQuery; } if (shallowEqualObjects(nextResult, prevResult)) { return; } this.#currentResult = nextResult; const shouldNotifyListeners = () => { if (!prevResult) { return true; } const { notifyOnChangeProps } = this.options; const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps; if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) { return true; } const includedProps = new Set( notifyOnChangePropsValue ?? this.#trackedProps ); if (this.options.throwOnError) { includedProps.add("error"); } return Object.keys(this.#currentResult).some((key) => { const typedKey = key; const changed = this.#currentResult[typedKey] !== prevResult[typedKey]; return changed && includedProps.has(typedKey); }); }; this.#notify({ listeners: shouldNotifyListeners() }); } #updateQuery() { const query = this.#client.getQueryCache().build(this.#client, this.options); if (query === this.#currentQuery) { return; } const prevQuery = this.#currentQuery; this.#currentQuery = query; this.#currentQueryInitialState = query.state; if (this.hasListeners()) { prevQuery?.removeObserver(this); query.addObserver(this); } } onQueryUpdate() { this.updateResult(); if (this.hasListeners()) { this.#updateTimers(); } } #notify(notifyOptions) { notifyManager.batch(() => { if (notifyOptions.listeners) { this.listeners.forEach((listener) => { listener(this.#currentResult); }); } this.#client.getQueryCache().notify({ query: this.#currentQuery, type: "observerResultsUpdated" }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/mutationObserver.js var MutationObserver; var init_mutationObserver = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/mutationObserver.js"() { init_injected_globals(); init_mutation(); init_notifyManager(); init_subscribable(); init_utils(); MutationObserver = class extends Subscribable { #client; #currentResult = void 0; #currentMutation; #mutateOptions; constructor(client, options) { super(); this.#client = client; this.setOptions(options); this.bindMethods(); this.#updateResult(); } bindMethods() { this.mutate = this.mutate.bind(this); this.reset = this.reset.bind(this); } setOptions(options) { const prevOptions = this.options; this.options = this.#client.defaultMutationOptions(options); if (!shallowEqualObjects(this.options, prevOptions)) { this.#client.getMutationCache().notify({ type: "observerOptionsUpdated", mutation: this.#currentMutation, observer: this }); } if (prevOptions?.mutationKey && this.options.mutationKey && hashKey(prevOptions.mutationKey) !== hashKey(this.options.mutationKey)) { this.reset(); } else if (this.#currentMutation?.state.status === "pending") { this.#currentMutation.setOptions(this.options); } } onUnsubscribe() { if (!this.hasListeners()) { this.#currentMutation?.removeObserver(this); } } onMutationUpdate(action) { this.#updateResult(); this.#notify(action); } getCurrentResult() { return this.#currentResult; } reset() { this.#currentMutation?.removeObserver(this); this.#currentMutation = void 0; this.#updateResult(); this.#notify(); } mutate(variables, options) { this.#mutateOptions = options; this.#currentMutation?.removeObserver(this); this.#currentMutation = this.#client.getMutationCache().build(this.#client, this.options); this.#currentMutation.addObserver(this); return this.#currentMutation.execute(variables); } #updateResult() { const state = this.#currentMutation?.state ?? getDefaultState2(); this.#currentResult = { ...state, isPending: state.status === "pending", isSuccess: state.status === "success", isError: state.status === "error", isIdle: state.status === "idle", mutate: this.mutate, reset: this.reset }; } #notify(action) { notifyManager.batch(() => { if (this.#mutateOptions && this.hasListeners()) { const variables = this.#currentResult.variables; const context = this.#currentResult.context; if (action?.type === "success") { this.#mutateOptions.onSuccess?.(action.data, variables, context); this.#mutateOptions.onSettled?.(action.data, null, variables, context); } else if (action?.type === "error") { this.#mutateOptions.onError?.(action.error, variables, context); this.#mutateOptions.onSettled?.( void 0, action.error, variables, context ); } } this.listeners.forEach((listener) => { listener(this.#currentResult); }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/types.js var dataTagSymbol, dataTagErrorSymbol, unsetMarker; var init_types = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/types.js"() { init_injected_globals(); dataTagSymbol = Symbol("dataTagSymbol"); dataTagErrorSymbol = Symbol("dataTagErrorSymbol"); unsetMarker = Symbol("unsetMarker"); } }); // ../../../node_modules/@tanstack/query-core/build/modern/index.js var init_modern = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/index.js"() { init_injected_globals(); init_queryClient(); init_queryObserver(); init_mutationObserver(); init_notifyManager(); init_utils(); init_types(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/types.js var init_types2 = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/types.js"() { init_injected_globals(); } }); // ../../../node_modules/react/cjs/react-jsx-runtime.production.min.js var require_react_jsx_runtime_production_min = __commonJS({ "../../../node_modules/react/cjs/react-jsx-runtime.production.min.js"(exports) { "use strict"; init_injected_globals(); var f = require_react(); var k = Symbol.for("react.element"); var l = Symbol.for("react.fragment"); var m = Object.prototype.hasOwnProperty; var n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner; var p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } exports.Fragment = l; exports.jsx = q; exports.jsxs = q; } }); // ../../../node_modules/react/jsx-runtime.js var require_jsx_runtime = __commonJS({ "../../../node_modules/react/jsx-runtime.js"(exports, module) { "use strict"; init_injected_globals(); if (true) { module.exports = require_react_jsx_runtime_production_min(); } else { module.exports = null; } } }); // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js var React2, import_jsx_runtime, QueryClientContext, useQueryClient, QueryClientProvider; var init_QueryClientProvider = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js"() { "use client"; init_injected_globals(); React2 = __toESM(require_react(), 1); import_jsx_runtime = __toESM(require_jsx_runtime(), 1); QueryClientContext = React2.createContext( void 0 ); useQueryClient = (queryClient2) => { const client = React2.useContext(QueryClientContext); if (queryClient2) { return queryClient2; } if (!client) { throw new Error("No QueryClient set, use QueryClientProvider to set one"); } return client; }; QueryClientProvider = ({ client, children }) => { React2.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; } }); // ../../../node_modules/@tanstack/react-query/build/modern/isRestoring.js var React3, IsRestoringContext, useIsRestoring, IsRestoringProvider; var init_isRestoring = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/isRestoring.js"() { "use client"; init_injected_globals(); React3 = __toESM(require_react(), 1); IsRestoringContext = React3.createContext(false); useIsRestoring = () => React3.useContext(IsRestoringContext); IsRestoringProvider = IsRestoringContext.Provider; } }); // ../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js function createValue() { let isReset = false; return { clearReset: () => { isReset = false; }, reset: () => { isReset = true; }, isReset: () => { return isReset; } }; } var React4, import_jsx_runtime2, QueryErrorResetBoundaryContext, useQueryErrorResetBoundary; var init_QueryErrorResetBoundary = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js"() { "use client"; init_injected_globals(); React4 = __toESM(require_react(), 1); import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); QueryErrorResetBoundaryContext = React4.createContext(createValue()); useQueryErrorResetBoundary = () => React4.useContext(QueryErrorResetBoundaryContext); } }); // ../../../node_modules/@tanstack/react-query/build/modern/utils.js function shouldThrowError(throwError, params) { if (typeof throwError === "function") { return throwError(...params); } return !!throwError; } function noop2() { } var init_utils2 = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/utils.js"() { init_injected_globals(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js var React5, ensurePreventErrorBoundaryRetry, useClearResetErrorBoundary, getHasError; var init_errorBoundaryUtils = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js"() { "use client"; init_injected_globals(); React5 = __toESM(require_react(), 1); init_utils2(); ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => { if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) { if (!errorResetBoundary.isReset()) { options.retryOnMount = false; } } }; useClearResetErrorBoundary = (errorResetBoundary) => { React5.useEffect(() => { errorResetBoundary.clearReset(); }, [errorResetBoundary]); }; getHasError = ({ result, errorResetBoundary, throwOnError, query, suspense }) => { return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query])); }; } }); // ../../../node_modules/@tanstack/react-query/build/modern/suspense.js var ensureSuspenseTimers, willFetch, shouldSuspend, fetchOptimistic; var init_suspense = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/suspense.js"() { init_injected_globals(); ensureSuspenseTimers = (defaultedOptions) => { const originalStaleTime = defaultedOptions.staleTime; if (defaultedOptions.suspense) { defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => Math.max(originalStaleTime(...args), 1e3) : Math.max(originalStaleTime ?? 1e3, 1e3); if (typeof defaultedOptions.gcTime === "number") { defaultedOptions.gcTime = Math.max(defaultedOptions.gcTime, 1e3); } } }; willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring; shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending; fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => { errorResetBoundary.clearReset(); }); } }); // ../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js function useBaseQuery(options, Observer, queryClient2) { if (false) { if (typeof options !== "object" || Array.isArray(options)) { throw new Error( 'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object' ); } } const client = useQueryClient(queryClient2); const isRestoring = useIsRestoring(); const errorResetBoundary = useQueryErrorResetBoundary(); const defaultedOptions = client.defaultQueryOptions(options); client.getDefaultOptions().queries?._experimental_beforeQuery?.( defaultedOptions ); if (false) { if (!defaultedOptions.queryFn) { console.error( `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function` ); } } defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic"; ensureSuspenseTimers(defaultedOptions); ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary); useClearResetErrorBoundary(errorResetBoundary); const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash); const [observer] = React6.useState( () => new Observer( client, defaultedOptions ) ); const result = observer.getOptimisticResult(defaultedOptions); const shouldSubscribe = !isRestoring && options.subscribed !== false; React6.useSyncExternalStore( React6.useCallback( (onStoreChange) => { const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2; observer.updateResult(); return unsubscribe; }, [observer, shouldSubscribe] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); React6.useEffect(() => { observer.setOptions(defaultedOptions); }, [defaultedOptions, observer]); if (shouldSuspend(defaultedOptions, result)) { throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary); } if (getHasError({ result, errorResetBoundary, throwOnError: defaultedOptions.throwOnError, query: client.getQueryCache().get(defaultedOptions.queryHash), suspense: defaultedOptions.suspense })) { throw result.error; } ; client.getDefaultOptions().queries?._experimental_afterQuery?.( defaultedOptions, result ); if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) { const promise = isNewCacheEntry ? ( // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted fetchOptimistic(defaultedOptions, observer, errorResetBoundary) ) : ( // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in client.getQueryCache().get(defaultedOptions.queryHash)?.promise ); promise?.catch(noop2).finally(() => { observer.updateResult(); }); } return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result; } var React6; var init_useBaseQuery = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js"() { "use client"; init_injected_globals(); React6 = __toESM(require_react(), 1); init_modern(); init_QueryClientProvider(); init_QueryErrorResetBoundary(); init_errorBoundaryUtils(); init_isRestoring(); init_suspense(); init_utils2(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js function useQuery(options, queryClient2) { return useBaseQuery(options, QueryObserver, queryClient2); } var init_useQuery = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/useQuery.js"() { "use client"; init_injected_globals(); init_modern(); init_useBaseQuery(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/useMutation.js function useMutation(options, queryClient2) { const client = useQueryClient(queryClient2); const [observer] = React7.useState( () => new MutationObserver( client, options ) ); React7.useEffect(() => { observer.setOptions(options); }, [observer, options]); const result = React7.useSyncExternalStore( React7.useCallback( (onStoreChange) => observer.subscribe(notifyManager.batchCalls(onStoreChange)), [observer] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); const mutate = React7.useCallback( (variables, mutateOptions) => { observer.mutate(variables, mutateOptions).catch(noop2); }, [observer] ); if (result.error && shouldThrowError(observer.options.throwOnError, [result.error])) { throw result.error; } return { ...result, mutate, mutateAsync: result.mutate }; } var React7; var init_useMutation = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/useMutation.js"() { "use client"; init_injected_globals(); React7 = __toESM(require_react(), 1); init_modern(); init_QueryClientProvider(); init_utils2(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/index.js var init_modern2 = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/index.js"() { init_injected_globals(); init_modern(); init_types2(); init_useQuery(); init_QueryClientProvider(); init_useMutation(); } }); // virtual:/apps/web/src/hooks/useAnalytics.js var useAnalytics_exports = {}; __export(useAnalytics_exports, { default: () => useAnalytics, sendAnalyticsBeacon: () => sendAnalyticsBeacon }); function safeObject(value) { if (!value || typeof value !== "object" || Array.isArray(value)) { return {}; } return value; } function safeEventName(event) { return typeof event === "string" ? event.trim().slice(0, 120) : ""; } function sendAnalyticsBeacon(event, payload) { try { if (typeof window === "undefined") { return false; } const body = JSON.stringify({ event: safeEventName(event), payload: safeObject(payload) }); if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") { const blob = new Blob([body], { type: "application/json" }); return navigator.sendBeacon("/api/analytics/event", blob); } fetch("/api/analytics/event", { method: "POST", headers: { "Content-Type": "application/json" }, body, keepalive: true }).catch(() => { }); return true; } catch { return false; } } async function postEvent(input) { const hasBatch = Array.isArray(input?.events); const body = hasBatch ? { events: input.events.map((e) => ({ event: safeEventName(e?.event), payload: safeObject(e?.payload) })).filter((e) => !!e.event).slice(0, 50) } : { event: safeEventName(input?.event), payload: safeObject(input?.payload) }; if (hasBatch ? body.events.length === 0 : !body.event) { return { ok: true }; } const res = await fetch("/api/analytics/event", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) }); if (!res.ok) { return { ok: false }; } try { return await res.json(); } catch { return { ok: true }; } } function useAnalytics() { const mutation = useMutation({ mutationFn: postEvent }); const queueRef = (0, import_react3.useRef)([]); const flushTimerRef = (0, import_react3.useRef)(null); const flush = (0, import_react3.useCallback)(() => { flushTimerRef.current = null; const queued = queueRef.current; if (!queued.length) { return; } queueRef.current = []; mutation.mutate({ events: queued }); }, [mutation]); const track = (0, import_react3.useCallback)( (event, payload = {}) => { if (typeof window === "undefined") { return; } const name = safeEventName(event); if (!name) { return; } if (queueRef.current.length < 100) { queueRef.current.push({ event: name, payload: safeObject(payload) }); } if (!flushTimerRef.current) { flushTimerRef.current = window.setTimeout(flush, 500); } }, [flush] ); return { track, mutation }; } var import_react3; var init_useAnalytics = __esm({ "virtual:/apps/web/src/hooks/useAnalytics.js"() { init_injected_globals(); init_modern2(); import_react3 = __toESM(require_react()); } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react24 = __toESM(require_react()); // virtual:/apps/web/src/app/visafit/questionnaire/page.jsx init_injected_globals(); var import_react21 = __toESM(require_react()); // virtual:/apps/web/src/utils/useUser.js init_injected_globals(); var React8 = __toESM(require_react()); init_modern2(); async function fetchJSON(url) { const res = await fetch(url, { cache: "no-store", credentials: "include" }); if (!res.ok) { throw new Error( `When fetching ${url}, the response was [${res.status}] ${res.statusText}` ); } return res.json(); } var useUser = () => { const enabled = typeof window !== "undefined"; const { data, isLoading, isFetching, refetch: refetchQuery, error } = useQuery({ queryKey: ["me"], queryFn: () => fetchJSON("/api/me"), enabled, staleTime: 0, refetchOnWindowFocus: false, refetchOnMount: "always" }); React8.useEffect(() => { if (!error) { return; } console.error("useUser error", error); }, [error]); const user = isFetching ? null : data?.user || null; return { user, data: user, loading: enabled ? isLoading || isFetching : true, refetch: refetchQuery }; }; var useUser_default = useUser; // virtual:/apps/web/src/components/PageShell/PageShell.jsx init_injected_globals(); var import_react = __toESM(require_react()); function PageShell({ children, maxWidthClass = "max-w-3xl", // keep these props for backwards compatibility but do not render them backHref = null, backLabel = "Back", rightLinks = null, title = null, titleHref = null }) { const pathname = typeof window !== "undefined" ? window.location.pathname : ""; const search = typeof window !== "undefined" ? window.location.search || "" : ""; const { data: user, loading } = useUser_default(); const isMarketingRoute = (0, import_react.useMemo)(() => { if (!pathname) { return true; } if (pathname === "/") return true; if (pathname.startsWith("/legal/")) return true; if (pathname.startsWith("/support")) return true; if (pathname === "/how-it-works") return true; if (pathname === "/pricing") return true; if (pathname === "/faq") return true; if (pathname.startsWith("/opt")) return true; if (pathname.startsWith("/sports")) return true; if (pathname.startsWith("/guides")) return true; if (pathname.startsWith("/docs")) return true; return false; }, [pathname]); const brandLabel = "VisaFit"; const brandHref = "/"; const headerRightLink = (() => { if (isMarketingRoute) { if (loading) { return { href: "/account/signin?callbackUrl=/", label: "Sign in" }; } if (!user) { const callbackUrl = encodeURIComponent(`${pathname}${search}` || "/"); return { href: `/account/signin?callbackUrl=${callbackUrl}`, label: "Sign in" }; } return { href: "/settings", label: "Settings" }; } if (pathname.startsWith("/settings")) { return { href: "/support", label: "Support" }; } return { href: "/settings", label: "Settings" }; })(); return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 dark:bg-[#121212]" }, /* @__PURE__ */ React.createElement("header", { className: "border-b border-gray-200 dark:border-gray-800 bg-white/90 dark:bg-[#121212]/90 backdrop-blur" }, /* @__PURE__ */ React.createElement( "div", { className: `${maxWidthClass} mx-auto px-4 sm:px-8 py-4 flex items-center justify-between` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ React.createElement( "a", { href: brandHref, className: "font-bold text-gray-900 dark:text-gray-100 truncate" }, brandLabel )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement( "a", { href: headerRightLink.href, className: "text-sm text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100" }, headerRightLink.label )) )), /* @__PURE__ */ React.createElement("main", { className: `${maxWidthClass} mx-auto px-4 sm:px-8 py-8` }, children)); } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire.js init_injected_globals(); var import_react16 = __toESM(require_react()); // virtual:/apps/web/src/utils/visafit/validation.js init_injected_globals(); // virtual:/apps/web/src/utils/visafit/constants.js init_injected_globals(); var visaStatusOptions = ["F-1 (current)", "OPT", "STEM OPT", "Other"]; var optStatusOptions = [ "Not applied", "Applied / pending", "Approved", "On OPT" ]; var careerDomainOptions = [ { key: "sports", label: "Sports & Athletics" }, { key: "stem", label: "STEM (Engineering / CS / Data / Science)" }, { key: "steam", label: "STEAM (Design / UX / Media / Applied Arts)" }, { key: "business", label: "Business (Ops / Marketing / Finance / Analytics)" }, { key: "trade", label: "Trade / Technical Schools" }, { key: "interdisciplinary", label: "Interdisciplinary / Hybrid" } ]; var careerInterestOptions = [ // Sports legacy "Playing", "Coaching", // Cross-domain categories "Analytics", "Operations", "Marketing", "Media", "Design / UX", "Engineering / Technical", "Research", "Finance", "Trades / Technical", // catch-all "Undecided" ]; var experienceLevelOptions = [ "None", "Academic only", "Internship", "Professional" ]; var fieldOfStudyOptions = [ // STEM / Technical "Computer Science", "Data Science", "Information Systems", "Software Engineering", "Electrical Engineering", "Mechanical Engineering", "Industrial Engineering", "Biomedical Engineering", "Civil Engineering", "Artificial Intelligence / ML", "Cybersecurity", "Cloud / DevOps", "Statistics", "Applied Mathematics", "Physics", "Chemistry", "Biology", "Biotechnology", // Business / Management "Business Administration", "Sports Management", "Operations Management", "Supply Chain Management", "Project Management", "Marketing", "Digital Marketing", "Finance", "Accounting", "Economics", "Entrepreneurship", "Management Information Systems (MIS)", // Sports / Health / Human Performance "Kinesiology", "Exercise Science", "Sports Science", "Athletic Training", "Physical Therapy", "Sports Analytics", "Sports Psychology", "Sports Medicine", "Nutrition / Dietetics", // Arts / Media / Communication "Communications", "Journalism", "Media Studies", "Sports Media / Broadcasting", "Graphic Design", "UX / UI Design", "Film / Video Production", // Education / Social Sciences "Education", "Educational Technology", "Psychology", "Sociology", "Public Policy", "International Relations", // Other "Other (type manually)" ]; var usStatesOptions = [ "Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Carolina", "North Dakota", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming", "Remote / Open to any state" ]; var degreeLevelOptions = ["Bachelor", "Master", "PhD"]; var roleTypeOptions = [ "Coaching positions", "Training roles", "Analytics/Data", "Operations/Management", "Marketing/Media", "Sales roles", "Administrative", "Other" ]; var locationPreferenceOptions = ["Any", "US only", "Specific states"]; var stemEligibilityOptions = ["Yes", "No", "Unsure"]; var jobSearchReadinessOptions = [ "Just exploring", "Actively applying", "Interviewing" ]; var resumeStatusOptions = ["Uploaded", "Not ready", "In progress"]; var sports = [ "Basketball", "Soccer", "Track", "Swimming", "Tennis", "Baseball", "Volleyball", "Other" ]; var experienceOptions = [ { key: "leadership", label: "Leadership" }, { key: "coaching_assistant", label: "Coaching assistant" }, { key: "stats_analytics", label: "Stats / analytics" }, { key: "content_creation", label: "Content creation" }, { key: "event_ops", label: "Event ops" }, { key: "video", label: "Video" }, { key: "strength_training", label: "Strength training" } ]; var PROHIBITED_PHRASES = [ "kill yourself", "kys", "rape", "nigger", "faggot", "cunt", "fuck", "shit", "bitch", "asshole" ]; // virtual:/apps/web/src/utils/visafit/validation.js function containsProhibitedContent(input) { if (typeof input !== "string") { return false; } const lower = input.toLowerCase(); return PROHIBITED_PHRASES.some((p) => lower.includes(p)); } function parseDateOnly(dateInput) { if (dateInput instanceof Date) { if (Number.isNaN(dateInput.getTime())) { return null; } return new Date( dateInput.getFullYear(), dateInput.getMonth(), dateInput.getDate() ); } if (typeof dateInput !== "string") { return null; } const trimmed = dateInput.trim(); if (!trimmed) { return null; } const m = trimmed.match(/^(\d{4})-(\d{2})-(\d{2})/); if (!m) { return null; } const y = Number(m[1]); const mo = Number(m[2]); const d = Number(m[3]); if (!Number.isFinite(y) || !Number.isFinite(mo) || !Number.isFinite(d)) { return null; } const dt = new Date(y, mo - 1, d); if (Number.isNaN(dt.getTime())) { return null; } return dt; } function validateOptionalFullName(fullName) { if (typeof fullName !== "string") { return null; } const trimmed = fullName.trim(); if (!trimmed) { return null; } const re = /^[a-zA-Z\s'-]{1,50}$/; if (!re.test(trimmed)) { return "Name can only use letters, spaces, hyphens, and apostrophes."; } if (trimmed.length > 50) { return "Name is too long."; } return null; } function validateOptionalEmail(email) { if (typeof email !== "string") { return null; } const trimmed = email.trim(); if (!trimmed) { return null; } const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!re.test(trimmed)) { return "Please enter a valid email address."; } return null; } function validateGraduationDate(dateStr) { if (!dateStr) return "Graduation date is required to assess OPT timing."; const date = parseDateOnly(dateStr); if (!date) return "Please enter a valid graduation date."; const now = /* @__PURE__ */ new Date(); const min = new Date(now); min.setFullYear(min.getFullYear() - 10); const max = new Date(now); max.setFullYear(max.getFullYear() + 10); if (date < min || date > max) { return "Graduation date must be within 10 years of today."; } return null; } function getGraduationDateWarning(dateStr) { const date = parseDateOnly(dateStr); if (!date) { return null; } const now = /* @__PURE__ */ new Date(); const pastWindow = new Date(now); pastWindow.setMonth(pastWindow.getMonth() - 36); const futureWindow = new Date(now); futureWindow.setMonth(futureWindow.getMonth() + 24); if (date < pastWindow || date > futureWindow) { return "Your graduation date is outside the typical OPT planning window. Your report will focus on long-term preparation."; } return null; } function normalizeSpecificStatesValue(v) { if (Array.isArray(v)) { const parts = v.filter((x) => typeof x === "string").map((x) => x.trim()).filter(Boolean); return parts; } if (typeof v === "string") { const parts = v.split(",").map((x) => x.trim()).filter(Boolean); return parts; } return []; } function validateBasicFields(formData) { const errors = {}; const fullNameErr = validateOptionalFullName(formData.fullName); if (fullNameErr) errors.fullName = fullNameErr; const emailErr = validateOptionalEmail(formData.email); if (emailErr) errors.email = emailErr; if (!formData.careerDomain || !String(formData.careerDomain).trim()) { errors.careerDomain = "Career domain is required."; } const gradError = validateGraduationDate(formData.graduationDate); if (gradError) errors.graduationDate = gradError; if (!formData.fieldOfStudy || !formData.fieldOfStudy.trim() || formData.fieldOfStudy.trim().length < 2) { errors.fieldOfStudy = "Field of study is required."; } if (!formData.currentVisaStatus) { errors.currentVisaStatus = "Visa status is required to assess OPT eligibility."; } if (!formData.optStatus) { errors.optStatus = "OPT status is required."; } if (!formData.primaryCareerInterest) { errors.primaryCareerInterest = "Select at least one career direction."; } if (!formData.experienceLevel) { errors.experienceLevel = "Experience level helps us frame realistic roles."; } return errors; } function validateFullRoadmapFields(formData) { const errors = validateBasicFields(formData); if (!formData.degreeLevel) { errors.degreeLevel = "Degree level is required."; } if (!formData.preferredRoleTypes || !Array.isArray(formData.preferredRoleTypes) || formData.preferredRoleTypes.length === 0) { errors.preferredRoleTypes = "Select at least one role type."; } if (!formData.locationPreference) { errors.locationPreference = "Location preference is required."; } if (formData.locationPreference === "Specific states") { const states = normalizeSpecificStatesValue(formData.specificStates); if (states.length === 0) { errors.specificStates = "Select at least one state (or choose Remote/Open)."; } } if (!formData.stemEligibility) { errors.stemEligibility = "STEM eligibility affects role strategy."; } if (!formData.jobSearchReadiness) { errors.jobSearchReadiness = "Select your current job search stage."; } if (!formData.resumeStatus) { errors.resumeStatus = "Resume status is required."; } return errors; } function validateLegalAcceptance(formData) { const errors = {}; if (!formData.disclaimerAccepted) { errors.disclaimerAccepted = "You must accept the legal disclaimer to continue."; } if (!formData.termsAccepted) { errors.termsAccepted = "You must accept the Terms of Service to continue."; } if (!formData.privacyAccepted) { errors.privacyAccepted = "You must accept the Privacy Policy to continue."; } return errors; } function validateForReportGeneration(formData, isFullRoadmap = false) { let errors = {}; const specificStatesText = Array.isArray(formData.specificStates) ? formData.specificStates.join(" ") : formData.specificStates; const combinedFreeText = [ formData.fullName, formData.email, formData.fieldOfStudy, formData.otherVisaStatus, specificStatesText ].filter(Boolean).join(" "); if (containsProhibitedContent(combinedFreeText)) { errors.content = "Please remove harmful or abusive text and try again."; } if (isFullRoadmap) { errors = { ...errors, ...validateFullRoadmapFields(formData) }; } else { errors = { ...errors, ...validateBasicFields(formData) }; } errors = { ...errors, ...validateLegalAcceptance(formData) }; return errors; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useQuestionnaireState.js init_injected_globals(); var import_react2 = __toESM(require_react()); function useQuestionnaireState(isFullRoadmap) { const totalSteps = isFullRoadmap ? 7 : 5; const [step, setStep] = (0, import_react2.useState)(0); const [fullName, setFullName] = (0, import_react2.useState)(""); const [email, setEmail] = (0, import_react2.useState)(""); const [graduationDate, setGraduationDate] = (0, import_react2.useState)(""); const [careerDomain, setCareerDomain] = (0, import_react2.useState)(""); const [fieldOfStudyChoice, setFieldOfStudyChoice] = (0, import_react2.useState)(""); const [fieldOfStudyOther, setFieldOfStudyOther] = (0, import_react2.useState)(""); const [currentVisaStatus, setCurrentVisaStatus] = (0, import_react2.useState)(""); const [otherVisaStatus, setOtherVisaStatus] = (0, import_react2.useState)(""); const [optStatus, setOptStatus] = (0, import_react2.useState)(""); const [primaryCareerInterest, setPrimaryCareerInterest] = (0, import_react2.useState)(""); const [experienceLevel, setExperienceLevel] = (0, import_react2.useState)(""); const [degreeLevel, setDegreeLevel] = (0, import_react2.useState)(""); const [preferredRoleTypes, setPreferredRoleTypes] = (0, import_react2.useState)([]); const [locationPreference, setLocationPreference] = (0, import_react2.useState)(""); const [specificStates, setSpecificStates] = (0, import_react2.useState)([]); const [stemEligibility, setStemEligibility] = (0, import_react2.useState)(""); const [jobSearchReadiness, setJobSearchReadiness] = (0, import_react2.useState)(""); const [resumeStatus, setResumeStatus] = (0, import_react2.useState)(""); const [sport, setSport] = (0, import_react2.useState)(""); const [yearsPlayed, setYearsPlayed] = (0, import_react2.useState)(""); const [experienceTags, setExperienceTags] = (0, import_react2.useState)([]); const [disclaimerAccepted, setDisclaimerAccepted] = (0, import_react2.useState)(false); const [termsAccepted, setTermsAccepted] = (0, import_react2.useState)(false); const [privacyAccepted, setPrivacyAccepted] = (0, import_react2.useState)(false); const [error, setError] = (0, import_react2.useState)(null); const [validationErrors, setValidationErrors] = (0, import_react2.useState)({}); const didHydrateRef = (0, import_react2.useRef)(false); const [hydrationDone, setHydrationDone] = (0, import_react2.useState)(false); return { step, setStep, totalSteps, fullName, setFullName, email, setEmail, graduationDate, setGraduationDate, // NEW careerDomain, setCareerDomain, fieldOfStudyChoice, setFieldOfStudyChoice, fieldOfStudyOther, setFieldOfStudyOther, currentVisaStatus, setCurrentVisaStatus, otherVisaStatus, setOtherVisaStatus, optStatus, setOptStatus, primaryCareerInterest, setPrimaryCareerInterest, experienceLevel, setExperienceLevel, degreeLevel, setDegreeLevel, preferredRoleTypes, setPreferredRoleTypes, locationPreference, setLocationPreference, specificStates, setSpecificStates, stemEligibility, setStemEligibility, jobSearchReadiness, setJobSearchReadiness, resumeStatus, setResumeStatus, sport, setSport, yearsPlayed, setYearsPlayed, experienceTags, setExperienceTags, disclaimerAccepted, setDisclaimerAccepted, termsAccepted, setTermsAccepted, privacyAccepted, setPrivacyAccepted, error, setError, validationErrors, setValidationErrors, didHydrateRef, hydrationDone, setHydrationDone }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useAnalyticsTracking.js init_injected_globals(); var import_react4 = __toESM(require_react()); init_useAnalytics(); // virtual:/apps/web/src/utils/visafit/analytics.js init_injected_globals(); var MS_PER_DAY = 24 * 60 * 60 * 1e3; function classifyValidationErrorType(message) { const msg = typeof message === "string" ? message.toLowerCase() : ""; if (!msg) { return "required"; } if (msg.includes("between") || msg.includes("0") || msg.includes("range")) { return "range"; } if (msg.includes("valid") || msg.includes("format") || msg.includes("example.com")) { return "format"; } if (msg.includes("choose") || msg.includes("select") || msg.includes("required")) { return "required"; } return "required"; } function bucketGraduationDate(graduationDateStr) { if (!graduationDateStr || typeof graduationDateStr !== "string") { return null; } const d = new Date(graduationDateStr); if (Number.isNaN(d.getTime())) { return "outside_supported_range"; } const now = /* @__PURE__ */ new Date(); const diffDays = (d.getTime() - now.getTime()) / MS_PER_DAY; if (diffDays < 0) { if (diffDays >= -365) return "past_12_months"; if (diffDays >= -365 * 3) return "past_36_months"; return "outside_supported_range"; } if (diffDays <= 365) return "next_12_months"; if (diffDays <= 365 * 3) return "next_36_months"; return "outside_supported_range"; } var FIELD_OF_STUDY_CATEGORIES = { STEM: /* @__PURE__ */ new Set([ "Computer Science", "Data Science", "Information Systems", "Software Engineering", "Electrical Engineering", "Mechanical Engineering", "Industrial Engineering", "Biomedical Engineering", "Civil Engineering", "Artificial Intelligence / ML", "Cybersecurity", "Cloud / DevOps", "Statistics", "Applied Mathematics", "Physics", "Chemistry", "Biology", "Biotechnology" ]), Business: /* @__PURE__ */ new Set([ "Business Administration", "Sports Management", "Operations Management", "Supply Chain Management", "Project Management", "Marketing", "Digital Marketing", "Finance", "Accounting", "Economics", "Entrepreneurship", "Management Information Systems (MIS)" ]), Sports: /* @__PURE__ */ new Set([ "Kinesiology", "Exercise Science", "Sports Science", "Athletic Training", "Physical Therapy", "Sports Analytics", "Sports Psychology", "Sports Medicine", "Nutrition / Dietetics" ]), Arts: /* @__PURE__ */ new Set([ "Communications", "Journalism", "Media Studies", "Sports Media / Broadcasting", "Graphic Design", "UX / UI Design", "Film / Video Production" ]) }; function fieldOfStudyCategory(fieldOfStudyChoice) { const value = typeof fieldOfStudyChoice === "string" ? fieldOfStudyChoice.trim() : ""; if (!value) { return null; } if (value === "Other (type manually)") { return "Other"; } if (FIELD_OF_STUDY_CATEGORIES.STEM.has(value)) return "STEM"; if (FIELD_OF_STUDY_CATEGORIES.Business.has(value)) return "Business"; if (FIELD_OF_STUDY_CATEGORIES.Sports.has(value)) return "Sports"; if (FIELD_OF_STUDY_CATEGORIES.Arts.has(value)) return "Arts"; return "Other"; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useAnalyticsTracking.js function useAnalyticsTracking(planType, step, isFullRoadmap, graduationDate, fieldOfStudyChoice, validationErrors) { const { track } = useAnalytics(); const startedAtRef = (0, import_react4.useRef)(null); const stepEnteredAtRef = (0, import_react4.useRef)(Date.now()); const lastInteractionAtRef = (0, import_react4.useRef)(Date.now()); const startedEventSentRef = (0, import_react4.useRef)(false); const completedEventSentRef = (0, import_react4.useRef)(false); const formTimeoutSentRef = (0, import_react4.useRef)(false); const stepTimeExceededSentRef = (0, import_react4.useRef)(/* @__PURE__ */ new Set()); const interactedByStepRef = (0, import_react4.useRef)(/* @__PURE__ */ new Set()); const validationShownAtRef = (0, import_react4.useRef)({}); const prevValidationFieldIdsRef = (0, import_react4.useRef)(/* @__PURE__ */ new Set()); const stepName = (0, import_react4.useMemo)(() => { if (step === 0) return "education_timing"; if (step === 1) return "visa_status"; if (step === 2) return "career_interest"; if (step === 3) return "sports_background"; if (isFullRoadmap && step === 4) return "work_preferences"; if (isFullRoadmap && step === 5) return "readiness_resume"; if (!isFullRoadmap && step === 4 || isFullRoadmap && step === 6) return "legal_acceptance"; return "unknown"; }, [step, isFullRoadmap]); (0, import_react4.useEffect)(() => { if (typeof window === "undefined") { return; } try { const raw = window.localStorage.getItem("visafit_questionnaire_progress"); if (!raw) { return; } const parsed = JSON.parse(raw); const savedPlanType = parsed?.plan_type; const startedAt = Number(parsed?.started_at_ms); const lastStep = Number(parsed?.last_step); const isValidStartedAt = Number.isFinite(startedAt) && startedAt > 0; const isFresh = isValidStartedAt && Date.now() - startedAt < 1e3 * 60 * 60 * 24 * 7; const isValidStep = Number.isFinite(lastStep) && lastStep >= 1; if (savedPlanType === planType && isFresh && isValidStep) { startedAtRef.current = startedAt; startedEventSentRef.current = true; lastInteractionAtRef.current = Date.now(); track("visafit_questionnaire_resumed", { step_number: lastStep }); } } catch { } }, [planType, track]); const trackFieldInteracted = (0, import_react4.useCallback)( (fieldId, interactionType = "change") => { if (!fieldId) return; lastInteractionAtRef.current = Date.now(); if (!startedEventSentRef.current) { startedEventSentRef.current = true; startedAtRef.current = Date.now(); sendAnalyticsBeacon("visafit_questionnaire_started", { plan_type: planType }); } try { if (typeof window !== "undefined") { window.localStorage.setItem( "visafit_questionnaire_progress", JSON.stringify({ plan_type: planType, started_at_ms: startedAtRef.current, last_step: step + 1 }) ); } } catch { } const key = `${step}:${fieldId}`; if (interactedByStepRef.current.has(key)) { return; } interactedByStepRef.current.add(key); track("visafit_field_interacted", { field_id: fieldId, step_number: step + 1, interaction_type: interactionType }); }, [planType, step, track] ); (0, import_react4.useEffect)(() => { stepEnteredAtRef.current = Date.now(); track("visafit_step_viewed", { step_number: step + 1, step_name: stepName }); if (startedEventSentRef.current) { try { if (typeof window !== "undefined") { window.localStorage.setItem( "visafit_questionnaire_progress", JSON.stringify({ plan_type: planType, started_at_ms: startedAtRef.current, last_step: step + 1 }) ); } } catch { } } const thresholdMs = 90 * 1e3; const key = `${planType}:${step}`; const t = setTimeout(() => { if (stepTimeExceededSentRef.current.has(key)) { return; } stepTimeExceededSentRef.current.add(key); track("visafit_step_time_exceeded", { step_number: step + 1, step_name: stepName, threshold_sec: 90, plan_type: planType }); }, thresholdMs); return () => clearTimeout(t); }, [planType, step, stepName, track]); (0, import_react4.useEffect)(() => { const idleMs = 3 * 60 * 1e3; const interval = setInterval(() => { if (!startedEventSentRef.current || completedEventSentRef.current || formTimeoutSentRef.current) { return; } const last = lastInteractionAtRef.current; if (Date.now() - last > idleMs) { formTimeoutSentRef.current = true; sendAnalyticsBeacon("visafit_form_timeout", { plan_type: planType, last_step: step + 1 }); } }, 15 * 1e3); return () => clearInterval(interval); }, [planType, step]); (0, import_react4.useEffect)(() => { const onBeforeUnload = () => { if (!startedEventSentRef.current || completedEventSentRef.current) { return; } const startedAt = startedAtRef.current; const durationSec = startedAt ? Math.max(0, Math.round((Date.now() - startedAt) / 1e3)) : null; sendAnalyticsBeacon("visafit_questionnaire_abandoned", { last_step: step + 1, duration_sec: durationSec, plan_type: planType }); }; if (typeof window !== "undefined") { window.addEventListener("beforeunload", onBeforeUnload); return () => window.removeEventListener("beforeunload", onBeforeUnload); } }, [planType, step]); (0, import_react4.useEffect)(() => { const mapKeyToFieldId = (key) => { if (key === "fullName") return "full_name_optional"; if (key === "email") return "email_optional"; if (key === "graduationDate") return "graduation_date"; if (key === "fieldOfStudy") return "field_of_study"; if (key === "degreeLevel") return "degree_level"; if (key === "currentVisaStatus") return "current_visa_status"; if (key === "optStatus") return "opt_status"; if (key === "stemEligibility") return "stem_eligible"; if (key === "primaryCareerInterest") return "career_interest_type"; if (key === "experienceLevel") return "experience_level"; if (key === "sport") return "sport_selected"; if (key === "yearsPlayed") return "years_played_optional"; if (key === "preferredRoleTypes") return "preferred_role_types"; if (key === "locationPreference") return "location_preference_type"; if (key === "specificStates") return "preferred_states"; if (key === "jobSearchReadiness") return "job_search_readiness"; if (key === "resumeStatus") return "resume_status"; return null; }; const current = /* @__PURE__ */ new Set(); const entries = Object.entries(validationErrors || {}); for (const [k, v] of entries) { const fieldId = mapKeyToFieldId(k); if (!fieldId) continue; current.add(fieldId); if (!prevValidationFieldIdsRef.current.has(fieldId)) { validationShownAtRef.current[fieldId] = Date.now(); track("visafit_field_validation_error", { field_id: fieldId, error_type: classifyValidationErrorType(v), step_number: step + 1 }); } } for (const fieldId of prevValidationFieldIdsRef.current) { if (current.has(fieldId)) continue; const shownAt = validationShownAtRef.current[fieldId]; const resolutionTime = shownAt ? Math.max(0, Date.now() - shownAt) : null; delete validationShownAtRef.current[fieldId]; track("visafit_field_validation_resolved", { field_id: fieldId, resolution_time_ms: resolutionTime }); } prevValidationFieldIdsRef.current = current; }, [validationErrors, step, track]); (0, import_react4.useEffect)(() => { const bucket = bucketGraduationDate(graduationDate); if (!bucket) { return; } track("visafit_graduation_date_bucketed", { bucket }); }, [graduationDate, track]); (0, import_react4.useEffect)(() => { const category = fieldOfStudyCategory(fieldOfStudyChoice); if (!category) { return; } track("visafit_field_of_study_selected", { category }); }, [fieldOfStudyChoice, track]); const trackStepCompleted = (0, import_react4.useCallback)( (completionTimeSec) => { track("visafit_step_completed", { step_number: step + 1, completion_time_sec: completionTimeSec }); }, [track, step] ); const trackBackNavigation = (0, import_react4.useCallback)(() => { track("visafit_back_navigation", { step_number: step + 1, step_name: stepName }); }, [track, step, stepName]); const trackQuestionnaireCompleted = (0, import_react4.useCallback)( (totalSteps) => { if (!completedEventSentRef.current) { completedEventSentRef.current = true; const startedAt = startedAtRef.current; const durationSec = startedAt ? Math.max(0, Math.round((Date.now() - startedAt) / 1e3)) : null; sendAnalyticsBeacon("visafit_questionnaire_completed", { plan_type: planType, total_steps: totalSteps, duration_sec: durationSec }); } }, [planType] ); const trackRoleTypeSelected = (0, import_react4.useCallback)( (roleType) => { track("visafit_role_type_selected", { role_type: roleType }); }, [track] ); return { trackFieldInteracted, trackStepCompleted, trackBackNavigation, trackQuestionnaireCompleted, trackRoleTypeSelected, stepEnteredAtRef, startedAtRef }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useProfileHydration.js init_injected_globals(); var import_react5 = __toESM(require_react()); init_modern2(); // virtual:/apps/web/src/utils/visafit/api.js init_injected_globals(); async function fetchJSON2(url) { const res = await fetch(url, { cache: "no-store", credentials: "include" }); if (!res.ok) { let details = null; try { details = await res.json(); } catch { } const msg = details?.error || details?.message || res.statusText; throw new Error( `When fetching ${url}, the response was [${res.status}] ${msg}` ); } return res.json(); } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useProfileHydration.js function useProfileHydration(isAuthed, user, userLoading, didHydrateRef, setState, localDraftKey, localSavedProfileKey, profileQueryKey, setHydrationDone) { const { data: existingProfileData, isLoading: existingProfileLoading, isFetching: existingProfileFetching, isError: existingProfileIsError, error: existingProfileError } = useQuery({ queryKey: Array.isArray(profileQueryKey) ? profileQueryKey : ["profile"], queryFn: () => fetchJSON2("/api/profile"), enabled: isAuthed, staleTime: 0, refetchOnMount: "always", // Avoid refetch loops / thrash while the user is actively interacting. // The global QueryClient already disables refetch-on-focus; keep it consistent. refetchOnWindowFocus: false }); const existingProfile = existingProfileData?.profile || null; (0, import_react5.useEffect)(() => { if (didHydrateRef.current) return; if (userLoading) return; if (isAuthed) { if (existingProfileLoading) return; if (existingProfileFetching) return; if (existingProfileIsError) { console.error(existingProfileError); const msg = typeof existingProfileError?.message === "string" ? existingProfileError.message : "We couldn't load your saved questionnaire."; setState({ error: msg }); didHydrateRef.current = true; try { setHydrationDone?.(true); } catch { } return; } } let localDraft = null; let localSavedProfile = null; try { if (typeof window !== "undefined") { if (localDraftKey) { const rawDraft = window.localStorage.getItem(localDraftKey); if (rawDraft) { const parsed = JSON.parse(rawDraft); localDraft = parsed?.payload || parsed || null; } } const raw = window.localStorage.getItem( localSavedProfileKey || "visafit_last_saved_profile" ); if (raw) { localSavedProfile = JSON.parse(raw); } } } catch { } const hydrationProfile = isAuthed ? existingProfile || localDraft : existingProfile || localDraft || localSavedProfile; const rawStates = hydrationProfile?.specific_states; const parsedStates = Array.isArray(rawStates) ? rawStates : typeof rawStates === "string" ? rawStates.split(",").map((x) => x.trim()).filter(Boolean) : []; const existingField = hydrationProfile?.major || hydrationProfile?.field_of_study || ""; const normalizedExistingField = typeof existingField === "string" ? existingField.trim() : ""; const isFromOptions = normalizedExistingField && fieldOfStudyOptions.includes(normalizedExistingField); const fieldOfStudyChoice = isFromOptions ? normalizedExistingField : normalizedExistingField ? "Other (type manually)" : ""; const fieldOfStudyOther = isFromOptions ? "" : normalizedExistingField; setState({ fullName: hydrationProfile?.name || user?.name || "", email: hydrationProfile?.email || user?.email || "", graduationDate: hydrationProfile?.graduation_date || "", currentVisaStatus: hydrationProfile?.current_visa_status || "", otherVisaStatus: hydrationProfile?.other_visa_status || "", optStatus: hydrationProfile?.opt_status || "", primaryCareerInterest: hydrationProfile?.primary_career_interest || hydrationProfile?.career_interest || "", experienceLevel: hydrationProfile?.experience_level || "", // Full roadmap fields degreeLevel: hydrationProfile?.degree_level || "", preferredRoleTypes: Array.isArray(hydrationProfile?.preferred_role_types) ? hydrationProfile.preferred_role_types : [], locationPreference: hydrationProfile?.location_preference || "", specificStates: parsedStates, stemEligibility: hydrationProfile?.stem_eligibility || "", jobSearchReadiness: hydrationProfile?.job_search_readiness || "", resumeStatus: hydrationProfile?.resume_status || "", // Sports sport: hydrationProfile?.sport || "", yearsPlayed: typeof hydrationProfile?.years_played === "number" ? String(hydrationProfile.years_played) : "", experienceTags: Array.isArray(hydrationProfile?.experience_tags) ? hydrationProfile.experience_tags : [], // Legal disclaimerAccepted: !!hydrationProfile?.disclaimer_accepted, termsAccepted: !!hydrationProfile?.terms_accepted_at || !!hydrationProfile?.terms_accepted, privacyAccepted: !!hydrationProfile?.privacy_accepted_at || !!hydrationProfile?.privacy_accepted, // NEW (Phase 1): career domain careerDomain: hydrationProfile?.career_domain || "", // Field of study fieldOfStudyChoice, fieldOfStudyOther }); didHydrateRef.current = true; try { setHydrationDone?.(true); } catch { } }, [ existingProfile, existingProfileLoading, existingProfileFetching, existingProfileIsError, existingProfileError, isAuthed, user, userLoading, didHydrateRef, setState, localDraftKey, localSavedProfileKey, profileQueryKey, setHydrationDone ]); return { existingProfile, existingProfileLoading, existingProfileFetching, existingProfileIsError }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useFieldOfStudy.js init_injected_globals(); var import_react6 = __toESM(require_react()); function useFieldOfStudy(fieldOfStudyChoice, fieldOfStudyOther) { const resolvedFieldOfStudy = (0, import_react6.useMemo)(() => { if (fieldOfStudyChoice === "Other (type manually)") { return fieldOfStudyOther.trim(); } return (fieldOfStudyChoice || "").trim(); }, [fieldOfStudyChoice, fieldOfStudyOther]); const isValidFieldOfStudySelection = (0, import_react6.useMemo)(() => { const choice = (fieldOfStudyChoice || "").trim(); if (!choice) { return false; } if (!fieldOfStudyOptions.includes(choice)) { return false; } if (choice === "Other (type manually)") { return (fieldOfStudyOther || "").trim().length >= 2; } return true; }, [fieldOfStudyChoice, fieldOfStudyOther]); return { resolvedFieldOfStudy, isValidFieldOfStudySelection }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useStateManagement.js init_injected_globals(); var import_react7 = __toESM(require_react()); function useStateManagement(isFullRoadmap, locationPreference, specificStates, setSpecificStates, trackFieldInteracted) { const safeSpecificStates = Array.isArray(specificStates) ? specificStates : []; (0, import_react7.useEffect)(() => { if (!isFullRoadmap) { return; } if (locationPreference !== "Specific states" && safeSpecificStates.length) { setSpecificStates([]); } }, [ locationPreference, isFullRoadmap, safeSpecificStates.length, setSpecificStates ]); const addSpecificState = (0, import_react7.useCallback)( (stateName) => { const cleaned = typeof stateName === "string" ? stateName.trim() : ""; if (!cleaned) { return; } if (!usStatesOptions.includes(cleaned)) { return; } trackFieldInteracted("preferred_states", "select"); if (cleaned === "Remote / Open to any state") { trackFieldInteracted("remote_allowed", "select"); } setSpecificStates((prev) => { const safePrev = Array.isArray(prev) ? prev : []; const remote = "Remote / Open to any state"; if (cleaned === remote) { return [remote]; } if (safePrev.includes(remote)) { return safePrev; } if (safePrev.includes(cleaned)) { return safePrev; } return [...safePrev, cleaned]; }); }, [trackFieldInteracted, setSpecificStates] ); const removeSpecificState = (0, import_react7.useCallback)( (stateName) => { setSpecificStates((prev) => { const safePrev = Array.isArray(prev) ? prev : []; return safePrev.filter((s) => s !== stateName); }); }, [setSpecificStates] ); return { addSpecificState, removeSpecificState }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useValidation.js init_injected_globals(); var import_react8 = __toESM(require_react()); function useValidation(step, isAuthed, formData, isFullRoadmap, yearsPlayed, isValidFieldOfStudySelection, fieldOfStudyChoice, validationErrors, setValidationErrors, error, setError) { const validateCurrentStep = (0, import_react8.useCallback)(() => { if (!isAuthed) { return { auth: "Please sign in first so we can save your questionnaire." }; } const allErrors = validateForReportGeneration(formData, isFullRoadmap); const currentErrors = {}; if (step === 0) { if (allErrors.fullName) currentErrors.fullName = allErrors.fullName; if (allErrors.email) currentErrors.email = allErrors.email; if (allErrors.graduationDate) currentErrors.graduationDate = allErrors.graduationDate; if (allErrors.careerDomain) currentErrors.careerDomain = allErrors.careerDomain; if (!isValidFieldOfStudySelection) { if ((fieldOfStudyChoice || "").trim() === "Other (type manually)") { currentErrors.fieldOfStudy = "Please type your field of study."; } else { currentErrors.fieldOfStudy = "Please choose a field of study from the list (or select Other)."; } } else if (allErrors.fieldOfStudy) { currentErrors.fieldOfStudy = allErrors.fieldOfStudy; } if (isFullRoadmap && allErrors.degreeLevel) currentErrors.degreeLevel = allErrors.degreeLevel; } else if (step === 1) { if (allErrors.currentVisaStatus) currentErrors.currentVisaStatus = allErrors.currentVisaStatus; if (allErrors.optStatus) currentErrors.optStatus = allErrors.optStatus; if (isFullRoadmap && allErrors.stemEligibility) currentErrors.stemEligibility = allErrors.stemEligibility; } else if (step === 2) { if (allErrors.primaryCareerInterest) currentErrors.primaryCareerInterest = allErrors.primaryCareerInterest; if (allErrors.experienceLevel) currentErrors.experienceLevel = allErrors.experienceLevel; } else if (step === 3) { if (yearsPlayed !== "") { const n = Number(yearsPlayed); if (!Number.isFinite(n) || n < 0 || n > 30) { currentErrors.yearsPlayed = "Years played must be a number between 0 and 30"; } } } else if (step === 4 && isFullRoadmap) { if (allErrors.preferredRoleTypes) currentErrors.preferredRoleTypes = allErrors.preferredRoleTypes; if (allErrors.locationPreference) currentErrors.locationPreference = allErrors.locationPreference; if (allErrors.specificStates) currentErrors.specificStates = allErrors.specificStates; } else if (step === 5 && isFullRoadmap || step === 4 && !isFullRoadmap) { if (isFullRoadmap) { if (allErrors.jobSearchReadiness) currentErrors.jobSearchReadiness = allErrors.jobSearchReadiness; if (allErrors.resumeStatus) currentErrors.resumeStatus = allErrors.resumeStatus; } else { if (allErrors.disclaimerAccepted) currentErrors.disclaimerAccepted = allErrors.disclaimerAccepted; if (allErrors.termsAccepted) currentErrors.termsAccepted = allErrors.termsAccepted; if (allErrors.privacyAccepted) currentErrors.privacyAccepted = allErrors.privacyAccepted; } } else if (step === 6 && isFullRoadmap) { if (allErrors.disclaimerAccepted) currentErrors.disclaimerAccepted = allErrors.disclaimerAccepted; if (allErrors.termsAccepted) currentErrors.termsAccepted = allErrors.termsAccepted; if (allErrors.privacyAccepted) currentErrors.privacyAccepted = allErrors.privacyAccepted; } if (allErrors.content) currentErrors.content = allErrors.content; return currentErrors; }, [ step, isAuthed, formData, isFullRoadmap, yearsPlayed, isValidFieldOfStudySelection, fieldOfStudyChoice ]); const canGenerateReport = (0, import_react8.useMemo)(() => { const errors = validateForReportGeneration(formData, isFullRoadmap); return Object.keys(errors).length === 0; }, [formData, isFullRoadmap]); const areSameErrors = (0, import_react8.useCallback)((a, b) => { const aKeys = Object.keys(a || {}); const bKeys = Object.keys(b || {}); if (aKeys.length !== bKeys.length) return false; for (const k of aKeys) { if (a[k] !== b[k]) return false; } return true; }, []); (0, import_react8.useEffect)(() => { if (!validationErrors || Object.keys(validationErrors).length === 0) { return; } const next = validateCurrentStep(); if (!areSameErrors(validationErrors, next)) { setValidationErrors(next); } if (error && typeof error === "string" && error.includes("required")) { if (Object.keys(next).length === 0) { setError(null); } } }, [ validateCurrentStep, areSameErrors, validationErrors, error, setValidationErrors, setError ]); return { validateCurrentStep, canGenerateReport }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useNavigation.js init_injected_globals(); var import_react9 = __toESM(require_react()); function useNavigation(step, setStep, totalSteps, setError, setValidationErrors, validateCurrentStep, trackStepCompleted, trackBackNavigation, stepEnteredAtRef, onStepAutosave) { const onNext = (0, import_react9.useCallback)(() => { setError(null); const stepErrors = validateCurrentStep(); if (Object.keys(stepErrors).length > 0) { setValidationErrors(stepErrors); return; } const completionTimeSec = Math.max( 0, Math.round((Date.now() - stepEnteredAtRef.current) / 1e3) ); trackStepCompleted(completionTimeSec); try { if (typeof onStepAutosave === "function") { onStepAutosave({ reason: "step_next", step }); } } catch { } setValidationErrors({}); setStep((prev) => Math.min(totalSteps - 1, prev + 1)); }, [ validateCurrentStep, totalSteps, trackStepCompleted, setError, setValidationErrors, setStep, stepEnteredAtRef, onStepAutosave, step ]); const onBack = (0, import_react9.useCallback)(() => { setError(null); setValidationErrors({}); trackBackNavigation(); setStep((prev) => Math.max(0, prev - 1)); }, [trackBackNavigation, setError, setValidationErrors, setStep]); return { onNext, onBack }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useSubmit.js init_injected_globals(); var import_react11 = __toESM(require_react()); init_modern2(); // virtual:/apps/web/src/components/GlobalLoadingOverlay.jsx init_injected_globals(); var import_react10 = __toESM(require_react()); var GlobalLoadingContext = (0, import_react10.createContext)(null); function isPlainLeftClick(evt) { if (!evt || evt.defaultPrevented) return false; if (evt.button !== 0) return false; if (evt.metaKey || evt.ctrlKey || evt.shiftKey || evt.altKey) return false; return true; } function findAnchorTarget(evt) { const el = evt?.target; if (!el || typeof el.closest !== "function") return null; return el.closest("a[href]"); } function shouldTriggerNavLoading(a) { if (!a) return false; const target = (a.getAttribute("target") || "").toLowerCase(); if (target === "_blank") return false; if (a.hasAttribute("download")) return false; const href = a.getAttribute("href") || ""; if (!href) return false; if (href.startsWith("#")) return false; if (typeof window !== "undefined") { try { const u = new URL(href, window.location.origin); if (u.origin !== window.location.origin) return false; } catch { return false; } } return true; } function Spinner() { return /* @__PURE__ */ import_react10.default.createElement( "div", { className: "h-10 w-10 rounded-full border-4 border-gray-200 dark:border-gray-700 border-t-gray-900 dark:border-t-gray-100 animate-spin", "aria-label": "Loading" } ); } function Overlay({ label }) { return /* @__PURE__ */ import_react10.default.createElement("div", { className: "fixed inset-0 z-[9999] bg-white/70 dark:bg-black/50 backdrop-blur-sm flex items-center justify-center" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "rounded-2xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-[#1E1E1E] px-6 py-5 shadow-sm flex items-center gap-4" }, /* @__PURE__ */ import_react10.default.createElement(Spinner, null), /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-sm text-gray-800 dark:text-gray-100" }, label))); } function GlobalLoadingProvider({ children }) { const [manualCount, setManualCount] = (0, import_react10.useState)(0); const [navPending, setNavPending] = (0, import_react10.useState)(false); const minVisibleUntilRef = (0, import_react10.useRef)(0); const begin = (0, import_react10.useCallback)((reason) => { minVisibleUntilRef.current = Math.max( minVisibleUntilRef.current, Date.now() + 250 ); setManualCount((c) => c + 1); try { if (typeof window !== "undefined") { window.sessionStorage.setItem("global_nav_loading", "1"); if (reason) { window.sessionStorage.setItem( "global_nav_loading_reason", String(reason).slice(0, 50) ); } } } catch { } }, []); const end = (0, import_react10.useCallback)(() => { setManualCount((c) => Math.max(0, c - 1)); }, []); const startNav = (0, import_react10.useCallback)((reason) => { minVisibleUntilRef.current = Math.max( minVisibleUntilRef.current, Date.now() + 250 ); setNavPending(true); try { if (typeof window !== "undefined") { window.sessionStorage.setItem("global_nav_loading", "1"); if (reason) { window.sessionStorage.setItem( "global_nav_loading_reason", String(reason).slice(0, 50) ); } } } catch { } }, []); (0, import_react10.useEffect)(() => { if (typeof window === "undefined") return; try { const flag = window.sessionStorage.getItem("global_nav_loading"); if (flag === "1") { window.sessionStorage.removeItem("global_nav_loading"); minVisibleUntilRef.current = Math.max( minVisibleUntilRef.current, Date.now() + 250 ); setNavPending(true); } } catch { } }, []); (0, import_react10.useEffect)(() => { if (typeof window === "undefined") return; const handler = (evt) => { if (!isPlainLeftClick(evt)) return; const a = findAnchorTarget(evt); if (!shouldTriggerNavLoading(a)) return; startNav("anchor_click"); }; document.addEventListener("click", handler, true); return () => document.removeEventListener("click", handler, true); }, [startNav]); const isBusy = (0, import_react10.useMemo)(() => { return Boolean(navPending || manualCount > 0); }, [navPending, manualCount]); const label = (0, import_react10.useMemo)(() => { if (manualCount > 0) return "Saving\u2026"; return "Loading\u2026"; }, [manualCount]); (0, import_react10.useEffect)(() => { if (!navPending) return; const tick = () => { const now = Date.now(); const minUntil = minVisibleUntilRef.current || 0; if (now < minUntil) { return; } if (manualCount === 0) { setNavPending(false); try { if (typeof window !== "undefined") { window.sessionStorage.removeItem("global_nav_loading_reason"); } } catch { } } }; const t = setInterval(tick, 100); return () => clearInterval(t); }, [navPending, manualCount]); const value = (0, import_react10.useMemo)( () => ({ begin, end, startNav }), [begin, end, startNav] ); return /* @__PURE__ */ import_react10.default.createElement(GlobalLoadingContext.Provider, { value }, children, isBusy ? /* @__PURE__ */ import_react10.default.createElement(Overlay, { label }) : null); } function useGlobalLoading() { const ctx = (0, import_react10.useContext)(GlobalLoadingContext); return ctx || { begin: () => { }, end: () => { }, startNav: () => { } }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useSubmit.js function useSubmit(canGenerateReport, formData, isFullRoadmap, setValidationErrors, setError, validateForReportGeneration2, isValidFieldOfStudySelection, fieldOfStudyChoice, trackQuestionnaireCompleted, planType, totalSteps, profileQueryKey, localSavedProfileKey) { const queryClient2 = useQueryClient(); const { begin, end } = useGlobalLoading(); const effectiveProfileQueryKey = Array.isArray(profileQueryKey) ? profileQueryKey : ["profile"]; const saveMutation = useMutation({ mutationFn: async (payload) => { const res = await fetch("/api/profile", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); if (!res.ok) { const msg = await res.text(); throw new Error(`Could not save profile: ${msg}`); } return res.json(); }, onSuccess: (data) => { try { queryClient2.setQueryData(effectiveProfileQueryKey, data); } catch { } queryClient2.invalidateQueries({ queryKey: effectiveProfileQueryKey }); } }); const onSubmit = (0, import_react11.useCallback)(async () => { setError(null); setValidationErrors({}); if (!isValidFieldOfStudySelection) { const message = (fieldOfStudyChoice || "").trim() === "Other (type manually)" ? "Please type your field of study." : "Please choose a field of study from the list (or select Other)."; setValidationErrors({ fieldOfStudy: message }); return; } if (!canGenerateReport) { const allErrors = validateForReportGeneration2(formData, isFullRoadmap); setValidationErrors(allErrors); return; } try { begin("questionnaire_submit"); const { fullName, email, graduationDate, careerDomain, fieldOfStudy, currentVisaStatus, otherVisaStatus, optStatus, primaryCareerInterest, experienceLevel, degreeLevel, preferredRoleTypes, locationPreference, specificStates, stemEligibility, jobSearchReadiness, resumeStatus, disclaimerAccepted, termsAccepted, privacyAccepted, sport, yearsPlayed, experienceTags } = formData; const yearsPlayedNum = yearsPlayed === "" ? null : Number(yearsPlayed); const yearsPlayedValue = Number.isFinite(yearsPlayedNum) ? yearsPlayedNum : null; const statesForDb = Array.isArray(specificStates) ? specificStates.join(", ") : null; const saved = await saveMutation.mutateAsync({ name: fullName.trim() || null, email: email.trim() || null, graduation_date: graduationDate, career_domain: careerDomain, major: fieldOfStudy, field_of_study: fieldOfStudy, current_visa_status: currentVisaStatus, other_visa_status: currentVisaStatus === "Other" ? otherVisaStatus.trim() : null, opt_status: optStatus, career_interest: primaryCareerInterest, primary_career_interest: primaryCareerInterest, experience_level: experienceLevel, // Sports background sport: sport.trim() || null, years_played: yearsPlayedValue, experience_tags: experienceTags, // Full roadmap fields degree_level: isFullRoadmap ? degreeLevel : null, preferred_role_types: isFullRoadmap ? preferredRoleTypes : null, location_preference: isFullRoadmap ? locationPreference : null, specific_states: isFullRoadmap && locationPreference === "Specific states" ? statesForDb : null, stem_eligibility: isFullRoadmap ? stemEligibility : null, job_search_readiness: isFullRoadmap ? jobSearchReadiness : null, resume_status: isFullRoadmap ? resumeStatus : null, disclaimer_accepted: disclaimerAccepted, terms_accepted: termsAccepted, privacy_accepted: privacyAccepted }); try { if (typeof window !== "undefined") { window.localStorage.setItem( localSavedProfileKey || "visafit_last_saved_profile", JSON.stringify(saved?.profile || null) ); } } catch { } trackQuestionnaireCompleted(totalSteps); try { if (typeof window !== "undefined") { window.localStorage.removeItem("visafit_questionnaire_progress"); } } catch { } const reviewUrl = isFullRoadmap ? "/visafit/review?type=full&plan=FULL_ROADMAP" : "/visafit/review?plan=OPT_FIT_REPORT"; try { if (typeof window !== "undefined") { window.sessionStorage.setItem("global_nav_loading", "1"); window.sessionStorage.setItem( "global_nav_loading_reason", "questionnaire_submit" ); } } catch { } window.location.href = reviewUrl; } catch (e) { console.error(e); try { end(); } catch { } const msg = e instanceof Error ? e.message : ""; let friendly = "Could not save your questionnaire. Please try again."; const prefix = "Could not save profile:"; if (msg && msg.includes(prefix)) { const raw = msg.split(prefix).slice(1).join(prefix).trim(); try { const parsed = JSON.parse(raw); if (parsed?.error) { friendly = parsed.error; } else if (raw) { friendly = raw; } } catch { if (raw) { friendly = raw; } } } setError(friendly); } }, [ canGenerateReport, formData, isFullRoadmap, saveMutation, isValidFieldOfStudySelection, fieldOfStudyChoice, trackQuestionnaireCompleted, totalSteps, setError, setValidationErrors, validateForReportGeneration2, begin, end, effectiveProfileQueryKey, localSavedProfileKey ]); return { onSubmit, saveMutation }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useFormData.js init_injected_globals(); var import_react12 = __toESM(require_react()); function useFormData(state, resolvedFieldOfStudy) { const formData = (0, import_react12.useMemo)( () => ({ fullName: state.fullName, email: state.email, graduationDate: state.graduationDate, // NEW: required Phase-1 field careerDomain: state.careerDomain, fieldOfStudy: resolvedFieldOfStudy, currentVisaStatus: state.currentVisaStatus, otherVisaStatus: state.otherVisaStatus, optStatus: state.optStatus, primaryCareerInterest: state.primaryCareerInterest, experienceLevel: state.experienceLevel, degreeLevel: state.degreeLevel, preferredRoleTypes: Array.isArray(state.preferredRoleTypes) ? state.preferredRoleTypes : [], locationPreference: state.locationPreference, specificStates: Array.isArray(state.specificStates) ? state.specificStates : [], stemEligibility: state.stemEligibility, jobSearchReadiness: state.jobSearchReadiness, resumeStatus: state.resumeStatus, disclaimerAccepted: state.disclaimerAccepted, termsAccepted: state.termsAccepted, privacyAccepted: state.privacyAccepted, sport: state.sport, yearsPlayed: state.yearsPlayed, experienceTags: Array.isArray(state.experienceTags) ? state.experienceTags : [] }), [state, resolvedFieldOfStudy] ); return formData; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useRoleTypeToggle.js init_injected_globals(); var import_react13 = __toESM(require_react()); function useRoleTypeToggle(setPreferredRoleTypes, trackFieldInteracted, trackRoleTypeSelected) { const toggleRoleType = (0, import_react13.useCallback)( (roleType) => { trackFieldInteracted("preferred_role_types", "select"); setPreferredRoleTypes((prev) => { const safePrev = Array.isArray(prev) ? prev : []; const exists = safePrev.includes(roleType); if (exists) { return safePrev.filter((t) => t !== roleType); } trackRoleTypeSelected(roleType); return [...safePrev, roleType]; }); }, [trackFieldInteracted, trackRoleTypeSelected, setPreferredRoleTypes] ); return toggleRoleType; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useExperienceToggle.js init_injected_globals(); var import_react14 = __toESM(require_react()); function useExperienceToggle(setExperienceTags) { const toggleExperience = (0, import_react14.useCallback)( (tagKey) => { setExperienceTags((prev) => { const safePrev = Array.isArray(prev) ? prev : []; const exists = safePrev.includes(tagKey); if (exists) { return safePrev.filter((t) => t !== tagKey); } return [...safePrev, tagKey]; }); }, [setExperienceTags] ); return toggleExperience; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire/useAutosave.js init_injected_globals(); var import_react15 = __toESM(require_react()); init_modern2(); function safeJsonParse(raw) { try { return JSON.parse(raw); } catch { return null; } } function isMeaningfullyFilled(payload) { if (!payload || typeof payload !== "object") return false; const keysToCheck = [ "name", "email", "graduation_date", "major", "field_of_study", "current_visa_status", "other_visa_status", "opt_status", "career_interest", "primary_career_interest", "experience_level", "sport", "degree_level", "location_preference", "specific_states", "stem_eligibility", "job_search_readiness", "resume_status" ]; for (const k of keysToCheck) { const v = payload[k]; if (typeof v === "string" && v.trim()) return true; if (typeof v === "number" && Number.isFinite(v)) return true; } const arrKeys = ["experience_tags", "preferred_role_types"]; for (const k of arrKeys) { const v = payload[k]; if (Array.isArray(v) && v.length > 0) return true; } return false; } function readExistingLocalDraft(key) { try { if (typeof window === "undefined") return null; const raw = window.localStorage.getItem(key); if (!raw) return null; const parsed = safeJsonParse(raw); return parsed?.payload || parsed || null; } catch { return null; } } function writeLocalDraft(key, payload) { try { if (typeof window === "undefined") return; const existing = readExistingLocalDraft(key); const existingMeaningful = isMeaningfullyFilled(existing); const nextMeaningful = isMeaningfullyFilled(payload); if (existingMeaningful && !nextMeaningful) { return; } window.localStorage.setItem( key, JSON.stringify({ savedAt: (/* @__PURE__ */ new Date()).toISOString(), payload }) ); } catch { } } function normalizeDraftPayload(formData, isFullRoadmap) { const yearsPlayedNum = formData.yearsPlayed === "" ? null : Number(formData.yearsPlayed); const yearsPlayedValue = Number.isFinite(yearsPlayedNum) ? yearsPlayedNum : null; const statesForDb = Array.isArray(formData.specificStates) ? formData.specificStates.join(", ") : null; return { name: (formData.fullName || "").trim() || null, email: (formData.email || "").trim() || null, graduation_date: formData.graduationDate || null, major: formData.fieldOfStudy || null, field_of_study: formData.fieldOfStudy || null, current_visa_status: formData.currentVisaStatus || null, other_visa_status: formData.currentVisaStatus === "Other" ? (formData.otherVisaStatus || "").trim() || null : null, opt_status: formData.optStatus || null, career_interest: formData.primaryCareerInterest || null, primary_career_interest: formData.primaryCareerInterest || null, experience_level: formData.experienceLevel || null, // Sports background sport: (formData.sport || "").trim() || null, years_played: yearsPlayedValue, experience_tags: Array.isArray(formData.experienceTags) ? formData.experienceTags : [], // Full roadmap fields degree_level: isFullRoadmap ? formData.degreeLevel || null : null, preferred_role_types: isFullRoadmap ? Array.isArray(formData.preferredRoleTypes) ? formData.preferredRoleTypes : [] : null, location_preference: isFullRoadmap ? formData.locationPreference || null : null, specific_states: isFullRoadmap && formData.locationPreference === "Specific states" ? statesForDb : null, stem_eligibility: isFullRoadmap ? formData.stemEligibility || null : null, job_search_readiness: isFullRoadmap ? formData.jobSearchReadiness || null : null, resume_status: isFullRoadmap ? formData.resumeStatus || null : null, // Legal (optional on save) disclaimer_accepted: !!formData.disclaimerAccepted, terms_accepted: !!formData.termsAccepted, privacy_accepted: !!formData.privacyAccepted }; } function useAutosave({ isAuthed, formData, isFullRoadmap, enabled, draftKey, profileQueryKey }) { const queryClient2 = useQueryClient(); const computedDraftKey = (0, import_react15.useMemo)( () => isFullRoadmap ? "visafit_draft_full" : "visafit_draft_basic", [isFullRoadmap] ); const effectiveDraftKey = draftKey || computedDraftKey; const effectiveProfileQueryKey = Array.isArray(profileQueryKey) ? profileQueryKey : ["profile"]; const autosaveMutation = useMutation({ mutationFn: async (payload) => { const res = await fetch("/api/profile", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); if (!res.ok) { const msg = await res.text(); throw new Error(`Autosave failed: ${msg}`); } return res.json(); }, onSuccess: (data) => { try { queryClient2.setQueryData(effectiveProfileQueryKey, data); } catch { } queryClient2.invalidateQueries({ queryKey: effectiveProfileQueryKey }); writeLocalDraft(effectiveDraftKey, data?.profile || null); } }); const saveDraftNow = (0, import_react15.useCallback)( ({ reason } = {}) => { const payload = normalizeDraftPayload(formData, isFullRoadmap); writeLocalDraft(effectiveDraftKey, payload); if (!enabled) return; if (!isAuthed) return; autosaveMutation.mutate(payload, { onError: (e) => { console.error(e); } }); }, [ autosaveMutation, effectiveDraftKey, enabled, formData, isAuthed, isFullRoadmap ] ); const debounceRef = (0, import_react15.useRef)(null); const lastSerializedRef = (0, import_react15.useRef)(""); (0, import_react15.useEffect)(() => { if (!enabled) return; const payload = normalizeDraftPayload(formData, isFullRoadmap); const serialized = JSON.stringify(payload); if (serialized === lastSerializedRef.current) return; lastSerializedRef.current = serialized; writeLocalDraft(effectiveDraftKey, payload); if (!isAuthed) return; if (debounceRef.current) { clearTimeout(debounceRef.current); } debounceRef.current = setTimeout(() => { autosaveMutation.mutate(payload, { onError: (e) => { console.error(e); } }); }, 1200); return () => { if (debounceRef.current) { clearTimeout(debounceRef.current); } }; }, [ effectiveDraftKey, enabled, formData, isAuthed, isFullRoadmap, autosaveMutation ]); const readLocalDraft = (0, import_react15.useCallback)(() => { return readExistingLocalDraft(effectiveDraftKey); }, [effectiveDraftKey]); return { autosaveMutation, saveDraftNow, readLocalDraft, draftKey: effectiveDraftKey }; } // virtual:/apps/web/src/hooks/useVisafitQuestionnaire.js function useVisafitQuestionnaire(user, userLoading, isAuthed, reportType = "basic") { const planType = reportType === "full" ? "full" : "basic"; const isFullRoadmap = reportType === "full"; const state = useQuestionnaireState(isFullRoadmap); const setState = (0, import_react16.useCallback)( (updates) => { if (!updates || typeof updates !== "object") { return; } Object.entries(updates).forEach(([key, value]) => { const setterName = `set${key.charAt(0).toUpperCase()}${key.slice(1)}`; if (state[setterName]) { state[setterName](value); } }); }, [state] ); const { resolvedFieldOfStudy, isValidFieldOfStudySelection } = useFieldOfStudy(state.fieldOfStudyChoice, state.fieldOfStudyOther); const formData = useFormData(state, resolvedFieldOfStudy); const userKey = (0, import_react16.useMemo)(() => { if (isAuthed && user?.id) { return String(user.id); } return "anon"; }, [isAuthed, user?.id]); (0, import_react16.useEffect)(() => { state.didHydrateRef.current = false; state.setHydrationDone(false); }, [userKey, isFullRoadmap]); const profileQueryKey = (0, import_react16.useMemo)(() => ["profile", userKey], [userKey]); const localDraftKey = (0, import_react16.useMemo)(() => { const base = isFullRoadmap ? "visafit_draft_full" : "visafit_draft_basic"; return `${base}_${userKey}`; }, [isFullRoadmap, userKey]); const localSavedProfileKey = (0, import_react16.useMemo)(() => { if (userKey === "anon") { return "visafit_last_saved_profile"; } return `visafit_last_saved_profile_${userKey}`; }, [userKey]); const { autosaveMutation, saveDraftNow } = useAutosave({ isAuthed, formData, isFullRoadmap, enabled: true, draftKey: localDraftKey, profileQueryKey }); const { existingProfileLoading, existingProfileFetching, existingProfileIsError } = useProfileHydration( isAuthed, user, userLoading, state.didHydrateRef, setState, localDraftKey, localSavedProfileKey, profileQueryKey, state.setHydrationDone ); const hydrationLoading = isAuthed && (!state.hydrationDone || existingProfileLoading || existingProfileFetching); const { trackFieldInteracted, trackStepCompleted, trackBackNavigation, trackQuestionnaireCompleted, trackRoleTypeSelected, stepEnteredAtRef } = useAnalyticsTracking( planType, state.step, isFullRoadmap, state.graduationDate, state.fieldOfStudyChoice, state.validationErrors ); const { addSpecificState, removeSpecificState } = useStateManagement( isFullRoadmap, state.locationPreference, state.specificStates, state.setSpecificStates, trackFieldInteracted ); const { validateCurrentStep, canGenerateReport } = useValidation( state.step, isAuthed, formData, isFullRoadmap, state.yearsPlayed, isValidFieldOfStudySelection, state.fieldOfStudyChoice, state.validationErrors, state.setValidationErrors, state.error, state.setError ); const { onNext, onBack } = useNavigation( state.step, state.setStep, state.totalSteps, state.setError, state.setValidationErrors, validateCurrentStep, trackStepCompleted, trackBackNavigation, stepEnteredAtRef, () => { saveDraftNow({ reason: "step_next" }); } ); const { onSubmit, saveMutation } = useSubmit( canGenerateReport, formData, isFullRoadmap, state.setValidationErrors, state.setError, validateForReportGeneration, isValidFieldOfStudySelection, state.fieldOfStudyChoice, trackQuestionnaireCompleted, planType, state.totalSteps, profileQueryKey, localSavedProfileKey ); const toggleRoleType = useRoleTypeToggle( state.setPreferredRoleTypes, trackFieldInteracted, trackRoleTypeSelected ); const toggleExperience = useExperienceToggle(state.setExperienceTags); return { // Hydration state hydrationLoading, hydrationError: existingProfileIsError, // Step management step: state.step, setStep: state.setStep, totalSteps: state.totalSteps, isFullRoadmap, // NEW: Domain selection careerDomain: state.careerDomain, setCareerDomain: state.setCareerDomain, careerDomainOptions, // Basic fields fullName: state.fullName, setFullName: state.setFullName, email: state.email, setEmail: state.setEmail, graduationDate: state.graduationDate, setGraduationDate: state.setGraduationDate, // Field of study fieldOfStudyChoice: state.fieldOfStudyChoice, setFieldOfStudyChoice: state.setFieldOfStudyChoice, fieldOfStudyOther: state.fieldOfStudyOther, setFieldOfStudyOther: state.setFieldOfStudyOther, resolvedFieldOfStudy, currentVisaStatus: state.currentVisaStatus, setCurrentVisaStatus: state.setCurrentVisaStatus, otherVisaStatus: state.otherVisaStatus, setOtherVisaStatus: state.setOtherVisaStatus, optStatus: state.optStatus, setOptStatus: state.setOptStatus, primaryCareerInterest: state.primaryCareerInterest, setPrimaryCareerInterest: state.setPrimaryCareerInterest, experienceLevel: state.experienceLevel, setExperienceLevel: state.setExperienceLevel, // Sports sport: state.sport, setSport: state.setSport, yearsPlayed: state.yearsPlayed, setYearsPlayed: state.setYearsPlayed, experienceTags: state.experienceTags, toggleExperience, // Full roadmap fields degreeLevel: state.degreeLevel, setDegreeLevel: state.setDegreeLevel, preferredRoleTypes: state.preferredRoleTypes, setPreferredRoleTypes: state.setPreferredRoleTypes, locationPreference: state.locationPreference, setLocationPreference: state.setLocationPreference, specificStates: state.specificStates, addSpecificState, removeSpecificState, setSpecificStates: state.setSpecificStates, stemEligibility: state.stemEligibility, setStemEligibility: state.setStemEligibility, jobSearchReadiness: state.jobSearchReadiness, setJobSearchReadiness: state.setJobSearchReadiness, resumeStatus: state.resumeStatus, setResumeStatus: state.setResumeStatus, // Legal disclaimerAccepted: state.disclaimerAccepted, setDisclaimerAccepted: state.setDisclaimerAccepted, termsAccepted: state.termsAccepted, setTermsAccepted: state.setTermsAccepted, privacyAccepted: state.privacyAccepted, setPrivacyAccepted: state.setPrivacyAccepted, // State error: state.error, setError: state.setError, validationErrors: state.validationErrors, setValidationErrors: state.setValidationErrors, canGenerateReport, // Actions toggleRoleType, onNext, onBack, onSubmit, saveMutation, // Autosave autosaveMutation, saveDraftNow, // Analytics helper trackFieldInteracted, // Field options visaStatusOptions, optStatusOptions, careerInterestOptions, experienceLevelOptions, degreeLevelOptions, roleTypeOptions, locationPreferenceOptions, stemEligibilityOptions, jobSearchReadinessOptions, resumeStatusOptions, fieldOfStudyOptions, usStatesOptions }; } // virtual:/apps/web/src/components/VisafitQuestionnaire/QuestionnaireHeader.jsx init_injected_globals(); var import_react19 = __toESM(require_react()); // virtual:/apps/web/src/components/VisafitQuestionnaire/ProgressBar.jsx init_injected_globals(); var import_react17 = __toESM(require_react()); function ProgressBar({ currentStep, totalSteps }) { const pct = (0, import_react17.useMemo)(() => { const safeTotal = totalSteps || 1; const value = Math.round((currentStep + 1) / safeTotal * 100); return Math.max(0, Math.min(100, value)); }, [currentStep, totalSteps]); const widthStyle = (0, import_react17.useMemo)(() => ({ width: `${pct}%` }), [pct]); return /* @__PURE__ */ React.createElement("div", { className: "mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "h-2 w-full rounded-full bg-gray-200 dark:bg-gray-800 overflow-hidden" }, /* @__PURE__ */ React.createElement( "div", { className: "h-full bg-gray-900 dark:bg-gray-100 rounded-full", style: widthStyle } ))); } // virtual:/apps/web/src/components/SemanticMessage.jsx init_injected_globals(); var import_react18 = __toESM(require_react()); function SemanticMessage({ type = "info", // legal | info | warning | success | error variant, // inline | pill | callout title, children, actions, className = "" }) { if (!title && !children) { return null; } const resolvedVariant = (() => { if (variant) return variant; if (type === "legal") return "pill"; return "inline"; })(); if (type === "legal") { const content = /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, title ? /* @__PURE__ */ import_react18.default.createElement("span", { className: "font-medium" }, title) : null, children ? /* @__PURE__ */ import_react18.default.createElement("span", { className: title ? "ml-2" : "" }, children) : null); if (resolvedVariant === "inline") { return /* @__PURE__ */ import_react18.default.createElement( "div", { className: `text-xs leading-relaxed text-gray-600 dark:text-white/65 ${className}` }, title ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium" }, title) : null, children ? /* @__PURE__ */ import_react18.default.createElement("div", { className: title ? "mt-1" : "" }, children) : null, actions ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-2" }, actions) : null ); } if (resolvedVariant === "callout") { return /* @__PURE__ */ import_react18.default.createElement( "div", { className: `rounded-xl border border-black/10 bg-black/5 text-gray-700 dark:border-white/10 dark:bg-white/[0.04] dark:text-white/70 p-4 text-sm ${className}` }, title ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium" }, title) : null, children ? /* @__PURE__ */ import_react18.default.createElement("div", { className: title ? "mt-2" : "" }, children) : null, actions ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-3" }, actions) : null ); } return /* @__PURE__ */ import_react18.default.createElement( "div", { className: `inline-flex items-center rounded-full border border-black/10 bg-black/5 px-3 py-1 text-xs font-medium text-gray-700 dark:border-white/10 dark:bg-white/[0.04] dark:text-white/70 ${className}` }, content ); } if (type === "error") { return /* @__PURE__ */ import_react18.default.createElement( "div", { className: `text-sm text-red-600 dark:text-[#ff6b6b] whitespace-pre-line ${className}` }, title ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-semibold" }, title) : null, children ? /* @__PURE__ */ import_react18.default.createElement("div", { className: title ? "mt-2" : "" }, children) : null, actions ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-3" }, actions) : null ); } const inlineStylesByType = { info: "text-sm text-gray-600 dark:text-white/60", warning: "text-sm text-amber-600 dark:text-[#fbbf24]", success: "text-sm text-green-700 dark:text-[#4ade80]" }; const calloutStylesByType = { // Only used when you explicitly want a calm, local callout (no white backgrounds). info: "border-white/10 bg-white/[0.04] text-white/70", warning: "border-amber-900/60 bg-amber-950/25 text-amber-200", success: "border-green-900/60 bg-green-950/20 text-green-200" }; if (resolvedVariant === "callout") { const wrap = calloutStylesByType[type] || calloutStylesByType.info; return /* @__PURE__ */ import_react18.default.createElement("div", { className: `rounded-xl border p-4 text-sm ${wrap} ${className}` }, title ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-semibold" }, title) : null, children ? /* @__PURE__ */ import_react18.default.createElement("div", { className: title ? "mt-2" : "" }, children) : null, actions ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-3" }, actions) : null); } const textClass = inlineStylesByType[type] || inlineStylesByType.info; return /* @__PURE__ */ import_react18.default.createElement("div", { className: `${textClass} ${className}` }, title ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium" }, title) : null, children ? /* @__PURE__ */ import_react18.default.createElement("div", { className: title ? "mt-1" : "" }, children) : null, actions ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-2" }, actions) : null); } // virtual:/apps/web/src/components/VisafitQuestionnaire/QuestionnaireHeader.jsx function QuestionnaireHeader({ step, totalSteps, isFullRoadmap }) { const stepLabel = (0, import_react19.useMemo)(() => { if (step === 0) return "Education & Timing"; if (step === 1) return "Visa Context"; if (step === 2) return "Career Direction"; if (step === 3) return "Sports Background"; if (step === 4) return isFullRoadmap ? "Work Preferences" : "Legal Terms"; if (step === 5) return "Readiness & Resume"; return "Legal Terms"; }, [step, isFullRoadmap]); return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500 dark:text-gray-400" }, "Step ", step + 1, " of ", totalSteps, " \u2022", " ", isFullRoadmap ? "Full Career + Visa Roadmap" : "Basic VisaFit"), /* @__PURE__ */ React.createElement("h1", { className: "mt-2 text-2xl font-bold text-gray-900 dark:text-gray-100" }, "VisaFit questionnaire"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-300" }, stepLabel), /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React.createElement(SemanticMessage, { type: "legal", variant: "inline" }, "Educational guidance only. Not legal advice.")), /* @__PURE__ */ React.createElement(ProgressBar, { currentStep: step, totalSteps })); } // virtual:/apps/web/src/components/VisafitQuestionnaire/ValidationAlert.jsx init_injected_globals(); function ValidationAlert() { return null; } // virtual:/apps/web/src/components/VisafitQuestionnaire/AuthPrompt.jsx init_injected_globals(); function AuthPrompt({ isAuthed, userLoading, reportType }) { if (isAuthed || userLoading) { return null; } return /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-700 dark:text-gray-200" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium" }, "You need to sign in first."), /* @__PURE__ */ React.createElement("div", { className: "mt-3" }, /* @__PURE__ */ React.createElement( "a", { href: `/account/signin?callbackUrl=/visafit/questionnaire${reportType === "full" ? "?type=full" : ""}`, className: "inline-flex px-4 py-2 rounded-lg bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900" }, "Sign in" ))); } // virtual:/apps/web/src/components/VisafitQuestionnaire/QuestionnaireStepContent.jsx init_injected_globals(); // virtual:/apps/web/src/components/VisafitQuestionnaire/EducationStep.jsx init_injected_globals(); function EducationStep({ fullName, setFullName, email, setEmail, graduationDate, setGraduationDate, // NEW careerDomain, setCareerDomain, careerDomainOptions: careerDomainOptions2, fieldOfStudyChoice, setFieldOfStudyChoice, fieldOfStudyOther, setFieldOfStudyOther, fieldOfStudyOptions: fieldOfStudyOptions2, degreeLevel, setDegreeLevel, degreeLevelOptions: degreeLevelOptions2, validationErrors, isFullRoadmap, trackFieldInteracted }) { const graduationWarning = getGraduationDateWarning(graduationDate); const inputBase = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212]"; const inputError = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent"; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Full name (optional)"), /* @__PURE__ */ React.createElement( "input", { value: fullName, onFocus: () => trackFieldInteracted?.("full_name_optional", "focus"), onChange: (e) => { trackFieldInteracted?.("full_name_optional", "change"); setFullName(e.target.value); }, className: validationErrors.fullName ? inputError : inputBase, placeholder: "Your name" } ), validationErrors.fullName ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.fullName) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Email (optional)"), /* @__PURE__ */ React.createElement( "input", { value: email, onFocus: () => trackFieldInteracted?.("email_optional", "focus"), onChange: (e) => { trackFieldInteracted?.("email_optional", "change"); setEmail(e.target.value); }, className: validationErrors.email ? inputError : inputBase, placeholder: "you@example.com" } ), validationErrors.email ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.email) : null)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Graduation date *"), /* @__PURE__ */ React.createElement( "input", { type: "date", value: graduationDate, onChange: (e) => { trackFieldInteracted?.("graduation_date", "change"); setGraduationDate(e.target.value); }, className: `${validationErrors.graduationDate ? inputError : inputBase} dark:[color-scheme:dark]` } ), validationErrors.graduationDate ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.graduationDate) : null, /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400" }, "Used to tailor timing guidance. Planning ahead is okay."), graduationWarning ? /* @__PURE__ */ React.createElement("div", { className: "mt-3" }, /* @__PURE__ */ React.createElement(SemanticMessage, { type: "warning" }, graduationWarning)) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Career domain *"), /* @__PURE__ */ React.createElement( "select", { value: careerDomain, onChange: (e) => { trackFieldInteracted?.("career_domain", "select"); setCareerDomain(e.target.value); }, className: `${validationErrors.careerDomain ? inputError : inputBase} dark:[color-scheme:dark]` }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select a domain"), (careerDomainOptions2 || []).map((opt) => /* @__PURE__ */ React.createElement("option", { key: opt.key, value: opt.key }, opt.label)) ), validationErrors.careerDomain ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.careerDomain) : null, /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400" }, "Used to tailor examples and role framing.")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Field of study *"), /* @__PURE__ */ React.createElement( "input", { list: "fieldOfStudyList", value: fieldOfStudyChoice, onChange: (e) => { trackFieldInteracted?.("field_of_study", "change"); setFieldOfStudyChoice(e.target.value); }, className: validationErrors.fieldOfStudy ? inputError : inputBase, placeholder: "Start typing to search\u2026" } ), /* @__PURE__ */ React.createElement("datalist", { id: "fieldOfStudyList" }, (fieldOfStudyOptions2 || []).map((opt) => /* @__PURE__ */ React.createElement("option", { key: opt, value: opt }))), fieldOfStudyChoice === "Other (type manually)" ? /* @__PURE__ */ React.createElement("div", { className: "mt-3" }, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Other field of study *"), /* @__PURE__ */ React.createElement( "input", { value: fieldOfStudyOther, onChange: (e) => { trackFieldInteracted?.("field_of_study", "change"); setFieldOfStudyOther(e.target.value); }, className: validationErrors.fieldOfStudy ? inputError : inputBase, placeholder: "Type your field of study" } )) : null, validationErrors.fieldOfStudy ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.fieldOfStudy) : null, /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400" }, "Pick from the list or choose \u201COther (type manually)\u201D")), isFullRoadmap ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Degree level *"), /* @__PURE__ */ React.createElement( "select", { value: degreeLevel, onChange: (e) => { trackFieldInteracted?.("degree_level", "select"); setDegreeLevel(e.target.value); }, className: `${validationErrors.degreeLevel ? inputError : inputBase} dark:[color-scheme:dark]` }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select degree level"), degreeLevelOptions2.map((level) => /* @__PURE__ */ React.createElement("option", { key: level, value: level }, level)) ), validationErrors.degreeLevel ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.degreeLevel) : null) : null); } // virtual:/apps/web/src/components/VisafitQuestionnaire/VisaContextStep.jsx init_injected_globals(); function VisaContextStep({ currentVisaStatus, setCurrentVisaStatus, otherVisaStatus, setOtherVisaStatus, optStatus, setOptStatus, stemEligibility, setStemEligibility, visaStatusOptions: visaStatusOptions2, optStatusOptions: optStatusOptions2, stemEligibilityOptions: stemEligibilityOptions2, validationErrors, isFullRoadmap, trackFieldInteracted }) { const selectBase = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] dark:[color-scheme:dark]"; const selectError = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent dark:[color-scheme:dark]"; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Current visa status *"), /* @__PURE__ */ React.createElement( "select", { value: currentVisaStatus, onChange: (e) => { trackFieldInteracted?.("current_visa_status", "select"); setCurrentVisaStatus(e.target.value); }, className: validationErrors.currentVisaStatus ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select visa status"), visaStatusOptions2.map((status) => /* @__PURE__ */ React.createElement("option", { key: status, value: status }, status)) ), validationErrors.currentVisaStatus ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.currentVisaStatus) : null), currentVisaStatus === "Other" ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Please specify"), /* @__PURE__ */ React.createElement( "input", { value: otherVisaStatus, onChange: (e) => { trackFieldInteracted?.("current_visa_status", "change"); setOtherVisaStatus(e.target.value); }, className: "mt-2 w-full rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] px-4 py-3 text-gray-900 dark:text-gray-100", placeholder: "Your visa status" } )) : null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "OPT status *"), /* @__PURE__ */ React.createElement( "select", { value: optStatus, onChange: (e) => { trackFieldInteracted?.("opt_status", "select"); setOptStatus(e.target.value); }, className: validationErrors.optStatus ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select OPT status"), optStatusOptions2.map((status) => /* @__PURE__ */ React.createElement("option", { key: status, value: status }, status)) ), validationErrors.optStatus ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.optStatus) : null), isFullRoadmap ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "STEM eligibility *"), /* @__PURE__ */ React.createElement( "select", { value: stemEligibility, onChange: (e) => { trackFieldInteracted?.("stem_eligible", "select"); setStemEligibility(e.target.value); }, className: validationErrors.stemEligibility ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select STEM eligibility"), stemEligibilityOptions2.map((option) => /* @__PURE__ */ React.createElement("option", { key: option, value: option }, option)) ), validationErrors.stemEligibility ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.stemEligibility) : null, /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400" }, "STEM eligibility affects your OPT extension options")) : null); } // virtual:/apps/web/src/components/VisafitQuestionnaire/CareerInterestsStep.jsx init_injected_globals(); function CareerInterestsStep({ primaryCareerInterest, setPrimaryCareerInterest, experienceLevel, setExperienceLevel, careerInterestOptions: careerInterestOptions2, experienceLevelOptions: experienceLevelOptions2, validationErrors, trackFieldInteracted }) { const interests = Array.isArray(careerInterestOptions2) ? careerInterestOptions2 : []; const levels = Array.isArray(experienceLevelOptions2) ? experienceLevelOptions2 : []; const errs = validationErrors || {}; const safePrimaryCareerInterest = typeof primaryCareerInterest === "string" ? primaryCareerInterest : ""; const safeExperienceLevel = typeof experienceLevel === "string" ? experienceLevel : ""; const selectBase = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] dark:[color-scheme:dark]"; const selectError = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent dark:[color-scheme:dark]"; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Primary career interest *"), /* @__PURE__ */ React.createElement( "select", { value: safePrimaryCareerInterest, onChange: (e) => { trackFieldInteracted?.("career_interest_type", "select"); setPrimaryCareerInterest(e.target.value); }, className: errs.primaryCareerInterest ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select an option"), interests.map((ci) => /* @__PURE__ */ React.createElement("option", { key: ci, value: ci }, ci)) ), errs.primaryCareerInterest ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, errs.primaryCareerInterest) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Experience level *"), /* @__PURE__ */ React.createElement( "select", { value: safeExperienceLevel, onChange: (e) => { trackFieldInteracted?.("experience_level", "select"); setExperienceLevel(e.target.value); }, className: errs.experienceLevel ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select an option"), levels.map((lvl) => /* @__PURE__ */ React.createElement("option", { key: lvl, value: lvl }, lvl)) ), errs.experienceLevel ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, errs.experienceLevel) : null)); } // virtual:/apps/web/src/components/VisafitQuestionnaire/SportsBackgroundStep.jsx init_injected_globals(); function SportsBackgroundStep({ sport, setSport, yearsPlayed, setYearsPlayed, experienceTags, toggleExperience, validationErrors, trackFieldInteracted }) { const selectedTags = Array.isArray(experienceTags) ? experienceTags : []; const selectedTagSet = new Set(selectedTags); const safeExperienceOptions = Array.isArray(experienceOptions) ? experienceOptions : []; const safeSports = Array.isArray(sports) ? sports : []; const inputBase = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212]"; const inputError = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent"; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Sport (optional)"), /* @__PURE__ */ React.createElement( "select", { value: sport, onChange: (e) => { trackFieldInteracted?.("sport_selected", "select"); setSport(e.target.value); }, className: "mt-2 w-full rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] px-4 py-3 text-gray-900 dark:text-gray-100" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select a sport"), safeSports.map((s) => /* @__PURE__ */ React.createElement("option", { key: s, value: s }, s)) )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Years played (optional)"), /* @__PURE__ */ React.createElement( "input", { inputMode: "numeric", value: yearsPlayed, onChange: (e) => { trackFieldInteracted?.("years_played_optional", "change"); setYearsPlayed(e.target.value); }, className: validationErrors?.yearsPlayed ? inputError : inputBase, placeholder: "0\u201330" } ), validationErrors?.yearsPlayed ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.yearsPlayed) : null)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium text-gray-700 dark:text-gray-200" }, "Experience tags (optional)"), /* @__PURE__ */ React.createElement("div", { className: "mt-3 grid grid-cols-1 sm:grid-cols-2 gap-2" }, safeExperienceOptions.map((opt) => { const checked = selectedTagSet.has(opt.key); const checkedCls = "border-gray-900 dark:border-gray-100 bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900"; const uncheckedCls = "border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] text-gray-900 dark:text-gray-100"; const cls = checked ? checkedCls : uncheckedCls; return /* @__PURE__ */ React.createElement( "button", { key: opt.key, type: "button", onClick: () => { trackFieldInteracted?.("experience_level", "select"); toggleExperience(opt.key); }, className: `text-left px-4 py-3 rounded-lg border ${cls}` }, opt.label ); })))); } // virtual:/apps/web/src/components/VisafitQuestionnaire/WorkPreferencesStep.jsx init_injected_globals(); var import_react20 = __toESM(require_react()); function WorkPreferencesStep({ preferredRoleTypes, toggleRoleType, locationPreference, setLocationPreference, specificStates, addSpecificState, removeSpecificState, usStatesOptions: usStatesOptions2, roleTypeOptions: roleTypeOptions2, locationPreferenceOptions: locationPreferenceOptions2, validationErrors, trackFieldInteracted }) { const selectedRoleTypes = (0, import_react20.useMemo)(() => { return Array.isArray(preferredRoleTypes) ? preferredRoleTypes : []; }, [preferredRoleTypes]); const selectedStates = (0, import_react20.useMemo)(() => { return Array.isArray(specificStates) ? specificStates : []; }, [specificStates]); const selectedRoleTypesSet = (0, import_react20.useMemo)( () => new Set(selectedRoleTypes), [selectedRoleTypes] ); const selectedStatesSet = (0, import_react20.useMemo)( () => new Set(selectedStates), [selectedStates] ); const safeRoleTypeOptions = (0, import_react20.useMemo)(() => { return Array.isArray(roleTypeOptions2) ? roleTypeOptions2 : []; }, [roleTypeOptions2]); const safeLocationPreferenceOptions = (0, import_react20.useMemo)(() => { return Array.isArray(locationPreferenceOptions2) ? locationPreferenceOptions2 : []; }, [locationPreferenceOptions2]); const safeUsStatesOptions = (0, import_react20.useMemo)(() => { return Array.isArray(usStatesOptions2) ? usStatesOptions2 : []; }, [usStatesOptions2]); const safeUsStatesSet = (0, import_react20.useMemo)( () => new Set(safeUsStatesOptions), [safeUsStatesOptions] ); const [stateQuery, setStateQuery] = (0, import_react20.useState)(""); const [stateInputError, setStateInputError] = (0, import_react20.useState)(null); const remoteLabel = "Remote / Open to any state"; const hasRemote = (0, import_react20.useMemo)( () => selectedStatesSet.has(remoteLabel), [selectedStatesSet] ); const tryAdd = (0, import_react20.useCallback)( (value) => { const cleaned = typeof value === "string" ? value.trim() : ""; if (!cleaned) { setStateInputError(null); return; } if (!safeUsStatesSet.has(cleaned)) { setStateInputError("Please pick a state from the list."); return; } setStateInputError(null); addSpecificState(cleaned); setStateQuery(""); }, [addSpecificState, safeUsStatesSet] ); const selectBase = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] dark:[color-scheme:dark]"; const selectError = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent dark:[color-scheme:dark]"; const inputBase = "w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212]"; const inputError = "w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent"; return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3" }, "Preferred role types * (select all that apply)"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2" }, safeRoleTypeOptions.map((roleType) => { const checked = selectedRoleTypesSet.has(roleType); const checkedCls = "border-gray-900 dark:border-gray-100 bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900"; const uncheckedCls = "border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] text-gray-900 dark:text-gray-100"; const cls = checked ? checkedCls : uncheckedCls; return /* @__PURE__ */ import_react20.default.createElement( "button", { key: roleType, type: "button", onClick: () => toggleRoleType(roleType), className: `text-left px-4 py-3 rounded-lg border ${cls}` }, roleType ); })), validationErrors.preferredRoleTypes ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 text-sm text-red-600 dark:text-red-400" }, validationErrors.preferredRoleTypes) : null), /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Location preference *"), /* @__PURE__ */ import_react20.default.createElement( "select", { value: locationPreference, onChange: (e) => { trackFieldInteracted?.("location_preference_type", "select"); setLocationPreference(e.target.value); }, className: validationErrors.locationPreference ? selectError : selectBase }, /* @__PURE__ */ import_react20.default.createElement("option", { value: "" }, "Select location preference"), safeLocationPreferenceOptions.map((pref) => /* @__PURE__ */ import_react20.default.createElement("option", { key: pref, value: pref }, pref)) ), validationErrors.locationPreference ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.locationPreference) : null), locationPreference === "Specific states" ? /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Which states? *"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 flex flex-wrap gap-2" }, selectedStates.map((st) => /* @__PURE__ */ import_react20.default.createElement( "button", { key: st, type: "button", onClick: () => removeSpecificState(st), className: "px-3 py-1 rounded-full border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-[#121212] text-sm text-gray-800 dark:text-gray-200", title: "Remove" }, st, " \xD7" ))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-3 flex flex-col sm:flex-row gap-2" }, /* @__PURE__ */ import_react20.default.createElement( "input", { list: "usStatesList", value: stateQuery, disabled: hasRemote, onFocus: () => trackFieldInteracted?.("preferred_states", "focus"), onChange: (e) => { const val = e.target.value; setStateQuery(val); setStateInputError(null); if (safeUsStatesSet.has(val)) { tryAdd(val); } }, onKeyDown: (e) => { if (e.key === "Enter") { e.preventDefault(); tryAdd(stateQuery); } }, className: validationErrors.specificStates || stateInputError ? inputError : inputBase, placeholder: hasRemote ? "Remote is selected \u2014 remove it to pick states" : "Type a state and press Enter\u2026" } ), /* @__PURE__ */ import_react20.default.createElement("datalist", { id: "usStatesList" }, safeUsStatesOptions.map((s) => /* @__PURE__ */ import_react20.default.createElement("option", { key: s, value: s }))), /* @__PURE__ */ import_react20.default.createElement( "button", { type: "button", disabled: hasRemote, onClick: () => tryAdd(stateQuery), className: "px-4 py-3 rounded-lg bg-gray-900 text-white hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-200 disabled:opacity-50" }, "Add" )), stateInputError ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 text-sm text-red-600 dark:text-red-400" }, stateInputError) : null, validationErrors.specificStates ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 text-sm text-red-600 dark:text-red-400" }, validationErrors.specificStates) : null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400" }, "Tip: pick \u201C", remoteLabel, "\u201D if you don\u2019t have a preference.")) : null); } // virtual:/apps/web/src/components/VisafitQuestionnaire/ReadinessStep.jsx init_injected_globals(); function ReadinessStep({ jobSearchReadiness, setJobSearchReadiness, resumeStatus, setResumeStatus, jobSearchReadinessOptions: jobSearchReadinessOptions2, resumeStatusOptions: resumeStatusOptions2, validationErrors, trackFieldInteracted }) { const selectBase = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] dark:[color-scheme:dark]"; const selectError = "mt-2 w-full rounded-lg border px-4 py-3 text-gray-900 dark:text-gray-100 border-red-500 dark:border-red-400 bg-transparent dark:[color-scheme:dark]"; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Job search readiness *"), /* @__PURE__ */ React.createElement( "select", { value: jobSearchReadiness, onChange: (e) => { trackFieldInteracted?.("job_search_readiness", "select"); setJobSearchReadiness(e.target.value); }, className: validationErrors.jobSearchReadiness ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select readiness level"), jobSearchReadinessOptions2.map((readiness) => /* @__PURE__ */ React.createElement("option", { key: readiness, value: readiness }, readiness)) ), validationErrors.jobSearchReadiness ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.jobSearchReadiness) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-200" }, "Resume status *"), /* @__PURE__ */ React.createElement( "select", { value: resumeStatus, onChange: (e) => { trackFieldInteracted?.("resume_status", "select"); setResumeStatus(e.target.value); }, className: validationErrors.resumeStatus ? selectError : selectBase }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select resume status"), resumeStatusOptions2.map((status) => /* @__PURE__ */ React.createElement("option", { key: status, value: status }, status)) ), validationErrors.resumeStatus ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.resumeStatus) : null, /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-gray-500 dark:text-gray-400" }, "We don't require resume upload, just acknowledgement of status"))); } // virtual:/apps/web/src/components/VisafitQuestionnaire/LegalTermsStep.jsx init_injected_globals(); function LegalTermsStep({ disclaimerAccepted, setDisclaimerAccepted, termsAccepted, setTermsAccepted, privacyAccepted, setPrivacyAccepted, validationErrors }) { return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-300" }, "Please review and accept the required terms before continuing."), /* @__PURE__ */ React.createElement("div", { className: "pt-2 border-t border-gray-200 dark:border-gray-800 space-y-3" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "flex items-start gap-3 text-sm text-gray-700 dark:text-gray-200" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: disclaimerAccepted, onChange: (e) => setDisclaimerAccepted(e.target.checked), className: "mt-1" } ), /* @__PURE__ */ React.createElement("span", null, "I acknowledge the", " ", /* @__PURE__ */ React.createElement( "a", { className: "underline", href: "/legal/disclaimer", target: "_blank", rel: "noreferrer" }, "Legal Disclaimer" ), " ", "(educational guidance only, not legal advice).")), validationErrors?.disclaimerAccepted ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.disclaimerAccepted) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "flex items-start gap-3 text-sm text-gray-700 dark:text-gray-200" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: termsAccepted, onChange: (e) => setTermsAccepted(e.target.checked), className: "mt-1" } ), /* @__PURE__ */ React.createElement("span", null, "I agree to the", " ", /* @__PURE__ */ React.createElement( "a", { className: "underline", href: "/legal/terms", target: "_blank", rel: "noreferrer" }, "Terms of Service" ), ".")), validationErrors?.termsAccepted ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.termsAccepted) : null), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "flex items-start gap-3 text-sm text-gray-700 dark:text-gray-200" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: privacyAccepted, onChange: (e) => setPrivacyAccepted(e.target.checked), className: "mt-1" } ), /* @__PURE__ */ React.createElement("span", null, "I agree to the", " ", /* @__PURE__ */ React.createElement( "a", { className: "underline", href: "/legal/privacy", target: "_blank", rel: "noreferrer" }, "Privacy Policy" ), ".")), validationErrors?.privacyAccepted ? /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-red-600 dark:text-red-400" }, validationErrors.privacyAccepted) : null))); } // virtual:/apps/web/src/components/VisafitQuestionnaire/QuestionnaireStepContent.jsx function QuestionnaireStepContent({ step, isFullRoadmap, questionnaire }) { const { validationErrors, trackFieldInteracted, // Step 0 fullName, setFullName, email, setEmail, graduationDate, setGraduationDate, // NEW: domain careerDomain, setCareerDomain, careerDomainOptions: careerDomainOptions2, // Field of Study (typeahead) fieldOfStudyChoice, setFieldOfStudyChoice, fieldOfStudyOther, setFieldOfStudyOther, fieldOfStudyOptions: fieldOfStudyOptions2, // Full roadmap step 0 degreeLevel, setDegreeLevel, degreeLevelOptions: degreeLevelOptions2, // Step 1 currentVisaStatus, setCurrentVisaStatus, otherVisaStatus, setOtherVisaStatus, optStatus, setOptStatus, stemEligibility, setStemEligibility, visaStatusOptions: visaStatusOptions2, optStatusOptions: optStatusOptions2, stemEligibilityOptions: stemEligibilityOptions2, // Step 2 primaryCareerInterest, setPrimaryCareerInterest, experienceLevel, setExperienceLevel, careerInterestOptions: careerInterestOptions2, experienceLevelOptions: experienceLevelOptions2, // Step 3 sport, setSport, yearsPlayed, setYearsPlayed, experienceTags, toggleExperience, // Step 4 (full) preferredRoleTypes, toggleRoleType, locationPreference, setLocationPreference, specificStates, addSpecificState, removeSpecificState, usStatesOptions: usStatesOptions2, roleTypeOptions: roleTypeOptions2, locationPreferenceOptions: locationPreferenceOptions2, // Step 5 jobSearchReadiness, setJobSearchReadiness, resumeStatus, setResumeStatus, jobSearchReadinessOptions: jobSearchReadinessOptions2, resumeStatusOptions: resumeStatusOptions2, // Legal disclaimerAccepted, setDisclaimerAccepted, termsAccepted, setTermsAccepted, privacyAccepted, setPrivacyAccepted } = questionnaire; const showStep0 = step === 0; const showStep1 = step === 1; const showStep2 = step === 2; const showSportsStep = step === 3; const showFullWorkStep = isFullRoadmap && step === 4; const showFullReadinessStep = isFullRoadmap && step === 5; const showLegalStep = !isFullRoadmap && step === 4 || isFullRoadmap && step === 6; return /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-[#1E1E1E] p-6 space-y-4" }, showStep0 ? /* @__PURE__ */ React.createElement( EducationStep, { fullName, setFullName, email, setEmail, graduationDate, setGraduationDate, careerDomain, setCareerDomain, careerDomainOptions: careerDomainOptions2, fieldOfStudyChoice, setFieldOfStudyChoice, fieldOfStudyOther, setFieldOfStudyOther, fieldOfStudyOptions: fieldOfStudyOptions2, degreeLevel, setDegreeLevel, degreeLevelOptions: degreeLevelOptions2, validationErrors, isFullRoadmap, trackFieldInteracted } ) : null, showStep1 ? /* @__PURE__ */ React.createElement( VisaContextStep, { currentVisaStatus, setCurrentVisaStatus, otherVisaStatus, setOtherVisaStatus, optStatus, setOptStatus, stemEligibility, setStemEligibility, visaStatusOptions: visaStatusOptions2, optStatusOptions: optStatusOptions2, stemEligibilityOptions: stemEligibilityOptions2, validationErrors, isFullRoadmap, trackFieldInteracted } ) : null, showStep2 ? /* @__PURE__ */ React.createElement( CareerInterestsStep, { primaryCareerInterest, setPrimaryCareerInterest, experienceLevel, setExperienceLevel, careerInterestOptions: careerInterestOptions2, experienceLevelOptions: experienceLevelOptions2, validationErrors, trackFieldInteracted } ) : null, showSportsStep ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( SportsBackgroundStep, { sport, setSport, yearsPlayed, setYearsPlayed, experienceTags, toggleExperience, validationErrors, trackFieldInteracted } )) : null, showFullWorkStep ? /* @__PURE__ */ React.createElement( WorkPreferencesStep, { preferredRoleTypes, toggleRoleType, locationPreference, setLocationPreference, specificStates, addSpecificState, removeSpecificState, usStatesOptions: usStatesOptions2, roleTypeOptions: roleTypeOptions2, locationPreferenceOptions: locationPreferenceOptions2, validationErrors, trackFieldInteracted } ) : null, showFullReadinessStep ? /* @__PURE__ */ React.createElement( ReadinessStep, { jobSearchReadiness, setJobSearchReadiness, resumeStatus, setResumeStatus, jobSearchReadinessOptions: jobSearchReadinessOptions2, resumeStatusOptions: resumeStatusOptions2, validationErrors, trackFieldInteracted } ) : null, showLegalStep ? /* @__PURE__ */ React.createElement( LegalTermsStep, { disclaimerAccepted, setDisclaimerAccepted, termsAccepted, setTermsAccepted, privacyAccepted, setPrivacyAccepted, validationErrors } ) : null, validationErrors.content ? /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-sm text-red-600 dark:text-red-400" }, validationErrors.content) : null); } // virtual:/apps/web/src/components/VisafitQuestionnaire/ErrorAlert.jsx init_injected_globals(); function ErrorAlert({ error }) { if (!error) { return null; } return /* @__PURE__ */ React.createElement("div", { className: "text-sm text-red-600 dark:text-red-400" }, error); } // virtual:/apps/web/src/components/VisafitQuestionnaire/QuestionnaireNavigation.jsx init_injected_globals(); function QuestionnaireNavigation({ step, isLastStep, onBack, onNext, onSubmit, canGenerateReport, isPending }) { return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3" }, step > 0 && /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: onBack, className: "px-5 py-3 rounded-lg border border-gray-200 dark:border-gray-700 text-gray-800 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-900" }, "Back" ), !isLastStep ? /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: onNext, className: "px-5 py-3 rounded-lg bg-gray-900 text-white hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-200 disabled:opacity-50" }, "Next" ) : /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: onSubmit, disabled: isPending || !canGenerateReport, className: "px-5 py-3 rounded-lg bg-gray-900 text-white hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-200 disabled:opacity-50", title: !canGenerateReport ? "Complete required fields to continue" : "" }, isPending ? "Saving\u2026" : "Continue to payment" ), /* @__PURE__ */ React.createElement( "a", { href: "/visafit/start", className: "px-5 py-3 rounded-lg border border-gray-200 dark:border-gray-700 text-gray-800 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-900 text-center" }, "Cancel" )); } // virtual:/apps/web/src/utils/visafit/questionnaire.js init_injected_globals(); function getReportTypeFromParams() { if (typeof window === "undefined") return "basic"; const params = new URLSearchParams(window.location.search); return params.get("type") === "full" ? "full" : "basic"; } // virtual:/apps/web/src/app/visafit/questionnaire/page.jsx init_useAnalytics(); function QuestionnairePage() { const { data: user, loading: userLoading } = useUser_default(); const [fatalError, setFatalError] = (0, import_react21.useState)(null); const isAuthed = (0, import_react21.useMemo)( () => !userLoading ? !!user : false, [userLoading, user] ); const reportType = (0, import_react21.useMemo)(() => getReportTypeFromParams(), []); const questionnaire = useVisafitQuestionnaire( user, userLoading, isAuthed, reportType ); const { step, totalSteps, isFullRoadmap, error, validationErrors, canGenerateReport, onNext, onBack, onSubmit, saveMutation, hydrationLoading } = questionnaire; (0, import_react21.useEffect)(() => { if (typeof window === "undefined") { return; } const onError = (evt) => { try { const msg = typeof evt?.message === "string" ? evt.message : "Unexpected error"; const stack = typeof evt?.error?.stack === "string" ? evt.error.stack : ""; sendAnalyticsBeacon("visafit_client_runtime_error", { step_number: Number.isFinite(step) ? step + 1 : null, plan_type: reportType === "full" ? "full" : "basic", message: msg.slice(0, 140), has_stack: !!stack }); setFatalError( "Something went wrong while loading this step. Please refresh and try again." ); } catch { setFatalError( "Something went wrong while loading this step. Please refresh and try again." ); } }; const onUnhandledRejection = (evt) => { try { const reason = evt?.reason; const msg = typeof reason?.message === "string" ? reason.message : typeof reason === "string" ? reason : "Unexpected error"; sendAnalyticsBeacon("visafit_client_unhandled_rejection", { step_number: Number.isFinite(step) ? step + 1 : null, plan_type: reportType === "full" ? "full" : "basic", message: msg.slice(0, 140) }); setFatalError( "Something went wrong while saving or loading data. Please refresh and try again." ); } catch { setFatalError( "Something went wrong while saving or loading data. Please refresh and try again." ); } }; window.addEventListener("error", onError); window.addEventListener("unhandledrejection", onUnhandledRejection); return () => { window.removeEventListener("error", onError); window.removeEventListener("unhandledrejection", onUnhandledRejection); }; }, [reportType, step]); const isLastStep = step === totalSteps - 1; const showHydrationNotice = (0, import_react21.useMemo)(() => { if (!isAuthed) return false; if (step !== 0) return false; return !!hydrationLoading; }, [hydrationLoading, isAuthed, step]); return /* @__PURE__ */ import_react21.default.createElement( PageShell, { title: "VisaFit", backHref: "/visafit/start", backLabel: "\u2190 Back to VisaFit", rightLinks: [{ href: "/settings", label: "Settings" }] }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "space-y-6" }, fatalError ? /* @__PURE__ */ import_react21.default.createElement(SemanticMessage, { type: "error", title: fatalError }, "If this keeps happening, try starting over from the beginning.") : null, showHydrationNotice ? /* @__PURE__ */ import_react21.default.createElement(SemanticMessage, { type: "info" }, "Loading your saved answers\u2026") : null, /* @__PURE__ */ import_react21.default.createElement( QuestionnaireHeader, { step, totalSteps, isFullRoadmap } ), /* @__PURE__ */ import_react21.default.createElement( ValidationAlert, { validationErrors, canGenerateReport } ), /* @__PURE__ */ import_react21.default.createElement( AuthPrompt, { isAuthed, userLoading, reportType } ), /* @__PURE__ */ import_react21.default.createElement( QuestionnaireStepContent, { step, isFullRoadmap, questionnaire } ), /* @__PURE__ */ import_react21.default.createElement(ErrorAlert, { error }), /* @__PURE__ */ import_react21.default.createElement( QuestionnaireNavigation, { step, isLastStep, onBack, onNext, onSubmit, canGenerateReport, isPending: saveMutation.isPending } )) ); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); init_modern2(); var import_react23 = __toESM(require_react()); // virtual:/apps/web/src/components/ErrorBoundary.jsx init_injected_globals(); var import_react22 = __toESM(require_react()); var ErrorBoundary = class extends import_react22.default.Component { constructor(props) { super(props); this.state = { hasError: false, message: "" }; } static getDerivedStateFromError(error) { const msg = error && typeof error.message === "string" ? error.message : ""; return { hasError: true, message: msg }; } componentDidCatch(error, info) { try { console.error("App render error", error); console.error("Component stack", info?.componentStack); } catch { } try { Promise.resolve().then(() => (init_useAnalytics(), useAnalytics_exports)).then(({ sendAnalyticsBeacon: sendAnalyticsBeacon2 }) => { sendAnalyticsBeacon2?.("app_render_error", { message: error && typeof error.message === "string" ? error.message.slice(0, 140) : "render_error", has_component_stack: !!info?.componentStack }); }); } catch { } } render() { if (this.state.hasError) { const supportHref = "/support"; return /* @__PURE__ */ import_react22.default.createElement("div", { className: "min-h-[60vh] flex items-center justify-center px-4 py-12" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "w-full max-w-xl" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-base font-semibold text-red-600 dark:text-red-400" }, "Something broke while loading this page"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "mt-2 text-sm text-red-600/90 dark:text-red-400/90" }, "Please refresh. If it keeps happening, tell us what page you were on."), this.state.message ? /* @__PURE__ */ import_react22.default.createElement("div", { className: "mt-3 text-xs text-red-600/90 dark:text-red-400/90 break-words" }, "Error: ", this.state.message) : null, /* @__PURE__ */ import_react22.default.createElement("div", { className: "mt-5 flex flex-col sm:flex-row gap-2" }, /* @__PURE__ */ import_react22.default.createElement( "button", { type: "button", onClick: () => window.location.reload(), className: "px-4 py-3 rounded-lg bg-gray-900 text-white hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-200" }, "Refresh page" ), /* @__PURE__ */ import_react22.default.createElement( "a", { href: supportHref, className: "px-4 py-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#121212] text-gray-900 dark:text-gray-100 text-center" }, "Support" )))); } return this.props.children; } }; // virtual:/apps/web/src/config/properties.js init_injected_globals(); var BRAND_BY_CONTEXT = { visafit: { key: "visafit", name: "VisaFit", title: "VisaFit", tagline: "Educational guidance only. Not legal advice." }, opt90: { key: "opt90", name: "OPT90", title: "OPT90", tagline: "Educational guidance only. Not legal advice." }, stayinthegame: { key: "stayinthegame", name: "StayInTheGame", title: "StayInTheGame", tagline: "Educational guidance only. Not legal advice." } }; var APP_BRAND = BRAND_BY_CONTEXT.visafit; function getBrandForPath(pathname) { const p = typeof pathname === "string" ? pathname : ""; if (p.startsWith("/opt90")) return BRAND_BY_CONTEXT.opt90; if (p.startsWith("/phase3")) return BRAND_BY_CONTEXT.stayinthegame; if (p.startsWith("/visafit")) return BRAND_BY_CONTEXT.visafit; if (p.startsWith("/roadmap")) return BRAND_BY_CONTEXT.visafit; if (p.startsWith("/account")) return BRAND_BY_CONTEXT.visafit; return BRAND_BY_CONTEXT.visafit; } // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function EnvBanner() { const env = "PRODUCTION"; const show = env === "DEVELOPMENT"; if (!show) { return null; } return /* @__PURE__ */ React.createElement("div", { className: "w-full bg-amber-50 border-b border-amber-200" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-5xl mx-auto px-4 sm:px-8 py-2 flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs text-amber-900" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "DEV"), " preview \u2014 test mode (safe for internal testing)"), /* @__PURE__ */ React.createElement("div", { className: "text-[11px] text-amber-800" }, "Not visible after Publish"))); } function GlobalFooter() { const lastUpdated = "December 30, 2025"; const primaryLinks = [ { href: "/opt", label: "OPT Career Guides for International Students" }, { href: "/sports", label: "Sports Jobs & OPT Eligibility" }, { href: "/how-it-works", label: "How VisaFit Works" }, { href: "/pricing", label: "Pricing" }, { href: "/faq", label: "FAQ" }, { href: "/support", label: "Support" } ]; const legalLinks = [ { href: "/legal/terms", label: "Terms of Service" }, { href: "/legal/privacy", label: "Privacy Policy" }, { href: "/legal/disclaimer", label: "Legal Disclaimer" } ]; const primaryLinkCount = primaryLinks.length; const legalLinkCount = legalLinks.length; const linkClassName = "block py-1 text-[13px] sm:text-sm text-gray-700 dark:text-gray-200 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-400/60 dark:focus-visible:ring-gray-500/60 rounded"; const legalLinkClassName = "block py-1 text-[13px] text-gray-600 dark:text-gray-300 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-400/60 dark:focus-visible:ring-gray-500/60 rounded"; return /* @__PURE__ */ React.createElement("footer", { className: "border-t border-gray-200 dark:border-gray-800 bg-white dark:bg-[#121212]" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-5xl mx-auto px-4 sm:px-8 py-12" }, /* @__PURE__ */ React.createElement("div", { className: "text-[12px] leading-relaxed text-gray-500 dark:text-gray-400" }, "Educational guidance only. Not legal advice."), /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-[12px] leading-relaxed text-gray-500 dark:text-gray-400" }, "Last updated: ", lastUpdated), /* @__PURE__ */ React.createElement("nav", { className: "mt-6", "aria-label": "Footer navigation" }, /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-1 sm:gap-0 sm:flex-row sm:flex-wrap sm:items-center" }, primaryLinks.map((link, index) => { const showSeparator = index < primaryLinkCount - 1; return /* @__PURE__ */ React.createElement("li", { key: link.href, className: "sm:flex sm:items-center" }, /* @__PURE__ */ React.createElement("a", { href: link.href, className: linkClassName }, link.label), showSeparator ? /* @__PURE__ */ React.createElement("span", { className: "hidden sm:inline mx-3 text-gray-300 dark:text-gray-700" }, "|") : null); }))), /* @__PURE__ */ React.createElement("nav", { className: "mt-6", "aria-label": "Legal links" }, /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-1 sm:gap-0 sm:flex-row sm:flex-wrap sm:items-center" }, legalLinks.map((link, index) => { const showSeparator = index < legalLinkCount - 1; return /* @__PURE__ */ React.createElement("li", { key: link.href, className: "sm:flex sm:items-center" }, /* @__PURE__ */ React.createElement("a", { href: link.href, className: legalLinkClassName }, link.label), showSeparator ? /* @__PURE__ */ React.createElement("span", { className: "hidden sm:inline mx-3 text-gray-300 dark:text-gray-700" }, "|") : null); }))), /* @__PURE__ */ React.createElement("div", { className: "mt-6 text-[12px] leading-relaxed text-gray-500 dark:text-gray-400" }, "OPT career planning for international students."))); } function AuthGate({ children }) { const { data: user, loading } = useUser_default(); const pathname = typeof window !== "undefined" ? window.location.pathname || "" : ""; const isPublicRoute = (0, import_react23.useMemo)(() => { if (!pathname) { return false; } if (pathname === "/") return true; if (pathname === "/access-denied") return true; if (pathname.startsWith("/support")) return true; if (pathname.startsWith("/legal/")) return true; if (pathname === "/how-it-works") return true; if (pathname === "/pricing") return true; if (pathname === "/faq") return true; if (pathname.startsWith("/opt")) return true; if (pathname.startsWith("/sports")) return true; if (pathname.startsWith("/guides")) return true; if (pathname === "/visafit/start") return true; if (pathname === "/roadmap/start") return true; if (pathname.startsWith("/account/signin")) return true; if (pathname.startsWith("/account/signup")) return true; if (pathname.startsWith("/account/logout")) return true; return false; }, [pathname]); const isBlocked = (0, import_react23.useMemo)(() => { return user?.access?.appBlocked === true; }, [user]); (0, import_react23.useEffect)(() => { if (typeof window === "undefined") { return; } if (isPublicRoute) { return; } if (loading) { return; } if (!user) { const callbackUrl = encodeURIComponent( window.location.pathname + window.location.search ); window.location.href = `/account/signin?callbackUrl=${callbackUrl}`; return; } if (isBlocked) { window.location.href = "/access-denied"; } }, [isPublicRoute, loading, user, isBlocked]); if (typeof window === "undefined") { return /* @__PURE__ */ React.createElement(React.Fragment, null, children); } if (isPublicRoute) { return /* @__PURE__ */ React.createElement(React.Fragment, null, children); } if (loading) { return /* @__PURE__ */ React.createElement(React.Fragment, null, children); } if (!user) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-[40vh] flex items-center justify-center px-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-300" }, "Redirecting to sign in\u2026")); } if (isBlocked) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-[40vh] flex items-center justify-center px-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-300" }, "Redirecting\u2026")); } return /* @__PURE__ */ React.createElement(React.Fragment, null, children); } function RootLayout({ children }) { (0, import_react23.useEffect)(() => { const mql = window.matchMedia?.("(prefers-color-scheme: dark)"); const apply = () => { const prefersDark = !!mql?.matches; if (prefersDark) { document.documentElement.classList.add("dark"); } else { document.documentElement.classList.remove("dark"); } }; apply(); if (mql?.addEventListener) { mql.addEventListener("change", apply); return () => mql.removeEventListener("change", apply); } if (mql?.addListener) { mql.addListener(apply); return () => mql.removeListener(apply); } }, []); (0, import_react23.useEffect)(() => { if (typeof window === "undefined") { return; } const applyTitle = () => { try { const path = window.location.pathname || ""; const seoManaged = path === "/how-it-works" || path === "/pricing" || path === "/faq" || path.startsWith("/opt") || path.startsWith("/sports") || path.startsWith("/guides"); if (seoManaged) { return; } const brand = getBrandForPath(path); const title = brand?.title || brand?.name || "VisaFit"; document.title = title; } catch { } }; applyTitle(); window.addEventListener("popstate", applyTitle); window.addEventListener("hashchange", applyTitle); return () => { window.removeEventListener("popstate", applyTitle); window.removeEventListener("hashchange", applyTitle); }; }, []); return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement("script", null, ` (function () { try { var mql = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)'); var prefersDark = !!(mql && mql.matches); if (prefersDark) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } // Always set a safe background so navigation never flashes white document.documentElement.style.backgroundColor = prefersDark ? '#121212' : '#ffffff'; document.body && (document.body.style.backgroundColor = prefersDark ? '#121212' : '#ffffff'); } catch (e) {} })(); `), /* @__PURE__ */ React.createElement(GlobalLoadingProvider, null, /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement("div", { className: "min-h-screen flex flex-col bg-white dark:bg-[#121212]" }, /* @__PURE__ */ React.createElement(EnvBanner, null), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement(AuthGate, null, children)), /* @__PURE__ */ React.createElement(GlobalFooter, null))))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react24.default.createElement(QuestionnairePage, { ...props }); content = /* @__PURE__ */ import_react24.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */