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", "3af2695c-40cb-45ce-a127-4d778f2b2fdc"); finalHeaders.set("x-createxyz-project-group-id", "bc1da7c3-7d3c-4c91-8491-12a99d0fa1f0"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "3af2695c-40cb-45ce-a127-4d778f2b2fdc"); input.headers.set("x-createxyz-project-group-id", "bc1da7c3-7d3c-4c91-8491-12a99d0fa1f0"); } 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/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; } } }); // global-externals:@auth/create/react var require_react2 = __commonJS({ "global-externals:@auth/create/react"(exports, module) { init_injected_globals(); module.exports = NextAuthReact; } }); // global-externals:react-dom var require_react_dom = __commonJS({ "global-externals:react-dom"(exports, module) { init_injected_globals(); module.exports = ReactDOM; } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react19 = __toESM(require_react()); // virtual:/apps/web/src/app/live/page.jsx init_injected_globals(); // virtual:/apps/web/src/hooks/useLiveStreams.js init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var 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 init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; 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; } var skipToken = Symbol(); 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; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var 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"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var 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; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); 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; } // ../../../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; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; 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; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); 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 notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var 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 var 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 }); }); } }; 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" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var 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/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var 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 }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var 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)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); 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; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var 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 init_injected_globals(); var 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" }); }); } }; 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; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationObserver.js init_injected_globals(); var 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/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React2 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React2.createContext( void 0 ); var 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; }; var 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 init_injected_globals(); var React3 = __toESM(require_react(), 1); var IsRestoringContext = React3.createContext(false); var useIsRestoring = () => React3.useContext(IsRestoringContext); var IsRestoringProvider = IsRestoringContext.Provider; // ../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js init_injected_globals(); var React4 = __toESM(require_react(), 1); var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); function createValue() { let isReset = false; return { clearReset: () => { isReset = false; }, reset: () => { isReset = true; }, isReset: () => { return isReset; } }; } var QueryErrorResetBoundaryContext = React4.createContext(createValue()); var useQueryErrorResetBoundary = () => React4.useContext(QueryErrorResetBoundaryContext); // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js init_injected_globals(); var React5 = __toESM(require_react(), 1); // ../../../node_modules/@tanstack/react-query/build/modern/utils.js init_injected_globals(); function shouldThrowError(throwError, params) { if (typeof throwError === "function") { return throwError(...params); } return !!throwError; } function noop2() { } // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => { if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) { if (!errorResetBoundary.isReset()) { options.retryOnMount = false; } } }; var useClearResetErrorBoundary = (errorResetBoundary) => { React5.useEffect(() => { errorResetBoundary.clearReset(); }, [errorResetBoundary]); }; var 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 init_injected_globals(); var 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); } } }; var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring; var shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending; var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => { errorResetBoundary.clearReset(); }); // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js init_injected_globals(); var React6 = __toESM(require_react(), 1); function useBaseQuery(options, Observer2, 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 Observer2( 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; } // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js function useQuery(options, queryClient2) { return useBaseQuery(options, QueryObserver, queryClient2); } // ../../../node_modules/@tanstack/react-query/build/modern/useMutation.js init_injected_globals(); var React7 = __toESM(require_react(), 1); 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 }; } // virtual:/apps/web/src/hooks/useLiveStreams.js function useLiveStreams(activeOnly = true) { return useQuery({ queryKey: ["live-streams", activeOnly], queryFn: async () => { const res = await fetch(`/api/live-streams?active_only=${activeOnly}`); if (!res.ok) throw new Error("Failed to fetch live streams"); return res.json(); }, refetchInterval: 1e4 // Refresh every 10 seconds to show live updates }); } function useLiveStreamMutations() { const queryClient2 = useQueryClient(); const startStream = useMutation({ mutationFn: async (data) => { const res = await fetch("/api/live-streams", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) }); let responseData; try { responseData = await res.json(); } catch (e) { throw new Error("Failed to parse server response"); } if (!res.ok) { throw new Error( responseData?.error || `Error ${res.status}: Failed to start stream` ); } return responseData; }, onSuccess: () => { queryClient2.invalidateQueries({ queryKey: ["live-streams"] }); queryClient2.invalidateQueries({ queryKey: ["live-stream"] }); }, onError: (error) => { console.error("Start stream mutation error:", error); } }); const endStream = useMutation({ mutationFn: async (streamId) => { const res = await fetch(`/api/live-streams/${streamId}`, { method: "DELETE" }); let responseData; try { responseData = await res.json(); } catch (e) { throw new Error("Failed to parse server response"); } if (!res.ok) { throw new Error( responseData?.error || `Error ${res.status}: Failed to end stream` ); } return responseData; }, onSuccess: () => { queryClient2.invalidateQueries({ queryKey: ["live-streams"] }); queryClient2.invalidateQueries({ queryKey: ["live-stream"] }); }, onError: (error) => { console.error("End stream mutation error:", error); } }); const updateStream = useMutation({ mutationFn: async ({ id, ...data }) => { const res = await fetch(`/api/live-streams/${id}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) }); let responseData; try { responseData = await res.json(); } catch (e) { throw new Error("Failed to parse server response"); } if (!res.ok) { throw new Error( responseData?.error || `Error ${res.status}: Failed to update stream` ); } return responseData; }, onSuccess: () => { queryClient2.invalidateQueries({ queryKey: ["live-streams"] }); queryClient2.invalidateQueries({ queryKey: ["live-stream"] }); }, onError: (error) => { console.error("Update stream mutation error:", error); } }); return { startStream, endStream, updateStream }; } // virtual:/apps/web/src/utils/useUser.js init_injected_globals(); var React8 = __toESM(require_react()); var import_react = __toESM(require_react2()); var useUser = () => { const { data: session, status } = (0, import_react.useSession)(); const id = session?.user?.id; const [user, setUser] = React8.useState(session?.user ?? null); const fetchUser = React8.useCallback(async (session2) => { return session2?.user; }, []); const refetchUser = React8.useCallback(() => { if (true) { if (id) { fetchUser(session).then(setUser); } else { setUser(null); } } }, [fetchUser, id, session]); React8.useEffect(refetchUser, [refetchUser]); const isProduction = true; const userData = isProduction ? user : session?.user || null; const isLoading = status === "loading" || isProduction && status === "authenticated" && !user; return { user: userData, data: userData, loading: isLoading, refetch: refetchUser }; }; var useUser_default = useUser; // virtual:/apps/web/src/app/live/page.jsx var import_react17 = __toESM(require_react()); // virtual:/apps/web/src/hooks/useLiveCamera.js init_injected_globals(); var import_react3 = __toESM(require_react()); // ../../../node_modules/sonner/dist/index.mjs init_injected_globals(); var import_react2 = __toESM(require_react(), 1); var import_react_dom = __toESM(require_react_dom(), 1); function __insertCSS(code) { if (!code || typeof document == "undefined") return; let head = document.head || document.getElementsByTagName("head")[0]; let style = document.createElement("style"); style.type = "text/css"; head.appendChild(style); style.styleSheet ? style.styleSheet.cssText = code : style.appendChild(document.createTextNode(code)); } var getAsset = (type) => { switch (type) { case "success": return SuccessIcon; case "info": return InfoIcon; case "warning": return WarningIcon; case "error": return ErrorIcon; default: return null; } }; var bars = Array(12).fill(0); var Loader = ({ visible, className }) => { return /* @__PURE__ */ import_react2.default.createElement("div", { className: [ "sonner-loading-wrapper", className ].filter(Boolean).join(" "), "data-visible": visible }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "sonner-spinner" }, bars.map((_, i) => /* @__PURE__ */ import_react2.default.createElement("div", { className: "sonner-loading-bar", key: `spinner-bar-${i}` })))); }; var SuccessIcon = /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ import_react2.default.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" })); var WarningIcon = /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ import_react2.default.createElement("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })); var InfoIcon = /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ import_react2.default.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", clipRule: "evenodd" })); var ErrorIcon = /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ import_react2.default.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" })); var CloseIcon = /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ import_react2.default.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })); var useIsDocumentHidden = () => { const [isDocumentHidden, setIsDocumentHidden] = import_react2.default.useState(document.hidden); import_react2.default.useEffect(() => { const callback = () => { setIsDocumentHidden(document.hidden); }; document.addEventListener("visibilitychange", callback); return () => window.removeEventListener("visibilitychange", callback); }, []); return isDocumentHidden; }; var toastsCounter = 1; var Observer = class { constructor() { this.subscribe = (subscriber) => { this.subscribers.push(subscriber); return () => { const index = this.subscribers.indexOf(subscriber); this.subscribers.splice(index, 1); }; }; this.publish = (data) => { this.subscribers.forEach((subscriber) => subscriber(data)); }; this.addToast = (data) => { this.publish(data); this.toasts = [ ...this.toasts, data ]; }; this.create = (data) => { var _data_id; const { message, ...rest } = data; const id = typeof (data == null ? void 0 : data.id) === "number" || ((_data_id = data.id) == null ? void 0 : _data_id.length) > 0 ? data.id : toastsCounter++; const alreadyExists = this.toasts.find((toast2) => { return toast2.id === id; }); const dismissible = data.dismissible === void 0 ? true : data.dismissible; if (this.dismissedToasts.has(id)) { this.dismissedToasts.delete(id); } if (alreadyExists) { this.toasts = this.toasts.map((toast2) => { if (toast2.id === id) { this.publish({ ...toast2, ...data, id, title: message }); return { ...toast2, ...data, id, dismissible, title: message }; } return toast2; }); } else { this.addToast({ title: message, ...rest, dismissible, id }); } return id; }; this.dismiss = (id) => { if (id) { this.dismissedToasts.add(id); requestAnimationFrame(() => this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }))); } else { this.toasts.forEach((toast2) => { this.subscribers.forEach((subscriber) => subscriber({ id: toast2.id, dismiss: true })); }); } return id; }; this.message = (message, data) => { return this.create({ ...data, message }); }; this.error = (message, data) => { return this.create({ ...data, message, type: "error" }); }; this.success = (message, data) => { return this.create({ ...data, type: "success", message }); }; this.info = (message, data) => { return this.create({ ...data, type: "info", message }); }; this.warning = (message, data) => { return this.create({ ...data, type: "warning", message }); }; this.loading = (message, data) => { return this.create({ ...data, type: "loading", message }); }; this.promise = (promise, data) => { if (!data) { return; } let id = void 0; if (data.loading !== void 0) { id = this.create({ ...data, promise, type: "loading", message: data.loading, description: typeof data.description !== "function" ? data.description : void 0 }); } const p = Promise.resolve(promise instanceof Function ? promise() : promise); let shouldDismiss = id !== void 0; let result; const originalPromise = p.then(async (response) => { result = [ "resolve", response ]; const isReactElementResponse = import_react2.default.isValidElement(response); if (isReactElementResponse) { shouldDismiss = false; this.create({ id, type: "default", message: response }); } else if (isHttpResponse(response) && !response.ok) { shouldDismiss = false; const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error; const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description; const isExtendedResult = typeof promiseData === "object" && !import_react2.default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "error", description, ...toastSettings }); } else if (response instanceof Error) { shouldDismiss = false; const promiseData = typeof data.error === "function" ? await data.error(response) : data.error; const description = typeof data.description === "function" ? await data.description(response) : data.description; const isExtendedResult = typeof promiseData === "object" && !import_react2.default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "error", description, ...toastSettings }); } else if (data.success !== void 0) { shouldDismiss = false; const promiseData = typeof data.success === "function" ? await data.success(response) : data.success; const description = typeof data.description === "function" ? await data.description(response) : data.description; const isExtendedResult = typeof promiseData === "object" && !import_react2.default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "success", description, ...toastSettings }); } }).catch(async (error) => { result = [ "reject", error ]; if (data.error !== void 0) { shouldDismiss = false; const promiseData = typeof data.error === "function" ? await data.error(error) : data.error; const description = typeof data.description === "function" ? await data.description(error) : data.description; const isExtendedResult = typeof promiseData === "object" && !import_react2.default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "error", description, ...toastSettings }); } }).finally(() => { if (shouldDismiss) { this.dismiss(id); id = void 0; } data.finally == null ? void 0 : data.finally.call(data); }); const unwrap = () => new Promise((resolve, reject) => originalPromise.then(() => result[0] === "reject" ? reject(result[1]) : resolve(result[1])).catch(reject)); if (typeof id !== "string" && typeof id !== "number") { return { unwrap }; } else { return Object.assign(id, { unwrap }); } }; this.custom = (jsx3, data) => { const id = (data == null ? void 0 : data.id) || toastsCounter++; this.create({ jsx: jsx3(id), id, ...data }); return id; }; this.getActiveToasts = () => { return this.toasts.filter((toast2) => !this.dismissedToasts.has(toast2.id)); }; this.subscribers = []; this.toasts = []; this.dismissedToasts = /* @__PURE__ */ new Set(); } }; var ToastState = new Observer(); var toastFunction = (message, data) => { const id = (data == null ? void 0 : data.id) || toastsCounter++; ToastState.addToast({ title: message, ...data, id }); return id; }; var isHttpResponse = (data) => { return data && typeof data === "object" && "ok" in data && typeof data.ok === "boolean" && "status" in data && typeof data.status === "number"; }; var basicToast = toastFunction; var getHistory = () => ToastState.toasts; var getToasts = () => ToastState.getActiveToasts(); var toast = Object.assign(basicToast, { success: ToastState.success, info: ToastState.info, warning: ToastState.warning, error: ToastState.error, custom: ToastState.custom, message: ToastState.message, promise: ToastState.promise, dismiss: ToastState.dismiss, loading: ToastState.loading }, { getHistory, getToasts }); __insertCSS("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}"); function isAction(action) { return action.label !== void 0; } var VISIBLE_TOASTS_AMOUNT = 3; var VIEWPORT_OFFSET = "24px"; var MOBILE_VIEWPORT_OFFSET = "16px"; var TOAST_LIFETIME = 4e3; var TOAST_WIDTH = 356; var GAP = 14; var SWIPE_THRESHOLD = 45; var TIME_BEFORE_UNMOUNT = 200; function cn(...classes) { return classes.filter(Boolean).join(" "); } function getDefaultSwipeDirections(position) { const [y, x] = position.split("-"); const directions = []; if (y) { directions.push(y); } if (x) { directions.push(x); } return directions; } var Toast = (props) => { var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8; const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props; const [swipeDirection, setSwipeDirection] = import_react2.default.useState(null); const [swipeOutDirection, setSwipeOutDirection] = import_react2.default.useState(null); const [mounted, setMounted] = import_react2.default.useState(false); const [removed, setRemoved] = import_react2.default.useState(false); const [swiping, setSwiping] = import_react2.default.useState(false); const [swipeOut, setSwipeOut] = import_react2.default.useState(false); const [isSwiped, setIsSwiped] = import_react2.default.useState(false); const [offsetBeforeRemove, setOffsetBeforeRemove] = import_react2.default.useState(0); const [initialHeight, setInitialHeight] = import_react2.default.useState(0); const remainingTime = import_react2.default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME); const dragStartTime = import_react2.default.useRef(null); const toastRef = import_react2.default.useRef(null); const isFront = index === 0; const isVisible = index + 1 <= visibleToasts; const toastType = toast2.type; const dismissible = toast2.dismissible !== false; const toastClassname = toast2.className || ""; const toastDescriptionClassname = toast2.descriptionClassName || ""; const heightIndex = import_react2.default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [ heights, toast2.id ]); const closeButton = import_react2.default.useMemo(() => { var _toast_closeButton; return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster; }, [ toast2.closeButton, closeButtonFromToaster ]); const duration = import_react2.default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [ toast2.duration, durationFromToaster ]); const closeTimerStartTimeRef = import_react2.default.useRef(0); const offset = import_react2.default.useRef(0); const lastCloseTimerStartTimeRef = import_react2.default.useRef(0); const pointerStartRef = import_react2.default.useRef(null); const [y, x] = position.split("-"); const toastsHeightBefore = import_react2.default.useMemo(() => { return heights.reduce((prev, curr, reducerIndex) => { if (reducerIndex >= heightIndex) { return prev; } return prev + curr.height; }, 0); }, [ heights, heightIndex ]); const isDocumentHidden = useIsDocumentHidden(); const invert = toast2.invert || ToasterInvert; const disabled = toastType === "loading"; offset.current = import_react2.default.useMemo(() => heightIndex * gap + toastsHeightBefore, [ heightIndex, toastsHeightBefore ]); import_react2.default.useEffect(() => { remainingTime.current = duration; }, [ duration ]); import_react2.default.useEffect(() => { setMounted(true); }, []); import_react2.default.useEffect(() => { const toastNode = toastRef.current; if (toastNode) { const height = toastNode.getBoundingClientRect().height; setInitialHeight(height); setHeights((h) => [ { toastId: toast2.id, height, position: toast2.position }, ...h ]); return () => setHeights((h) => h.filter((height2) => height2.toastId !== toast2.id)); } }, [ setHeights, toast2.id ]); import_react2.default.useLayoutEffect(() => { if (!mounted) return; const toastNode = toastRef.current; const originalHeight = toastNode.style.height; toastNode.style.height = "auto"; const newHeight = toastNode.getBoundingClientRect().height; toastNode.style.height = originalHeight; setInitialHeight(newHeight); setHeights((heights2) => { const alreadyExists = heights2.find((height) => height.toastId === toast2.id); if (!alreadyExists) { return [ { toastId: toast2.id, height: newHeight, position: toast2.position }, ...heights2 ]; } else { return heights2.map((height) => height.toastId === toast2.id ? { ...height, height: newHeight } : height); } }); }, [ mounted, toast2.title, toast2.description, setHeights, toast2.id, toast2.jsx, toast2.action, toast2.cancel ]); const deleteToast = import_react2.default.useCallback(() => { setRemoved(true); setOffsetBeforeRemove(offset.current); setHeights((h) => h.filter((height) => height.toastId !== toast2.id)); setTimeout(() => { removeToast(toast2); }, TIME_BEFORE_UNMOUNT); }, [ toast2, removeToast, setHeights, offset ]); import_react2.default.useEffect(() => { if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return; let timeoutId; const pauseTimer = () => { if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) { const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current; remainingTime.current = remainingTime.current - elapsedTime; } lastCloseTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(); }; const startTimer = () => { if (remainingTime.current === Infinity) return; closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(); timeoutId = setTimeout(() => { toast2.onAutoClose == null ? void 0 : toast2.onAutoClose.call(toast2, toast2); deleteToast(); }, remainingTime.current); }; if (expanded || interacting || isDocumentHidden) { pauseTimer(); } else { startTimer(); } return () => clearTimeout(timeoutId); }, [ expanded, interacting, toast2, toastType, isDocumentHidden, deleteToast ]); import_react2.default.useEffect(() => { if (toast2.delete) { deleteToast(); toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2); } }, [ deleteToast, toast2.delete ]); function getLoadingIcon() { var _toast_classNames9; if (icons == null ? void 0 : icons.loading) { var _toast_classNames12; return /* @__PURE__ */ import_react2.default.createElement("div", { className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"), "data-visible": toastType === "loading" }, icons.loading); } return /* @__PURE__ */ import_react2.default.createElement(Loader, { className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader), visible: toastType === "loading" }); } const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType); var _toast_richColors, _icons_close; return /* @__PURE__ */ import_react2.default.createElement("li", { tabIndex: 0, ref: toastRef, className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]), "data-sonner-toast": "", "data-rich-colors": (_toast_richColors = toast2.richColors) != null ? _toast_richColors : defaultRichColors, "data-styled": !Boolean(toast2.jsx || toast2.unstyled || unstyled), "data-mounted": mounted, "data-promise": Boolean(toast2.promise), "data-swiped": isSwiped, "data-removed": removed, "data-visible": isVisible, "data-y-position": y, "data-x-position": x, "data-index": index, "data-front": isFront, "data-swiping": swiping, "data-dismissible": dismissible, "data-type": toastType, "data-invert": invert, "data-swipe-out": swipeOut, "data-swipe-direction": swipeOutDirection, "data-expanded": Boolean(expanded || expandByDefault && mounted), "data-testid": toast2.testId, style: { "--index": index, "--toasts-before": index, "--z-index": toasts.length - index, "--offset": `${removed ? offsetBeforeRemove : offset.current}px`, "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`, ...style, ...toast2.style }, onDragEnd: () => { setSwiping(false); setSwipeDirection(null); pointerStartRef.current = null; }, onPointerDown: (event) => { if (event.button === 2) return; if (disabled || !dismissible) return; dragStartTime.current = /* @__PURE__ */ new Date(); setOffsetBeforeRemove(offset.current); event.target.setPointerCapture(event.pointerId); if (event.target.tagName === "BUTTON") return; setSwiping(true); pointerStartRef.current = { x: event.clientX, y: event.clientY }; }, onPointerUp: () => { var _toastRef_current, _toastRef_current1, _dragStartTime_current; if (swipeOut || !dismissible) return; pointerStartRef.current = null; const swipeAmountX = Number(((_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0); const swipeAmountY = Number(((_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0); const timeTaken = (/* @__PURE__ */ new Date()).getTime() - ((_dragStartTime_current = dragStartTime.current) == null ? void 0 : _dragStartTime_current.getTime()); const swipeAmount = swipeDirection === "x" ? swipeAmountX : swipeAmountY; const velocity = Math.abs(swipeAmount) / timeTaken; if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) { setOffsetBeforeRemove(offset.current); toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2); if (swipeDirection === "x") { setSwipeOutDirection(swipeAmountX > 0 ? "right" : "left"); } else { setSwipeOutDirection(swipeAmountY > 0 ? "down" : "up"); } deleteToast(); setSwipeOut(true); return; } else { var _toastRef_current2, _toastRef_current3; (_toastRef_current2 = toastRef.current) == null ? void 0 : _toastRef_current2.style.setProperty("--swipe-amount-x", `0px`); (_toastRef_current3 = toastRef.current) == null ? void 0 : _toastRef_current3.style.setProperty("--swipe-amount-y", `0px`); } setIsSwiped(false); setSwiping(false); setSwipeDirection(null); }, onPointerMove: (event) => { var _window_getSelection, _toastRef_current, _toastRef_current1; if (!pointerStartRef.current || !dismissible) return; const isHighlighted = ((_window_getSelection = window.getSelection()) == null ? void 0 : _window_getSelection.toString().length) > 0; if (isHighlighted) return; const yDelta = event.clientY - pointerStartRef.current.y; const xDelta = event.clientX - pointerStartRef.current.x; var _props_swipeDirections; const swipeDirections = (_props_swipeDirections = props.swipeDirections) != null ? _props_swipeDirections : getDefaultSwipeDirections(position); if (!swipeDirection && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) { setSwipeDirection(Math.abs(xDelta) > Math.abs(yDelta) ? "x" : "y"); } let swipeAmount = { x: 0, y: 0 }; const getDampening = (delta) => { const factor = Math.abs(delta) / 20; return 1 / (1.5 + factor); }; if (swipeDirection === "y") { if (swipeDirections.includes("top") || swipeDirections.includes("bottom")) { if (swipeDirections.includes("top") && yDelta < 0 || swipeDirections.includes("bottom") && yDelta > 0) { swipeAmount.y = yDelta; } else { const dampenedDelta = yDelta * getDampening(yDelta); swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta; } } } else if (swipeDirection === "x") { if (swipeDirections.includes("left") || swipeDirections.includes("right")) { if (swipeDirections.includes("left") && xDelta < 0 || swipeDirections.includes("right") && xDelta > 0) { swipeAmount.x = xDelta; } else { const dampenedDelta = xDelta * getDampening(xDelta); swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta; } } } if (Math.abs(swipeAmount.x) > 0 || Math.abs(swipeAmount.y) > 0) { setIsSwiped(true); } (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`); (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`); } }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ import_react2.default.createElement("button", { "aria-label": closeButtonAriaLabel, "data-disabled": disabled, "data-close-button": true, onClick: disabled || !dismissible ? () => { } : () => { deleteToast(); toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2); }, className: cn(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton) }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ import_react2.default.createElement("div", { "data-icon": "", className: cn(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon) }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ import_react2.default.createElement("div", { "data-content": "", className: cn(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content) }, /* @__PURE__ */ import_react2.default.createElement("div", { "data-title": "", className: cn(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title) }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ import_react2.default.createElement("div", { "data-description": "", className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description) }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ import_react2.default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ import_react2.default.createElement("button", { "data-button": true, "data-cancel": true, style: toast2.cancelButtonStyle || cancelButtonStyle, onClick: (event) => { if (!isAction(toast2.cancel)) return; if (!dismissible) return; toast2.cancel.onClick == null ? void 0 : toast2.cancel.onClick.call(toast2.cancel, event); deleteToast(); }, className: cn(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton) }, toast2.cancel.label) : null, /* @__PURE__ */ import_react2.default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ import_react2.default.createElement("button", { "data-button": true, "data-action": true, style: toast2.actionButtonStyle || actionButtonStyle, onClick: (event) => { if (!isAction(toast2.action)) return; toast2.action.onClick == null ? void 0 : toast2.action.onClick.call(toast2.action, event); if (event.defaultPrevented) return; deleteToast(); }, className: cn(classNames == null ? void 0 : classNames.actionButton, toast2 == null ? void 0 : (_toast_classNames8 = toast2.classNames) == null ? void 0 : _toast_classNames8.actionButton) }, toast2.action.label) : null); }; function getDocumentDirection() { if (typeof window === "undefined") return "ltr"; if (typeof document === "undefined") return "ltr"; const dirAttribute = document.documentElement.getAttribute("dir"); if (dirAttribute === "auto" || !dirAttribute) { return window.getComputedStyle(document.documentElement).direction; } return dirAttribute; } function assignOffset(defaultOffset, mobileOffset) { const styles = {}; [ defaultOffset, mobileOffset ].forEach((offset, index) => { const isMobile = index === 1; const prefix = isMobile ? "--mobile-offset" : "--offset"; const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET; function assignAll(offset2) { [ "top", "right", "bottom", "left" ].forEach((key) => { styles[`${prefix}-${key}`] = typeof offset2 === "number" ? `${offset2}px` : offset2; }); } if (typeof offset === "number" || typeof offset === "string") { assignAll(offset); } else if (typeof offset === "object") { [ "top", "right", "bottom", "left" ].forEach((key) => { if (offset[key] === void 0) { styles[`${prefix}-${key}`] = defaultValue; } else { styles[`${prefix}-${key}`] = typeof offset[key] === "number" ? `${offset[key]}px` : offset[key]; } }); } else { assignAll(defaultValue); } }); return styles; } var Toaster = /* @__PURE__ */ import_react2.default.forwardRef(function Toaster2(props, ref) { const { id, invert, position = "bottom-right", hotkey = [ "altKey", "KeyT" ], expand, closeButton, className, offset, mobileOffset, theme = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props; const [toasts, setToasts] = import_react2.default.useState([]); const filteredToasts = import_react2.default.useMemo(() => { if (id) { return toasts.filter((toast2) => toast2.toasterId === id); } return toasts.filter((toast2) => !toast2.toasterId); }, [ toasts, id ]); const possiblePositions = import_react2.default.useMemo(() => { return Array.from(new Set([ position ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position)))); }, [ filteredToasts, position ]); const [heights, setHeights] = import_react2.default.useState([]); const [expanded, setExpanded] = import_react2.default.useState(false); const [interacting, setInteracting] = import_react2.default.useState(false); const [actualTheme, setActualTheme] = import_react2.default.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light"); const listRef = import_react2.default.useRef(null); const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""); const lastFocusedElementRef = import_react2.default.useRef(null); const isFocusWithinRef = import_react2.default.useRef(false); const removeToast = import_react2.default.useCallback((toastToRemove) => { setToasts((toasts2) => { var _toasts_find; if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) { ToastState.dismiss(toastToRemove.id); } return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id); }); }, []); import_react2.default.useEffect(() => { return ToastState.subscribe((toast2) => { if (toast2.dismiss) { requestAnimationFrame(() => { setToasts((toasts2) => toasts2.map((t) => t.id === toast2.id ? { ...t, delete: true } : t)); }); return; } setTimeout(() => { import_react_dom.default.flushSync(() => { setToasts((toasts2) => { const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast2.id); if (indexOfExistingToast !== -1) { return [ ...toasts2.slice(0, indexOfExistingToast), { ...toasts2[indexOfExistingToast], ...toast2 }, ...toasts2.slice(indexOfExistingToast + 1) ]; } return [ toast2, ...toasts2 ]; }); }); }); }); }, [ toasts ]); import_react2.default.useEffect(() => { if (theme !== "system") { setActualTheme(theme); return; } if (theme === "system") { if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) { setActualTheme("dark"); } else { setActualTheme("light"); } } if (typeof window === "undefined") return; const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"); try { darkMediaQuery.addEventListener("change", ({ matches }) => { if (matches) { setActualTheme("dark"); } else { setActualTheme("light"); } }); } catch (error) { darkMediaQuery.addListener(({ matches }) => { try { if (matches) { setActualTheme("dark"); } else { setActualTheme("light"); } } catch (e) { console.error(e); } }); } }, [ theme ]); import_react2.default.useEffect(() => { if (toasts.length <= 1) { setExpanded(false); } }, [ toasts ]); import_react2.default.useEffect(() => { const handleKeyDown = (event) => { var _listRef_current; const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key); if (isHotkeyPressed) { var _listRef_current1; setExpanded(true); (_listRef_current1 = listRef.current) == null ? void 0 : _listRef_current1.focus(); } if (event.code === "Escape" && (document.activeElement === listRef.current || ((_listRef_current = listRef.current) == null ? void 0 : _listRef_current.contains(document.activeElement)))) { setExpanded(false); } }; document.addEventListener("keydown", handleKeyDown); return () => document.removeEventListener("keydown", handleKeyDown); }, [ hotkey ]); import_react2.default.useEffect(() => { if (listRef.current) { return () => { if (lastFocusedElementRef.current) { lastFocusedElementRef.current.focus({ preventScroll: true }); lastFocusedElementRef.current = null; isFocusWithinRef.current = false; } }; } }, [ listRef.current ]); return ( // Remove item from normal navigation flow, only available via hotkey /* @__PURE__ */ import_react2.default.createElement("section", { ref, "aria-label": `${containerAriaLabel} ${hotkeyLabel}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: true }, possiblePositions.map((position2, index) => { var _heights_; const [y, x] = position2.split("-"); if (!filteredToasts.length) return null; return /* @__PURE__ */ import_react2.default.createElement("ol", { key: position2, dir: dir === "auto" ? getDocumentDirection() : dir, tabIndex: -1, ref: listRef, className, "data-sonner-toaster": true, "data-sonner-theme": actualTheme, "data-y-position": y, "data-x-position": x, style: { "--front-toast-height": `${((_heights_ = heights[0]) == null ? void 0 : _heights_.height) || 0}px`, "--width": `${TOAST_WIDTH}px`, "--gap": `${gap}px`, ...style, ...assignOffset(offset, mobileOffset) }, onBlur: (event) => { if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) { isFocusWithinRef.current = false; if (lastFocusedElementRef.current) { lastFocusedElementRef.current.focus({ preventScroll: true }); lastFocusedElementRef.current = null; } } }, onFocus: (event) => { const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false"; if (isNotDismissible) return; if (!isFocusWithinRef.current) { isFocusWithinRef.current = true; lastFocusedElementRef.current = event.relatedTarget; } }, onMouseEnter: () => setExpanded(true), onMouseMove: () => setExpanded(true), onMouseLeave: () => { if (!interacting) { setExpanded(false); } }, onDragEnd: () => setExpanded(false), onPointerDown: (event) => { const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false"; if (isNotDismissible) return; setInteracting(true); }, onPointerUp: () => setInteracting(false) }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => { var _toastOptions_duration, _toastOptions_closeButton; return /* @__PURE__ */ import_react2.default.createElement(Toast, { key: toast2.id, icons, index: index2, toast: toast2, defaultRichColors: richColors, duration: (_toastOptions_duration = toastOptions == null ? void 0 : toastOptions.duration) != null ? _toastOptions_duration : duration, className: toastOptions == null ? void 0 : toastOptions.className, descriptionClassName: toastOptions == null ? void 0 : toastOptions.descriptionClassName, invert, visibleToasts, closeButton: (_toastOptions_closeButton = toastOptions == null ? void 0 : toastOptions.closeButton) != null ? _toastOptions_closeButton : closeButton, interacting, position: position2, style: toastOptions == null ? void 0 : toastOptions.style, unstyled: toastOptions == null ? void 0 : toastOptions.unstyled, classNames: toastOptions == null ? void 0 : toastOptions.classNames, cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle, actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle, closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel, removeToast, toasts: filteredToasts.filter((t) => t.position == toast2.position), heights: heights.filter((h) => h.position == toast2.position), setHeights, expandByDefault: expand, gap, expanded, swipeDirections: props.swipeDirections }); })); })) ); }); // virtual:/apps/web/src/hooks/useLiveCamera.js function useLiveCamera() { const [stream, setStream] = (0, import_react3.useState)(null); const [facingMode, setFacingMode] = (0, import_react3.useState)("user"); const [videoQuality, setVideoQuality] = (0, import_react3.useState)("720p"); const [audioEnabled, setAudioEnabled] = (0, import_react3.useState)(true); const videoRef = (0, import_react3.useRef)(null); const [mediaRecorder, setMediaRecorder] = (0, import_react3.useState)(null); const [recordedChunks, setRecordedChunks] = (0, import_react3.useState)([]); const [availableDevices, setAvailableDevices] = (0, import_react3.useState)([]); const [activeDeviceId, setActiveDeviceId] = (0, import_react3.useState)(null); const [isPiPActive, setIsPiPActive] = (0, import_react3.useState)(false); const getVideoConstraints = (quality) => { const constraints = { "360p": { width: 640, height: 360 }, "480p": { width: 854, height: 480 }, "720p": { width: 1280, height: 720 }, "1080p": { width: 1920, height: 1080 } }; return constraints[quality] || constraints["720p"]; }; const enumerateCameras = async () => { try { const devices = await navigator.mediaDevices.enumerateDevices(); const videoDevices = devices.filter( (device) => device.kind === "videoinput" ); setAvailableDevices(videoDevices); return videoDevices; } catch (error) { console.error("Failed to enumerate cameras:", error); return []; } }; const startCamera = async (quality = videoQuality, deviceId = activeDeviceId) => { try { const videoConstraints = getVideoConstraints(quality); const constraints = { video: deviceId ? { deviceId: { exact: deviceId }, ...videoConstraints } : { facingMode, ...videoConstraints }, audio: true }; const mediaStream = await navigator.mediaDevices.getUserMedia(constraints); setStream(mediaStream); if (videoRef.current) { videoRef.current.srcObject = mediaStream; } const audioTrack = mediaStream.getAudioTracks()[0]; if (audioTrack) { audioTrack.enabled = audioEnabled; } await enumerateCameras(); } catch (error) { console.error("Camera access error:", error); toast.error("Could not access camera. Please allow camera permissions."); } }; const stopCamera = () => { if (stream) { stream.getTracks().forEach((track) => track.stop()); setStream(null); } if (isPiPActive && document.pictureInPictureElement) { document.exitPictureInPicture(); } }; const switchCamera = async () => { stopCamera(); setFacingMode((prev) => prev === "user" ? "environment" : "user"); }; const switchToDevice = async (deviceId) => { setActiveDeviceId(deviceId); if (stream) { stopCamera(); await startCamera(videoQuality, deviceId); } }; const changeVideoQuality = async (quality) => { setVideoQuality(quality); if (stream) { stopCamera(); await startCamera(quality); } }; const toggleAudio = () => { if (stream) { const audioTrack = stream.getAudioTracks()[0]; if (audioTrack) { audioTrack.enabled = !audioTrack.enabled; setAudioEnabled(audioTrack.enabled); toast.success( audioTrack.enabled ? "Microphone enabled" : "Microphone muted" ); } } }; const setAudioVolume = (volume) => { if (stream) { const audioTrack = stream.getAudioTracks()[0]; if (audioTrack && audioTrack.getSettings) { try { const settings = audioTrack.getSettings(); if (settings.volume !== void 0) { audioTrack.applyConstraints({ volume: volume / 100 }); } } catch (error) { console.warn("Volume control not supported:", error); } } } }; const startRecording = () => { if (!stream) { toast.error("No active stream to record"); return; } try { const chunks = []; const recorder = new MediaRecorder(stream, { mimeType: "video/webm;codecs=vp9" }); recorder.ondataavailable = (event) => { if (event.data.size > 0) { chunks.push(event.data); } }; recorder.onstop = () => { const blob = new Blob(chunks, { type: "video/webm" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `live-stream-${Date.now()}.webm`; a.click(); URL.revokeObjectURL(url); toast.success("Recording saved!"); }; recorder.start(); setMediaRecorder(recorder); setRecordedChunks(chunks); toast.success("Recording started!"); } catch (error) { console.error("Recording error:", error); toast.error("Failed to start recording"); } }; const stopRecording = () => { if (mediaRecorder && mediaRecorder.state !== "inactive") { mediaRecorder.stop(); setMediaRecorder(null); toast.success("Recording stopped!"); } }; const togglePiP = async () => { if (!videoRef.current) { toast.error("Video not ready"); return; } try { if (!isPiPActive) { await videoRef.current.requestPictureInPicture(); setIsPiPActive(true); toast.success("PiP mode enabled"); } else { await document.exitPictureInPicture(); setIsPiPActive(false); toast.success("PiP mode disabled"); } } catch (error) { console.error("PiP error:", error); toast.error("PiP not supported in this browser"); } }; (0, import_react3.useEffect)(() => { return () => { stopCamera(); if (mediaRecorder && mediaRecorder.state !== "inactive") { mediaRecorder.stop(); } }; }, []); return { stream, facingMode, videoRef, videoQuality, audioEnabled, availableDevices, activeDeviceId, mediaRecorder, isPiPActive, startCamera, stopCamera, switchCamera, switchToDevice, changeVideoQuality, toggleAudio, setAudioVolume, enumerateCameras, startRecording, stopRecording, togglePiP }; } // virtual:/apps/web/src/hooks/useLiveStreamState.js init_injected_globals(); var import_react4 = __toESM(require_react()); function useLiveStreamState() { const [isLive, setIsLive] = (0, import_react4.useState)(false); const [activeStreamId, setActiveStreamId] = (0, import_react4.useState)(null); const [liveTitle, setLiveTitle] = (0, import_react4.useState)(""); const [liveDesc, setLiveDesc] = (0, import_react4.useState)(""); const [selectedFilters, setSelectedFilters] = (0, import_react4.useState)([]); const [selectedEffects, setSelectedEffects] = (0, import_react4.useState)([]); const [beautyLevel, setBeautyLevel] = (0, import_react4.useState)(50); const [videoQuality, setVideoQuality] = (0, import_react4.useState)("720p"); const [audioEnabled, setAudioEnabled] = (0, import_react4.useState)(true); const [micVolume, setMicVolume] = (0, import_react4.useState)(100); const [isPrivate, setIsPrivate] = (0, import_react4.useState)(false); const [allowedViewers, setAllowedViewers] = (0, import_react4.useState)([]); const [selectedAREffects, setSelectedAREffects] = (0, import_react4.useState)([]); const [backgroundEffect, setBackgroundEffect] = (0, import_react4.useState)("none"); const [backgroundBlurAmount, setBackgroundBlurAmount] = (0, import_react4.useState)(10); const [customFilter, setCustomFilter] = (0, import_react4.useState)(null); const [isRecording, setIsRecording] = (0, import_react4.useState)(false); const [recordingStartTime, setRecordingStartTime] = (0, import_react4.useState)(null); const [availableCameras, setAvailableCameras] = (0, import_react4.useState)([]); const [activeCameraId, setActiveCameraId] = (0, import_react4.useState)(null); const [beautySettings, setBeautySettings] = (0, import_react4.useState)({ skinSmoothing: 50, faceSlimming: 0, eyeEnlarge: 0, noseThinning: 0, lipPlumping: 0, teethWhitening: 0, blemishRemoval: 50 }); const [greenScreenSettings, setGreenScreenSettings] = (0, import_react4.useState)({ enabled: false, color: "#00ff00", tolerance: 20, smoothness: 5 }); const [isPiPMode, setIsPiPMode] = (0, import_react4.useState)(false); const [coHosts, setCoHosts] = (0, import_react4.useState)([]); const [viewers, setViewers] = (0, import_react4.useState)([]); const resetStreamState = () => { setIsLive(false); setActiveStreamId(null); setLiveTitle(""); setLiveDesc(""); setSelectedFilters([]); setSelectedEffects([]); setBeautyLevel(50); setVideoQuality("720p"); setAudioEnabled(true); setMicVolume(100); setIsPrivate(false); setAllowedViewers([]); setSelectedAREffects([]); setBackgroundEffect("none"); setBackgroundBlurAmount(10); setCustomFilter(null); setIsRecording(false); setRecordingStartTime(null); setBeautySettings({ skinSmoothing: 50, faceSlimming: 0, eyeEnlarge: 0, noseThinning: 0, lipPlumping: 0, teethWhitening: 0, blemishRemoval: 50 }); setGreenScreenSettings({ enabled: false, color: "#00ff00", tolerance: 20, smoothness: 5 }); setIsPiPMode(false); setCoHosts([]); setViewers([]); }; return { isLive, setIsLive, activeStreamId, setActiveStreamId, liveTitle, setLiveTitle, liveDesc, setLiveDesc, selectedFilters, setSelectedFilters, selectedEffects, setSelectedEffects, beautyLevel, setBeautyLevel, videoQuality, setVideoQuality, audioEnabled, setAudioEnabled, micVolume, setMicVolume, isPrivate, setIsPrivate, allowedViewers, setAllowedViewers, selectedAREffects, setSelectedAREffects, backgroundEffect, setBackgroundEffect, backgroundBlurAmount, setBackgroundBlurAmount, customFilter, setCustomFilter, isRecording, setIsRecording, recordingStartTime, setRecordingStartTime, availableCameras, setAvailableCameras, activeCameraId, setActiveCameraId, beautySettings, setBeautySettings, greenScreenSettings, setGreenScreenSettings, isPiPMode, setIsPiPMode, coHosts, setCoHosts, viewers, setViewers, resetStreamState }; } // virtual:/apps/web/src/hooks/useLiveStreamControls.js init_injected_globals(); var import_react5 = __toESM(require_react()); function useLiveStreamControls() { const [isFullscreen, setIsFullscreen] = (0, import_react5.useState)(false); const [showEffects, setShowEffects] = (0, import_react5.useState)(false); const [showSettings, setShowSettings] = (0, import_react5.useState)(false); const [showShare, setShowShare] = (0, import_react5.useState)(false); const [showPromote, setShowPromote] = (0, import_react5.useState)(false); const [showComments, setShowComments] = (0, import_react5.useState)(true); return { isFullscreen, setIsFullscreen, showEffects, setShowEffects, showSettings, setShowSettings, showShare, setShowShare, showPromote, setShowPromote, showComments, setShowComments }; } // virtual:/apps/web/src/hooks/useLiveComments.js init_injected_globals(); var import_react6 = __toESM(require_react()); function useLiveComments(user) { const [comments, setComments] = (0, import_react6.useState)([]); const [newComment, setNewComment] = (0, import_react6.useState)(""); const [blockedUsers, setBlockedUsers] = (0, import_react6.useState)(/* @__PURE__ */ new Set()); const [mutedUsers, setMutedUsers] = (0, import_react6.useState)(/* @__PURE__ */ new Set()); const [moderators, setModerators] = (0, import_react6.useState)(/* @__PURE__ */ new Set()); const handleSendComment = () => { if (!newComment.trim()) return; const comment = { id: Date.now(), userId: user?.id || 0, username: user?.name || "Anonymous", text: newComment, timestamp: /* @__PURE__ */ new Date() }; setComments((prev) => [...prev, comment]); setNewComment(""); toast.success("Comment sent!"); }; const handleBlockUser = (userId, username) => { if (confirm(`Block ${username}? They won't be able to comment.`)) { setBlockedUsers((prev) => new Set(prev).add(userId)); setComments((prev) => prev.filter((c) => c.userId !== userId)); toast.success(`${username} blocked`); } }; const handleMuteUser = (userId, username) => { if (mutedUsers.has(userId)) { setMutedUsers((prev) => { const next = new Set(prev); next.delete(userId); return next; }); toast.success(`${username} unmuted`); } else { setMutedUsers((prev) => new Set(prev).add(userId)); toast.success(`${username} muted`); } }; const handleMakeModerator = (userId, username) => { if (moderators.has(userId)) { setModerators((prev) => { const next = new Set(prev); next.delete(userId); return next; }); toast.success(`${username} removed as moderator`); } else { setModerators((prev) => new Set(prev).add(userId)); toast.success(`${username} is now a moderator`); } }; const handleUnmuteUser = (userId) => { setMutedUsers((prev) => { const newSet = new Set(prev); newSet.delete(userId); return newSet; }); toast.success("User unmuted"); }; const handleUnblockUser = (userId) => { setBlockedUsers((prev) => { const newSet = new Set(prev); newSet.delete(userId); return newSet; }); toast.success("User unblocked"); }; const resetComments = () => { setComments([]); setBlockedUsers(/* @__PURE__ */ new Set()); setMutedUsers(/* @__PURE__ */ new Set()); setModerators(/* @__PURE__ */ new Set()); }; return { comments, setComments, newComment, setNewComment, blockedUsers, mutedUsers, moderators, handleSendComment, handleBlockUser, handleMuteUser, handleMakeModerator, handleUnmuteUser, handleUnblockUser, resetComments }; } // virtual:/apps/web/src/hooks/useFullscreen.js init_injected_globals(); var import_react7 = __toESM(require_react()); function useFullscreen(containerRef, setIsFullscreen) { const toggleFullscreen = async () => { try { if (!document.fullscreenElement) { if (containerRef.current.requestFullscreen) { await containerRef.current.requestFullscreen(); } else if (containerRef.current.webkitRequestFullscreen) { await containerRef.current.webkitRequestFullscreen(); } else if (containerRef.current.mozRequestFullScreen) { await containerRef.current.mozRequestFullScreen(); } else if (containerRef.current.msRequestFullscreen) { await containerRef.current.msRequestFullscreen(); } setIsFullscreen(true); toast.success("Fullscreen mode"); } else { if (document.exitFullscreen) { await document.exitFullscreen(); } else if (document.webkitExitFullscreen) { await document.webkitExitFullscreen(); } else if (document.mozCancelFullScreen) { await document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { await document.msExitFullscreen(); } setIsFullscreen(false); toast.success("Exited fullscreen"); } } catch (error) { console.error("Fullscreen error:", error); toast.error("Fullscreen not supported"); } }; (0, import_react7.useEffect)(() => { const handleFullscreenChange = () => { setIsFullscreen(!!document.fullscreenElement); }; document.addEventListener("fullscreenchange", handleFullscreenChange); document.addEventListener("webkitfullscreenchange", handleFullscreenChange); document.addEventListener("mozfullscreenchange", handleFullscreenChange); document.addEventListener("msfullscreenchange", handleFullscreenChange); return () => { document.removeEventListener("fullscreenchange", handleFullscreenChange); document.removeEventListener( "webkitfullscreenchange", handleFullscreenChange ); document.removeEventListener( "mozfullscreenchange", handleFullscreenChange ); document.removeEventListener( "msfullscreenchange", handleFullscreenChange ); }; }, [setIsFullscreen]); return { toggleFullscreen }; } // virtual:/apps/web/src/hooks/useLiveStreamActions.js init_injected_globals(); function useLiveStreamActions({ user, liveTitle, liveDesc, selectedFilters, selectedEffects, beautyLevel, activeStreamId, startStream, endStream, setActiveStreamId, setIsLive, startCamera, stopCamera, resetStreamState, resetComments }) { const handleGoLive = async () => { if (!user) { window.location.href = "/account/signin"; return; } if (!liveTitle.trim()) { toast.error("Please enter a title for your live stream"); return; } try { const result = await startStream.mutateAsync({ title: liveTitle, description: liveDesc, filters: selectedFilters, effects: selectedEffects, beauty_level: beautyLevel }); setActiveStreamId(result.stream.id); toast.success("You are now live! \u{1F534}"); setIsLive(true); await startCamera(); } catch (error) { console.error("Go Live error:", error); const errorMsg = error?.message || "Failed to start live stream"; toast.error(errorMsg); } }; const handleEndLive = async () => { if (!activeStreamId) { toast.error("No active stream to end"); return; } if (!confirm("End your live stream? Your viewers will be disconnected.")) return; try { await endStream.mutateAsync(activeStreamId); toast.success("Live stream ended"); stopCamera(); setActiveStreamId(null); setIsLive(false); resetStreamState(); resetComments(); } catch (error) { console.error("End Live error:", error); const errorMsg = error?.message || "Failed to end live stream"; toast.error(errorMsg); stopCamera(); setActiveStreamId(null); setIsLive(false); resetStreamState(); resetComments(); } }; const handleShare = (activeStreamId2, liveTitle2) => { const shareUrl = `${window.location.origin}/live/watch/${activeStreamId2}`; if (navigator.share) { navigator.share({ title: liveTitle2, text: `Watch my live stream: ${liveTitle2}`, url: shareUrl }).then(() => toast.success("Shared!")).catch(() => { }); } else { navigator.clipboard.writeText(shareUrl); toast.success("Link copied to clipboard!"); } }; return { handleGoLive, handleEndLive, handleShare }; } // virtual:/apps/web/src/components/LiveStream/GoLiveButton.jsx init_injected_globals(); function GoLiveButton({ onClick, disabled }) { return /* @__PURE__ */ React.createElement("div", { className: "flex justify-center py-4" }, /* @__PURE__ */ React.createElement( "button", { onClick, disabled, className: `group relative px-8 py-4 rounded-full font-bold text-lg shadow-2xl transition-all duration-300 overflow-hidden ${disabled ? "bg-gray-700 cursor-not-allowed opacity-50" : "bg-gradient-to-r from-red-600 to-pink-600 hover:shadow-red-500/50 hover:scale-105"}` }, !disabled && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-red-500 to-pink-500 opacity-0 group-hover:opacity-100 blur-xl transition-opacity duration-300" }), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 animate-pulse" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-white/20 rounded-full" }))), /* @__PURE__ */ React.createElement("div", { className: "relative flex items-center gap-3" }, /* @__PURE__ */ React.createElement("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement("path", { d: "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z" })), /* @__PURE__ */ React.createElement("span", { className: "text-xl tracking-wide" }, disabled ? "\u{1F6AB} LOCKED" : "GO LIVE"), !disabled && /* @__PURE__ */ React.createElement("div", { className: "w-3 h-3 bg-white rounded-full animate-pulse" })) ), !disabled && /* @__PURE__ */ React.createElement("style", { jsx: true }, ` @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(239, 68, 68, 0.5), 0 0 40px rgba(239, 68, 68, 0.3), 0 0 60px rgba(239, 68, 68, 0.2); } 50% { box-shadow: 0 0 30px rgba(239, 68, 68, 0.8), 0 0 60px rgba(239, 68, 68, 0.5), 0 0 90px rgba(239, 68, 68, 0.3); } } button.group:not(:disabled) { animation: pulse-glow 2s ease-in-out infinite; } `)); } // virtual:/apps/web/src/components/LiveStream/GoLiveModal.jsx init_injected_globals(); // virtual:/apps/web/src/utils/liveStreamConstants.js init_injected_globals(); var availableFilters = [ { id: "natural", name: "Natural", emoji: "\u{1F33F}" }, { id: "warm", name: "Warm", emoji: "\u{1F305}" }, { id: "cool", name: "Cool", emoji: "\u2744\uFE0F" }, { id: "vibrant", name: "Vibrant", emoji: "\u{1F3A8}" }, { id: "vintage", name: "Vintage", emoji: "\u{1F4F7}" }, { id: "black_white", name: "B&W", emoji: "\u26AB\u26AA" }, { id: "pink", name: "Pink Glow", emoji: "\u{1F497}" }, { id: "blue_hour", name: "Blue Hour", emoji: "\u{1F303}" } ]; var availableEffects = [ { id: "sparkle", name: "Sparkle", emoji: "\u2728" }, { id: "warm", name: "Warm", emoji: "\u{1F305}" }, { id: "cool", name: "Cool", emoji: "\u2744\uFE0F" }, { id: "vibrant", name: "Vibrant", emoji: "\u{1F308}" }, { id: "vintage", name: "Vintage", emoji: "\u{1F4F7}" }, { id: "black_white", name: "B&W", emoji: "\u26AB" }, { id: "pink", name: "Pink", emoji: "\u{1F496}" }, { id: "neon", name: "Neon", emoji: "\u{1F4AB}" }, // NEW SNAPCHAT-STYLE FILTERS { id: "golden_hour", name: "Golden", emoji: "\u{1F31F}" }, { id: "dreamy", name: "Dreamy", emoji: "\u{1F4AD}" }, { id: "sunset", name: "Sunset", emoji: "\u{1F307}" }, { id: "ocean", name: "Ocean", emoji: "\u{1F30A}" }, { id: "retro", name: "Retro", emoji: "\u{1F4FC}" }, { id: "chrome", name: "Chrome", emoji: "\u{1F52E}" }, { id: "pastel", name: "Pastel", emoji: "\u{1F36D}" }, { id: "moody", name: "Moody", emoji: "\u{1F311}" }, { id: "bright", name: "Bright", emoji: "\u2600\uFE0F" }, { id: "fade", name: "Fade", emoji: "\u{1F32B}\uFE0F" }, { id: "film", name: "Film", emoji: "\u{1F39E}\uFE0F" }, { id: "lomo", name: "Lomo", emoji: "\u{1F4F8}" } ]; var arEffects = [ { id: "heart_eyes", name: "Hearts", emoji: "\u{1F60D}" }, { id: "cat_ears", name: "Cat", emoji: "\u{1F431}" }, { id: "crown", name: "Crown", emoji: "\u{1F451}" }, { id: "bunny", name: "Bunny", emoji: "\u{1F430}" }, { id: "flowers", name: "Flowers", emoji: "\u{1F338}" }, { id: "glasses", name: "Shades", emoji: "\u{1F60E}" }, { id: "stars", name: "Stars", emoji: "\u2B50" }, { id: "rainbow", name: "Rainbow", emoji: "\u{1F308}" }, // NEW SNAPCHAT-STYLE AR EFFECTS { id: "dog_filter", name: "Dog", emoji: "\u{1F436}" }, { id: "butterfly", name: "Butterfly", emoji: "\u{1F98B}" }, { id: "sparkles", name: "Sparkle", emoji: "\u2728" }, { id: "fire", name: "Fire", emoji: "\u{1F525}" }, { id: "angel", name: "Angel", emoji: "\u{1F47C}" }, { id: "devil", name: "Devil", emoji: "\u{1F608}" }, { id: "party", name: "Party", emoji: "\u{1F389}" }, { id: "unicorn", name: "Unicorn", emoji: "\u{1F984}" }, { id: "fairy", name: "Fairy", emoji: "\u{1F9DA}" }, { id: "alien", name: "Alien", emoji: "\u{1F47D}" }, { id: "robot", name: "Robot", emoji: "\u{1F916}" }, { id: "glitter", name: "Glitter", emoji: "\u{1F48E}" }, { id: "snow", name: "Snow", emoji: "\u2744\uFE0F" }, { id: "confetti", name: "Confetti", emoji: "\u{1F38A}" }, { id: "hearts_rain", name: "Love", emoji: "\u{1F495}" }, { id: "cyber", name: "Cyber", emoji: "\u{1F310}" } ]; var backgroundEffects = [ { id: "none", name: "None", emoji: "\u{1F6AB}" }, { id: "blur", name: "Blur", emoji: "\u{1F32B}\uFE0F" }, { id: "beach", name: "Beach", emoji: "\u{1F3D6}\uFE0F" }, { id: "city", name: "City", emoji: "\u{1F3D9}\uFE0F" }, { id: "space", name: "Space", emoji: "\u{1F30C}" }, { id: "gradient", name: "Gradient", emoji: "\u{1F308}" }, { id: "studio", name: "Studio", emoji: "\u{1F3AC}" }, { id: "nature", name: "Nature", emoji: "\u{1F332}" }, // NEW BACKGROUNDS { id: "sunset_sky", name: "Sunset", emoji: "\u{1F305}" }, { id: "neon_city", name: "Neon", emoji: "\u{1F303}" }, { id: "clouds", name: "Clouds", emoji: "\u2601\uFE0F" }, { id: "stars", name: "Starry", emoji: "\u2B50" } ]; var customFilterPresets = [ { id: "custom_1", name: "Sunset", emoji: "\u{1F305}", filters: "sepia(0.4) saturate(1.3) hue-rotate(-10deg)" }, { id: "custom_2", name: "Ocean", emoji: "\u{1F30A}", filters: "saturate(1.4) hue-rotate(180deg) brightness(1.1)" }, { id: "custom_3", name: "Rose", emoji: "\u{1F339}", filters: "hue-rotate(320deg) saturate(1.5) contrast(1.1)" }, { id: "custom_4", name: "Gold", emoji: "\u2728", filters: "sepia(0.6) saturate(1.5) hue-rotate(10deg) brightness(1.2)" }, // NEW PREMIUM FILTERS { id: "vsco", name: "VSCO", emoji: "\u{1F4F1}", filters: "contrast(1.1) saturate(0.9) sepia(0.15)" }, { id: "instagram", name: "Insta", emoji: "\u{1F4F8}", filters: "contrast(1.15) saturate(1.4) brightness(1.05)" }, { id: "tiktok", name: "TikTok", emoji: "\u{1F3B5}", filters: "contrast(1.2) saturate(1.5) brightness(1.1)" }, { id: "aesthetic", name: "Aesthetic", emoji: "\u{1F338}", filters: "contrast(0.95) saturate(1.1) hue-rotate(330deg) brightness(1.08)" }, { id: "cinematic", name: "Cinema", emoji: "\u{1F3A5}", filters: "contrast(1.25) saturate(0.85) brightness(0.95) sepia(0.1)" }, { id: "tokyo", name: "Tokyo", emoji: "\u{1F5FC}", filters: "contrast(1.1) saturate(1.3) hue-rotate(350deg)" }, { id: "miami", name: "Miami", emoji: "\u{1F334}", filters: "contrast(1.15) saturate(1.4) hue-rotate(10deg) brightness(1.05)" }, { id: "noir", name: "Noir", emoji: "\u{1F3A9}", filters: "grayscale(1) contrast(1.3) brightness(0.9)" } ]; var faceFilters = [ { id: "dog_lens", name: "Dog Lens", emoji: "\u{1F436}", type: "face_tracking" }, { id: "flower_crown", name: "Flower Crown", emoji: "\u{1F338}", type: "face_tracking" }, { id: "rainbow_vomit", name: "Rainbow", emoji: "\u{1F308}", type: "mouth_open" }, { id: "anime_eyes", name: "Anime", emoji: "\u{1F441}\uFE0F", type: "face_tracking" }, { id: "clown_nose", name: "Clown", emoji: "\u{1F921}", type: "face_tracking" }, { id: "butterfly_face", name: "Butterfly", emoji: "\u{1F98B}", type: "face_tracking" } ]; // virtual:/apps/web/src/components/LiveStream/GoLiveModal.jsx function GoLiveModal({ show, onClose, onGoLive, liveTitle, setLiveTitle, liveDesc, setLiveDesc, beautyLevel, setBeautyLevel, selectedFilters, setSelectedFilters, selectedEffects, setSelectedEffects, isPending }) { if (!show) return null; return /* @__PURE__ */ React.createElement( "div", { className: "fixed inset-0 bg-black/80 flex items-center justify-center z-50 p-4", onClick: onClose }, /* @__PURE__ */ React.createElement( "div", { className: "bg-[#1a1a1f] rounded-lg p-6 max-w-2xl w-full mx-4 space-y-4 max-h-[90vh] overflow-y-auto", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold" }, "Start Live Stream"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Title *"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: liveTitle, onChange: (e) => setLiveTitle(e.target.value), placeholder: "What's your stream about?", className: "w-full px-4 py-3 bg-black border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-pink-500", maxLength: 100 } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Description (optional)"), /* @__PURE__ */ React.createElement( "textarea", { value: liveDesc, onChange: (e) => setLiveDesc(e.target.value), placeholder: "Add more details...", className: "w-full px-4 py-3 bg-black border border-gray-700 rounded-lg text-white placeholder-gray-500 h-24 resize-none focus:outline-none focus:border-pink-500", maxLength: 500 } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Beauty Level: ", beautyLevel, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: beautyLevel, onChange: (e) => setBeautyLevel(parseInt(e.target.value)), className: "w-full accent-pink-500" } ), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-xs text-gray-400 mt-1" }, /* @__PURE__ */ React.createElement("span", null, "Natural"), /* @__PURE__ */ React.createElement("span", null, "Maximum"))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Color Filters"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, availableFilters.map((filter) => /* @__PURE__ */ React.createElement( "button", { key: filter.id, onClick: () => { setSelectedFilters( (prev) => prev.includes(filter.id) ? prev.filter((f) => f !== filter.id) : [...prev, filter.id] ); }, className: `p-3 rounded-lg border transition-all ${selectedFilters.includes(filter.id) ? "border-pink-500 bg-pink-500/20" : "border-gray-700 bg-black hover:border-gray-600"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl mb-1" }, filter.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, filter.name) )))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Effects"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, availableEffects.map((effect) => /* @__PURE__ */ React.createElement( "button", { key: effect.id, onClick: () => { setSelectedEffects( (prev) => prev.includes(effect.id) ? prev.filter((e) => e !== effect.id) : [...prev, effect.id] ); }, className: `p-3 rounded-lg border transition-all ${selectedEffects.includes(effect.id) ? "border-pink-500 bg-pink-500/20" : "border-gray-700 bg-black hover:border-gray-600"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl mb-1" }, effect.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, effect.name) ))))), /* @__PURE__ */ React.createElement("div", { className: "flex gap-3 pt-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: onGoLive, disabled: isPending, className: "flex-1 px-6 py-3 bg-red-600 hover:bg-red-500 rounded-lg font-semibold disabled:opacity-50 disabled:cursor-not-allowed transition-colors" }, isPending ? "Starting..." : "Go Live" ), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "px-6 py-3 bg-gray-700 hover:bg-gray-600 rounded-lg transition-colors" }, "Cancel" )) ) ); } // virtual:/apps/web/src/components/LiveStream/LiveCameraView.jsx init_injected_globals(); var import_react15 = __toESM(require_react()); // virtual:/apps/web/src/components/LiveStream/LiveIndicator.jsx init_injected_globals(); function LiveIndicator({ viewerCount }) { return /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold animate-pulse" }, /* @__PURE__ */ React.createElement("span", { className: "w-2 h-2 bg-white rounded-full" }), /* @__PURE__ */ React.createElement("span", null, "LIVE"), typeof viewerCount === "number" && viewerCount > 0 && /* @__PURE__ */ React.createElement("span", { className: "opacity-90" }, viewerCount.toLocaleString())); } // virtual:/apps/web/src/components/LiveStream/LiveStreamInfo.jsx init_injected_globals(); var import_react8 = __toESM(require_react()); function LiveStreamInfo({ streamId, liveTitle, viewerCount: initialViewerCount }) { const { data: viewerData } = useQuery({ queryKey: ["stream-viewers", streamId], queryFn: async () => { const res = await fetch(`/api/live-streams/${streamId}`); if (!res.ok) throw new Error("Failed to fetch stream"); return res.json(); }, refetchInterval: 3e3, // Poll every 3 seconds enabled: !!streamId }); (0, import_react8.useEffect)(() => { if (!streamId) return; const joinAsViewer = async () => { try { await fetch(`/api/live-streams/${streamId}/viewers`, { method: "POST" }); } catch (error) { console.error("Failed to join as viewer:", error); } }; joinAsViewer(); return () => { fetch(`/api/live-streams/${streamId}/viewers`, { method: "DELETE" }).catch(() => { }); }; }, [streamId]); const viewerCount = viewerData?.stream?.viewer_count ?? initialViewerCount ?? 0; return /* @__PURE__ */ React.createElement("div", { className: "absolute top-4 right-4 bg-black/60 backdrop-blur-sm px-4 py-2 rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-semibold" }, liveTitle), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-300 flex items-center gap-1" }, /* @__PURE__ */ React.createElement("span", { className: "w-2 h-2 bg-pink-500 rounded-full animate-pulse" }), viewerCount.toLocaleString(), " ", viewerCount === 1 ? "viewer" : "viewers")); } // virtual:/apps/web/src/components/LiveStream/LiveCommentsSidebar.jsx init_injected_globals(); var import_react9 = __toESM(require_react()); function LiveCommentsSidebar({ streamId, show, comments, newComment, setNewComment, handleSendComment, mutedUsers, moderators, handleMuteUser, handleMakeModerator, handleBlockUser }) { const queryClient2 = useQueryClient(); const commentsEndRef = (0, import_react9.useRef)(null); const { data: commentsData } = useQuery({ queryKey: ["live-comments", streamId], queryFn: async () => { const res = await fetch(`/api/live-streams/${streamId}/comments`); if (!res.ok) throw new Error("Failed to fetch comments"); return res.json(); }, refetchInterval: 2e3, // Poll every 2 seconds enabled: !!streamId && show }); const { data: giftsData } = useQuery({ queryKey: ["live-gifts", streamId], queryFn: async () => { const res = await fetch(`/api/live-streams/${streamId}/gifts`); if (!res.ok) throw new Error("Failed to fetch gifts"); return res.json(); }, refetchInterval: 2e3, // Poll every 2 seconds enabled: !!streamId && show }); const sendCommentMutation = useMutation({ mutationFn: async (message) => { const res = await fetch(`/api/live-streams/${streamId}/comments`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ message }) }); if (!res.ok) throw new Error("Failed to send comment"); return res.json(); }, onSuccess: () => { queryClient2.invalidateQueries(["live-comments", streamId]); setNewComment(""); toast.success("Comment sent!"); }, onError: (error) => { console.error("Send comment error:", error); toast.error("Failed to send comment"); } }); const handleSubmit = () => { if (!newComment?.trim()) return; sendCommentMutation.mutate(newComment.trim()); }; (0, import_react9.useEffect)(() => { commentsEndRef.current?.scrollIntoView({ behavior: "smooth" }); }, [commentsData?.comments]); if (!show) return null; const allComments = commentsData?.comments || []; const gifts = giftsData?.gifts || []; const timeline = [ ...allComments.map((c) => ({ type: "comment", data: c, timestamp: c.created_at })), ...gifts.map((g) => ({ type: "gift", data: g, timestamp: g.created_at })) ].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp)); return /* @__PURE__ */ React.createElement("div", { className: "absolute left-2 md:left-4 bottom-20 md:bottom-24 w-64 md:w-80 max-h-[40vh] md:max-h-[50vh] bg-black/20 backdrop-blur-sm rounded-2xl overflow-hidden flex flex-col border border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "p-2 md:p-3 bg-black/30 border-b border-white/10" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-xs md:text-sm" }, "Live Chat")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-2 md:p-3 space-y-2" }, timeline.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center text-gray-400 text-xs md:text-sm py-4 md:py-8" }, "No messages yet. Say hi! \u{1F44B}") : /* @__PURE__ */ React.createElement(React.Fragment, null, timeline.map((item, idx) => { if (item.type === "gift") { const gift = item.data; const giftEmojis = { rose: "\u{1F339}", heart: "\u2764\uFE0F", diamond: "\u{1F48E}", crown: "\u{1F451}", rocket: "\u{1F680}", lion: "\u{1F981}" }; return /* @__PURE__ */ React.createElement( "div", { key: `gift-${gift.id}`, className: "bg-gradient-to-r from-yellow-500/30 to-pink-500/30 rounded-lg p-2 border border-yellow-400/40 animate-bounce-in" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xl md:text-2xl" }, giftEmojis[gift.gift_type]), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-semibold text-yellow-300" }, gift.sender_name, " sent ", gift.gift_type, "!"), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-yellow-200" }, "$", gift.amount))) ); } else { const comment = item.data; if (mutedUsers.has(comment.user_id)) return null; return /* @__PURE__ */ React.createElement( "div", { key: `comment-${comment.id}`, className: "bg-black/30 rounded-lg p-2 group hover:bg-black/50 transition-all" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-semibold text-pink-400" }, comment.username), moderators.has(comment.user_id) && /* @__PURE__ */ React.createElement("span", { className: "text-xs bg-blue-500/50 px-1 rounded" }, "MOD")), /* @__PURE__ */ React.createElement("p", { className: "text-xs md:text-sm text-white break-words" }, comment.message)), /* @__PURE__ */ React.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex gap-1" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleMuteUser(comment.user_id, comment.username), className: "text-xs bg-yellow-500/50 px-1.5 py-0.5 md:px-2 md:py-1 rounded hover:bg-yellow-500/70", title: mutedUsers.has(comment.user_id) ? "Unmute" : "Mute" }, "\u{1F507}" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleMakeModerator( comment.user_id, comment.username ), className: "text-xs bg-blue-500/50 px-1.5 py-0.5 md:px-2 md:py-1 rounded hover:bg-blue-500/70", title: moderators.has(comment.user_id) ? "Remove Mod" : "Make Mod" }, "\u{1F451}" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleBlockUser(comment.user_id, comment.username), className: "text-xs bg-red-500/50 px-1.5 py-0.5 md:px-2 md:py-1 rounded hover:bg-red-500/70", title: "Block" }, "\u{1F6AB}" ))) ); } }), /* @__PURE__ */ React.createElement("div", { ref: commentsEndRef }))), /* @__PURE__ */ React.createElement("div", { className: "p-2 md:p-3 bg-black/30 border-t border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: newComment, onChange: (e) => setNewComment(e.target.value), onKeyPress: (e) => e.key === "Enter" && handleSubmit(), placeholder: "Say something...", disabled: sendCommentMutation.isPending, className: "flex-1 px-2 md:px-3 py-1.5 md:py-2 bg-white/10 border border-white/20 rounded-full text-white text-xs md:text-sm placeholder-gray-400 focus:outline-none focus:border-pink-500 disabled:opacity-50" } ), /* @__PURE__ */ React.createElement( "button", { onClick: handleSubmit, disabled: sendCommentMutation.isPending || !newComment?.trim(), className: "px-3 md:px-4 py-1.5 md:py-2 bg-pink-600 hover:bg-pink-500 rounded-full text-xs md:text-sm font-semibold disabled:opacity-50 disabled:cursor-not-allowed transition-colors" }, sendCommentMutation.isPending ? "..." : "Send" ))), /* @__PURE__ */ React.createElement("style", { jsx: true }, ` @keyframes bounce-in { 0% { transform: scale(0.8); opacity: 0; } 50% { transform: scale(1.05); } 100% { transform: scale(1); opacity: 1; } } .animate-bounce-in { animation: bounce-in 0.4s ease-out; } `)); } // virtual:/apps/web/src/components/LiveStream/LiveControlBar.jsx init_injected_globals(); function LiveControlBar({ switchCamera, showEffects, setShowEffects, showSettings, setShowSettings, handleEndLive, showComments, setShowComments, handleShare, showPromote, setShowPromote, toggleFullscreen, isFullscreen, onShowGifts, isRecording, onStartRecording, onStopRecording, availableCameras, activeCameraId, onSwitchCamera }) { return /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black via-black/80 to-transparent p-4 md:p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-3 md:gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 md:gap-3 overflow-x-auto w-full md:w-auto" }, /* @__PURE__ */ React.createElement( "button", { onClick: isRecording ? onStopRecording : onStartRecording, className: `px-3 md:px-4 py-2 backdrop-blur-sm rounded-full text-xs md:text-sm font-semibold transition-all flex items-center gap-2 flex-shrink-0 ${isRecording ? "bg-red-600/70 animate-pulse border border-red-500" : "bg-white/20 hover:bg-white/30"}`, title: isRecording ? "Stop Recording" : "Start Recording" }, /* @__PURE__ */ React.createElement( "span", { className: `w-2 h-2 rounded-full ${isRecording ? "bg-white" : "bg-red-500"}` } ), isRecording ? "Recording..." : "Record" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowEffects(!showEffects), className: `px-3 md:px-4 py-2 backdrop-blur-sm rounded-full text-xs md:text-sm font-semibold transition-all flex-shrink-0 ${showEffects ? "bg-pink-500/70" : "bg-white/20 hover:bg-white/30"}`, title: "Effects" }, "\u{1F3A8} Effects" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowSettings(!showSettings), className: `px-3 md:px-4 py-2 backdrop-blur-sm rounded-full text-xs md:text-sm font-semibold transition-all flex-shrink-0 ${showSettings ? "bg-pink-500/70" : "bg-white/20 hover:bg-white/30"}`, title: "Settings" }, "\u2699\uFE0F" )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 md:gap-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowComments(!showComments), className: `px-4 py-2 backdrop-blur-sm rounded-full text-sm font-semibold transition-all flex-shrink-0 ${showComments ? "bg-pink-500/70" : "bg-white/20 hover:bg-white/30"}`, title: "Toggle Comments" }, "\u{1F4AC} Chat" ), /* @__PURE__ */ React.createElement( "button", { onClick: onShowGifts, className: "px-4 py-2 bg-gradient-to-r from-yellow-500/50 to-pink-500/50 backdrop-blur-sm rounded-full text-sm font-semibold hover:from-yellow-500/70 hover:to-pink-500/70 transition-all flex-shrink-0", title: "Send Gift" }, "\u{1F381} Gifts" )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 md:gap-3 overflow-x-auto w-full md:w-auto" }, /* @__PURE__ */ React.createElement( "button", { onClick: handleShare, className: "px-3 md:px-4 py-2 bg-blue-500/50 backdrop-blur-sm rounded-full text-xs md:text-sm font-semibold hover:bg-blue-500/70 transition-all flex-shrink-0", title: "Share" }, "\u{1F4E4} Share" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowPromote(!showPromote), className: "px-3 md:px-4 py-2 bg-purple-500/50 backdrop-blur-sm rounded-full text-xs md:text-sm font-semibold hover:bg-purple-500/70 transition-all flex-shrink-0", title: "Promote" }, "\u{1F4E2} Promote" ), /* @__PURE__ */ React.createElement( "button", { onClick: toggleFullscreen, className: "w-10 h-10 md:w-12 md:h-12 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center hover:bg-white/30 transition-all flex-shrink-0", title: "Fullscreen" }, isFullscreen ? /* @__PURE__ */ React.createElement( "svg", { className: "w-4 h-4 md:w-5 md:h-5", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) ) : /* @__PURE__ */ React.createElement( "svg", { className: "w-4 h-4 md:w-5 md:h-5", fill: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }) ) )))); } // virtual:/apps/web/src/components/LiveStream/LiveEffectsPanel.jsx init_injected_globals(); var import_react10 = __toESM(require_react()); function LiveEffectsPanel({ show, selectedEffects, setSelectedEffects, beautyLevel, setBeautyLevel, selectedAREffects, setSelectedAREffects, backgroundEffect, setBackgroundEffect, backgroundBlurAmount, setBackgroundBlurAmount, customFilter, setCustomFilter }) { const [activeTab, setActiveTab] = (0, import_react10.useState)("filters"); if (!show) return null; return /* @__PURE__ */ React.createElement("div", { className: "absolute left-2 md:left-4 bottom-20 md:bottom-24 bg-black/90 backdrop-blur-md rounded-2xl p-3 md:p-4 w-80 md:w-96 max-h-[75vh] overflow-y-auto border border-pink-500/30 shadow-2xl" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-pink-300 text-base" }, "\u{1F3A8} Effects & Filters"), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400" }, selectedEffects.length + selectedAREffects.length, " active")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 mb-4 overflow-x-auto pb-1" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("filters"), className: `px-3 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all ${activeTab === "filters" ? "bg-gradient-to-r from-pink-500 to-purple-500 border border-pink-400" : "bg-white/10 hover:bg-white/20 border border-white/10"}` }, "\u{1F3A8} Color" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("face"), className: `px-3 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all ${activeTab === "face" ? "bg-gradient-to-r from-pink-500 to-purple-500 border border-pink-400" : "bg-white/10 hover:bg-white/20 border border-white/10"}` }, "\u{1F60D} Face" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("ar"), className: `px-3 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all ${activeTab === "ar" ? "bg-gradient-to-r from-pink-500 to-purple-500 border border-pink-400" : "bg-white/10 hover:bg-white/20 border border-white/10"}` }, "\u2728 AR" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("background"), className: `px-3 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all ${activeTab === "background" ? "bg-gradient-to-r from-pink-500 to-purple-500 border border-pink-400" : "bg-white/10 hover:bg-white/20 border border-white/10"}` }, "\u{1F32B}\uFE0F BG" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("premium"), className: `px-3 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all ${activeTab === "premium" ? "bg-gradient-to-r from-yellow-500 to-orange-500 border border-yellow-400" : "bg-white/10 hover:bg-white/20 border border-white/10"}` }, "\u2B50 Premium" )), activeTab === "filters" && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400" }, "Tap to apply color filters!"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, availableEffects.map((effect) => /* @__PURE__ */ React.createElement( "button", { key: effect.id, onClick: () => { setSelectedEffects( (prev) => prev.includes(effect.id) ? prev.filter((e) => e !== effect.id) : [...prev, effect.id] ); }, className: `p-3 rounded-xl border-2 transition-all hover:scale-105 ${selectedEffects.includes(effect.id) ? "border-pink-500 bg-pink-500/30 shadow-lg shadow-pink-500/50" : "border-gray-700 bg-black/40 hover:border-gray-500"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl mb-1" }, effect.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-[10px] font-semibold" }, effect.name) ))), /* @__PURE__ */ React.createElement("div", { className: "bg-pink-500/10 rounded-xl p-3 border border-pink-500/30" }, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-semibold mb-2 text-pink-300" }, "\u2728 Beauty: ", beautyLevel, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: beautyLevel, onChange: (e) => setBeautyLevel(parseInt(e.target.value)), className: "w-full accent-pink-500" } ), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-xs text-gray-400 mt-1" }, /* @__PURE__ */ React.createElement("span", null, "Natural"), /* @__PURE__ */ React.createElement("span", null, "Maximum")))), activeTab === "face" && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400 bg-purple-500/10 rounded p-2 border border-purple-500/30" }, "\u{1F464} Snapchat-style face tracking filters!"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-2" }, faceFilters.map((filter) => /* @__PURE__ */ React.createElement( "button", { key: filter.id, onClick: () => { setSelectedAREffects( (prev) => prev.includes(filter.id) ? prev.filter((e) => e !== filter.id) : [...prev, filter.id] ); }, className: `p-4 rounded-xl border-2 transition-all hover:scale-105 ${selectedAREffects.includes(filter.id) ? "border-purple-500 bg-purple-500/30 shadow-lg shadow-purple-500/50" : "border-gray-700 bg-black/40 hover:border-gray-500"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-3xl mb-1" }, filter.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-[10px] font-semibold" }, filter.name) ))), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-purple-400 bg-purple-500/10 rounded p-2 border border-purple-500/30" }, "\u{1F4A1} Face filters use AI to track your face in real-time!")), activeTab === "ar" && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400" }, "Add AR stickers and animated effects!"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, arEffects.map((effect) => /* @__PURE__ */ React.createElement( "button", { key: effect.id, onClick: () => { setSelectedAREffects( (prev) => prev.includes(effect.id) ? prev.filter((e) => e !== effect.id) : [...prev, effect.id] ); }, className: `p-3 rounded-xl border-2 transition-all hover:scale-105 ${selectedAREffects.includes(effect.id) ? "border-pink-500 bg-pink-500/30 shadow-lg shadow-pink-500/50" : "border-gray-700 bg-black/40 hover:border-gray-500"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl mb-1" }, effect.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-[10px] font-semibold" }, effect.name) ))), selectedAREffects.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-pink-400 bg-pink-500/10 rounded-lg p-2 border border-pink-500/30" }, "\u2728 Active: ", selectedAREffects.length, " effect", selectedAREffects.length !== 1 ? "s" : "")), activeTab === "background" && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400" }, "Replace or blur your background!"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, backgroundEffects.map((effect) => /* @__PURE__ */ React.createElement( "button", { key: effect.id, onClick: () => setBackgroundEffect(effect.id), className: `p-3 rounded-xl border-2 transition-all hover:scale-105 ${backgroundEffect === effect.id ? "border-pink-500 bg-pink-500/30 shadow-lg shadow-pink-500/50" : "border-gray-700 bg-black/40 hover:border-gray-500"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl mb-1" }, effect.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-[10px] font-semibold" }, effect.name) ))), backgroundEffect === "blur" && /* @__PURE__ */ React.createElement("div", { className: "bg-blue-500/10 rounded-xl p-3 border border-blue-500/30" }, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-semibold mb-2 text-blue-300" }, "Blur: ", backgroundBlurAmount, "px"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "30", value: backgroundBlurAmount, onChange: (e) => setBackgroundBlurAmount(parseInt(e.target.value)), className: "w-full accent-blue-500" } ))), activeTab === "premium" && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs bg-gradient-to-r from-yellow-500/20 to-orange-500/20 rounded p-2 border border-yellow-500/30 font-semibold" }, "\u2B50 Professional preset filters!"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-3" }, customFilterPresets.map((preset) => /* @__PURE__ */ React.createElement( "button", { key: preset.id, onClick: () => { setCustomFilter( customFilter?.id === preset.id ? null : preset ); }, className: `p-4 rounded-xl border-2 transition-all hover:scale-105 ${customFilter?.id === preset.id ? "border-yellow-500 bg-gradient-to-br from-yellow-500/30 to-orange-500/30 shadow-lg shadow-yellow-500/50" : "border-gray-700 bg-black/40 hover:border-gray-500"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-3xl mb-2" }, preset.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-bold" }, preset.name) ))), customFilter && /* @__PURE__ */ React.createElement("div", { className: "text-xs bg-gradient-to-r from-yellow-500/20 to-orange-500/20 rounded-lg p-3 border border-yellow-500/30" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold text-yellow-300 mb-1" }, "\u2B50 Active Filter"), /* @__PURE__ */ React.createElement("div", { className: "text-white" }, customFilter.name)))); } // virtual:/apps/web/src/components/LiveStream/LiveSettingsPanel.jsx init_injected_globals(); var import_react11 = __toESM(require_react()); function LiveSettingsPanel({ show, blockedUsersCount, videoQuality, onVideoQualityChange, audioEnabled, onToggleAudio, micVolume, onMicVolumeChange, isPrivate, onTogglePrivate, blockedUsers }) { const [activeTab, setActiveTab] = (0, import_react11.useState)(null); if (!show) return null; return /* @__PURE__ */ React.createElement("div", { className: "absolute left-2 md:left-4 bottom-20 md:bottom-24 bg-black/80 backdrop-blur-md rounded-2xl p-3 md:p-4 w-72 md:w-80 max-h-[60vh] overflow-y-auto" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold mb-3 text-sm md:text-base" }, "Settings"), !activeTab ? /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("video"), className: "w-full px-3 md:px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-left transition-all text-sm md:text-base flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F3A5} Video Quality"), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, videoQuality) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("audio"), className: "w-full px-3 md:px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-left transition-all text-sm md:text-base flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F50A} Audio Settings"), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, audioEnabled ? "On" : "Off") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("privacy"), className: "w-full px-3 md:px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-left transition-all text-sm md:text-base flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F465} Privacy Controls"), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, isPrivate ? "Private" : "Public") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("blocked"), className: "w-full px-3 md:px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-left transition-all text-sm md:text-base flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F6AB} Blocked Users"), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-400" }, "(", blockedUsersCount, ")") )) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab(null), className: "mb-3 text-sm text-pink-400 hover:underline" }, "\u2190 Back" ), activeTab === "video" && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("h4", { className: "font-semibold text-sm" }, "Video Quality"), ["360p", "480p", "720p", "1080p"].map((quality) => /* @__PURE__ */ React.createElement( "button", { key: quality, onClick: () => { onVideoQualityChange(quality); setActiveTab(null); }, className: `w-full px-3 py-2 rounded-lg text-left text-sm transition-all ${videoQuality === quality ? "bg-pink-500/30 border border-pink-500/50" : "bg-white/10 hover:bg-white/20"}` }, quality, quality === videoQuality && " \u2713" ))), activeTab === "audio" && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("h4", { className: "font-semibold text-sm" }, "Audio Settings"), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "button", { onClick: onToggleAudio, className: `w-full px-3 py-2 rounded-lg text-left text-sm transition-all ${audioEnabled ? "bg-green-500/30 border border-green-500/50" : "bg-red-500/30 border border-red-500/50"}` }, audioEnabled ? "\u{1F3A4} Microphone On" : "\u{1F507} Microphone Off" )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm mb-2" }, "Microphone Volume: ", micVolume, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: micVolume, onChange: (e) => onMicVolumeChange(parseInt(e.target.value)), className: "w-full accent-pink-500", disabled: !audioEnabled } ))), activeTab === "privacy" && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("h4", { className: "font-semibold text-sm" }, "Privacy Controls"), /* @__PURE__ */ React.createElement( "button", { onClick: onTogglePrivate, className: `w-full px-3 py-2 rounded-lg text-left text-sm transition-all ${isPrivate ? "bg-orange-500/30 border border-orange-500/50" : "bg-green-500/30 border border-green-500/50"}` }, isPrivate ? "\u{1F512} Private Stream" : "\u{1F30D} Public Stream" ), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400" }, isPrivate ? "Only approved viewers can join" : "Anyone can watch your stream")), activeTab === "blocked" && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("h4", { className: "font-semibold text-sm" }, "Blocked Users (", blockedUsersCount, ")"), blockedUsersCount === 0 ? /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400" }, "No blocked users") : /* @__PURE__ */ React.createElement("div", { className: "space-y-2 max-h-48 overflow-y-auto" }, Array.from(blockedUsers).map(([userId, username]) => /* @__PURE__ */ React.createElement( "div", { key: userId, className: "px-3 py-2 bg-white/10 rounded-lg text-sm flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", null, username), /* @__PURE__ */ React.createElement( "button", { onClick: () => { }, className: "text-xs bg-red-500/50 px-2 py-1 rounded hover:bg-red-500/70" }, "Unblock" ) )))))); } // virtual:/apps/web/src/components/LiveStream/LivePromotePanel.jsx init_injected_globals(); function LivePromotePanel({ show }) { if (!show) return null; return /* @__PURE__ */ React.createElement("div", { className: "absolute right-4 bottom-24 bg-black/80 backdrop-blur-md rounded-2xl p-4 w-80" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold mb-3" }, "Promote Stream"), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("button", { className: "w-full px-4 py-2 bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 rounded-lg transition-all" }, "\u{1F48E} Boost Stream"), /* @__PURE__ */ React.createElement("button", { className: "w-full px-4 py-2 bg-blue-500/50 hover:bg-blue-500/70 rounded-lg transition-all" }, "\u{1F4F1} Share to Social Media"), /* @__PURE__ */ React.createElement("button", { className: "w-full px-4 py-2 bg-green-500/50 hover:bg-green-500/70 rounded-lg transition-all" }, "\u{1F4E7} Invite via Email"))); } // virtual:/apps/web/src/components/LiveStream/TikTokGiftsPanel.jsx init_injected_globals(); var import_react12 = __toESM(require_react()); var TIKTOK_GIFTS = [ { id: "rose", name: "Rose", emoji: "\u{1F339}", coins: 1, color: "#FF1744" }, { id: "heart", name: "Heart", emoji: "\u2764\uFE0F", coins: 5, color: "#E91E63" }, { id: "diamond", name: "Diamond", emoji: "\u{1F48E}", coins: 10, color: "#00BCD4" }, { id: "crown", name: "Crown", emoji: "\u{1F451}", coins: 20, color: "#FFD700" }, { id: "rocket", name: "Rocket", emoji: "\u{1F680}", coins: 50, color: "#9C27B0" }, { id: "unicorn", name: "Unicorn", emoji: "\u{1F984}", coins: 100, color: "#FF69B4" }, { id: "sports_car", name: "Sports Car", emoji: "\u{1F3CE}\uFE0F", coins: 500, color: "#FF5722" }, { id: "yacht", name: "Yacht", emoji: "\u{1F6E5}\uFE0F", coins: 1e3, color: "#2196F3" }, { id: "mansion", name: "Mansion", emoji: "\u{1F3F0}", coins: 5e3, color: "#673AB7" }, { id: "galaxy", name: "Galaxy", emoji: "\u{1F30C}", coins: 1e4, color: "#3F51B5" } ]; function TikTokGiftsPanel({ streamId, show, onClose, onSendGift }) { const [selectedGift, setSelectedGift] = (0, import_react12.useState)(null); const [quantity, setQuantity] = (0, import_react12.useState)(1); const [showAnimation, setShowAnimation] = (0, import_react12.useState)(false); if (!show) return null; const handleSendGift = async () => { if (!selectedGift) { toast.error("Please select a gift"); return; } try { const totalCoins = selectedGift.coins * quantity; setShowAnimation(true); setTimeout(() => setShowAnimation(false), 2e3); if (onSendGift) { await onSendGift({ streamId, giftId: selectedGift.id, giftName: selectedGift.name, quantity, totalCoins }); } toast.success(`Sent ${quantity}x ${selectedGift.name} \u{1F381}`); setSelectedGift(null); setQuantity(1); } catch (error) { console.error("Gift send error:", error); toast.error("Failed to send gift"); } }; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-end md:items-center justify-center" }, /* @__PURE__ */ React.createElement( "div", { className: "bg-gradient-to-b from-[#1a1a2e] to-[#16213e] rounded-t-3xl md:rounded-3xl p-6 w-full md:w-[500px] max-h-[80vh] overflow-y-auto shadow-2xl border-t-4 border-pink-500", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold bg-gradient-to-r from-pink-400 to-purple-400 bg-clip-text text-transparent" }, "\u{1F381} Send Gift"), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "text-gray-400 hover:text-white text-2xl" }, "\u2715" )), /* @__PURE__ */ React.createElement("div", { className: "bg-yellow-500/10 border border-yellow-500/30 rounded-xl p-3 mb-4 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-yellow-300" }, "Your Coins"), /* @__PURE__ */ React.createElement("span", { className: "text-xl font-bold text-yellow-400" }, "\u{1FA99} 99,999")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-3 mb-6" }, TIKTOK_GIFTS.map((gift) => /* @__PURE__ */ React.createElement( "button", { key: gift.id, onClick: () => setSelectedGift(gift), className: `relative p-4 rounded-2xl border-2 transition-all transform hover:scale-105 ${selectedGift?.id === gift.id ? "border-pink-500 bg-pink-500/20 shadow-lg shadow-pink-500/30" : "border-gray-700 bg-black/40 hover:border-gray-600"}` }, /* @__PURE__ */ React.createElement("div", { className: "text-4xl mb-2 animate-bounce" }, gift.emoji), /* @__PURE__ */ React.createElement("div", { className: "text-xs font-semibold" }, gift.name), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-yellow-400 mt-1" }, "\u{1FA99} ", gift.coins), selectedGift?.id === gift.id && /* @__PURE__ */ React.createElement("div", { className: "absolute top-1 right-1 w-5 h-5 bg-pink-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React.createElement("span", { className: "text-white text-xs" }, "\u2713")) ))), selectedGift && /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-r from-purple-500/20 to-pink-500/20 rounded-2xl p-4 mb-4 border border-purple-500/30" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-5xl" }, selectedGift.emoji), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "font-bold text-lg" }, selectedGift.name), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-300" }, "\u{1FA99} ", selectedGift.coins, " coins each"))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-300" }, "Quantity:"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setQuantity(Math.max(1, quantity - 1)), className: "w-8 h-8 bg-white/10 rounded-full hover:bg-white/20" }, "\u2212" ), /* @__PURE__ */ React.createElement("span", { className: "w-12 text-center font-bold" }, quantity), /* @__PURE__ */ React.createElement( "button", { onClick: () => setQuantity(Math.min(99, quantity + 1)), className: "w-8 h-8 bg-white/10 rounded-full hover:bg-white/20" }, "+" )), /* @__PURE__ */ React.createElement("div", { className: "flex-1 text-right" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-400" }, "Total: "), /* @__PURE__ */ React.createElement("span", { className: "font-bold text-yellow-400" }, "\u{1FA99} ", selectedGift.coins * quantity)))), /* @__PURE__ */ React.createElement( "button", { onClick: handleSendGift, disabled: !selectedGift, className: "w-full py-4 bg-gradient-to-r from-pink-500 to-purple-500 rounded-full font-bold text-lg shadow-lg hover:shadow-pink-500/50 transition-all disabled:opacity-50 disabled:cursor-not-allowed" }, "Send Gift \u{1F381}" ) )), showAnimation && selectedGift && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 pointer-events-none z-50" }, [...Array(10)].map((_, i) => /* @__PURE__ */ React.createElement( "div", { key: i, className: "absolute text-6xl animate-float-up", style: { left: `${Math.random() * 80 + 10}%`, bottom: 0, animationDelay: `${i * 0.1}s`, animationDuration: "2s" } }, selectedGift.emoji ))), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` @keyframes float-up { 0% { transform: translateY(0) scale(1) rotate(0deg); opacity: 1; } 100% { transform: translateY(-100vh) scale(1.5) rotate(360deg); opacity: 0; } } .animate-float-up { animation: float-up 2s ease-out forwards; } `)); } // virtual:/apps/web/src/components/LiveStream/ViewersList.jsx init_injected_globals(); var import_react13 = __toESM(require_react()); function ViewersList({ streamId, viewers = [], onKickViewer }) { const [showList, setShowList] = (0, import_react13.useState)(false); return /* @__PURE__ */ React.createElement("div", { className: "absolute top-20 right-2 md:right-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowList(!showList), className: "px-3 py-2 bg-black/60 backdrop-blur-sm rounded-full text-sm font-semibold flex items-center gap-2 hover:bg-black/80 transition-all" }, /* @__PURE__ */ React.createElement("span", { className: "text-lg" }, "\u{1F465}"), /* @__PURE__ */ React.createElement("span", null, viewers.length) ), showList && /* @__PURE__ */ React.createElement("div", { className: "absolute top-12 right-0 bg-black/90 backdrop-blur-md rounded-2xl p-4 w-72 max-h-96 overflow-y-auto shadow-2xl border border-white/10" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-sm" }, "Viewers (", viewers.length, ")"), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowList(false), className: "text-gray-400 hover:text-white" }, "\u2715" )), viewers.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center text-gray-400 text-sm py-8" }, "No viewers yet") : /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, viewers.map((viewer) => /* @__PURE__ */ React.createElement( "div", { key: viewer.id, className: "flex items-center gap-3 p-2 rounded-lg hover:bg-white/5" }, /* @__PURE__ */ React.createElement( "img", { src: viewer.image || "https://ucarecdn.com/df0e5fdc-9d2a-47f7-9c21-e77683accfa4/", alt: viewer.name, className: "w-8 h-8 rounded-full" } ), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium truncate" }, viewer.name), viewer.joinedAt && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400" }, new Date(viewer.joinedAt).toLocaleTimeString())), onKickViewer && /* @__PURE__ */ React.createElement( "button", { onClick: () => onKickViewer(viewer.id), className: "text-xs px-2 py-1 bg-red-500/20 text-red-300 rounded hover:bg-red-500/30", title: "Kick viewer" }, "Kick" ) ))))); } // virtual:/apps/web/src/components/LiveStream/MutedBlockedPanel.jsx init_injected_globals(); function MutedBlockedPanel({ show, mutedUsers, blockedUsers, onUnmute, onUnblock }) { if (!show) return null; const mutedArray = Array.from(mutedUsers); const blockedArray = Array.from(blockedUsers); return /* @__PURE__ */ React.createElement("div", { className: "absolute top-20 left-2 md:left-4 bg-black/90 backdrop-blur-md rounded-2xl p-4 w-80 max-h-96 overflow-y-auto shadow-2xl border border-white/10" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold mb-4" }, "Moderation"), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-semibold text-yellow-400" }, "\u{1F507} Muted (", mutedArray.length, ")")), mutedArray.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400" }, "No muted users") : /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, mutedArray.map((userId) => /* @__PURE__ */ React.createElement( "div", { key: userId, className: "flex items-center justify-between p-2 bg-yellow-500/10 rounded-lg" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, "User #", userId), /* @__PURE__ */ React.createElement( "button", { onClick: () => onUnmute(userId), className: "text-xs px-3 py-1 bg-green-500/20 text-green-300 rounded-full hover:bg-green-500/30 transition-all" }, "Unmute" ) )))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-semibold text-red-400" }, "\u{1F6AB} Blocked (", blockedArray.length, ")")), blockedArray.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400" }, "No blocked users") : /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, blockedArray.map((userId) => /* @__PURE__ */ React.createElement( "div", { key: userId, className: "flex items-center justify-between p-2 bg-red-500/10 rounded-lg" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, "User #", userId), /* @__PURE__ */ React.createElement( "button", { onClick: () => onUnblock(userId), className: "text-xs px-3 py-1 bg-green-500/20 text-green-300 rounded-full hover:bg-green-500/30 transition-all" }, "Unblock" ) ))))); } // virtual:/apps/web/src/components/LiveStream/CoHostPanel.jsx init_injected_globals(); var import_react14 = __toESM(require_react()); function CoHostPanel({ show, onClose, streamId, currentGuests = [], onInviteGuest, onRemoveGuest }) { const [searchQuery, setSearchQuery] = (0, import_react14.useState)(""); const [searchResults, setSearchResults] = (0, import_react14.useState)([]); const [isSearching, setIsSearching] = (0, import_react14.useState)(false); const handleSearch = async () => { if (!searchQuery.trim()) return; setIsSearching(true); try { const res = await fetch( `/api/users/search?q=${encodeURIComponent(searchQuery)}` ); if (!res.ok) throw new Error("Search failed"); const data = await res.json(); setSearchResults(data.users || []); } catch (error) { console.error("Search error:", error); toast.error("Failed to search users"); } finally { setIsSearching(false); } }; const handleInvite = async (user) => { try { if (onInviteGuest) { await onInviteGuest(streamId, user.id); } toast.success(`Invited ${user.name} to join!`); setSearchResults([]); setSearchQuery(""); } catch (error) { console.error("Invite error:", error); toast.error("Failed to send invite"); } }; const handleRemove = async (guestId) => { try { if (onRemoveGuest) { await onRemoveGuest(streamId, guestId); } toast.success("Guest removed"); } catch (error) { console.error("Remove error:", error); toast.error("Failed to remove guest"); } }; if (!show) return null; return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-b from-[#1a1a2e] to-[#16213e] rounded-3xl p-6 w-full max-w-md shadow-2xl border border-purple-500/30" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-2xl" }, "\u{1F4E6}"), "Live Box (Co-Host)"), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "text-gray-400 hover:text-white text-2xl" }, "\u2715" )), currentGuests.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-semibold mb-2 text-purple-300" }, "Active Guests (", currentGuests.length, ")"), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, currentGuests.map((guest) => /* @__PURE__ */ React.createElement( "div", { key: guest.id, className: "flex items-center gap-3 p-3 bg-purple-500/10 rounded-xl border border-purple-500/30" }, /* @__PURE__ */ React.createElement( "img", { src: guest.image || "https://ucarecdn.com/df0e5fdc-9d2a-47f7-9c21-e77683accfa4/", alt: guest.name, className: "w-10 h-10 rounded-full" } ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium" }, guest.name), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-green-400" }, "\u25CF Live")), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleRemove(guest.id), className: "text-xs px-3 py-1 bg-red-500/20 text-red-300 rounded-full hover:bg-red-500/30" }, "Remove" ) )))), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-semibold mb-2 text-gray-300" }, "Invite People"), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSearch(), placeholder: "Search username...", className: "flex-1 px-4 py-2 bg-black/40 border border-gray-700 rounded-full focus:border-purple-500 focus:outline-none" } ), /* @__PURE__ */ React.createElement( "button", { onClick: handleSearch, disabled: isSearching, className: "px-4 py-2 bg-purple-500 rounded-full hover:bg-purple-400 disabled:opacity-50" }, isSearching ? "..." : "\u{1F50D}" ))), searchResults.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-semibold text-gray-300" }, "Results"), searchResults.map((user) => { const isAlreadyGuest = currentGuests.some( (g) => g.id === user.id ); return /* @__PURE__ */ React.createElement( "div", { key: user.id, className: "flex items-center gap-3 p-3 bg-black/40 rounded-xl border border-gray-700 hover:border-gray-600" }, /* @__PURE__ */ React.createElement( "img", { src: user.image || "https://ucarecdn.com/df0e5fdc-9d2a-47f7-9c21-e77683accfa4/", alt: user.name, className: "w-10 h-10 rounded-full" } ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium" }, user.name), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400" }, "@", user.username || user.id)), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleInvite(user), disabled: isAlreadyGuest, className: `text-xs px-3 py-1 rounded-full ${isAlreadyGuest ? "bg-gray-700 text-gray-400 cursor-not-allowed" : "bg-purple-500/20 text-purple-300 hover:bg-purple-500/30"}` }, isAlreadyGuest ? "Already Guest" : "Invite" ) ); })), searchQuery && searchResults.length === 0 && !isSearching && /* @__PURE__ */ React.createElement("div", { className: "text-center text-gray-400 text-sm py-4" }, "No users found"))); } // virtual:/apps/web/src/components/LiveStream/AdvancedBeautyPanel.jsx init_injected_globals(); function AdvancedBeautyPanel({ show, beautySettings, onUpdateBeauty, onClose }) { if (!show) return null; const { skinSmoothing = 50, faceSlimming = 0, eyeEnlarge = 0, noseThinning = 0, lipPlumping = 0, teethWhitening = 0, blemishRemoval = 50 } = beautySettings || {}; return /* @__PURE__ */ React.createElement("div", { className: "absolute left-2 md:left-4 top-20 bg-black/90 backdrop-blur-md rounded-2xl p-4 w-80 max-h-[70vh] overflow-y-auto shadow-2xl border border-pink-500/30" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-pink-300 flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xl" }, "\u2728"), "Advanced Beauty"), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "w-8 h-8 rounded-full bg-pink-500/20 hover:bg-pink-500/30 flex items-center justify-center transition-all", title: "Close" }, /* @__PURE__ */ React.createElement("span", { className: "text-white text-lg" }, "\u2715") )), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Skin Smoothing: ", skinSmoothing, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: skinSmoothing, onChange: (e) => onUpdateBeauty({ ...beautySettings, skinSmoothing: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Face Slimming: ", faceSlimming, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: faceSlimming, onChange: (e) => onUpdateBeauty({ ...beautySettings, faceSlimming: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Eye Enlarge: ", eyeEnlarge, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: eyeEnlarge, onChange: (e) => onUpdateBeauty({ ...beautySettings, eyeEnlarge: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Nose Thinning: ", noseThinning, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: noseThinning, onChange: (e) => onUpdateBeauty({ ...beautySettings, noseThinning: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Lip Plumping: ", lipPlumping, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: lipPlumping, onChange: (e) => onUpdateBeauty({ ...beautySettings, lipPlumping: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Teeth Whitening: ", teethWhitening, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: teethWhitening, onChange: (e) => onUpdateBeauty({ ...beautySettings, teethWhitening: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Blemish Removal: ", blemishRemoval, "%"), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: blemishRemoval, onChange: (e) => onUpdateBeauty({ ...beautySettings, blemishRemoval: parseInt(e.target.value) }), className: "w-full accent-pink-500" } )), /* @__PURE__ */ React.createElement( "button", { onClick: () => onUpdateBeauty({ skinSmoothing: 50, faceSlimming: 0, eyeEnlarge: 0, noseThinning: 0, lipPlumping: 0, teethWhitening: 0, blemishRemoval: 50 }), className: "w-full py-2 bg-gray-700 hover:bg-gray-600 rounded-lg text-sm font-semibold" }, "Reset to Default" ))); } // virtual:/apps/web/src/components/LiveStream/GreenScreenPanel.jsx init_injected_globals(); function GreenScreenPanel({ show, greenScreenSettings, onUpdateGreenScreen, onClose }) { if (!show) return null; const { enabled = false, color = "#00ff00", tolerance = 20, smoothness = 5 } = greenScreenSettings || {}; return /* @__PURE__ */ React.createElement("div", { className: "absolute right-2 md:right-4 top-20 bg-black/90 backdrop-blur-md rounded-2xl p-4 w-80 shadow-2xl border border-green-500/30" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-green-300 flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xl" }, "\u{1F3AC}"), "Green Screen"), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "w-8 h-8 rounded-full bg-green-500/20 hover:bg-green-500/30 flex items-center justify-center transition-all", title: "Close" }, /* @__PURE__ */ React.createElement("span", { className: "text-white text-lg" }, "\u2715") )), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold" }, "Enable Green Screen"), /* @__PURE__ */ React.createElement( "button", { onClick: () => onUpdateGreenScreen({ ...greenScreenSettings, enabled: !enabled }), className: `w-12 h-6 rounded-full transition-all ${enabled ? "bg-green-500" : "bg-gray-700"}` }, /* @__PURE__ */ React.createElement( "div", { className: `w-5 h-5 bg-white rounded-full transition-transform ${enabled ? "translate-x-6" : "translate-x-1"}` } ) )), enabled && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-2 text-gray-300" }, "Chroma Key Color"), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "color", value: color, onChange: (e) => onUpdateGreenScreen({ ...greenScreenSettings, color: e.target.value }), className: "w-12 h-12 rounded cursor-pointer" } ), /* @__PURE__ */ React.createElement( "input", { type: "text", value: color, onChange: (e) => onUpdateGreenScreen({ ...greenScreenSettings, color: e.target.value }), className: "flex-1 px-3 py-2 bg-black/40 border border-gray-700 rounded text-sm" } ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Tolerance: ", tolerance), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "100", value: tolerance, onChange: (e) => onUpdateGreenScreen({ ...greenScreenSettings, tolerance: parseInt(e.target.value) }), className: "w-full accent-green-500" } ), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-xs text-gray-400 mt-1" }, /* @__PURE__ */ React.createElement("span", null, "Strict"), /* @__PURE__ */ React.createElement("span", null, "Loose"))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-1 text-gray-300" }, "Edge Smoothness: ", smoothness), /* @__PURE__ */ React.createElement( "input", { type: "range", min: "0", max: "20", value: smoothness, onChange: (e) => onUpdateGreenScreen({ ...greenScreenSettings, smoothness: parseInt(e.target.value) }), className: "w-full accent-green-500" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-xs font-semibold mb-2 text-gray-300" }, "Quick Presets"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => onUpdateGreenScreen({ ...greenScreenSettings, color: "#00ff00" }), className: "p-2 bg-green-500/20 rounded border border-green-500/40 hover:bg-green-500/30" }, "Green" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => onUpdateGreenScreen({ ...greenScreenSettings, color: "#0000ff" }), className: "p-2 bg-blue-500/20 rounded border border-blue-500/40 hover:bg-blue-500/30" }, "Blue" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => onUpdateGreenScreen({ ...greenScreenSettings, color: "#ff00ff" }), className: "p-2 bg-pink-500/20 rounded border border-pink-500/40 hover:bg-pink-500/30" }, "Pink" )))))); } // virtual:/apps/web/src/components/LiveStream/LiveCameraView.jsx function LiveCameraView(props) { const [showGifts, setShowGifts] = (0, import_react15.useState)(false); const [showViewers, setShowViewers] = (0, import_react15.useState)(false); const [showModeration, setShowModeration] = (0, import_react15.useState)(false); const [showCoHost, setShowCoHost] = (0, import_react15.useState)(false); const [showAdvancedBeauty, setShowAdvancedBeauty] = (0, import_react15.useState)(false); const [showGreenScreen, setShowGreenScreen] = (0, import_react15.useState)(false); const canvasRef = (0, import_react15.useRef)(null); (0, import_react15.useEffect)(() => { if (!props.greenScreenSettings?.enabled || !props.videoRef?.current || !canvasRef.current) return; const video = props.videoRef.current; const canvas = canvasRef.current; const ctx = canvas.getContext("2d", { willReadFrequently: true }); let animationId; const processFrame = () => { if (video.videoWidth && video.videoHeight) { canvas.width = video.videoWidth; canvas.height = video.videoHeight; ctx.drawImage(video, 0, 0, canvas.width, canvas.height); const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); const data = imageData.data; const targetColor = props.greenScreenSettings.color || "#00ff00"; const r = parseInt(targetColor.slice(1, 3), 16); const g = parseInt(targetColor.slice(3, 5), 16); const b = parseInt(targetColor.slice(5, 7), 16); const tolerance = (props.greenScreenSettings.tolerance || 20) / 100 * 255; for (let i = 0; i < data.length; i += 4) { const dr = Math.abs(data[i] - r); const dg = Math.abs(data[i + 1] - g); const db = Math.abs(data[i + 2] - b); if (dr < tolerance && dg < tolerance && db < tolerance) { data[i + 3] = 0; } } ctx.putImageData(imageData, 0, 0); } animationId = requestAnimationFrame(processFrame); }; processFrame(); return () => { if (animationId) cancelAnimationFrame(animationId); }; }, [props.greenScreenSettings, props.videoRef]); const videoFilters = (0, import_react15.useMemo)(() => { const filters = []; if (props.customFilter) return props.customFilter.filters; if (props.beautyLevel > 0) { filters.push(`blur(${props.beautyLevel / 100 * 2}px)`); filters.push(`brightness(${1 + props.beautyLevel / 100 * 0.1})`); } if (props.backgroundEffect === "blur" && props.backgroundBlurAmount > 0) { filters.push(`blur(${props.backgroundBlurAmount * 0.1}px)`); } props.selectedEffects?.forEach((effect) => { switch (effect) { case "sparkle": filters.push("contrast(1.1)", "saturate(1.2)"); break; case "warm": filters.push("sepia(0.3)"); break; case "cool": filters.push("hue-rotate(180deg)"); break; case "vibrant": filters.push("saturate(1.5)"); break; case "vintage": filters.push("sepia(0.5)", "contrast(0.9)"); break; case "black_white": filters.push("grayscale(1)"); break; case "pink": filters.push("hue-rotate(300deg)", "saturate(1.3)"); break; case "neon": filters.push("contrast(1.3)", "saturate(1.4)"); break; } }); return filters.length > 0 ? filters.join(" ") : "none"; }, [ props.selectedEffects, props.beautyLevel, props.customFilter, props.backgroundEffect, props.backgroundBlurAmount ]); const arOverlay = (0, import_react15.useMemo)(() => { if (!props.selectedAREffects || props.selectedAREffects.length === 0) return null; return /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 pointer-events-none flex items-center justify-center" }, props.selectedAREffects.map((effectId) => /* @__PURE__ */ React.createElement("div", { key: effectId, className: "text-6xl md:text-8xl animate-bounce" }, effectId === "heart_eyes" && "\u{1F60D}", effectId === "cat_ears" && "\u{1F431}", effectId === "crown" && "\u{1F451}", effectId === "bunny" && "\u{1F430}", effectId === "flowers" && "\u{1F338}", effectId === "glasses" && "\u{1F60E}", effectId === "stars" && "\u2B50", effectId === "rainbow" && "\u{1F308}"))); }, [props.selectedAREffects]); const backgroundOverlay = (0, import_react15.useMemo)(() => { if (!props.backgroundEffect || props.backgroundEffect === "none" || props.backgroundEffect === "blur") return null; const backgrounds = { beach: "linear-gradient(to bottom, #87CEEB 0%, #F4A460 100%)", city: "linear-gradient(to bottom, #1a1a2e 0%, #16213e 50%, #0f3460 100%)", space: "linear-gradient(to bottom, #000000 0%, #1a1a3e 50%, #2d1b4e 100%)", gradient: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", studio: "linear-gradient(to bottom, #2c2c2c 0%, #1a1a1a 100%)", nature: "linear-gradient(to bottom, #0f9b0f 0%, #134e13 100%)" }; return /* @__PURE__ */ React.createElement( "div", { className: "absolute inset-0 -z-10 opacity-30", style: { background: backgrounds[props.backgroundEffect] } } ); }, [props.backgroundEffect]); return /* @__PURE__ */ React.createElement( "div", { ref: props.containerRef, className: "fixed inset-0 bg-black z-50 flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 relative bg-black overflow-hidden" }, backgroundOverlay, /* @__PURE__ */ React.createElement( "video", { ref: props.videoRef, autoPlay: true, playsInline: true, muted: true, className: `w-full h-full object-cover ${props.greenScreenSettings?.enabled ? "hidden" : ""}`, style: { filter: videoFilters } } ), props.greenScreenSettings?.enabled && /* @__PURE__ */ React.createElement( "canvas", { ref: canvasRef, className: "w-full h-full object-cover", style: { filter: videoFilters } } ), arOverlay, /* @__PURE__ */ React.createElement(LiveIndicator, null), /* @__PURE__ */ React.createElement( LiveStreamInfo, { streamId: props.streamId, liveTitle: props.liveTitle, viewerCount: props.viewers?.length || props.comments?.length || 0 } ), /* @__PURE__ */ React.createElement("div", { className: "absolute top-4 left-4 flex flex-col gap-2 z-20" }, props.availableCameras && props.availableCameras.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "bg-black/60 backdrop-blur-sm rounded-2xl p-2 border border-white/20" }, /* @__PURE__ */ React.createElement("div", { className: "text-[10px] text-gray-400 mb-1 px-1" }, "\u{1F4F9} Camera"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, props.availableCameras.map((camera, idx) => /* @__PURE__ */ React.createElement( "button", { key: camera.deviceId, onClick: () => props.onSwitchToCamera(camera.deviceId), className: `px-3 py-1.5 rounded-lg text-xs font-semibold transition-all ${props.activeCameraId === camera.deviceId ? "bg-pink-500 text-white" : "bg-white/10 hover:bg-white/20 text-white"}` }, camera.label.includes("back") ? "\u{1F519} Back" : camera.label.includes("front") ? "\u{1F933} Front" : camera.label.includes("ultra") ? "\u{1F310} Ultra" : `\u{1F4F7} ${idx + 1}` )))), /* @__PURE__ */ React.createElement( "button", { onClick: props.switchCamera, className: "px-4 py-2 bg-black/60 backdrop-blur-sm rounded-full text-sm font-semibold hover:bg-black/80 transition-all border border-white/20", title: "Flip Camera" }, "\u{1F504} Flip" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowAdvancedBeauty(!showAdvancedBeauty), className: "px-4 py-2 bg-pink-500/60 backdrop-blur-sm rounded-full text-sm font-semibold hover:bg-pink-500/80 transition-all border border-pink-500/50", title: "Advanced Beauty" }, "\u2728 Beauty" )), props.isOwnStream && /* @__PURE__ */ React.createElement( "button", { onClick: props.handleEndLive, className: "absolute top-4 right-4 px-8 py-4 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-500 hover:to-red-600 rounded-2xl flex items-center gap-3 transition-all border-4 border-red-400/50 shadow-2xl hover:shadow-red-500/50 z-20 font-bold text-xl animate-pulse hover:animate-none hover:scale-105", title: "End Live Stream" }, /* @__PURE__ */ React.createElement("span", { className: "text-3xl" }, "\u2B1B"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-normal opacity-80" }, "End"), /* @__PURE__ */ React.createElement("span", null, "LIVE")) ), !props.isOwnStream && /* @__PURE__ */ React.createElement( "button", { onClick: props.handleEndLive || (() => window.history.back()), className: "absolute top-4 right-4 w-12 h-12 bg-black/60 backdrop-blur-sm rounded-full flex items-center justify-center hover:bg-black/80 transition-all border border-white/20 z-10", title: "Close" }, /* @__PURE__ */ React.createElement("span", { className: "text-white text-2xl" }, "\u2715") ), /* @__PURE__ */ React.createElement( ViewersList, { streamId: props.streamId, viewers: props.viewers || [], onKickViewer: (id) => console.log("Kick", id) } ), /* @__PURE__ */ React.createElement("div", { className: "absolute top-32 right-4 flex flex-col gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowModeration(!showModeration), className: "px-3 py-2 bg-black/60 backdrop-blur-sm rounded-full text-sm font-semibold flex items-center gap-2 hover:bg-black/80 transition-all" }, /* @__PURE__ */ React.createElement("span", null, "\u2696\uFE0F"), /* @__PURE__ */ React.createElement("span", { className: "text-xs" }, props.mutedUsers?.size + props.blockedUsers?.size || 0) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowCoHost(true), className: "px-3 py-2 bg-purple-500/60 backdrop-blur-sm rounded-full text-sm font-semibold hover:bg-purple-500/80 transition-all", title: "Invite Co-Host" }, "\u{1F4E6} Box" ), props.onTogglePiP && /* @__PURE__ */ React.createElement( "button", { onClick: props.onTogglePiP, className: "px-3 py-2 bg-blue-500/60 backdrop-blur-sm rounded-full text-sm font-semibold hover:bg-blue-500/80 transition-all", title: "Picture-in-Picture" }, "\u{1F5BC}\uFE0F PiP" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowGreenScreen(!showGreenScreen), className: `px-3 py-2 backdrop-blur-sm rounded-full text-sm font-semibold transition-all ${props.greenScreenSettings?.enabled ? "bg-green-500/80 border border-green-400" : "bg-green-500/60 hover:bg-green-500/80"}`, title: "Green Screen" }, "\u{1F3AC} Chroma" )), /* @__PURE__ */ React.createElement(LiveCommentsSidebar, { ...props, show: props.showComments }), /* @__PURE__ */ React.createElement(LiveControlBar, { ...props, onShowGifts: () => setShowGifts(true) }), /* @__PURE__ */ React.createElement(LiveEffectsPanel, { ...props, show: props.showEffects }), /* @__PURE__ */ React.createElement(LiveSettingsPanel, { ...props, show: props.showSettings }), /* @__PURE__ */ React.createElement(LivePromotePanel, { show: props.showPromote }), /* @__PURE__ */ React.createElement( MutedBlockedPanel, { show: showModeration, mutedUsers: props.mutedUsers, blockedUsers: props.blockedUsers, onUnmute: props.handleUnmuteUser, onUnblock: props.handleUnblockUser } ), /* @__PURE__ */ React.createElement( CoHostPanel, { show: showCoHost, onClose: () => setShowCoHost(false), streamId: props.streamId, currentGuests: props.coHosts || [], onInviteGuest: props.onInviteGuest, onRemoveGuest: props.onRemoveGuest } ), /* @__PURE__ */ React.createElement( AdvancedBeautyPanel, { show: showAdvancedBeauty, beautySettings: props.beautySettings, onUpdateBeauty: props.onUpdateBeautySettings, onClose: () => setShowAdvancedBeauty(false) } ), /* @__PURE__ */ React.createElement( GreenScreenPanel, { show: showGreenScreen, greenScreenSettings: props.greenScreenSettings, onUpdateGreenScreen: props.onUpdateGreenScreen, onClose: () => setShowGreenScreen(false) } ), /* @__PURE__ */ React.createElement( TikTokGiftsPanel, { streamId: props.streamId, show: showGifts, onClose: () => setShowGifts(false), onSendGift: props.onSendGift } )) ); } // virtual:/apps/web/src/components/LiveStream/LiveStreamsList.jsx init_injected_globals(); // virtual:/apps/web/src/components/LiveStream/LiveStreamCard.jsx init_injected_globals(); // virtual:/apps/web/src/components/BadgeIcon.jsx init_injected_globals(); function BadgeIcon({ color, style = "solid", size = 16 }) { const colorMap = { blue: "#3B82F6", gold: "#F59E0B", purple: "#A855F7", green: "#10B981", red: "#EF4444" }; const fillColor = colorMap[color] || "#3B82F6"; if (style === "outline") { return /* @__PURE__ */ React.createElement( "svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "inline-block" }, /* @__PURE__ */ React.createElement( "path", { d: "M9 12L10.5 13.5L15 9M12 3L14.5 7L19 8L16 11.5L16.5 16L12 14L7.5 16L8 11.5L5 8L9.5 7L12 3Z", stroke: fillColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" } ) ); } return /* @__PURE__ */ React.createElement( "svg", { width: size, height: size, viewBox: "0 0 24 24", fill: fillColor, xmlns: "http://www.w3.org/2000/svg", className: "inline-block" }, /* @__PURE__ */ React.createElement("path", { d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" }), /* @__PURE__ */ React.createElement( "path", { d: "M9 12L10.5 13.5L15 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" } ) ); } // virtual:/apps/web/src/components/LiveStream/LiveStreamCard.jsx function LiveStreamCard({ stream }) { const creatorName = stream.creator_username || stream.creator_name || `Creator ${stream.creator_id}`; const watchUrl = `/live/watch/${stream.id}`; const totalAudience = (stream.instagram_followers || 0) + (stream.tiktok_followers || 0) + (stream.youtube_followers || 0); const filters = Array.isArray(stream.filters) ? stream.filters : typeof stream.filters === "string" ? JSON.parse(stream.filters || "[]") : []; const effects = Array.isArray(stream.effects) ? stream.effects : typeof stream.effects === "string" ? JSON.parse(stream.effects || "[]") : []; const beautyLevel = stream.beauty_level || 0; const filterEmojis = { natural: "\u{1F33F}", warm: "\u{1F305}", cool: "\u2744\uFE0F", vibrant: "\u{1F3A8}", vintage: "\u{1F4F7}", black_white: "\u26AB\u26AA", pink: "\u{1F497}", blue_hour: "\u{1F303}" }; const effectEmojis = { sparkle: "\u2728", hearts: "\u{1F495}", stars: "\u2B50", rainbow: "\u{1F308}", glitter: "\u{1F48E}", frame: "\u{1F5BC}\uFE0F", blur_bg: "\u{1F32B}\uFE0F", neon: "\u{1F4A1}" }; return /* @__PURE__ */ React.createElement( "a", { href: watchUrl, className: "block bg-[#1a1a1f] rounded-lg overflow-hidden hover:ring-2 hover:ring-pink-500 transition-all" }, /* @__PURE__ */ React.createElement("div", { className: "relative aspect-video bg-gray-900" }, stream.thumbnail_url ? /* @__PURE__ */ React.createElement( "img", { src: stream.thumbnail_url, alt: stream.title, className: "w-full h-full object-cover" } ) : /* @__PURE__ */ React.createElement("div", { className: "w-full h-full flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-6xl" }, "\u{1F4F9}")), /* @__PURE__ */ React.createElement("div", { className: "absolute top-2 left-2" }, /* @__PURE__ */ React.createElement(LiveIndicator, { viewerCount: stream.viewer_count })), (filters.length > 0 || effects.length > 0 || beautyLevel > 0) && /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-2 right-2 flex gap-1 flex-wrap justify-end max-w-[50%]" }, beautyLevel > 0 && /* @__PURE__ */ React.createElement("span", { className: "bg-pink-500/80 backdrop-blur-sm text-white text-xs px-2 py-1 rounded-full" }, "\u2728 Beauty ", beautyLevel, "%"), filters.slice(0, 2).map((filter) => /* @__PURE__ */ React.createElement( "span", { key: filter, className: "bg-black/60 backdrop-blur-sm text-white text-xs px-2 py-1 rounded-full" }, filterEmojis[filter] || "\u{1F3A8}" )), effects.slice(0, 2).map((effect) => /* @__PURE__ */ React.createElement( "span", { key: effect, className: "bg-black/60 backdrop-blur-sm text-white text-xs px-2 py-1 rounded-full" }, effectEmojis[effect] || "\u2728" )), filters.length + effects.length > 4 && /* @__PURE__ */ React.createElement("span", { className: "bg-black/60 backdrop-blur-sm text-white text-xs px-2 py-1 rounded-full" }, "+", filters.length + effects.length - 4))), /* @__PURE__ */ React.createElement("div", { className: "p-3 space-y-2" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-white line-clamp-2" }, stream.title), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-400" }, "@", creatorName), stream.badge_color && /* @__PURE__ */ React.createElement(BadgeIcon, { color: stream.badge_color, style: stream.badge_style }), totalAudience > 0 && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-500" }, "\u2022 ", totalAudience.toLocaleString(), " audience")), stream.description && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-400 line-clamp-2" }, stream.description)) ); } // virtual:/apps/web/src/components/LiveStream/LiveStreamsList.jsx function LiveStreamsList({ streams, isLoading }) { if (isLoading) { return /* @__PURE__ */ React.createElement("div", { className: "text-center py-12 text-gray-400" }, "Loading live streams..."); } if (streams.length === 0) { return /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "text-6xl mb-4" }, "\u{1F4F9}"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-400" }, "No one is live right now"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500 mt-2" }, "Check back soon!")); } return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, streams.map((stream) => /* @__PURE__ */ React.createElement(LiveStreamCard, { key: stream.id, stream }))); } // virtual:/apps/web/src/components/LiveStream/CreatorChatPanel.jsx init_injected_globals(); var import_react16 = __toESM(require_react()); function CreatorChatPanel({ show, onClose, currentUserId }) { const queryClient2 = useQueryClient(); const [selectedCreator, setSelectedCreator] = (0, import_react16.useState)(null); const [messageText, setMessageText] = (0, import_react16.useState)(""); const messagesEndRef = (0, import_react16.useRef)(null); const { data: creatorsData } = useQuery({ queryKey: ["active-creators"], queryFn: async () => { const res = await fetch("/api/live-streams/active-creators"); if (!res.ok) return { creators: [] }; return res.json(); }, refetchInterval: 1e4, // Refresh every 10 seconds enabled: show }); const { data: messagesData } = useQuery({ queryKey: ["creator-chat", selectedCreator?.creator_id], queryFn: async () => { if (!selectedCreator) return { messages: [] }; const res = await fetch( `/api/live-streams/creator-chat?withCreatorId=${selectedCreator.creator_id}` ); if (!res.ok) return { messages: [] }; return res.json(); }, refetchInterval: 2e3, // Refresh every 2 seconds enabled: !!selectedCreator && show }); const sendMessageMutation = useMutation({ mutationFn: async ({ recipientId, message }) => { const res = await fetch("/api/live-streams/creator-chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ recipientId, message }) }); if (!res.ok) throw new Error("Failed to send message"); return res.json(); }, onSuccess: () => { queryClient2.invalidateQueries([ "creator-chat", selectedCreator?.creator_id ]); setMessageText(""); }, onError: () => { toast.error("Failed to send message"); } }); const handleSendMessage = () => { if (!messageText.trim() || !selectedCreator) return; sendMessageMutation.mutate({ recipientId: selectedCreator.creator_id, message: messageText }); }; (0, import_react16.useEffect)(() => { messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }, [messagesData?.messages]); if (!show) return null; const activeCreators = (creatorsData?.creators || []).filter( (c) => c.creator_id !== currentUserId ); const messages = messagesData?.messages || []; return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/80 backdrop-blur-sm z-50 flex items-center justify-center p-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-b from-gray-800 to-gray-900 rounded-3xl w-full max-w-5xl h-[80vh] flex overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "w-80 bg-black/40 border-r border-gray-700 flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 border-b border-gray-700 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold" }, "\u{1F3A5} Live Creators"), /* @__PURE__ */ React.createElement("button", { onClick: onClose, className: "text-2xl hover:text-pink-400" }, "\u2715")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto" }, activeCreators.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "p-4 text-center text-gray-400" }, "No other creators are live right now") : activeCreators.map((creator) => /* @__PURE__ */ React.createElement( "button", { key: creator.creator_id, onClick: () => setSelectedCreator(creator), className: `w-full p-4 flex items-center gap-3 hover:bg-white/5 transition-all border-b border-gray-800 ${selectedCreator?.creator_id === creator.creator_id ? "bg-pink-500/20 border-l-4 border-l-pink-500" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( "img", { src: creator.creator_image || "https://ucarecdn.com/df0e5fdc-9d2a-47f7-9c21-e77683accfa4/", alt: creator.creator_name, className: "w-12 h-12 rounded-full" } ), /* @__PURE__ */ React.createElement("div", { className: "absolute -bottom-1 -right-1 w-4 h-4 bg-red-500 rounded-full border-2 border-gray-900 animate-pulse" })), /* @__PURE__ */ React.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold flex items-center gap-1" }, creator.creator_name, (creator.is_verified || creator.is_official) && /* @__PURE__ */ React.createElement("span", { className: "text-xs" }, "\u2713")), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400 truncate" }, creator.title), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500" }, "\u{1F441}\uFE0F ", creator.viewer_count || 0)) )))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex flex-col" }, !selectedCreator ? /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex items-center justify-center text-gray-400" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-6xl mb-4" }, "\u{1F4AC}"), /* @__PURE__ */ React.createElement("p", { className: "text-xl font-semibold mb-2" }, "Creator Live Chat"), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Select a live creator to start chatting"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "p-4 border-b border-gray-700 flex items-center gap-3" }, /* @__PURE__ */ React.createElement( "img", { src: selectedCreator.creator_image || "https://ucarecdn.com/df0e5fdc-9d2a-47f7-9c21-e77683accfa4/", alt: selectedCreator.creator_name, className: "w-10 h-10 rounded-full" } ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold" }, selectedCreator.creator_name), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400" }, "@", selectedCreator.creator_username || "creator", " \u2022 Live")), /* @__PURE__ */ React.createElement( "a", { href: `/live/watch/${selectedCreator.stream_id}`, target: "_blank", rel: "noopener noreferrer", className: "px-3 py-1.5 bg-red-500 hover:bg-red-400 rounded-full text-sm font-semibold" }, "Watch Stream" )), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-3" }, messages.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center text-gray-400 py-8" }, "No messages yet. Say hi! \u{1F44B}") : messages.map((msg) => { const isMe = msg.sender_id === currentUserId; return /* @__PURE__ */ React.createElement( "div", { key: msg.id, className: `flex ${isMe ? "justify-end" : "justify-start"}` }, /* @__PURE__ */ React.createElement( "div", { className: `max-w-[70%] ${isMe ? "order-2" : "order-1"}` }, !isMe && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400 mb-1 px-2" }, msg.sender_name), /* @__PURE__ */ React.createElement( "div", { className: `px-4 py-2 rounded-2xl ${isMe ? "bg-pink-500 text-white rounded-br-none" : "bg-gray-700 text-white rounded-bl-none"}` }, /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, msg.content) ), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-500 mt-1 px-2" }, new Date(msg.created_at).toLocaleTimeString()) ) ); }), /* @__PURE__ */ React.createElement("div", { ref: messagesEndRef })), /* @__PURE__ */ React.createElement("div", { className: "p-4 border-t border-gray-700" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: messageText, onChange: (e) => setMessageText(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSendMessage(), placeholder: "Type a message...", className: "flex-1 px-4 py-3 bg-black/40 border border-gray-700 rounded-full focus:border-pink-500 focus:outline-none" } ), /* @__PURE__ */ React.createElement( "button", { onClick: handleSendMessage, disabled: !messageText.trim() || sendMessageMutation.isPending, className: "px-6 py-3 bg-pink-500 hover:bg-pink-400 rounded-full font-semibold disabled:opacity-50" }, "Send" ))))))); } // virtual:/apps/web/src/app/live/page.jsx function LivePage() { const { data, isLoading } = useLiveStreams(true); const streams = data?.streams || []; const { data: user } = useUser_default(); const [showGoLiveModal, setShowGoLiveModal] = (0, import_react17.useState)(false); const [showCreatorChat, setShowCreatorChat] = (0, import_react17.useState)(false); const containerRef = (0, import_react17.useRef)(null); const [authStatus, setAuthStatus] = (0, import_react17.useState)(null); const [authLoading, setAuthLoading] = (0, import_react17.useState)(true); const { startStream, endStream } = useLiveStreamMutations(); const { stream, facingMode, videoRef, videoQuality, audioEnabled, availableDevices, activeDeviceId, mediaRecorder, isPiPActive, startCamera, stopCamera, switchCamera, switchToDevice, changeVideoQuality, toggleAudio, setAudioVolume, enumerateCameras, startRecording, stopRecording, togglePiP } = useLiveCamera(); const { isLive, setIsLive, activeStreamId, setActiveStreamId, liveTitle, setLiveTitle, liveDesc, setLiveDesc, selectedFilters, setSelectedFilters, selectedEffects, setSelectedEffects, beautyLevel, setBeautyLevel, micVolume, setMicVolume, isPrivate, setIsPrivate, selectedAREffects, setSelectedAREffects, backgroundEffect, setBackgroundEffect, backgroundBlurAmount, setBackgroundBlurAmount, customFilter, setCustomFilter, isRecording, setIsRecording, beautySettings, setBeautySettings, greenScreenSettings, setGreenScreenSettings, isPiPMode, setIsPiPMode, coHosts, setCoHosts, viewers, setViewers, resetStreamState } = useLiveStreamState(); const { isFullscreen, setIsFullscreen, showEffects, setShowEffects, showSettings, setShowSettings, showPromote, setShowPromote, showComments, setShowComments } = useLiveStreamControls(); const { comments, newComment, setNewComment, blockedUsers, mutedUsers, moderators, handleSendComment, handleBlockUser, handleMuteUser, handleMakeModerator, handleUnmuteUser, handleUnblockUser, resetComments } = useLiveComments(user); const { toggleFullscreen } = useFullscreen(containerRef, setIsFullscreen); const { handleGoLive, handleEndLive, handleShare } = useLiveStreamActions({ user, liveTitle, liveDesc, selectedFilters, selectedEffects, beautyLevel, activeStreamId, startStream, endStream, setActiveStreamId, setIsLive, startCamera, stopCamera, resetStreamState, resetComments }); (0, import_react17.useEffect)(() => { const checkAuth = async () => { if (!user) { setAuthLoading(false); return; } try { const res = await fetch("/api/live-streams/check-auth"); const data2 = await res.json(); setAuthStatus(data2); } catch (error) { console.error("Error checking auth:", error); setAuthStatus({ authorized: false, reason: "Error checking authorization" }); } finally { setAuthLoading(false); } }; checkAuth(); }, [user]); (0, import_react17.useEffect)(() => { if (isLive && !stream) { startCamera(); } }, [facingMode, isLive]); const handleGoLiveClick = () => { if (!user) { window.location.href = "/account/signin"; return; } if (!authStatus?.authorized) { alert( authStatus?.reason || "You are not authorized to stream. Contact staff for access." ); return; } setShowGoLiveModal(true); }; const handleGoLiveSubmit = async () => { await handleGoLive(); setShowGoLiveModal(false); }; const handleShareClick = () => { handleShare(activeStreamId, liveTitle); }; const handleMicVolumeChange = (volume) => { setMicVolume(volume); setAudioVolume(volume); }; const handleStartRecording = () => { startRecording(); setIsRecording(true); }; const handleStopRecording = () => { stopRecording(); setIsRecording(false); }; const handleSendGift = async (giftData) => { console.log("Sending gift:", giftData); }; const handleInviteGuest = async (streamId, userId) => { console.log("Inviting guest:", userId); setCoHosts((prev) => [...prev, { id: userId, name: `Guest ${userId}` }]); }; const handleRemoveGuest = async (streamId, userId) => { setCoHosts((prev) => prev.filter((g) => g.id !== userId)); }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-black text-white" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto p-4 md:p-6 space-y-4 md:space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl md:text-3xl font-bold" }, "Live Now"), /* @__PURE__ */ React.createElement("a", { href: "/feed", className: "text-sm text-pink-400 hover:underline" }, "Back to Feed")), !authLoading && user && authStatus && /* @__PURE__ */ React.createElement( "div", { className: `p-4 rounded-lg ${authStatus.authorized ? "bg-green-900/30 border border-green-500/50" : "bg-red-900/30 border border-red-500/50"}` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, authStatus.authorized ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "text-2xl" }, "\u2705"), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "font-semibold text-green-400" }, "Live Stream Access Granted"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-300" }, authStatus.message), authStatus.timeRemaining && !authStatus.isStaff && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400 mt-1" }, "Time remaining: ", authStatus.timeRemaining))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "text-2xl" }, "\u{1F6AB}"), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "font-semibold text-red-400" }, "No Live Stream Access"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-300" }, authStatus.reason)))) ), !isLive && /* @__PURE__ */ React.createElement( GoLiveButton, { onClick: handleGoLiveClick, disabled: !authStatus?.authorized } ), isLive && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( LiveCameraView, { streamId: activeStreamId, containerRef, videoRef, liveTitle, comments, showComments, newComment, setNewComment, handleSendComment, mutedUsers, moderators, handleMuteUser, handleMakeModerator, handleBlockUser, handleUnmuteUser, handleUnblockUser, switchCamera, showEffects, setShowEffects, showSettings, setShowSettings, handleEndLive, setShowComments, handleShare: handleShareClick, showPromote, setShowPromote, toggleFullscreen, isFullscreen, selectedEffects, setSelectedEffects, beautyLevel, setBeautyLevel, blockedUsers, videoQuality, onVideoQualityChange: changeVideoQuality, audioEnabled, onToggleAudio: toggleAudio, micVolume, onMicVolumeChange: handleMicVolumeChange, isPrivate, onTogglePrivate: () => setIsPrivate(!isPrivate), selectedAREffects, setSelectedAREffects, backgroundEffect, setBackgroundEffect, backgroundBlurAmount, setBackgroundBlurAmount, customFilter, setCustomFilter, isRecording, onStartRecording: handleStartRecording, onStopRecording: handleStopRecording, availableCameras: availableDevices, activeCameraId: activeDeviceId, onSwitchToCamera: switchToDevice, beautySettings, onUpdateBeautySettings: setBeautySettings, greenScreenSettings, onUpdateGreenScreen: setGreenScreenSettings, onTogglePiP: togglePiP, isPiPMode: isPiPActive, coHosts, onInviteGuest: handleInviteGuest, onRemoveGuest: handleRemoveGuest, viewers, onSendGift: handleSendGift, isOwnStream: true } ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowCreatorChat(true), className: "fixed bottom-24 right-6 w-16 h-16 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-2xl hover:shadow-pink-500/50 transition-all z-40 animate-pulse", title: "Chat with other live creators" }, /* @__PURE__ */ React.createElement("span", { className: "text-2xl" }, "\u{1F4AC}") )), !isLive && /* @__PURE__ */ React.createElement(LiveStreamsList, { streams, isLoading })), /* @__PURE__ */ React.createElement( GoLiveModal, { show: showGoLiveModal, onClose: () => setShowGoLiveModal(false), onGoLive: handleGoLiveSubmit, liveTitle, setLiveTitle, liveDesc, setLiveDesc, beautyLevel, setBeautyLevel, selectedFilters, setSelectedFilters, selectedEffects, setSelectedEffects, isPending: startStream.isPending } ), /* @__PURE__ */ React.createElement( CreatorChatPanel, { show: showCreatorChat, onClose: () => setShowCreatorChat(false), currentUserId: user?.id } )); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var import_react18 = __toESM(require_react()); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, cacheTime: 1e3 * 60 * 30, retry: 1, refetchOnWindowFocus: false } } }); function HeaderWithUser() { const { data: user } = useUser_default(); const { data: assignData } = useQuery({ queryKey: ["campaign-assignments-header"], queryFn: async () => { const res = await fetch("/api/campaign-assignments"); if (!res.ok) return { assignments: [] }; return res.json(); }, enabled: !!user }); const activeAssignments = (assignData?.assignments || []).filter( (a) => (a.status === "accepted" || a.status === "authorized") && !a.completed_at ); const activeCount = activeAssignments.length; const { data: messagesData } = useQuery({ queryKey: ["messages-conversations"], queryFn: async () => { const res = await fetch("/api/messages"); if (!res.ok) return { conversations: [] }; return res.json(); }, enabled: !!user, refetchInterval: 1e4 // Poll every 10 seconds }); const { data: liveData } = useQuery({ queryKey: ["live-streams-count"], queryFn: async () => { const res = await fetch("/api/live-streams"); if (!res.ok) return { streams: [] }; return res.json(); }, refetchInterval: 15e3 // Check every 15 seconds }); const liveCount = liveData?.streams?.length || 0; const unreadCount = (messagesData?.conversations || []).reduce( (sum, c) => sum + (c.unreadCount || 0), 0 ); (0, import_react18.useEffect)(() => { if (!user) return; const key = `eca_follow_bootstrap_done_${user.id}`; const already = localStorage.getItem(key); if (already) return; fetch("/api/follows/follow-officials", { method: "POST" }).then(() => localStorage.setItem(key, "1")).catch(() => { }); }, [user]); const [hideCampaignsBadge, setHideCampaignsBadge] = (0, import_react18.useState)(false); const [campaignsCleared, setCampaignsCleared] = (0, import_react18.useState)(false); (0, import_react18.useEffect)(() => { try { const onRoute = () => { if (typeof window !== "undefined") { const p = window.location.pathname; setHideCampaignsBadge( p.startsWith("/campaigns") || p.startsWith("/creators") ); } const cleared = localStorage.getItem("hide_campaigns_badge") === "1"; setCampaignsCleared(cleared); }; onRoute(); window.addEventListener("popstate", onRoute); window.addEventListener("pushstate", onRoute); return () => { window.removeEventListener("popstate", onRoute); window.removeEventListener("pushstate", onRoute); }; } catch (_) { } }, []); return /* @__PURE__ */ React.createElement( "div", { className: "w-full bg-black border-b border-[#1f1f22]", style: { backgroundColor: "rgba(0,0,0,0.8)" } }, /* @__PURE__ */ React.createElement("div", { className: "max-w-5xl mx-auto flex items-center gap-3 p-3" }, /* @__PURE__ */ React.createElement("a", { href: "/", className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement( "img", { src: "https://ucarecdn.com/df0e5fdc-9d2a-47f7-9c21-e77683accfa4/", alt: "ECA", className: "w-7 h-7 rounded" } ), /* @__PURE__ */ React.createElement("span", { className: "text-white font-semibold" }, "Elite Creator Agency")), /* @__PURE__ */ React.createElement("div", { className: "ml-auto flex items-center gap-4 text-sm" }, /* @__PURE__ */ React.createElement("a", { href: "/feed", className: "text-gray-300 hover:text-white" }, "Feed"), /* @__PURE__ */ React.createElement("a", { href: "/live", className: "text-gray-300 hover:text-white relative" }, "Live", liveCount > 0 && /* @__PURE__ */ React.createElement("span", { className: "absolute -top-2 -right-3 bg-red-600 text-white rounded-full px-2 py-[2px] text-[10px] font-bold animate-pulse" }, liveCount)), /* @__PURE__ */ React.createElement("a", { href: "/dgk", className: "text-gray-300 hover:text-white" }, "DGK"), user && /* @__PURE__ */ React.createElement( "a", { href: `/profile/${user.id}`, className: "text-gray-300 hover:text-white" }, "My Profile" ), /* @__PURE__ */ React.createElement("a", { href: "/creators", className: "text-gray-300 hover:text-white" }, "Creators"), user && /* @__PURE__ */ React.createElement("a", { href: "/dashboard", className: "text-gray-300 hover:text-white" }, "Dashboard"), /* @__PURE__ */ React.createElement( "a", { href: "/campaigns", className: "text-gray-300 hover:text-white relative" }, "Campaigns", activeCount > 0 && !hideCampaignsBadge && !campaignsCleared && /* @__PURE__ */ React.createElement( "span", { className: "absolute -top-2 -right-3 bg-pink-500 text-black rounded-full px-2 py-[2px] text-[10px] font-bold", "aria-label": `You have ${activeCount} active assignments` }, activeCount ) ), user && /* @__PURE__ */ React.createElement("a", { href: "/cso", className: "text-gray-300 hover:text-white" }, "CSO"), user && /* @__PURE__ */ React.createElement( "a", { href: "/messages", className: "text-gray-300 hover:text-white relative" }, "Messages", unreadCount > 0 && /* @__PURE__ */ React.createElement( "span", { className: "absolute -top-2 -right-3 bg-pink-500 text-black rounded-full px-2 py-[2px] text-[10px] font-bold", "aria-label": `You have ${unreadCount} unread messages` }, unreadCount ) ), /* @__PURE__ */ React.createElement("a", { href: "/profile/edit", className: "text-gray-300 hover:text-white" }, "Settings"), user?.role === "admin" && /* @__PURE__ */ React.createElement("a", { href: "/admin", className: "text-gray-300 hover:text-white" }, "Admin"), user && /* @__PURE__ */ React.createElement( "a", { href: "/account/logout", className: "text-gray-300 hover:text-white", title: "Sign out" }, "Sign out" ), !user && /* @__PURE__ */ React.createElement( "a", { href: "/account/signin", className: "text-gray-300 hover:text-white" }, "Sign in" ))) ); } function RootLayout({ children }) { const [serverTheme, setServerTheme] = (0, import_react18.useState)("#ec4899"); (0, import_react18.useEffect)(() => { const applyTheme = async () => { try { const stored = localStorage.getItem("eca_theme_primary"); if (stored) { setServerTheme(stored); document.documentElement.style.setProperty("--eca-primary", stored); } else { document.documentElement.style.setProperty( "--eca-primary", "#ec4899" ); } const res = await fetch("/api/creator-profile"); if (res.ok) { const data = await res.json(); const bg = data?.profile?.theme_background || "#000000"; const bgImg = data?.profile?.background_image_url || ""; document.documentElement.style.setProperty("--eca-bg", bg); document.documentElement.style.setProperty( "--eca-bg-image", bgImg ? `url('${bgImg}')` : "" ); } } catch (e) { } }; applyTheme(); }, []); return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, ` body { background-color: var(--eca-bg, #000000); background-image: var(--eca-bg-image, none); background-size: cover; background-position: center; background-attachment: fixed; } `), /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(Toaster, { position: "top-center", richColors: true }), /* @__PURE__ */ React.createElement(HeaderWithUser, null), children, /* @__PURE__ */ React.createElement("footer", { className: "bg-black border-t border-gray-800 py-4 text-center text-xs text-gray-500" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto px-4 space-y-2" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "a", { href: "/privacy", className: "text-pink-500 hover:text-pink-400 mr-4" }, "Privacy Policy" ), /* @__PURE__ */ React.createElement("span", null, "Contact: support@elitecreatoragency.com")), /* @__PURE__ */ React.createElement("div", null, "Elite Creator Agency is not affiliated with or endorsed by Apple Inc."))))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react19.default.createElement(LivePage, { ...props }); content = /* @__PURE__ */ import_react19.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. *) */